/**{
   outline: 1px solid red;
  }*/
  
  .previewNav {

background: rgba(0,0,0,.6);
z-index:1;
	
}
#alert{font-size:13px;display: none;padding:25px 5px 25px 5px;text-align:center;border:1px solid #FFC74D;border-radius:2px;background:#FFFFCC;top:0;left:0%;right:0%;position:fixed;z-index:999999999;}	

.cyan-bg{
	background: #fc7173;
}
.cyan-bg {
  background: url(../img/bl-bg.png) ;
}

.desaturated-blue1 {
    background: #666;
}

.we-do-area1 {
    padding-top: 100px;

}

.desaturated-blue1 {
    background: #12717e;
}



	.plan {
    background: #f2f4f8 none repeat scroll 0 0;
    border-radius: 4px;
    box-shadow: 0 2px 2px rgba(130, 139, 178, 0.09);
    margin: 20px 0;

    padding-bottom:5px;
    text-align: center;
	border:1px solid #e0dfdf;
	min-height:460px;
}
.plan .head {
	background:#0089cc;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    color: #fff;
    padding: 11px 16px;
}

.smart{ font-size:14px; color:#ffffff; font-weight:500; text-transform:capitalize}

.banner-escription {
font-size:38px;
color: #fff;
line-height: 48px;
margin-top: 20px;
text-transform: uppercase;
font-weight: bold;
text-shadow: 3px 2px 1px rgb(51, 50, 50);
}

.banner-escriptionsub {
font-size: 26px;
color: #e9e9e9;
line-height: 37px;
margin-top: 20px;

}

.rules_section ul{ margin-bottom:15px;     margin-left: 15px;}
.rules_section ul li{ font-size:15px; list-style:disc; color: #f3f3f3}

	
.work-list1 {
    width: 331px;
    position: relative;
	padding-top: 15px;
	padding-left: 15px;
}

@media only screen and (max-width: 767px) and (min-width: 300px){
.buttons {

  
    margin: inherit;
    margin-top: 14px;
   
}
.slider-contactus{ width:auto; padding: 11px 19px 4px 19px; }
}



@media (max-width:767px) {
	.banner-escription {
font-size: 27px;

	}
	.banner-escriptionsub{ margin-top:6px;}
}

@media (max-width:767px) {
.inputfield {
    width: 100%;
   	}
	.banner-escription {

color: #fff;
line-height:26px;
padding-top: 10px;
}

	
	
	
.bright-red1 {
    min-height:450px;
}		
	
.banner-escription {

color: #fff;
line-height:36px;
padding-top: 10px;
}	
	
.banner-escriptionsub {
font-size: 14px;
line-height:22px;
    margin-top: 11px;
	color: #fff;
}
	
.work-list1 {
	padding-top:0px;
	padding-left: 0px;
}
	
	
	}

@media (max-width:420px)  {

.work-list-last-right {

     margin-top:15px;

}
}



@media (max-width:320px)  {
.inputfield {
    width: 100%;
   	}
	.banner-escription {

color: #fff;
line-height:36px;
padding-top: 10px;
}
.work-list-last-right {

     margin-top:0px;

}
.banner-escriptionsub {
font-size: 14px;
line-height:22px;}
	
	.bright-red1 {
    min-height:450px;
}	
	h3 {

    padding-top: 23px;

}
	
	
	
	}	
	
.addinputfield {
width: 100%;
background: #f3f3f3;
float: left;
border: 2px solid #eceff1;
margin-right: 1%;
font-family: ralewayregular;
font-size: 14px;
color: #263238;
height: 50px;
margin-bottom: 20px;
border-radius: 50px;
text-align: center;

}	
	
	

#loading {
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  position: fixed;
  display: block;
  opacity: 0.7;
  background-color: #fff;
  z-index: 99;
  text-align: center;
}

#loading-image {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 100;
}
	
	
	
	
	
	

	.text_bar .container{ max-width:227px; padding:0;}
	.text_bar{position:fixed; bottom:0px; left:0px; width:100%;z-index: 99;}
	.text_bar .text_btn{ background:#ebc414; color:#000; padding:8px;}
	.text_bar .text_btn p{ float:left; margin:0; padding-top: 8px; color: #222; margin-right: 12px}
	.text_bar .text_btn .btn{ font-weight: 600; float:left; background:#de4226; border-color:#de4226; }	
.text_bar .text_btn .btn1{ font-weight: 600; float:right; color: #de4226;padding: 6px 12px; border: 1px solid #de4226;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none; border-radius:4px}	
	.quality-area .row{ margin-left:-4px; margin-right:-4px;}
	.quality-area  .col_5{ width:20%; float:left; padding-left:4px; padding-right:4px;}
	
	@media (max-width:991px)  {
		.quality-area  .col_5{ width:100%; }
		.quality-area  .step-text-right{ margin:0 auto;}
		}
	
	@media (max-width:767px)  {
	.text_bar{ padding-top:0;}
	}
	
	@media (max-width:600px)  {
		.text_bar .text_btn{     padding:0px 3px 7px 3px; text-align:center;}
		.text_bar .text_btn p{ float:none;     margin-bottom: 5px;     margin-right: 0;}
		.text_bar .text_btn .btn{ float:none; margin-top:0;}
	}
	
@media screen and (max-width:768px) {
	.header-only .navbar-toggle{     width: 43px;
    height: 28px;}
	.header-only .container{ padding:0;    margin: 0;
    width: 100%;}
	.header-only .navbar-nav>li{ width:100%;}
	.header-only .navbar-collapse.collapse{
    }
	
.full-width.social-area{padding-bottom:60px}	
.full-width.social-area .footer-social { max-width: 96px; }    
.full-width.social-area .social-area .works-count{ padding-bottom:55px!importantt} 
.full-width.social-area .footer-social p{ margin-bottom:0}
.full-width.social-area .footer-social br{ display: none;}	
.sticky .text_bar{ display:none;}

.full-width.header-only{    height: 50px;}
.header-only .navbar-brand{ padding:0;}
.header-only .navbar-brand{    top: 9px;     left: 7px;}
.header-only .navbar-brand img{    width: 56px;}
.header-only .navbar-header {margin-top: 11px;}
.header-only .navbar-collapse{    margin-top: 49px;}
.header-only .navbar-nav{ margin:0;}
.text_bar .text_btn .btn{ margin-top:0;}
.text_bar .text_btn .btn1{ float:none !important;}
.welcome-row .welcome-right-section{ padding-top:0 !important;}
.text_bar .text_btn p{ line-height:18px;}
.welcome-row .buttons{ width:100%;}
.welcome-row .slider-contactus{ width:100%; margin:0 0 10px 0; height:40px;     padding: 8px 19px 4px 19px;}
.welcome-row .owl-theme .owl-controls{ width:100%;}
.welcome-row .owl-pagination{ width:100%; text-align:center;     margin-top: -32px;}
.welcome-row .banner-escription{ margin-top:0;}
li, p {
    line-height: 20px;
}
.divider-green{ margin-bottom:18px;}
.divider{ margin-bottom:18px !important;}
.divider-yellow{ margin-bottom:18px;}
.desaturated-blue1 .white-text-color{ margin-bottom:0;}
.how-we-do-area .how-do-panel .step1-text-left-title{ margin-bottom:0;}
.how-we-do-area .step-text-right{ margin-top:0;}
.left-part .work-list-last .list-desc{ margin-bottom:0;}
.we-do-area1 {
    padding-top: 20px !important;
}
.how-do-content .how-upper{ margin-top:20px;}
.plan{ min-height:inherit !important;     padding-left: 5px;
    padding-right: 5px; padding-bottom:18px !important; margin: 20px 0 0 0 !important;}
	.rules_section .col-md-10{ padding:0;}
} 

@media screen and (max-width:480px) {
.welcome-right-section img{ display:none;}
}

.app-link a{color: #fff}
.app-link a:hover { color:#cecdcc}