/*
Theme Name: Studio Quarters
Theme URI: http://
Description: 
Author: 
Author URI: http://
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, blue, white
Text Domain: studio_quarters
*/

/*! normalize.css v1.1.3 | MIT License | git.io/normalize */article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block;*display:inline;*zoom:1}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}html,button,input,select,textarea{font-family:sans-serif}body{margin:0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}h2{font-size:1.5em;margin:.83em 0}h3{font-size:1.17em;margin:1em 0}h4{font-size:1em;margin:1.33em 0}h5{font-size:.83em;margin:1.67em 0}h6{font-size:.67em;margin:2.33em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}blockquote{margin:1em 40px}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}p,pre{margin:1em 0}code,kbd,pre,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:before,q:after{content:'';content:none}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}dl,menu,ol,ul{margin:1em 0}dd{margin:0 0 0 40px}menu,ol,ul{padding:0 0 0 40px}nav ul,nav ol{list-style:none;list-style-image:none}img{border:0;-ms-interpolation-mode:bicubic}svg:not(:root){overflow:hidden}figure{margin:0}form{margin:0}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0;white-space:normal;*margin-left:-7px}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}button,input{line-height:normal}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;*overflow:visible}button[disabled],html input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;*height:13px;*width:13px}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}

html,button,input,select,textarea{color:#9d9d9d;}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0;}
audio,canvas,img,video{vertical-align:middle;}
fieldset{border:0;margin:0;padding:0;}
textarea{resize:vertical;}
ul, li { margin: 0; padding: 0; list-style: none; }
.browsehappy{margin:.2em 0;background:#ccc;color:#000;padding:.2em 0;}
::-moz-selection,::selection{background:#b3d4fc;text-shadow:none;}

.container { margin: 0 auto; position: relative; width: 960px; }
.container:before, .container:after { content: " "; display: table; }
.container:after { clear: both; }
.container { *zoom: 1; }

* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

a { outline: none!important; text-decoration: none; color: #1B67BB; transition: all 300ms ease; }
a:hover { text-decoration: none; }
p { margin: 0; line-height: 1.4em; font-weight: 300; }
ul,li { margin: 0; padding: 0; }
h1,h2,h3,h4 { margin: 0; padding: 0; font-weight: normal; font-family: "ltc-bodoni-175"; }
img { max-width: 100%; }
blockquote { margin: 0; }
html, body{ -webkit-tap-highlight-color: rgba(0,0,0,0); /* disable webkit tap highlight */  overflow-x:hidden; background: #f9f8f7; }
body { font-family: "proxima-nova-soft", serif; color: #212733; color: #9d9d9d; font-size: 14px; padding-top: 1060px; }

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { /* WebKit browsers */
	opacity:1;
    color: #a8a8a8;
    color: #9d9d9d;
}
input:-moz-placeholder, textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	opacity:1;
    color: #a8a8a8;
    color: #9d9d9d;
}
input::-moz-placeholder, textarea::-moz-placeholder { /* Mozilla Firefox 19+ */
	opacity:1;
    color: #a8a8a8;
    color: #9d9d9d;
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder { /* Internet Explorer 10+ */
	opacity:1;
    color: #a8a8a8;
    color: #9d9d9d;
}

/* ==========================================================================
   My responsive helpers
   ========================================================================== */
.row:before, .row:after { content: " "; display: table; }
.row:after { clear: both; }
.row { margin: 0 -16px;  *zoom: 1; }
.row>div { padding: 0 16px; }

.col12{width:100%;float:left;}
.col11{width:91.666666666667%;float:left;}
.col10{width:83.333333333333%;float:left;}
.col9{width:75%;float:left;}
.col8{width:66.666666666667%;float:left;}
.col7{width:58.333333333333%;float:left;}
.col6{width:50%;float:left;}
.col5{width:41.666666666667%;float:left;}
.col45{width:38.33333333%;float:left;}
.col4{width:33.333333333333%;float:left;}
.col3{width:25%;float:left;}
.col25{width:20%;float:left;}
.col2{width:16.666666666667%;float:left;}
.col1{width:8.3333333333333%;float:left;}


/* ==========================================================================
   Header
   ========================================================================== */
header { position: fixed; top: 0; left: 0; width: 100%; z-index: 101; padding: 30px 0 10px; background: #f9f8f7; }
#menu { padding-left: 30px; }
#menu li { display: inline-block; margin-right: 70px; }
#menu li a { color: #b3b2b4; color: #9d9d9d; font-size: 13px; display: block; padding-bottom: 20px; transition: none; letter-spacing: 1px; line-height: 1em; text-transform: uppercase; }
#menu li.current-menu-item a { font-weight: bold; }
#menu li a:hover { background: url(images/icon-arrow-top.png) center bottom no-repeat; background-size: 15px 9px; }
#menu li.last { float: right; margin-right: 30px; }
#menu li.last a { font-family: "ltc-bodoni-175"; font-size: 23px; padding-bottom: 15px; text-transform: none; }

#mobile-menu, .menu-close { display: none; }


/* ==========================================================================
   Homepage
   ========================================================================== */
#page-intro { height: 960px; position: fixed; top: 100px; left: 0; width: 100%; z-index: 1; background-size: contain; background-position: center center; background-repeat: no-repeat; }
#page-intro.home-intro { background: url(images/bg-home.png) center center no-repeat; background-size: contain; }
.logo-link { width: 110px; height: 110px; position: absolute; top: 185px; left: 50%; margin: 0 0 0 -55px; text-indent: -999999px; overflow: hidden; }

#cont { background: #f9f8f7; position: relative; z-index: 10; -webkit-transform: translate3d(0,0,0); }
.home-boxes { padding: 30px 0 0;}
.home-boxes a { height: 216px; background: url(images/item1.jpg); display: block; background-size: contain; position: relative; }
.home-boxes a span { display: block; top: 50%; left: 0; width: 100%; text-align: center; font-size: 26px; color: #77777a; color: #9d9d9d; line-height: 1em; margin-top: -13px; position: absolute; font-family: "ltc-bodoni-175"; }
.home-boxes a.item1:hover { background-image: url(images/item1_.jpg); }
.home-boxes a.item2{ background-image: url(images/item2.jpg); }
.home-boxes a.item2:hover { background-image: url(images/item2_.jpg); }
.home-boxes a.item3{ background-image: url(images/item3.jpg); }
.home-boxes a.item3:hover { background-image: url(images/item3_.jpg); }
.home-boxes a.item4{ background-image: url(images/item4.jpg); }
.home-boxes a.item4:hover { background-image: url(images/item4_.jpg); }


footer { padding: 80px 30px 70px; }
footer.empt { padding-bottom: 0; }
.btn-follow-us { font-size: 26px; color: #b3b2b4; color: #9d9d9d; font-family: "ltc-bodoni-175"; padding-bottom: 11px; transition: none; }
.btn-follow-us:hover { background: url(images/icon-arrow-top.png) center bottom no-repeat; background-size: 15px 9px; }

.popup-follow, .popup-share { background: #ece7e7; position: fixed; top: 0; bottom: 0; right: 0; left: 0; z-index: 1000; display: none; }
.popup-follow .close, .popup-share .close { width: 46px; height: 46px; top: 30px; left: 50%; margin-left: -23px; display: block; position: absolute; padding: 32px 0 0; color: #b3b2b4; font-size: 12px; letter-spacing: 2px; text-align: center; background: url(images/icon-close.png) center top no-repeat; background-size: 25px auto; }

.follow-widget { width: 500px; height: 130px; position: absolute; top: 50%; left: 50%; margin: -65px 0 0 -250px; text-align: center;  font-family: "ltc-bodoni-175";}
.follow-widget h3 { color: #858386; color: #9d9d9d; font-size: 30px;  line-height: 1em; padding-bottom: 25px; margin-bottom: 30px; border-bottom: 2px solid #d0cece; letter-spacing: 1px; }
.follow-widget a { padding: 0 35px 16px; line-height: 1em; font-size: 22px; color: #999799; color: #9d9d9d; transition: none; }
.follow-widget a:hover { background: url(images/icon-arrow-top2.png) center bottom no-repeat; background-size: 15px 9px; }

/* ==========================================================================
   About
   ========================================================================== */ 
#page-intro.about-intro { background: url(images/bg-about.jpg) center center no-repeat; background-size: contain; }
#text, .text-area { padding-top: 80px; }
#text h1, .text-area h1 { font-size: 30px; color: #848487; color: #9d9d9d; font-family: "ltc-bodoni-175"; line-height: 1em; padding:0 30px 22px; margin-bottom: 25px; border-bottom: 2px solid #d0cece; }
.text-cont { padding: 0 30px; color: #b3b2b3; color: #9d9d9d; font-size: 14px; }
.text-cont h2 { font-size: 21px; line-height: 1.2em; margin-bottom: 20px; }
.text-cont p { font-size: 14px; margin-bottom: 10px; line-height: 1.5em; }
.text-cont blockquote { font-size: 14px; font-style: italic; font-family: "ltc-bodoni-175"; line-height: 1.5em; margin-bottom: 10px; }
.text-cont cite { font-style: normal; font-family: "ltc-bodoni-175"; font-size: 12px; }
.text-cont ul { padding-right: 40px; }
.text-cont li { margin-bottom: 10px; padding-left: 15px; list-style-image: url('images/icon-li.png');  }

.controls { margin-top: 70px; text-align: center; position: relative; }
.controls.alt { margin-top: 30px; }
.controls a { display: inline-block; background: url(images/icon-arrow-prev.png); width: 26px; height: 23px; background-size: 26px 23px; text-indent: -999999px; overflow: hidden; margin: 0 25px; opacity: 0.4; }
.controls a.btn3, .controls div.btn3 a { background-image: url(images/icon-arrow-next.png); }
.controls div.btn3 { display: inline-block; }
.controls a.btn2 { background-image: url(images/icon-arrow-top3.png); }
.controls a:hover { opacity: 1; }
.controls a.share-btn, .share-btn2 { width: auto; height: auto; text-indent: 0; margin: 0; opacity: 1; background: none; position: absolute; right: 0; top: 0; border-bottom: 2px solid #dbd9d9; font-size: 15px; color: #b3b2b3; color: #9d9d9d; font-family: "ltc-bodoni-175"; padding-bottom: 4px; z-index: 101; overflow: visible; }
.controls a.share-btn:after, .share-btn2:after { content: ""; width: 16px; height: 9px; background: url(images/icon-arrow-top2.png); background-size: 16px auto; position: absolute; bottom: -20px; left: 0; display: block; opacity: 0; }
.controls a.share-btn:hover:after, .share-btn2:hover:after { opacity: 1; }

/* ==========================================================================
   Projects
   ========================================================================== */ 
#page-intro.projects-intro { background: url(images/bg-projects.jpg) center center no-repeat; background-size: contain; }

.projects-wrapper { margin-top: 40px; }
.projects-wrapper .item { float: left; margin-bottom: 30px; position: relative; width: 50%; }
.projects-wrapper .item a { display: block; }
.projects-wrapper .item .overlay { top: 50px; bottom: 50px; left: 30px; right: 30px; padding: 25px; position: absolute; background: rgba(255,255,255,0.9) url(images/icon-more.png) right bottom no-repeat; background-size: 83px auto; transition: opacity 400ms ease; opacity: 0; }
.projects-wrapper .item .overlay div { line-height: 1em; font-size: 27px; color: #77777a; color: #9d9d9d; font-family: "ltc-bodoni-175"; margin-bottom: 6px; }
.projects-wrapper .item .overlay span { color: #b3b2b3; color: #9d9d9d; font-size: 14px; }
.projects-wrapper .project-item:hover .overlay, .projects-wrapper .project-item.hover_effect .overlay { opacity: 1; }

/* ==========================================================================
   Project
   ========================================================================== */ 
#page-intro.project-intro { background: url(images/bg-project.jpg) center center no-repeat; background-size: contain; }
.project-images { margin-top: 80px; }
.project-images img { margin-bottom: 32px; }

/* ==========================================================================
   Services
   ========================================================================== */ 
#page-intro.services-intro { background: url(images/bg-services.jpg) center center no-repeat; background-size: contain; }

/* ==========================================================================
   Journal
   ========================================================================== */ 
#page-intro.journal-intro { background: url(images/bg-journal.jpg) center center no-repeat; background-size: contain; }

.journal-item { border-bottom: 2px solid #d0cece; padding:0 30px 30px; margin-top: 70px; color: #b3b2b3; color: #9d9d9d; }
.journal-item span.tag { display: block; font-size: 18px; color: #77777a; color: #9d9d9d;  font-family: "ltc-bodoni-175"; margin-bottom: 4px; }
.journal-item h2 { font-size: 31px; font-family: "proxima-nova-soft", serif; line-height: 1.1em; margin-bottom: 22px; letter-spacing: 1px; }
.journal-item .by { font-size: 18px; font-style: italic; font-family: "ltc-bodoni-175"; margin-bottom: 22px; }
.journal-item p { margin-bottom: 10px; line-height: 1.5em; }
.journal-item .text-col { padding-bottom: 65px; }
.journal-item h3 { font-size: 16px; color: #77777a; color: #9d9d9d;  margin-bottom: 8px;} 

.row-big { margin: 0 -42px; }
.row-big>div { padding: 0 42px; }

.ctrls { text-align: center; margin-top: 40px; }
.ctrls a { display: inline-block; background: url(images/icon-arrow-prev.png); width: 26px; height: 23px; background-size: 26px 23px; text-indent: -999999px; overflow: hidden; margin: 0 25px; opacity: 0.4; margin: 0 60px; }
.ctrls a.next { background-image: url(images/icon-arrow-next.png); }
.ctrls a:hover { opacity: 1; }

.share-btn2 { position: relative; top: auto; right: auto; top: -22px; }

.sm-slider { margin: 0 auto; max-width: 404px; }

/* ==========================================================================
   Contact
   ========================================================================== */ 
#page-intro.contact-intro { background: url(images/bg-contact.jpg) center center no-repeat; background-size: contain; }

.contact-page .text-cont p { font-family: "ltc-bodoni-175"; font-size: 21px; margin-bottom: 20px; }
.contact-page .tel { font-size: 31px; color: #b3b2b3; color: #9d9d9d; line-height: 1em; }
.contact-page .btn-follow-us { float: right; }
.contact-page .follow-talk {    font-family: "ltc-bodoni-175";  font-size: 21px; margin-bottom: 20px;}

.newsletter-form { max-width: 675px; }
.text-cont input[type="text"], .text-cont input[type="email"], .text-cont textarea, .custom-select { display: block; width: 100%; height: 40px; padding: 0 10px; border-radius: 0; -webkit-appearance:none; border: 0 none; text-align: center; font-family: "proxima-nova-soft", serif; font-size: 11px; color: #a8a8a8; color: #9d9d9d; letter-spacing: 1px; margin-bottom: 32px; background: #fff; }
.text-cont input[type="submit"] { display: block; width: 100%; height: 40px; padding: 0 10px; border-radius: 0; -webkit-appearance:none; border: 0 none; text-align: center; font-family: "ltc-bodoni-175", serif; font-size: 16px; color: #fff; letter-spacing: 1px; background: #b3b2b4; transition: all 400ms ease; }
.text-cont input[type="submit"]:hover { background: #999799; }
.text-cont textarea { height: 113px; padding: 15px; text-align: left; resize: none; }

.text-cont input[type="email"].wpcf7-not-valid, .text-cont input[type="text"].wpcf7-not-valid { border: 1px solid #e89999; }
.wpcf7-not-valid-tip { display: none!important; }

.custom-select { padding: 0; background-image: url(images/icon-select.png); background-position: 95% center; background-repeat: no-repeat; }
.lt-ie10 .custom-select { background-image: none; }
.custom-select select { -webkit-appearance:none; -moz-appearance:none; -ms-appearance:none; border: 0 none; background: none; height: 40px; font-family: "proxima-nova-soft", serif; font-size: 11px; color: #a8a8a8; color: #9d9d9d; letter-spacing: 1px; display: block; width: 100%; padding-left: 25%; outline: none; }

.website-by { border-top: 2px solid #d0cece; margin-top: 70px; padding: 30px 30px 0; }
.website-by p { font-size: 21px; color: #b3b2b3; color: #9d9d9d; font-family: "ltc-bodoni-175", serif; line-height: 1.2em; }
.website-by p a { display: block; color: #848487; color: #9d9d9d; font-weight: normal; }

.wpcf7-response-output.wpcf7-mail-sent-ok { display: none!important; }

.contact-page .tel a { color: #b3b2b3; color: #9d9d9d; }

.contact-page .tel{margin-top: -15px;}
.contact-page .tel ul li{display: inline-block; list-style: none;padding: 0;}
.contact-page .tel ul li.name-tell{font-family: "ltc-bodoni-175";  font-size: 21px; margin-bottom: 4px;  width: 80px;}
.contact-page .tel ul li.number-tell{ font-size: 21px;margin-bottom: 4px; font-weight: 500;}

/* ==========================================================================
   Loader
   ========================================================================== */ 
#loader { background: #ece7e7; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 100000; display: block; }
#loader .logo-sm { width: 80px; height: 80px; background: url(images/logo.png); position: absolute; top: 50%; left: 50%;
margin: -40px 0 0 -40px; background-size: 80px 80px; }
.loader {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -48px 0 0 -48px;
    width: 96px;
    height: 96px;
    font-size: 10px;
    position: relative;
    text-indent: -9999em;
    border-top: 5px solid rgba(255, 255, 255, 0);
    border-right: 5px solid rgba(255, 255, 255, 0);
    border-bottom: 5px solid rgba(255, 255, 255, 0);
    border-left: 3px solid #77777b;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: load8 1.1s infinite linear;
    animation: load8 1.1s infinite linear;
}
.loader,
.loader:after {
  border-radius: 100%;
  width: 96px;
  height: 96px;
}
@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}


.hide-desktop { display: none; }
.newsletter-popup-wrapper { opacity: 0; pointer-events: none; transition: 300ms; position: fixed; top: 0; left: 0; width: 100vw; height: 100%; padding-top: 210px; z-index: 500; background: rgba(255,255,255,.3); }
.newsletter-popup-wrapper.active { opacity: 1; pointer-events: auto; }
.newsletter-popup { color: white; position: relative; max-width: 615px; margin-left: auto; margin-right: auto; text-align: center; background: #96979a; padding: 50px 55px 55px; }
.newsletter-popup .close-popup { position: absolute; padding: 10px; top: 0; right: 0; width: 42px; height: 42px; background: #b1b2b3; border: none; }
.newsletter-popup h2 { font-size: 31px; margin-bottom: 20px; letter-spacing: 1px; }
.newsletter-popup p { font-size: 18px; line-height: 25px; letter-spacing: 2px; font-weight: 300; margin-bottom: 30px; padding: 0 30px; }
.newsletter-popup .newsletter-form { width: 100%; }
.newsletter-popup .newsletter-form input { flex: 1; letter-spacing: 1px;border-radius: 0; -webkit-appearance: none; }
.newsletter-popup .newsletter-form button[type=submit] { width: 135px; min-width: 135px; }
.newsletter-form { display: flex; }
.text-cont .newsletter-form input , .text-cont .newsletter-form button[type="submit"] { height: 42px; margin-right: 33px; min-width: 200px; width: 200px; max-width: 200px; }
.newsletter-form input , .newsletter-form button[type=submit] { height: 42px; text-align: center; font-size: 13px; border: none; }
.newsletter-form button[type=submit] { background: #b1b2b3; color: white; font-family: "ltc-bodoni-175"; letter-spacing: 1px; font-size: 15px; }
/* ==========================================================================
   Responsive
   ========================================================================== */
@media only screen and (max-height: 1060px) {
    body { padding-top: 860px; }
    #page-intro { height: 760px; }
    .logo-link { top: 135px; }
}
@media only screen and (max-height: 860px) {
    body { padding-top: 660px; }
    #page-intro { height: 560px; }
    .logo-link { top: 100px; width: 80px; height: 80px; margin-left: -40px; }    
}


@media only screen and (max-width: 980px) {
    .container { width: 716px; }
    .col-md-12 { width: 100%; }
    .col-md-3 { width: 25%; }
    .col-md-8{width:66.666666666667%;}
    .col-md-4{width:33.333333333333%;}
    
    /* Header */
    header { padding: 30px 0; }
    #menu-toggle { display: block; width: 28px; height: 21px; z-index: 102; margin: 0 auto; }
    #menu-toggle span { display: block; height: 3px; border-radius: 4px; background: #727074; margin-bottom: 7px; }
    .active #menu-toggle span { opacity: .5; }  
    #menu { clear: both; width: 100%; max-width: 245px; margin:0 auto; float: none; transition: all 400ms ease; max-height: 0; overflow: hidden; padding: 0;  z-index: 102; position: relative; }
    header:before { position: fixed; top: 0; left: 0; right: 0; bottom: auto; background: #ece7e7; content: ""; z-index: -1; opacity: 0;  transition: opacity 400ms ease; }
    header.active:before { z-index: 101; opacity: 1; bottom: 0; }
    .active #menu { padding: 80px 0 0; max-height: 150em; }
    #menu li { display: block; float: none; margin: 25px 0 0 0; padding: 0 10px; text-align: center; }
    #menu li a { font-size: 18px; }
    #menu li a:hover { background-image: url(images/icon-arrow-top2.png); }
    #menu li.last { float: none; margin-right: 0; border-top: 2px solid #d9d6d6; padding-top: 50px; }
    .logo-link { top: 125px; }
    .menu-close { width: 46px; height: 46px; top: 0px; left: 50%; margin-left: -23px; display: none; position: absolute; padding: 32px 0 0; color: #b3b2b4; font-size: 12px; letter-spacing: 2px; text-align: center; background: url(images/icon-close.png) center top no-repeat; background-size: 25px auto; z-index: 101; transition: none; z-index: 103; cursor:pointer; -webkit-transform: translate3d(0,0,0);  }
    .active .menu-close { display: block; }

    /* Homepage */
    body { padding-top: 796px; }
    #page-intro { height: 716px; top: 80px; }
    .home-boxes a { height:155px;  }
    .home-boxes a span { font-size: 20px; margin-top: -10px; }
    
    /* Footer */
    footer { padding: 70px 20px; text-align: center; }
    .btn-follow-us { padding-bottom:14px; line-height: 1em; transition: none; }
    .btn-follow-us:hover { background: url(images/icon-arrow-top2.png) center bottom no-repeat; background-size: 15px 9px; }
    
    /* About */
    #text, .text-area { text-align: center; padding:45px 100px 0;  }   
    .text-cont blockquote { margin-top: 10px; }
    
    /* Projects */
    .projects-wrapper { margin:40px -100px 0;  }
    .projects-wrapper .item { text-align: left; }
    .projects-wrapper .item .overlay { top: 20px; bottom: 20px; }
    
    /* Services */
    .text-cont li { padding-left: 5px; }
    
    /* Journal */
    .journal-item { text-align: center; }
    .journal-item .text-col { max-width: 456px; float: none; margin: 0 auto; padding-bottom: 30px; }
    .share-btn2 { top: 0; }
    .sm-slider { margin-bottom: 50px; }
    
    /* Contact */
    .contact-page #text, .text-area { text-align: left; padding: 45px 0 0; }
    .contact-page .text-cont .row { margin: 0 -6px; }
    .contact-page .text-cont .row>div { padding: 0 6px; }
    #menu #menu-item-36{display: none;}
}

@media only screen and (max-width: 767px) {
    .container { width: 286px; }   
    .col-sm-12 { width: 100%; }
    .col-sm-6 { width: 50%; }
    .col-sm-4 { width: 33.333333%; }
    .col-sm-7{width:58.333333333333%;}
    .col-sm-6{width:50%;}
    .col-sm-5{width:41.666666666667%;}    
    
    .hide-mobile { display: none; }
    .show-mobile { display: block; }
    
    .row { margin: 0 -10px; }
    .row>div { padding: 0 10px; }
    
    /* Header */
    .active #menu { padding: 40px 0 0; }
    #menu li { margin-top: 15px; }
    #menu li.last { padding-top: 40px; }
    
    /* Homepage */
    body { padding-top: 367px; }
    #cont { margin:0 -1px; }
    #page-intro { height: 287px; }
    
    .home-boxes { padding-top: 20px; }
    .home-boxes a { height:134px; margin-bottom: 20px; }
    .home-boxes a span { font-size: 18px; margin-top: -9px; }
    .logo-link { top: 47px; width: 50px; height: 50px; margin-left: -25px; }    

    /* Footer */
    footer { padding: 40px 20px; }
    .btn-follow-us { font-size: 20px; }    
    
    /* popup */
    .follow-widget { width: 300px; height: 70px; margin: -35px 0 0 -150px; }
    .follow-widget h3 { font-size: 20px; padding-bottom: 10px; margin-bottom: 10px; }
    .follow-widget a { font-size: 13px; padding: 0px 18px 15px; }
    
    /* About */
    #text, .text-area { text-align: center; padding:45px 0px 0;  }  
    .text-cont { padding: 0; }
    
    /* Projects */
    .projects-wrapper { margin: 40px 0 0; }
    .projects-wrapper .item { float: none; width: 100%; }
    .projects-wrapper .item .overlay { padding: 15px; background-size: 60px auto; }
    .projects-wrapper .item .overlay div { font-size: 22px; }
    .projects-wrapper .item .overlay span { font-size: 12px; }
 
    /* Project */
    .controls.alt2 { padding-top: 70px; }
    .controls a.share-btn { margin-left: -41px; right: auto; left: 50%; }
    .project-images img { margin-bottom: 20px; }
    .controls a.share-btn:after, .share-btn2:after { left: 50%; margin-left: -8px; } 
    
    /* Journal */
    .journal-item { padding: 0 10px 30px; margin-top: 50px; }
    .journal-item h2 { font-size: 27px; }
    .journal-item span.tag, .journal-item .by { font-size: 16px; }
    .ctrls a { margin: 0 30px; }
    .sm-slider { margin: 0 -10px 35px; }
    
    /* Contact */
    .contact-page .btn-follow-us { float: none; padding-top: 25px; position: relative; display: inline-block; }
    .newsletter-form, .contact-form { padding:0 25px;  }
    #btn-submit { position: relative; top: 144px; z-index: 10; }
    #msg-text { position: relative; top: -80px; }
    .website-by { padding: 30px 20px 0; }
    .website-by p { text-align: center; }

    .contact-page .tel ul li{display: block;}
    .contact-page .tel ul li.name-tell{width: auto;}
    .contact-page .tel ul li.number-tell{margin-bottom: 15px;}
    .contact-page .text-cont p.follow-talk{text-align: center; }

    .newsletter-popup { padding: 40px 20px; }
    .newsletter-popup .newsletter-form { padding: 0; }
    .newsletter-form  { display: block; }
    .newsletter-form input, .newsletter-popup .newsletter-form button[type=submit], .newsletter-form button[type=submit] , .text-cont .newsletter-form input , .text-cont .newsletter-form button[type="submit"] { display: block; width: 100%; max-width: 100%; }

}

@media only screen and (max-height: 400px) {
    header.active { bottom: 0; overflow-y: scroll; }
}


/* ==========================================================================
   Helper classes
   ========================================================================== */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

/* Preload bg images */
body:after{
    display:none;
    content:url(images/item1_.jpg) url(images/item2_.jpg) url(images/item3_.jpg) url(images/bg-home.png) url(images/logo.png) url(images/icon-arrow-top.png) url(images/icon-arrow-top2.png) url(images/icon-close.png) url(images/icon-more.png) url(images/icon-select.png) url(images/icon-li.png);
}
















/* =Images
-------------------------------------------------------------- */
img.size-auto,img.size-full,img.size-large,img.size-medium,.attachment img,.widget-container img{max-width:100%;height:auto;}
.alignleft,img.alignleft{display:inline;float:left;margin-right:24px;margin-top:4px;}
.alignright,img.alignright{display:inline;float:right;margin-left:24px;margin-top:4px;}
.aligncenter,img.aligncenter{clear:both;display:block;margin-left:auto;margin-right:auto;}
img.alignleft,img.alignright,img.aligncenter{margin-bottom:12px;}
.wp-caption{background:#f1f1f1;line-height:18px;margin-bottom:20px;max-width:632px!important;padding:4px;text-align:center;}
.wp-caption img{margin:5px 5px 0;}
.wp-caption p.wp-caption-text{color:#888;font-size:12px;margin:5px;}
.gallery{margin:0 auto 18px;}
.gallery .gallery-item{float:left;margin-top:0;text-align:center;width:33%;}
.gallery-columns-2 .gallery-item{width:50%;}
.gallery-columns-4 .gallery-item{width:25%;}
.gallery img{border:10px solid #f1f1f1;}
.gallery-columns-2 .attachment-medium{max-width:92%;height:auto;}
.gallery-columns-4 .attachment-thumbnail{max-width:84%;height:auto;}
.gallery .gallery-caption{color:#888;font-size:12px;margin:0 0 12px;}
.gallery br+br{display:none;}
#content .attachment img{display:block;margin:0 auto;}
.wp-smiley,.gallery dl{margin:0;}

/* =Comments
-------------------------------------------------------------- */
#comments{clear:both;}
#comments .navigation{padding:0 0 18px;}
h3#comments-title,h3#reply-title{color:#000;font-size:20px;font-weight:700;margin-bottom:0;}
h3#comments-title{padding:24px 0;}
.commentlist li.comment{border-bottom:1px solid #e7e7e7;line-height:24px;margin:0 0 24px;padding:0 0 0 56px;position:relative;}
.commentlist li:last-child{border-bottom:none;margin-bottom:0;}
#comments .comment-body ul,#comments .comment-body ol{margin-bottom:18px;}
#comments .comment-body p:last-child{margin-bottom:6px;}
#comments .comment-body blockquote p:last-child{margin-bottom:24px;}
.commentlist ol{list-style:decimal;}
.commentlist .avatar{position:absolute;top:4px;left:0;}
.comment-author cite{color:#000;font-style:normal;font-weight:700;}
.comment-author .says{font-style:italic;}
.comment-meta{font-size:12px;margin:0 0 18px;}
.comment-meta a:link,.comment-meta a:visited{color:#888;text-decoration:none;}
.reply{font-size:12px;padding:0 0 24px;}
.reply a,a.comment-edit-link{color:#888;}
.commentlist .children li{border:none;margin:0;}
.nopassword,.nocomments{display:none;}
#comments .pingback{border-bottom:1px solid #e7e7e7;margin-bottom:18px;padding-bottom:18px;}
.commentlist li.comment+li.pingback{margin-top:-6px;}
#comments .pingback p{color:#888;display:block;font-size:12px;line-height:18px;margin:0;}
#comments .pingback .url{font-size:13px;font-style:italic;}
input[type="submit"]{color:#333;}
#respond{border-top:1px solid #e7e7e7;margin:24px 0;overflow:hidden;position:relative;}
#respond .comment-notes{margin-bottom:1em;}
.form-allowed-tags{line-height:1em;}
.children #respond{margin:0 48px 0 0;}
h3#reply-title{margin:18px 0;}
#comments-list #respond{margin:0 0 18px;}
#cancel-comment-reply-link{font-size:12px;font-weight:400;line-height:18px;}
#respond .required{color:#ff4b33;font-weight:700;}
#respond label{color:#888;font-size:12px;}
#respond input{margin:0 0 9px;width:98%;}
#respond textarea{width:98%;}
#respond .form-allowed-tags{color:#888;font-size:12px;line-height:18px;}
#respond .form-allowed-tags code{font-size:11px;}
#respond .form-submit{margin:12px 0;}
#respond .form-submit input{font-size:14px;width:auto;}
.commentlist,.commentlist .children{list-style:none;margin:0;}
.comment-meta a:active,.comment-meta a:hover,.reply a:hover,a.comment-edit-link:hover{color:#ff4b33;}
#respond p,#comments-list ul #respond{margin:0;}