/*!
 * Bootstrap Responsive v2.2.2
 *
 * Copyright 2012 Twitter, Inc
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Designed and built with all the love in the world @twitter by @mdo and @fat.
 */

@-ms-viewport  {
	width: device-width
}
.clearfix  {
	*zoom: 1
}
.clearfix:before,
.clearfix:after  {
	display: table; line-height: 0; content: ""
}
.clearfix:after  {clear: both;}

.hidden  {
  display: none;
  visibility: hidden;
}
@media (max-width: 1040px)  {
  .boxed { max-width:100%}
}
@media (min-width: 768px) and (max-width: 979px)  {
  .row  {
    margin-left: -20px;
    *zoom: 1
  }
  .row:before,
  .row:after  {
    display: table;
    line-height: 0;
    content: "";
  }
  .row:after  {
    clear: both;
  }
  [class*="span"]  {
    float: left;
    min-height: 1px;
    margin-left: 20px;
  }
  .container
  {
    width: 724px;
  }
  .span12  {
    width: 724px;
  }
  .span11  {
    width: 662px;
  }
  .span10  {
    width: 600px;
  }
  .span9  {
    width: 538px;
  }
  .span8  {
    width: 476px;
  }
  .span7  {
    width: 414px;
  }
  .span6  {
    width: 352px;
  }
  .span5  {
    width: 290px;
  }
  .span4  {
    width: 228px;
  }
  .span3  {
    width: 166px;
  }
  .span2  {
    width: 104px;
  }
  .span1  {
    width: 42px;
  }
  .row-fluid  {
    width: 100%;
    *zoom: 1;
  }
  .row-fluid:before,
  .row-fluid:after  {
    display: table;
    line-height: 0;
    content: "";
  }
  .row-fluid:after  {
    clear: both;
  }
  .row-fluid [class*="span"]  {
    display: block;
    float: left;
    width: 100%;
    min-height: 30px;
    margin-left: 2.7624309392265194%;
    *margin-left: 2.709239449864817%;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
  }
  .row-fluid [class*="span"]:first-child  {
    margin-left: 0;
  }
  .row-fluid .controls-row [class*="span"] + [class*="span"]  {
    margin-left: 2.7624309392265194%;
  }
  .row-fluid .span12  {
    width: 100%;
    *width: 99.94680851063829%;
  }
  .row-fluid .span11  {
    width: 91.43646408839778%;
    *width: 91.38327259903608%;
  }
  .row-fluid .span10  {
    width: 82.87292817679558%;
    *width: 82.81973668743387%;
  }
  .row-fluid .span9  {
    width: 74.30939226519337%;
    *width: 74.25620077583166%;
  }
  .row-fluid .span8  {
    width: 65.74585635359117%;
    *width: 65.69266486422946%;
  }
  .row-fluid .span7  {
    width: 57.18232044198895%;
    *width: 57.12912895262725%;
  }
  .row-fluid .span6  {
    width: 48.61878453038674%;
    *width: 48.56559304102504%;
  }
  .row-fluid .span5  {
    width: 40.05524861878453%;
    *width: 40.00205712942283%;
  }
  .row-fluid .span4  {
    width: 31.491712707182323%;
    *width: 31.43852121782062%;
  }
  .row-fluid .span3  {
    width: 22.92817679558011%;
    *width: 22.87498530621841%;
  }
  .row-fluid .span2  {
    width: 14.3646408839779%;
    *width: 14.311449394616199%;
  }
  .row-fluid .span1  {
    width: 5.801104972375691%;
    *width: 5.747913483013988%;
  }
  input,
  textarea,
  .uneditable-input  {
    margin-left: 0;
  }
  .controls-row [class*="span"] + [class*="span"]  {
    margin-left: 20px;
  }
  input.span12,
  textarea.span12,
  .uneditable-input.span12  {
    width: 710px;
  }
  input.span11,
  textarea.span11,
  .uneditable-input.span11  {
    width: 648px;
  }
  input.span10,
  textarea.span10,
  .uneditable-input.span10  {
    width: 586px;
  }
  input.span9,
  textarea.span9,
  .uneditable-input.span9  {
    width: 524px;
  }
  input.span8,
  textarea.span8,
  .uneditable-input.span8  {
    width: 462px;
  }
  input.span7,
  textarea.span7,
  .uneditable-input.span7  {
    width: 400px;
  }
  input.span6,
  textarea.span6,
  .uneditable-input.span6  {
    width: 338px;
  }
  input.span5,
  textarea.span5,
  .uneditable-input.span5  {
    width: 276px;
  }
  input.span4,
  textarea.span4,
  .uneditable-input.span4  {
    width: 214px;
  }
  input.span3,
  textarea.span3,
  .uneditable-input.span3  {
    width: 152px;
  }
  input.span2,
  textarea.span2,
  .uneditable-input.span2  {
    width: 90px;
  }
  input.span1,
  textarea.span1,
  .uneditable-input.span1  {
    width: 28px;
  }

  .three-cols .portfolio-item { margin-left:50px !important}
  .four-cols .portfolio-item { margin-left:100px !important}
  .two-cols .portfolio-item { margin-left:140px !important;}
  .page_parents {display:none}
  
  .recent_portfolio .four-cols .portfolio-item {margin-left:23px !important}
  .recent_portfolio .two-cols .portfolio-item {margin-left:150px !important}
  
}

