/* CSS Document */

a[href^="tel:"] {

  color: inherit;

  text-decoration: none;

}

.img-indent {

  margin: 0;

}

.img-indent1 {

  margin: 6px 0 15px;

}

.wrapper {

  width: 100%;

  overflow: hidden;

}

.center {

  text-align: center;

}

.clear {

  clear: both;

  line-height: 0;

  font-size: 0;

  overflow: hidden;

  height: 0;

  width: 100%;

}

.text-right {

  text-align: right;

}

.spinner {

  position: fixed;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  z-index: 9999;

  background: url(../img/spinner.gif) 50% 50% no-repeat #000000;

}

body,

html {

  height: 100%;

}

/*------ header ------- */

.main-block {

  min-height: 500px;

  height: 100%;

  position: relative;

}

.main-block > div {

  padding-bottom: 100px;

}

body,

html {

  height: 100%;

}

.splash header {

  position: relative;

  margin: 0;

  top: 0;

  left: 0;

  background: white;

  background: linear-gradient(to right, rgba(200,200,200,0.5), rgba(200,200,200,0.1));

  /* width: 891px;  */

  height: 236px;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  /* padding-left: 390px;  */

  padding-top: 50px;

  padding: 47px 0 50px 50px;

  /* border: solid 1px red;*/

}

.splash .navbar_ .brand {

  padding-right: 41px;

  border-right: 1px solid #2d2d2d;

  margin-right: 37px;

  margin-top: 4px;

  /* border: solid 1px yellow; */

}

.splash .nav-collapse_ .nav > li {

  float: none;

  padding-left: 0;

  padding-bottom: 7px;

  margin-top: 10px;

  /* border: solid 1px blue;  */

}

.splash .nav-collapse_ .nav > li > a {

  font-size: 25px;

  font-weight:500;

  line-height: 30px;

  color: #666;  /* menu botton a href color */

  text-shadow: 2px 1px 0px rgba(255,255,255,0.7);

}

.splash .nav-collapse_ .nav > li.sfHover > a,

.splash .nav-collapse_ .nav > li.sfHover > a:hover,

.splash .nav-collapse_ .nav > li > a:hover,

.splash .nav-collapse_ .nav > li.active > a,

.splash .nav-collapse_ .nav > li.active > a:hover {

  background: none;

  color: #999; /* menu buttons hover */

}

header {

  background: none;

  padding: 60px 0 25px;

}

/* navbar */

.navbar_ {

  margin: 0;

  padding: 0;

}

.navbar_ .navbar-inner_ {

  padding: 0;

  margin: 0;

  border: none;

  min-height: inherit;

}

/*nav*/

.navbar_ .nav {

  margin-top: 12px;

  margin-left: 0px;

  margin-right: 0px;

  marging-bottom: 0px;

}





.navbar_ .container {

  position: relative;

}

.splash .nav-collapse_ {

  padding: 0;

  float: left;

}

.nav-collapse_ {

  z-index: 10;

  float: right;

  padding: 33px 0 0 0;

}

.nav-collapse_ .nav li {

  margin: 0;

  padding: 0;

  position: relative;

  zoom: 1;

}

.nav-collapse_ .nav > li {

  -webkit-box-shadow: none;

  -moz-box-shadow: none;

  box-shadow: none;

  background: none;

  float: left;

  padding-left: 35px;

}

.nav-collapse_ .nav li a {

  font-family: 'Open Sans', sans-serif;

  text-shadow: none;

  text-decoration: none;

  -webkit-transition: all 0.2s ease-in-out;

  -moz-transition: all 0.2s ease-in-out;

  -o-transition: all 0.2s ease-in-out;

  transition: all 0.2s ease-in-out;

  -webkit-box-shadow: none;

  -moz-box-shadow: none;

  box-shadow: none;

  text-transform: uppercase;

}

.nav-collapse_ .nav > li > a {

  margin: 0;

  background: none;

  position: relative;

  z-index: 10;

  font-weight: 300;

  font-size: 25px;

  font-weight:500;

  line-height: 28px;

  color: #666;

  padding: 0;

}

.nav-collapse_ .nav > li > a .sf-sub-indicator {

  background: url(../img/indicator.png) no-repeat 0 0;

  width: 11px;

  height: 6px;

  position: relative;

  display: inline-block;

  margin: -5px 0 0 5px;

  z-index: 5;

}

