@import "reset.css";@import "skeleton.css";@import "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 ======================================================== */

@font-face {
    font-family: 'GEA Satura';
    src: url('fonts/saturatextpro-regular-webfont.eot');
    src: url('fonts/saturatextpro-regular-webfont.eot?#iefix') format('embedded-opentype'),
    url('fonts/saturatextpro-regular-webfont.woff2') format('woff2'),
    url('fonts/saturatextpro-regular-webfont.woff') format('woff'),
    url('fonts/saturatextpro-regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

html {width:100%}

body {font-family:Arial, Arial, Helvetica, sans-serif; font-size:12px; line-height:18px; color:#787878; min-width:960px;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:#B28B72; text-decoration:none;}

.button{
    background: none repeat scroll 0 0 #b28b72;
    border-radius: 2px;
    color: #fff;
    display: inline-block;
    font-family: 'Helvetica', Arial, sans-serif !important;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 23px;
    margin: 23px 0 0;
    padding: 5px 10px;
    text-align: center;
    text-transform: uppercase;
}
.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;}

/*********************************heade
r*************************************/
#m_page header{margin-bottom:70px;}
.head_wrap{margin: 0 5px 0;box-shadow: 0 7px 0 #b28b72;border-radius:2px;}
header {background: url('../images/header.jpg') repeat-x #633A1D; border-radius:3px;box-shadow: 0 2px 0 0px #2a2a2a;padding: 0px 0 0px 10px;height:55px;}
header h1{width:192px;height:43px;float:left;margin: 0 0 0 -10px;}
header h1 a {
    background: url("../images/logo.png") no-repeat scroll 5px 3px #ffffff;
    border-radius: 0 10px;
    box-shadow: 0 7px 4px #cccccc;
    display: block;
    height: 105px;
    text-decoration: none;
    text-indent: -9999px;
    width: 105px;
}

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

.breadcrumbs {
    margin-bottom: 40px;
    margin-left: 122px;
    margin-top: -70px;
}

a.post-edit-link {
    background-color: #006600;
    color: #ffffff !important;
    cursor: pointer;
    display: block;
    float: right;
    font-size: 11px;
    height: 12px;
    line-height: 12px;
    padding: 4px;
    position: relative;
    text-align: center;
    width: 90px;
    z-index: 99;
}

/*===============================>> 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:#633A1D;margin-bottom:20px;}
h2 span{color:#B28B72;}

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: 'GEA Satura', 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:#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;}

.color1{color:#5b5b5b;}
.color2{color:#B28B72;}

.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 #B28B72;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: #633A1D;margin-bottom:13px; white-space: nowrap}
.service .title span{color:#B28B72;}
.service .text{border-top:1px solid #B28B72;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:#B28B72;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: #B28B72;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:398px;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:#B28B72;}
.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:#3f3f3f;}

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:#B28B72;font-size: 19px; line-height: 33px;display:block;}

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