@import "../css/reset.css";@import "../css/skeleton.css";@import "../css/superfish.css";@import url(http://fonts.googleapis.com/css?family=Open+Sans:700italic,400,600);
article,aside,audio,canvas,command,datalist,details,embed,figcaption,figure,footer,header,hgroup,keygen,meter,nav,output,progress,section,source,video{display:block}mark,rp,rt,ruby,summary,time{display:inline}
/* Global properties ======================================================== */
html {width:100%}

body {font-family:Arial, Arial, Helvetica, sans-serif; font-size:12px; line-height:18px; color:#787878; min-width:960px; background:url(../images/body.jpg) 50% 0 repeat #e9e9e9;-webkit-text-size-adjust: none;}
.main {width:960px;padding:0;margin:0 auto;}

.top_bg{background: url('../images/top_bg.jpg') 50% 0 repeat-x;height:93px;border-top:5px solid #767676;}
.glow{background: url('../images/glow.png') 50% 0px no-repeat;min-height:600px;padding-top:40px;padding-bottom:20px;}
/*********************************fonts*************************************/
.reg {text-transform:uppercase}
.f_left {float:left}
.f_right {float:right}
.align_right {text-align:right}
.align_center {text-align:center}

.italic{font-style:italic}
.letter {letter-spacing:-1px}

/*********************************CLASSES**********************************/
.m_bottom_zero{ margin-bottom:0 !important;}
.m_left_zero{ margin-left:0 !important;}
.p_bottom_zero{ padding-bottom:0 !important;}
.p_left_zero{ padding-left:0 !important;}

.clear {clear:both;width:100%;line-height:0;font-size:0;}
.wrapper {width:100%;overflow:hidden}
.extra_wrapper{ overflow:hidden;}
.container{width:100%}
.extra_last, .last{ margin-bottom:0 !important; padding-bottom:0 !important;}
.extra_last{ border:none !important; background:none !important;}
.bg_none{ background:none !important;}

/*==================================== Links ======================================================== */
a {color:#787878;outline:none; text-decoration:none; cursor:pointer;}
a:hover, .f_menu a:hover, .f_menu .current a{ color:rgba(73,117,186,1.00); text-decoration:none;}

.button{display:inline-block;background:rgba(73,117,186,1.00);text-transform:uppercase;margin: 23px 0 0 0px;padding:7px 21px 8px;letter-spacing:-1px;text-align:center;font-size: 13px; line-height: 23px; color: #fff;border-radius:2px;font-weight:600;}
.button:hover{ background:#3c3c3c;color:#fff;}
.b_ind{margin-top:31px;}
.b_ind1{margin-top:19px;}
/*================================>> hovers <<========================================*/
.sf-menu li li, .sf-menu a, .read, .pag_box span, .button{-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
.pag_box a{-webkit-transition: all 0.8s ease;-moz-transition: all 0.8s ease;-o-transition: all 0.8s ease;transition: all 0.8s ease;}
/*********************************Displays*************************************/
.block{ display:block;}
.inline-block{ display:inline-block;}

/*********************************header*************************************/
#m_page header{margin-bottom:50px;}
.head_wrap{margin: 0 5px 0;box-shadow: 0 10px 0 #cbcbcb;border-radius:2px;}
header {background: url('../images/header.jpg') repeat-x #353535; border-radius:3px;box-shadow: 0 2px 0 0px #2a2a2a;padding: 0px 0 0px 10px;height:125px; /*was 73px original height*/}
header h1{width:192px;height:43px;float:left;margin: 15px 0 0;}
header h1 a {display:block;width:350px;height:60px;background:url(../images/logo.png) 0 0 no-repeat; text-decoration:none; text-indent:-9999px;}

/*********************************content*************************************/
#content {padding: 46px 0px 40px 0px;}
.cont_pad{padding:40px 0 40px 0 !important;}

/*===============================>> Paragraphs <<=============================*/

p {margin-bottom:18px}
.p2{ margin-bottom:26px;}
.p3{margin-bottom:10px;}
.p4{margin-bottom:32px;}

/*================================>> LISTS <<========================================*/
.list1{}
.list1 li{ background:url(../images/marker1.png) 1px 6px no-repeat; padding-left:14px;margin-bottom:14px;}
.list1 a{}

/*================================>> H <<========================================*/
h2,h3,h4{ font-weight:normal;}
h2{font-size: 21px; line-height: 24px; color:#373737;margin-bottom:20px;}
h2 span{color:rgba(73,117,186,1.00);}

h2.ind{ margin-bottom:30px;}
h2.ind1{ margin-bottom:25px;}
h2.t_ind{margin-top:-4px;}
/*================================>> GOOGLE FONTS  <<========================================*/
.banner .read, .slider .banner .title, .open, .sf-menu>li>a, .button, .pag_button{font-family: 'Open Sans', sans-serif;}

/*********************************page_1*************************************/
.ext_list>li, .ext_box{ overflow:hidden;}
.ext_list>li>figure, .ext_box>figure{ float:left;}
.ext_list>li>div, .ext_box>div{ overflow: hidden;}

.pl10{padding: 0 0px 0 10px;}
.pl20{padding-left:20px;}
.pr{padding-right:20px;}
.pt{padding-top:4px;}

.serv_list{}
.serv_list>li{border-bottom:1px solid #cccccc;padding-bottom:16px;margin-bottom:15px;}
.serv_list>li>div{padding-right: 20px;}
.serv_list>li>figure{border-radius:100%;width:35px;height:27px;background: rgba(173,22,25,1.00)/*#bfbebe*/;margin-top:1px;padding: 8px 0 0;margin-right: 20px;text-align:center;font-size: 17px; color: #fff;font-weight:bold;}
.serv_list>li .text{clear: both;margin:0 5px 0 0;padding: 12px 0 0; text-align:justify}

.color1{color:#5b5b5b;}
.color2{color:rgba(73,117,186,1.00);}

.m_bot1{margin-bottom:32px;}
.m_bot2{margin-bottom:14px;}
.m_bot3{margin-bottom:10px;}
.m_bot4{margin-bottom:36px;}
/*********************************page_2*************************************/
.comment{border-top:1px solid rgba(73,117,186,1.00);margin: 3px 0 0;padding: 24px 0 28px 20px;border-radius:2px;background: url('../images/comment.png') repeat;}
.comment .text{position:relative;padding: 0 10px 19px 30px;}
.comment .text:before{width:16px;height:9px;left:0;top:5px;display:block;position:absolute;background: url('../images/quote.png') no-repeat;content:"";}
.comment .author{font-weight:bold;}

.team{overflow:hidden;}
.team>li{float:left;margin-left:10px;width:150px;}
.team>li:first-child{margin-left:0;}
.team>li>a{display:inline-block;margin-bottom:25px;}
/*********************************page_3*************************************/
.service{}
.service .title{font-size: 18px; line-height: 22px; color: #373737;margin-bottom:13px; white-space: nowrap}
.service .title span{color: rgba(73,117,186,1.00);}
.service .text{border-top:1px solid; color:rgba(73,117,186,1.00);padding: 23px 20px 31px 19px;border-radius: 0 0 3px 3px;background: url('../images/service.jpg') repeat; }
.service .button{margin-top:19px;}

.pag_wrap{padding-top:35px;}
.pag_button{display:inline-block; background:#ff4404;color:#fff;font-size:13px;padding:10px 20px 10px;border-radius:2px;}
.pag_button:hover{color:#fff;background:#3c3c3c;}

#cycle>div{height:930px;}
/*********************************page_5*************************************/


/* Contact form */
#contact-form {padding:0px 0 0 0;position: relative;}
#contact-form .success { padding:15px 0; top: 0; left: 0; position:absolute;background: #FF4404;color: #fff;text-align: center;z-index: 88;width: 100%;}
#contact-form textarea, #contact-form input {margin:0;font-size:12px; border-radius:2px;border:1px solid #c4c4c4; color:#787878; padding:9px 15px 8px;outline:none; position:relative; font-family:Arial, Helvetica, sans-serif;background:#fff;}
#contact-form input {width:238px;float:left;}
#contact-form textarea {overflow:auto; width:398px; height:335px;resize:none; float:left; margin: 0 0 0 0;}	
#contact-form label {position: relative;display:inline-block; min-height:50px; overflow:hidden;}
#contact-form label.message { display:block; padding-bottom:0; }
#contact-form .button {margin-left:8px;}	
#contact-form .error, #contact-form .empty, #contact-form .success {display:none;}	
#contact-form .error, #contact-form .empty {text-align:left; color:red; font-size:11px;line-height:14px;padding-top:6px;position: absolute;right: 5px;top: 5px;}
#contact-form .buttons2 {overflow:hidden;text-align:right; position:relative; clear:both; padding-top:23px;}
#contact-form .buttons2 a {
	cursor:pointer;
	margin-top:0;
	text-align:center;
}
#contact-form span{ display:block; margin: 0px 0 0 5px;}

.map_wrapper{overflow:hidden;margin: 4px 0 26px;display:block;}
#map_canvas {
    width:470px;
	height:396px;
}
.adress{white-space: nowrap;}
.adress span{ display:inline-block; width:69px;}
.adress dt{ margin-bottom:18px;}
.demo{color:rgba(73,117,186,1.00);}
.demo:hover{ text-decoration:underline;}
/****************************footer************************/
footer {padding:14px 0 16px;background: url('../images/footer.png') repeat;border-radius:3px;margin: 0 5px 0px;}
footer .top{overflow:hidden;border-bottom:1px solid #c4c4c4;padding-bottom:16px;}
.f_menu{float:left;overflow:hidden;padding: 0 0 0 20px;}
.f_menu>li{float:left;margin-right:17px;}
.f_menu>li a{font-size:13px;color:rgba(73,117,186,1.00);}

footer .social{ overflow:hidden; float:right;padding:3px 21px 0 0;}
footer .social a{ display:block; float:left;width:14px;height:14px; overflow:hidden; margin-left:10px;}
footer .social a:first-child{margin: 0 0 0 0;}
footer .social a:hover img{ margin-top:-14px;}

footer .info_box{font-size: 13px; color: #787878;padding: 16px 0 0 21px;float:left;}
footer .info_box span{color:rgba(73,117,186,1.00);font-size: 28px; line-height: 33px;display:block; font-weight:bold; margin-top:10px}

footer .privacy{float:right;padding: 44px 22px 0 0;}

/*================================>> RESPONSIVE STYLES <<========================================*/

@media only screen and (max-width: 995px) {
 body{min-width:768px;}
 .main{width: 768px;}
.pag_box .slides li a{font-size: 15px;}
.team > li{width: 118px;}
.team > li img{width: 100%;}
#contact-form label{display: block;}
#contact-form input, #contact-form textarea{-webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;width: 100%;
  box-sizing: border-box;}
  #map_canvas {width:100%;}
  .pl10, .pl20{padding-left: 0;}
}

@media only screen and (max-width: 767px) {
 body{min-width:420px;}
 .main{width: 420px;}
 header{height: auto;padding: 15px;}
 header h1{float: none;}
.img{width: 100%;}
footer .privacy, footer .info_box{float: none;}
footer .privacy{padding: 10px 0 0 20px;}
.team > li{width: 133px;margin-bottom: 15px;}
.team > li:first-child+li+li+li{margin-left: 0;}
.head_wrap{margin: 0;}
.m_bot3{margin-bottom: 30px;}
.flexslider{overflow: hidden;}
.flexslider .banner{display: none;}
.flex-control-nav{right: 0;width: 100%;text-align: center;bottom: 10px;}
.service img{width: 100%;}

}

@media only screen and (max-width: 479px) {
 body{min-width:300px;}
 .main{width: 300px;}
 footer .top, .info_box{display: none;}
 .team > li > a{display: block;}
 .team > li{float: none;margin: 0 0 15px;width: 100%;}
 #map_canvas {height: 250px;}
}

#acolor {
	color:#6470CB
}