/*--
	Theme Name: theme51771
	Theme URI: http://info.template-help.com/help/
	Description: A theme for Wordpress 3.8.x
	Author: Template_Help.com
	Author URI: http://info.template-help.com/help/
	Template: CherryFramework
	Version: 3.1.2
--*/

/* ----------------------------------------
	Please, You may put custom CSS here
---------------------------------------- */
body {
	color: #999;
}
.nav__primary{
	display: none;
}

.header .container {
padding-top: 0px !important;
}

.nav_wrapper {
	/*padding-bottom: 20px !important;*/
}

#mainCaptionHolder .container{
	width: 390px;
}

#paralaxSliderPagination .container{
	background-color: #3498db;
	width: 45%;
}

#mainCaptionHolder .container, #paralaxSliderPagination .container{
	margin-left: 0;
}

.parallax-slider #paralaxSliderPagination ul{
		margin: 0 20px 0 0 !important;
}
.service-box .sub-title{
	padding: 0px;
}


/*Header fix*/

/*.header .container{
	width: 100% !important;
}*/

.header .container .span12{
	width: 100%;
	margin-left: 0px;
}

.pseudoStickyBlock{
	display: none !important;
}

.nav_wrapper{
	position: relative !important;
	top: 0px !important;
}

.nav_wrapper.isStuck .logo{
	width: auto !important;
}

.roadmap-logo{
	/*margin-left: 60px;*/
	width: 240px;
}
.logo {
	width: 210px;
}
.header .span8 {
	width: 710px;
}

.isStuck .roadmap-logo .logo{
	float: none;
	margin: 0 auto;
}

.isStuck .roadmap-logo{
	float: left;
}
.login{
	float: right;
	padding-top: 30px;
}

.mastery{
	height: 44px;
	margin-right:20px;
}

/*end header fix */

.icon .icon-hdd{
	margin-top: 17px;
}
.service-box .title{
	font-size: 21px;
}

.span2 .service-box .icon:before{
	background: #19225c;
}

.span2 .service-box .icon{
	width: 100px;
	height: 100px;

}
.login .loggingin{
	border: 3px solid #19225c;
background: #19225c !important;
border-radius: 0px;
box-shadow: none;
font-family: 'Open Sans', sans-serif;
font-weight: 600;
text-shadow: none;
color:white;
padding: 12px;

}

#myModal .prslogin{
	border: 3px solid #19225c;
background: #19225c !important;
	
}

#myModal .prslogin:hover{
	border-color: #3498db;
color: #3498db;
background-color: transparent !important;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
	
}

.login .loggingin:hover{
	border-color: #3498db;
color: #3498db;
background-color: transparent !important;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}

.header .container, .motopress-wrapper .parallax-slider, .container {
	width: 1000px;
}

.motopress-wrapper .parallax-slider{
	margin-left: auto;
  	margin-right: auto;
}

.header .nav_wrapper.isStuck{
	border-bottom: 0px !important;
}

.header .nav_wrapper{
	border-bottom: 0px !important;
	width: 100%;
  	margin-left: auto;
  	margin-right: auto;
}

#myModal form{
	margin-bottom: 0px
}

#myModal .modal-footer{
	text-align: center;
}

#myModal .modal-header{
	background: #19225C;
}

#myModal .modal-header h3{
	text-align: center;
	color: white;
}

#myModal .modal-body{
	width: 240px;
  	margin: 0 auto;
}
#myModal .modal-body p {
	margin-bottom: 0;
}
#myModal .modal-body a{
	color: #19225C;
	font-weight: 600;
}

#myModal .modal-header .close{
	color: white;
}

.the-trial{
	margin-top: 20px;
}

.the-trial h2{
	font-size: 28px;
	font-family: times;
	text-transform: none;
	color: #19225c;
	font-weight: 600;
}

.isStuck .the-trial h2{
	font-size: 22px;
	font-family: times;
	text-transform: none;
	color: #19225c;
	font-weight: 600;
}

.freetrial{
	background: #19225c;
	padding: 5px;
	color: white;
	font-size: 16px;
	letter-spacing: 1px;
	font-weight: 300;
}

.featured .style-1, .featured .style-2, #nsu-form-0{
		display: none;
}

/*.featured .span6{
	display: none;
}*/

.prs-icon-title{
  color: #3498db;
  font-size: 22px;
  text-align: center;
  margin-bottom: 10px;
  font-weight: 600;
  margin-top: 0px;
  padding-left: 20px;
}

.modal-text{
	padding:0 20px;
	color: black;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
}


.service-box:hover .icon:before {
background-color: #3498db;
-webkit-transform: scale(0.9);
-moz-transform: scale(0.9);
-ms-transform: scale(0.9);
-o-transform: scale(0.9);
transform: scale(0.9);
}

.slider_caption{
	z-index:9999;
}


.service-box_txt li{
	font-size: 16px;
	color: #666;
	text-align: left;
}

.icon-row{
	margin-left: 0px;
}

.parallax-slider #paralaxSliderPagination{
	opacity: 1 !important;
}

