body{margin:0;padding:0;font-family: 'robotoregular';font-size:14px;line-height:20px;color:#555; background:#f2f2f2;}

@font-face {
    font-family: 'robotobold';
    src: url('../fonts/roboto-bold-webfont.woff2') format('woff2'),
         url('../fonts/roboto-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'robotolight';
    src: url('../fonts/roboto-light-webfont.woff2') format('woff2'),
         url('../fonts/roboto-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'robotoregular';
    src: url('../fonts/roboto-regular-webfont.woff2') format('woff2'),
         url('../fonts/roboto-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

img {max-width:100%; border:0px;}
a {text-decoration:none;}
a, a:hover, a:focus{outline:medium none;}
.wrapper {max-width:1240px; width:100%; margin:0 auto;}
header{width:100%; position:relative; float:left; background:#f4f4f4; border-top:6px solid #f20607; box-shadow:2px 1px 7px #333; position:relative;z-index:1010;}
.header-top{float:left; width:100%;}
.heading-back{max-width:1592px; height:114px; display:block; float:left; position:relative; float:left; overflow:hidden; background:url(../images/heading-back.jpg) no-repeat 58% 6%;}
.heading-back .main-title{z-index:1020; color:#fff; margin-top:60px; text-shadow:1px 1px 3px #666;}
.heading-back .main-title::after{content:""; display:block; margin:10px auto 0; background:url(../images/heading-line-2.png) no-repeat; width:169px; height:9px;}
.heading-back img{z-index:-1;}
.heading-back-2{max-width:1592px; height:114px; display:block; float:left; position:relative; float:left; overflow:hidden; background:url(../images/heading-back-3.jpg) no-repeat 58% 6%;}
.heading-back-2 .main-title{z-index:1020; color:#fff; margin-top:60px;}
.heading-back-2 .main-title::after{content:""; display:block; margin:10px auto 0; background:url(../images/heading-line-2.png) no-repeat; width:169px; height:9px;}
.heading-back-2 img{z-index:-1;}
.heading-back-4{height:114px; display:block; float:left; position:relative; float:left; overflow:hidden; background:url(../images/heading-back-4.jpg) no-repeat 58% 6%;}
.heading-back-4 .main-title{z-index:1020; color:#fff; margin-top:60px;}
.heading-back-4 .main-title::after{content:""; display:block; margin:10px auto 0; background:url(../images/heading-line-2.png) no-repeat; width:169px; height:9px;}
.heading-back-4 img{z-index:-1;}
.header-wrapper{max-width:1000px; width:100%; margin:0 auto;}
.logo{float:left;width:auto; position:relative; top:16px;}
.header-right{float:right; width:auto; margin-top:8px;}
.right-header{width:auto;float:right; margin:2% 0 2% 0; }
.login-right{float:right; width:auto; display:inline-block; margin:4px 0px 0px 5px; position:relative; float:left;}
.login-right .login-window{text-decoration:none;width:77px; text-align:center; color:#fff; font-size:15px; border-radius:15px; display:table; margin:0 auto; background:#666; padding:3px 0px 6px;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;}
.login-right .login-window:hover{background:#f20607;}
.call{float:left;font-size:16px;width:auto; margin-left:15px;}
.call a{color:#555;}
.call img{margin-right:5px;}
.social {float:left;margin-top:5px;width:auto; margin-right:2px;}
.social-title {color: #333333; float: left;font-size: 14px;text-align: left; width: 80px;}
.social-icon {float: left;  width:auto;}
.social-icon ul { margin: 0;padding: 0;}
.social-icon li { display: inline;list-style:none;margin: 0; padding: 0 1px;}
.click-to{float:right; width:auto; margin:5px 0 0 15px;}
.click-to a{text-decoration:none;width:113px; text-align:center; color:#fff; font-size:15px; border-radius:15px; display:table; margin:0 auto; background:#f3041a; padding:4px 0px;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;
 -o-transition: all .3s ease;transition: all .3s ease;}
 .click-to a:hover{background:#be1e2d;}

/********menu******/
.menu{width:auto;float:right; clear:right; position:relative;}
.menu-right{float:right;}

/********banner******/
.banner{width:100%;float:left; text-align:center; margin:2	0px auto 0; background:#f2f2f2; z-index:-1;}

/********banner-bottom******/
.middle-part{float:left; width:100%; background:url(../images/middle-bg.jpg) repeat; margin-top:-5px; position:relative;}
.middle-part span{margin:0 auto; width:100%; text-align:center; float:none; display:table;}
/*.middle-part::after{content:""; display:block; position:absolute; bottom:0; margin:0 0 -10px -205px; 
background:url(../images/home-slider-shadow.png) no-repeat bottom center; width:396px; height:13px; left:50%;}*/
.title{margin:0 auto;font-size:30px;color:#f20607;float:left;text-align:center;line-height:35px; width:100%; font-weight:500;}
.banner-bottom{width:100%;float:left;text-align:center;margin:10px 0px 20px;}
a.middle-button{width:134px; text-align:center; color:#fff; font-size:16px; border-radius:15px; display:table; margin:0 auto; background:#666; padding:6px 0px;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;}
a.middle-button:hover{background:#f20607;}
.content{float:left; text-align:center; width:100%; padding:10px 0px;}
a.read-more{text-align:center; color:#555; font-size:14px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;  
padding:3px 10px 4px; border:1px solid #555; margin:0 auto; display:table; line-height:22px;}
.business-call{float:left; width:100%; background:#fdfdfd; padding:15px 0px;}
.main-title{text-align:center; display:table; margin:15px auto; color:#555555; font-size:22px; text-transform:uppercase;  width:auto;}
.main-title::after{content:""; display:block; margin:10px auto 0; width:169px; height:9px;}
.three-col{float:left; width:100%;}
.col-1{float:left; width:27%; text-align:center; margin:0 auto; padding:0 3%;}
.col-title{font-size:24px; color:#666; padding:5px 0px 20px; display:block; font-weight:500;}
.col-img{display:block; text-align:center;}
.col-content{display:block; text-align:center; padding:10px 0px;}

.services{float:left; width:100%; background:url(../images/services-bg.jpg) repeat;padding:25px 0 25px;}
.four-col{float:left; width:100%;}
.service-1{float:left; text-align:center; border:1px solid #cccccc; background:#fff; width:21.3%; box-shadow:1px 2px 3px #ccc; padding:1%; margin-right:2%;}
.service-1:last-child{margin-right:0;}
.service-title{color:#000; font-size:18px; text-align:center; display:block; font-weight:400; margin:6px auto;}
.service-content{float:left; width:100%; text-align:center; margin-bottom:10px; min-height:80px;}
footer{background:#5a5a5a; padding:15px 0px; float:left; width:100%;}
.footer-menu{float:left; width:100%; text-align:center;}
.footer-menu ul{margin:0; padding:0; list-style:none;}
.footer-menu ul li{display:inline-block;}
.footer-menu ul li a{color:#fff; padding:0 15px; border-right:1px solid #fff;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;
 -o-transition: all .3s ease;transition: all .3s ease;}
.footer-menu ul li a:hover{color:#ccc;}
.footer-menu ul li:last-child a{border-right:none;}
.copyright{text-align:center; margin:10px auto 0; color:#FFFFFF; float:left; width:100%;}


.container{float:left; width:100%; padding:0% 0 2%;}
.about-content{float:left; width:100%; font-size:15px !important; line-height:22px;}
.about-content ul{margin:0; padding:0; width:auto;}
.about-content ul li ul{margin:0; padding:0; float:left; width:auto;}
.about-content ul li {
    background-image:url(../images/cms-icon.png);
	background-repeat: no-repeat;
    background-position: 0 5px;
    list-style: outside none none;
    padding: 0 0 5px 21px;
	}
.about-content ul li ul li{background:none;}	
.about-content img{float:right; padding-left:0%;}
.main-content{float:left; width:100%; padding:10px 0px;}
.inner-title{margin:0 auto 10px;font-size:17px;color:#333;float:left;line-height:35px; width:100%; font-weight:500; border-bottom:1px solid #e2e0e0;}
.inner-title::after {
    background:#f20607 none repeat scroll 0 0;
    bottom: -26px;
    content: "";
    display: block;
    height: 3px;
    left: 50%;
    margin-left: 3px;
    margin-top: 0px;
    position: static;
    width: 60px;}
.service-details{text-align:center; color:#fff; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#666; padding:5px 10px; margin:10px auto; display:table;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;
 -o-transition: all .3s ease;transition: all .3s ease;}
.service-details:hover{background:#be1e2d;}
.col-title span{display:block; font-size:15px; text-align:center; color:#333; margin-top:10px;}

.our-team-pic{
  position: relative;
  width: 220px;
  height: 220px;
  border-radius: 50%;
  margin:0 auto 5px;
}
.our-team-pic .team-img:before {
  position: absolute;
  display: block;
  content: '';
  width: 100%;
  height: 100%;
  border-radius: 50%;
  box-shadow: inset 0 0 0 16px rgba(255, 255, 255, 0.6), 0 1px 2px rgba(0, 0, 0, 0.3);
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
  background:#999;
  opacity:0.4;
}
.poopup-head{}
.our-team-pic img {
  border-radius: 50%;
  height:100%;
  width:100%;
}
.our-team-pic img:hover{transform:scale(1) translateY(0px); cursor:pointer; width:500px; height:500px;}
.map{float:left; width:100%;}
.contact-container{float:left; width:80%; padding:0 10%; margin:25px 0 20px 0;}
.contact-form{width:50%; float:left; background:#f2f2f2; border:1px solid #e2e0e0;}
.contact-form .inner-title{margin:0 3%; width:94%;}
.contact-right{float:right; width:45%;margin:0px 0 0 0;}
form input, .refer-us .form textarea, .form textarea {height: 30px; margin: 3%; width: 90%;}
.submit input {background:#666;border: none; border-radius: 5px; color: #fff; font-size: 14px; float:left; width: 30%; cursor:pointer;}

.address{float:left; width:100%; font-size:15px; line-height:24px; color:#333; font-weight:500;}


.floating-form {
    max-width: 300px;
    padding: 30px 30px 10px 30px;
    font: 13px Arial, Helvetica, sans-serif;
    background: #F9F9F9;
    border: 1px solid #ddd;
    right: 10px;
    position: fixed;
	z-index:1010;
    box-shadow: -2px -0px 8px rgba(43, 33, 33, 0.06);
    -moz-box-shadow: -2px -0px 8px rgba(43, 33, 33, 0.06);
    -webkit-box-shadow:  -2px -0px 8px rgba(43, 33, 33, 0.06);
	}
.contact-opener {
    position: absolute;
    left: -79px;
    transform: rotate(-90deg);
    top: 184px;
    background-color: #216288;
    padding: 9px;
    color: #fff;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.43);
    cursor: pointer;
    border-radius: 70px 70px 0px 0px;
    -webkit-border-radius: 5px 5px 0px 0px;
    -moz-border-radius: 5px 5px 0px 0px;
    box-shadow: -2px -0px 8px rgba(43, 33, 33, 0.06);
    -moz-box-shadow: -2px -0px 8px rgba(43, 33, 33, 0.06);
    -webkit-box-shadow:  -2px -0px 8px rgba(43, 33, 33, 0.06);

}
.floating-form-heading{
    font-weight: bold;
    font-style: italic;
    border-bottom: 2px solid #ddd;
    margin-bottom: 10px;
    font-size: 15px;
    padding-bottom: 3px;
}
.floating-form label{
    display: block;
    margin: 0px 0px 15px 0px;
}
.floating-form label > span{
    width: 70px;
    font-weight: bold;
    float: left;
    padding-top: 8px;
    padding-right: 5px;
}
.floating-form span.required{
    color:red;
}
.floating-form .tel-number-field{
    width: 40px;
    text-align: center;
}
.floating-form  .long{
    width: 64%;
}
.floating-form input.input-field{
    width: 64%;
   
}

.floating-form input.input-field,
.floating-form .tel-number-field,
.floating-form .textarea-field,
 .floating-form .select-field{
    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;
    -o-transition: all 0.30s ease-in-out; 
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    border: 1px solid #C2C2C2;
    box-shadow: 1px 1px 4px #EBEBEB;
    -moz-box-shadow: 1px 1px 4px #EBEBEB;
    -webkit-box-shadow: 1px 1px 4px #EBEBEB;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    padding: 7px;
    outline: none;
}
.floating-form .input-field:focus,
.floating-form .tel-number-field:focus,
.floating-form .textarea-field:focus,  
.floating-form .select-field:focus{
    border: 1px solid #0C0;
}
.floating-form .textarea-field{
    height:100px;
    width: 68%;
}
.floating-form input[type="button"],
.floating-form input[type="submit"], .contact-opener {
    -moz-box-shadow: inset 0px 1px 0px 0px #3985B1;
    -webkit-box-shadow: inset 0px 1px 0px 0px #3985B1;
    box-shadow: inset 0px 1px 0px 0px #3985B1;
    background-color: #216288;
    border: 1px solid #17445E;
    display: inline-block;
    cursor: pointer;
    color: #FFFFFF;
    padding: 16px 17px;
    text-decoration: none;
    font: 12px Arial, Helvetica, sans-serif;
}
.floating-form input[type="button"]:hover,
.floating-form input[type="submit"]:hover, .contact-opener {
    background: linear-gradient(to bottom, #2D77A2 5%, #337DA8 100%);
    background-color: #28739E;
}
.floating-form .success{
	background: #D8FFC0;
	padding: 5px 10px 5px 10px;
	margin: 0px 0px 5px 0px;
	border: none;
	font-weight: bold;
	color: #2E6800;
	border-left: 3px solid #2E6800;
}
.floating-form .error {
	background: #FFE8E8;
	padding: 5px 10px 5px 10px;
	margin: 0px 0px 5px 0px;
	border: none;
	font-weight: bold;
	color: #FF0000;
	border-left: 3px solid #FF0000;
}

#mask {
	display: none;
	background: #000; 
	position: fixed; left: 0; top: 0; 
	z-index: 100;
	width: 100%; height: 100%;
	opacity: 0.8;

}

.login-popup{
	display:none;
	background: #333;
	padding: 10px; 	
	border: 2px solid #ddd;
	float: left;
	font-size: 1.2em;
	position: absolute;
	top: 206px; 
	right: 2%;
	z-index: 99999;
	box-shadow: 0px 0px 20px #999;
	-moz-box-shadow: 0px 0px 20px #999; /* Firefox */
    -webkit-box-shadow: 0px 0px 20px #999; /* Safari, Chrome */
	border-radius:3px 3px 3px 3px;
    -moz-border-radius: 3px; /* Firefox */
    -webkit-border-radius: 3px; /* Safari, Chrome */
}

img.btn_close {
	float: right; 
	margin: -28px -28px 0 0;
}

fieldset { 
	border:none; 
}

.login-popup form.signin .textbox label { 
	display:block; 
	padding-bottom:7px; 
}

.login-popup form.signin .textbox span { 
	display:block;
}

.login-popup form.signin p, .login-popup form.signin span { 
	color:#999; 
	font-size:11px; 
	line-height:18px;
} 

.login-popup form.signin .textbox input { 
	background:#666666; 
	border-bottom:1px solid #333;
	border-left:1px solid #000;
	border-right:1px solid #333;
	border-top:1px solid #000;
	color:#fff; 
	border-radius: 3px 3px 3px 3px;
	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
	font:13px Arial, Helvetica, sans-serif;
	padding:6px 6px 4px;
	width:200px;
}
a.forgot{color:#fff;}
a.forgot-pass{color:#000; padding-left:15px;}
.login-popup form.signin input:-moz-placeholder { color:#bbb; text-shadow:0 0 2px #000; }
.login-popup form.signin input::-webkit-input-placeholder { color:#bbb; text-shadow:0 0 2px #000;  }

.cloud-right{float:left;width:46%; padding-left:4%;}
.accordion-wrapper{float:left; width:48%; padding:1%;}


.ac-pane { margin-bottom: 10px; background:#f2f2f2; color:#333;}

.ac-pane:last-child { margin-bottom: 0; }

.ac-content { display: none; }

.ac-title {
  border: 1px solid #fff;
  color: #fff;
  display: block;
  padding: 8px;
  background-color:#666;
}

.ac-title i {
  float: right;
  font-size: 20px;
}
.ac-title span{font-size:17px;}

.ac-title i:before { content: "\f107"; }

.active .ac-title i:before { content: "\f106"; }

.ac-content {
  border: 1px solid #666;
  margin-top: -1px;
  padding: 15px;
  width:94.3%;
  margin-left:1px;
}
.main-another{text-align:left; float:left;}
.cloud-title{text-align:center; padding:0px 0px 15px; border-bottom:1px solid #999; width:250px; margin:0 auto 15px; float:none;}
.ac-content ul{margin:0; padding:0 15px 2px;}
.cloud-back-first{background:#fff; box-shadow:2px 0px 2px #ccc; padding:0px !important;}
.content-pics{float:none; width:70%; padding:25px 0px; margin:0 auto; display:table; }
.cloud-back-first .content-pics .about-content{float:right; width:50%; }
.cloud-back-second .content-pics .about-content{float:left; width:50%; }
.cloud-back-second .content-pics img{float:right;}
.content-pics .inner-title{width:100%; position:relative; display:inline-block;}
.content-pics img{vertical-align:middle; padding-bottom:0px; float:left; padding-right:10px; }
.about-content span{float:none; padding-left:0px; padding-top:17px; clear:both; width:auto;text-align:left; vertical-align:middle; line-height:10px}


/******************************************/
/************Responsive***************/
/******************************************/

@media only screen and (max-width:1240px){
.wrapper{width:98%;}
.ac-content{width:auto;}
}
@media only screen and (max-width:1028px){
.service-content{min-height:105px;}
}
@media only screen and (max-width:1024px){
.service-1{width:21.2%;}
.wrapper{width:96%;}

}
@media only screen and (max-width:1016px){
.col-title{min-height:59px; line-height:29px;}
}
@media only screen and (max-width:964px){
.col-title{min-height:59px; line-height:29px;}
.service-title{min-height:36px;}
.service-content{min-height:120px;}
}
@media only screen and (max-width:767px){
.col-1{width:93%;}
.service-1{width:47%;margin-bottom:2%;}
.service-1:nth-child(3){width:46%; margin-right:0;}
.service-1:last-child{margin-right:0; width:46%;}
.service-title{min-height:0;}
.col-title{min-height:0;}
.contact-form{float:left; width:100%;}
.contact-right{float:left; width:100%;}
.contact-container{width:100%; padding:0;}
.about-content img{clear:both; display:block; float:none; padding-left:0; margin:0 auto;}
.accordion-wrapper{width:98%;}
.cloud-right{float:left; width:100%; padding-left:0%;}
.service-content{min-height:70px !important;}
.about-content img{float:left;}
}
@media only screen and (max-width:718px){
.menu{width:100%;background:#be1e2d;}
#responsivemenu ul{position:absolute;}
#responsivemenu ul > li{background:#f4f4f4;}
#responsivemenu > ul > li > a, #responsivemenu ul li ul li a{border-bottom:1px solid #ccc;}
#responsivemenu > ul > li > a:hover{color:#333;}
.logo{float:none; display:table; margin:0 auto; margin:14px auto 30px;}
.header-right{float:none;}
.right-header{display:table;float:none; margin:5px auto; width:auto;}
.menu{margin-bottom:10px; margin-top:45px;}
#responsivemenu > ul.open{box-shadow:1px 2px 3px #ccc;}
.social{margin:0 0 15px 15px;}
.menu-right{position:relative; right:18px; top:-50px;}
#responsivemenu > ul > li > a:hover{color:#666 !important;}
#responsivemenu ul li ul li a:hover .has-sub a{color:#666 !important;}
#responsivemenu ul li.has-sub > a:hover{color:#666 !important;}
.service-content{min-height:80px !important;}
.menu-right{right:32px; margin:0 auto; display:table; float:none;}



}
@media only screen and (max-width:640px){
.ac-content{width:auto;}
}
@media only screen and (max-width:608px){
.main-title{line-height:28px;}

}
@media only screen and (max-width:580px){
.logo{margin:14px auto 24px;}
}
@media only screen and (max-width:510px){
.main-title{line-height:28px;}
.logo{float:none; display:table; margin:0 auto 25px;}
.header-right{float:none;}
.right-header{display:table;float:none; margin:5px auto;}
.menu{margin-bottom:10px;}
#responsivemenu > ul.open{box-shadow:1px 2px 3px #ccc;}

}

@media only screen and (max-width:480px){
.logo { float: none;margin: 10px auto 30px;}
.menu{margin-top:0;}
.wrapper{width:94%;}
.service-1{width:95%; padding:2%; margin-bottom:3%;}
.service-1:nth-child(3){width:95%; padding:2%; margin-right:0;margin-bottom:3%;}
.service-1:last-child{margin-right:0; width:95%; padding:2%;margin-bottom:3%;}
.main-title{font-size:20px;}
.right-header{margin:0 auto 44px;}
.menu-right{right:32px; margin:0 auto; display:table; float:none;}
#fwslider .slide img{min-height:150px;}
.service-content{min-height:auto !important;}
}

@media only screen and (max-width:403px){

.call{display:table; float:none !important; margin:0 auto 15px !important; width:auto !important; clear:both;}
.social{margin:0 0 10px 11px;}


}