.nav-collapse_ .nav > li.sfHover > a .sf-sub-indicator,

.nav-collapse_ .nav > li.active > a .sf-sub-indicator {

  background-position: 0 bottom;

}

.nav-collapse_ .nav > li.sfHover > a,

.nav-collapse_ .nav > li.sfHover > a:hover,

.nav-collapse_ .nav > li > a:hover,

.nav-collapse_ .nav > li.active > a,

.nav-collapse_ .nav > li.active > a:hover {

  background: none;

  color: #b00;

  font-weight:500;

}

.navbar_ .nav > .active > a,

.navbar_ .nav > .active > a:hover,

.navbar_ .nav > .active > a:focus {

  -webkit-box-shadow: none;

  -moz-box-shadow: none;

  box-shadow: none;

}

.sub-menu > a {

  position: relative;

}

.splash .nav-collapse_ .nav ul {

  left: 8px;

  top: 40px;

}



/* .splash .nav-collapse_ .nav ul {

  display: block !important;

}*/



.nav-collapse_ .nav ul {

  position: absolute;

  display: none;

  width: 150px;

  left: 7px;

  top: 36px;

  list-style: none;

  zoom: 1;

  z-index: 11;

  background: #343434;

  padding: 0px;

  margin: 0;

  border: solid 1px #666;

}

.nav-collapse_ .nav ul li a {

  display: block;

  color: #000000;

  padding: 7px 0 7px 28px;

  font-size: 13px;

  line-height: 16px;

  background: #d3d3d3;

  border-bottom: solid 1px #666;

}

.nav-collapse_ .nav > li > ul li > a:hover {

	background-color: #666;

	color: #fff;

	text-decoration: none;

}



.nav-collapse_ .nav ul ul {

  top: -22px;

}

.nav-collapse_ .nav ul ul,

.nav-collapse_ .nav ul ul a {

  background: #4d4d4d;

}

.nav-collapse_ .nav ul .sf-sub-indicator {

  display: none;

}

.navbar_ .brand {

  margin: 0;

  display: block;

  float: left;

  padding: 0;

}

.navbar_ .brand a {

  display: inline-block;

}

.navbar_ .brand a:hover {

  text-decoration: none;

}

/*------ h1, h2, h3, h4, h5, h6 ------- */

h1,

h2,

h3,

h4,

h5,

h6 {

  text-transform: uppercase;

  color: #222;

  font-family: 'Open Sans', sans-serif;

  line-height: 1em;

  letter-spacing: -1px;

  font-weight: 300;

  margin: 0;

}

header h1 {

  padding: 0;

}

h2 {

  color: #ffffff;

  font-size: 60px;

  line-height: 72px;

  padding-bottom: 19px;

}

h3 {

  font-size: 32px;

  padding: 62px 0 32px;

}

h4 {

  font-size: 22px;

  padding: 36px 0 34px;

  letter-spacing: 0;

}

p {

  padding-bottom: 20px;

  margin: 0;

}



.resume p,

.resume li {

	color: black;

	

}

.sideHdr{

	font-size: 15px;

	color:#111;

	font-weight: bold;

}

.link {

  color: #4e4e4e;

  text-decoration: underline;

}

.btn-link {

  font-size: 20px;

  line-height: 22px;

  text-transform: uppercase;

  font-weight: 300;

  font-family: 'Open Sans', sans-serif;

  padding: 0;

  text-shadow: none;

  margin-bottom: 8px;

}

.btn-link:hover {

  text-shadow: none;

}

/*--- header end ------*/

/*------ content ------- */

#content {

  position: relative;

  padding: 0 0 106px;

  background: url(../img/tail-content.png);

}

#content ul {

  list-style: outside none; 

}

.thumbnail-1 {

  border: none;

  -webkit-border-radius: 0;

  -moz-border-radius: 0;

  border-radius: 0;

  -webkit-box-shadow: none;

  -moz-box-shadow: none;

  box-shadow: none;

  padding: 0;

}

.left-0 {

  margin-left: 0 !important;

}

.overflow {

  overflow: hidden;

}

.indent-1 {

  padding-right: 0px;

}



