@import "../css/reset.css";
@import "../css/skeleton.css";
@import "../css/superfish.css";
@import "../css/carousel.css";
@import url(http://fonts.googleapis.com/css?family=Julius+Sans+One);
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, Helvetica, sans-serif; font-size:20px; line-height:22px; color:#878787; min-width:960px; background:url(../images/body_bg.jpg) 50% 0 repeat #f5f5f5; -webkit-text-size-adjust: none;}

/*********************************fonts*************************************/
.reg {text-transform:uppercase}
.f_left {float:left}
.f_right {float:right}
.align_right {text-align:right}
.align_center {text-align:center}

.it{font-style:italic}
.let{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:#878787;outline:none; text-decoration:none; cursor:pointer;}
a:hover{ color:#8dbc51; text-decoration:none;}

/*********************************Displays*************************************/
.block{ display:block;}
.inline-block{ display:inline-block;}

/*********************************header*************************************/

header {background: url('../images/header_bg.jpg') 50% 0 no-repeat;max-height: 705px;min-height: 291px;}
header h1{float: left;margin-left: -1px;}
header .call{float: right;font-size: 14px; line-height: 19px; color: #fff;text-transform: uppercase;font-weight: bold;padding: 28px 0 0;}
header .call span{color: #a1a1a1;}
header .header_top{padding: 44px 0 47px;}
header h1 a {display:block;width:209px;height:105px;background:url(../images/logo_White.png) 0 0 no-repeat; text-decoration:none; text-indent:-9999px;}

/*********************************content*************************************/
#content {padding:44px 0px 74px;}
.cont_pad{padding:123px 0 74px !important;}

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

p {margin-bottom:22px}
.p2{ margin-bottom:28px;}
.p3{ margin-bottom:35px;}
.p4{ margin-bottom:24px;}
.p5{ margin-bottom:30px;}

/*================================>> LISTS <<========================================*/
.list1{}
.list1 li{padding-bottom: 14px;margin-bottom: 13px;border-bottom: 1px solid #f0f0f0;}
.list1 a{font-weight: bold;text-transform: uppercase;color: #282827;font-size: 14px;}
.list1 a:hover{color: #8dbc51;}


/*================================>> H <<========================================*/
h2,h3,h4{ font-weight:normal;}
h2{font-size: 24px; line-height: 29px; color:#282827; text-transform: uppercase; font-weight: bold;}

h2.ind{ margin-bottom:31px;}
h2.ind1{ margin-bottom:32px;}
h2.ind2{ margin-bottom:37px;}

h3{font-weight: bold;text-transform: uppercase;color: #282827;font-size: 14px;margin-bottom: 28px;}
h3.ind{ margin-bottom:8px;}
/*================================>> GOOGLE FONTS  <<========================================*/
.welcome .title{font-family: 'Julius Sans One', sans-serif;}
/*================================>> hovers <<========================================*/
.sf-menu a, .link1{-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}

/*********************************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;}

.welcome{}
.welcome .title{color: #363636;font-size: 60px;line-height: 72px;text-transform: uppercase;letter-spacing: -2px;margin-bottom: 17px;word-spacing: -5px;}
.welcome .title span{display: block;margin-top: -17px;}

.link1, h3 a{display: inline-block;padding-right: 23px;background: url('../images/link_marker.png') right 9px no-repeat;font-weight: bold;text-transform: uppercase;color: #282827;font-size: 14px;}
.link1:hover, h3 a:hover{color: #8dbc51;text-decoration: underline;}

.p_top1{padding-top: 7px;}

#accordion{padding: 0 0px 0 0;}
#accordion>ul>li:first-child>a{margin-top: 0;}
#accordion>ul>li{padding-bottom: 14px;}
#accordion h5 a{border-bottom: 1px solid #f0f0f0;margin: 13px 0px 0px 0px;background: url('../images/accrod_title.png') right -26px no-repeat;font-weight: bold;text-transform: uppercase;color: #282827;font-size: 14px;display: block;padding-bottom: 13px;}
#accordion .ui-accordion-content{border: 1px solid #e6e6e6;border-top: none;padding: 15px 25px 19px 28px;background: #fff;}
#accordion h5.ui-state-active a{background-position: right 8px;}
#accordion h5 a:hover{color: #8dbc51;text-decoration: none !important;}
#accordion .ui-accordion-content a:hover{text-decoration: underline;color: #8dbc51;}

.stripe1{height: 1px;background: #ebebeb;margin: 55px 10px 46px;}

/*********************************page_2*************************************/
.history>li{margin-bottom: 18px;}
.history>li>div{}
.history>li>figure{margin: 0 0 0 0;font-weight: bold;text-transform: uppercase;color: #282827;font-size: 14px;width: 48px;}

.m_bot1{margin-bottom: 64px;}
.m_bot2{margin-bottom: 41px;}

.prof figure{margin-bottom: 24px;}

.advantages>li{margin-bottom: 20px;}
.advantages>li>figure{width: 40px;margin: 6px 0 0 0;}

.test>figure{margin: 6px 20px 0 0;}

.author{text-align: right;padding: 12px 0 0;}
.author span{display: block;margin-top: -13px;font-size: 11px;}
/*********************************page_3*************************************/
.process_list>li{margin-bottom: 31px;}
.process_list>li>div{}
.process_list>li>figure{margin: 7px 21px 1px 1px;width: 50px;text-align: center;padding: 12px 0 16px;border-radius: 500px;color: #fff;font-size: 14px;color: #282827;font-weight: bold;box-shadow: 0 1px 2px #e6e6e6, 0 0 0 1px #e6e6e6;background: #fff;}
.process_list h3{margin-bottom: 9px;}
/*********************************page_4*************************************/

/*********************************page_5*************************************/


/* Contact form */
#contact-form {padding:0px 0 0 0;position: relative;}
#contact-form .success {width: 100%;padding: 10px 0;z-index: 99;text-align: center;background: #fff;border: 1px solid #e7e7e7;position: absolute;top:0;left:0;}
#contact-form textarea, #contact-form input {margin:0;font-size:13px; border:1px solid #e7e7e7; color:#878787; padding:10px 13px;outline:none; position:relative; font-family:Arial, Helvetica, sans-serif;background:#fff;box-shadow: 0 1px 2px #e6e6e6;}
#contact-form input {width:272px;}
#contact-form textarea {overflow:auto; width:512px; height:276px;resize:none; float:left; margin: 0 0 0 0;}	
#contact-form label {display:inline-block; min-height:48px;clear: both;position: relative;}
#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;position: absolute;right: 10px;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;display:block;margin: 0 20px 23px 0;}
#map_canvas {
   width:100%;
   height:287px;
}
.adress{}
.adress span{ display:inline-block; width:90px;}
.adress dt{ margin-bottom:22px;}

.demo{}
.demo:hover{ text-decoration:underline;}
/*


*/
/****************************footer************************/
footer {font-size: 11px;text-transform: uppercase;}
footer, footer a{color: #8b8d8d;}
.footer{border-top: 1px solid #ebebeb;padding: 23px 0;overflow: hidden;}
footer .privacy{float: left;}
footer .social{ overflow:hidden;float: right;padding: 7px 0 0;}
footer .social a{ display:block; float:left;width:24px;height:24px; overflow:hidden; margin-left:10px;}
footer .social a:first-child{margin: 0 0 0 0;}
footer .social a:hover img{ margin-top:-24px;}


/*==================================RESPONSIVE LAYOUTS===============================================*/
@media only screen and (max-width: 1024px)
{
  #carousel .es-nav-prev{left:10px;}
  #carousel .es-nav-next{right:20px;}
}
@media only screen and (max-width: 995px) {
 body{min-width:768px;}
 .sf-menu>li{margin-right: 20px;}
 .welcome .title{font-size: 40px;line-height: 48px;}
 .cont_pad{padding-top: 50px !important;}
 #carousel li{width: 374px !important;}
 #carousel li a{display: block;margin-right: 10px;}
 #contact-form textarea{width: 400px;}
 .ei-slider-thumbs{top: 180px;}
}

@media only screen and (max-width: 767px) {
 body{min-width:420px;}
 #search, header h1, header .call{float: none;}
 .process img{width: 100%;}
 #search{width: 100%;}
 #search input{width: 370px;}
 .prof img{width: 100%;}
 .m_bot1, .m_bot2{margin-bottom: 0px;}
 #carousel li{width: 420px !important;}
 #carousel li a{margin: 0;}
 .map_wrapper{margin: 0 0 20px;}
 #contact-form textarea, #contact-form input{width: 390px;}
 #contact-form .success{width: 99%;}
 header .call{display: none;}
 .img{width: 100%;}
}

@media only screen and (max-width: 479px) {
 body{min-width:300px;}
 #search input{width: 250px;}
 .welcome .title span{display: inline;}
 footer .privacy, footer .social{float: none;}
 .test>div{overflow: visible;}
 #carousel li{width: 300px !important;}
  #contact-form textarea, #contact-form input{width: 270px;}
}