@import "../css/reset.css";@import "../css/skeleton_12.css";@import "../css/flexslider.css";@import "../css/superfish.css";@import "../css/touchTouch.css";@import url(http://fonts.googleapis.com/css?family=Cambria:400,700);
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, Arial, Helvetica, sans-serif; font-size:12px; line-height:20px; color:#878181; min-width:320px; background:url(../images/body_bg.jpg) 50% 0 repeat #2a2827;-webkit-text-size-adjust: none;min-width:960px;}

img{max-width:100%; height:auto;}
/*********************************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_none{border:none !important;}
/*==================================== Links ======================================================== */
a {color:#878181;outline:none; text-decoration:none; cursor:pointer;}
a:hover{ color:#e87e50; text-decoration:none;}

.button1{ display:inline-block; padding:12px 17px 10px; margin: 16px 0 0 0; font-size: 11px; line-height: 14px; color:#fff; background:#181716;text-transform:uppercase;font-weight:bold;border-radius:3px;}
.button1:hover{background:#e87e50;color:#fff;box-shadow: 0 1px 5px #111010;}

/*********************************Displays*************************************/
.block{ display:block;}
.inline-block{ display:inline-block;}
/*================================>> Global Block2 <<========================================*/
.block1{background: url('../images/block1.jpg') 50% 0 repeat;border-top:5px solid #000;position:relative;z-index:10;}
.block2{overflow:hidden;background: url('../images/block2_1.jpg') repeat;position:relative;z-index:1;}
.block2 .bg{background: url('../images/block2.jpg') repeat-x;}
.block2:after{width:100%;position:absolute;bottom:0;left:0;height:8px;background: url('../images/shadow.png') repeat-x;content:"";}

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

header {padding: 42px 0 0;overflow:hidden;}
header h1{background: url('../images/h1_bg.png') 241px 0 no-repeat;overflow: hidden;height:60px;padding: 9px 0 0;margin-left:-2px;float:left;}
header h1 a {display:block;width:355px;height:63px; float: left; background:url(../images/nsalogo.png) 0 0 no-repeat; text-decoration:none; text-indent:-9999px;}
header h1 .slogan{display: block; float: left;padding: 10px 0 0 67px;font-size: 14px; line-height: 18px; color: #fff;text-shadow: 0 1px 2px #000;}

#search{overflow:hidden;float:right;background: url('../images/search.png') 50% 0 repeat;width:221px;box-shadow: inset 0 1px 3px #111013; border-radius:2px;border-bottom:1px solid #3a3837;}
#search a{display:block;width:40px;height:40px;background: url('../images/search_but.png') 0 0px no-repeat;float:left;}
#search a:hover{background-position:0 -41px;}
#search input{float:left;border:none;margin:0;background:none;padding: 13px 0px 12px 10px; width:171px;height:15px; font-size: 12px; color: #fff; font-family:Arial, Arial, Helvetica, sans-serif;}

/*================================>> Twitter <<========================================*/
#twitter{width:280px;height:70px;float:right;padding: 12px 0 0;}
.jta-tweet-list-item{overflow:hidden;color:#fff;font-style:italic;font-size:14px;line-height:18px;background: url('../images/twitter.png') 11px 16px no-repeat;padding: 0 0 0 45px;}
.jta-tweet-list-item a{font-size: 12px; line-height: 18px;color:#d7b659;text-shadow: 0 1px 2px #171616;}
.jta-tweet-list-item a:hover{color:#fff;}
.jta-tweet-profile-image{float:left;padding-top:5px;margin: 0 15px 0 0;}
.jta-tweet-body-list-profile-image-present{overflow:hidden;}
.jta-clear{display:none;}
.jta-tweet-timestamp-link{display:inline-block;}
.jta-tweet-profile-image-link{display:none;}
.jta-tweet-actions{display:none;}
.jta-tweet-link{font-size:14px !important;}
/*********************************content*************************************/
#content {padding:53px 0px 64px 0px;}
.cont_pad{padding:20px 0 64px 0 !important;}

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

p {margin-bottom:20px}
.p2{ margin-bottom:49px;}

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

/*================================>> H <<========================================*/
h2{font-size: 30px; line-height: 36px; color:#fff;margin-bottom:15px;}

h3{font-size: 24px; line-height: 29px; color:#fff;margin-bottom:6px;}
h3.ind{ margin-bottom:25px;}
h3.ind1{ margin-bottom:16px;}
h3.ind2{ margin-bottom:24px;}
h3.ind3{ margin-bottom:20px;}
h3.ind4{ margin-bottom:15px;}

/*================================>> GOOGLE FONTS  <<========================================*/
/*h2,h3,.gent,h1 .slogan, .offer .title, .member_list{font-family: 'Gentium Basic', serif;text-transform:uppercase;}*/
h2,h3,.gent,h1 .slogan, .offer .title, .member_list{font-weight: normal;font-family: 'Cambria', serif;}



/*================================>> hovers <<========================================*/
.member_list a, .sf-menu>li, .button1, .link1, .sf-menu li 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;}

.link1{color:#e87e50;text-decoration:underline;}
.link1:hover{text-decoration:none;color:#24c6d1;}

.offer{font-size: 12px; line-height: 18px; color: #fff;border-radius:3px;}
.offer .title{font-size: 18px; line-height: 22px; color: #fff; margin-bottom:6px;text-shadow: 1px 2px 2px rgba(0,0,0,1);}
.offer .title span{font-size: 30px; line-height: 36px;display:block;margin-top:-8px;font-weight:bold;}
.offer .text{padding: 24px 30px 40px 29px;border-radius: 0 0 3px 3px;}
.offer>a{display:inline-block;position:relative;border-bottom:4px solid transparent;}
.offer .button1{margin-top:27px;}
.offer .button1:hover{color:#fff;}

.offer1{background: url('../images/offer_bg1.jpg') 50% bottom repeat-x #eb8957;}
.offer1 .title{text-shadow: 0 1px 2px #de774b;}
.offer .button1:hover{background:#4f372e;}
.offer1 .button1{background:#b35939;box-shadow:inset 0 1px 3px #a85335;border-bottom:1px solid #f2aa6d;}
.offer2{background: url('../images/offer_bg2.jpg') 50% bottom repeat-x #eac442;}
.offer2 .title{text-shadow: 0 1px 2px #e8c151;}
.offer2 .button1:hover{background:#785c12;}
.offer2 .button1{background:#c8981d;box-shadow:inset 0 1px 3px #bb8e1b;border-bottom:1px solid #f1d945;}
.offer3{background: url('../images/offer_bg3.jpg') 50% bottom repeat-x #25c9d3;}
.offer3 .title{text-shadow: 0 1px 2px #16a0ab;}
.offer3 .button1{background:#1294a0;box-shadow:inset 0 1px 3px #12919d;border-bottom:1px solid #2bd9df;}
.offer3 .button1:hover{background:#0d5055;}

.offer1>a{border-bottom-color:#e08052;}
.offer2>a{border-bottom-color:#e0b041;}
.offer3>a{border-bottom-color:#42b4b5;}


.m_bot1{margin-bottom:44px;}
.m_bot2{margin-bottom:60px;}

.p_top1{padding-top:6px;}

.news{}
.news>li{padding-bottom:28px;margin-bottom:24px; overflow:hidden; background: url('../images/news_li.png') 0 bottom repeat-x;}
.news>li>div{float:left;width:200px;margin: 0 40px 0 0;}
.news>li>figure{overflow:hidden;padding-top:6px;}
.news .date{color:#fff;font-size:11px;margin-bottom:9px;}

/*********************************page_2*************************************/
.white{color:#fff;}

.principles>li{border-bottom:1px solid #262423;padding-bottom:11px;margin-bottom:22px;}
.principles>li>figure{font-size: 37px;margin:4px 17px 0 0;line-height: 44px; color: #fff;font-weight:bold;text-align:center;width:51px;height:68px;padding-top:4px;background: url('../images/principles.png') no-repeat;}
.principles a{color:#fff;}
.principles a:hover{color:#e87e50;}

.testimonials{border-radius:11px;background: url('../images/testomonials.jpg') repeat-x #303030;padding: 23px 20px 23px 31px;margin: 0 0 21px 1px;position:relative;box-shadow: 0 1px 0 1px #353432;}
.testimonials:before, .testimonials:after{position:absolute;display:block;content:"";}
.testimonials:before{width:41px;height:38px;background: url('../images/quotes.png') no-repeat;top:9px;left:21px;}
.testimonials:after{width:36px;height:21px;background: url('../images/testim_after.png') no-repeat;bottom:-21px;left:65px;}
.author{text-align:right;color:#e87e50;margin:-3px 0 26px 0;}

.team{background:#353535;width:166px;float:left;margin-left:31px;padding: 10px}
.team_row{margin-bottom:30px;}
.team_row .team:first-child{margin-left:0;}
.team img{margin-bottom:10px;}

.link2{color:#fff;}
.linl2:hover{color:#e0b041;}
/*********************************page_3*************************************/
.service{background:#353535;padding: 19px 20px 21px;}
.service_row .grid_4{margin-bottom:20px !important;}
.service .touch{margin-bottom:14px;display:block;}
/*********************************page_4*************************************/
.member_list{}
.member_list>li{margin-bottom:6px;}
.member_list>li>a{display:block;padding: 13px 20px 12px;background:#353535; font-size: 18px; line-height: 22px; color: #fff;font-weight:bold;}
.member_list>li>a:hover{background:#e87e50;}

.client{float:left;margin-left:31px;width:186px;margin-bottom:31px;}
.client_row .first{margin-left:0 !important;}
.client img{margin-bottom:18px;}
/*********************************page_5*************************************/


/* Contact form */
#contact-form {padding:0px 0 0 0;margin-top:-1px;}
#contact-form .success {width:246px; margin-bottom:20px; padding:10px; position:absolute;}
#contact-form textarea, #contact-form input {margin:0;font-size:13px; border:1px solid #272625; color:#878181; padding:10px 13px;outline:none; position:relative; font-family:Arial, Helvetica, sans-serif;background:#353535;}
#contact-form input {width:317px;float:left;}
#contact-form textarea {overflow:auto; width:593px; height:208px;resize:none; float:left; margin: 0 0 0 0;}	
#contact-form label {display:block; min-height:45px; 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;float:left;padding-top:8px;}
#contact-form .buttons2 {text-align:right; position:relative; clear:both; padding-top:30px;}
#contact-form .buttons2 a {
	cursor:pointer;
	margin-top:0;
	margin-left:15px;
	text-align:center;
}
#contact-form span{ display:block; margin: 0px 0 0 5px;}

.map_wrapper{overflow:hidden;padding-top:1px;display:inline-block;margin-bottom:24px;}
#map_canvas {
   width:297px;
   height:309px;
}
.adress{}
.adress span{ display:inline-block; width:74px;}
.adress dt{}

.demo{}
.demo:hover{ text-decoration:underline;}
/****************************footer************************/
footer {padding:28px 0 26px;text-align:center;}
footer, footer a{color:#fff;text-shadow: 0 1px 2px #242323;}


/*==================================RESPONSIVE LAYOUTS===============================================*/ 
@media only screen and (max-width: 995px) {
	.offer>a img{width:236px;}
	.offer .title span{font-size:23px;}
	.team{width:140px;margin-left:5px;}
	.client{margin-left:5px;width:160px;margin-bottom:15px;}
	#contact-form textarea{width:462px;}
	#contact-form input{width:260px;}
	#map_canvas {
   width:236px;
   height:256px;
}
.news>li>div{width:135px;}
	body{min-width:768px;}
	#toTop{display:none !important;}
	
.service_row .last-col{margin-bottom:0 !important;}
}

@media only screen and (max-width: 767px) {
	
	#search,h1,#twitter{float:none !important;}
	#search{width:330px;}
	#search input{width:280px;}
	.offer a img{width:420px;}
	.news>li>div{width:300px;}
	.team{width:116px; margin-left:5px;}
	.team_row{margin-bottom:10px;}
	.client{margin-left:5px;width:136px;}
	#contact-form input, #contact-form textarea{width:392px;}
	#map_canvas {
   width:420px;
   height:300px;
}
#contact-form .error, #contact-form .empty{padding-top:0;}
#content{padding-top:20px;}
body{min-width:420px;}
.offer .text{padding:10px 25px 15px;}
.offer .button1{margin-top:10px;}
.service_row .grid_4{width:200px;margin: 0 10px 10px 0 !important;}
#content{padding-bottom:20px;}
.cont_pad{padding-bottom:30px !important;}
}

@media only screen and (max-width: 479px) {
	.team{width:300px;margin: 0 0px 15px 0;}
	.team img{width:280px;}
	.offer>a>img{width:300px;}
	.news>li>div{width:200px;}
	.client,.client img{width:300px;}
	.service{width:300px;float:none;clear:both;}
	#contact-form input, #contact-form textarea{width:273px;}
	
	#map_canvas {
   width:300px;
   height:300px;
}
#contact-form .error, #contact-form .empty{padding-top:0;}
body{min-width:300px;}
.service_row .grid_4{width:300px;}
h2{font-size:24px;}
.p2{margin-bottom:25px;}
#search{width:220px;}
	#search input{width:170px;}
header h1{height:auto;background:none;}
header h1 a{width:206px;float:none;}
header h1 .slogan{padding-left:3px;float:none;clear:both;}
}