/*----------- resume --------------*/

.resumeh1{

	font-size: 16px;

	font-weight: 900;

	text-transform: uppercase;

	color:#333;

	margin-top:60px;

	margin-bottom:-20px;

}

.resumeh2{

	font-size: 13px;

	font-weight:800;

	text-decoration: underline;

	color:#333;

	margin-top:30px;

	margin-bottom: -20px;

	padding-top:20px;

}

.resumeh3{

	font-size: 20px;

	font-weight: 700;

	color:#111;

	margin-top:20px;

	margin-bottom: -10px;

}





/*----------- list-thumbnails--------------*/

.list-thumbnails {

  margin-left: -30px;

}

.list-thumbnails li {

  margin-bottom: 30px;

}

.list-thumbnails .thumbnail-1 figure {

  margin: 2px 0 18px;

}

.list-thumbnails li img {

  width: 100%;

}

.box-txt {

  padding: 36px 32px;

}

.badge_ {

  font-size: 36px;

  line-height: 38px;

  width: 51px;

  text-align: center;

  background: url(../img/img-badge.png) no-repeat 0 0;

  float: left;

  margin: 6px 20px 0 0;

  text-shadow: none;

  color: #272727;

  padding: 6px 0 22px;

  border: none;

  -webkit-border-radius: 0;

  -moz-border-radius: 0;

  border-radius: 0;

  font-weight: bold;

  text-transform: uppercase;

}

/*------ list-advantages ------- */

.list-advantages {

  margin: 0;

}

.list-advantages li {

  border-top: 1px solid #242424;

  overflow: hidden;

  padding-top: 20px;

  margin-top: 11px;

}

.list-advantages li p {

  padding: 0;

}

.list-advantages li:first-child {

  border: none;

  margin: 0;

  padding: 0;

}

/*------ list-testimonials ------- */

.list-testimonials {

  margin: 5px 0 0 ;

}

.list-testimonials li {

  margin-top: 25px;

}

.list-testimonials li:first-child {

  margin: 0;

}

.list-testimonials .box-quote:after {

  background: url(../img/box-quote-angle.png) no-repeat scroll 0 0;

  bottom: -21px;

  content: "";

  display: block;

  width: 34px;

  height: 21px;

  left: 60px;

  position: absolute;

}

.list-testimonials .box-quote {

  background: #141414;

  color: #ccc;

  font-size: 12px;

  border: 1px solid #1f1f1f;

  -webkit-border-radius: 12px;

  -moz-border-radius: 12px;

  border-radius: 12px;

  padding: 30px 12px 32px 32px;

  position: relative;

  margin-bottom: 11px;

}

.list-testimonials .quote-1 {

  position: relative;

  border: none;

  margin: 0;

  padding: 0;

}

.list-testimonials .quote-1:before {

  background: url(../img/bg-quote.png) no-repeat scroll 0 0;

  content: "";

  width: 29px;

  height: 26px;

  left: -11px;

  position: absolute;

  top: -6px;

}

.txt-name {

  color: #000;

  font-size: 12px;

}

.txt-1 {

  color: #000;

  padding-bottom: 22px;

  line-height: 23px;

}

/*------ list-team ------- */

.list-team {

  margin: 5px 0 0 -32px;

}

.list-team li {

  float: left;

  margin: 0 0 30px 30px;

  width: 185px;

}

.list-team li .thumbnail-1 {

  background: #272727;

  padding: 15px 15px 13px;

}

.list-team li figure {

  margin: 0 0 12px 0;

}

.list-team li a {

  line-height: 24px;

}

.list-team li p {

  padding-bottom: 0;

  line-height: 24px;

}

/*------ list-advantages ------- */

.list-projects {

  margin-left: -30px;

  margin-top: 6px;

  overflow: hidden;

}

.list-projects figure {

  margin: 0 0 13px;

}

.list-projects li {

  padding: 15px 15px 11px;

  background: #272727;

  float: left;

  margin-bottom: 30px;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

}

.list-projects li a {

  line-height: 24px;

}

.list-projects li p {

  padding-bottom: 0;

  line-height: 24px;

}

/*------ list-posts ------- */

.list-posts {

  margin: 0;

}

