@import url('bootstrap.min.css'); @import url('flexslider.css'); @import url('isotope.css'); /* font-style: normal; font-weight: normal; */ @oakmontBrown: #331F00; @oakmontBrownHover: #341F02; @georgia: 'Georgia W01 Regular', times, serif; @georgialight: 'GeorgiaProW01-Light', times, serif; @gotham: 'Proxima N W15 Light', arial, sans-serif; @gothammedium: 'Proxima N W15 Smbd', arial, sans-serif; * { /*box-shadow: 0px 0px 2px rgba(255,0,0,0.35) inset;*/ } div.space { height: 5px; } .space_above_5 { margin-top: 5px; } .space_above { margin-top: 10px; } .space_below { margin-bottom: 10px; } .space_below_15 { margin-bottom: 15px; } .space_below_20 { margin-bottom: 15px; } .space_below_30 { margin-bottom: 15px; } .img-responsive.stretch { width: 100%; } body .btn-default { border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; height: 23px; padding: 0px; padding-top: 4px; text-transform: uppercase; padding-left: 15px; padding-right: 15px; font-size: 13px; color: @oakmontBrown; font-family: @gothammedium; background: #ffffff url('/templates/default/img/button_bg.png') repeat-x center 0px; text-align: center; width: auto; } body.modal_open { overflow: hidden; } input.form-control, textarea.form-control { border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; } body .btn-default:hover { background: #f0f0f0 url('/templates/default/img/button_bg.png') repeat-x center 0px; color: @oakmontBrownHover; } body { font-size: 16px; /*background: transparent url('/templates/default/img/page_bg.jpg') repeat left top;*/ font-family: @gotham; font-style: normal; font-weight: normal; } h1, h2, h3, h4, h5, h6 { font-family: @georgia; font-weight: normal; font-style: normal; color: @oakmontBrown; } body p { font-size: 17px; color: #202020; } body p strong { font-family: @gothammedium; font-style: normal; font-weight: normal; } div[class*=col] > h1:first-child, div[class*=col] > h2:first-child, div[class*=col] > h3:first-child, div[class*=col] > h4:first-child, div[class*=col] > h5:first-child, div[class*=col] > h6:first-child, .article > h1:first-child, .article > h2:first-child, .article > h3:first-child, .article > h4:first-child, .article > h5:first-child, .article > h6:first-child { margin-top: 0px; margin-bottom: 15px; line-height: 1.3; } .article { padding-left: 5px; } .wrapper { -moz-box-shadow: 1px 1px 5px 1px rgba(0,0,0,0.4); -webkit-box-shadow: 1px 1px 5px 1px rgba(0,0,0,0.4); box-shadow: 1px 1px 5px 1px rgba(0,0,0,0.4); } #modal, .gallery { display: none; } #modal { position: fixed; z-index: 1040; overflow: auto; overflow-y: auto; top: 0px; right: 0px; bottom: 0px; left: 0px; background-color: rgba(0,0,0,0.5); } #modal > .container { -moz-box-shadow: 1px 1px 5px 1px rgba(0,0,0,0.4); -webkit-box-shadow: 1px 1px 5px 1px rgba(0,0,0,0.4); box-shadow: 1px 1px 5px 1px rgba(0,0,0,0.8); background-color: #ffffff; padding-top: 10px; /*padding-bottom: 35px;*/ } #modal .modalflexslider, #modal .flexslider, .flexslider { -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; margin: 0px; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; border: none; } #modal ul.slides { margin-top: 0px; margin-bottom: 0px; } #modal .slideshow, #modal .carousel { position: relative; } #modal .slideshow ul.slides li { position: relative; padding-bottom: 60.5%; /* 2000 x 1210 ratio */ height: 0; overflow: hidden; } #modal .slideshow ul.slides li img { position: absolute; top: 0; left: 0; right: 0px; bottom: 0px; width: auto; margin: auto; height: 100%; } #modal .carousel ul.slides li { position: relative; height: 60px; width: auto !important; margin-left: 5px; cursor: pointer; } #modal .carousel ul.slides li img { height: 100%; width: auto; margin: auto; } #modal .carousel .flex-direction-nav a { top: 45%; width: auto; font-size: 0.01px; } #modal .carousel .flex-direction-nav .flex-disabled { margin-right: -50px; margin-left: -50px; } #modal .dashboard { padding:10px 10px 9px 10px; background: #3d271a url('/templates/default/img/modal_gallery_dashboard.png') repeat-y left top; border-top: 3px solid #74645b; border-right: 3px solid #311f15; border-bottom: 3px solid #291a12; border-left: 3px solid #655952; } #modal .dashboard .caption_container { width: 24%; margin-top: 0px; margin-bottom: 0px; float: left; background-color: transparent } #modal .dashboard .carousel { width: 76%; margin-top: 0px; margin-bottom: 0px; float: left; background-color: transparent } #modal .dashboard h4 { color: #ffffff; font-family: @georgialight; font-size: 10px; text-transform: none; opacity: 0.95; margin: 0px; margin-top: 4px; } #modal .dashboard h5 { color: #ffffff; font-family: @gotham; font-size: 8px; text-transform: uppercase; opacity: 0.85; margin: 0px; margin-top: 2px; } /* #modal .flex-control-thumbs { position: absolute; bottom: -24px; left: 35%; width: 65%; z-index: 99; } #modal .flex-control-thumbs li { margin-left: 10px; width: 13%; } #modal .dashboard { position: absolute; bottom: -34px; left: 0px; right: 0px; height: 35px; z-index: 98; padding:6px 10px 10px 10px; background: #3d271a url('/templates/default/img/modal_gallery_dashboard.png') repeat-y left top; border-top: 3px solid #74645b; border-right: 3px solid #311f15; border-bottom: 3px solid #291a12; border-left: 3px solid #655952; } #modal .dashboard h4, #modal .dashboard h5 { color: #ffffff; width: 35%; margin-top: 0px; margin-bottom: 0px; } #modal .dashboard h4 { font-family: @georgialight; font-size: 10px; text-transform: none; opacity: 0.95; } #modal .dashboard h5 { font-family: @gotham; font-size: 8px; text-transform: uppercase; opacity: 0.85; } */ #modal .close_gallery { position: absolute; top: 6px; right: 16px; z-index: 50; } .flexslider { min-height: 195px; } .carousel.flexslider { min-height: 0px; } .flexslider .slider_callout { -moz-text-shadow: 1px 2px 6px rgba(0,0,0, 0.9); -webkit-text-shadow: 1px 2px 6px rgba(0,0,0, 0.9); text-shadow: 1px 2px 6px rgba(0,0,0, 0.9); color: #ffffff; /*color: rgba(255,255,255,0.95);*/ font-size: 16px; font-family: @georgia; font-weight: normal; line-height: 1.0; text-align: center; letter-spacing: 1px; } .flexslider .slider_callout.top, .flexslider .slider_callout.right, .flexslider .slider_callout.bottom, .flexslider .slider_callout.left { position: absolute; width: 55%; } .flexslider .slider_callout.top { top: 10%; } .flexslider .slider_callout.right { right: 10%; } .flexslider .slider_callout.bottom { bottom: 12%; } .flexslider .slider_callout.left { left: 10%; } .flexslider .slider_callout.bottom.right { bottom: 10%; right: 10%; width: 70%; } .flexslider.with-thumbs .flex-control-thumbs { /* position: absolute; bottom: -34px; left: 0px; right: 0px; height: 35px; z-index: 98;*/ background: #3d271a url('/templates/default/img/modal_gallery_dashboard.png') repeat-y left top; border-top: 3px solid #74645b; border-right: 3px solid #311f15; border-bottom: 3px solid #291a12; border-left: 3px solid #655952; margin: 0px; padding-left: 28%; padding-right: 28%; } .flexslider.with-thumbs .flex-control-thumbs li { padding: 2.5% 1% 2.5% 1%; text-align: center; } .a_2014_gallery .main .flex-direction-nav a { color: rgba(41,23,13, 0.4); -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; top: 42%; } // .flexslider.with-thumbs { position: relative; } .flexslider.with-thumbs ul.slides { margin-top: 0px; margin-bottom: 0px; } .flexslider.with-thumbs .slideshow, .flexslider.with-thumbs .carousel { position: relative; } .flexslider.with-thumbs .slideshow ul.slides li { position: relative; padding-bottom: 60.638%; /* 940 x 570 ratio */ height: 0; overflow: hidden; } .flexslider.with-thumbs .slideshow ul.slides li img { position: absolute; top: 0; left: 0; right: 0px; bottom: 0px; width: auto; margin: auto; height: 100%; } .flexslider.with-thumbs .carousel ul.slides li { position: relative; height: 60px; width: auto !important; margin-right: 15px; cursor: pointer; } .flexslider.with-thumbs .carousel ul.slides li img { height: 100%; width: auto; margin: auto; } .flexslider.with-thumbs .carousel .flex-direction-nav a { top: 45%; width: auto; font-size: 0.01px; } .flexslider.with-thumbs .carousel .flex-direction-nav .flex-disabled { margin-right: -50px; margin-left: -50px; } .flexslider.with-thumbs .dashboard { padding:14px 17px 13px 17px; background: #3d271a url('/templates/default/img/modal_gallery_dashboard.png') repeat-y left top; border-top: 3px solid #74645b; border-right: 3px solid #311f15; border-bottom: 3px solid #291a12; border-left: 3px solid #655952; } .flexslider.with-thumbs .dashboard .caption_container { width: 24%; margin-top: 0px; margin-bottom: 0px; float: left; background-color: transparent } .flexslider.with-thumbs .dashboard .carousel { margin-top: 0px; margin-bottom: 0px; background-color: transparent } .flexslider.with-thumbs .dashboard h4 { color: #ffffff; font-family: @georgialight; font-size: 10px; text-transform: none; opacity: 0.95; margin: 0px; margin-top: 4px; } .flexslider.with-thumbs .dashboard h5 { color: #ffffff; font-family: @gotham; font-size: 8px; text-transform: uppercase; opacity: 0.85; margin: 0px; margin-top: 2px; } // .hero { position: relative; } .header { position: relative; background: transparent url('/templates/default/img/header_bg_middle.png') repeat-y center top; } .header .navbar { background-color: transparent; border: none; margin-bottom: 0px; } .header .navbar-collapse { padding: 0px; } .header .navbar .nav { margin: 0px; } .header .navbar > .logo { float: left; } .header .navbar li { padding: 0px; margin: 0px; } .header .navbar li a { font-family: @georgia; font-style: normal; font-weight: normal; padding: 0px; font-size: 16px; text-transform: uppercase; padding: 12px 10px 6px 10px; border-bottom: 2px solid transparent; text-align: center; letter-spacing: 0.25px; color: @oakmontBrown; } .header .navbar li a br { display: none; } .header .navbar li a:hover { } .header .navbar li.last { padding-right: 0px; } .header a.navbar-brand { /*max-width: 45%;*/ padding: 0px; padding-top: 10px; left: 50%; margin-left: -85px; position: relative; } .header a.navbar-brand img { max-width: 167px; } .header .navbar-header { padding: 10px; } .header .navbar-header > button { background-color: #ffffff; margin: 0px; margin-top: 5px; border: none; margin-top: 128px; } .header .navbar-default .navbar-toggle:hover, .header .navbar-default .navbar-toggle:focus { background-color:#cccccc; } body .header .navbar .navbar-header > button > .icon-bar { background-color: #000000; border: none; } .header .navbar-collapse { border: none; margin-top: 15px; margin-bottom: 10px; margin-left: 10px; margin-right: 10px; background-color: #eeeeee; background-color: rgba(255,255,255,0.35); } .header .navbar-collapse li { text-align: center; padding-top: 5px; padding-bottom: 5px; } .header .navbar-collapse li a { display: inline; padding: 0px; border-bottom: 3px solid transparent; outline: none; } .header .navbar li a:hover, .header .navbar li a.active { color: @oakmontBrownHover; border-bottom: 3px solid @oakmontBrownHover; } .header .border { height: 5px; background: @oakmontBrown url('/templates/default/img/header_border.png') repeat-y center center; position: absolute; bottom: 0px; width: 100%; } .header .shadow { height: 25px; background: transparent url('/templates/default/img/header_shadow.png') no-repeat center center; position: absolute; bottom: -25px; width: 100%; } .main { margin-top: 0px; margin-bottom: 0px; position: relative; z-index: 10; background: #ffffff; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#dddddd)); /* Safari 4-5, Chrome 1-9 */ background: -webkit-linear-gradient(top, #ffffff, #dddddd); /* Safari 5.1, Chrome 10+ */ background: -moz-linear-gradient(top, #ffffff, #dddddd); /* Firefox 3.6+ */ background: -ms-linear-gradient(top, #ffffff, #dddddd); /* IE 10 */ background: -o-linear-gradient(top, #ffffff, #dddddd); /* Opera 11.10+ */ background: linear-gradient(top, #ffffff, #dddddd); /* proper css3 */ } .main > .container:first-child > .row:first-child > div:first-child { background-color: #ffffff; min-height: 100px; padding-top: 10px; padding-bottom: 10px; } .main .hero { min-height: 164px; border: none; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; margin: 0px; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; position: relative; } .main .flex-control-nav { bottom: -2px; z-index: 99; text-align: left; margin-left: 5px; } .main .flex-control-nav a { background-color: rgba(255,255,255, 0.4); -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .main .flex-control-nav a.flex-active { background-color: rgba(255,255,255, 0.8); -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .main .flex-direction-nav .flex-prev, .main .flex-direction-nav .flex-next { color: rgba(255,255,255, 0.8); -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; -moz-text-shadow: none; -webkit-text-shadow: none; text-shadow: none; } .main .three_column .description { margin: 0px; padding: 10px 9px 6px 9px; position: relative; background: #3d271a url('/templates/default/img/brown_banner_bg.png') repeat-y left top; } .main .three_column .description h4 { font-family: @georgialight; color: #ffffff; font-size: 21px; text-transform: none; margin-bottom: 0px; margin-top: 0px; opacity: 0.95; max-width: 70%; } .main .three_column .description h5 { font-family: @gotham; color: #ffffff; font-size: 15px; text-transform: uppercase; margin-bottom: 0px; margin-top: 0px; opacity: 0.85; max-width: 100%; } .main .three_column .description h4 br, .main .three_column .description h5 br { display: none; } .main .three_column .description .view { vertical-align: bottom; margin-top: 13px; position: absolute; bottom: 9px; right: 9px; } body.about .article h4 { margin-top: 30px; } body.project_gallery .wrapper .description { margin: 0px; padding: 12px 12px 8px 12px; position: relative; background: transparent url('/templates/default/img/brown_banner_bg_trans_80.png') repeat-y left top; margin-top: -42px; border-top: 1px solid #503c30; border-top: 1px solid rgba(120,90,72,0.8); } body.project_gallery .wrapper .description h4 { font-family: @georgialight; color: #ffffff; font-size: 21px; text-transform: none; margin-bottom: 0px; margin-top: 0px; opacity: 0.95; max-width: 80%; } body.project_gallery .wrapper a:hover { text-decoration: none; } body.project_gallery .wrapper a .overlay { background-color: rgba(41,23,13,0.65); position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; /*background: rgba(41,23,13,0.45) url('/templates/default/img/view_project_small.png') no-repeat 98% 96%;*/ -moz-opacity: 0; -webkit-opacity: 0; opacity: 0; transition: opacity 0.5s; } body.project_gallery .wrapper a .overlay .view-button { position: absolute; width: 64px; height: 23px; right: 16px; bottom: 11px; background: transparent url('/templates/default/img/view_project_small.png') no-repeat right bottom; } body.project_gallery .wrapper a:hover .overlay { -moz-opacity: 1; -webkit-opacity: 1; opacity: 1; } body.project_gallery .wrapper .overlay .caption { width: 100%; padding: 20px 20px 20px 20px; } body.project_gallery .wrapper .overlay .caption p { color: #ffffff; font-size: 10px; line-height: 1.25; } body.project_gallery .wrapper a:hover .img-responsive { /*-moz-opacity: 0.3; -webkit-opacity: 0.3; opacity: 0.3;*/ } /* body.project_gallery .wrapper a:hover .description { background-color: #3d271a; background: transparent url('/templates/default/img/brown_banner_bg_trans_90.png') repeat-y left top; } */ body.project_gallery div .sort h5 { text-transform: uppercase; font-size: 15px; font-family: @gothammedium; color: @oakmontBrown; margin-top: 10px; } body.project_gallery .sort a { font-family: @gotham; font-size: 15px; color: @oakmontBrown; margin-bottom: 8px; display: block; } body.project_gallery .sort a:hover { text-decoration: none; color: @oakmontBrownHover; } body.project_gallery #project_container { margin-bottom: -10px; padding: 0px; } body.project_gallery #project_container .wrapper { width: 100%; } body.coming_projects .wrapper .description { margin: 0px; padding: 12px 12px 8px 12px; position: relative; background: transparent url('/templates/default/img/brown_banner_bg_trans_80.png') repeat-y left top; margin-top: -42px; border-top: 1px solid #503c30; border-top: 1px solid rgba(120,90,72,0.8); } body.coming_projects .wrapper .description h4 { font-family: @georgialight; color: #ffffff; font-size: 21px; text-transform: none; margin-bottom: 0px; margin-top: 0px; opacity: 0.95; max-width: 80%; } body.coming_projects .wrapper a:hover { text-decoration: none; } body.coming_projects .wrapper a .overlay { background-color: rgba(41,23,13,0.65); position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; /*background: rgba(41,23,13,0.45) url('/templates/default/img/view_project_small.png') no-repeat 98% 96%;*/ -moz-opacity: 0; -webkit-opacity: 0; opacity: 0; transition: opacity 0.5s; } body.coming_projects .wrapper a .overlay .view-button { position: absolute; width: 64px; height: 23px; right: 16px; bottom: 11px; background: transparent url('/templates/default/img/view_project_small.png') no-repeat right bottom; } body.coming_projects .wrapper a:hover .overlay { -moz-opacity: 1; -webkit-opacity: 1; opacity: 1; } body.coming_projects .wrapper a:hover .img-responsive { /*-moz-opacity: 0.3; -webkit-opacity: 0.3; opacity: 0.3;*/ } /* body.coming_projects .wrapper a:hover .description { background-color: #3d271a; background: transparent url('/templates/default/img/brown_banner_bg_trans_90.png') repeat-y left top; } */ body.coming_projects div .sort h5 { text-transform: uppercase; font-size: 15px; font-family: @gothammedium; color: @oakmontBrown; margin-top: 10px; } body.coming_projects .sort a { font-family: @gotham; font-size: 15px; color: @oakmontBrown; margin-bottom: 8px; display: block; } body.coming_projects .sort a:hover { text-decoration: none; color: @oakmontBrownHover; } body.coming_projects #project_container { margin-bottom: -10px; padding: 0px; } body.coming_projects #project_container .wrapper { width: 100%; } body.contact .main h2.title { margin-bottom: 20px; padding-left: 5px; padding-top: 5px; } body.contact .main .contact ul { list-style: none; margin: 0px; padding: 0px; padding-left: 5px; } body.contact .main .contact li { list-style: none; margin: 0px; padding: 0px; font-family: @gotham; font-size: 17px; margin-left: 75px; letter-spacing: 1px; margin-bottom: 15px; } body.contact .main .contact li, body.contact .main .contact li a { color: #202020; line-height: 25px; vertical-align: top; } body.contact .main .contact li > span { float: left; display: block; width: 75px; margin-left: -75px; text-transform: uppercase; font-size: 14px; letter-spacing: 1px; vertical-align: top; line-height: 25px; padding-top: 1px; } body.contact .main .contact li em { font-weight: bold; font-style: normal; font-family: @gothammedium; } body.contact .main form { margin-bottom: 0px; } body.contact .main form .btn-default { border: none; background: #655245 url('/templates/default/img/button_bg_brown.png') repeat-x center bottom; color: #ffffff; padding-top: 4px; padding-bottom: 2px; height: 23px; } body.contact .main form .btn-default:hover { -moz-opacity: 0.95; -webkit-opacity: 0.95; opacity: 0.95; } body.contact .main form input.form-control, body.contact .main form textarea.form-control { margin-bottom: 10px; background-color: #eeeeee; border: 1px solid #d0d0d0; border-bottom: none; box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.2) inset; padding: 13px 5px 11px 5px; } body.contact .main form textarea.form-control { resize: none; height: 150px; padding: 5px 5px 5px 5px; } .footer { position: relative; background: transparent url('/templates/default/img/footer_bg.png') repeat-y center top; padding-top: 15px; padding-bottom: 15px; } .footer:before { content: ""; display: block; top: 0px; bottom: 0px; left: 0px; position: absolute; right: 50%; margin-right: 750px; background-color: #29170d; } .footer:after { content: ""; display: block; top: 0px; bottom: 0px; right: 0px; position: absolute; left: 50%; margin-left: 750px; background-color: #281d18; } .footer h1, .footer h2, .footer h3, .footer h4, .footer h5, .footer h6 { color: #eeeeee; text-transform: none; margin: 0px; margin-bottom: 10px; } .footer ul, .footer li, .footer li a { margin: 0px; padding: 0px; list-style: none; font-family: @gotham; color: #cccccc; font-size: 15px; line-height: 1.1; } .footer li { margin-bottom: 5px; } .footer .contact li { margin-left: 35px; } .footer .contact li > span { float: left; display: block; width: 35px; margin-left: -35px; } .footer form { margin-bottom: 0px; max-width: 250px; } .footer form .form-group { margin-bottom: 6px; } .footer form .form-control { border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; height: 22px; padding: 0px; padding-left: 5px; padding-right: 5px; padding-top: 2px; box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.3) inset; border: none; } /* .col-xs- */ .footer .footer_menu, .footer .contact, .footer .signup { width: 290px; margin: auto; } .footer .connect .social, .footer .connect h4 { text-align: left; float: left; } .footer .connect .social { margin-left: 10px; margin-top: -5px; } #success { font-weight: bold; font-style: normal; font-family: @gothammedium; font-size: 21px; padding: 131px 20px 131px 20px; background-color: #eeeeee; text-align: center; } #error { color: #ff0000; font-size: 14px; } @media (min-width: 768px) { /* .col-sm- */ .main .flex-control-nav { bottom: 15px; margin-left: 15px; } .flexslider .slider_callout.top, .flexslider .slider_callout.right, .flexslider .slider_callout.bottom, .flexslider .slider_callout.left { position: absolute; width: 50%; } .flexslider .slider_callout.top { top: 35px; } .flexslider .slider_callout.right { right: 35px; } .flexslider .slider_callout.bottom { bottom: 65px; } .flexslider .slider_callout.left { left: 0px; } .flexslider .slider_callout.bottom.right { bottom: 35px; right: 30px; width: 50%; } .flexslider .slider_callout.bottom.left { width: 40%; } .header { position: relative; /*padding-bottom: 50px;*/ } .header:before { /*content: ""; display: block; top: 0px; bottom: 0px; left: 0px; position: absolute; right: 50%; margin-right: 850px; background: transparent url('/templates/default/img/header_bg.png') repeat left top;*/ } .header:after { /*content: ""; display: block; top: 0px; bottom: 0px; right: 0px; position: absolute; left: 50%; margin-left: 850px; background: transparent url('/templates/default/img/header_bg.png') repeat left top;*/ } .header > .container { } .header .navbar ul.nav { margin-left: 7px; vertical-align: bottom; position: relative; margin-top: 100px; } .header .navbar li { padding: 20px 10px 15px 10px; min-height: 60px; vertical-align: bottom; position: relative; } .header .navbar li a { max-width: 105px; padding: 0px; color: @oakmontBrown; vertical-align: bottom; border-bottom: 3px solid transparent; font-size: 14px; line-height: 1.4; display: block; } .header .navbar li.home { margin-top: -100px; } .header .navbar li.home a { max-width: none; } .header .navbar li.home a img { max-width: 150px; } .header .navbar li a:hover { color: @oakmontBrownHover; border-bottom: 3px solid @oakmontBrownHover; background-color: transparent; } .header .navbar li.home a:hover { border-bottom: 3px solid transparent; } .header .navbar li a br { display: inline; } .header .navbar-collapse { background-color: transparent; margin: 0px; } .main { /*margin-top: -50px; margin-bottom: -50px;*/ margin-top: 0px; margin-bottom: 0px; position: relative; z-index: 10; } .main > .container > .row > div { background-color: #ffffff; -moz-box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.3); -webkit-box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.3); box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.3); } .main .three_column .description h4 br, .main .three_column .description h5 br { display: inline; } .main .hero, .flexslider, .slideshow { min-height:385px; } .flexslider .slider_callout { font-size: 34px } body.contact .main h2.title { margin-bottom: 70px; padding-left: 5px; } body.contact .main .row.space_below { margin-bottom: 60px; } .footer { padding-top: 35px; padding-bottom: 35px; } .footer h1, .footer h2, .footer h3, .footer h4, .footer h5, .footer h6 { text-align: left; } .footer .connect h4, .footer .connect .social { text-align: center; float: none; margin-left: 0px; margin-bottom: 10px } .footer .footer_menu { width: 75%; margin: auto; } .footer .contact { width: 25%; margin: auto; } .footer .divider { /*border-left: 1px solid #CACACA;*/ } .footer .divider:before { content: ""; display: block; position: absolute; left: -5px; top: 0px; bottom: 0px; width: 1px; background-color: #CACACA; } #modal > .container { /*padding-bottom: 75px;*/ } #modal .flex-control-thumbs { position: absolute; bottom: -58px; left: 35%; width: 65%; z-index: 99; } /* #modal .dashboard { position: absolute; bottom: -74px; left: 0px; right: 1px; height: 75px; z-index: 98; padding:20px 10px 10px 20px; background: #3d271a url('/templates/default/img/modal_gallery_dashboard.png') repeat-y left top; border-top: 3px solid #74645b; border-right: 3px solid #311f15; border-bottom: 3px solid #291a12; border-left: 3px solid #655952; } #modal .dashboard h4, #modal .dashboard h5 { color: #ffffff; width: 35%; margin-top: 0px; margin-bottom: 0px; } #modal .dashboard h4 { font-size: 21px; } #modal .dashboard h5 { font-size: 15px; } */ #modal .dashboard h4 { font-size: 21px; } #modal .dashboard h5 { font-size: 15px; } body.project_gallery .wrapper .overlay .caption { width: 50%; padding: 20px 20px 20px 20px; } body.project_gallery .wrapper .overlay .caption p { color: #ffffff; font-size: 12px; line-height: 1.35; } } @media (min-width: 992px) { /* .col-md- */ .header { position: relative; /*padding-bottom: 50px;*/ } .header:before { content: ""; display: block; top: 0px; bottom: 0px; left: 0px; position: absolute; right: 50%; margin-right: 850px; background: transparent url('/templates/default/img/header_bg_left.png') repeat left top; } .header:after { content: ""; display: block; top: 0px; bottom: 0px; right: 0px; position: absolute; left: 50%; margin-left: 850px; background: transparent url('/templates/default/img/header_bg_right.png') repeat left top; } .header .navbar ul.nav { margin-top: 113px; display: block; } .header .navbar li { padding: 20px 20px 15px 20px; } .header .navbar li a { font-size: 16px; } .header .navbar li.home { margin-top: -113px; } .header .navbar li.home a img { max-width:167px; } body.contact .main h2.title { margin-bottom: 20px; padding-left: 5px; padding-top: 5px; } body.contact .main .contact ul { list-style: none; margin: 0px; padding: 0px; padding-left: 5px; } body.contact .main .contact li { list-style: none; margin: 0px; padding: 0px; font-family: @gotham; font-size: 21px; margin-left: 75px; letter-spacing: 1px; margin-bottom: 15px; } body.contact .main .contact li > span { float: left; display: block; width: 75px; margin-left: -75px; text-transform: uppercase; font-size: 17px; letter-spacing: 1px; vertical-align: top; line-height: 25px; padding-top: 1px; } .main .three_column .description h4 br, .main .three_column .description h5 br { display: none; } .main .hero, .flexslider, .slideshow { min-height:500px; } /* #modal .flex-control-thumbs { position: absolute; bottom: -66px; left: 25%; width: 75%; z-index: 99; } #modal .dashboard h4, #modal .dashboard h5 { color: #ffffff; width: 25%; margin-top: 0px; margin-bottom: 0px; } */ body.project_gallery .wrapper .overlay .caption { width: 30%; padding: 20px 20px 20px 20px; } body.project_gallery .wrapper .overlay .caption p { color: #ffffff; font-size: 14px; line-height: 1.35; } } @media (min-width: 1200px) { /* .col-lg- */ .container { max-width: 960px; } }