.parallax-slider #mainCaptionHolder .container .primaryCaption{
	background-color: transparent !important;
}

#paralaxSliderPagination .container{
	height: 130px;
}

#nav_menu-3 {
	padding-left: 30px;
}
.copyright .span6 {
	padding-left: 30px;
}.footer-widgets .span3 {
	width: 201px;
}
.footer-widgets .span3:first-child + .span3 + .span3 + .span3 {
	width:270px; /* For IE 8 */
}
.footer-widgets .span3:nth-child(4) {
  width: 270px;
}
.textwidget {
	color: #000;
}

/**
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    contenteditable attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that are clearfixed.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cf:after {
    clear: both;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.cf {
    *zoom: 1;
}

@media (min-width: 1024px) {
	.motopress-wrapper .parallax-slider #paralaxSliderPagination, .motopress-wrapper .parallax-slider #mainCaptionHolder .container .primaryCaption{
		bottom: 0;
	}
	.span12 {
		width: 1000px;
	}
	.contain-circle {
		width: 140px;
	}
	
}
@media (max-width: 1023px){
	.row {
		width: 100%;
	}
	.header .container, .motopress-wrapper .parallax-slider, .container, .span12{
		width: 100%;
	}
	.motopress-wrapper .parallax-slider #paralaxSliderPagination, .motopress-wrapper .parallax-slider #mainCaptionHolder .container .primaryCaption{
		bottom: -20px;
	}
	#paralaxSliderPagination .container {
  		height: 110px;
		width: 100%;
	}
	.parallax-slider #mainCaptionHolder .container .primaryCaption {
	  height: 105px !important;
	}
	.motopress-wrapper .parallax-slider #paralaxSliderPagination ul li{
		margin-top: 7px;
	}

	.motopress-wrapper .parallax-slider #paralaxSliderPagination ul{
		top: -2px;
	}
	.prs-icon-title{
	  padding-left: 40px;
	  font-size: 27px;
	  line-height: 40px;
	  margin-bottom: 15px;
	}
	
	.featured .contain-circle {
		width: 47%;
		height: 370px;
	}
	.featured .contain-circle:after {
		clear: both;
	}
	.service-box {
		margin-bottom: 30px;
	}
	.icontext-contain {
	  width: 60%;
	  margin: auto;
	}

	.nav_wrapper .span8{
		width: 400px;
	}
	.footer-widgets .span3 {
		width: 18%;
	}
	.footer-widgets .span3:nth-child(4) {
		width: 250px;
	}
	.roadmap-logo {
		margin-left: 0;
	}
	.logo {
	  width: 100% !important;
	}
	.logo img {
		width: 70%;
	}
	.login {
	  padding-top: 15px;
	}
}


/*@media (max-width: 979px){

.icontext-contain{
	width: 215px;
	display: block;
	margin: 0 auto;
}



.row .contain-circle{
	width: 100%;
}

.login{
	padding-top:60px;
}


}


@media (max-width: 940px){
	.motopress-wrapper .parallax-slider #paralaxSliderPagination{
		bottom: -9px;
	}

	.motopress-wrapper .parallax-slider #mainCaptionHolder .container .primaryCaption{
		bottom:3px;
	}

	.motopress-wrapper .parallax-slider #paralaxSliderPagination ul{
		top: -40px !important;
	}
}

@media (max-width: 900px){
	.motopress-wrapper .parallax-slider #paralaxSliderPagination{
		bottom: 5px;
	}

	.motopress-wrapper .parallax-slider #mainCaptionHolder .container .primaryCaption{
		bottom:20px;
	}

	.motopress-wrapper .parallax-slider #paralaxSliderPagination ul{
		top: -40px !important;
	}
}

@media (max-width: 895px){
	.nav_wrapper .span8{
		width: 300px;
	}

}

@media (max-width: 840px){
	.motopress-wrapper .parallax-slider #paralaxSliderPagination{
		bottom: 26px;
	}

	.motopress-wrapper .parallax-slider #mainCaptionHolder .container .primaryCaption{
		bottom:40px;
	}

	.motopress-wrapper .parallax-slider #paralaxSliderPagination ul{
		top: -40px !important;
	}
}

@media (max-width: 800px){
	.motopress-wrapper .parallax-slider #paralaxSliderPagination{
		bottom: 116px;
	}

	.motopress-wrapper .parallax-slider #mainCaptionHolder .container .primaryCaption{
		bottom:130px;
	}

	.motopress-wrapper .parallax-slider #paralaxSliderPagination ul{
		top: -40px !important;
	}

	.motopress-wrapper #paralaxSliderPagination .container{
		width: 370px;
	}

	.motopress-wrapper .parallax-slider #mainCaptionHolder .container h2{
		font-size:18px;
	}

	.parallax-slider #mainCaptionHolder .container .slider_caption{
		  padding: 0 0 0 20px !important;
		  width: 59%;
	}
}
*/
/*@media (max-width: 768px){
	.motopress-wrapper .parallax-slider #paralaxSliderPagination{
		bottom: 116px;
	}

	.motopress-wrapper .parallax-slider #mainCaptionHolder .container .primaryCaption{
		bottom:130px;
		  width: 260px !important;
	}

	.motopress-wrapper .parallax-slider #paralaxSliderPagination ul{
		top: -40px !important;
	}

	.motopress-wrapper #paralaxSliderPagination .container{
		width: 370px;
	}

	.motopress-wrapper .parallax-slider #mainCaptionHolder .container h2{
		font-size:18px;
	}

	.motopress-wrapper .parallax-slider #mainCaptionHolder .container .slider_caption{
		  padding: 0 0 0 20px !important;
		  width: 100%;
	}

	.motopress-wrapper .parallax-slider #paralaxSliderPagination ul li{
		width: 10px;
		height: 10px;
	}
}*/

