/* reset */

.rm img {border:5px #4a4a4a solid; margin-right:10px; margin-bottom:10px}
.circle{width: 160px;height: 160px; margin:20px auto 20px auto; border: solid 1px #fff;overflow: hidden;/*margin: 150px 0 0 50px;*/border-radius: 50%;}
.services_circle{width: 150px;height: 150px; margin:20px auto 20px auto; border: solid 3px #124e88;overflow: hidden;/*margin: 150px 0 0 50px;*/border-radius: 50%;}
.product_circle{width: 250px;height: 250px; margin:20px auto 20px auto; border: solid 3px #f0f0f0;overflow: hidden;/*margin: 150px 0 0 50px;*/border-radius: 3%;}
.product_circle_detail{width: 350px;height: 350px; margin:20px auto 20px auto; border: solid 3px #f0f0f0;overflow: hidden;/*margin: 150px 0 0 50px;*/border-radius: 3%;}
.product_h2{ font-size:16px; font-family:Arial, Helvetica, sans-serif !important}
.product_h2 a{color:#333; text-decoration:none}
.product_h2 a:hover{color:#32BAFF; text-decoration:none}
h2{color:#fff !important; font-family: 'Roboto Slab', serif; }
.service_menu h1 {font-size:16px; color:#32BAFF; float:left; width:48%; background-color:#0580C0; color:#fff; padding:10px; margin:1% 1%; border-radius:5px}
.service_menu h1 a {color:#32BAFF; }
.service_menu h1 a:hover {color:#FFF; text-decoration:none }
.service_menu h1:hover {color:#fff !important; text-decoration:none; background-color:#109FE8 }
.advt{width:90%}
.line1 {
    height: 1px;
    background: url(../images/line1_px.png) 0 0 repeat-x;
    margin: 15px 0;
}
#ajax-contact-form label{float:left; width: 100px; line-height:31px; color:#b2b2b2;}
#ajax-contact-form label.c{ /*margin-top:25px;*/}

input{ float:left; width:280px; height:29px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color: #000; background: #fff; border: 1px solid #000; margin-bottom:5px; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; }

textarea{ float:left; width:280px; height:120px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color: #000; background: #fff; border: 1px solid #000; margin-bottom:5px; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px;}

#ajax-contact-form img{float:left; width:120px; height:32px; /*margin-top:26px;*/}

input.capthca{ float:left; width:77px; /*margin-top:25px;*/ margin-right:10px;}

input.submit{ width:79px; height:30px; cursor:pointer; background:url(../images/submit.png) left top no-repeat; border:none; margin:5px 0 0 100px; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px;  text-indent:-999%; }
input.submit:hover{ background-position:bottom;}
h4 {
    font-family: 'BebasNeueRegular' !important;
    font-weight: normal;
    font-size: 18px;
    color: #b2b2b2 !important;
    line-height: 20px;
    padding: 0px 0 10px 0;
    text-transform: uppercase;
}
@font-face {
    font-family: 'BebasNeueRegular';
    src: url('bebasneue-webfont-webfont.eot');
    src: url('bebasneue-webfont-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('bebasneue-webfont-webfont.woff') format('woff'),
         url('bebasneue-webfont-webfont.ttf') format('truetype'),
         url('bebasneue-webfont-webfont.svg#BebasNeueRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,dl,dt,dd,ol,nav ul,nav li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}
ol,ul{list-style:none;margin:0px;padding:0px;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
table{border-collapse:collapse;border-spacing:0;}
h2{font-size:23px; font-weight:bold; font-family: 'Roboto Slab', serif  !important; text-transform: uppercase;}
.cnt{ padding:10px; float:left; background-color:#a7a5a2; border:1px solid #fff; font-size:12px; -webkit-box-shadow: 1px 1px 10px 2px #cccccc;
box-shadow: 1px 1px 10px 2px #cccccc; color:#fff; margin:5px 5px 5px 0px;}
.mail{padding:10px; float:left; background-color:#a7a5a2; border:1px solid #fff; font-size:12px; -webkit-box-shadow: 1px 1px 10px 2px #cccccc;
box-shadow: 1px 1px 10px 2px #cccccc; margin:5px; color:#fff}
.f{ padding:10px; float:left; background-color:#424aa5; border:1px solid #fff; font-size:12px; -webkit-box-shadow: 1px 1px 10px 2px #cccccc;
box-shadow: 1px 1px 10px 2px #cccccc; margin:5px; color:#fff}
.gplus{ padding:10px; float:left; background-color:#fff; border:1px solid #fff; font-size:12px; -webkit-box-shadow: 1px 1px 10px 2px #cccccc;
box-shadow: 1px 1px 10px 2px #cccccc; margin:5px; color:#666}
.tw{ padding:10px; float:left; background-color:#30a0eb; border:1px solid #fff; font-size:12px; -webkit-box-shadow: 1px 1px 10px 2px #cccccc;
box-shadow: 1px 1px 10px 2px #cccccc; margin:5px; color:#fff}
.email{border-radius:10px; background-color:#ccc; padding:10px; font-size:16px; color:#999; font-weight:bold; font-family:Arial, Helvetica, sans-serif; margin-bottom:30px; text-align:center}
.email a{color:#999}
.email a:hover{color:#124e88; text-decoration:none}
.management h3{font-family: 'Abel', sans-serif; font-size:14px}
.icn{font: normal normal normal 14px/1 FontAwesome;}
.head_title{font-family: 'Abel', sans-serif;
font-size: 18px;
border-bottom: none;
padding-left: 15px;
text-align: center;
color: #14b0ec; font-weight:bold}
/* start editing from here */
a{text-decoration:none;}
.txt-rt{text-align:right;}/* text align right */
.txt-lt{text-align:left;}/* text align left */
.txt-center{text-align:center;}/* text align center */
.float-rt{float:right;}/* float right */
.float-lt{float:left;}/* float left */
.clear{clear:both;}/* clear float */
.pos-relative{position:relative;}/* Position Relative */
.pos-absolute{position:absolute;}/* Position Absolute */
.vertical-base{	vertical-align:baseline;}/* vertical align baseline */
.vertical-top{	vertical-align:top;}/* vertical align top */
nav.vertical ul li{	display:block;}/* vertical menu */
nav.horizontal ul li{	display: inline-block;}/* horizontal menu */
img{max-width:100%;}
.r{ margin-top:20px}
.r_line{border-right:#e1e1e1 solid 1px; padding-right:30px !important }
.white{color:#fff}
/*end reset*/

/*----start-wrap-----*/
.wrap{
	width:75%;
	margin:0 auto;
}
/*----start-header----*/
.header{
	/*background-image:url(../images/header_bg.jpg);*/
	width:100%;
	/*min-height:102px;*/
	float:left;
	
}
.footer{
	height:40px;
	width:100%;
	background-color:#B63C00;

	color:#000;
	font-family: 'Abel', sans-serif;
	font-size:14px;
	text-align:center;
	padding-top:10px;
	margin:auto !important
}
.footer_bg{background-image:url(../images/footer_img.jpg); background-repeat:repeat-x; background-position:bottom}
.check { float:left; width:25px !important;border-radius:5px; background-color:#e8e9ea; color:#8b8b8b; border:0px}
.ck{ float:left; margin-right:10px}
.suprate{border-top:#ccc 1px dashed;}
.suprate_btm{border-bottom:#ccc 1px dashed; margin-bottom:20px !important}
.suprate_btm img{ margin-bottom:20px !important}
.subli input{border-radius:5px; background-color:#e8e9ea; color:#8b8b8b; border:0px; padding:10px; margin-right:1.5%; margin-bottom:15px; width:48%}
.subli select{border-radius:5px; background-color:#e8e9ea; color:#8b8b8b; border:0px; padding:10px; margin-right:1.5%; margin-bottom:15px; width:48%}
.subli textarea{border-radius:5px; background-color:#e8e9ea; color:#8b8b8b; border:0px; padding:10px; margin-bottom:0px; height:100px; width:99%}

/*form btn start*/



.cBtn ul li {
margin-bottom: 15px;
margin-right: 10px;
border-radius: 4px;
float: left;
list-style: none !important;
padding: 10px;
background: #2f2f2f;
box-shadow: 0px 2px 0px 0px #000;
padding-right: 18px;
padding-left: 18px;
padding-top: 0px;
font-size: 14px;
}


.cBtn input{
	background-color:#815b8f !important;
	float:left !important;
	color:#fff !important;
	margin-top:20px !important;
}

.cBtn ul li:last-child {
margin-right: 0;
}
.cBtn ul li:hover {
cursor: pointer;
background: #009fdd;
color: #fff;
box-shadow: 0px 2px 0px 0px #0F78A1;
}
.cBtn .clear, .cBtn .send {
margin-bottom: 30px;
/*margin-top: 4px;*/
padding: 10px;
padding-right: 17px;
padding-left: 17px;
}
.cBtn .send {
box-shadow: 0px 2px 0px 0px #009fdd;
background: #0F78A1;
color: #fff;
}
.cBtn .send a{
color: #fff;
}
.cBtn ul li {
margin-bottom: 15px;
margin-right: 10px;
border-radius: 4px;
margin-left:0px;
float: left;
list-style: none;
padding: 10px;
background: #2f2f2f;
box-shadow: 0px 2px 0px 0px #000;
padding-right: 18px;
padding-left: 18px;
padding-top: 11px;
font-size: 14px;
}

/*form btn*/

.subli li{ list-style-image:url(../images/list.png) !important; margin-left:35px; line-height:25px; color:#999;}
.grid_4 h2{font-family: 'Abel', sans-serif; font-size:20px; border-bottom:none; padding-left:15px; text-align:center;/*font-style:italic; color:#fff*/}
/*.grid_4 img{margin:0px 0 15px 0}*/
.grid_8 h2{font-family: 'Abel', sans-serif; font-size:20px; border-bottom:solid 1px #f0f0f0; padding-left:0px; }
.grid_8 img{margin-bottom:20px}
.grid_4 p{margin:0 18px 10px 18px}
.grid_6 p{margin:0 18px 10px 18px}
ul.list{color:#fff; margin-left:20px; list-style:circle}
li.list{color:#fff; margin-left:20px; list-style:circle}
.menubar{

	width:100%;
	background-color:#815b8f;
	margin:auto
}
/*.menubar ul{  margin-left:45%}
.menubar li{ float:left; padding:15px 20px 15px 20px; color:#fff;  background-position:right; background-repeat:no-repeat}*/
/*.menubar li:hover{ background-color:#9d77aa; background-image:none}*/
.libg{background-image:url(../images/line.png); background-repeat:no-repeat}
.full{width:100%; float:left;}
	
/*-----contact----*/
@charset "utf-8";
/* CSS Document */

/*----start-responsive design-----*/
@media only screen and (max-width:1600px) and (min-width:1440px) {
.logo{margin-top:20px}
}
@media only screen and (max-width:1440px) and (min-width:1366px) {
.logo{margin-top:15px}
}
@media only screen and (max-width:1366px) and (min-width:1280px) {
.logo{margin-top:10px}
}
@media only screen and (max-width:1280px) and (min-width:1024px) {
.logo{margin-top:10px}
}
@media only screen and (max-width:1024px) and (min-width:768px) {
.logo{margin-top:10px}
}
@media only screen and (max-width:768px) and (min-width:640px) {
.advt{width:100% !important}
}
@media only screen and (max-width:640px) and (min-width:480px) {
.advt{width:100% !important}
}
@media only screen and (max-width:480px) and (min-width:320px) {
.advt{width:100% !important}
}