.list-posts .badge_ {

  font-size: 18px;

  line-height: 18px;

  padding: 9px 0 22px;

  margin-top: 5px;

}

.list-posts .badge_ span {

  display: block;

  margin-top: -3px;

  text-transform: none;

}

.list-posts figure {

  float: left;

  margin: 6px 30px 0 0;

}

.list-posts > li {

  margin-top: 76px;

}

.list-posts > li:first-child {

  margin: 0;

  padding: 0;

  border: none;

}

.list-posts h4 {

  padding: 3px 0 12px;

}

.post-body {

  padding-top: 12px;

  overflow: hidden;

}

.post-body .btn-link {

  margin: 0;

}

.list-comment {

  margin: 0 ;

  overflow: hidden;

}

.list-comment li {

  float: right;

}

.list-comment li:first-child {

  float: left;

}

.list-comment li a {

  color: #ffffff;

}

/*------ list-membership ------- */

.list-membership {

  margin: 3px 0 0;

}

.list-membership li {

  margin-bottom: 8px;

}

.list-membership li a {

  background: #e3e3e3;

  font-size: 32px;

  line-height: 34px;

  font-family: Georgia, "Times New Roman", Times, serif;

  color: #4e4e4e;

  text-transform: uppercase;

  display: block;

  padding: 17px 0 11px 20px;

  font-weight: bold;

}

.list-membership li a:hover {

  background: #e35d5d;

  color: #ffffff;

  text-decoration: none;

  -webkit-transition: all 0.3s ease;

  -moz-transition: all 0.3s ease;

  -o-transition: all 0.3s ease;

  transition: all 0.3s ease;

}

/*------ list-clients ------- */

.list-clients {

  margin: 3px 0 0 -25px;

}

.list-clients li {

  width: 190px;

  float: left;

  margin: 0 0 32px 25px;

}

.list-clients figure {

  margin: 0 0 20px;

}

.list-clients p {

  padding-bottom: 0;

}

.company {

  font-weight: bold;

  color: #4e4e4e;

}



/*------ list-resume -----*/



#content ul.resumeList {

	list-style: disc outside none; 

}

	

/*------ list ------- */

.list {

  margin: 2px 0;

  overflow: hidden;

}

.list li {

  background: url(../img/marker-1.png) no-repeat 0 6px;

  padding-left: 15px;

  margin-bottom: 9px;

}

.list li a {

  color: #ffffff;

  text-decoration: underline;

}

.list li a:hover {

  text-decoration: none;

}

/***** map *****/

.map {

  margin: 3px 0 24px;

  line-height: 0;

}

.map iframe {

  border: none;

  width: 100%;

  height: 353px;

}

/***** map *****/

.map {

  margin: 5px 0 13px;

  line-height: 0;

}

.map iframe {

  border: none;

  width: 100%;

  height: 565px;

}

/*------ mail & address------- */

.address-1.extra {

  padding-bottom: 0;

}

.address-1 {

  padding: 0 0 18px;

}

.address-1 a {

  color: #ffffff;

}

.address-1 a:hover {

  text-decoration: underline;

}

.address-1 span {

  display: inline-block;

  width: 90px;

}

.address-1 strong {

  color: #ffffff;

  font-weight: normal;

  display: block;

}

.mail-1 {

  color: #525252;

}

.mail-1:hover {

  text-decoration: none;

}

.mar-bot {

  margin-bottom: 20px;

}

/***** contact form *****/

#contact-form {

  position: relative;

  vertical-align: top;

  z-index: 1;

  margin: -6px 0 20px;

}

.txt-form {

  padding-bottom: 3px;

  display: block;

}

.coll-1,

.coll-2,

.coll-3 {

  float: left;

  width: 186px;

}

.coll-1,

.coll-2 {

  margin-right: 30px;

}

#contact-form div {

  overflow: hidden;

}

#contact-form fieldset {

  border: none;

  padding: 0;

  width: 100%;

  overflow: hidden;

  position: relative;

  z-index: 10;

}

#contact-form label {

  display: block;

  min-height: 71px;

  position: relative;

  margin: 0;

  padding: 0;

  float: left;

  width: 100%;

}

#contact-form .message {

  min-height: 286px;

  display: block !important;

  width: 100%;

}

#contact-form input,

