@import "../css/reset.css";
@import "../css/skeleton.css";
@import "../css/carousel.css";
@import "../css/superfish.css";
@import "../css/touchTouch.css";
@import "../css/ui.totop.css";
@import url(http://fonts.googleapis.com/css?family=Oswald);
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:14px; line-height:24px; color:#8d9094; min-width:1024px; background:#000; -webkit-text-size-adjust: none;}

.main{width:1024px;margin:0 auto;position: relative;}

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

.button{ display:inline-block; padding:13px 11px 12px; margin: 27px 0 0; font-size: 11px; text-transform:uppercase; line-height: 14px; color:#000; background:#f7b82f;}
.button:hover{ background:#f7cd70;}

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

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

header {padding:32px 0;background: url('../images/header_bg.jpg') 50% 0 repeat-x;border-bottom:1px solid #4a4555;z-index:99;position: relative}
header h1{width:166px;float: left;}
header h1 a {display:block;width:250px;height:62px;background:url(../images/logo.png) 0 0 no-repeat; text-decoration:none; text-indent:-9999px;}

/*================================>> aside top <<========================================*/
aside.top{background: url('../images/aside_bg.jpg') 50% 0 repeat-x #2c2836;position: relative; z-index:10;}
aside.top .glow{background: url('../images/aside_glow.png') center 0px no-repeat;height:710px;padding: 41px 0 0;}

.bg{width:100%;top:0;left:0;background: url('../images/aside_bg.jpg') 50% 0 no-repeat #2c2836;position: absolute;height:263px;z-index:6;}
.bg .inner{background: url('../images/aside_glow.png') center 0px no-repeat;height:263px;}

/*================================>> aside bottom<<=====================================*/
aside.bottom{background: url('../images/aside_bottom.jpg') center 0 no-repeat;background-color:#29262d !important;padding: 95px 0 37px;line-height:22px;position: relative;}
aside.bottom h2{padding-bottom:0;margin-bottom:27px;border:none;}
aside.bottom strong{color:#fff;}

.social{padding: 6px 0 0;}
.social dd>span{display:block;float: left;width:30px;margin: -4px 14px 0 0;}
.social dd{overflow: hidden;padding-top:4px;margin-bottom:12px;}
.social a{color:#8d9094;display:block;overflow: hidden;}
.social a:hover{color:#fff;}

#newsletter{padding-top:4px;overflow: hidden;}
#newsletter input{background:#201d23;float: left;font-family:Arial, Helvetica, sans-serif;font-size: 11px;text-transform:uppercase;color: #fff;margin:0; outline:none;border:1px solid #504f4f;border-right:none;padding: 11px 14px 12px;width:115px;}
#newsletter a{display:block;width:75px;float: left;padding: 9px 0 8px;text-transform:uppercase;font-size:11px;color:#000;text-align:center;background: url('../images/newsletter_a.jpg') center -50px no-repeat #f7b82f;}
#newsletter a:hover{background-position:0 0;color:#fff;}
/*********************************content*************************************/
#content {padding:61px 0px 0px 0px; background:#e6e6e6;position: relative; z-index:1;}
.cont_pad{padding:170px 0 0 0 !important;}

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

p {margin-bottom:24px}
.p2{ margin-bottom:12px;}

/*================================>> H <<========================================*/
h2,h3,h4{ font-weight:normal;}
h2{font-size: 25px; line-height: 29px; color:#fff;border-bottom:1px solid #504660;padding-bottom:23px;padding-top:9px;margin-bottom:30px;}

h3{font-size: 25px; line-height: 30px; color:#000;}
h3.ind1{ margin-bottom:35px;}
h3.ind2{ margin-bottom:27px;}
h3.ind3{ margin-bottom:34px;}
h3.ind4{ margin-bottom:29px;}
/*================================>> GOOGLE FONTS  <<========================================*/
#carousel .title, h2, h3, .membership{font-family: 'Oswald', sans-serif;text-transform:uppercase;}
/*================================>> hovers <<========================================*/
.img_wrap,.social a, footer a, .button{-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}

.img_wrap1 strong, .img_wrap strong, .membership a{
-webkit-transition: all 500ms cubic-bezier(0.600, 0, 0.735, 0.045); /* older webkit */
-webkit-transition: all 500ms cubic-bezier(0.600, -0.280, 0.735, 0.045); 
   -moz-transition: all 500ms cubic-bezier(0.600, -0.280, 0.735, 0.045); 
    -ms-transition: all 500ms cubic-bezier(0.600, -0.280, 0.735, 0.045); 
     -o-transition: all 500ms cubic-bezier(0.600, -0.280, 0.735, 0.045); 
        transition: all 500ms cubic-bezier(0.600, -0.280, 0.735, 0.045); /* easeInBack */
}
/*********************************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;}

.img_wrap{padding:10px;display:inline-block;background:#fff;width:100%;position: relative;overflow:hidden;}
.img_wrap:hover{background:#f7b82f;}
.img_wrap, .img_wrap img{border-radius:280px;}
.img_wrap strong, .img_wrap1 strong{display:block;position: absolute;width:144px;height:144px;left:79px;top:76px;bottom:76px;right:76px;}
.img_wrap:hover strong, .img_wrap1:hover strong{top:-300px;}
.img_wrap strong img{width:100%;}

.car_box{background:#282330;padding: 30px 0 0;}

.img_wrap1{position: relative; display:inline-block;overflow:hidden;}
.img_wrap1 strong{background: url('../images/loop2.png') no-repeat;left:75px;top:71px;}

.white_bg, .white_bg1{background:#fff;position: relative;padding:59px 0 1px;z-index:10;}

.black{color:#000;}

.testimonial{background: url('../images/testim_bg.jpg') center 0 no-repeat #282331;color:#fff;padding: 30px 15px 35px 24px;position: relative;margin-bottom:24px;}
.testimonial:after{display:block;background: url('../images/test_after.png') no-repeat;width:28px;height:32px;position: absolute;bottom:-32px;left:31px;content:"";}
.author{padding: 0 0 0 80px;line-height:17px;}
/*********************************page_2*************************************/
.service{background:#e5e5e5;padding: 15px 15px 13px;}
.service a{margin-bottom:10px;display:block;}

.m_bot1{margin-bottom:20px;}
.m_bot2{margin-bottom:26px;}
.m_bot3{margin-bottom:31px;}
/*********************************page_3*************************************/
.project{width:194px;float: left;margin-left:19px;}
.project strong{display:block;}
.project a:first-child{display:block;margin-bottom:9px;}
.product_link{display:inline-block;background: url('../images/link_marker.png') right 8px no-repeat;padding-right:23px;}
.projects .project:first-child{margin-left:0;}
.project_box{padding-bottom:53px;margin-bottom:56px;border-bottom:1px solid #e5e5e5;}

.news{border-bottom:1px solid #e5e5e5;padding-bottom:46px;margin-bottom:55px;}
.news>li{border-bottom:1px solid #e5e5e5;padding-bottom:16px;margin-bottom:22px;}
.news>li>div{}
.news>li>figure{margin: 8px 15px 0 0;padding-top:4px;background: url('../images/num_bg.png') no-repeat;width:51px;height:67px;text-align:center;font-size: 36px; line-height: 43px; color: #fff;font-weight:bold;}

.photos>li{margin-bottom:27px;}
.photos>li>div{position: relative;}
.photos>li>figure{margin: 2px 19px 0 0;}
.photos .date{font-size: 11px; line-height: 14px; color: #000;margin-bottom:4px;}
.comment{display:block;padding: 0 0 0 21px;background: url('../images/comment.png')  0 3px no-repeat;position: absolute;right:0;top:0;font-size: 12px; line-height: 15px; color: #1c2129;}

#flash1{width:100%;height:265px;}
/*********************************page_4*************************************/
ul.membership{}
ul.membership>li{margin-bottom:6px;}
ul.membership a{display:block;background:#e5e5e5;font-size: 19px; line-height: 24px; color: #2b2734;padding: 14px 0 16px 20px ;}
ul.membership a:hover{background:#27222f;color:#fff;}

.clients{}
.client img{display:block;width:100%;margin-bottom:14px;}
.client{float: left;width:192px;margin-left:21px;}
.clients .client:first-child{margin-left:0;}

.link1{color:#000;text-decoration:underline;}


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


/* Contact form */
#contact-form {padding:1px 0 0 0;}
#contact-form .success {width:246px; margin-bottom:20px; padding:10px; position:absolute;}
#contact-form textarea, #contact-form input {margin:0;font-size:14px; border:1px solid #e7e7e7; color:#8d9094; padding:9px 13px;outline:none; position:relative; font-family:Arial, Helvetica, sans-serif;background:#fff;}
#contact-form input {width:319px;float: left;}
#contact-form textarea {overflow:auto; width:592px; height:246px;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:20px;}	
#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:inline-block;margin-bottom:21px;width:100%;}
#map_canvas {
   width:100%;
   height:328px;
}
.adress{padding-bottom:10px;}
.adress span{ display:inline-block; width:85px;}
.adress dt{font-size:14px;}

/****************************footer************************/
footer {padding:25px 0 26px;font-size:13px;color:#fff;text-transform:uppercase;}
footer a{color:#fff;}
footer a:hover{color:#f9c638;}


/*==================================RESPONSIVE LAYOUTS===============================================*/
@media only screen and (max-width: 995px) {
.main-menu{margin-right:10px;}
	header h1{margin-left:10px;}
 body{min-width:768px;}
 .main{width:768px;}
 .author{padding: 10px 0 0 10px;}
 .testimonial{padding:14px 15px;}
.white_bg:after, .white_bg1:after{height:40px;bottom:-40px;}
aside.bottom{padding-top:65px;background: url('../images/aside_bottom1.jpg') center 0 no-repeat;}
#newsletter input{border-right:1px solid #504f4f;margin-bottom:10px;}
.project{width:145px;}
.client{margin-left:10px;width:152px;}
#contact-form textarea, #contact-form input{width:463px;float: none;}
#contact-form .error, #contact-form .empty{float: none;}
#toTop {display:none !important;}

.comment{display:none;}
}

@media only screen and (max-width: 767px) {
 body{min-width:420px;}
 .main{width:420px;}
 .cont_pad{padding-top:80px !important;}
 .white_bg{padding-top:30px;}
 .box1{padding:0 10px;}
 .box1 img{width:100%;}
 aside.bottom{padding-top:50px;background: url('../images/aside_bottom2.jpg') center 0 no-repeat;}
 #newsletter input{width:300px;}
 .project{width: auto;float: none;margin:0 5px 20px 5px !important;}
 .photos>li>div{overflow:visible;}
.project_box, .news{margin-bottom:40px;padding-bottom:10px;}
.photos .comment{display:none;}
.clients .client:first-child, .client{float: none;width:auto;margin:0 0px 20px;}
.clients.m_bot3{margin-bottom:0;}
#contact-form textarea, #contact-form input{width:371px;float: none;}
#carousel .es-nav-prev, #carousel .es-nav-next{display:none !important;}
}

@media only screen and (max-width: 479px) {
 body{min-width:300px;}
 aside.bottom{background: url('../images/aside_bottom3.jpg') center 0 no-repeat;}
 .main{width:300px;}
 #contact-form textarea, #contact-form input{width:252px;}
 #newsletter input{width:270px;}
 .photos > li > figure{width:100%;margin-bottom:10px;}
}









/* Flexible Slide-to-top Accordion Style*/
.st-accordion{
    width:100%;
    min-width:270px;
    margin: 0 auto;
}
.st-accordion ul li{
    height: 50px;
    border-bottom: 1px solid #c7deef;
    border-top:1px solid #fff;
    overflow: hidden;
}

.st-accordion ul li h3{
	line-height:50px;
}

.st-accordion ul li:first-child{
    border-top:none;
}
.st-accordion ul li > a{
    font-family: 'Josefin Slab',Georgia, serif;
    text-shadow: 1px 1px 1px #fff;
    font-size: 46px;
    display: block;
	position: relative;
    line-height: 100px;
	outline:none;
    -webkit-transition:  color 0.2s ease-in-out;
	-moz-transition:  color 0.2s ease-in-out;
	-o-transition:  color 0.2s ease-in-out;
	-ms-transition:  color 0.2s ease-in-out;
	transition:  color 0.2s ease-in-out;
}
.st-accordion ul li > a span{
	background: transparent url(../images/down.png) no-repeat center center;
	text-indent:-9000px;
	width: 26px;
	height: 14px;
	position: absolute;
	top: 50%;
	right: -26px;
	margin-top: -7px;
	opacity:0;
	-webkit-transition:  all 0.2s ease-in-out;
	-moz-transition:  all 0.2s ease-in-out;
	-o-transition:  all 0.2s ease-in-out;
	-ms-transition:  all 0.2s ease-in-out;
	transition:  all 0.2s ease-in-out;
}
.st-accordion ul li > a:hover{
    color: #1693eb;
}
.st-accordion ul li > a:hover span{
	opacity:1;
	right: 10px;
}
.st-accordion ul li.st-open > a{
    color: #1693eb;
}
.st-accordion ul li.st-open > a span{
	-webkit-transform:rotate(180deg);
	-moz-transform:rotate(180deg);
    transform:rotate(180deg);
	right:10px;
	opacity:1;
}
.st-content{
    padding: 5px 0px 30px 0px;
}
.st-content p{
    font-size:  16px;
    font-family:  Georgia, serif;
    font-style: italic;
    line-height:  28px;
    padding: 0px 4px 15px 4px; 
}
.st-content img{
    width:125px;
    border-right:1px solid #fff;
    border-bottom:1px solid #fff;
}
@media screen and (max-width: 320px){
	.st-accordion ul li > a{
		font-size:36px;
	}
}

#ads h3{
	font-size:15px;
	color:#333;
	text-decoration:underline;
}

#ads p{
	color:#666;
}