
.bl1px{ border-left:1px #ccc dashed}
#pricevalueslide{ min-height:200px; padding:25px 0; overflow:hidden; background: #ddd;}
.priceinner{ text-align:center}
.priceinner b{font-family: 'Roboto Condensed';  font-style: normal; font-size:30px; text-transform:uppercase; font-weight:600; display:block;}

.priceinner .price{ text-align:center; display:inline-block;font-size:29px; width:209px; height:209px; font-family: 'Roboto Condensed';  margin:40px 0 20px 0; position:relative; z-index:9999 !important; ; padding:3px;border-radius:50%; -o-border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%;}


.priceinner .price div{  width:200px; height:200px; border-radius:50%; -o-border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; overflow:hidden; padding: 8px;}
/*.priceinner .price div:after{ position:absolute; content:""; background-color:rgba(255, 255, 255, .2); left:0; right:0; margin:0 auto; bottom:-100%; height:100%; width:100%;}*/
.priceinner .price:hover div:after{ bottom:0;}
.priceinner .price div p{ top:50%;transform:translateY(-50%); position:relative; color:#fff}
.priceinner .price div strong{ display:block; }
.priceinner .price span{ display:block; font-size:15px;}

.bgexta3{ background-color:#8abc1d}
.bd1{border:2px #8abc1d solid;}
.bd2{border:2px #de393b solid;}
.bgextain{ background-color:#de393b}




.expert ul li div, .sev_circle .image_cirdle img, .priceinner .price div:after{-webkit-transition:all .5s ease-out;-moz-transition:all .5s ease-out;-o-transition:all .5s ease-out;transition:all .5s ease-out; -ms-transition:all .5s ease-out;	} 




#brandsection{ padding:50px 0 30px 0;}
.bortop{ border-top:10px #243f6c solid;}
.brandscopntent{font-family: 'Roboto Condensed';  font-style: normal; font-size:18px; font-weight:400; line-height:27px; text-align:center ;  }
.brandscopntent b{ font-size:35px; display:block; line-height:35px; margin-bottom:17px; text-transform:uppercase; position:relative; padding:0 0 17px 0}
.brandscopntent b:after{ position:absolute; content:""; left:0; right:0; margin: 0 auto; bottom:0; width:100px; height:3px; background-color:#03A9F4;}







.sectiob{font-family: 'Roboto Condensed';  font-style: normal; color:#fff;  font-weight:400;    }
.sectiob b{ font-size:24px; display:block; text-align:center; margin-bottom:17px; text-transform:uppercase; position:relative; padding:0 0 17px 0;line-height:28px;}
.sectiob b:after{ position:absolute; content:""; left:0; bottom:0; right:0; margin:0 auto; width:100px; height:3px; background-color:#fff;}
.sectiob span{ font-weight:700 !important; display:block; margin:10px 0; font-style:italic}
.sectiob p{ line-height:22px;font-size:17px;}






#allservicessectyion{ overflow:hidden; background-color:#f9f5f6;}


#ourexpertiseedsection{ background-color:#ffece8; padding:40px 0; background:url(../images/help-bg.jpg);}
.expert ul{}
.expert ul li{ float:left; width:20%; list-style:none; text-align:center;  color:#000;font-family: 'Roboto Condensed'; font-size:18px; font-weight:300; text-transform:uppercase; margin-bottom:15px;}
.expert ul li div{ background-color:#03a9f4; padding:10px; width:60px; height:60px; border-radius:50%; margin:0 auto 25px auto ; overflow:hidden; border:2px #fff solid; transform:translateY(0); -moz-transform:translateY(0); -webkit-transform:translateY(0);}
.expert ul li div img{ width:100%; height:100%}
.expert ul li:hover div{transform:translateY(-10px); -moz-transform:translateY(-10px); -webkit-transform:translateY(-10px);}
.orangebg{ background-color:#fe2b00 !important ;}


#mapscontactdetails{ position:relative;}
#mapscontactdetails iframe{ position:absolute; left:0; top:0; bottom:; width:100%; height:100%;}
.mapsdetailsinner{ position:relative; width:40%; padding:30px; margin:20px  auto; background-color:rgba(255, 255, 255, .9); position:relative; z-index:999 ;font-family: 'Roboto Condensed';  font-style: normal;}
.cdhead{ display:block; margin-bottom:17px; font-size:18px; margin-left:10px;}
.mapsdetailsinner ul li{ list-style:none; position:relative; padding:0 0 20px 0; border-bottom:1px #ccc dashed; margin-bottom:10px; font-size:15px; line-height:24px;}

.mapsdetailsinner ul { padding: 0;}
.mapsdetailsinner .icon { margin-right: 5px;}

.greybgg{ background-color:#f8f5f5  !important}


#sectionpart-1{ background:#3769dc url(../images/bg-our-services.jpg);  margin:15px 0}
#sectionpart-2{ background:#f48a00 url(../images/img-our-packages-1.jpg);margin:15px 0}
#sectionpart-3{ background:#83b844 url(../images/img-our-packages.jpg);margin:15px 0}
.sectionpartinner{ padding:30px;min-height:200px;}





.commanhead{font-size:29px; display:block; margin-bottom:20px; text-transform:uppercase; position:relative; padding:0 0 14px 0; text-align:center;font-family: 'Roboto Condensed'; line-height:30px;}
.commanhead:after{ position:absolute; content:""; left:0; bottom:0; right:0; margin:0 auto; width:100px; height:3px; background-color:#f00;}
.commantext{font-size:18px; display:block; line-height:28px; margin-bottom:20px; font-family: 'Roboto Condensed';    text-align:center}
.pagescontent{ border:1px #ccc dashed ; border-radius:4px; padding:15px; margin:15px 0; }
.pagescontent b{ display:block; font-family: 'Roboto Condensed';  font-size:21px; text-transform:uppercase; margin:5px 0 10px 0;  }
.pagescontent  p{ font-family:Lato; font-size:15px; line-height:24px; text-align:justify;}


#first-wraper {border-color: #000000;  position:relative;  
    background: #222438 url("../images/building01.png") no-repeat center center fixed;
}
#first-wraper  .firstinner{ position:relative; z-index:9999}

.number{font-family: 'Oswald', sans-serif; font-size:15px; font-weight:400; margin-top: 3px;}
.number span{ margin-left:20px;}
.number span i{ color:#f00}


.first-left{ margin-top:20px;}
.first-left h2 { font-family: 'Oswald', sans-serif;    font-weight: 700; color:#fff; line-height:37px; font-size:30px; margin-bottom:20px; display:block}
.first-left  .wording{color: #FFFFFF;line-height: 28px;text-align: left;font-family: 'Open Sans';
  font-style: normal;  font-weight: 400; padding:0 5% 0 0}
.first-left  .wording ul{ margin:25px 0; padding:0}
.first-left  .wording ul li{ list-style:none; background:url(../images/check-square-o_4eb625_20.png) no-repeat 0 5px; line-height:30px; padding:0 0 15px 30px; font-size:17px;}

.buttons a{ color:#fff; border-radius:28px; font-size:21px;font-family: 'Oswald', sans-serif;  font-weight:400; display:inline-block; padding:6px 35px 8px 35px;; margin-right:10px; }
.buttons a.orange{ background-color:#f33434}
.buttons a.green{background-color:#4eb625}


#formsection{position:absolute; bottom:0px; right:200px; top:185px; z-index:1; }


.first-right{ background-color:rgba(38, 71, 108, 0.7); padding: 5px 15px 15px 15px; color:#fff; border-radius:15px ; float:right; width:386px;}

.first-right .rightmainhead h2{ font-size:27px;font-family: 'Oswald', sans-serif; font-weight:400; text-align:center}
.first-right .rightmainhead h2 b{ color:#F9BA48}
.first-right .rightmainhead span{ display: block; text-align:center; font-size:14px;font-family: 'Oswald', sans-serif; font-weight:300;}

.first-right .rightmainhead span b { display: block; text-align:center; font-size:13px; font-weight:normal; font-family: 'lato', sans-serif;  line-height:20px;}

.formsection { margin-top:10px;}
.formsection .inputfield { position:relative}
.formsection .inputfield  label.error{ position:absolute; right:10px; top:10px; z-index:999; color:#f00}
.formsection .inputfield input[type="text"], .formsection .inputfield select, .formsection .inputfield textarea{ width:100%; padding:7px 10px ; border-radius:4px; border:1px #acacac solid; margin-bottom:5px; color:#000}

.formsection .inputfield select{ color:#666}

.texts{font-family: 'Open Sans';  font-style: normal;  font-weight: 400; font-size:16px; line-height:24px;}


@media screen and (max-width: 767px) {
		
	.mobilehide{ display:none !important}
	
	.top_right{width:100%; padding:0px;}
	.ads_box{width:33.33%; text-align:center; padding:0px;}
	.ads_box img{max-width:90%;}
	.ads_box_text{display:table; margin:0 auto; padding:10px 0px; float:none; width:192px; clear:both;}
	.phone{text-align:left;}
	.first_heading{font-size:22px;}
	.banner{padding-top:30px;}
	.form_bottom{margin-bottom:30px;}
	.tag{padding:0px 10px;}
	.client_heading{margin-top:30px;}
	.display_noe{display:none;}
	.display_noe1{display:block;}
	
	
	
	.mapsdetailsinner{  width:90%; padding:20px; margin:0px  auto; }

	#mapscontactdetails iframe{ position: relative; left:0; top:0; bottom:; width:100%; height:100%;}

	.expert ul li{  width:50%; }

	.buttons a{ margin-bottom:10px;}
		.number { text-align: center !important; margin-top:10px !important;}
	.number img{ display:block}
   .pricetipspace{ margin-top:90px !important;}
	

}

@media only all and (max-width: 450px){
	
	.number span{ margin-left:5px; font-size:14px; display: block;}

	.expert ul li { width:100% ; display:block;}
	#ourexpertiseedsection{ background-color:#ffece8; padding:110px 0; background:url(../../images/newimg/help-bg.jpg) no-repeat; width:100%; height:100%;}
	
	 }

@media (min-width: 320px) and (max-width: 768px) {

#formsection{position:absolute; bottom:0px; left:0px; top:200px; z-index:1; }
}

@media (min-width: 768px) and (max-width: 1024px) {

#formsection{position:absolute; bottom:0px; left:0px; top:200px; z-index:1; }
}



@media (min-width: 320px) and (max-width: 480px) {
	.contact_us{width:270px; background-size:100%; height:46px;}
	.botom_strip{min-height:44px;}
	.plus{margin-top:5px;}
	
	#formsection{position:absolute; bottom:0px; left:0px; top:200px; z-index:1; }
}
@media (min-width: 481px) and (max-width: 767px) {
	
}
@media (min-width: 768px) and (max-width: 991px) {
	.top_right{width:80%;}
	.ads_box{width:25%; padding-left:5px; padding-right:5px;}
	.ads_box img{max-width:100%;}
	.ads_box_text{width:25%; padding-left:5px; text-align:center;}

	.phone{background:none; padding-left:0px; font-size:18px;}
	.tag{padding:0px 10px;}
	.form_bottom{margin-bottom:20px;}
	.box_after::after{width:70px; right:-70px;}
	.box_before::before{width:70px; left:-70px;}
	.circle_after::after{right:-65px;}
	.cirlce_desc{padding:0px;}

}
@media (min-width: 992px) and (max-width: 1024px) {
	.circle_after::after{right:-85px;}
	.cirlce_desc{padding:0px 20px;}

}






@media (min-width: 1200px) {

.formsection { margin-top:8px;}

.formsection .inputfield input[type="text"], .formsection .inputfield select, .formsection .inputfield textarea{padding:10px ;  margin-bottom:5px;}


  }
  
  
  
  
@media (max-width: 1199px) and (min-width: 980px) {
#formsection{ top:195px}


}











@media (min-width: 768px) and (max-width: 991px) {#formsection{position: relative;top:0px}
.first-right{ margin:10px 0; float: none; width:100%;}

.colom-6{ width:33.33%; }


}


/*smart Less than 4+ */
@media (max-width: 767px) {
.colom-1{ width:33.33%; }
.colom-2, .colom-3{ width:100%; display:block }

#formsection{position: relative;top:0px}
.first-right{ margin:10px 0; float: none; width:100%;}

	.listyer li{ display:block; width:100% !important;  border:0 !important}

.colom-6{ width:50%; }

}
@media only all and (max-width: 481px){
	.colom-1{ width:50%; }
.colom-6{ width:100%; }
}
	
	
	
	.listyer{ margin:20px 0 30px 0;;}	
	
	.listyer li{ display:inline-block; width:24.7%; list-style:none; padding:14px 18px;}
	.listyer li+li{ border-left:1px #dbdbdb solid}
	
	
	
	
	
	
/*----- bounce-3 btn -----*/
.bounce-3:after {
	content:'';
	width: 100%;
    height: 450%;
    background: #FCFCFC;
    top: 50%;
    left:50%;
	position:absolute;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
	transform: translateX(-50%) translateY(-50%) rotate(-132deg);
	opacity:1;
	z-index:-1;
    font-weight: bold;
}
.bounce-3 {
	background:#f9ba48;
	border:none;
	padding:10px 116px;
	position:relative;
	cursor:pointer;
	color:#000;
	overflow:hidden;
	z-index:9;
}
.bounce-3:hover:after{
	height: 0;
}
.bounce-3:hover{
	color: #fff;
}
.bounce-4 {
	padding:10px 71px !important;
}

/*----- bounce-3 btn end -----*/
.subfooter {
    color: #fff;
    background: #333;
    padding: 20px 10px;
    text-align: center;
}
.subfooter a {
    color: #FFC107;
}
.subfooter a:hover {
    color: #fff;
}
.text-red {
    color: #f44336;
}

.header .social li a {
    display: block;
    padding: 10px 2px;
    color: #fff;
}
.header .social {
    margin: 10px 0 0 0;
}
.header .social li {
    padding: 0;
}
.header .social li:nth-child(1) {
    margin-right: 5px;
}
/*
.fb { background: #3B5998;}
.twt { background: #00B6F1;}
.g-pls { background: #C20806;}
.lnkd { background: #04669A;}
*/

.thanks-box h2 {
    font-size: 30px;
}
.thanks-box {
    padding: 30px 0;
    width: 50%;
    margin: 0 auto;
    border: 2px dashed #FF5722;
    margin-top: 30px;
}
.error {
    color: red;
    font-size: 12px;
    display: none;
}

#mapscontactdetails iframe {
    position: absolute;
    left: 0;
    top: 0;
    bottom: ;
    width: 100%;
    height: 100%;
    pointer-events: visible!important;
}
.button3 {
    width: 110px;
    background-color: #26476c;
    border-radius: 1px;
    padding: 10px 20px;
    color: #fff;
    font-size: 19px;
}
.formsection p {
    font-size: 10px;
    text-align: center;
}
.sev_circle .btn {
    background: #f44336;
    color: #fff;
    transition: all 0.4s ease;
}
.sev_circle .btn:hover {
    background: #4c4443;
    color: #fff;
}
.mymodal .modal-header .close {
    color: #ff4b23;
    opacity: 4;
    text-shadow: none;
}
.mymodal .modal-header .close:hover {
    color: #1f1f1f;
}
.mymodal .modal-header {
    color: #000;
    background: #fff;
    border-bottom: 0;
}
.mymodal .modal-body {
    background: #5c9abb;
    color: #fff;
}
.why-choose-sec .box {
    border: 1px solid #ff928a;
    padding: 24px;
    margin-bottom: 20px;
    font-size: 17px;
}
.cont {
    display: none;
}
.nclick .cont {
     display: none;
}
.formsection [class="form-group"]{padding-top:0px !important;}
.rightmainhead h2{color: #fff;}



#feedback{
			position: fixed;
			top:195px;
			left:-296px;
			z-index:9999999999;
		}
		
		#feedback a{
			background:url("../images/feedback-buttons.png")  no-repeat center left transparent;
			display: block;
			width:35px;
			height:245px;
			float: left;
			text-indent:-9999em;
			position: absolute;
			top:0px;
			right:-35px;
		}
		#feedback a:hover{
			background-position: center right;
		}
		#feedback form .btn{
			float: right;
			background:url("send.png")  no-repeat 0px 0px transparent;
			text-indent:-9999em;
			width:80px;
			height:28px;
			border:none;

		}
		
.first-right1{    background-color: #26476C;
    padding: 5px 15px 15px 15px;
    color: #fff;    
    width: 296px;
	
}
.first-right1 .rightmainhead h2{
	font-size: 23px;
}
.first-right1 .rightmainhead h2 b {
    color: #DA4B54;
}
.first-right1 .rightmainhead span b {
    display: block;
    text-align: center;
    font-size: 13px;
    font-weight: normal;
    font-family: 'lato', sans-serif;
    line-height: 20px;
}
#feedback a {
    background: url(../images/feedback-buttons.png) no-repeat center left transparent;
    display: block;
    width: 35px;
    height: 245px;
    float: left;
    text-indent: -9999em;
    position: absolute;
    top: 0px;
    right: -35px;
}