@media (max-width: 767px){

	.motopress-wrapper .parallax-slider #mainCaptionHolder .container .slider_caption {
	 top: 5px !important;
	 	width: 100%;
	}

	.motopress-wrapper .parallax-slider #paralaxSliderPagination ul li{
		width: 10px;
		height: 10px;
	}

	.motopress-wrapper #paralaxSliderPagination .container{
		height: 90px
	}

	.motopress-wrapper .parallax-slider #paralaxSliderPagination ul{
		top: -25px !important;
	}

	.motopress-wrapper .parallax-slider #paralaxSliderPagination{
		bottom: -18px;
	}
	.motopress-wrapper .parallax-slider #mainCaptionHolder .container .primaryCaption{
		bottom: 45px;
	}

	.motopress-wrapper .parallax-slider #mainImageHolder .primaryHolder img{
		  height: 264px !important;
	}

	.login {
		padding-top: 17px;
	}
}


@media (max-width: 480px){
	.roadmap-logo {
	 margin-left: 0px; 
	 width: 100%;
	}
	.logo {
		float: none;
		margin-bottom: 10px;
	}
	.logo img {
	  display: block;
	  margin: auto;
	}
	.nav_wrapper {
  		padding: 5px 0 15px;
	}
	.nav-wrapper .span8{
		display: none;
	}
	.login{
		position: relative;
		z-index: 100;
		padding-top: 0px;

		float: 	left;
		text-align: center;
		width: 100%;
		margin-top: 0px;
		margin-right: 0px;
	}
	.modal-text{
		font-size: 12px;
	}

	.motopress-wrapper .parallax-slider #mainCaptionHolder .container .slider_caption {
	 top: 5px !important;
	 	width: 100%;
	 	  padding: 0 0 0 10px !important;
	}

	.motopress-wrapper .parallax-slider #paralaxSliderPagination ul li{
		width: 10px;
		height: 10px;
	}

	.motopress-wrapper #paralaxSliderPagination .container{
		height: 90px
	}
	
/*	.motopress-wrapper .parallax-slider #paralaxSliderPagination ul{
		top: -50px !important;
	}

	.motopress-wrapper .parallax-slider #paralaxSliderPagination{
		bottom: 108px;
	}

	.motopress-wrapper #paralaxSliderPagination .container{
		width: 260px;
	}

	.motopress-wrapper .parallax-slider #mainCaptionHolder .container .primaryCaption{
		bottom: 171px;
	}*/

	.motopress-wrapper .parallax-slider #mainCaptionHolder .container h2{
		font-size:14px;
	}

	.freetrial{
		font-size: 12px;
	}
	.prs-icon-title {
 		 line-height: 30px;
	}
	.icontext-contain {
		width: 100%;
	}
	.service-box_txt {
		padding: 0 20%;
	}


}


/*@media (max-width: 420px){

	.motopress-wrapper #paralaxSliderPagination .container {
  	width: 230px;
	}

	.motopress-wrapper .parallax-slider #mainCaptionHolder .container .primaryCaption{
		width: 190px !important;
	}
}
*/
@media (max-width: 380px){
	.service-box_txt {
		padding: 0 20px;
	}
/*	.parallax-slider {
  	height: 344px;
	}

	.motopress-wrapper .parallax-slider #paralaxSliderPagination {
  bottom: -62px;
}

	.motopress-wrapper #paralaxSliderPagination .container{
		height: 68px;
		width: 184px;
	}

	.motopress-wrapper .parallax-slider #mainCaptionHolder .container h2 {
  font-size: 10px;
  line-height: 22px;
	}

.motopress-wrapper .parallax-slider #paralaxSliderPagination ul li {
  width: 7px;
  height: 7px;
	}

	.freetrial {
  font-size: 9px;
}

.motopress-wrapper .parallax-slider #mainCaptionHolder .container .primaryCaption {
  width: 130px !important;
  bottom: 160px;
}

.motopress-wrapper .parallax-slider #paralaxSliderPagination ul {
  top: -62px !important;
}

.motopress-wrapper .parallax-slider{
	height: 232px;
}

.motopress-wrapper .parallax-slider #mainCaptionHolder .container .primaryCaption{
	bottom: 14px;
}

.motopress-wrapper .parallax-slider #mainImageHolder .primaryHolder img {
  height: 230px !important;
}*/
	
}