@media (max-width: 767px)  {
  body  {}
  header#header {height:auto !important;}
  #header-bg {display:none;}
  .container-fluid  {
    padding: 0;
  }
  .dl-horizontal dt  {
    clear: none;
    text-align: left;
  }

  .dl-horizontal dd  {
    margin-left: 60px;
  }
  .container  {
    max-width:420px;
  }
  .row-fluid  {
    width: 100%;
  }
  .row,
  .thumbnails  {
    margin-left: 0;
  }
  .thumbnails > li  {
    float: none;
    margin-left: 0;
  }
  [class*="span"],
  .uneditable-input[class*="span"],
  .row-fluid [class*="span"]  {
    display: block;
    
    width: 100%;
    margin-left: 0;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
  }
  
  .span12,
  .row-fluid .span12  {
    width: 100%;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
  }

  .input-large,
  .input-xlarge,
  .input-xxlarge,
  input[class*="span"],
  select[class*="span"],
  textarea[class*="span"],
  .uneditable-input  {
    display: block;
    width: 100%;
    min-height: 30px;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
  }
  .input-prepend input,
  .input-append input,
  .input-prepend input[class*="span"],
  .input-append input[class*="span"]  {
    display: inline-block;
    width: auto;
  }
  .controls-row [class*="span"] + [class*="span"]  {
    margin-left: 0;
  }
  .modal  {
    position: fixed;
    top: 20px;
    right: 20px;
    left: 20px;
    width: auto;
    margin: 0;
  }
  .modal.fade  {
    top: -100px;
  }
  .modal.fade.in  {
    top: 20px;
  }
  .price_container {width:100% !important;}
  .price_1_col {width:100% !important;} 
  .price_1_col ul li {width:369px !important;}
  .header_page .subtitle {display:none}
  .row-dynamic-el [class*="span"] {margin-top:20px}
  .row-dynamic-el [class*="span"]:first-child {margin-top:0}
  .recent_portfolio [class*="span"] {margin-top:20px;} 
  .clients-container .span9 .item {width:212px;}
  .row-dynamic-el input, .row-dynamic-el select, .row-dynamic-el textarea   {margin-top:10px !important;}
  .top_nav {display:none}
  .menu {display:none}

  #logo {width:24%; float:left !important;}

  #navigation.pull-right.span9{ float:left !important; width:74% !important; display:inline-block; margin-left:2%; margin-top:10px}
  #navigation {height:auto; background:none;}
  .select-menu {display:block; width:100% !important; float:left; margin-top:0px; height:50px !important}
  .customSelect {display:inline-block !important; width:100%;}
  .customSelectInner {background:#f9f9f9 url('../img/select.png') right center no-repeat; padding-top:17px; padding-bottom:17px; padding-left:3%; width:100% !important;}

  footer .widget {margin-bottom:40px; float:left}
  .layout-sidebar_left .three-cols .portfolio-item {margin-left:0 !important}
  .layout-sidebar_left aside {margin-bottom:100px}
  aside.sidebar {margin-top:60px}

/*  .three-cols .portfolio-item { margin-left:60px !important}*/
  .four-cols .portfolio-item { margin-left:90px !important}
  .two-cols .portfolio-item { margin-left:0px !important; width:418px !important}
  .header_page {
    
  }
  .page_parents {width:280px; text-align:center; display:none}
  .page_parents li {width:100%; padding-left:0; background:none; margin-bottom:5px}
  .page_parents li:last-child {margin-bottom:0}
  
  
  #portfolio-filter ul li  {padding-left:2.5%; width:95%;}
  #portfolio-filter ul {height:auto}
  .recent_portfolio .four-cols .portfolio-item {margin-left:100px !important}
  .recent_portfolio .two-cols .portfolio-item {margin-left:0px !important}
  
  .header-bar {border:none}

  .header_border_top {top:-35px}

/*  #contacts-form {margin-top:20px !important;}*/
  #contacts-form input, #contacts-form textarea { width:95%}
  #regform .button { margin-left:0}
  #regform .span6.human { margin-top:10px;}

.page-top { display:none !important;}

#searchbox { display:none; 
	background: rgba(0, 0, 0, 0) url("../../images/header-nav-bg.png") repeat-x scroll 0 100%;
    border-radius: 6px;
    height: 45px;
	line-height:45px;
    width: 100%;
	vertical-align:bottom;
	margin-top:25px;
	text-align:center;
}
.search-form { float:none; display: block; top:0;}

.boxinfo {width:100% !important;}
.article-map { margin-top:0 !important;}
.badge, .slogan {display:none;}
/*nav {display:none;}*/
#header .container .span4 {height:auto !important;}
#header .container .span8 {height:auto !important;}
#logo, .social {margin-top:0 !important;}
  #logo {text-align:center; width:100%; float:none !important;}
  #navigation.pull-right.span9{ float:none !important; width:100% !important; display:block; margin-left:0%; margin-top:10px}
  
.social { margin:0 !important;}

.span4.side-menu {display:none !important;}
.img-indent { max-width:50%;}
.img-indent img { max-width:100%;}

}