#contact-form textarea {

  border: none;

  background: #ffffff;

  padding: 12px 17px 12px;

  margin: 0;

  font-size: 14px;

  line-height: 18px !important;

  color: #4e4e4e;

  outline: none;

  width: 100%;

  -webkit-box-shadow: none;

  -moz-box-shadow: none;

  box-shadow: none;

  float: left;

  -webkit-border-radius: 0;

  -moz-border-radius: 0;

  border-radius: 0;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

}

#contact-form input {

  height: 42px;

}

#contact-form input:focus,

#contact-form textarea:focus {

  -webkit-box-shadow: none;

  -moz-box-shadow: none;

  box-shadow: none;

}

#contact-form .area .error {

  float: none;

}

#contact-form textarea {

  width: 100%;

  height: 277px;

  resize: none;

  overflow: auto;

}

#contact-form .success {

  background: #fff;

  display: none;

  position: absolute;

  left: 0;

  top: 0;

  color: #000000;

  font-size: 16px;

  line-height: 18px;

  text-align: center;

  text-transform: none;

  width: 100%;

  z-index: 20;

}

#contact-form .error,

#contact-form .empty {

  color: #f00;

  font-size: 11px;

  line-height: 1.27em;

  display: none;

  overflow: hidden;

  padding: 2px 4px 0px 0;

  width: 100%;

  text-transform: none;

  position: absolute;

  bottom: 12px;

  left: 0;

}

#contact-form .message .error,

#contact-form .message .empty {

  bottom: -3px;

}

.inner-form {

  padding: 20px;

}

.buttons-wrapper {

  position: relative;

}

.buttons-wrapper a {

  cursor: pointer;

  margin: -6px 35px 0 0;

}

.buttons-wrapper a:hover {

  text-decoration: none;

}

.buttons-wrapper span {

  display: inline-block;

  font-size: 14px;

  color: #ffffff;

  margin-top: 10px;

}

.policy {

  padding-bottom: 20px;

}

.policy strong {

  font-weight: normal;

  color: #ffffff;

  display: block;

}

.policy p {

  padding-bottom: 21px;

}

.policy a {

  color: #ffffff;

  text-decoration: underline;

}

/* block-404 */.block-404 {

  padding: 133px 0 44px;

  overflow: hidden;

}

.block-404 h3 {

  padding-bottom: 28px;

  line-height: 40px;

}

.block-404 .img-404 {

  float: left;

  margin: 56px 40px 0 ;

}

.box-404 {

  overflow: hidden;

}

/* search */#search-404 {

  margin: 15px 0 0 0;

  position: relative;

}

#search-404 input {

  padding: 8px 10px 9px;

  margin: 0;

  font-size: 14px;

  line-height: 18px !important;

  height: 35px;

  color: #4e4e4e;

  background: #ffffff;

  outline: none;

  width: 66%;

  border: none;

  -webkit-box-shadow: none;

  -moz-box-shadow: none;

  box-shadow: none;

  -webkit-border-radius: 0;

  -moz-border-radius: 0;

  border-radius: 0;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  width: 208px;

  float: left;

}

#search input:focus {

  -webkit-box-shadow: none;

  -moz-box-shadow: none;

  box-shadow: none;

}

#search-404 a {

  float: left;

  background: #272727;

  padding: 7px 0;

  text-align: center;

  font-size: 12px;

  width: 61px;

  color: #ffffff;

  font-family: 'Open Sans', sans-serif;

}

#search-404 a:hover {

  background: #000;

  text-decoration: none;

}

/*--- content end ------*/

/*----------- magnifier --------------*/

.magnifier {

  position: relative;

  height: auto;

  display: block;

}

.magnifier span {

  content: '';

  display: block;

  width: 100%;

  height: 100%;

  position: absolute;

  opacity: 0;

  filter: alpha(opacity=0);

  left: 0;

  top: 0;

  background: url('../img/magnifier.png') center center no-repeat #000000;

  -webkit-transition: all 0.3s ease;

  -moz-transition: all 0.3s ease;

  -o-transition: all 0.3s ease;

  transition: all 0.3s ease;

}

.magnifier:hover span {

  opacity: 0.6;

  filter: alpha(opacity=60);

}



.magnifier>.changefont {

font-weight: 500;	

	

}

