/*import CherryFramework style*/ @import url("../CherryFramework/style.css"); @import url(//fonts.googleapis.com/css?family=Ubuntu:300,400,500,700); /* #General ================================================== */ body { @media (max-width: 767px) { padding: 0; } } .main-holder { overflow: hidden; input[type="text"], input[type="email"], input[type="tel"], textarea { background: #f2f2f2; min-height: 20px; margin: 0; padding: 16px 19px 16px 19px !important; border: none !important; .border-radius(0); .box-shadow(none); resize: none; font-family: @UbuntuFontFamily; font-size: 13px; font-weight: 300; color: #888 !important; } input[type="submit"], input[type="reset"] { background: url(images/arrow.png) no-repeat 100% 50%; height: 52px; margin: 0 15px 0 0; padding: 0 19px 0 0; border: none; .border-radius(0); .box-shadow(none); .transition(0.8s); font-family: @UbuntuFontFamily; font-size: 13px; font-weight: 300; text-shadow: none; text-transform: capitalize; color: #888; &:focus { background: url(images/arrow.png) no-repeat 100% 50%; .box-shadow(none); .transition(0.4s); color: #888; } &:hover { background: url(images/arrow.png) no-repeat 100% 50%; .box-shadow(none); .transition(0.4s); color: #f36639; } } .search-form { input[type="text"] { @media (min-width: 979px) and (max-width: 1200px) { width: 170px; } @media (min-width: 768px) and (max-width: 979px) { width: 100px; } @media (max-width: 480px) { width: 140px; } } input[type="submit"] { margin: 0 0 0 10px; } } } h1 { font-weight: 300 !important; text-align: center; text-transform: uppercase; a { text-decoration: none; color: #333; &:focus { text-decoration: none; color: #333; } &:hover { text-decoration: none; color: #f36639; } } } h2 { margin-bottom: 44px; font-weight: 300 !important; text-align: center; text-transform: uppercase; a { text-decoration: none; color: #333; &:focus { text-decoration: none; color: #333; } &:hover { text-decoration: none; color: #f36639; } } } h3 { font-weight: 300 !important; text-align: center; text-transform: uppercase; a { text-decoration: none; color: #333; &:focus { text-decoration: none; color: #333; } &:hover { text-decoration: none; color: #f36639; } } } h4 { margin-bottom: 22px; text-transform: uppercase; a { text-decoration: none; color: #fff; &:focus { text-decoration: none; color: #fff; } &:hover { text-decoration: none; color: #f36639; } } } h5 { text-transform: uppercase; a { text-decoration: none; color: #f36639; &:focus { text-decoration: none; color: #f36639; } &:hover { text-decoration: none; color: #333; } } } p { margin: 0 0 19px 0; font-weight: 300; } a { .transition(0.8s); &:hover { .transition(0.4s); text-decoration: none; } } img.alignnone { @media (max-width: 767px) { width: 100%; } } /* #Header ================================================== */ .header { background: none; margin: 0; padding: 0; border: none; @media (max-width: 767px) { padding: 0 20px; text-align: center; } .header_block_1 { padding: 14px 0 8px 0; .header_widget_1 { line-height: 19px; font-size: 12px; font-weight: 300; text-transform: uppercase; color: #888; @media (max-width: 767px) { text-align: center; } h4 { margin: 0; padding: 0; line-height: 20px; font-size: 14px; font-weight: 300 !important; color: #f36639; } .textwidget { b { display: block; padding: 1px 0 0 0; font-weight: 300; &:before { margin: 0 7px 0 0; line-height: 20px; font-family: FontAwesome; font-size: 12px; color: #f36639; content: '\f041'; } } } } .header_widget_2 { float: right; @media (max-width: 767px) { display: inline-block; float: none; padding: 20px 0 10px 0; vertical-align: top; } @media (max-width: 480px) { padding-top: 10px; } h4 { float: left; margin: 0; padding: 0; line-height: 20px; font-size: 14px; font-weight: 300 !important; color: #f36639; @media (max-width: 480px) { float: none; margin: 0 0 4px 0; } } .textwidget { float: right; margin: 0 0 0 10px; line-height: 20px; font-size: 14px; font-weight: 700; text-align: right; text-transform: uppercase; color: #fff; @media (max-width: 480px) { float: none; margin: 0; text-align: center; } b { background: #f36639; float: right; margin: -7px 0 0 17px; padding: 7.5px 9px 7.5px 9px; border: none; .border-radius(4px); @media (max-width: 480px) { display: inline-block; float: none; margin: -3px 0 0 9px; padding: 3px 6px 3px 6px; vertical-align: top; } } } } } .header_block_2 { background: #f36639; position: relative; @media (max-width: 767px) { padding: 20px 0; } &.isStuck { z-index: 999; } &:before { background: #f36639; display: block; position: absolute; top: 0; bottom: 0; left: -10000px; width: 10000px; z-index: -1; content: ''; } &:after { background: #f36639; display: block; position: absolute; top: 0; bottom: 0; right: -10000px; width: 10000px; z-index: -1; content: ''; } } .logo { margin: 16px 0 14px 0; @media (min-width: 1200px) { margin-left: 1px; } @media (min-width: 768px) and (max-width: 979px) { width: auto; } @media (max-width: 767px) { display: inline-block; float: none; margin: 0 0 20px 0; vertical-align: top; } .logo_h__txt { text-transform: uppercase; a { font-weight: 300; text-decoration: none; &:focus { text-decoration: none; color: #fff; } &:hover { text-decoration: none; color: #fff; } } } .logo_tagline { display: none; } } .nav__primary { margin: 0; padding: 0; .sf-menu { border-left: 1px solid #fd8d47; ul { background: #333; width: 140px; padding: 24px 20px 27px 20px; .box-shadow(0 0 5px rgba(0,0,0,0.3)); text-align: left; } > li { background: none; border-right: 1px solid #fd8d47; > a { position: relative; padding: 25px 28px 25px 28px; border: none; text-transform: uppercase; text-decoration: none; @media (min-width: 768px) and (max-width: 979px) { padding-right: 15px; padding-left: 15px; } &:before { background: #b45435; display: block; position: absolute; top: 100%; right: 0; bottom: 0; left: 0; .transition(0.8s); z-index: -1; content: ''; } } li { background: none; margin: 14px 0 0 0; &:first-child { margin: 0; } a { padding: 0 0 0 0; border: none; line-height: 18px; font-size: 12px; font-weight: 300; text-transform: uppercase; text-decoration: none; color: #fff; } .sf-sub-indicator { top: 50%; right: -12px; margin: -5px 0 0 0; } } } } ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul { top: -24px; left: 165px; @media (min-width: 768px) and (max-width: 979px) { right: 165px; left: auto; } } .sf-menu > li > a:hover, .sf-menu > li.sfHover> a, .sf-menu > li.current-menu-item > a, .sf-menu > li.current_page_item > a { background: none; &:before { top: 0; .transition(0.4s); } } .sf-menu li li > a:hover, .sf-menu li li.sfHover > a, .sf-menu li li.current-menu-item > a, .sf-menu li li.current_page_item > a { background: none; color: #f36639; } .sf-sub-indicator { top: 47px; right: 50%; margin: 0 -5px 0 0; } } .search-form { padding: 15px 0; } } /*/ Header */ /* Slider ---------------------------------------- */ #slider-wrapper { .container { position: relative; left: 50%; width: 2048px; margin: 0 0 0 -1024px; @media (min-width: 2049px) { left: auto; width: auto; margin: 0; } @media (max-width: 767px) { width: 1048px; margin: 0 0 0 -524px; } } .camera_caption { position: absolute; top: 157px; right: auto; bottom: auto; left: 50%; width: 1170px; margin: 0 0 0 -585px; @media (min-width: 979px) and (max-width: 1200px) { width: 940px; margin: 0 0 0 -470px; } @media (min-width: 768px) and (max-width: 979px) { width: 724px; margin: 0 0 0 -362px; } @media (max-width: 767px) { width: 440px; margin: 0 0 0 -220px; top: auto; bottom: 66px; } div { background: none; padding: 0 0 0 552px; line-height: 61px; font-size: 50px; font-weight: 300; text-align: center; text-transform: uppercase; color: #fff; @media (min-width: 979px) and (max-width: 1200px) { padding: 0 0 0 352px; } @media (min-width: 768px) and (max-width: 979px) { padding: 0 0 0 252px; line-height: 51px; font-size: 40px; } @media (max-width: 767px) { padding: 0; line-height: 41px; font-size: 30px; } strong { display: block; font-weight: 500; } em { display: block; margin: 19px 0 0 0; font-style: normal; a { display: inline-block; margin: 0; padding: 14px 39px 14px 39px; vertical-align: top; border: 2px solid #f36639; .border-radius(4px); .transition(0.8s); line-height: 19px; font-size: 16px; font-weight: 400; text-transform: uppercase; text-decoration: none; color: #fff; @media (max-width: 767px) { padding: 11px 19px 11px 19px; } &:focus { background: none; .transition(0.4s); text-decoration: none; color: #fff; &:before { .transition(0.4s); color: #f36639; } } &:hover { background: #f36639; .transition(0.4s); text-decoration: none; color: #fff; &:before { .transition(0.4s); color: #fff; } } &:before { display: inline-block; margin: -2px 11px 0 2px; .transition(0.8s); vertical-align: top; line-height: 21px; font-family: FontAwesome; font-size: 21px; color: #f36639; content: '\f02d'; } } } } } .camera_pag { position: absolute; right: 0; bottom: 135px; left: 0; text-align: center; @media (max-width: 767px) { bottom: 0; } } .camera_thumbs { position: absolute; right: 0; bottom: 135px; left: 0; text-align: center; @media (max-width: 767px) { bottom: 0; } .camera_thumbs_cont { background: none; } } .camera_prev { background: none; position: absolute; top: 50%; left: 50%; width: auto; height: auto; margin: -18px 0 0 -920px; padding: 0; @media (min-width: 1201px) and (max-width: 1850px) { margin-left: -585px; } @media (min-width: 979px) and (max-width: 1200px) { margin-left: -470px; } @media (min-width: 768px) and (max-width: 979px) { margin-left: -362px; } @media (max-width: 767px) { top: 20px; margin: 0 0 0 -20px; } &:focus { &:before { .transition(0.4s); color: #fff; } } &:hover { &:before { .transition(0.4s); color: #f36639; } } &:before { display: inline-block; .transition(0.8s); vertical-align: top; line-height: 33px; font-family: FontAwesome; font-size: 33px; color: #fff; content: '\f104'; } span { display: none; } } .camera_next { background: none; position: absolute; top: 50%; right: 50%; width: auto; height: auto; margin: -18px -920px 0 0; padding: 0; @media (min-width: 1201px) and (max-width: 1850px) { margin-right: -585px; } @media (min-width: 979px) and (max-width: 1200px) { margin-right: -470px; } @media (min-width: 768px) and (max-width: 979px) { margin-right: -362px; } @media (max-width: 767px) { top: 20px; margin: 0 -20px 0 0; } &:focus { &:before { .transition(0.4s); color: #fff; } } &:hover { &:before { .transition(0.4s); color: #f36639; } } &:before { display: inline-block; .transition(0.8s); vertical-align: top; line-height: 33px; font-family: FontAwesome; font-size: 33px; color: #fff; content: '\f105'; } span { display: none; } } .camera_commands { position: absolute; top: 20px; right: 50%; margin: 0 -20px 0 0; } } /*/ Slider */ /* #Content ================================================== */ .content-holder { margin: 0; padding: 55px 0; @media (max-width: 767px) { padding: 55px 20px; } body.home & { padding: 0; @media (max-width: 767px) { padding: 20px 20px 0 20px; } } } /*/ Content */ /* #Comments ================================================== */ /*/ Comments */ /* #Widgets ================================================== */ #sidebar { h3 { margin-bottom: 28px; } .widget { margin: 53px 0 0 0; &:first-child { margin: 0; } } .widget_categories, .widget_archive, .widget_nav_menu, .widget_meta, .widget_meta, .widget_pages, .widget_recent_comments, .widget_recent_entries { ul { margin: 0; padding: 0; li { position: relative; margin: 15px 0 0 0; padding: 0 0 0 23px; list-style: none; line-height: 19px; font-size: 16px; font-weight: 400; text-transform: uppercase; color: #888; &:before { position: absolute; top: 0; left: 0; line-height: 20px; font-family: FontAwesome; font-size: 16px; color: #f36639; content: '\f054'; } &:first-child { margin: 0; } a { text-decoration: none; color: #888; &:focus { text-decoration: none; color: #888; } &:hover { text-decoration: none; color: #f36639; } } ul { padding: 15px 0 0 0; } } } } #wp-calendar { caption { color: #f36639; } thead { tr { th { color: #f36639; } } } } .comments-custom { li { margin: 31px 0 0 0; padding: 0; line-height: 19px; &:first-child { margin: 0; } .thumbnail { margin: 4px 30px 4px 0; } .meta_format { margin: 0; } h4 { margin: 0; padding: 14px 0 0 0; line-height: 23px; font-size: 16px; font-weight: 400 !important; color: #f36639; } time { display: block; line-height: 23px; font-size: 16px; color: #333; } .comments-custom_txt { margin: 10px 0 0 0; padding: 0; border: none; a { text-decoration: none; color: #888; &:focus { text-decoration: none; color: #888; } &:hover { text-decoration: none; color: #f36639; } } } } } } /*/ Widgets */ /* #Shortcodes ================================================== */ .service-box { &.style_1 { background: none; min-height: 211px; position: relative; margin: -135px 0 56px 0; padding: 29px 20px 29px 20px; border: none; .border-radius(0); .box-shadow(none); text-align: center; @media (min-width: 768px) and (max-width: 979px) { padding-right: 15px; padding-left: 15px; } @media (max-width: 767px) { margin: 0 0 20px 0; padding-right: 15px; padding-left: 15px; } &:hover { &:after { top: 0; .transition(0.4s); } .service-box_txt { .opacity(0); .transition(0.4s); } .btn-align { bottom: 30px; .opacity(100); .transition(0.4s); a { .opacity(100); .transition(0.4s); } } } &:before { background: #f36639; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; content: ''; } &:after { background: #b45435; display: block; position: absolute; top: 100%; right: 0; bottom: 0; left: 0; .transition(0.8s); z-index: -1; content: ''; } .icon { display: inline-block; float: none; margin: 0 0 16px 0; vertical-align: top; } h2 { margin: 0; padding: 0; line-height: 33px; font-size: 30px; font-weight: 500 !important; color: #fff; @media (min-width: 979px) and (max-width: 1200px) { line-height: 23px; font-size: 20px; } @media (min-width: 768px) and (max-width: 979px) { line-height: 20px; font-size: 17px; } } h5 { margin: 0 0 6px 0; padding: 0; line-height: 33px; font-size: 30px; font-weight: 300 !important; text-transform: uppercase; color: #fff; @media (min-width: 979px) and (max-width: 1200px) { line-height: 23px; font-size: 20px; } @media (min-width: 768px) and (max-width: 979px) { line-height: 20px; font-size: 17px; } } .service-box_txt { min-height: 57px; margin: 0; padding: 0; .opacity(100); .transition(0.8s); line-height: 19px; font-size: 13px; color: #fff; @media (min-width: 768px) and (max-width: 979px) { min-height: 54px; line-height: 18px; font-size: 12px; } } .btn-align { position: absolute; right: 0; bottom: -35px; left: 0; .opacity(0); .transition(0.8s); text-align: center; a { background: none; border-color: #fff; .opacity(0); .transition(0.8s); &:focus { background: none; border-color: #fff; } &:hover { background: #333; border-color: #333; } } } } &.style_2 { background: none; margin: 0; padding: 0; border: none; .border-radius(0); .box-shadow(none); text-align: center; @media (min-width: 1200px) { padding-top: 39px; } h2 { margin: 0 0 10px 0; padding: 0; font-weight: 500 !important; color: #f36639; } h5 { margin: 0 0 27px 0; padding: 0; line-height: 33px; font-size: 30px; font-weight: 300 !important; text-transform: uppercase; color: #333; } .service-box_txt { font-weight: 300; } } &.style_3 { background: none; margin: 0; padding: 0; border: none; .border-radius(0); .box-shadow(none); text-align: center; @media (max-width: 767px) { margin: 0 0 30px 0; } h2 { margin: 0 0 10px 0; padding: 0; font-weight: 500 !important; color: #f36639; } h5 { margin: 0 0 27px 0; padding: 0; line-height: 33px; font-size: 30px; font-weight: 300 !important; text-transform: uppercase; color: #333; } .service-box_txt { margin: 0 0 36px 0; font-weight: 300; } } &.style_4 { background: none; margin: 0; padding: 0; border: none; .border-radius(0); .box-shadow(none); text-align: center; @media (max-width: 767px) { margin: 0 0 30px 0; } h2 { margin: 0 0 10px 0; padding: 0; font-weight: 500 !important; color: #f36639; } h5 { margin: 0 0 27px 0; padding: 0; line-height: 33px; font-size: 30px; font-weight: 300 !important; text-transform: uppercase; color: #333; } .service-box_txt { margin: 0 0 22px 0; font-weight: 300; p { margin: 0 0 14px 0; } } } &.style_5 { background: none; position: relative; margin: 0 0 2px 0; padding: 29px 20px 32px 20px; border: none; .border-radius(0); .box-shadow(none); text-align: center; z-index: 9; @media (min-width: 1200px) { padding-right: 12px; padding-left: 12px; } @media (min-width: 768px) and (max-width: 979px) { padding-right: 10px; padding-left: 10px; } @media (max-width: 767px) { margin: 0 0 20px 0; padding-right: 15px; padding-left: 15px; } &:hover { &:after { top: 0; .transition(0.4s); } .service-box_txt { .opacity(0); .transition(0.4s); } .btn-align { bottom: 30px; .opacity(100); .transition(0.4s); } } &:before { background: #f36639; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; content: ''; } &:after { background: #b45435; display: block; position: absolute; top: 100%; right: 0; bottom: 0; left: 0; .transition(0.8s); z-index: -1; content: ''; } .icon { display: inline-block; float: none; margin: 0 0 20px 0; vertical-align: top; } h2 { margin: 0; padding: 0; line-height: 33px; font-size: 30px; font-weight: 500 !important; color: #fff; @media (min-width: 979px) and (max-width: 1200px) { line-height: 23px; font-size: 20px; } @media (min-width: 768px) and (max-width: 979px) { line-height: 20px; font-size: 17px; } } h5 { margin: 0 0 6px 0; padding: 0; line-height: 33px; font-size: 30px; font-weight: 300 !important; text-transform: uppercase; color: #fff; @media (min-width: 979px) and (max-width: 1200px) { line-height: 23px; font-size: 20px; } @media (min-width: 768px) and (max-width: 979px) { line-height: 20px; font-size: 17px; } } .service-box_txt { margin: 0; padding: 0; min-height: 57px; .opacity(100); .transition(1.6s); line-height: 19px; font-size: 13px; color: #fff; @media (min-width: 768px) and (max-width: 979px) { .hyphens(auto); min-height: 54px; line-height: 18px; font-size: 12px; } } .btn-align { position: absolute; right: 0; bottom: -35px; left: 0; .opacity(0); .transition(0.8s); text-align: center; a { background: none; border-color: #fff; &:focus { background: none; border-color: #fff; } &:hover { background: #333; border-color: #333; } } } } &.style_6 { background: none; margin: 0; padding: 0; border: none; .border-radius(0); .box-shadow(none); text-align: center; h2 { margin: 0 0 11px 0; padding: 0; line-height: 50px; font-size: 50px; font-weight: 300 !important; text-transform: uppercase; color: #f36639; @media (max-width: 767px) { line-height: 40px; font-size: 40px; } @media (max-width: 480px) { line-height: 30px; font-size: 30px; } } h5 { margin: 0 0 28px 0; padding: 0; line-height: 50px; font-size: 50px; font-weight: 500 !important; text-transform: uppercase; color: #fff; @media (max-width: 767px) { line-height: 40px; font-size: 40px; } @media (max-width: 480px) { line-height: 30px; font-size: 30px; } } .service-box_txt { margin: 0 0 22px 0; line-height: 19px; font-size: 13px; font-weight: 300; color: #fff; @media (min-width: 1200px) { padding: 0 200px; } } } &.style_7 { background: none; margin: 0; padding: 1px 0 0 0; border: none; .border-radius(0); .box-shadow(none); text-align: center; @media (max-width: 767px) { margin: 0 0 30px 0; } h2 { margin: 0 0 13px 0; padding: 0; line-height: 30px; font-size: 30px; font-weight: 500 !important; color: #f36639; } h5 { margin: 0 0 28px 0; padding: 0; line-height: 30px; font-size: 30px; font-weight: 300 !important; color: #fff; } .service-box_txt { margin: 0 0 22px 0; @media (min-width: 1200px) { padding: 0 20px; } } } .btn-align { text-align: center; } } .parallax-box { margin: 34px 0 45px 0; .parallax-content { padding: 79px 0 87px 0; } } a.btn-primary { background: #f36639; display: inline-block; margin: 0; padding: 7px 24px 7px 24px; border: 1px solid #f36639; .border-radius(4px); .box-shadow(none); .transition(0.8s); vertical-align: top; line-height: 19px; font-family: @UbuntuFontFamily; font-size: 13px; font-weight: 400; text-shadow: none; text-transform: uppercase; text-decoration: none; color: #fff; &:focus { background: #f36639; border-color: #f36639; .box-shadow(none); .transition(0.4s); text-decoration: none; color: #fff; } &:hover { background: #333; border-color: #333; .box-shadow(none); .transition(0.4s); text-decoration: none; color: #fff; } } .content_box { background: #f2f2f2; margin: 31px 0 54px 0; padding: 53px 0 59px 0; text-align: center; &:before, &:after { background: #f2f2f2; } &.full_width { margin: 32px 0 44px 0; padding: 0; } &.box { margin: 31px 0 0 0; padding: 40px 0 39px 0; } &.box_1 { background: #333; position: relative; margin: 0 0 -55px 0; padding: 56px 0 55px 0; z-index: 99; &:before, &:after { background: #333; } a.btn-primary { &:focus { background: #f36639; border-color: #f36639; color: #fff; } &:hover { background: #fff; border-color: #fff; color: #f36639; } } } } .thumbnail { padding: 0; border: none; .border-radius(0); .box-shadow(none); a { .zoom-icon { background: rgba(243,102,57,0.8); &:before { background: url(images/magnify.png) no-repeat 0% 0%; display: block; width: 23px; height: 23px; overflow: hidden; margin: -11.5px 0 0 -11.5px; content: ''; } } } } .title-box { margin: 0 0 32px 0; h2 { margin: 0 0 10px 0; padding: 0; font-weight: 300 !important; @media (min-width: 768px) and (max-width: 979px) { line-height: 30px; font-size: 27px; } @media (max-width: 767px) { margin: 0 0 5px 0; line-height: 27px; font-size: 24px; } } h3 { margin: 0; padding: 0; font-weight: 500 !important; @media (min-width: 768px) and (max-width: 979px) { line-height: 30px; font-size: 27px; } @media (max-width: 767px) { line-height: 27px; font-size: 24px; } } } .list { &.arrow-list { margin: 0 0 38px 0; padding: 0; ul { li { position: relative; margin: 15px 0 0 0; padding: 0 0 0 23px; line-height: 19px; font-size: 16px; text-align: left; color: #888; &:first-child { margin: 0; } &:before { position: absolute; top: 1px; left: 0; .transition(0.8s); line-height: 19px; font-family: FontAwesome; font-size: 16px; color: #f36639; content: '\f054'; } a { text-decoration: none; color: #888; &:focus { text-decoration: none; color: #888; &:before { .transition(0.4s); color: #f36639; } } &:hover { text-decoration: none; color: #f36639; &:before { .transition(0.4s); color: #333; } } &:before { position: absolute; top: 1px; left: 0; .transition(0.8s); line-height: 19px; font-family: FontAwesome; font-size: 16px; color: #f36639; content: '\f054'; } } } } } } .list_1 { margin: 0 !important; padding: 0; line-height: 0; font-size: 0; li { position: relative; display: inline-block; float: none; width: 25%; margin: 0; padding: 0; list-style: none; vertical-align: top; line-height: 19px; font-size: 13px; font-weight: 300; color: #fff; @media (min-width: 768px) and (max-width: 979px) { width: 50%; } @media (max-width: 767px) { width: 50%; } @media (max-width: 480px) { width: 100%; } &:hover { .caption { &:before { top: 0; .transition(0.4s); } } .meta { margin-top: 0; .transition(0.4s); color: #fff; } h5 { margin: 0 0 20px 0; .transition(0.4s); @media (min-width: 979px) and (max-width: 1200px) { margin: 0 0 10px 0; } @media (min-width: 768px) and (max-width: 979px) { margin: 0 0 10px 0; } @media (max-width: 767px) { margin: 0 0 10px 0; } } .btn-align { .opacity(100); .transition(0.4s); } } .thumbnail { background: #333; float: none; margin: 0; @media (max-width: 480px) { width: 100%; } a { img { width: 100%; .opacity(50); } } } .caption { display: table-cell; position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 5px 20px; vertical-align: middle; z-index: 2; @media (min-width: 1700px) { padding-right: 100px; padding-left: 100px; } &:before { background: rgba(243,102,57,0.8); display: block; position: absolute; top: 100%; right: 0; bottom: 0; left: 0; .transition(0.8s); z-index: -1; content: ''; } .inner { display: inline-block; vertical-align: middle; } .auxiliary { display: inline-block; vertical-align: middle; width: 0px; height: 100%; } } .meta { display: block; margin: 35px 0 6px 0; padding: 0; .transition(0.8s); line-height: 33px; font-size: 33px; font-weight: 300; color: #f36639; @media (min-width: 979px) and (max-width: 1200px) { line-height: 23px; font-size: 23px; } @media (min-width: 768px) and (max-width: 979px) { line-height: 23px; font-size: 23px; } @media (max-width: 767px) { line-height: 23px; font-size: 23px; } i { display: inline-block; margin: 1px 0 0 0; vertical-align: top; line-height: 19px; font-size: 19px; font-style: normal; @media (min-width: 979px) and (max-width: 1200px) { line-height: 14px; font-size: 14px; } @media (min-width: 768px) and (max-width: 979px) { line-height: 14px; font-size: 14px; } @media (max-width: 767px) { line-height: 14px; font-size: 14px; } } } h5 { margin: 0; padding: 0; .transition(0.8s); line-height: 43px; font-size: 30px; font-weight: 300 !important; color: #fff; @media (min-width: 1201px) and (max-width: 1500px) { line-height: 33px; font-size: 20px; } @media (min-width: 979px) and (max-width: 1200px) { line-height: 24px; font-size: 16px; } @media (min-width: 768px) and (max-width: 979px) { line-height: 24px; font-size: 16px; } @media (max-width: 767px) { line-height: 24px; font-size: 16px; } a { text-decoration: none; color: #fff; &:focus { text-decoration: none; color: #fff; } &:hover { text-decoration: none; color: #333; } } } .btn-align { .opacity(0); .transition(0.8s); } a.btn-primary { background: none; border-color: #fff; &:focus { background: none; border-color: #fff; } &:hover { background: #333; border-color: #333; } } } } .list_2 { margin: 0 !important; padding: 0; li { display: inline-block; margin: 0 50px 0 50px; padding: 0; list-style: none; vertical-align: top; @media (min-width: 979px) and (max-width: 1200px) { margin: 0 25px 0 25px; } @media (min-width: 768px) and (max-width: 979px) { margin: 0 13px 0 13px; } @media (max-width: 767px) { margin: 15px !important; } &:first-child { margin-left: 0; } &:last-child { margin-right: 0; } .thumbnail { background: none; display: inline-block; float: none; margin: 0; padding: 0; vertical-align: top; a { display: inline-block; vertical-align: top; &:hover { img { .opacity(100); .transition(0.4s); } } img { .opacity(20); .transition(0.8s); } } } .caption { display: none; } } } .list_3 { padding: 0 0 14px 0; li { text-align: center; .thumbnail { display: inline-block; float: none; margin: 0 0 15px 0; overflow: hidden; .border-radius(50%); vertical-align: top; a { .border-radius(50%); .zoom-icon { .border-radius(50%); } img { .border-radius(50%); } } } h5 { margin: 0 0 16px 0; } .excerpt { @media (min-width: 1200px) { padding: 0 25px; } } } } div.testimonials { margin: 0 0 0 -30px; padding: 0 0 25px 0; line-height: 0; font-size: 0; @media (min-width: 979px) and (max-width: 1200px) { margin: 0 0 0 -20px; } @media (min-width: 768px) and (max-width: 979px) { margin: 0 0 0 -20px; } @media (max-width: 767px) { margin: 0; } .testi-item { display: inline-block; width: 370px; margin: 0 0 0 30px; padding: 0; vertical-align: top; line-height: 19px; font-size: 13px; text-align: center; @media (min-width: 979px) and (max-width: 1200px) { width: 300px; margin: 0 0 0 20px; } @media (min-width: 768px) and (max-width: 979px) { width: 228px; margin: 0 0 0 20px; } @media (max-width: 767px) { width: 100%; margin: 40px 0 0 0; } .featured-thumbnail { display: inline-block; float: none; width: auto; height: auto; margin: 0 0 25px 0; vertical-align: top; .border-radius(50%); img { .border-radius(50%); } } blockquote { background: none; margin: 0; padding: 0; border: none; .border-radius(0); .box-shadow(0); font-weight: 300; &:before { background: url(images/quotes.png) no-repeat 0% 0%; position: relative; display: inline-block; width: 33px; height: 23px; overflow: hidden; margin: -8px 9px 0 0; padding: 0; border: none; vertical-align: top; top: auto; right: auto; bottom: auto; left: auto; content: ''; } &:after { display: none; } a { text-decoration: none; color: #888; &:focus { text-decoration: none; color: #888; } &:hover { text-decoration: none; color: #f36639; } } } .testi-meta { padding: 17px 0 0 0; line-height: 19px; font-size: 16px; font-weight: 400; text-transform: uppercase; color: #f36639; .user { &:after { display: none; } } } } } /*/ Shortcodes */ /* #Footer ================================================== */ .footer { background: none; margin: 0; padding: 0; border: none; @media (max-width: 767px) { padding: 0 20px; } .container { border-top: 2px solid #f2f2f2; body.home & { border: none; } } .footer-widgets { background: #333; position: relative; padding: 46px 0 66px 0; line-height: 19px; font-size: 12px; font-weight: 300; text-transform: uppercase; color: #888; @media (min-width: 1200px) { padding: 46px 0 114px 0; } @media (max-width: 767px) { padding: 20px 0; } &:before { background: #333; display: block; position: absolute; top: 0; bottom: 0; left: -10000px; width: 10000px; z-index: -1; content: ''; } &:after { background: #333; display: block; position: absolute; top: 0; bottom: 0; right: -10000px; width: 10000px; z-index: -1; content: ''; } .span3 { @media (max-width: 767px) { padding: 20px 0; } } ul { margin: 0; padding: 0; li { margin: 13px 0 0 0; padding: 0; list-style: none; line-height: 19px; font-size: 12px; font-weight: 300; text-transform: uppercase; color: #888; &:first-child { margin: 0; } a { text-decoration: none; color: #888; &:focus { text-decoration: none; color: #888; } &:hover { text-decoration: none; color: #f36639; } } } } .textwidget { b { display: block; margin: 0 0 13px 0; font-weight: 300; &:before { margin: 0 6px 0 0; font-family: FontAwesome; font-size: 12px; color: #f36639; content: '\f041'; } } i { display: block; margin: 0 0 13px 0; font-style: normal; &:before { margin: 0 6px 0 0; font-family: FontAwesome; font-size: 12px; color: #f36639; content: '\f095'; } } em { display: block; margin: 0 0 13px 0; font-style: normal; &:before { margin: 0 6px 0 0; font-family: FontAwesome; font-size: 12px; color: #f36639; content: '\f003'; } } } .social-nets-wrapper { ul { margin: 0; padding: 0; line-height: 0; font-size: 0; li { display: inline-block; margin: 0 0 0 15px; padding: 0; list-style: none; vertical-align: top; &:first-child { margin: 0; } a { display: inline-block; .transition(0.8s); vertical-align: top; &:hover { &:before { transform: rotateY(360deg); -webkit-transform: rotateY(360deg); .transition(0.4s); color: #fff; } } &[title="facebook"] { &:before { content: '\f09a'; } } &[title="twitter"] { &:before { content: '\f099'; } } &[title="youtube"] { &:before { content: '\f167'; } } &:before { display: inline-block; .transition(0.8s); vertical-align: top; line-height: 19px; font-family: FontAwesome; font-size: 12px; color: #f36639; } img { display: none; } } } } } a { text-decoration: none; color: #888; &:focus { text-decoration: none; color: #888; } &:hover { text-decoration: none; color: #f36639; } } } .copyright { padding: 18px 0 18px 0; line-height: 19px; font-size: 11px; font-weight: 300; text-align: center; color: #888; .footer-text { float: none; margin: 0; } a { text-decoration: none; color: #888; &:focus { text-decoration: none; color: #888; } &:hover { text-decoration: none; color: #f36639; } } .footer-nav { float: none; margin: 0; text-align: center; ul { float: none; margin: 0; padding: 0; line-height: 0; font-size: 0; text-align: center; li { display: inline-block; float: none; margin: 0 0 0 13px; padding: 0; list-style: none; vertical-align: top; font-weight: 300; @media (max-width: 767px) { margin: 0 5px !important; } &:first-child { margin: 0; } &.current-menu-item { a { text-decoration: none; color: #f36639; } } a { font-weight: 300; text-decoration: none; &:focus { text-decoration: none; color: #888888; } &:hover { text-decoration: none; color: #f36639; } } } } } } } /*/ Footer */ /* #Misc ================================================== */ /* Custom Map */ #map { img { max-width: none; } #content { font-size: 10px; color: #babbc2; padding-top: 0; h6 { font-size: 13px; line-height: 1.2em; color: #434458; margin: 0 0 4px 0; } p { line-height: 14px; margin-bottom: 0; } a { color: @linkColorHover; text-decoration: underline; &:hover, &:focus { text-decoration: none; } } } } .gm-style .gm-style-iw #content a { font-size: 11px; } .full_width { position: relative; } #back-top-wrapper { right: 20px; bottom: 30px; z-index: 999; p#back-top { margin: 0; a { &:hover { span { background-color: #333; .transition(0.4s); } } span { background-color: #f36639; margin: 0; .border-radius(4px); .transition(0.8s); } } } } .title-section { background: #333; position: relative; margin: -55px 0 5px 0; padding: 23px 0 23px 0; line-height: 0; font-size: 0; &:before { background: #333; display: block; position: absolute; top: 0; bottom: 0; left: -10000px; width: 10000px; z-index: -1; content: ''; } &:after { background: #333; display: block; position: absolute; top: 0; bottom: 0; right: -10000px; width: 10000px; z-index: -1; content: ''; } h1 { margin: 0; padding: 0; line-height: 24px; font-size: 24px; font-weight: 500 !important; text-align: left; text-transform: uppercase; color: #f36639; @media (min-width: 1200px) { display: inline-block; width: 50%; vertical-align: top; } @media (max-width: 767px) { margin: 0 0 5px 0; line-height: 18px; font-size: 18px; } } ul { background: none; margin: 0; padding: 0; border: none; .border-radius(0); .box-shadow(none); @media (min-width: 1200px) { display: inline-block; width: 50%; vertical-align: top; text-align: right; } li { margin: 0; padding: 0; list-style: none; line-height: 24px; font-size: 24px; font-weight: 500; text-shadow: none; text-transform: uppercase; color: #f36639; @media (max-width: 767px) { line-height: 14px; font-size: 14px; } &.active { color: #fff; } &.divider { margin: 0 6px; &:after { line-height: 24px; font-family: @UbuntuFontFamily; font-size: 24px; font-weight: 500; text-shadow: none; text-transform: uppercase; color: #f36639; content: '|'; @media (max-width: 767px) { line-height: 14px; font-size: 14px; } } } a { text-decoration: none; color: #f36639; &:focus { text-decoration: none; color: #f36639; } &:hover { text-decoration: none; color: #fff; } } } } } article.post { h3 { line-height: 23px; font-size: 16px; text-align: left; } } .post_meta { font-weight: 300; i { color: #f36639; } a { text-decoration: none; color: #888; &:focus { text-decoration: none; color: #888; } &:hover { text-decoration: none; color: #f36639; } } } .post-author { background: #f2f2f2; border: none; font-weight: 300; h3 { margin: 0 0 15px 0; line-height: 20px; font-size: 16px; font-weight: 400 !important; text-align: left; text-transform: uppercase; color: #f36639; a { text-decoration: none; color: #f36639; &:focus { text-decoration: none; color: #f36639; } &:hover { text-decoration: none; color: #333; } } } .post-author_gravatar { img { background: none; border: none; } } .post-author_desc { @media (max-width: 480px) { overflow: visible; } } .post-author_link { margin: 15px 0 0 0; p { margin: 0; font-weight: 400; text-transform: uppercase; color: #333; } } } .related-posts { ul { li { line-height: 19px; font-size: 13px; font-weight: 300; color: #888; a { text-decoration: none; color: #888; &:focus { text-decoration: none; color: #888; } &:hover { text-decoration: none; color: #f36639; } } } } } .comment-list { li { .comment-body { background: #f2f2f2 !important; border: none; .author { .hyphens(auto); line-height: 23px; font-size: 16px; font-weight: 400; text-transform: uppercase; color: #f36639; } .extra-wrap { padding: 0 0 12px 0; @media (max-width: 480px) { overflow: visible; } } .comment-meta { margin: 0; padding: 0; line-height: 23px; font-size: 16px; font-weight: 400; text-transform: uppercase; color: #333; } .reply { margin: 0 0 0 20px; a { background: none; margin: 0; padding: 0; border: none; line-height: 23px; font-size: 16px; font-weight: 400; text-transform: uppercase; text-decoration: none; color: #f36639; &:focus { text-decoration: none; color: #f36639; } &:hover { text-decoration: none; color: #333; } } } } } } #commentform { p { width: 100%; overflow: hidden; } input[type="text"], input[type="email"], input[type="tel"], textarea { @media (max-width: 767px) { min-height: 52px; } } input[type="submit"] { margin: 0; } } .error404-holder { @media (max-width: 767px) { text-align: center; } .error404-holder_num { color: #f36639; @media (min-width: 768px) and (max-width: 979px) { font-size: 220px; } } h1, h2 { margin: 0; padding: 0; text-align: left; @media (max-width: 767px) { text-align: center; } } h4 { line-height: 23px; font-size: 16px; color: #f36639; } } .wpcf7-form { input[type="text"], input[type="email"], input[type="tel"], textarea { padding: 5px 8px !important; } .wpcf7-not-valid-tip { .border-radius(0); font-size: 12px; @media (min-width: 768px) and (max-width: 979px) { padding: 2px 5px !important; line-height: 12px !important; font-size: 10px !important; text-align: center; } } .ajax-loader { margin: 16px 0 0 0; } .wpcf7-response-output { .border-radius(0); } } .filter-wrapper { padding: 12px 0 35px 0; text-align: center; .pull-right { float: none; @media (max-width: 480px) { float: right; } } strong { display: inline-block; float: none; margin: 0; padding: 0; vertical-align: top; line-height: 24px; font-size: 24px; font-weight: 300; text-transform: uppercase; color: #333; @media (min-width: 768px) and (max-width: 979px) { line-height: 18px; font-size: 18px; } @media (max-width: 767px) { line-height: 14px; font-size: 14px; } } ul { display: inline-block; float: none; margin: 0; padding: 0; vertical-align: top; @media (max-width: 480px) { text-align: left; } li { margin: 0 15px 0 15px; padding: 0; list-style: none; line-height: 24px; font-size: 24px; font-weight: 300; text-transform: uppercase; color: #333; @media (min-width: 768px) and (max-width: 979px) { line-height: 18px; font-size: 18px; } @media (max-width: 767px) { margin: 0 5px 0 5px; line-height: 14px; font-size: 14px; } &.active { a { background: none; .box-shadow(none); text-decoration: none; color: #f36639; &:focus { background: none; .box-shadow(none); text-decoration: none; color: #f36639; } &:hover { background: none; .box-shadow(none); text-decoration: none; color: #f36639; } } } a { background: none; margin: 0; padding: 0; border: none; .border-radius(0); line-height: 24px; font-size: 24px; text-decoration: none; color: #333; @media (min-width: 768px) and (max-width: 979px) { line-height: 18px; font-size: 18px; } @media (max-width: 767px) { line-height: 14px; font-size: 14px; } &:focus { background: none; .box-shadow(none); text-decoration: none; color: #333; } &:hover { background: none; .box-shadow(none); text-decoration: none; color: #f36639; } } } } } #portfolio-grid { li { .caption { background: #f2f2f2; padding: 32px 20px 14px 20px; text-align: center; h3 { margin: 0 0 16px 0; line-height: 20px; font-size: 16px; font-weight: 400; text-transform: uppercase; color: #f36639; a { text-decoration: none; color: #f36639; &:focus { text-decoration: none; color: #f36639; } &:hover { text-decoration: none; color: #333; } } } } } } .type-portfolio { .thumbnail { &.large { margin: 0; } } } ul.pager { margin-top: 30px; li { a { .border-radius(4px); } } } .archive_lists { h3 { text-align: left; @media (min-width: 768px) and (max-width: 979px) { line-height: 27px; font-size: 24px; } } } .faq-list { h4 { margin: 0; padding: 0; line-height: 23px; font-size: 16px; color: #f36639; } } article.type-clients { .thumbnail { float: left; margin: 5px 20px 5px 0 !important; } } .google-map-custom-class { @media (max-width: 767px) { height: 300px; } } /*/ Misc */ @import "bootstrap/less/variables.less"; @import "bootstrap/less/mixins.less"; @import "parallax-slider/less/parallax-slider.less";