@media (max-width: 480px)  {
.img-indent {float:none; margin:0 auto 20px auto; max-width:100%;}

  .nav-collapse  {
    -webkit-transform: translate3d(0, 0, 0);
  }
  .page-header h1 small  {
    display: block;
    line-height: 20px;
  }
  input[type="checkbox"],
  input[type="radio"]  {
    border: 1px solid #ccc;
  }
  .form-horizontal .control-label  {
    float: none;
    width: auto;
    padding-top: 0;
    text-align: left;
  }
  .form-horizontal .controls  {
    margin-left: 0;
  }
  .form-horizontal .control-list  {
    padding-top: 0;
  }
  .form-horizontal .form-actions  {
    padding-right: 10px;
    padding-left: 10px;
  }
  .media .pull-left,
  .media .pull-right  {
    display: block;
    float: none;
    margin-bottom: 10px;
  }
  .media-object  {
    margin-right: 0;
    margin-left: 0;
  }
  .modal  {
    top: 10px;
    right: 10px;
    left: 10px;
  }
  .modal-header .close  {
    padding: 10px;
    margin: -10px;
  }
  .carousel-caption  {
    position: static;
  }
  aside .widget_search form input {width:252px !important;}

  .price_container {width:100% !important;}
  .price_1_col {width:100% !important;} 
  .price_1_col ul li {width:200px !important;}

  .container  { width:300px;}
  #content .container { width:280px; padding: 10px;}

  #navigation.pull-right {float:none; margin-top:30px}

  .three-cols .portfolio-item, .four-cols .portfolio-item,  .two-cols .portfolio-item,  .one-cols .portfolio-item  { margin-left:40px !important}
  .clients .item {margin-left:50px}
  .clients .item:first-child {margin-left:50px}
  
  .social_icons {margin-top:50px; margin-left:47px}

  .recent_portfolio .four-cols .portfolio-item {margin-left:40px !important}
  .recent_portfolio .two-cols .portfolio-item {margin-left:0px !important}
  
  footer .widget {margin-bottom:0px;}
  footer .widget_contact_info { display:none !important;}
  footer .widget_contact_info li { width:275px;}
  footer .footer_social_icons { width:100%;}
  footer .footer_social_icons li { display:inline-block; float:left; width:auto; margin-right:10px; margin-bottom:5px;}
  .slider_overlay p { margin-bottom:9px !important;}
  .slider_overlay a.readmore { padding:0px 6px; margin-top:0px; font-size:9px; line-height:12px; position:absolute; right:3px; bottom:3px}
  .slider_overlay a.readmore span { font-size:9px; line-height:12px;}

input,
textarea, select, 
.uneditable-input  {
  width: 92%;
}
}
@media (max-width: 420px)  {
#portfolio-preview-items.three-cols .portfolio-item { display:block; margin:0 5% 20px 5% !important; position: relative;}
.box3 time {
    background:none;
    border-bottom: 1px solid #44463f;
    border-left:none;
    border-radius:0;
    border-top:none;
    color: #fead20;
    display: block;
    font-size: 12px;
    font-weight: bold;
    height:auto;
    line-height: 18px;
    padding: 7px;
    position:relative; left:0; top:0; margin-bottom:10px;
    text-align: center;
    width:auto;
}
img.imgpage { float:none; margin:0 0 10px 0; max-width:100%;}
}
@media (max-width: 360px)  {
#portfolio-preview-items.three-cols .portfolio-item { display:block; margin:0 0 20px 0 !important; position: relative;}
}


