@import "../css/reset.css";
@import "../css/skeleton.css";
@import "../css/superfish.css";
@import "../css/flexslider.css";
@import "../css/carousel.css";
/* quattrocento-regular - latin-ext_latin */
@font-face {
  font-family: 'Quattrocento';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/quattrocento-v15-latin-ext_latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/quattrocento-v15-latin-ext_latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/quattrocento-v15-latin-ext_latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/quattrocento-v15-latin-ext_latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/quattrocento-v15-latin-ext_latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/quattrocento-v15-latin-ext_latin-regular.svg#Quattrocento') format('svg'); /* Legacy iOS */
}

/* quattrocento-700 - latin-ext_latin */
@font-face {
  font-family: 'Quattrocento';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/quattrocento-v15-latin-ext_latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/quattrocento-v15-latin-ext_latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/quattrocento-v15-latin-ext_latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/quattrocento-v15-latin-ext_latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/quattrocento-v15-latin-ext_latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/quattrocento-v15-latin-ext_latin-700.svg#Quattrocento') format('svg'); /* Legacy iOS */
}
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:12px; line-height:22px; color:#464646; min-width:960px; background:url(../images/body_bg.jpg) 50% 0 no-repeat #1d6c01; -webkit-text-size-adjust: none;}

