body {
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	padding: 0px;
	margin: 0px;
	word-wrap: break-word;
	-moz-transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	color: #333333;
	font-size: 14px;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
	 background:#FFF;
}
p {
	font-family: 'Roboto', sans-serif;
	word-wrap: break-word;
}
a {
	-moz-transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
::selection {
	background: #00CCFF; /* Safari */
}
::-moz-selection {
 background: #00CCFF /* Firefox */
}
ul, ol {
	padding: 0px;
	margin: 0px;
	list-style-type: none;
}
p, h1, h2, h3, h4 {
	padding: 0px;
	margin: 0px;
	font-family: 'Roboto', sans-serif;
}
/*==================common===================*/

	/*---------------main-wrapper-----------*/
.primaryContainer {
	height: auto;
	margin-left: auto;
	margin-right: auto;
	max-width:1240px;
	padding: 0px 20px;
	width: 100%;
}
/*---------------main-wrapper-----------*/
/*---------------ful-width--contenar-----------*/

/*---------------bg-color----------*/

.cl_1 {
	 border-bottom:1px solid #e8eef4;
}

/*---------------bg-color----------*/


.row {
	position: relative
}
/*---------------main--contenar-----------*/
.row {
	width: 100%;
	float: left;
}
/*---------------main--contenar-----------*/

ul,li{ list-style-type:none; padding:0px; margin:0px;}


.bhs{width:100%; float:left; font-size:16px; text-align:center; color:#21c2f0; font-weight:bold;}

.bgol{width:100%; float:left; font-size:35px; margin-bottom:10px;}
.nav-txt p:last-chil{ margin-top:5px; width:
100%; float:left;}
.hilight{ color:#21c2f0;}

/*---------------ful-width--contenar-----------*/
.sec {
	width: 100%;
	float: left;
}


/*---------------ful-width--contenar-----------*/

.top-lene{width:100%; float:left; height:15px; background:#21c2f0;}
.logo{ position:absolute; width:201px; top:-15px; z-index:99999;}

.top-icon-bar{ width:528px; float:right;}
.icon{ float:left;}

.txt{ float:left; font-size:14px; font-weight:900; color:#545c67; margin-top:6px; margin-left:8px;}
.icon-ara2{ float:left; width:205px; padding-left:6px; border-left:1px solid #e8eef4; margin:14px 0px;}
.icon-ara{ width:160px; float:left; margin:14px 0px;}

.socil-bg{width:107px; float:right;}
.socil-bg li{ float:left; padding:20px 10px; border-left:1px solid #e8eef4; }
.socil-bg li:last-child{ border-right:1px solid #e8eef4;}

.cl_2{ background:#f6f8f9; border-top:1px solid #ffffff;}

.nav{width:668px; float:right;}
.nav ul{width:100%; float:left;}
.nav ul li{ float:left;  border-left:1px solid #e1e9f1;border-right:1px solid #fff; position:relative;}
.nav ul li:last-child{ border-right:1px solid #e1e9f1;}
.nav ul li a{ color:#545c67; font-size:16px; font-weight:bold;padding:30px 36px; float:left;}
.nav ul li:hover,.nav ul li.act{ background:#21c2f0;}
.nav ul li:hover a,.nav ul li.act a{ color:#fff;}







.nav ul li ul.sub-menu {
	position: absolute;
	display: none;
	margin-left: -20px;
	z-index: 9999999;
	top: 30px;
}
.nav ul li ul.sub-menu:before {
	content: '';
	background: url(images/after-drop.png) no-repeat;
	width: 21px;
	height: 10px;
	float: left;
	margin-left: 73px;
}
.nav ul li:hover ul.sub-menu {
	display: block;
	border-radius: 3px;
	margin-top: 30px;
	padding-top: 25px;
}
.nav ul li ul.sub-menu li { border:none; border-bottom:1px solid #0a65a5;
	background: #09F;
	float: left;
	width: 170px;
	margin-right: 0px;
	
	
}
.nav ul li ul.sub-menu li a { color:#10466b; font-size:13px;
	background-image: none;
	padding: 0px; width:100%; float:left;padding: 10px 0px 10px 10px;
}
.nav ul li ul.sub-menu li:hover a {
	color: #fff;
}
.nav ul li ul.sub-menu li a {
	margin-top: 0px;
}
.nav ul li.arrow {
	zoom: 1;
	cursor: pointer;
}
.nav ul li.arrow:after {
	content: '';
	left: 87px;
	top: 62px;
	background: url(images/drop-arrow.png) no-repeat;
	width: 16px;
	height: 8px;
	position: absolute;
	margin-top: 35px;
}
 @-webkit-keyframes fadeInDown {
 0% {
 opacity: 0;
 -webkit-transform: translateY(-20px);
 transform: translateY(-20px);
}
 100% {
 opacity: 1;
 -webkit-transform: translateY(0);
 transform: translateY(0);
}
}
 @keyframes fadeInDown {
 0% {
 opacity: 0;
 -webkit-transform: translateY(-20px);
 -ms-transform: translateY(-20px);
 transform: translateY(-20px);
}
 100% {
 opacity: 1;
 -webkit-transform: translateY(0);
 -ms-transform: translateY(0);
 transform: translateY(0);
}
}
.fadeInDown2:hover ul {
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown;
}
.animated2:hover ul {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
.animated2.hinge {
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
}
#pull{ display:none;}

.cl_3{ background:#e5eaee;}

.ban-lene{width:100; float:left;}
.cl_4{ padding:65px 0px;}

.grd4{width:18%; float:left; margin-left:2.5%; background:#fafbfc;
-webkit-box-shadow: 0px 0px 5px 0px #c4c4c4;
-moz-box-shadow:    0px 0px 5px 0px #c4c4c4;
box-shadow:         0px 0px 5px 0px #c4c4c4;}
.grd4:first-child{ margin-left:0px;}
.grd-midl{ width:100%; float:left; padding:12px;}
.grd-heding{width:100%; float:left; font-size:18px; font-weight:bold; color:#55606d; text-align:center;}
.grd-para{width:100%; float:left; font-size:14px; color:#55606d; line-height:20px; margin-top:8px; text-align:center;}

.cl-box1{ border-bottom:3px solid #45b324;}
.cl-box2{border-bottom:3px solid #24d38f;}
.cl-box3{border-bottom:3px solid #21c2f0;}
.cl-box4{border-bottom:3px solid #1578f3;}
.cl-box5{border-bottom:3px solid #21c2f0;}

.red{   color:#fff;float:left; width:100; float:left; font-weight:bold;}
.btan-bg{ clear:both; width:90px; margin:auto;}

.cl-re1{ background:#45b324; padding:8px;}
.cl-re2{ background:#24d38f; padding:8px;}
.cl-re3{ background:#21c2f0; padding:8px;}
.cl-re4{ background:#1578f3; padding:8px;}
.cl-re5{ background:#21c2f0; padding:8px;}
/*===============================footer=========================*/


.nav-txt{ float:left; margin-left:20%; font-size:15px; line-height:24px; margin-top:12px; color:#545c67; font-weight:bold;}



.cl_5{ background:url(images/footer-bg.png) repeat 0px 0px; border-top:5px solid #646464; padding:40px 0px 0px 0px;}
.footer-grid{width:23%; float:left; margin-left:2.6666667%;}
.footer-grid:first-child{ margin-left:0px;}

.f-h3{width:100%; float:left; font-size:18px; color:#e7ecef; font-weight:400; border-bottom:1px solid #5e6061; }
.f-h3 span{ float:left; border-bottom:3px solid #3cc6f7;padding-bottom:15px; margin-bottom:-2px;}


.f-list{width:100%; float:left; margin-top:17px;}
.f-list li{width:100%; float:left;padding:11px 0px; border-bottom:1px solid #455667;}
.f-list li a{ color:#abb5be; float:left;}
.f-list li a:hover{color:#52c5f6; }

.f-list2{width:100%; float:left; margin-top:17px;}
.f-list2 li{ width:100%; float:left;padding:7px 0px; border-bottom:1px solid #455667;}
.add-icon{width:48px; float:left; text-align:center;}
.add-txt{ float:left; width:78%; margin-left:10px; color:#abb5be; font-weight:normal; line-height:24px;}





.com-mgLeft{width:22%; float:left;}
.com-right-txt{width:73%; float:right;}
.company-sec{width:100%; float:left; margin-top:35px;}

.f-logo{width:100%; float:left; text-align:center; margin-top:45px;}


.copy-txt{width:100%; float:left; text-align:center; color:#FFF; margin-top:15px;}

/*-------------newpage----------------*/

.heding-bgs{width:100%; float:left; text-align:center;}
.hed-1h{width:100%; float:left; font-weight:900; font-size:48px; color:#3c4a4e;}

.line{width:100%; float:left; text-align:center;}
.mid-content{width:100%; float:left; margin-top:28px;}

.new-leftmenu{ width:20%; float:left; background:#28383e; border-bottom:3px solid #00adef;}

.new-right-clm{width:76%; float:right;}


.new-serv {width:100%; float:left;}
.new-serv  li{ width:100%; float:left;position:relative; border-bottom:1px solid #3a4e56;}

.new-serv li a{width:94%; float:left; padding:15px 3%; color:#fff; font-size:14px; font-weight:bold;}
.new-serv li a:hover{ background:#00adef; }
.new-serv li.select-menu a{background:#00adef;}
.new-serv li.select-menu a:after{ content:"";position:absolute; background:url(images/new-adoiw.png); width:13px; height:43px; right:-12px; top:4px;}

.h3-serv-heding{width:100%; float:left; font-size:24px; color:#00adef; font-weight:normal; margin-bottom:10px;}

.ser-sec{width:100%; float:left; margin-bottom:28px;}

.img-left{ float:left; width:23%;}
.img-left img{ border-radius:200px; border:3px solid #00adef;}

.img-rught-txt{ float:right; width:73%;}

.img-rught-txt p{width:100%; float:left; font-size:16px; color:#5e6466; line-height:24px; }

.ser-sec p{width:100%; float:left; font-size:16px; color:#5e6466; line-height:24px; margin-top:15px;}

.top{ margin-top:15px;}

.list-inpage{width:100%; float:left;}

.list-inpage{width:97%; float:left; margin-left:3%; list-style-image:url(images/dot.png);}
.list-inpage li{width:100%; float:left; font-size:16px; line-height:24px;color:#5e6466;}
.list-inpage li a{ color:#21c2f0;}

.h4-heding{width:100%; float:left; font-size:20px; margin-bottom:15px; margin-top:10px;}
.bot{ margin-bottom:20px;}

.bts{ width:100px; float:left; margin-top:10px;}

/*===============form==================*/



.form-left{width:48%; float:left; margin-top:3%;}
	.form-right{width:48%; float:left; margin-left:4%;margin-top:3%;}
	
	.fild{width:100%; float:left; margin-bottom:20px;}
	.input-box{ background:#f9fafa; border-bottom:3px solid #00adef !important; border:none; padding:13px 5px; width:100%; float:left;  margin-top:10px; resize:none;outline:none;}
	.input-box:focus{ border-bottom:3px solid #45b324 !important;}
	.fild-name{ font-size:16px;width:100%; float:left;}
	.submit-btn{ background:#45b324; border-radius:3px; padding:10px 10px; font-size:20px; color:#FFF; float:left; border:none; width:100px; text-transform:uppercase; outline:none;}
	
	
	.contact-addres{width:100%; float:left; background:#45b324; padding:20px; border-radius:3px; margin-top:8px;}
.contact-addres ul{width:100%; float:left;}
.contact-addres ul li{width:100%; float:left; margin-top:20px;}
.icon-txt{ float:left;  font-size:20px; margin-top:5px; font-weight:normal; color:#FFFFFF; margin-left:10px; padding-top:3px; width:86%;}
.icon2{ float:left; width:59px;}

.map-bg{width:100%; float:left; background:#fff; border:1px solid #f0f0f0; padding:8px; margin-top:30px; border-radius:3px;}


.map-bg iframe{width:100%; float:left;}

/*===============================footer=========================*/
@media only screen and (max-width: 1042px) {.grd4 {width:30%; margin-left:5%; margin-bottom:25px;}
.grd4:nth-child(1),.grd4:nth-child(4){ margin-left:0px;}

.grd-img img{width:100%; float:left;}
.grd-heding{ min-height:46px;}}

@media only screen and (max-width: 1000px) {.new-leftmenu{ float:left; width:100%;}

.new-right-clm{width:100%; float:left; margin-top:20px;}}

		@media only screen and (max-width: 1160px) {
			.nav-txt{width:100%; float:left; text-align:center; margin-left:0px;}
			
			.logo{ position:relative; width:100%; float:left; text-align:center;}
			.top-icon-bar{width:100%; float:left; border-top:1px solid #e8eef4; border-left:1px solid #e8eef4; padding-left:5px;}
			.nav{width:100%; float:left;}
			.nav ul li{ float:left; width:98%;  border-left:none;border-right:none;}
			.nav ul li a{padding:10px 1%;}
			.nav ul li:last-child{ border-right:none;}
			#pull{ display:block; width:100%; margin:10px 0px; text-align:center;}
			#menu-bg{ display:none;}
			
			.nav ul li ul.sub-menu { width:100%; float:left;
	position: relative;
	display: none;
	margin-left: 0px;
	z-index: 9999999;
	top: 0px;
}
.nav ul li ul.sub-menu li{ width:100%; float:left; margin:0px;}

.nav ul li:hover ul.sub-menu {
	display: block;
	border-radius: 3px;
	margin-top: 0px;
	padding-top: 25px;
}
			
			}
			@media only screen and (max-width: 768px) {
				.form-left{width:100%; float:left;}
				.form-right{ margin-left:0px; width:100%; float:left;}
				
				.img-left{width:100%; float:left;}
				.img-rught-txt{ margin-top:15px;width:100%; float:left;}
				.footer-grid{width:48%; float:left; margin-left:4%; margin-bottom:20px;}
				.footer-grid:nth-child(odd){ margin-left:0px;}
				
				}
			@media only screen and (max-width: 600px) {.grd4 {width:48%; margin-left:4%; }
			.grd4:nth-child(odd){ margin-left:0px;}
			.grd4:nth-child(even){ margin-left:4%;}
			
			.grd-para{min-height:120px;}}
			
			@media only screen and (max-width: 540px) {
				
				.footer-grid{width:100%; float:left; margin-left:0px; margin-bottom:20px;}
				
				.icon-ara{ width:100%; float:left;}
				.icon-ara2{ padding-left:0px; border:none;width:100%; float:left;}
				.socil-bg{ float:left;}
				.top-icon-bar{ border-left:none;}
				.socil-bg{ border-top:1px solid #e8eef4;}}
				
				@media only screen and (max-width: 430px) {.grd4 {width:100%; margin-left:0px !important; }.grd-para{min-height:1px;}
				
				p,ul,li{ font-size:13px !important; line-height:18px !important;}}

.ser-sec-sub {
	margin-left: 30px;
}