@media (max-width: 979px)  {
  body  {
    padding-top: 0;
  }
  .navbar .container  {
    width: auto;
    padding: 0;
  }
  .navbar .brand  {
    padding-right: 10px;
    padding-left: 10px;
    margin: 0 0 0 -5px;
  }
  .nav-collapse  {
    clear: both;
  }
  .nav-collapse .nav  {
    float: none;
    margin: 0 0 10px;
  }
  .nav-collapse .nav > li  {
    float: none;
  }
  .nav-collapse .nav > li > a  {
    margin-bottom: 2px;
  }
  .nav-collapse .nav > .divider-vertical  {
    display: none;
  }
  .nav-collapse .nav .nav-header  {
    color: #777777;
    text-shadow: none;
  }
  .nav-collapse .nav > li > a,
  .nav-collapse .dropdown-menu a  {
    padding: 9px 15px;
    font-weight: bold;
    color: #777777;
    -webkit-border-radius: 3px;
       -moz-border-radius: 3px;
            border-radius: 3px;
  }
  .nav-collapse .btn  {
    padding: 4px 10px 4px;
    font-weight: normal;
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
  }
  .nav-collapse .dropdown-menu li + li a  {
    margin-bottom: 2px;
  }
  .nav-collapse .nav > li > a:hover,
  .nav-collapse .dropdown-menu a:hover  {
    background-color: #f2f2f2;
  }
  .navbar-inverse .nav-collapse .nav > li > a,
  .navbar-inverse .nav-collapse .dropdown-menu a  {
    color: #999999;
  }
  .navbar-inverse .nav-collapse .nav > li > a:hover,
  .navbar-inverse .nav-collapse .dropdown-menu a:hover  {
    background-color: #111111;
  }
  .nav-collapse.in .btn-group  {
    padding: 0;
    margin-top: 5px;
  }
  .nav-collapse .dropdown-menu  {
    position: static;
    top: auto;
    left: auto;
    display: none;
    float: none;
    max-width: none;
    padding: 0;
    margin: 0 15px;
    background-color: transparent;
    border: none;
    -webkit-border-radius: 0;
       -moz-border-radius: 0;
            border-radius: 0;
    -webkit-box-shadow: none;
       -moz-box-shadow: none;
            box-shadow: none;
  }
  .nav-collapse .open > .dropdown-menu  {
    display: block;
  }
  .nav-collapse .dropdown-menu:before,
  .nav-collapse .dropdown-menu:after  {
    display: none;
  }
  .nav-collapse .dropdown-menu .divider  {
    display: none;
  }
  .nav-collapse .nav > li > .dropdown-menu:before,
  .nav-collapse .nav > li > .dropdown-menu:after  {
    display: none;
  }
  .nav-collapse .navbar-form,
  .nav-collapse .navbar-search  {
    float: none;
    padding: 10px 15px;
    margin: 10px 0;
    border-top: 1px solid #f2f2f2;
    border-bottom: 1px solid #f2f2f2;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
       -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
  }
  .navbar-inverse .nav-collapse .navbar-form,
  .navbar-inverse .nav-collapse .navbar-search  {
    border-top-color: #111111;
    border-bottom-color: #111111;
  }
  .navbar .nav-collapse .nav.pull-right  {
    float: none;
    margin-left: 0;
  }
  .nav-collapse,
  .nav-collapse.collapse  {
    height: 0;
    overflow: hidden;
  }
  .navbar .btn-navbar  {
    display: block;
  }
  .navbar-static .navbar-inner  {
    padding-right: 10px;
    padding-left: 10px;
  }
  .top_nav .social_widget ul li {margin-right:2px}
}
@media (min-width: 768px)  {
  nav li>ul.sub-menu {display:none !important;}
}
@media (min-width: 980px)  {
  .nav-collapse.collapse  {
    height: auto !important;
    overflow: visible !important;
  }
}