/*------ footer ------- */

.splash footer {

  width: 100%;

  margin-top: -116px;

  height: 77px;

  position: relative;

}

footer {

  padding: 19px 0;

  background: url(../img/bg-footer.png);

  /* border: solid 1px red;  */

}

.privacy {

  font-family: 'Open Sans', sans-serif;

  font-size: 12px;

  color: #484848;

  text-transform: uppercase;

  tline-height: 18px;

  float: left;

  padding-top: 9px;

  /* border: solid 1px yellow;  */

}

.privacy a {

  color: #484848;

  font-weight: bold;

}

.list-soc {

  float: right;

  overflow: hidden;

}

.list-soc a {

  margin-left: 9px;

  display: block;

  float: left;

}

.list-soc img {

  opacity: 1;

  filter: alpha(opacity=100);

  -webkit-transition: all 0.3s ease;

  -moz-transition: all 0.3s ease;

  -o-transition: all 0.3s ease;

  transition: all 0.3s ease;

}

.list-soc a:hover img {

  opacity: 0.7;

  filter: alpha(opacity=70);

}

/*--- footer end ------ smc */

/* @media only screen and (min-width: 1300px) { */

@media only screen and (min-width: 768px) {

  .main-block {

    min-height: 700px;

  }

  .splash header {

    position: absolute;

    top: 30%;

    margin-top: -100px;

    width: 100%;

    height: 371px;

    /* padding-left: 390px;*/

    padding-top: 100px;

  }

  .splash .nav-collapse_ .nav ul {

    left: 130px;

  }

  .coll-1,

  .coll-2,

  .coll-3 {

    width: 236px;

  }

  .list-team li {

    width: 237px;

  }

  .list-clients li {

    width: 240px;

  }

  #contact-form label {

    display: inline-block;

  }

  #search-404 input {

    width: 264px;

  }

  .block-404 .img-404 {

    margin: 56px 117px 0 90px;

  }

}

@media only screen and (max-width: 979px) {

  .box-txt {

    padding: 36px 10px;

  }

  h2 {

    font-size: 50px;

  }

  #contact-form label {

    display: block;

  }

  #contact-form input,

  #contact-form textarea {

    width: 100%;

  }

  .navbar_ .nav-collapse_ {

    height: auto !important;

    overflow: inherit;

    clear: none;

  }

  .block-404 .img-404 {

    float: none;

    margin: 0;

    width: 100%;

  }

  .block-404 {

    margin: 0 0 27px;

  }

  #search-404 input {

    width: 100%;

  }

  #search-404 a {

    float: right;

    margin-top: 5px;

  }

}

/* smc

@media only screen and (max-width: 840px) {

  .splash header {

    width: 480px;

    padding-left: 40px;

  }

} 

*/

@media only screen and (min-width: 768px) and (max-width: 979px) {

  #search {

    width: 200px;

  }

  .navbar_ .btn-navbar {

    display: none;

  }

  .nav-collapse_ .nav > li {

    float: left;

  }

  .list-team {

    margin-left: -20px;

  }

  .list-team li {

    width: 145px;

    margin-left: 20px;

  }

  .coll-1,

  .coll-2,

  .coll-3 {

    width: 138px;

  }

  .list-clients li {

    width: 142px;

  }

  #contact-form input,

  #contact-form textarea {

    width: 100%;

  }

  .address-1 span {

    display: block;

  }

}