.main{width: 1020px;margin: 0 auto;background: #f6f8f0;}
.inner_bg{background: #f1f3ee;}

/*********************************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:#464646;outline:none; text-decoration:none; cursor:pointer;}
a:hover{ color:#7aac1b; text-decoration:none;}

.button{ display:inline-block; padding:20px 32px 21px; margin: 0 1px 3px; font-size: 12px; line-height: 16px; color:#656565;font-weight: bold;background: url('../images/button.png') repeat-x #fff;border-radius: 4px;box-shadow: 0 1px 1px #d5d7d0;}

.button1{ display:inline-block; padding:11px 17px 10px; margin: 27px 1px 3px; font-size: 12px; line-height: 16px; color:#656565;font-weight: bold;background: url('../images/button.png') repeat-x #fff;border-radius: 4px;box-shadow: 0 1px 1px #d5d7d0;}

.button:hover{background: url('../images/button_h.png') repeat-x #3e840e;color: #fff;}
.button1:hover{background: url('../images/button_h.png') 0 -10px repeat-x #3e840e;color: #fff;}

.but_ind{margin-top: 25px;}
/*********************************Displays*************************************/
.block{ display:block;}
.inline-block{ display:inline-block;}

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

header {margin-bottom: 32px;}
header h1{width: 186px;margin-left: 37px;float: left;}
.login_box{float: left;overflow: hidden;width: 800px;margin-left: -3px;background: #f3f5ef;border-bottom: 1px solid #e8e8e8;font-size: 11px;line-height: 14px;color: #bcbcbc;}
.login_box a{color: #bcbcbc;}
.login_box a:hover{color: #000;}
.login_box .inner{float: right;padding: 8px 40px 7px 0;overflow: hidden;}
header h1 a {display:block;width:186px;height:162px;background:url(../images/logo.png) 0 0 no-repeat; text-decoration:none; text-indent:-9999px;}
.login_box .inner>li{background: url('../images/user_box_li.png') 0 7px no-repeat;padding: 10px 0 0 26px;float: left;margin-left: 25px;min-height: 24px;}
.login_box .inner>li:first-child{background: none;margin-left: 0;padding-left: 0;}
.login_box .inner>li.social{ overflow:hidden; padding-top: 0;}
.social span{display: block;float: left;padding: 10px 14px 0 0;}
.social a{ display:block; float:left;width:34px;height:35px; overflow:hidden; margin-left:8px;}
.social a:first-child{margin: 0 0 0 0;}
.social a:hover img{ margin-top:-35px;}
/*********************************content*************************************/
#content {padding:13px 0px 0px;}
.cont_pad{padding:44px 0 0 !important;}
.bord_bot{border-bottom: 1px solid #E8E8E8;padding-bottom: 40px;padding-bottom: 40px !important;}

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

p {margin-bottom:22px}
.p2{ margin-bottom:18px;}
.p3{ margin-bottom:11px;}
.p4{ margin-bottom:4px;}
.p5{ margin-bottom:20px;}

/*================================>> LISTS <<========================================*/
.list1{}
.list1 li{ background:url(../images/marker1.png) 1px 9px no-repeat; margin-bottom: 13px; padding-left:17px;}
.list1 a{font-weight: bold;color: #454545;}
.list1 a:hover{text-decoration: underline;color: #7aac1b;}

/*================================>> H <<========================================*/
h2,h3,h4{ font-weight:normal;}
h2{font-size: 30px; line-height: 36px; color:#454545;background: url('../images/stripe1.png')  0 bottom repeat-x;padding: 0 0 24px;letter-spacing: -1px;}

h2.ind{ margin-bottom:30px;}
h2.ind1{ margin-bottom:22px;}
h2.ind2{ margin-bottom:27px;}
h2.ind3{ margin-bottom:29px;}

/*================================>> GOOGLE FONTS  <<========================================*/
.techno>div, .news>li>div p, .about_box>figure, h2, .sf-menu>li>a, .font1{font-family: 'Quattrocento', serif;}

/*================================>> hovers <<========================================*/
.sf-menu>li{-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;}

.about_box{font-size: 24px; line-height: 35px; color: #454545;word-spacing: -2px;}
.about_box>div{float: right;}
.about_box>figure{width: 660px;padding-top: 2px;}

.stripe1{height: 2px;margin: 42px 0 33px;background: url('../images/stripe1.png') repeat-x;}

.news img, .img{border-radius: 3px;box-shadow: 0 5px #e9ebe4; margin-bottom: 5px;}

.news>li{margin-bottom: 25px;}
.news>li>div{font-size: 16px; line-height: 20px; color: #464646;}
.news>li>figure{margin: 0 20px 0 0;}
.news time{display: block;font-size: 11px;line-height: 14px;color: #bcbcbc;}
.news p{margin-bottom: 12px;}
.news a:hover{color: #87b41e;}

.capabil{margin-bottom: 2px;}

.techno{padding-top: 2px;border-bottom: 1px solid #e6e6e6;padding-bottom: 24px;margin-bottom: 23px;}
.techno>div{padding: 12px 0 0 20px;font-size: 16px; line-height: 20px; color: #464646;}
.techno>figure{margin: 0 0 0 0;border-right: 1px solid #e6e6e6;width: 119px;padding-right: 20px;}

.pattern_box{background: url('../images/pattern1.jpg') 50% 0 repeat;border-top: 1px solid #e8e8e8;border-bottom: 1px solid #e8e8e8;padding: 43px 0 46px;}

.m_bot1{margin-bottom: 49px;}
.m_bot2{margin-bottom: 42px;}

.font1{font-size: 16px; line-height: 24px; color: #464646;}
/*********************************page_2*************************************/
.about1{}
.about1>div{}
.about1>figure{margin: 7px 20px 0 1px;}

.p_bot1{padding-bottom: 44px;}
.p_bot2{padding-bottom: 41px;}

.padding1{padding: 52px 0 48px;}

.staff{color: #b4b4b4;font-size: 11px;line-height: 18px;}
.staff>div{}
.staff>figure{margin: 3px 20px 0 0;}

/*********************************page_3*************************************/

/*********************************page_4*************************************/


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


/* Contact form */
#contact-form {padding:1px 0 0 0;}
#contact-form .success {width:246px;  padding:10px;}
#contact-form textarea, #contact-form input {margin:0;font-size:12px; border:1px solid #e5e4e3; color:#464646; padding:10px 18px 10px;outline:none; position:relative; font-family:Arial, Helvetica, sans-serif;background:#fff;border-radius: 4px;}
#contact-form input {width:182px;float: left;}
#contact-form textarea {overflow:auto; width:422px; height:205px;resize:none; float:left; margin: 0 0 0 0;}	
#contact-form label {display:block; min-height:56px; overflow:hidden;}	
#contact-form label.message { display:block; padding-bottom:0; }
#contact-form .button1 {margin-left:12px;}	
#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; float: left;}
#contact-form .buttons2 {overflow:hidden;text-align:right; position:relative; clear:both; padding-top:30px;}
#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-bottom:18px;}
#map_canvas {
   width:100%;
   height:225px;
}
.adress{}
.adress span{ display:inline-block; width:110px;}
.adress dt{}

.demo{color: #276f03;}
.demo:hover{ text-decoration:underline;}
/*

<div class="social">
	<a href="#" title="RSS"><img src="images/soc1.png" alt=""></a>
	<a href="#" title="Twitter"><img src="images/soc2.png" alt=""></a>
	<a href="#" title="Facebook"><img src="images/soc3.png" alt=""></a>
	<a href="#" title="Google +"><img src="images/soc4.png" alt=""></a>
</div>
*/
/****************************footer************************/
footer {padding:35px 0;text-align: center;color: #5b5b5b;font-size: 11px;}
footer a{color: #5b5b5b;}
footer a:hover{color: #000;}


/*==================================RESPONSIVE LAYOUTS===============================================*/
@media only screen and (max-width: 995px) {
 body{min-width:768px;}
 .main{width: 768px;}
 .flexslider{height: 391px;overflow: hidden;}
 .flexslider:after{display: none;}
 .login_box{width: 548px;}
 nav{padding-right: 10px;}
 .sf-menu>li>a{padding-right: 20px;}
 .sf-menu>li>a .menu-arrow{right: 15px;}
 .sf-menu>li>a.sf-with-ul{padding-right: 30px;}
 .about_box>div{float: none;}
 .about_box>figure{margin-bottom: 20px;width: auto;}
 #carousel li, #carousel{width: 236px !important;}
 #carousel2{width: 747px;}
 #carousel2 li{width: 249px !important;}
 #carousel2 .product{margin-right: 9px;width: auto;box-shadow: none;}
 #carousel2 .product img{width: 100%;}
 #carousel{padding-top: 40px;}
 #carousel .es-nav-prev, #carousel .es-nav-next{top: -10px;}
}

@media only screen and (max-width: 767px) {
 body{min-width:420px;}
 .main{width: 420px;}
 .flexslider{height: 219px;}
 .login_box{width: auto;margin: 0;background: none;border: none;}
 .login_box .inner{float: none;padding: 30px 0 0 20px;}
 header h1{margin-left: 10px;}
 .login_box .inner>li{float: none;margin-left: 0;padding-left: 0;background: none;}
 nav{float: none;clear: both;}
 .pad_box{padding: 0 15px;}
 .header_img img, #carousel li img, .img, .clients img{width: 100%}
 #carousel li, #carousel{width: 390px !important;}
 #carousel{padding-top: 0px;}
 #carousel .es-nav-prev, #carousel .es-nav-next{top: -80px;}
 .about1>figure{float: none;margin: 0 0 15px;}
 .clients a{display: block;}
 .header_img{margin: 0 10px;}
 #carousel2{width: 390px;}
 #carousel2 li{width: 390px !important;}
 #carousel2 li .product{margin-right: 0;}
 #contact-form textarea, #contact-form input{width: 351px;}
 .header_img img{display: none;}
 .header_img{height: 3px;border-radius: 5px;background: #5d9813;margin-bottom: 15px;}
 header{margin-bottom: 15px;}
}

@media only screen and (max-width: 479px) {
 body{min-width:300px;}
 .main{width: 300px;}
 .flexslider{height: 157px;}
 .login_box li:first-child,.login_box li:first-child+li{display: none;}
 .social span{display: none;}
 .login_box{padding: 20px 30px 0 0;float: right;}
 .login_box .inner{padding-left: 10px;}
 .social a{display: block;margin-left: 0;float: none;}
 .flex-control-nav{left: 110px;top: auto;bottom: 10px;right: auto;}
 .flex-control-nav>li{display: inline-block;margin: 0 2px;}
 #carousel li, #carousel{width: 270px !important;}
 #carousel2{width: 270px;}
 #carousel2 li{width: 270px !important;}
 #contact-form textarea, #contact-form input{width: 230px;}
}

dt {margin-top:8px; }