@import "../css/reset.css";@import "../css/carousel.css";@import"flexslider.css";@import "../css/skeleton.css";@import "../css/superfish.css";@import "../css/ui.totop.css";@import url(http://fonts.googleapis.com/css?family=Oswald);@import url(http://fonts.googleapis.com/css?family=Ubuntu);

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 {background: url(../mainbg.gif) repeat 0 0;font:14px Arial, Helvetica, sans-serif;min-width:980px;color:#474747; -webkit-text-size-adjust: none;}
.subheaders {margin-top:10px; border-top:1px #636869 solid;}
.subheaders div{padding:15px; color: #8D8D8D; font-size:9pt; height:10px; display:inline;}
.subheaders a{margin-top:0px !important; padding: 15px 30px 5px 0px !important;}

.selectedsubheader {font-weight:bold;}
.bullet{width:9px;height:13px; background:url(bullet.png);}
/*********************************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}
img{width:100%;}

/*********************************CLASSES**********************************/
.logo {max-width:502px !important; margin-left:auto; margin-right:auto; margin-top:7px;}
.logocell {width:100%;margin-left:auto; margin-right:auto;}
.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:#474747;outline:none; text-decoration:none; cursor:pointer;}
a:hover{ color:#343434; text-decoration:none;}

.button {display:inline-block;text-transform:uppercase;color:#fff;font-size:14px;line-height:20px;padding:7px 22px 8px;background:#222222;margin-top:37px;position: relative;overflow:hidden;}
.button strong{display:block;position: absolute;left:0;top:0;right:0;bottom:0;z-index:1;background:#636869;}
.button span{position: relative; z-index:2;}
.button:hover {text-decoration:none;text-shadow:none;color:#fff;}
.button:hover strong{left:50%;top:50%;right:50%;bottom:50%;}
.slideshow {height:625px !important;}

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

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

header {border-top:6px solid #424242;;height:175px;padding: 0px 0 0;}
header h1{width:245px;height:245px;position: absolute;top:54px;left:33px;z-index:10;}
header h1 a {display:block;height:100%;}
header h1 img{width:100%;}

#search {float:right;position:relative;margin-top:85px;padding-right:1px;}

#search input {width: 224px;border:0;border-top:1px solid #c0c0c0;border-left:1px solid #c0c0c0;outline:none;background:#f3f3f3;color:#9f9f9f;line-height:15px;height:15px;font-family:Arial, Helvetica, sans-serif;font-size:12px;	padding: 9px 0 9px 6px;}

#search a {width:18px;height:14px;background:url(../images/search-marker.png) no-repeat 0 0;position:absolute;right: 15px;top: 10px;cursor:pointer;}

#search a:hover {background-position:0 -85px;}

/*********************************content*************************************/
#content {padding:5px 0px 30px 0px;}
.cont_pad{padding:10px 0 10px 0 !important;}

/*================================>> Aside <<========================================*/
.list_box{padding-top:10px;position: relative;}
.list_box .social{font-size:13px;padding-top:2px;}
.list_box .social dd{overflow:hidden;margin-bottom:2px;}
.list_box .social dd span{display:block;margin: 3px 18px 0 1px;width:22px;height:22px;overflow: hidden;float: left;}

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

p {margin-bottom:21px}
.p2{ margin-bottom:19px;}
.p3{ margin-bottom:28px;}
.p4{ margin-bottom:31px;}
.p5{ margin-bottom:16px;}

/*================================>> LISTS <<========================================*/
.list1{}
.list1 li{ background:url(bullet.png) 0 1px no-repeat; padding-left:18px;padding-bottom:13px;line-height:17px; width:10px,}
.list1 a{color:#5a5a5a;font-size:13px;}
.list1 a:hover{color:#343434;}

.list2{}
.list2 li{ line-height:16px;background:url(../images/marker2.png) 0 5px no-repeat; padding-left:12px;margin-bottom:10px;}
.list2 a{color:#5a5a5a;	font-size:13px;}
.list2 a:hover{color:#343434;}

/*================================>> H <<========================================*/
h2,h3,h4,h5{ color: #474747;font-weight:normal;font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;}
h2{ color: #474747;line-height: 36px;font-size:18px;margin-bottom: 26px;text-transform: uppercase;}

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

h3{color: #4A4A4A;font-size: 18px;line-height: 24px;margin-bottom: 15px;text-transform: uppercase;}
h3.ind1{ margin-bottom:px;}
h3.ind2{ margin-bottom:px;}
h3.ind3{ margin-bottom:px;}

h4{font-size: 28px;line-height: 34px;margin-bottom: 15px;text-transform: uppercase;}
h4.ind1{ margin-bottom:17px;}
h4.ind2{ margin-bottom:31px;}
h4.ind3{ margin-bottom:37px;}
h4.ind4{margin-bottom:26px;}
h4.ind5{margin-bottom:33px;}

h5{color: #222222;font-size: 14px;line-height: 24px;margin-bottom: 17px;text-transform: uppercase;letter-spacing:0;}

/*================================>> GOOGLE FONTS  <<========================================*/
.sf-menu>li>a,.button, #menu-icon{font-family: Lucida Sans Unicode, Lucida Grande, sans-serif; margin-top:5px;}

/*================================>> hovers <<========================================*/
.sf-menu a, .button-banner{-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}

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

.black{color:#010101;}

.box1{border-bottom: 1px solid #969696;padding-bottom: 73px;}

.m_bot1{margin-bottom:53px;}
.m_bot2{margin-bottom:85px;}
.m_bot3{margin-bottom:29px;}
.m_bot4{margin-bottom:22px;}

.project{background: url("../images/project.png") repeat scroll 0 0 transparent;border: 1px solid #FFFFFF;overflow: hidden;padding: 10px 10px 12px;text-align: center;}
.project span{color: #B22525;display: block;font-size: 14px;line-height: 17px;margin-bottom: 1px;}
.project .img_wrap{color: #5A5A5A;display: inline-block;font-size: 13px;line-height: 16px;text-transform: uppercase;box-shadow: 2px 2px 2px #DAD7DB;margin-bottom:11px;}
.project a{font-size:13px;}

.img_wrap1{border:1px solid #fff;display:inline-block;}

.strong{font-size:12px;color:#000;display:block;line-height:15px;margin-bottom:2px;}

.lh_24{line-height:24px;}

.profile{margin-bottom:16px;}

.testimonial{border:1px solid #fff;border-radius:6px;background:url(../images/testimonial-bg.png) repeat 0 0;padding:10px 20px 20px 20px;color:#838282;font-size:16px;line-height:21px;position:relative;margin-bottom:26px;}
.testimonial span {position:absolute;width:16px;height:17px;background:url(../images/test_span.gif) no-repeat 0 0;bottom:-17px;left:42px;
}
.link1{display:inline-block;color:#343434;margin-bottom:3px;font-size:16px;font-style:italic;
}
.link1:hover {
	color:#000;
}
.font1{font-style:italic;line-height:17px;}
/*********************************page_2*************************************/
.design{padding-bottom:35px;}

.mission{margin-bottom:85px;}
.mission>figure{margin: 0 18px 0 0;}
.mission .testimonial{padding-bottom:31px;}

.awards{margin-bottom:78px;}

.link2{color:#000;font-size:12px;color:#010101;font-weight:bold;}

.publications>li{margin-bottom:20px;}
.publications .tags strong{display:inline;line-height:22px;}
.publications .tags a{text-decoration:underline;}
.publications>li>figure{margin: 0 0 0 0;}
/*********************************page_3*************************************/
.service_list{margin-bottom:69px;}

/*********************************page_4*************************************/
.project1{padding:10px 9px 14px 10px;}
.project1 span{margin-bottom:2px;}
.project1 img, .img_wrap{width:100%;}
.project_row{margin-bottom:20px;}

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


/* Contact form */
#contact-form {padding:2px 0 0 0;}
#contact-form .success {width:246px;margin-bottom:10px;}
#contact-form textarea, #contact-form input {outline: none;border:1px solid #dadada;
	color: #5a5a5a;font-family:Arial, Helvetica, sans-serif;font-size: 14px;margin: 0;line-height:16px;height:16px;background:none;padding:12px 13px;width: 304px;display:inline-block;}
#contact-form input {width:512px;}
#contact-form textarea {overflow:auto; width:512px; height:181px;resize:none; margin: 0 0 0 0;}	
#contact-form label {display:block; min-height:62px; overflow:hidden;}	
#contact-form label.message { display:block; padding-bottom:0; }
#contact-form .button {margin-left:23px;}	
#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; clear:both;}
#contact-form .buttons2 {overflow:hidden;text-align:right; position:relative; clear:both; padding-top:40px;}
#contact-form .buttons2 a {
	cursor:pointer;
	margin-top:0;
	text-align:center;
}
#contact-form span{ display:block;}

.map_wrapper{width:92%;overflow:hidden;display:block !important;margin-bottom:19px;}
#map_canvas {
   width:100%;
   height:333px;
}
.adress{}
.adress span{ display:inline-block; width:98px;}
.adress dt{}

.demo{}
.demo:hover{ text-decoration:underline;}

/****************************footer************************/
footer {padding:10px 0 46px; overflow:hidden;font-size: 12px;line-height: 15px;overflow: hidden;font-family: 'Ubuntu', sans-serif;}
footer span{color: #3A3A3A;display: inline-block;font-family: Lucida Sans Unicode, Lucida Grande, sans-serif; font-size: 28px;letter-spacing: -1px;line-height: 34px;margin-left: -2px;margin-right: 6px;text-transform: uppercase;}
footer strong {display: inline-block;font-weight: normal;padding-top: 10px;font-weight:normal;text-transform:uppercase;}
footer a{color:#8d8d8d;}
footer a:hover{color:#000;}
/*==================================RESPONSIVE LAYOUTS===============================================*/
@media only screen and (max-width: 995px) {
 body{min-width:768px;}
 .box1{padding-bottom:27px;}
 .mission, .awards{margin-bottom:30px;}
 .mission>figure{width: 280px;margin-right:10px;}
 .mission img, .mission .img_wrap1{width:100%;}
 #contact-form textarea, #contact-form input{width:93%;}
}

@media only screen and (max-width: 767px) {
 body{min-width:420px;}
 .mission>figure{float: none;margin:0 0 20px;width:100%;}
 header h1{width:145px;height:145px;left:15px;top:10px;}
 #search{margin-top:40px;}
 header{height:170px;}
 .img_wrap1{width:100%;}
 .m_bot1, .m_bot2{margin-bottom:40px;}
 .profile{margin-bottom:0;}
 .s_m_bot3{margin-bottom:30px;}
 .list_box .grid_2{width:140px;}
 #content{padding: 5px 0;}
 .map_wrapper{width:99%;}
}

@media only screen and (max-width: 479px) {
 body{min-width:300px;}
 header h1{width:105px;height:105px;left:15px;top:10px;}
 #search{margin-top:20px;}
 header{height:130px;}
 h2{font-size: 25px; line-height: 29px;}
 h4{font-size: 22px; line-height: 26px;}
 #search input{width:150px;}
 .button{margin-top:20px;}
 #contact-form textarea, #contact-form input{width:90%;}
}