@import "../css/reset.css";
@import "../css/skeleton.css";
@import "../css/superfish.css";
@import "../css/flexslider.css";
@import url(http://fonts.googleapis.com/css?family=Bitter);
@import url(http://fonts.googleapis.com/css?family=Copse);
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:Georgia, serif; font-size:14px; line-height:24px; color:#91939a; min-width:960px; background:url(../images/body_bg.jpg) 50% 0 repeat #eeeeee; -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;}
.bd_n{border: none !important;}

/*==================================== Links ======================================================== */
a {color:#91939a;outline:none; text-decoration:none; cursor:pointer;}
a:hover, h3 a:hover{ color:#cc333f; text-decoration:none;}

.button{ display:inline-block; padding:10px 17px 9px; margin: 26px 0 0; font-size: 18px; line-height: 24px; color:#fff;background: #333745;border-radius: 10px;}
.button:hover{ background:#cc333f; color:#fff;}

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

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

header {padding: 45px 0 32px;overflow: hidden;border-bottom: 1px solid #d8d8d8;}
header h1{float: left;margin-left: -1px;}
header h1 a {display:block;width:269px;height:7px;background:url(../images/logo.png) 0 0 no-repeat; text-decoration:none; text-indent:-9999px;}

.social{ overflow:hidden;float: right;padding-top: 18px;}
.social a{ display:block; float:left;width:38px;height:38px; overflow:hidden; margin-left:8px;}
.social a:first-child{margin: 0 0 0 0;}
.social a:hover img{ margin-top:-38px;}
#i {padding-top:10px}
/*********************************content*************************************/
#content {padding:4px 0px 45px;}
.cont_pad{padding:64px 0 45px !important;}
#con{ width:900; height:auto; float:left;}
#con li img{ padding-top:6px; }
#con  ul li{ color:#333745;}
/*===============================>> Paragraphs <<=============================*/

p {margin-bottom:24px; font-size:15px; text-align:justify; color:#333745;}
.p2{ margin-bottom:16px;}
.p3{ margin-bottom:14px;}
.p4{ margin-bottom:0;}
.p5{ margin-bottom:0;}
.p6{ margin-bottom:0; font-size:12px; text-align:center; color:#333745;}

/*================================>> LISTS <<========================================*/
.list1{}
.list1 li{ background:url(../images/marker1.png) 0 7px no-repeat; padding-left:20px;}
.list1 a{}

.list2{}
.list2 li{ background:url(../images/marker2.png) 0 7px no-repeat; padding-left:20px;}
.list2 a{}

.list3{}
.list3 li{ background:url(../images/marker3.png) 0 7px no-repeat; padding-left:20px;}
.list3 a{}

/*================================>> H <<========================================*/
h2,h3,h4{ font-weight:500;}
h2{font-size: 35px; line-height: 30px; color:#000000; }
h4{font-size: 18px; line-height: 30px; color:#000000; }
h1{font-size:35px; line-height: 40px; color:#000000; text-indent:400px;}
h2.ind{ margin-bottom:25px;}
h2.ind1{ margin-bottom:29px;}
h2.ind2{ margin-bottom:px;}

h3{font-size:20px; line-height:30px;}
h3, h3 a{ color:#000000;}

h3.ind1{ margin-bottom:px;}
h3.ind2{ margin-bottom:px;}
h3.ind3{ margin-bottom:px;}

/*================================>> GOOGLE FONTS  <<========================================*/
.news figure, .f_20, .title1, .sf-menu a, .box1 .title, .button, h2, h3, .get_touch, .member_list{font-family: 'Bitter', serif;}

.box2 .title{font-family: 'Copse', serif;}


/*================================>> hovers <<========================================*/
.sf-menu a, .button, .member_list a, .get_touch a, h3 a{-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;}

.box1, .box2{text-align: center;font-size: 24px; line-height: 31px; color:#000; padding: 0 40px;margin-bottom: 33px;}
.box1 .title, .box2 .title{font-size: 40px; line-height: 48px; color: #333745;margin-bottom: 8px;}

.title1{font-size: 45px; line-height: 54px; color: #cc333f;margin-bottom: 12px;}


.f_20{font-size: 20px; line-height: 30px; color: #333745;text-transform: uppercase;}

.red{color: #cc333f; }
.red a{color:#000;}
.red1{color: #cc333f; text-align:center; font-weight:bold; }

.news>li{border-bottom: 1px solid #dededf;padding-bottom: 14px; margin-bottom: 13px;}
.news>li>div{}
.news>li>figure{border-radius: 50%;background: #fff;margin: 8px 20px 0 0;width: 60px;text-align: center;padding: 10px 0;font-size: 17px; line-height: 24px; color: #cc333f;text-transform: uppercase;}
.news>li>figure span{display: block;font-size: 13px;color: #cc333f;margin-top: -9px;}

.stripe1{background: #d2d2d2;height: 1px;margin: 44px 10px 34px}
.stripe2{background: #d2d2d2;height: 1px;margin: 44px 10px 34px}


.box2{padding-left: 20px;padding-right: 20px;line-height: 29px;margin-bottom: 51px;}
.box2 .title{margin-bottom: 13px;}

.offer>li{margin-bottom: 42px;}
.offer>li>div{}
.offer>li>figure{margin: 2px 18px 0 0;}

.offer h3{margin-bottom: 14px;}

.get_touch{border-top: 1px solid #d8d8d8;padding: 42px 0 0px;text-align: center;font-size: 15px;color: #333745;}
.get_touch .title{font-size: 40px; line-height: 48px; color: #333745;}
.get_touch .title a{color: #cc333f;}
.get_touch a{color: #cc333f;}
.get_touch a:hover{color: #010101;}

.m_bot1{margin-bottom: 58px;}
.m_bot2{margin-bottom: 20px;}
.m_bot3{margin-bottom: 30px;}
#p a{color:#333745; padding-bottom:opx;}
#p a:hover{color: #cc333f;}


/*********************************page_2*************************************/
.work{background: #ffffff;padding:  15px 15px 13px;}
.work a:first-child{display: block;margin-bottom: 7px;}
/*********************************page_3*************************************/
.member_list{}
.member_list>li{font-size: 25px; line-height: 29px;margin-bottom: 4px;}
.member_list>li>a{display: block;background:#fff;color: #333745;padding: 11px 19px;}
.member_list>li>a:hover{background: #cc333f;color: #fff;}

.client{width: 191px;float: left; margin-left: 23px; margin-bottom:20px; }
.client img {padding-left:40px;}

.clietns .client:first-child{margin-left: 0;}


.link1{color: #cc333f;text-decoration: underline;}
.link1:hover{color: #010101;text-decoration: none;}
#cilent{
	float: left;
	width: 800px;
	height:600px;
	
}

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


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


/* Contact form */
#contact{
	float: left;
	height: auto;
	width: 960px;
}
#contactinfo{
	float: left;
	height: auto;
	width: 300px;
}
#add{
	float: left;
	height: auto;
	width:280px;
	margin-left:20px;
}
#form{
	float: left;
	width: 350px;
	
}
#contact-form {padding:0px 0 0 0; width:350px; float:left;}
#contact-form .success {width:246px;  padding:10px;}
 #contact-form textarea, #contact-form input[type=text] {margin:0;font-size:14px; border:1px solid #e5e5e5; color:#91939a; padding:8px 12px 9px;outline:none; position:relative; font-family:Georgia, serif;background:#fff;}
 #contact-form input[type=text]{width:321px;float: left;}
#contact-form textarea {overflow:auto; width:320px; height:50px; float:left; margin: 0 0 0 0;}	
#contact-form label {display:block; min-height:46px; overflow:hidden;}	
#contact-form label.message { display:block; padding-bottom:0; }
#contact-form .button {margin-left:18px;}	
#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:29px;}
#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:21px;}
#map_canvas {
   width:100%;
   height:298px;
}
.adress{}
.adress span{ display:inline-block; width:86px;}
.adress dt{ margin-bottom:24px;}

.demo{}
.demo:hover{ text-decoration:underline;}
/****************************footer************************/
footer {padding:45px 0 50px;text-align: center;background: url('../images/footer.png') 50% 0 no-repeat;}


/*==================================RESPONSIVE LAYOUTS===============================================*/


@media only screen and (max-width: 995px) {
 body{min-width:768px;}
 .slider_box{height: 385px;}
 .client{margin-left: 15px;width: 153px;}
 #contact-form textarea, #contact-form input{width: 465px;}
}

@media only screen and (max-width: 767px) {
 body{min-width:420px;}
 .slider_box{height: 231px;}
 .box1, .box2{padding-left: 0;padding-right: 0;}
 .cont_pad{padding-top: 30px !important;padding-bottom: 30px !important;}
 .get_touch .title{font-size: 30px;line-height: 36px;}
 .client img, .work img{width: 100%;}
 .client{float: none;width: 100%;margin: 0 0 30px;}
 .m_bot1, .m_bot2, .m_bot3{margin-bottom: 0;}
  #contact-form textarea, #contact-form input{width: 394px;}
}

@media only screen and (max-width: 479px) {
 body{min-width:300px;}
 .slider_box{height: 180px;}
 .box2{font-size: 18px;}
 h3{font-size: 25px;}
 .offer>li>figure{float: none;text-align: center;margin-bottom: 15px;}
 .offer h3{text-align: center;}
 .social a{margin-left:4px;}
 #contact-form textarea, #contact-form input{width: 274px;}
 header h1{float: none;}
 header h1 a{margin: 0 auto;}
 .social{float: none;text-align: center;}
 .social a{display: inline-block;float: none;}
}