@import "../css/reset.css";
@import "../css/skeleton.css";
@import "../css/superfish.css";
@import "../css/flexslider.css";
@import url(//fonts.googleapis.com/css?family=Bitter);
@import url(//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:#666; 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:#dc5b49;outline:none; text-decoration:none; cursor:pointer;}
a:hover, a:hover h3 { color:#333745; text-decoration:none;}

b { color: #888;}

.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:#dc5b49; 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:181px;height:71px;background:url(../images/logo.png) 0 0 no-repeat; text-decoration:none; text-indent:-9999px;}

header nav{float: left;margin:0;padding:8px 40px 0 0;}
header nav li{float: left;}
header nav li+li:before{float: left;content:'/';margin:0 10px;}

header nav a {color:#91939a;}
header nav a:hover {color:#dc5b49;}
header nav a.current {color:#333745;}

.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;}
/*********************************content*************************************/
#content {padding:45px 0px 45px;}
.cont_pad{padding:64px 0 45px !important;}

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

p {margin-bottom:24px}
.p2{ margin-bottom:16px;}
.p3{ margin-bottom:14px;}
.p4{ margin-bottom:0;}
.p5{ margin-bottom:0;}
.p6{ margin-bottom:0;}

/*================================>> LISTS <<========================================*/
.list1{margin-bottom:24px}
.list1 li{ background:url(../images/bullet.png) 0 center no-repeat; padding-left:16px;}
.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{}

dl {margin-bottom:24px;}
dt {color:#333745;font-weight:bold;}
dd {background:url(../images/bullet.png) 0 center no-repeat; padding-left:16px;}

/*================================>> H <<========================================*/
h2,h3,h4{ font-weight:normal;}
h2{font-size: 35px; line-height: 42px; color:#333745;}

h2.ind{ margin-bottom:25px;}
h2.ind1{ margin-bottom:29px;}
h2.ind2{ margin-bottom:px;}

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

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

h4{font-size: 24px; line-height: 28px; color:#999;}

/*================================>> 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, a h3, header 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: #909299;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: #dc5b49;margin-bottom: 12px;}


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

.red{color: #dc5b49;}

.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: #dc5b49;text-transform: uppercase;}
.news>li>figure span{display: block;font-size: 13px;color: #dc5b49;margin-top: -9px;}
.news a{color: #dc5b49;}

.tweet_list li { padding: 10px 17px 9px; background: #fff; border-radius: 10px; }
.tweet_list li + li { margin-top: 10px; } 

.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;}
.offer a {color:#91939A;}

.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: #dc5b49;}
.get_touch a{color: #dc5b49;}
.get_touch a:hover{color: #010101;}
.get_touch p { margin:0;}

.m_bot1{margin-bottom: 58px;}
.m_bot2{margin-bottom: 20px;}
.m_bot3{margin-bottom: 30px;}


/*********************************page_2*************************************/
.work{background: #ffffff;padding:  15px 15px 13px;}
/*.work a:first-child{display: block;margin-bottom: 7px;}*/

.work p, .work ul {margin:12px 0 0}

.work_section + .work_section { padding: 20px 0 0;}

.work_section div:last-child { margin-bottom:0;}

.work_section img { max-width: 100%;}

/*********************************page_3*************************************/
.member_list{margin:0 0 29px}
.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: #dc5b49;color: #fff;}

.client{width: 191px;float: left; margin-left: 23px;}
.clietns .client:first-child{margin-left: 0;}


.link1{color: #dc5b49;text-decoration: underline;}
.link1:hover{color: #010101;text-decoration: none;}

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


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


/* Contact form */
#contact-form {padding:0px 0 0 0;}
#contact-form .success {width:246px;  padding:10px;}
#contact-form textarea, #contact-form input {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 {width:321px;float: left;}
#contact-form textarea {overflow:auto; width:594px; height:232px;resize:none; 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;
}
.address{margin:0 0 29px}
.address span{ display:inline-block; width:86px;}
.address 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;}
  
  header nav{
  		float:none;
  		font:12px/15px Arial, Helvetica, sans-serif;
  		text-transform:uppercase;
  		color:#fff;
    background: #dc5b49;
    border-radius: 10px;
  		padding:15px 10px;
    margin: 26px 0;
  	}
  		header nav:before{
  			content:'Menu:';
  			display:block;
  			margin-bottom:5px;
  		}
  	.sf-menu{display:none;}
  	header nav select{
  		font:12px/15px Arial, Helvetica, sans-serif;
  		color:#464646;
  		width:100%;
    outline: none;
  		border:2px solid #ff6955;
  	}
  
}

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