@media only screen and (max-width: 767px) {

  body {

    padding: 0;

  }

  #content {

    padding-left: 10px;

    padding-right: 10px;

  }

  .sf-menu {

    display: none !important;

  }

  header {

    padding: 20px 10px;

  }

  .navbar_ .brand {

    float: none;

  }

  .navbar_ {

    float: none;

  }

  .navbar_ .nav-collapse_ {

    float: none;

    display: none;

  }

  .navbar_ .btn-navbar {

    display: none;

  }

  .select-menu {

    display: block !important;

    color: #ffffff;

    border: 1px solid #313131;

    background: #343434 !important;

    -webkit-box-shadow: none;

    -moz-box-shadow: none;

    box-shadow: none;

    position: relative;

    width: 100%;

    margin: 18px 0 0;

  }

  .select-menu option {

    padding-bottom: 4px;

  }

  .splash header {

    width: 100%;

    padding: 20px;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    position: relative;

    height: auto;

  }

  .splash .navbar_ .brand {

    padding: 0;

    margin: 0;

    border: none;

    text-align: left;

  }

  .splash .navbar_ .brand a {

    width: 30%;

  }

  .navbar_ .brand {

    padding: 0;

    margin: 0;

    border: none;

    text-align: left;

  }

  .navbar_ .brand a {

    width: 30%;

  }

  .img-indent {

    float: left;

    margin-right: 10px;

  }

  .list-thumbnails {

    margin-left: -20px;

  }

  .list-thumbnails li {

    float: left;

    margin-left: 20px;

    width: 29%;

  }

  .list-projects li {

    width: 43%;

    margin-left: 30px;

  }

  .list-clients li {

    width: 28%;

  }

  .list-team {

    margin-left: -20px;

  }

  .list-team li {

    width: 29%;

    margin-left: 20px;

  }

  .policy .pull-right {

    float: none;

  }

  .box-txt {

    padding-bottom: 0;

  }

  .coll-1,

  .coll-2,

  .coll-3 {

    width: 100%;

    float: none;

  }

  footer {

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    padding-left: 20px;

    padding-right: 20px;

  }

} 

/*smc*/

@media only screen and (max-width: 600px) {

  .list-thumbnails {

    margin-left: 0;

  }

  .list-thumbnails li {

    width: 100%;

    float: none;

    margin-left: 0;

  }

  .list-team li,

  .list-clients li {

    width: 42%;

  }

  .splash footer {

    width: 100%;

    margin-top: 0px;

    height: 77px;

    position: relative;

  }

}

@media only screen and (max-width: 670px) {

  #search {

    width: 100%;

  }

}

@media (max-width: 490px) {

  .img-indent {

    float: none;

    margin-right: 0;

  }

  .img-indent img {

    width: 100%;

  }

}

@media (max-width: 480px) {

  .main-block {

    min-height: 300px;

  }

  .splash header {

    width: 100%;

    padding: 10px 20px;

    position: relative;

    top: 0 !important;

    left: 0;

    margin-bottom: 20px;

	border: solid 1px red;

	

  }

  .splash .select-menu {

    margin-bottom: 0;

  }

  .splash footer {

    padding: 8px 20px;

  }

  .list-soc,

  .privacy {

    float: none;

  }

  .coll-right,

  .coll-left,

  .privacy,

  .box-phone {

    float: none;

  }

  .coll-right {

    padding-bottom: 20px;

  }

  .box-phone {

    text-align: left;

  }

  .list-projects,

  .list-clients {

    margin-left: 0;

  }

  .list-projects li {

    width: 100%;

    float: none;

    margin-left: 0;

  }

  .list-clients li {

    width: 100%;

    margin-left: 0;

  }

  .thumbnail-1 figure img {

    width: 100%;

  }

  .img-indent img,

  .list-projects li img,

  .list-clients li img {

    width: 100%;

  }

  .post-body figure {

    float: none;

    margin-right: 0;

    margin-bottom: 16px;

  }

  .post-body figure img {

    width: 100%;

  }

}

@media only screen and (max-width: 320px) {

  .list-posts figure {

    float: none;

    margin: 6px 0 14px 0;

  }

  .list-posts figure img {

    width: 100%;

  }

  .list-team {

    margin-left: 0;

  }

  .list-team li {

    width: 100%;

    float: none;

    margin-left: 0;

  }

}

.clearfix {

  *zoom: 1;

}

.clearfix:before,

.clearfix:after {

  display: table;

  content: "";

  line-height: 0;

}

.clearfix:after {

  clear: both;

}

.hide-text {

  font: 0/0 a;

  color: transparent;

  text-shadow: none;

  background-color: transparent;

  border: 0;

}

.input-block-level {

  display: block;

  width: 100%;

  min-height: 30px;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

}



.list-projects li.span4 {

  height:530px;

}

/* smc: not working

@media only screen and (max-width: 1418px) {

.list-projects li.span4 {

  height: 450px;

}

}

@media only screen and (min-width: 1419px) {

.list-projects li.span4 {

  height: 500px;

}

}

*/