/*------------------------------------------------------------------ [Master Stylesheet] Project: Splendid Version: 1 Last change: 11/13/2015 -------------------------------------------------------------------*/ /*------------------------------------------------------------------ [Table of contents] 1. Fonts 2. Animations 3. Global Styles 3-1. Align Styles 3-2. Main Container 3-3. Boxed Layout 3-4. Add one fifth column to grid system 3-5. Layout Fixes 4. Typography 4-1. Dropcap 4-2. Highlights 4-3. Tooltips 4-3-1. Tooltip Top 4-3-2. Tooltip Right 4-3-3. Tooltip Left 4-3-4. Tooltip Bottom 4-4. Blockquotes 4-5. Ordered Lists, Unordered Lists and Checklists 4-6. Forms 4-7. Section Light Colors 4-8. Sprite Icons 4-8-1. Sprite Icons Light 5. Headers 5-1. Fixed Header 5-2. Main Header 5-3. Preheader 5-4. Lower Header 5-5. Header Default Styles 5-6. Main Header BG Variants 5-7. Main Header Border Colors Variants 5-8. Preheader BG Variants 5-9. Preheeader Border Colors Variants 5-10. Sideheader 5-11. Navigation 5-11-1. Variations Nav 5-11-2. navigation active/hover 5-11-3. dropdown menu 5-11-4. Header Light Font Color 5-11-5. Header Navigation Colors 5-11-6. Header Border Colors 6. Footer 6-1. Footer Widgets 6-1-1. Latest Posts 6-1-2. Latest Tweets 6-2. Lower Footer 7. Sidebars 7-1. Dual Sidebar 7-2. Sidebar Widgets 7-2-1. Widget lists 7-2-2. Search RSS 7-2-3. Search Widget 7-2-4. Categories And Menus Widget 7-2-5. Calendar Widget 7-2-6. WP Caption Image 7-2-7. Recent Posts Widget 7-2-8. Comments Widget 7-2-9. Twitter Widget 7-2-10. Tag Cloud 7-2-11. Social Media 7-2-12. Quatro Ads 7-2-13. Sidebar Nav 8. Pages 8-1. Style Image 8-2. Style Big 8-3. Style Slider 8-4. Style Maps 8-5. Home Slider 8-6. Sections 8-7. Splitted 8-8. Contact Page 8-9. FAQ Page 8-10. 404 Page 8-11. Coming Soon Page 8-12. Maintenance Page 8-13. Blank Page 8-14. Blank Landing 9. Blog 9-1. Post Meta 9-2. Post Gallery 9-3. Video Play Button 9-4. Pagination 9-5. Blog Styles 9-5-1. Masonry Blog 9-5-2. Medium Blog 9-5-3. Blog Standard 9-5-4. Blog Standard Alt 9-5-5. Blog Single 9-6. Post Tags 9-7. Post Share 9-8. Post Author 9-9. Post Related 9-10. Contact Form 9-11. Blog SIngle Extended 10. Portfolio 10-1. Portfolio 1 Column 10-2. Portfolio 1 Column V2 10-3. Portfolio 2 Columns 10-4. Portfolio 3 Columns 10-5. Portfolio 4 Columns 10-6. Portfolio 5 Columns 10-7. Portfolio Single 10-8. Extended 10-9. Recnet Projects 10-10. Portfolio Pagination 10-11. Portfolio Style2 11. Shop 12. Shortcodes 12. Custom Border / Color / Backgrounds 12-1. Border Colors 12-2. Backgrounds 12-3. Buttons Fill Backgrounds 12-4. Portfolio Hover Backgrounds 12-5. Colors 12-6. Border Thickness 12-7. Border Styles 13. Custom Padding And Margins -------------------------------------------------------------------*/ /********************************************************************************************** ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: 1. Fonts ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: ***********************************************************************************************/ @import url(https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,400,300,600,700,800); /* "Proxima Nova" Regular/Bold/Italic */ @font-face { font-family: 'Proxima Nova'; src: url('../fonts/proximanova-bold-webfont.eot'); src: url('../fonts/proximanova-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/proximanova-bold-webfont.woff2') format('woff2'), url('../fonts/proximanova-bold-webfont.woff') format('woff'), url('../fonts/proximanova-bold-webfont.ttf') format('truetype'), url('../fonts/proximanova-bold-webfont.svg#proxima_nova_rgbold') format('svg'); font-weight: 700; font-style: normal; } @font-face { font-family: 'Proxima Nova'; src: url('../fonts/proximanova-boldit-webfont.eot'); src: url('../fonts/proximanova-boldit-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/proximanova-boldit-webfont.woff2') format('woff2'), url('../fonts/proximanova-boldit-webfont.woff') format('woff'), url('../fonts/proximanova-boldit-webfont.ttf') format('truetype'), url('../fonts/proximanova-boldit-webfont.svg#proxima_nova_rgbold_italic') format('svg'); font-weight: 700; font-style: italic; } @font-face { font-family: 'Proxima Nova'; src: url('../fonts/proximanova-regular-webfont.eot'); src: url('../fonts/proximanova-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/proximanova-regular-webfont.woff2') format('woff2'), url('../fonts/proximanova-regular-webfont.woff') format('woff'), url('../fonts/proximanova-regular-webfont.ttf') format('truetype'), url('../fonts/proximanova-regular-webfont.svg#proxima_nova_rgregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Proxima Nova'; src: url('../fonts/proximanova-regularitalic-webfont.eot'); src: url('../fonts/proximanova-regularitalic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/proximanova-regularitalic-webfont.woff2') format('woff2'), url('../fonts/proximanova-regularitalic-webfont.woff') format('woff'), url('../fonts/proximanova-regularitalic-webfont.ttf') format('truetype'), url('../fonts/proximanova-regularitalic-webfont.svg#proxima_novaregular_italic') format('svg'); font-weight: normal; font-style: italic; } /********************************************************************************************** ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: 2. Animations ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: ***********************************************************************************************/ @keyframes animateFixedHeader{ from{ opacity:0; transform:translateY(-40px) translateZ(0px); -webkit-transform:translateY(-40px) translateZ(0px); -moz-transform:translateY(-40px) translateZ(0px); -ms-transform:translateY(-40px) translateZ(0px); -o-transform:translateY(-40px) translateZ(0px); } to{ opacity:1; transform:translateY(0) translateZ(0px); -webkit-transform:translateY(0) translateZ(0px); -moz-transform:translateY(0) translateZ(0px); -ms-transform:translateY(0) translateZ(0px); -o-transform:translateY(0) translateZ(0px); } } @-webkit-keyframes animateFixedHeader{ from{ opacity:0; transform:translateY(-40px) translateZ(0px); -webkit-transform:translateY(-40px) translateZ(0px); -moz-transform:translateY(-40px) translateZ(0px); -ms-transform:translateY(-40px) translateZ(0px); -o-transform:translateY(-40px) translateZ(0px); } to{ opacity:1; transform:translateY(0) translateZ(0px); -webkit-transform:translateY(0) translateZ(0px); -moz-transform:translateY(0) translateZ(0px); -ms-transform:translateY(0) translateZ(0px); -o-transform:translateY(0) translateZ(0px); } } @keyframes animateFixedHeaderLogo{ from{ opacity:0; transform:translateX(-40px); -webkit-transform:translateX(-40px); -moz-transform:translateX(-40px); -ms-transform:translateX(-40px); -o-transform:translateX(-40px); } to{ opacity:1; transform:translateX(0); -webkit-transform:translateX(0); -moz-transform:translateX(0); -ms-transform:translateX(0); -o-transform:translateX(0); } } @-webkit-keyframes animateFixedHeaderLogo{ from{ opacity:0; transform:translateX(-40px); -webkit-transform:translateX(-40px); -moz-transform:translateX(-40px); -ms-transform:translateX(-40px); -o-transform:translateX(-40px); } to{ opacity:1; transform:translateX(0); -webkit-transform:translateX(0); -moz-transform:translateX(0); -ms-transform:translateX(0); -o-transform:translateX(0); } } @keyframes animateFixedHeaderNav{ from{ opacity:0; transform:translateY(40px); -webkit-transform:translateY(40px); -moz-transform:translateY(40px); -ms-transform:translateY(40px); -o-transform:translateY(40px); } to{ opacity:1; transform:translateX(0); -webkit-transform:translateX(0); -moz-transform:translateX(0); -ms-transform:translateX(0); -o-transform:translateX(0); } } @-webkit-keyframes animateFixedHeaderNav{ from{ opacity:0; transform:translateX(40px); -webkit-transform:translateX(40px); -moz-transform:translateX(40px); -ms-transform:translateX(40px); -o-transform:translateX(40px); } to{ opacity:1; transform:translateX(0); -webkit-transform:translateX(0); -moz-transform:translateX(0); -ms-transform:translateX(0); -o-transform:translateX(0); } } @-webkit-keyframes counterFadeIn { 0% { opacity: 0; color: rgba(166, 91, 244,0.2); text-shadow: 0 20px 0 rgba(166, 91, 244,0.2), 0 40px 0 rgba(166, 91, 244,0.2), 0 68px 0 rgba(166, 91, 244,0.2), 0 80px 0 rgba(166, 91, 244,0.2), 0 120px 0 rgba(166, 91, 244,0.2), 0 -20px 0 rgba(166, 91, 244,0.2), 0 -40px 0 rgba(166, 91, 244,0.2), 0 -68px 0 rgba(166, 91, 244,0.2), 0 -80px 0 rgba(166, 91, 244,0.2), 0 -120px 0 rgba(166, 91, 244,0.2); -webkit-transform: translateY(-30px); -ms-transform: translateY(-30px); transform: translateY(-30px); } 35% { opacity: 1; } 100% { color: rgba(166, 91, 244,1); text-shadow: none; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } @keyframes counterFadeIn { 0% { opacity: 0; color: rgba(166, 91, 244,0.2); text-shadow: 0 20px 0 rgba(166, 91, 244,0.2), 0 40px 0 rgba(166, 91, 244,0.2), 0 68px 0 rgba(166, 91, 244,0.2), 0 80px 0 rgba(166, 91, 244,0.2), 0 120px 0 rgba(166, 91, 244,0.2), 0 -20px 0 rgba(166, 91, 244,0.2), 0 -40px 0 rgba(166, 91, 244,0.2), 0 -68px 0 rgba(166, 91, 244,0.2), 0 -80px 0 rgba(166, 91, 244,0.2), 0 -120px 0 rgba(166, 91, 244,0.2); -webkit-transform: translateY(-30px); -ms-transform: translateY(-30px); transform: translateY(-30px); } 35% { opacity: 1; } 100% { color: rgba(166, 91, 244,1); text-shadow: none; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } @-webkit-keyframes tabActive { from { -webkit-transform: translateX(30px); -moz-transform: translateX(30px); -ms-transform: translateX(30px); transform: translateX(30px); } to { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } @keyframes tabActive { from { -webkit-transform: translateX(30px); -moz-transform: translateX(30px); -ms-transform: translateX(30px); transform: translateX(30px); } to { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } @-webkit-keyframes tabSlideOut { from { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } to { -webkit-transform: translateY(30px); -moz-transform: translateY(30px); -ms-transform: translateY(30px); transform: translateY(30px); } } @keyframes tabSlideOut { from { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } to { -webkit-transform: translateY(30px); -moz-transform: translateY(30px); -ms-transform: translateY(30px); transform: translateY(30px); } } /********************************************************************************************** ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: 3. Global Styles ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: ***********************************************************************************************/ html, body { overflow-x:hidden; } body { overflow:hidden; font:400 16px/1.875 'Open Sans', Helvetica, Arial, sans-serif; color:#718097; background:#fefefe; position:relative; } img, iframe { max-width:100%; } img { height: auto; } .clearfix { clear:both; } .color-light { color:#fff; } /******************************************** 3-1. Align Styles *********************************************/ .align-left { text-align:left !important; } .align-right { text-align:right !important; } .align-center { text-align:center !important; } img.align-left { float:left; margin:.5em 2em .5em 0; } img.align-right { float:right; margin:.5em 0 .5em 2em; } img.align-center { margin:1em auto; display:block; } /******************************************** 3-2. Main Container *********************************************/ #splendid-main-container { padding-top:50px; padding-bottom:50px; } .first-section { margin-top:-50px!important; } .last-section { margin-bottom:-50px!important; } #splendid-main-container.page-layout .first-section { margin-top:-100px!important; } #splendid-main-container.page-layout .last-section { margin-bottom:-100px!important; } /******************************************** 3-3. Boxed Layout *********************************************/ body.b_1170 { background:#e7e7e7; } body.b_1170 #splendid-main-container { padding:0 40px; } body.b_1170 #splendid-main-container > .container { background:#f9cf8a; } body.b_1170 .container { padding:0 40px; } body.b_1170 .section .row .container { width: 100%; padding: 0; margin: 0; } body.b_1170 .full-width{ margin-left:0; width:auto; } body.b_1170 #footer #main-footer { box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15); } body.b_1170 #splendid-main-container .full-width{ margin-left:-40px; margin-right:-40px; width:auto; } body.b_1170 #header, body.b_1170 #footer, body.b_1170 .page-heading, body.b_1170 .home-flexslider{ margin:0 auto; } .fullwidth-container > .container { width: 100% !important; padding-right: 0; padding-left: 0; } /******************************************** 3-4. Add one fifth column to grid system *********************************************/ .col-lg-one-fifth, .col-md-one-fifth, .col-sm-one-fifth, .col-xs-one-fifth { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; float:left; } /******************************************** 3-5. Layout Fixes *********************************************/ body.modal-open { padding-right:0 !important; } @media(min-width:768px){ body.b_1170 #header,body.b_1170 #footer,body.b_1170 .page-heading,body.b_1170 .home-flexslider {width:750px!important;} } @media(min-width:992px){ body.b_1170 #header,body.b_1170 #footer,body.b_1170 .page-heading,body.b_1170 .home-flexslider {width:970px!important;} div.parallax-bg{display: none;} } @media(min-width:1200px){ .container {width:1170px;} body.b_1170 #header,body.b_1170 #footer,body.b_1170 .page-heading,body.b_1170 .home-flexslider {width:1170px!important;} } @media(min-width:1250px){ .container {width:1230px;} body.b_1170 #header, body.b_1170 #footer, body.b_1170 .page-heading, body.b_1170 .home-flexslider {width:1230px!important;} } @media(min-width:1520px){ .headerstyle7 .container{ width:1230px;} } @media(max-width:1519px){ .headerstyle7 .container{ width:900px;} } @media(max-width:1190px){ .headerstyle7 .container{ width:100%;} } @media(min-width:1200px){ .col-lg-one-fifth{width:20%;} } @media(min-width:992px) and (max-width:1199px){ .col-md-one-fifth{width:20%;} } @media(min-width:768px) and (max-width:991px){ .col-sm-one-fifth{width:20%;} } @media(max-width:767px){ .col-xs-one-fifth{width:20%;} .col-lg-one-fifth{width:100%;} } /********************************************************************************************** ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: 4. Typography ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: ***********************************************************************************************/ h1, h2, h4, h5, h6 { color:#525f71; font-weight:300; line-height:1.25; } .color-light h1, .color-light h2, .color-light h3, .color-light h4, .color-light h5, .color-light h6, .color-light label{ color:#fff; } h1{ font-size:3em; margin:.3125em 0 .5em; } h2{ font-size:2.25em; margin:.4166em 0 .6666em; } h3{ /*font-size:1.875em; margin:.5em 0 .8em;*/ font-family: "Dancing Script"; line-height: 48px; font-weight: 700; font-style: normal; color: #ffffff; font-size: 48px; } h4{ font-size:1.5em; margin:.625em 0 1em; } h5{ font-size:1.125em; margin:.8333em 0 1.3333em; line-height:1.6; } h6{ font-size:1em; margin:0.9375em 0 1.5em; } a{ color:#582101; transition: color .3s, border .3s, opacity .3s; -webkit-transition: color .3s, border .3s, opacity .3s; -moz-transition: color .3s, border .3s, opacity .3s; } a:hover{ text-decoration: none; } h2.big{ font-size:2.625em; } h5.big{ font-size:1.25em; } p.big{ font-size:1.125em; } .thin { font-weight:300; } .regular { font-weight:400; } .bold { font-weight:700; } .extra-bold { font-weight:800; } .uppercase { text-transform: uppercase; } .heading-block, h1.heading-block, .page-heading h1.heading-block{ font-size:7.5em; font-family:'Proxima Nova', sans-serif; padding:20px 60px; border:10px solid #fff; line-height:1; display:inline-block; text-transform:uppercase; font-weight:700; } h1.heading-block.style-simple{ border:none; padding:0; display:block; line-height:1.2; } h1.big, .page-heading h1.big, .page-heading.style-image h1.big{ font-size:5.625em; font-family:'Proxima Nova', sans-serif; line-height:1; } .heading-spaced{ font-size:.875em; text-transform: uppercase; letter-spacing: 4px; } /******************************************** Parallax *********************************************/ section.parallax-bg { position: relative; overflow: hidden; background-color: transparent !important; } div.parallax-bg{ position: absolute; top: -2.5%; left: -2.5%; bottom: 0; right: 0; width: 105%; height: 105%; z-index: 0; background-size: cover; background-position: center; background-repeat: no-repeat; } /******************************************** 4-1. Dropcap *********************************************/ .dropcap{ font-weight:400; font-size:5.81em; line-height:.95; float:left; margin:0 15px 0 0; } /******************************************** 4-2. Highlights *********************************************/ mark{ color:#718097; background-color:#582101; padding:3px; } /******************************************** 4-3. Tooltips *********************************************/ .tooltip-ontop, .tooltip-onleft, .tooltip-onright, .tooltip-onbottom{ cursor:pointer; } .tooltip { font-size: inherit; } .tooltip-inner { padding: 10px 40px; color: inherit; background-color: #fff; border:1px solid #dce3ef; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; } .tooltip .tooltip-arrow:before{ content:''; position:absolute; border:8px solid transparent; z-index:-1; } /******************************************** 4-3-1. Tooltip Top *********************************************/ .tooltip.top .tooltip-arrow { margin-left: -7px; border-width: 7px 7px 0; border-top-color: #fff; } .tooltip.top .tooltip-arrow:before{ top:-7px; left:0; margin-left: -8px; border-width: 8px 8px 0; border-top-color: #dce3ef; } /******************************************** 4-3-2. Tooltip Right *********************************************/ .tooltip.right .tooltip-arrow { margin-top: -7px; border-width: 7px 7px 7px 0; border-right-color: #fff; } .tooltip.right .tooltip-arrow:before{ top: 50%; left: -1px; margin-top: -8px; border-width: 8px 8px 8px 0; border-right-color: #dce3ef; } /******************************************** 4-3-3. Tooltip Left *********************************************/ .tooltip.left .tooltip-arrow { margin-top: -7px; border-width: 7px 0 7px 7px; border-left-color: #fff; } .tooltip.left .tooltip-arrow:before{ top: 50%; right: -1px; margin-top: -8px; border-width: 8px 0 8px 8px; border-left-color: #dce3ef; } /******************************************** 4-3-4. Tooltip Bottom *********************************************/ .tooltip.bottom .tooltip-arrow { top: 0; left: 50%; margin-left: -7px; border-width: 0 7px 7px; border-bottom-color: #fff; } .tooltip.bottom .tooltip-arrow:before{ margin-left: -8px; border-width: 0 8px 8px; border-bottom-color: #dce3ef; } /******************************************** 4-4. Blockquotes *********************************************/ blockquote{ font-size:1.5em; line-height:1.4; font-weight:300; font-style:italic; text-align:center; margin:2.1em 0; padding:1.8em 2.2em; background:#9268e8; color:#fff; } .post-content blockquote cite, blockquote .quote-author{ display:block; font-size:.75em; font-style:normal; margin-top:1.8em; font-weight:400; } /************************************************* 4-5. Ordered Lists, Unordered Lists and Checklists **************************************************/ ul, ol{ margin:40px 0; padding:0; list-style-position: inside; } ul ul, ul ol, ol ol, ol ul{ padding-left:2em; margin-top:5px; margin-bottom: 0; } ol{ list-style:none; counter-reset: orderedList; } ol li:before{ counter-increment: orderedList; content:counter(orderedList) ". "; margin-right:7px; } ul li + li, ol li + li{ margin-top:5px; } ul.inline-list li{ display:inline-block; margin-right: 10px; } ul.inline-list li + li{ margin-top:0; } .iconic-list{ list-style:none; padding:0;margin:20px 0; } .iconic-list li{ position:relative; padding-left:30px; } .iconic-list li .fa{ position:absolute; left:0; top:0; font-size:1.3em; line-height:1.5; width:20px; text-align:center; } .iconic-list li + li{margin-top:10px;} .iconic-list.style2{margin:40px 0;} .iconic-list.style2 li{padding-left:80px;} .iconic-list.style2 li + li{margin-top:50px;} .iconic-list.style2 li .fa{ font-size:24px; line-height:58px; width:60px; height:60px; color:#606e83; border:2px solid #d2dae8; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; } .social-icons{ list-style:none; margin:0; padding:0; text-align:right; } .social-icons li{ display:inline-block;} .social-icons li + li{margin-left:15px; margin-top:0;} .checklist{list-style:none; padding:0;} .checklist li{position:relative; padding-left:40px;} .checklist li:before{ content:''; position:absolute; left:0; top:0; width:25px; height:25px; background:#718097 url(../img/sprites/checklists.png) 0 0 no-repeat; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; } .checklist li + li{margin-top:12px;} .checklist.style-check li:before{background-position:0 0;} .checklist.style-close li:before{background-position:-25px 0;} .checklist.style-arrow li:before{background-position:-50px 0;} .checklist.style-plus li:before{background-position:-75px 0;} /******************************************** 4-6. Forms *********************************************/ .input-row{ margin:0 -8px; } .input-row>div{ padding:0 8px; } label{ font-weight:700; font-size:0.875em; color:#525f71; } input[type="text"], input[type="password"], input[type="email"], input[type="tel"], .select2-container .select2-choice, input[type="search"], select, textarea{ display:block; width:100%; padding:11px 10px; background:#f4f6fa; border:1px solid #dce3ef; margin:15px 0; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; } input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="tel"]:focus, input[type="search"]:focus, select:focus, textarea:focus{ outline:1px solid #582101; } label + input[type="text"], label + input[type="password"], label + input[type="email"], label + input[type="tel"], label + input[type="search"], label + select, label + textarea{ margin-top:5px; } input[type="text"].unfilled, input[type="password"].unfilled, input[type="email"].unfilled, input[type="tel"].unfilled, input[type="search"].unfilled, select.unfilled, textarea.unfilled, .shortcode_wysija input.wysija-input { background:none; border:2px solid #fff; color:#fff; outline:none!important; -webkit-transition: border .3s; -o-transition: border .3s; transition: border .3s; } input[type="text"].unfilled:focus, input[type="password"].unfilled:focus, input[type="email"].unfilled:focus, input[type="tel"].unfilled:focus, input[type="search"].unfilled:focus, select.unfilled:focus, textarea.unfilled:focus{ border-color:#582101; } .iconic-input{ position:relative; } .iconic-input input{ padding-left:55px; } .iconic-input .fa{ position:absolute; top:50%; left:25px; margin-top:-8px; font-size:14px; color:#fff; line-height:16px; } .unfilled::-webkit-input-placeholder {color:#fff; font-weight:700;} .unfilled:-moz-placeholder {color:#fff; font-weight:700;} .unfilled::-moz-placeholder {color:#fff; font-weight:700;} .unfilled:-ms-input-placeholder {color:#fff; font-weight:700;} .inline-form, .shortcode_wysija{ display:table; } .newsletter-wrapper.promo-box-content.text-center .shortcode_wysija { display: table; margin: 0 auto; } .newsletter-wrapper h5.big { margin-top: 10px; } .inline-form-row{ margin:0 -10px; } .inline-form-row .inline-form{ width:100%; } .inline-form input, .shortcode_wysija input.wysija-input{ padding-top:14px; padding-bottom:14px; } .inline-form-field, .wysija-paragraph, .wysija-submit-field{ display:table-cell; padding:0 10px; vertical-align: middle; } .wysija-submit { margin-left: 10px !important; margin-top: 15px !important; } .wysija-paragraph { position: relative; } .newsletter-text {text-align: center;} .newsletter-text h2, .newsletter-text h5 {color: #fff;} .newsletter-text h2 {margin: 0;} .newsletter-form input, .shortcode_wysija input.wysija-input { width:350px; } .shortcode_wysija input.wysija-input { position: relative; font-weight: bold; padding-left: 55px; } .shortcode_wysija input.wysija-input::-webkit-input-placeholder {color:white;} .shortcode_wysija input.wysija-input:-moz-placeholder {color:white;} .shortcode_wysija input.wysija-input::-moz-placeholder {color:white;} .shortcode_wysija input.wysija-input:-ms-input-placeholder {color:white;} .wysija-paragraph:before { position: absolute; content:'\f003'; font-family: 'FontAwesome'; left: 32px; top: 33px; color: #fff; font-size: 14px; } .newsletter-form button[type="submit"], .wysija-submit-field.wysija-submit{ padding:16px 35px 15px; margin-right: 0; margin-left: 0; } /******************************************** 4-7. Section Light Colors *********************************************/ .light-color h1, .light-color h2, .light-color h3, .light-color h4, .light-color h5, .light-color h6, .light-color a, .light-color .sidebar_widget a , .light-color{ color:#fff; } /******************************************** 4-8. Sprite Icons *********************************************/ .sprite-icon{ display:inline-block; background:url(../img/sprites/headericons.png) 0 0 no-repeat; width:25px; height:25px; } .sprite-icon.icon-shopping-cart{ background-position:0 0; } .sprite-icon.icon-search{ background-position:-25px 0; } /******************************************** 4-8-1. Sprite Icons Light *********************************************/ .sprite-icon.light.icon-shopping-cart{ background-position:0 -25px; } .sprite-icon.light.icon-search{ background-position:-25px -25px; } .header7.fixed-header .sprite-icon.light.icon-search{ background-position:-25px 0; } .hor-parallax { position: relative; } .hor-parallax .hor-parallax-el { display: inline-block; width: 110%; height: 100%; position: absolute; top: 0; left: -5%; z-index: 0; background-size: cover; background-position: center; } /********************************************************************************************** ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: 5. Headers ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: ***********************************************************************************************/ #header{ font-size:.8125em; } #header.with-shadow{ -webkit-box-shadow:0 1px 3px rgba(0,0,0,.06); -moz-box-shadow:0 1px 3px rgba(0,0,0,.06); box-shadow:0 1px 3px rgba(0,0,0,.06); background-image: none, -moz-linear-gradient(bottom,rgba(255,255,255,0.75) 0px,rgba(255,255,255,0.8) 10px,rgba(255,255,255,0.86) 20px,rgba(255,255,255,0.9) 30px,rgba(255,255,255,0.94) 40px,rgba(255,255,255,0.98) 50px,rgba(255,255,255,0.99) 60px,#ffffff 70px); background-image: none, -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(255,255,255,0)),color-stop(100%,#ffffff)); background-image: none, -webkit-linear-gradient(bottom,rgba(255,255,255,0.75) 0px,rgba(255,255,255,0.8) 10px,rgba(255,255,255,0.86) 20px,rgba(255,255,255,0.9) 30px,rgba(255,255,255,0.94) 40px,rgba(255,255,255,0.98) 50px,rgba(255,255,255,0.99) 60px,#ffffff 70px); background-image: none, -o-linear-gradient(bottom,rgba(255,255,255,0.75) 0px,rgba(255,255,255,0.8) 10px,rgba(255,255,255,0.86) 20px,rgba(255,255,255,0.9) 30px,rgba(255,255,255,0.94) 40px,rgba(255,255,255,0.98) 50px,rgba(255,255,255,0.99) 60px,#ffffff 70px); background-image: none, -ms-linear-gradient(bottom,rgba(255,255,255,0.75) 0px,rgba(255,255,255,0.8) 10px,rgba(255,255,255,0.86) 20px,rgba(255,255,255,0.9) 30px,rgba(255,255,255,0.94) 40px,rgba(255,255,255,0.98) 50px,rgba(255,255,255,0.99) 60px,#ffffff 70px); background-image: none, linear-gradient(to top,rgba(255,255,255,0.75) 0px,rgba(255,255,255,0.8) 10px,rgba(255,255,255,0.86) 20px,rgba(255,255,255,0.9) 30px,rgba(255,255,255,0.94) 40px,rgba(255,255,255,0.98) 50px,rgba(255,255,255,0.99) 60px,#ffffff 70px); } #header.with-shadow #main-header { /*background-color: transparent !important;*/ } #header .logo{ padding:24px 0; } #header.not-fixed .logo a.logo-dark, #header.fixed-header .logo a.logo-light { display: none; } #header.fixed-header .logo a.logo-dark { display: block; } #header .navigation{ display:table; width:100%; } #header .navigation>div, #header .navigation>nav{ display:table-cell; vertical-align:top; } #header .navigation>div{ width:1%; } #header .header-shopping-cart a, #header .header-search-box a{ display:block; padding: 31px 0 25px; margin-left:46px; opacity:.7; transition: opacity .3s; -webkit-transition: opacity .3s; -moz-transition: opacity .3s; } #header .color-light .header-shopping-cart a, #header .color-light .header-search-box a{ opacity:1; } #header .header-shopping-cart a:hover, #header .header-search-box a:hover{ opacity:1; } #sideheader .header-search-box .header-search-form, #header .header-search-box .header-search-form { position: fixed; top: 0; left: 0; display: inline-block; width: 100%; height: 100%; z-index: 9999999; visibility: hidden; background: rgba(51, 51, 51, 0.9); -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } #header.fixed-header .header-search-box .header-search-form { opacity: 0; -webkit-transform: translateY(50%); -ms-transform: translateY(50%); transform: translateY(50%); } #sideheader .header-search-box .header-search-form.slideDown, #header .header-search-box .header-search-form.slideDown { visibility: visible; opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } #sideheader .header-search-box .header-search-form .search-form-inner, #header .header-search-box .header-search-form .search-form-inner { position: absolute; top: 50%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } #sideheader .header-search-box .header-search-form input[type=text], #header .header-search-box .header-search-form input[type=text] { background: transparent; border: none; text-align: center; font-size: 4em; color: white; } #header .header-search-box .header-search-form input::-webkit-input-placeholder {color:white;} #header .header-search-box .header-search-form input:-moz-placeholder {color:white;} #header .header-search-box .header-search-form input::-moz-placeholder {color:white;} #header .header-search-box .header-search-form input:-ms-input-placeholder {color:white;} #sideheader .header-search-box .header-search-form input::-webkit-input-placeholder {color:white;} #sideheader .header-search-box .header-search-form input:-moz-placeholder {color:white;} #sideheader .header-search-box .header-search-form input::-moz-placeholder {color:white;} #sideheader .header-search-box .header-search-form input:-ms-input-placeholder {color:white;} #sideheader .header-search-box .header-search-form input[type=text]:focus, #sideheader .header-search-box .header-search-form input[type=text]:active, #header .header-search-box .header-search-form input[type=text]:focus, #header .header-search-box .header-search-form input[type=text]:active { border: none; outline: none; } #sideheader .header-search-box .header-search-form .form-close-btn, #header .header-search-box .header-search-form .form-close-btn { position: absolute; top: 0; right: 50px; font-family:'Proxima Nova', 'Open Sans', Arial, sans-serif; font-size: 3.5em; opacity: 0.5; color: white; cursor: pointer; .-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } #sideheader .header-search-box .header-search-form .form-close-btn:hover, #header .header-search-box .header-search-form .form-close-btn:hover { opacity: 1; } #header ul{ margin:0; display:inline-block; } #header .iconic-list li .fa{ line-height: 1.8; color:#8a9fb9; } #header .social-icons li + li{ margin-left:20px; } #header .social-icons a { color:#8a9fb9; font-size:19px; opacity: 1; } #header #preheader.style2 .social-icons a { font-size: 18px; } #header .social-icons a i { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } #header .social-icons a:hover { color: #525f71; } #header .signup-button{ border-width:3px; border-radius:7px; font-size:.8125em; font-family:'Proxima Nova', 'Open Sans', Arial, sans-serif; font-weight:700; padding: 8px 24px; overflow: visible; -webkit-perspective: 600; perspective: 600; } #header .signup-button:before { opacity: 0; border-radius: 0; -webkit-transition: -webkit-transform 0.3s ease, opacity 0.3s step-end; -moz-transition: -moz-transform 0.3s ease, opacity 0.3s step-end; transition: transform 0.3s ease, opacity 0.3s step-end; -webkit-transform-origin: center top; -moz-transform-origin: center top; -ms-transform-origin: center top; transform-origin: center top; -webkit-transform: rotateX(-90deg); -moz-transform: rotateX(-90deg); -ms-transform: rotateX(-90deg); transform: rotateX(-90deg); } #header .signup-button:hover:before { opacity: 1; -webkit-transition: -webkit-transform 0.3s ease, opacity 0.3s step-start; -moz-transition: -moz-transform 0.3s ease, opacity 0.3s step-start; transition: transform 0.3s ease, opacity 0.3s step-start; -webkit-transform: rotateX(0); -moz-transform: rotateX(0); -ms-transform: rotateX(0); transform: rotateX(0); } /******************************************** 5-1. Fixed Header *********************************************/ #header.fixed-header{ position:fixed!important; left:0!important;; top:0!important;; right:0!important;; z-index:1000; -webkit-transform: translateZ(0px); box-shadow: 0 1px 3px rgba(0,0,0,.16); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.16); -moz-box-shadow: 0 1px 3px rgba(0,0,0,.16); -webkit-animation: animateFixedHeader .4s; animation: animateFixedHeader .4s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } #header.just-fixed-header{ position:fixed!important; left:0!important;; top:0!important;; right:0!important;; z-index:1000; -webkit-transform: translateZ(0px); box-shadow: 0 1px 3px rgba(0,0,0,.16); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.16); -moz-box-shadow: 0 1px 3px rgba(0,0,0,.16); } #header.fixed-header .logo{ -webkit-animation: animateFixedHeaderLogo .6s; animation: animateFixedHeaderLogo .6s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } #header.fixed-header .navigation{ -webkit-animation: animateFixedHeaderNav .6s; animation: animateFixedHeaderNav .6s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } #header.fixed-header #preheader{ display:none; } #header.fixed-header .logo{ padding:10px 0; } #header.fixed-header .logo img{ height:40px; width: auto; } #header.fixed-header #main-header .menu>ul>li>a{ padding:23px 0; } #header.fixed-header .header-shopping-cart a, #header.fixed-header .header-search-box a{ padding:17px 0 12px; } #header.fixed-header .header-search-form { position: absolute; top: 100%; left: auto; right: 0; width: 350px; height: 60px; } #header.fixed-header .header-search-form .search-form-inner { position: relative; top: auto; left: auto; -webkit-transform: translateX(0) translateY(0); -ms-transform: translateX(0) translateY(0); transform: translateX(0) translateY(0); } #header.fixed-header .header-search-form .container { width: 100%; } #header.fixed-header .header-search-form .form-close-btn { display: none; } #header.fixed-header .header-search-box .header-search-form input[type=text] { font-size: 16px; text-align: left; margin: 0; padding: 14px 0; } /******************************************** 5-2. Main Header *********************************************/ #main-header ul{ margin: 30px 0; vertical-align: middle; } #main-header ul + ul, #main-header .button + ul, #main-header ul + .button{ margin-left:40px; } /******************************************** 5-3. Preheader *********************************************/ #preheader{ padding:7px 0; line-height:30px; } #preheader.style1{ border-top:3px solid transparent; border-bottom:1px solid #582101 !important; padding: 0; height: 50px; } #header.header7 #preheader { padding: 0; } #header.header7 #preheader > .container, #preheader.style1 > .container, #header.header7 #preheader > .container > .row, #preheader.style1 > .container > .row, #header.header7 #preheader > .container > .row > [class^=col], #preheader.style1 > .container > .row > [class^=col-], #header.header7 #preheader #preheader-contact-nav, #preheader.style1 #preheader-contact-nav, #header.header7 #preheader #preheader-menu-nav, #preheader.style1 #preheader-menu-nav, #header.header7 #preheader #preheader-menu-nav li, #preheader.style1 #preheader-menu-nav li, #header.header7 #preheader #preheader-menu-nav li a, #preheader.style1 #preheader-menu-nav li a, #header.header7 #preheader #preheader-social-nav, #preheader.style1 #preheader-social-nav, #header.header7 #preheader #preheader-social-nav li, #preheader.style1 #preheader-social-nav li, #header.header7 #preheader #preheader-social-nav li a , #preheader.style1 #preheader-social-nav li a { height: 100%; } #header.header7 #preheader #preheader-menu-nav li a, #preheader.style1 #preheader-menu-nav li a{ line-height: 45px; } #header.header7 #preheader #preheader-contact-nav li , #preheader.style1 #preheader-contact-nav li { padding: 7px 0; } #header.header7 #preheader #preheader-contact-nav li i , #preheader.style1 #preheader-contact-nav li i { display: inline-block; position: relative; top: auto; left: auto; } #header.header7 #preheader #preheader-social-nav li , #preheader.style1 #preheader-social-nav li { margin-left: 0; } #header.header7 #preheader #preheader-social-nav li a , #preheader.style1 #preheader-social-nav li a { display: inline-block; width: 50px; height: 47px; text-align: center; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } #header.header7 #preheader #preheader-social-nav li a, #preheader.style1 #preheader-social-nav li a, #header.header7 #preheader #preheader-social-nav li a i , #preheader.style1 #preheader-social-nav li a i { -webkit-transition-delay: 0s; -moz-transition-delay: 0s; transition-delay: 0s; } #header.header7 #preheader #preheader-social-nav li a i , #preheader.style1 #preheader-social-nav li a i { display: inline-block; width: 100%; height: 100%; padding: 15px 0; position: relative; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } #header.header7 #preheader #preheader-social-nav li a i:before , #preheader.style1 #preheader-social-nav li a i:before { position: relative; z-index: 2; } #header.header7 #preheader #preheader-social-nav li a i:after , #preheader.style1 #preheader-social-nav li a i:after { content: ''; display: inline-block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 0; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); } #header.header7 #preheader .social-icons a:hover i.fa-facebook:after , #preheader.style1 .social-icons a:hover i.fa-facebook:after { background-color: #3b5998; } #header.header7 #preheader .social-icons a:hover i.fa-twitter:after , #preheader.style1 .social-icons a:hover i.fa-twitter:after { background-color: #55acee; } #header.header7 #preheader .social-icons a:hover i.fa-google-plus:after , #preheader.style1 .social-icons a:hover i.fa-google-plus:after { background-color: #dc4e41; } #header.header7 #preheader .social-icons a:hover i.fa-dribbble:after , #preheader.style1 .social-icons a:hover i.fa-dribbble:after { background-color: #ea4c89; } #header.header7 #preheader .social-icons a:hover i.fa-instagram:after , #preheader.style1 .social-icons a:hover i.fa-instagram:after { background-color: #3f729b; } #header.header7 #preheader #preheader-social-nav li a:hover, #preheader.style1 #preheader-social-nav li a:hover, #header.header7 #preheader #preheader-social-nav li a:hover i , #preheader.style1 #preheader-social-nav li a:hover i { color: #ffffff; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } #header.header7 #preheader #preheader-social-nav li a:hover i:after , #preheader.style1 #preheader-social-nav li a:hover i:after { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } #header #preheader.style3 { background-color: rgba(0,0,0,0.2) !important; color: rgba(255,255,255,0.66); } #header #preheader.style3 .iconic-list li .fa, #header #preheader.style3 .social-icons a { color: rgba(255,255,255,0.66); } #header #preheader.style3 .social-icons a:hover { color: #ffffff; } #preheader .menu{ list-style:none; margin:0; padding:0; display:block; } #preheader .menu li{ display:inline-block; opacity:.6; transition: opacity .3s; -webkit-transition: opacity .3s; -moz-transition: opacity .3s; } #preheader .menu li:hover{ opacity:1; } #preheader .menu li a{ color:#525f71; text-decoration:none!important; } #preheader .menu li + li{ margin-left:30px; margin-top:0; } /******************************************** 5-4. Lower Header *********************************************/ #lower-header .navigation, #lower-header .header-shopping-cart, #lower-header .header-search-box{ display:inline-block; vertical-align:middle; } #lower-header .header-shopping-cart a, #lower-header .header-search-box a{ margin-left:35px; padding: 25px 0 18px; } #preheader #preheader-menu-nav li { position: relative; } #preheader #preheader-menu-nav li + li { margin-left: 12px; } #preheader #preheader-menu-nav li:after { content: ''; display: inline-block; width: 1px; height: 20px; position: relative; top: 6px; margin-left: 16px; background: rgba(255, 255, 255, 0.3); } #preheader #preheader-menu-nav li:last-child:after { content: none; } /******************************************** 5-5. Header Default Styles *********************************************/ .header1 #main-header{ background:#fff; } .header2 #preheader{ border-top-color:#582101; } .header3 #main-header{ background:#fff; color:#fff; } .header3 #preheader{ background:#582101; } .header4 #main-header{ background:#582101; color:#fff; } .header4 #lower-header{ background:#fff; } .header4.fixed-header #main-header{ display:none; } .header4.fixed-header #lower-header .menu a{ padding:23px 0; } .header5 #lower-header .menu a { padding: 15px 0; } .header5 #lower-header .header-shopping-cart a, .header5 #lower-header .header-search-box a{ padding: 8px 0 5px; } .header5 #lower-header .navigation, .header5 #lower-header .navigation>div, .header5 #lower-header .navigation>nav{ display:inline-block; width:auto; } .header5.fixed-header #main-header{ display:none; } #header.header6, #header.header7{ box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none; position:absolute; top:0; left:0; right:0; z-index:1000; } .header6.not-fixed #main-header, .header7.not-fixed #main-header{ background:transparent!important; } body.headerstyle6 .page-heading{ padding-top:150px; } body.headerstyle7, body.headerstyle7 .full-width{ padding-left:275px; } /******************************************** 5-6. Main Header BG Variants *********************************************/ #header #main-header.bg-white{background-color:#b98130} /* #header #main-header.bg-white{background-color:#fff} */ #header #main-header.bg-black{background-color:#212428;} #header #main-header.bg-dark-black{background-color:#141617!important;} #header #main-header.bg-blue{background-color:#582101;} #header #main-header.bg-dark-blue {background-color:#161c43;} #header #main-header.bg-light-blue{background-color:#2eb9ea;} #header #main-header.bg-turquoise-blue{background-color:#5fd0e4;} #header #main-header.bg-gray{background-color:#bfcdde!important;} #header #main-header.bg-dark-gray{background-color:#8a9fb9;} #header #main-header.bg-periwinkle-gray{background-color:#e5eaf3!important;} #header #main-header.bg-botticelli-gray{background-color:#d6deec!important;} #header #main-header.bg-light-gray{background-color:#f9f9f9!important;} #header #main-header.bg-silver{background-color:#c9c9c9!important;} #header #main-header.bg-orange{background-color:#f3c72f!important;} #header #main-header.bg-dark-orange{background-color:#ed9b4b!important;} #header #main-header.bg-bittersweet {background-color:#ff7859;} #header #main-header.bg-green{background-color:#85c94f;} #header #main-header.bg-dark-green{background-color:#3ec8a7!important;} #header #main-header.bg-turquoise{background-color:#41d4d6;} #header #main-header.bg-purple{background-color:#9268e8!important;} #header #main-header.bg-dark-purple{background-color:#603497!important;} #header #main-header.bg-pink{background-color:#f06387!important;} #header #main-header.bg-cranberry{background-color:#de5477;} #header #main-header.bg-yellow{background-color:#ffff4a!important;} #header #main-header.bg-red{background-color:#eb5848!important;} /******************************************** 5-7. Main Header Border Colors Variants *********************************************/ #header #main-header.br-color-white, .br-color-light{border-color:#fff;} #header #main-header.br-color-black{border-color:#212428!important;} #header #main-header.br-color-blue{border-color:#582101!important;} #header #main-header.br-color-dark-blue{border-color:#161c43!important;} #header #main-header.br-color-light-blue{border-color:#2eb9ea!important;} #header #main-header.br-color-turquoise-blue{border-color:#5fd0e4!important;} #header #main-header.br-color-gray{border-color:#bfcdde!important;} #header #main-header.br-color-dark-gray{border-color:#8a9fb9!important;} #header #main-header.br-color-periwinkle-gray{border-color:#e5eaf3!important;} #header #main-header.br-color-botticelli-gray{border-color:#e5eaf3!important;} #header #main-header.br-color-light-gray{border-color:#f9f9f9!important;} #header #main-header.br-color-silver{border-color:#c9c9c9!important;} #header #main-header.br-color-orange{border-color:#f3c72f!important;} #header #main-header.br-color-dark-orange{border-color:#ed9b4b!important;} #header #main-header.br-color-bittersweet{border-color:#ff7859!important;} #header #main-header.br-color-green{border-color:#85c94f!important;} #header #main-header.br-color-dark-green{border-color:#3ec8a7!important;} #header #main-header.br-color-turquoise{border-color:#41d4d6;} #header #main-header.br-color-purple{border-color:#9268e8!important;} #header #main-header.br-color-dark-purple{border-color:#603497!important;} #header #main-header.br-color-pink{border-color:#f06387!important;} #header #main-header.br-color-cranberry{border-color:#de5477!important;} #header #main-header.br-color-yellow{border-color:#ffff4a!important;} #header #main-header.br-color-red{border-color:#eb5848!important;} /******************************************** 5-8. Preheader BG Variants *********************************************/ #header #preheader.bg-white{background-color:#b98130} #header #preheader.bg-black{background-color:#212428;} #header #preheader.bg-dark-black{background-color:#141617!important;} #header #preheader.bg-blue{background-color:#582101;} #header #preheader.bg-dark-blue {background-color:#161c43;} #header #preheader.bg-light-blue{background-color:#2eb9ea;} #header #preheader.bg-turquoise-blue{background-color:#5fd0e4;} #header #preheader.bg-gray{background-color:#bfcdde!important;} #header #preheader.bg-dark-gray{background-color:#8a9fb9;} #header #preheader.bg-periwinkle-gray{background-color:#e5eaf3!important;} #header #preheader.bg-botticelli-gray{background-color:#d6deec!important;} #header #preheader.bg-light-gray{background-color:#f9f9f9!important;} #header #preheader.bg-silver{background-color:#c9c9c9!important;} #header #preheader.bg-orange{background-color:#f3c72f!important;} #header #preheader.bg-dark-orange{background-color:#ed9b4b!important;} #header #preheader.bg-bittersweet {background-color:#ff7859;} #header #preheader.bg-green{background-color:#85c94f;} #header #preheader.bg-dark-green{background-color:#3ec8a7!important;} #header #preheader.bg-turquoise{background-color:#41d4d6;} #header #preheader.bg-purple{background-color:#9268e8!important;} #header #preheader.bg-dark-purple{background-color:#603497!important;} #header #preheader.bg-pink{background-color:#f06387!important;} #header #preheader.bg-cranberry{background-color:#de5477;} #header #preheader.bg-yellow{background-color:#ffff4a!important;} #header #preheader.bg-red{background-color:#eb5848!important;} /******************************************** 5-9. Preheeader Border Colors Variants *********************************************/ #header #preheader.br-color-white, .br-color-light{border-top-color:#fff;} #header #preheader.br-color-black{border-top-color:#212428!important;} #header #preheader.br-color-blue{border-top-color:#582101!important;} #header #preheader.br-color-dark-blue{border-top-color:#161c43!important;} #header #preheader.br-color-light-blue{border-top-color:#2eb9ea!important;} #header #preheader.br-color-turquoise-blue{border-top-color:#5fd0e4!important;} #header #preheader.br-color-gray{border-top-color:#bfcdde!important;} #header #preheader.br-color-dark-gray{border-top-color:#8a9fb9!important;} #header #preheader.br-color-periwinkle-gray{border-top-color:#e5eaf3!important;} #header #preheader.br-color-botticelli-gray{border-top-color:#e5eaf3!important;} #header #preheader.br-color-light-gray{border-top-color:#f9f9f9!important;} #header #preheader.br-color-silver{border-top-color:#c9c9c9!important;} #header #preheader.br-color-orange{border-top-color:#f3c72f!important;} #header #preheader.br-color-dark-orange{border-top-color:#ed9b4b!important;} #header #preheader.br-color-bittersweet{border-top-color:#ff7859!important;} #header #preheader.br-color-green{border-top-color:#85c94f!important;} #header #preheader.br-color-dark-green{border-top-color:#3ec8a7!important;} #header #preheader.br-color-turquoise{border-top-color:#41d4d6;} #header #preheader.br-color-purple{border-top-color:#9268e8!important;} #header #preheader.br-color-dark-purple{border-top-color:#603497!important;} #header #preheader.br-color-pink{border-top-color:#f06387!important;} #header #preheader.br-color-cranberry{border-top-color:#de5477!important;} #header #preheader.br-color-yellow{border-top-color:#ffff4a!important;} #header #preheader.br-color-red{border-top-color:#eb5848!important;} /******************************************** 5-10. Sideheader *********************************************/ #sideheader + #header.header-fixed{ position:fixed; top:0; right:0; left:270px; z-index:999; } #sideheader + #header #preheader{ display:block; } #sideheader + #header #preheader:only-child{ border-bottom:none; } #sideheader{ position:fixed; top:0; left:0; bottom:0; z-index:1000; width:275px; padding:55px; overflow:hidden; box-shadow:1px 0 3px rgba(0,0,0,.06); -webkit-box-shadow:1px 0 3px rgba(0,0,0,.06); -moz-box-shadow:1px 0 3px rgba(0,0,0,.06); } #sideheader .logo{ margin-bottom:60px; text-align:center; } #sideheader #main-nav{ margin-bottom:30px; } #sideheader .navigation, #sideheader .navigation #main-nav li{ display:block; margin-left:0; } #sideheader .navigation #main-nav li + li, #sideheader .navigation #main-nav ul ul li{ margin-top:25px; } #sideheader .navigation #main-nav ul ul{ padding-left:20px; display:none; } #sideheader .header-shopping-cart, #sideheader .header-search-box{ margin-bottom:20px; } #sideheader #main-nav li a{ position:relative; } #sideheader #main-nav li a:only-child:after{ content:none; } #sideheader #main-nav li a:after{ content:''; width:11px; height:11px; position:absolute; top:3px; right:0; background:url(../img/sprites/dropdown-arrows.png); background-position:-11px 0; } #sideheader #main-nav.color-white li a:after{ background-position:0 0; } /******************************************** 5-11. Navigation *********************************************/ #main-nav>.menu{ font-family:'Proxima Nova', 'Open Sans', Arial, sans-serif; } #main-header #main-nav>.menu{ text-align:right; } #main-nav ul{ list-style:none; padding:0; margin:0; } #main-nav li{ display:inline-block; margin-top:0; position:relative; text-align:left; } #main-nav li + li{ margin-left:46px; } #main-nav li a{ color:#718097; position:relative; text-decoration:none; display:block; font-size: 1em; line-height: 1.4; text-transform: uppercase; font-weight:700; z-index:1; transition: color .2s, background .2s, opacity .2s; -webkit-transition: color .2s, background .2s, opacity .2s; -moz-transition: color .2s, background .2s, opacity .2s; } #main-nav.color-white li a{ color: #ffffff; } #sideheader #main-nav li a{ font-size: 0.8125em; } #main-nav.inactive-opacity li a{ color:#fff; opacity:.6; } #main-nav li a:before{ content:''; position:absolute; top:0; left:0; height:3px; width:100%; background:#582101; visibility:hidden; transform: scaleX(0); -webkit-transform: scaleX(0); -moz-transform: scaleX(0); -ms-transform: scaleX(0); -o-transform: scaleX(0); -webkit-transform-origin: left center; -moz-transform-origin: left center; -ms-transform-origin: left center; transform-origin: left center; transition: transform .3s, visibility .3s; -webkit-transition: -webkit-transform .3s, visibility .3s; -moz-transition: -moz-transform .3s, visibility .3s; transition-delay: 0s, .3s; -webkit-transition-delay: 0s, .3s; -moz-transition-delay: 0s, .3s; } #sideheader #main-nav li a:before{ content:none; } #header.header7 #main-nav li a { position: relative; } #header.header7.fixed-header #main-nav li a { color:#718097;} #header.header7.not-fixed #main-nav li:hover > a{ opacity: 0.7; } #header.fixed-header #main-header.bg-white #main-nav li a{ color:#4c160b; } #header.header7 #main-nav li ul { border: none !important; } #header.header7 #main-nav li a:before{ top: auto; bottom: 27px; } #header.header7.fixed-header #main-nav li a:before{ bottom: 0; } #header.header7.fixed-header { box-shadow: 0 2px 0 -1px rgba(0, 0, 0, 0.07); } /******************************************** 5-11-1. Variations Nav *********************************************/ #main-header .menu a{ padding:46px 0; } #lower-header .menu a{ padding:30px 0; } #lower-header #main-nav li a:before{ top:auto; bottom:0; } /******************************************** 5-11-2. navigation active/hover *********************************************/ #main-nav li:hover>a, #main-nav li.current-menu-item>a, #main-nav li.current-menu-ancestor>a{ color:#582101; opacity:1; } #main-nav li:hover>a:before, #main-nav li.current-menu-item>a:before, #main-nav li.current-menu-ancestor>a:before, #main-nav ul ul li.current-menu-item>a:before, #main-nav ul ul li.current-menu-ancestor>a:before{ width:100%; visibility:visible; transform: scaleX(1); -webkit-transform: scaleX(1); -moz-transform: scaleX(1); -ms-transform: scaleX(1); -o-transform: scaleX(1); transition-delay: 0s, 0s; -webkit-transition-delay: 0s, 0s; -moz-transition-delay: 0s, 0s; } /******************************************** 5-11-3. dropdown menu *********************************************/ #header #main-nav ul ul{ font-family:'Open Sans', Arial, sans-serif; position:absolute; min-width:240px; top:100%; left:-29px; z-index:10; padding:23px 0 25px; background-color:rgba(255, 255, 255, 0.5); border-top:3px solid #582101; box-shadow:0 2px 4px rgba(0,0,0,.1); -webkit-box-shadow:0 2px 4px rgba(0,0,0,.1); -moz-box-shadow:0 2px 4px rgba(0,0,0,.1); display: none; } #header #main-nav.active-color-turquoise ul ul{ border-top-color: #41d4d6; } #header #main-nav.active-color-turquoise .menu ul ul li.current-menu-parent>a, #header #main-nav.active-color-turquoise .menu ul ul li.current-menu-item>a { color: #41d4d6; } #header #main-nav.dropdown-dark ul ul{ background:#161819; } #header #main-nav ul ul ul{ top:-22px; left:100%; border-top:none; padding:22px 0; display: none; -webkit-box-shadow:1px 0 4px rgba(0,0,0,.1); -moz-box-shadow:1px 0 4px rgba(0,0,0,.1); box-shadow:1px 0 4px rgba(0,0,0,.1); } #header #main-nav ul ul li{ margin:0; display:block; } #header #main-nav .menu ul ul a{ white-space:nowrap; padding:12px 35px; color:##582101; text-transform:none; font-size: 1.1em; font-weight:600; opacity:1; } #header #main-nav.dropdown-dark .menu ul ul a{ color:#acb4b8; } .oldie #header #main-nav .menu ul ul a{ font-weight:400; } #header #main-nav .menu ul ul a:hover{ background-color:rgba(255, 255, 255, 0.8); color:#582101; } #header #main-nav .menu ul ul li.current-menu-parent>a, #header #main-nav .menu ul ul li.current-menu-item>a{ color:#582101; } #header #main-nav.dropdown-dark .menu ul ul a:hover{ background:none; color:#fff; } #header #main-nav ul ul a:before{ content:none; } /******************************************** 5-11-4. Header Light Font Color *********************************************/ #header .color-light, #header .color-light a, #header #preheader.color-light .menu li a, #header .color-light .social-icons a, #header .color-light .iconic-list li .fa{ color:#fff; } #header .color-light .inline-list{ opacity:.6; } /******************************************** 5-11-5. Header Navigation Colors *********************************************/ #sideheader #main-nav.color-white > li > a,#header #main-nav.color-white > li > a,#sideheader #main-nav.active-color-white .primary-nav > li:hover>a,#header #main-nav.active-color-white .primary-nav > li:hover>a,#sideheader #main-nav.active-color-white li.current-menu-item>a,#header #main-nav.active-color-white li.current-menu-item>a,#sideheader #main-nav.active-color-white li.current-menu-ancestor>a,#header #main-nav.active-color-white li.current-menu-ancestor>a{color:#fff;} #sideheader #main-nav.color-black li a,#header #main-nav.color-black li a,#sideheader #main-nav.active-color-black li:hover>a,#header #main-nav.active-color-black li:hover>a,#sideheader #main-nav.active-color-black li.current-menu-item>a,#header #main-nav.active-color-black li.current-menu-item>a,#sideheader #main-nav.active-color-black li.current-menu-ancestor>a,#header #main-nav.active-color-black li.current-menu-ancestor>a{color:#212428;} #sideheader #main-nav.color-blue li a,#header #main-nav.color-blue li a,#sideheader #main-nav.active-color-blue li:hover > a,#header #main-nav.active-color-blue li:hover > a,#sideheader #main-nav.active-color-blue li.current-menu-item > a,#header #main-nav.active-color-blue li.current-menu-item > a,#sideheader #main-nav.active-color-blue li.current-menu-ancestor > a,#header #main-nav.active-color-blue li.current-menu-ancestor > a{color:#582101;} #sideheader #main-nav.color-dark-blue li a,#header #main-nav.color-dark-blue li a,#sideheader #main-nav.active-color-dark-blue li:hover>a,#header #main-nav.active-color-dark-blue li:hover>a,#sideheader #main-nav.active-color-dark-blue li.current-menu-item>a,#header #main-nav.active-color-dark-blue li.current-menu-item>a,#sideheader #main-nav.active-color-dark-blue li.current-menu-ancestor>a,#header #main-nav.active-color-dark-blue li.current-menu-ancestor>a{color:#161c43;} #sideheader #main-nav.color-light-blue li a,#header #main-nav.color-light-blue li a,#sideheader #main-nav.active-color-light-blue li:hover>a,#header #main-nav.active-color-light-blue li:hover>a,#sideheader #main-nav.active-color-light-blue li.current-menu-item>a,#header #main-nav.active-color-light-blue li.current-menu-item>a,#sideheader #main-nav.active-color-light-blue li.current-menu-ancestor>a,#header #main-nav.active-color-light-blue li.current-menu-ancestor>a{color:#2eb9ea;} #sideheader #main-nav.color-turquoise-blue li a,#header #main-nav.color-turquoise-blue li a,#sideheader #main-nav.active-color-turquoise-blue li:hover>a,#header #main-nav.active-color-turquoise-blue li:hover>a,#sideheader #main-nav.active-color-turquoise-blue li.current-menu-item>a,#header #main-nav.active-color-turquoise-blue li.current-menu-item>a,#sideheader #main-nav.active-color-turquoise-blue li.current-menu-ancestor>a,#header #main-nav.active-color-turquoise-blue li.current-menu-ancestor>a{color:#5fd0e4;} #sideheader #main-nav.color-gray li a,#header #main-nav.color-gray li a,#sideheader #main-nav.active-color-gray li:hover>a,#header #main-nav.active-color-gray li:hover>a,#sideheader #main-nav.active-color-gray li.current-menu-item>a,#header #main-nav.active-color-gray li.current-menu-item>a,#sideheader #main-nav.active-color-gray li.current-menu-ancestor>a,#header #main-nav.active-color-gray li.current-menu-ancestor>a{color:#bfcdde;} #sideheader #main-nav.color-dark-gray li a,#header #main-nav.color-dark-gray li a,#sideheader #main-nav.active-color-dark-gray li:hover>a,#header #main-nav.active-color-dark-gray li:hover>a,#sideheader #main-nav.active-color-dark-gray li.current-menu-item>a,#header #main-nav.active-color-dark-gray li.current-menu-item>a,#sideheader #main-nav.active-color-dark-gray li.current-menu-ancestor>a,#header #main-nav.active-color-dark-gray li.current-menu-ancestor>a{color:#582101;} #sideheader #main-nav.color-periwinkle-gray li a,#header #main-nav.color-periwinkle-gray li a,#sideheader #main-nav.active-color-periwinkle-gray li:hover>a,#header #main-nav.active-color-periwinkle-gray li:hover>a,#sideheader #main-nav.active-color-periwinkle-gray li.current-menu-item>a,#header #main-nav.active-color-periwinkle-gray li.current-menu-item>a,#sideheader #main-nav.active-color-periwinkle-gray li.current-menu-ancestor>a,#header #main-nav.active-color-periwinkle-gray li.current-menu-ancestor>a{color:#e5eaf3;} #sideheader #main-nav.color-botticelli-gray li a,#header #main-nav.color-botticelli-gray li a,#sideheader #main-nav.active-color-botticelli-gray li:hover>a,#header #main-nav.active-color-botticelli-gray li:hover>a,#sideheader #main-nav.active-color-botticelli-gray li.current-menu-item>a,#header #main-nav.active-color-botticelli-gray li.current-menu-item>a,#sideheader #main-nav.active-color-botticelli-gray li.current-menu-ancestor>a,#header #main-nav.active-color-botticelli-gray li.current-menu-ancestor>a{color:#d6deec;} #sideheader #main-nav.color-light-gray li a,#header #main-nav.color-light-gray li a,#sideheader #main-nav.active-color-light-gray li:hover>a,#header #main-nav.active-color-light-gray li:hover>a,#sideheader #main-nav.active-color-light-gray li.current-menu-item>a,#header #main-nav.active-color-light-gray li.current-menu-item>a,#sideheader #main-nav.active-color-light-gray li.current-menu-ancestor>a,#header #main-nav.active-color-light-gray li.current-menu-ancestor>a{color:#f9f9f9;} #sideheader #main-nav.color-silver li a,#header #main-nav.color-silver li a,#sideheader #main-nav.active-color-silver li:hover>a,#header #main-nav.active-color-silver li:hover>a,#sideheader #main-nav.active-color-silver li.current-menu-item>a,#header #main-nav.active-color-silver li.current-menu-item>a,#sideheader #main-nav.active-color-silver li.current-menu-ancestor>a,#header #main-nav.active-color-silver li.current-menu-ancestor>a{color:#c9c9c9;} #sideheader #main-nav.color-orange li a,#header #main-nav.color-orange li a,#sideheader #main-nav.active-color-orange li:hover>a,#header #main-nav.active-color-orange li:hover>a,#sideheader #main-nav.active-color-orange li.current-menu-item>a,#header #main-nav.active-color-orange li.current-menu-item>a,#sideheader #main-nav.active-color-orange li.current-menu-ancestor>a,#header #main-nav.active-color-orange li.current-menu-ancestor>a{color:#f3c72f;} #sideheader #main-nav.color-dark-orange li a,#header #main-nav.color-dark-orange li a,#sideheader #main-nav.active-color-dark-orange li:hover>a,#header #main-nav.active-color-dark-orange li:hover>a,#sideheader #main-nav.active-color-dark-orange li.current-menu-item>a,#header #main-nav.active-color-dark-orange li.current-menu-item>a,#sideheader #main-nav.active-color-dark-orange li.current-menu-ancestor>a,#header #main-nav.active-color-dark-orange li.current-menu-ancestor>a{color:#ed9b4b;} #sideheader #main-nav.color-bittersweet li a,#header #main-nav.color-bittersweet li a,#sideheader #main-nav.active-color-bittersweet li:hover>a,#header #main-nav.active-color-bittersweet li:hover>a,#sideheader #main-nav.active-color-bittersweet li.current-menu-item>a,#header #main-nav.active-color-bittersweet li.current-menu-item>a,#sideheader #main-nav.active-color-bittersweet li.current-menu-ancestor>a,#header #main-nav.active-color-bittersweet li.current-menu-ancestor>a{color:#ff7859;} #sideheader #main-nav.color-green li a,#header #main-nav.color-green li a,#sideheader #main-nav.active-color-green li:hover>a,#header #main-nav.active-color-green li:hover>a,#sideheader #main-nav.active-color-green li.current-menu-item>a,#header #main-nav.active-color-green li.current-menu-item>a,#sideheader #main-nav.active-color-green li.current-menu-ancestor>a,#header #main-nav.active-color-green li.current-menu-ancestor>a{color:#85c94f;} #sideheader #main-nav.color-dark-green li a,#header #main-nav.color-dark-green li a,#sideheader #main-nav.active-color-dark-green li:hover>a,#header #main-nav.active-color-dark-green li:hover>a,#sideheader #main-nav.active-color-dark-green li.current-menu-item>a,#header #main-nav.active-color-dark-green li.current-menu-item>a,#sideheader #main-nav.active-color-dark-green li.current-menu-ancestor>a,#header #main-nav.active-color-dark-green li.current-menu-ancestor>a{color:#3ec8a7;} #sideheader #main-nav.color-turquoise li a,#header #main-nav.color-turquoise li a,#sideheader #main-nav.active-color-turquoise li:hover>a,#header #main-nav.active-color-turquoise li:hover>a,#sideheader #main-nav.active-color-turquoise li.current-menu-item>a,#header #main-nav.active-color-turquoise li.current-menu-item>a,#sideheader #main-nav.active-color-turquoise li.current-menu-ancestor>a,#header #main-nav.active-color-turquoise li.current-menu-ancestor>a{color:#41d4d6;} #sideheader #main-nav.color-purple li a,#header #main-nav.color-purple li a,#sideheader #main-nav.active-color-purple li:hover>a,#header #main-nav.active-color-purple li:hover>a,#sideheader #main-nav.active-color-purple li.current-menu-item>a,#header #main-nav.active-color-purple li.current-menu-item>a,#sideheader #main-nav.active-color-purple li.current-menu-ancestor>a,#header #main-nav.active-color-purple li.current-menu-ancestor>a{color:#9268e8;} #sideheader #main-nav.color-dark-purple li a,#header #main-nav.color-dark-purple li a,#sideheader #main-nav.active-color-dark-purple li:hover>a,#header #main-nav.active-color-dark-purple li:hover>a,#sideheader #main-nav.active-color-dark-purple li.current-menu-item>a,#header #main-nav.active-color-dark-purple li.current-menu-item>a,#sideheader #main-nav.active-color-dark-purple li.current-menu-ancestor>a,#header #main-nav.active-color-dark-purple li.current-menu-ancestor>a{color:#603497;} #sideheader #main-nav.color-pink li a,#header #main-nav.color-pink li a,#sideheader #main-nav.active-color-pink li:hover>a,#header #main-nav.active-color-pink li:hover>a,#sideheader #main-nav.active-color-pink li.current-menu-item>a,#header #main-nav.active-color-pink li.current-menu-item>a,#sideheader #main-nav.active-color-pink li.current-menu-ancestor>a,#header #main-nav.active-color-pink li.current-menu-ancestor>a{color:#f06387;} #sideheader #main-nav.color-cranberry li a,#header #main-nav.color-cranberry li a,#sideheader #main-nav.active-color-cranberry li:hover>a,#header #main-nav.active-color-cranberry li:hover>a,#sideheader #main-nav.active-color-cranberry li.current-menu-item>a,#header #main-nav.active-color-cranberry li.current-menu-item>a,#sideheader #main-nav.active-color-cranberry li.current-menu-ancestor>a,#header #main-nav.active-color-cranberry li.current-menu-ancestor>a{color:#de5477;} #sideheader #main-nav.color-yellow li a,#header #main-nav.color-yellow li a,#sideheader #main-nav.active-color-yellow li:hover>a,#header #main-nav.active-color-yellow li:hover>a,#sideheader #main-nav.active-color-yellow li.current-menu-item>a,#header #main-nav.active-color-yellow li.current-menu-item>a,#sideheader #main-nav.active-color-yellow li.current-menu-ancestor>a,#header #main-nav.active-color-yellow li.current-menu-ancestor>a{color:#ffff4a;} #sideheader #main-nav.color-red li a,#header #main-nav.color-red li a,#sideheader #main-nav.active-color-red li:hover>a,#header #main-nav.active-color-red li:hover>a,#sideheader #main-nav.active-color-red li.current-menu-item>a,#header #main-nav.active-color-red li.current-menu-item>a,#sideheader #main-nav.active-color-red li.current-menu-ancestor>a,#header #main-nav.active-color-red li.current-menu-ancestor>a{color:#eb5848;} /******************************************** 5-11-6. Header Border Colors *********************************************/ #sideheader #main-nav.border-color-white li a:before,#header #main-nav.border-color-white li a:before{background:#fff;} #sideheader #main-nav.border-color-black li a:before,#header #main-nav.border-color-black li a:before{background:#212428;} #sideheader #main-nav.border-color-blue li a:before,#header #main-nav.border-color-blue li a:before{background:#582101;} #sideheader #main-nav.border-color-dark-blue li a:before,#header #main-nav.border-color-dark-blue li a:before{background:#161c43;} #sideheader #main-nav.border-color-light-blue li a:before,#header #main-nav.border-color-light-blue li a:before{background:#2eb9ea;} #sideheader #main-nav.border-color-turquoise-blue li a:before,#header #main-nav.border-color-turquoise-blue li a:before{background:#5fd0e4;} #sideheader #main-nav.border-color-gray li a:before,#header #main-nav.border-color-gray li a:before{background:#bfcdde;} #sideheader #main-nav.border-color-dark-gray li a:before,#header #main-nav.border-color-dark-gray li a:before{background:#8a9fb9;} #sideheader #main-nav.border-color-periwinkle-gray li a:before,#header #main-nav.border-color-periwinkle-gray li a:before{background:#e5eaf3;} #sideheader #main-nav.border-color-botticelli-gray li a:before,#header #main-nav.border-color-botticelli-gray li a:before{background:#d6deec;} #sideheader #main-nav.border-color-light-gray li a:before,#header #main-nav.border-color-light-gray li a:before{background:#f9f9f9;} #sideheader #main-nav.border-color-silver li a:before,#header #main-nav.border-color-silver li a:before{background:#c9c9c9;} #sideheader #main-nav.border-color-orange li a:before,#header #main-nav.border-color-orange li a:before{background:#f3c72f;} #sideheader #main-nav.border-color-dark-orange li a:before,#header #main-nav.border-color-dark-orange li a:before{background:#ed9b4b;} #sideheader #main-nav.border-color-bittersweet li a:before,#header #main-nav.border-color-bittersweet li a:before{background:#ff7859;} #sideheader #main-nav.border-color-green li a:before,#header #main-nav.border-color-green li a:before{background:#85c94f;} #sideheader #main-nav.border-color-dark-green li a:before,#header #main-nav.border-color-dark-green li a:before{background:#3ec8a7;} #sideheader #main-nav.border-color-turquoise li a:before,#header #main-nav.border-color-turquoise li a:before{background:#41d4d6;} #sideheader #main-nav.border-color-purple li a:before,#header #main-nav.border-color-purple li a:before{background:#9268e8;} #sideheader #main-nav.border-color-dark-purple li a:before,#header #main-nav.border-color-dark-purple li a:before{background:#603497;} #sideheader #main-nav.border-color-pink li a:before,#header #main-nav.border-color-pink li a:before{background:#f06387;} #sideheader #main-nav.border-color-cranberry li a:before,#header #main-nav.border-color-cranberry li a:before{background:#de5477;} #sideheader #main-nav.border-color-yellow li a:before,#header #main-nav.border-color-yellow li a:before{background:#ffff4a;} #sideheader #main-nav.border-color-red li a:before,#header #main-nav.border-color-red li a:before{background:#eb5848;} #header #main-nav.border-color-turquoise li a:before{ background: rgb(99,166,255); background: -moz-linear-gradient(left, rgba(99,166,255,1) 0%, rgba(18,232,232,1) 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(99,166,255,1)), color-stop(100%,rgba(18,232,232,1))); background: -webkit-linear-gradient(left, rgba(99,166,255,1) 0%,rgba(18,232,232,1) 100%); background: -o-linear-gradient(left, rgba(99,166,255,1) 0%,rgba(18,232,232,1) 100%); background: -ms-linear-gradient(left, rgba(99,166,255,1) 0%,rgba(18,232,232,1) 100%); background: linear-gradient(to right, rgba(99,166,255,1) 0%,rgba(18,232,232,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#63a6ff', endColorstr='#12e8e8',GradientType=1 ); } /********************************************************************************************** ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: 6. Footer ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: ***********************************************************************************************/ #footer{ font-size:.875em; } #footer.style-dark #main-footer{ background:#111213; } #footer.style-dark #lower-footer{ background:#0c0d0d; } #main-footer{ background:#b98130; padding:20px 0; } #footer .widget h6{ text-transform:uppercase; font-family:'Proxima Nova', 'Open Sans', Arial, sans-serif; font-weight:700; } #footer .widget a{ font-weight:700; border-bottom:1px solid transparent; } #footer a:hover{ color:#a9b5c7; text-decoration:none; border-bottom-color:#a9b5c7; } #main-footer .row{ margin:0 -40px; } #main-footer .row>div{ padding:0 40px; } #footer.style2 #lower-footer{ background:#061322; } /******************************************** 6-1. Footer Widgets *********************************************/ /******************************************** 6-1-1. Latest Posts *********************************************/ #footer .widget_latest_posts_entries .post-entry + .post-entry{ margin-top:20px; padding-top:20px; position:relative; } #footer .widget_latest_posts_entries .post-entry + .post-entry:before{ position:absolute; content:''; left:0; top:0; width:60px; border-top:3px solid #dce3ef; } #footer .widget_latest_posts_entries .post-meta{ display:block; color:#b4bfd1; font-size:12px; } /******************************************** 6-1-2. Latest Tweets *********************************************/ #footer .widget_twitter_feed .tweet-entry{ padding-left:50px; position:relative; } #footer .widget_twitter_feed .tweet-entry + .tweet-entry{ margin-top:30px; } #footer .widget_twitter_feed .tweet-entry:before{ content:"\f099"; font-family:'FontAwesome'; position:absolute; left:0; top:0; font-size:30px; line-height:40px; color:#fff; } #footer .widget_twitter_feed .tweet-entry p{ margin:0; } #footer .widget_twitter_feed .tweet-entry .date{ font-size:12px; font-weight:300; } #footer .widget_latest_tweets_widget>ul>li { padding-left: 50px; } #footer .widget_latest_tweets_widget>ul>li .tweet-icon { border: none; width: auto; height: auto; color: white; font-size: 30px; } #footer .widget_latest_tweets_widget>ul>li:hover .tweet-icon { background: transparent; } #footer .widget_latest_tweets_widget>ul>li .tweet-date { font-family: 'Open Sans', Arial, sans-serif; font-size: 12px; font-weight: 300; text-transform: none; color: white; } /******************************************** 6-2. Lower Footer *********************************************/ #lower-footer{ background:#541f00; padding:25px 0; } #footer .copyright{ font-size:.9285em; margin:5px 0; line-height: 30px; } #footer .social-icons li{ font-size:1.5em; } #footer .social-icons a{ color:#fff; opacity:.2; } #footer .social-icons a:hover{ opacity:1; } #footer .widget select { background: #2D3742; } #footer .widget label { color: white; } #footer .tagcloud a { border: 2px solid #d1dae8; } #footer .tagcloud a:hover { color: white; border: 2px solid #582101; } /********************************************************************************************** ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: 7. Sidebars ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: ***********************************************************************************************/ #splendid-main-container.page-layout{ padding-top:0; padding-bottom:0; } #splendid-main-container .main-content{ padding-top:0px; padding-bottom:30px; } #splendid-main-container .portfolio-single-wrapper { padding-top:50px; padding-bottom:50px; } .content-with-sidebar{ position:relative; overflow:hidden; } .content-with-sidebar .main-content{ padding-right:55px; padding-top:100px; padding-bottom:100px; width:72%; float:left; } .content-with-sidebar .main-content .section.full-width > .container { width: 100%; } .sidebar-onleft .main-content{ padding-right:0; } .content-with-sidebar .sidebar + .main-content{ padding-left:55px; } .content-with-sidebar .sidebar{ width:28%; padding-top:100px; padding-bottom:100px; float:left; position:static; } .content-with-sidebar .main-content + .sidebar:before{ content:''; position:absolute; top:0; bottom:0; border-left:1px solid #dce3ef; } .content-with-sidebar .sidebar + .main-content:before{ content:''; position:absolute; top:0; bottom:0; border-left:1px solid #dce3ef; margin-left:-55px; } .content-with-sidebar .sidebar>.sidebar-container{ padding-left:55px; } .content-with-sidebar .sidebar.sidebar-left>.sidebar-container{ padding-right:55px; padding-left:0; } /******************************************** 7-1. Dual Sidebar *********************************************/ .content-with-sidebar.sidebar-dual .main-content{ width:44%; padding-left:40px; padding-right:40px; } .content-with-sidebar.sidebar-dual .sidebar + .main-content:before{ margin-left:-40px; } .content-with-sidebar.sidebar-dual .sidebar-left>.sidebar-container{ padding-right:40px; } .content-with-sidebar.sidebar-dual .sidebar-right>.sidebar-container{ padding-left:40px; } /******************************************** 7-2. Sidebar Widgets *********************************************/ .sidebar_widget>h5{ font-weight:700; margin-top:0; } .sidebar_widget + .sidebar_widget{ margin-top:60px; } .sidebar_widget>ul{ list-style:none; margin:0; } .sidebar_widget a{ color:#718097; } .sidebar_widget a:hover{ color:#582101; } /******************************************** 7-2-1. Widget lists *********************************************/ .widget ul .children { margin-bottom: 0; padding-left: 0; } /******************************************** 7-2-2. Search RSS *********************************************/ .widget_rss > h5 a { display: inline; } .widget_rss li { margin-bottom: 16px; } .widget_rss a { color: #582101; display: block; } .wisget_rss .rss-date { display: block; } /******************************************** 7-2-3. Search Widget *********************************************/ .woocommerce-product-search, .widget_search{ position:relative; } .woocommerce-product-search:after, .widget_search:after{ content: "\f002"; font: normal normal normal 20px/1 FontAwesome; position: absolute; bottom: 0; right: 10px; display: inline-block; width: 50px; height: 50px; line-height: 48px; z-index: 0; text-align: center; color: #718097; } .woocommerce-product-search input, .widget_search input{ font-weight: 400; height:50px; border-radius:50em; -webkit-border-radius:50em; -moz-border-radius:50em; background:transparent; border:2px solid #dce3ef; padding: 0 25px; margin:0; transition: border .3s; -webkit-transition: border .3s; -moz-transition: border .3s; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .woocommerce-product-search button, .widget_search button { display: none; } .woocommerce-product-search input:focus, .widget_search input:focus{ outline:none; border-color:#582101; } .widget_search input::-webkit-input-placeholder {color:#718097;} .widget_search input:-moz-placeholder {color:#718097;} .widget_search input::-moz-placeholder {color:#718097;} .widget_search input:-ms-input-placeholder {color:#718097;} .woocommerce-product-search input[type=submit], .widget_search .search-submit{ border:none; background:none; font-size:20px; line-height:48px; width:50px; height:50px; text-align:center; position:absolute; bottom:0; right:10px; z-index: 5; text-align: center; color: transparent !important; outline:none!important; transition: color .3s; -webkit-transition: color .3s; -moz-transition: color .3s; } .widget_search button:hover{ color:#582101; } /******************************************** 7-2-4. Categories And Menus Widget *********************************************/ .widget_meta ul li, .widget_pages ul li, .widget_nav_menu ul li, .widget_archive ul li, .widget_recent_entries ul li, .widget.woocommerce .product-categories .cat-item, .widget_categories .cat-item{ position:relative; padding-left:25px; list-style: none; } .widget.woocommerce .product-categories .cat-item:before, .widget_meta ul li:before, .widget_pages ul li:before, .widget_archive ul li:before, .widget_nav_menu ul li:before, .widget_recent_entries ul li:before, .widget_categories .cat-item:before{ content: '\f105'; position: absolute; top: 4px; left: 2px; font: normal normal 18px/1.5 FontAwesome; opacity: 0.5; } /******************************************** 7-2-5. Calendar Widget *********************************************/ #wp-calendar { width: 100%; border: 1px solid #dce3ef; } #wp-calendar caption { border: 1px solid #dce3ef; border-bottom: none; padding: 5px; } #wp-calendar th, #wp-calendar td { padding: 5px; text-align: center; } #wp-calendar th { color: #582101; } #wp-calendar tfoot { border-top: 1px solid #dce3ef; } #wp-calendar tfoot td#prev { text-align: left; padding-left: 10px; } #wp-calendar tfoot td#next { text-align: right; padding-right: 10px; } /******************************************** 7-2-6. WP Caption Image *********************************************/ .wp-caption img { height: auto; } /******************************************** 7-2-7. Recent Posts Widget *********************************************/ .widget_latest_posts_entries>ul>li{ display:table; width:100%; } .widget_latest_posts_entries>ul>li>div{ display:table-cell; vertical-align:top; } .widget_latest_posts_entries>ul>li .featured-image, .widget_latest_posts_entries>ul>li .featured-image img{ width:60px; } .widget_latest_posts_entries>ul>li .featured-image{ padding-top:10px; } .widget_latest_posts_entries>ul>li .post-content{ padding-left:20px; } .widget_latest_posts_entries>ul>li p{ margin:0; } .widget_latest_posts_entries>ul>li .post-date{ font-family:'Open Sans', Helvetica, Arial, sans-serif; font-size:12px; color:#999999; } /******************************************** 7-2-8. Comments Widget *********************************************/ .widget_recent_comments>ul>li{ color:#718097; } .widget_recent_comments>ul>li + li{ margin-top:10px; } /******************************************** 7-2-9. Twitter Widget *********************************************/ .widget_latest_tweets_widget>ul>li{ position:relative; padding-left:60px; } .widget_latest_tweets_widget>ul>li .tweet-icon{ position:absolute; top:0; left:0; width:40px; height:40px; border:2px solid #d4dce9; color:#606e83; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; text-align:center; line-height:38px; font-size:20px; transition: border .3s, color .3s, background .3s; -webkit-transition: border .3s, color .3s, background .3s; -moz-transition: border .3s, color .3s, background .3s; } .widget_latest_tweets_widget>ul>li:hover .tweet-icon{ background:#582101; color:#fff; border-color:transparent; } .widget_latest_tweets_widget>ul>li p{ margin:0; } .widget_latest_tweets_widget>ul>li a{ color:#582101; } .widget_latest_tweets_widget>ul>li .tweet-date{ font-family:'Proxima Nova', Helvetica, Arial, sans-serif; font-size:12px; font-weight:700; color:#718097; text-transform:uppercase; } .widget_latest_tweets_widget>ul>li + li{ margin-top:30px; } /******************************************** 7-2-10. Tag Cloud *********************************************/ .tagcloud{ overflow:hidden; } .tagcloud a{ display:block; float:left; color:#718097; line-height: 24px; margin:0 12px 6px 0; transition: border .3s, color .3s, background .3s; -webkit-transition: border .3s, color .3s, background .3s; -moz-transition: border .3s, color .3s, background .3s; } .tagcloud a:hover{ color:#582101; border-color:transparent; } /******************************************** 7-2-11. Social Media *********************************************/ .widget_social_media li{ display:inline-block; margin-right:7px; } .widget_social_media li a{ display:block; width:45px; height:45px; background:#606e83; color:#fff; font-size:24px; text-align:center; line-height:45px; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; transition: background .3s; -webkit-transition: background .3s; -moz-transition: background .3s; } .widget_social_media li a:hover{ color:#fff; background:#582101; } /******************************************** 7-2-12. Quatro Ads *********************************************/ .quatro-ads, .mks_ads_widget ul.mks_adswidget_ul { list-style:none; margin:0 -7.5px -15px; padding:0; overflow: hidden; } .quatro-ads li, .mks_ads_widget ul.mks_adswidget_ul li { width:50%; float:left; padding:0 7.5px; margin:0 0 15px; } .mks_ads_widget ul.mks_adswidget_ul img { width: 100% !important; height: auto !important; } /******************************************** 7-2-13. Sidebar Nav *********************************************/ .sidebar-left .widget_nav_menu_alt > .menu-primary-menu-container > ul{ margin-right:-55px; } .sidebar-dual .sidebar-left .widget_nav_menu_alt > .menu-primary-menu-container > ul{ margin-right:-40px; } .sidebar-left .widget_nav_menu_alt ul a{ border-right:none; } .sidebar-right .widget_nav_menu_alt > .menu-primary-menu-container > ul{ margin-left:-55px; } .sidebar-dual .sidebar-right .widget_nav_menu_alt > .menu-primary-menu-container > ul{ margin-left:-40px; } .sidebar-right .widget_nav_menu ul a{ border-left:none; } .sidebar-right .widget_nav_menu ul a:after{ left:0; right:auto; } .widget_nav_menu_alt ul{ background:#f6f8fb; list-style: none; } .widget_nav_menu_alt ul li{ margin:0; } .widget_nav_menu_alt ul li ul{ margin-bottom: 0; margin-top: 0; padding-left: 0; border-top: none; } .widget_nav_menu_alt ul li ul > li > a{ border-top: none; } .widget_nav_menu_alt ul li ul a{ padding-left: 45px; } .widget_nav_menu_alt ul li ul ul a{ padding-left: 60px; } .widget_nav_menu_alt ul a{ display:block; font-size:1em; color:#525f71; font-weight:700; line-height:1; padding:20px 30px; border:1px solid #dce3ef; position:relative; } .widget_nav_menu_alt ul a:after{ content:''; position:absolute; top:0; bottom:0; right:0; width:2px; background:transparent; z-index:1; -webkit-transition: background .3s; -o-transition: background .3s; transition: background .3s; } .widget_nav_menu_alt ul li + li a{ border-top:none; } .widget_nav_menu_alt ul li:hover > a{ background:#fff; } .widget_nav_menu_alt ul li:hover > a:after{ background:#582101; } /********************************************************************************************** ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: 8. Pages ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: ***********************************************************************************************/ .page-heading{ background-color: #582101; background-position: center top; background-repeat: no-repeat; background-size:cover; color:#fff; padding:55px 0; position:relative; } .page-heading.style2{ padding: 160px 0; position: relative; overflow: hidden; } .page-heading.style2 h1{ font-size: 48px; } .page-heading.style2 p{ font-size: 18px; margin: 0.5em 0; } .page-heading > .container { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: space-between; justify-content: space-between; } .page-heading.align-center > .container { display: block; } .page-heading .title { order: -1; } .page-heading a{ color:#fff; } .page-heading h1{ font-size:2.25em; margin-bottom:0; color:#fff; } .page-heading h3, .page-heading h2{ color:#fff; } .page-heading h6, .page-heading h5, .page-heading h4{ color:#c7d5e6; } .page-heading p{ margin:.8em 0; } .page-heading .breadcrumbs { font-size:0.875em; list-style: none; order: 1; margin: 0.7em 0; } .page-heading.align-center .breadcrumbs { float: none; text-align: center; margin-top: 1.5em; } .page-heading .breadcrumbs li { display: inline-block; margin-top: 0; } .page-heading .breadcrumbs li:after { content: '/'; margin-right: 4px; margin-left: 8px; } .page-heading .breadcrumbs li:last-child:after { content: none; } .page-heading.portfolio-extended-heading { background-color: #212428; } .no-flexbox .page-heading > .container { display: table; } .no-flexbox .page-heading .title, .no-flexbox .page-heading .breadcrumbs { display: table-cell; vertical-align: middle; } .no-flexbox .page-heading .breadcrumbs { text-align: right; } .page-heading .portfolio-filters ul{ margin:5px 0; } .page-heading .portfolio-filters .filter{ color:#fff; } .page-heading .button-down-arrow{ position:absolute; bottom:40px; left:50%; margin-left:-30px; } .page-heading .social-media{ list-style:none; display:inline-block; margin:20px 0 0; padding:10px 30px; border-radius:30px; -webkit-border-radius:30px; -moz-border-radius:30px; background:#000; background:rgba(0,0,0,.15); overflow: hidden; } .page-heading .social-media li{ display:inline-block; } .page-heading .social-media li + li{ margin:0 0 0 5px; } .page-heading .social-media a{ font-size:20px; width:36px; height:36px; display:block; color:#fff; text-align:center; line-height:34px; border:1px solid transparent; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; } .page-heading .social-media a:hover{ border-color:#fff; } /******************************************** 8-1. Style Image *********************************************/ .page-heading.style-image{ padding:170px 0; background-image:none; } .page-heading.style-image h1{ font-size:3em; } .page-heading.style-image.style-medium { padding:200px 0 110px; } .page-heading.style-image.style-medium .title h1 { font-size: 2.2em; font-weight: 500; letter-spacing: 0.05em; text-transform: uppercase; } .page-heading.style-image.style-medium .title p { font-size: 14px; line-height: 1.5em; margin: 1em 0; text-transform: uppercase; color: rgba(255, 255, 255, 0.6); } .page-heading.style-image.style-medium .breadcrumbs { margin-top: 1em; } .page-heading.style-image.style-medium .breadcrumbs a:hover { opacity: 0.6; } .page-heading.style-image.style-medium .breadcrumbs li:after { content: '\f105'; font: normal normal 14px/1 FontAwesome; margin-left: 12px; margin-right: 12px; } .page-heading.style-image.style-medium .breadcrumbs li:last-child:after { content: none; } /******************************************** 8-2. Style Big *********************************************/ .page-heading.style-big{ padding:200px 0; } /******************************************** 8-3. Style Slider *********************************************/ .page-heading.style-slider{ background:none; padding:0; position:relative; } .page-heading.style-slider:after{ content:''; position:absolute; left:0; right:0; bottom:0px; height:0px; box-shadow:0 0 10px 1px rgba(0,0,0,.3); -webkit-box-shadow:0 0 10px 1px rgba(0,0,0,.3); -moz-box-shadow:0 0 10px 1px rgba(0,0,0,.3); } .main-flexslider .flex-direction-nav a{ width:71px; height:71px; background:url(../img/sprites/gallery-arrows-big.png) no-repeat; margin:18px 0 0; } .main-flexslider .flex-direction-nav a:before{ content:none; } .main-flexslider .flex-direction-nav .flex-prev { top:50%; left:50px; opacity:.6; margin-top:-21px; } .main-flexslider .flex-direction-nav .flex-next { top:50%; right: 50px; opacity:.6; margin-top:-21px; background-position:-71px 0; } .main-flexslider .flex-direction-nav a:hover{opacity:1!important;} .main-flexslider .flex-control-nav{bottom:0;} .main-flexslider .flex-control-nav li:before{content:none;} .main-flexslider .flex-control-nav a{ -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; box-shadow: none; border:3px solid #fff; background:transparent; opacity:.6; transition: background .3s, border .3s, opacity .3s; -webkit-transition: background .3s, border .3s, opacity .3s; -moz-transition: background .3s, border .3s, opacity .3s; } .main-flexslider .flex-control-nav a:hover{ background:inherit; opacity:1; } .main-flexslider .flex-control-nav a.flex-active{ background:#fff; opacity:1; } .main-flexslider div.slide>.container, .home-flexslider div.slide>.container{ opacity:0; transition: opacity .8s, transform .8s; -webkit-transition: opacity .8s, -webkit-transform .8s; -moz-transition: opacity .8s, -moz-transform .8s; transform: translateX(-200px) skewX(10deg); -webkit-transform: translateX(-200px) skewX(10deg); -moz-transform: translateX(-200px) skewX(10deg); -ms-transform: translateX(-200px) skewX(10deg); -o-transform: translateX(-200px) skewX(10deg); } .main-flexslider .flex-active-slide div.slide>.container, .home-flexslider .flex-active-slide div.slide>.container{ opacity:1; transform: translateX(0) skewX(0deg); -webkit-transform: translateX(0) skewX(0deg); -moz-transform: translateX(0) skewX(0deg); -ms-transform: translateX(0) skewX(0deg); -o-transform: translateX(0) skewX(0deg); } /******************************************** 8-4. Style Maps *********************************************/ .page-heading.style-gmap{ padding:0; } /******************************************** 8-5. Home Slider *********************************************/ .home-flexslider .flex-direction-nav a{ width:71px; height:71px; background:url(../img/sprites/homeslider-arrows.png) no-repeat; margin:18px 0 0; } .home-flexslider .flex-direction-nav a:before{ content:none; } .home-flexslider .flex-direction-nav .flex-prev { top:50%; left:30px; opacity:.5; margin-top:-21px; } .home-flexslider .flex-direction-nav .flex-next { top:50%; right: 30px; opacity:.5; margin-top:-21px; background-position:-71px 0!important; } .home-flexslider .flex-direction-nav a:hover{ opacity:1!important; } .home-flexslider .flex-control-nav{ bottom:20px; z-index: 100; } .home-flexslider .flex-control-nav li:before{ content:none; } .home-flexslider .flex-control-nav a{ -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; box-shadow: none; border:3px solid #fff; background:transparent; opacity:.5; transition: background .3s, border .3s, opacity .3s; -webkit-transition: background .3s, border .3s, opacity .3s; -moz-transition: background .3s, border .3s, opacity .3s; } .home-flexslider .flex-control-nav a:hover{ background:inherit; opacity:1; } .home-flexslider .flex-control-nav a.flex-active{ background:#fff; opacity:1; } .home-flexslider .slides>li .slide{ padding:150px 0; background-size:cover!important; background-position:center center; } .home-flexslider.style-light .flex-direction-nav a{ background:url(../img/sprites/homeslider-arrows-light.png) no-repeat; } .home-flexslider.flexslider img{ width:auto; } /******************************************** 8-6. Sections *********************************************/ .section.bordered{ border-top:1px solid #f0f1f6; border-top:1px solid #f0f1f6; } #splendid-main-container.shadowed, #splendid-main-container.shadowed2, .section.shadowed, .section.shadowed2{ position:relative; overflow:hidden; } #splendid-main-container.shadowed:before, #splendid-main-container.shadowed2:after { display: block !important; } #splendid-main-container.shadowed:before, .section.shadowed:before{ content:''; position:absolute; top:-5px; left:0; right:0; height:5px; box-shadow:0 0 10px rgba(0,0,0,.2); -webkit-box-shadow:0 0 10px rgba(0,0,0,.2); -moz-box-shadow:0 0 10px rgba(0,0,0,.2); } #splendid-main-container.shadowed2:after, .page-heading.style2:after, .section.shadowed2:after{ content:''; position:absolute; bottom:-5px; left:0; right:0; height:5px; box-shadow:0 0 10px rgba(0,0,0,.2); -webkit-box-shadow:0 0 10px rgba(0,0,0,.2); -moz-box-shadow:0 0 10px rgba(0,0,0,.2); } /******************************************** 8-7. Splitted *********************************************/ .section.section-splitted{ position:relative; z-index:2; } .section.section-splitted:before{ content:''; position:absolute; left:50%; top:0; bottom:0; border-right:1px solid #dedede; z-index:-1; } .section.section-splitted.dark-border:before{ border-color: #1f2124; } .section.section-splitted.color-light:before{ border-color:#1f2124; } .section.section-splitted .row{ margin:0 -30px; } .section.section-splitted .row>div{ padding:0 30px; } /******************************************** 8-8. Contact Page *********************************************/ .contact-form button[type="submit"], .rs-contact-form input[type="submit"] { margin-top:40px; padding-left:45px; padding-right:45px; } /******************************************** 8-9. FAQ Page *********************************************/ .faq-item h5{ margin:0 0 10px; } .faq-item + .faq-item{ margin-top:60px; } /******************************************** 8-10. 404 Page *********************************************/ .layout-404{ background-position: center center; background-repeat:no-repeat; background-color:#32445c; background-size:cover; padding:100px 0 200px!important; } /******************************************** 8-11. Coming Soon Page *********************************************/ .layout-coming-soon{ padding:0!important; } .coming-soon-header{ background:#e3885f; padding:80px 0 40px; } .coming-soon-section{ background:#06516e; } .coming-soon-counter{ border-top:6px solid #fff; border-bottom:6px solid #fff; text-align:center; } .coming-soon-counter>div{ display:table; table-layout: fixed; margin:0 auto; } .coming-soon-counter .counter-item{ display:table-cell; padding:70px; } .coming-soon-counter .counter-item + .counter-item{ border-left:6px solid #fff; } .coming-soon-counter .divider{ width:100px; margin:15px auto; } .coming-soon-counter span{ font-size:4.5em; line-height:1; font-weight:300; display:block; } .coming-soon-counter span.label{ font-size:1.125em; font-weight:700; } .coming-soon-footer{ padding:80px 0 120px; } /******************************************** 8-12. Maintenance Page *********************************************/ .layout-maintenace{ background:#2a343d; padding:100px 0!important; } .maintenance-header{ padding-bottom:80px; } .maintenance-section{ background:#1a2127; padding:60px 0; } /******************************************** 8-13. Blank Page *********************************************/ .layout-blank{ background:#161c43 url(../img/blank-bg.png) center top no-repeat; background-size:100% auto; padding:140px 0!important; } .blank-section .divider{ border-color:#262f5a; } /******************************************** 8-14. Blank Landing *********************************************/ .blank-landing-header{ background:#161d25; padding:80px 0; } .landing-blank-browser{ background-image:url(../img/homepages/landing-browser.png); background-position:center top; background-repeat:no-repeat; background-color:#161d25; padding:400px 0; } .landing-blank-browser>img{ width:100%; } .landing-blank-browser .section{ overflow:hidden; } /********************************************************************************************** ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: 9. Blog ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: ***********************************************************************************************/ #blog-load-more{ padding:4px 30px; } #splendid-main-container.blog-container{ padding-top:0; padding-bottom:0; } .post-header{ position:relative; } .post-header img{ width:100%; height:auto; } .post-header .audio-player-box, .post-header blockquote{ margin:0; } .post-content blockquote, .post-header blockquote{ font-size: 24px; font-weight:300; line-height:1.8; padding:30px; background:#2cbdca; color:#fff; } .post-content blockquote cite:before, .post-header blockquote cite:before{ content: '-'; margin-right: 5px; } .post-content blockquote a, .post-header blockquote a{ color: white; } .post-content blockquote .quote-author, .post-header blockquote .quote-author{ font-size:1em; } .post-header .post-link{ background:#2eb9ea; padding:30px; } .post-header .post-link .link-title{ font-size:1.5em; color:#fff; display:block; margin-bottom:15px; line-height:1; } .post-header .post-link a{ color:#fff; } /******************************************** 9-1. Post Meta *********************************************/ .blog-post .post-meta, .blog-extended-header .post-meta{ list-style:none; margin:0; padding:0; text-transform: uppercase; overflow:hidden; } .blog-post .post-meta li, .blog-extended-header .post-meta li{ margin-top:0; float:left; font-size:12px; line-height:1.6; font-family:'Proxima Nova', 'Open Sans', Arial, sans-serif; font-weight:700; vertical-align:middle; text-transform: uppercase; } .blog-post .post-meta li a, .blog-extended-header .post-meta li a{ color:#718097; } .blog-post .post-meta li a:hover, .blog-extended-header .post-meta li a:hover{ color:#582101; } .blog-post .post-meta li + li:before, .blog-extended-header .post-meta li + li:before{ content:''; display:inline-block; width:3px; height:3px; vertical-align:middle; margin:-2px 9px 0 7px; background:#8a9fb9; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; } /******************************************** 9-2. Post Gallery *********************************************/ .post-gallery{ margin:0; } .post-gallery .flex-direction-nav a{ width:42px; height:42px; background:url(../img/sprites/gallery-arrows.png) no-repeat; margin:18px 0 0; } .post-gallery .flex-direction-nav a:before{ content:none; } .post-gallery .flex-direction-nav .flex-prev { top:50%; left:30px; opacity:.6; margin-top:-21px; } .post-gallery .flex-direction-nav .flex-next { top:50%; right: 30px; opacity:.6; margin-top:-21px; background-position:-42px 0; } .post-gallery .flex-direction-nav a:hover{opacity:1!important;} .post-gallery .flex-control-nav{bottom:0;} .post-gallery .flex-control-nav li:before{content:none;} .post-gallery .flex-control-nav a{ -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; box-shadow: none; border:3px solid #fff; background:transparent; opacity:.6; transition: background .3s, border .3s, opacity .3s; -webkit-transition: background .3s, border .3s, opacity .3s; -moz-transition: background .3s, border .3s, opacity .3s; } .post-gallery .flex-control-nav a:hover{ background:inherit; opacity:1; } .post-gallery .flex-control-nav a.flex-active{ background:#fff; opacity:1; } /******************************************** 9-3. Video Play Button 9-4. Pagination *********************************************/ .video-play-button{ position:absolute; text-indent:-9999px; top:50%; left:50%; margin-top:-60px; margin-left:-60px; width:121px; height:121px; background:url(../img/sprites/video-play.png) center center no-repeat; transition: transform .3s, opacity .3s; -webkit-transition: -webkit-transform .3s, opacity .3s; -moz-transition: -moz-transform .3s, opacity .3s; } .video-play-button:hover{ opacity:.8; transform:scale(1.05); -webkit-transform:scale(1.05); -moz-transform:scale(1.05); -ms-transform:scale(1.05); -o-transform:scale(1.05); } /******************************************** 9-4. Pagination *********************************************/ .blog-pagination{ border-top:1px solid #dce3ef; margin-top:80px; padding-top:60px; text-align:right; } .blog-pagination>span{ font-size:14px; font-weight:600; display:inline-block; vertical-align: middle; } .blog-pagination>ul{ display:inline-block; overflow:hidden; margin:0 0 0 10px; list-style:none; vertical-align: middle; } .blog-pagination>ul>li{ float:left; margin:0 5px; } .page-links a, .blog-pagination>ul a{ color:#718097; display:inline-block; border:2px solid transparent; padding:0 12px; min-width:40px; height:40px; line-height:38px; text-align:center; font-size:14px; font-weight:600; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } .blog-pagination>ul a span{ display: none; } .page-links a:hover, .blog-pagination>ul a:hover{ border-color:#582101; color: white; } .blog-pagination>ul .active a{ border-color:#582101; color:#582101; } .blog-pagination>ul .active a:hover{ color: white; } .blog-pagination>ul a.pagination-last, .blog-pagination>ul a.pagination-first { border:2px solid #718097; padding:0 15px; } .blog-pagination>ul a.prev, .blog-pagination>ul a.next{ background-image:url(../img/sprites/pagination-arrows.png); background-position: -2px -2px; margin:0 10px; border:2px solid #718097; } .blog-pagination>ul a.next{ background-position:-40px -2px; } .blog-pagination>ul a.pagination-last:hover, .blog-pagination>ul a.pagination-first:hover, .blog-pagination>ul a.prev:hover, .blog-pagination>ul a.next:hover{ border-color:#582101; } .blog-pagination>ul a.prev:hover, .blog-pagination>ul a.next:hover{ background-color: transparent; } /******************************************** 9-5. Blog Styles *********************************************/ /******************************************** 9-5-1. Masonry Blog *********************************************/ .masonry-column{ height:1px; } #blog-wrapper.isotope-masonry{ margin:-15px 0; } .blog-masonry-wrapper{ overflow:hidden; margin-top:-15px; margin-bottom:-15px; } .blog-post-masonry{ margin:15px 0 15px; } .blog-post-masonry .blog-post-inner{ box-shadow:0 2px 0 #e9eef7; -webkit-box-shadow:0 2px 0 #e9eef7; -moz-box-shadow:0 2px 0 #e9eef7; } .blog-post-masonry .post-content{ border:1px solid #dce3ef; padding:35px 30px 30px; } .blog-post-masonry .post-content .post-title { line-height: 36px; margin: 28px 0 27px; } .blog-post-masonry .post-header + .post-content{ border-top:none; } .blog-post-masonry .post-content p{ margin-bottom:0; } .blog-post-masonry a{ color:#718097; } .blog-post-masonry a:hover{ color:#582101; } /******************************************** 9-5-2. Medium Blog *********************************************/ .blog-post-medium .blog-post-inner{ display:table; width:100%; } .blog-post-medium + .blog-post-medium{ margin-top:60px; padding-top:60px; border-top:1px solid #dce3ef; } .blog-post-medium .blog-post-inner>div, .blog-post-medium .blog-post-inner>aside, .blog-post-medium .blog-post-inner>section{ display:table-cell; vertical-align:top; } .blog-post .post-side{ width:130px; } .blog-post-medium .post-featured-image{ position:relative; width:40%; } .blog-post-medium .post-side + .post-featured-image{ padding-left:30px; width:42%; } .blog-post-medium .post-featured-image + .post-content, .blog-post-medium .post-side + .post-content{ padding-left:30px; } .blog-post-medium .post-header + .post-meta{margin-top:35px;} .blog-post-medium .post-header + .post-meta + .post-title{margin-bottom:10px;} .blog-post-medium .post-header blockquote{padding:40px 50px;} .blog-post-medium .post-header blockquote .quote-content{font-size:1.3333em;} .blog-post-medium .post-header blockquote .quote-author{margin-top:1.2em;} .blog-post-medium .post-header .post-link{padding:30px 50px;} .blog-post-medium .post-gallery .flex-direction-nav .flex-prev{left:20px;} .blog-post-medium .post-gallery .flex-direction-nav .flex-next{right:20px;} .post-side .post-date{ background:#582101; color:#fff; padding:17px 20px; text-transform: uppercase; text-align: center; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; } .post-side .post-date .day{ font-size:2.25em; line-height:1; font-weight:700; display:block; } .post-side .post-format{ display:block; padding:20px; text-align:center; border:2px solid #dce3ef; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; margin:15px 0; line-height:1; } .post-side .post-format span{ background:url(../img/sprites/post-formats.png) no-repeat; width:40px; height:40px; display:inline-block; } .post-format span.format-gallery{background-position:-40px 0;} .post-format span.format-video{background-position:-80px 0;} .post-format span.format-audio{background-position:-120px 0;} .post-format span.format-quote{background-position:-160px 0;} .post-format span.format-link{background-position:-200px 0;} .post-side .button.read-more{ padding:10px; } .blog-post-medium a{ color:#718097; } .blog-post-medium a:hover{ color:#582101; } .post-side .button.read-more{ margin-bottom:0; border: 2px solid #8a9fb9; background: transparent; color: #525f71; text-shadow: none; position: relative; overflow: hidden; } .post-side .button.read-more:before{ content: attr(data-text); display: inline-block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 2; padding: 10px; background: #8a9fb9 !important; color: #ffffff; overflow: hidden; border-radius: 0; -webkit-transition: all 0.15s ease; -moz-transition: all 0.15s ease; transition: all 0.15s ease; -webkit-transform: translateY(-100%) rotateZ(0); -ms-transform: translateY(-100%) rotateZ(0); transform: translateY(-100%) rotateZ(0); } .post-side .button.read-more:hover:before{ -webkit-transform: translateY(0) rotateZ(0); -ms-transform: translateY(0) rotateZ(0); transform: translateY(0) rotateZ(0); } /******************************************** 9-5-3. Blog Standard *********************************************/ .blog-post-standard + .blog-post-standard{margin-top:100px;} .blog-post-standard .post-featured-image, .blog-post-standard .post-header{margin-bottom:35px;} .blog-post-standard a{color:#718097;} .blog-post-standard a:hover{color:#582101;} .blog-post-standard .post-gallery .flex-direction-nav a { width: 71px; height: 71px; background: url(../img/sprites/gallery-arrows-big.png) no-repeat; } .blog-post-standard .post-gallery .flex-direction-nav a.flex-next{background-position:-71px 0;} .blog-standard-fullwidth .blog-post-standard .post-content{padding:0 15%;} .blog-standard-fullwidth .post-header blockquote {padding:35px 50px;} .blog-standard-fullwidth .post-header blockquote .quote-content{font-size:1.3333em;} .blog-standard-fullwidth .post-link{ background-image:url(../img/sprites/link-icon.png); background-position:40px 40px; background-repeat:no-repeat; padding: 40px 40px 40px 140px; } .blog-standard-fullwidth .blog-post-standard-alt .post-link{ background-image:none; padding: 40px; } #blog-wrapper.blog-standard-fullwidth{padding-top:100px;} #blog-wrapper.blog-standard-fullwidth + .blog-pagination{margin-bottom:120px;} /******************************************** 9-5-4. Blog Standard Alt *********************************************/ .blog-post-standard-alt .post-content{ display:table; width:100%; } .blog-post-standard-alt .post-content>div, .blog-post-standard-alt .post-content>aside{ display:table-cell; vertical-align:top; } .blog-post-standard-alt .post-content .post-content-inner{padding-left:30px;} .blog-post-standard-alt .post-header blockquote {padding:35px 50px;} .blog-post-standard-alt .post-header blockquote .quote-content{font-size:1.3333em;} .blog-post-standard-alt .post-link{ background-image:url(../img/sprites/link-icon.png); background-position:40px 40px; background-repeat:no-repeat; padding: 40px 40px 40px 140px; } .sc-blog-post.blog-post.style-light .blog-post-inner .post-header .button:before, .sc-blog-post.blog-post.style-light .blog-post-inner .post-header .button:after, .sc-blog-post.blog-post.style-light .blog-post-inner .post-header .button { color: white; opacity: 1 !important; } /******************************************** 9-5-5. Blog Single *********************************************/ .blog-single-wrapper .post-gallery .flex-direction-nav a { width: 71px; height: 71px; background: url(../img/sprites/gallery-arrows-big.png) no-repeat; } .blog-single-wrapper .post-gallery .flex-direction-nav a.flex-next{background-position:-71px 0;} .blog-single-wrapper .post-header .post-meta{margin:40px 0 25px;} .blog-single-wrapper .post-header .post-title a{color:#525f71;} /******************************************** 9-6. Post Tags *********************************************/ section.post-tags{ border-bottom:1px solid #dce3ef; } .post-tags span{ display:inline-block; font-weight:700; } .post-tags ul, .post-tags ul li{ display:inline-block; margin:0; } .post-tags ul{ margin:20px 0; } .post-tags ul li + li:before{ content:', '; } .post-tags ul li a{color:#718097;} .post-tags ul li a:hover{color:#582101;} /******************************************** 9-7. Post Share *********************************************/ section.post-share{ border-bottom:1px solid #dce3ef; padding:60px 0; } .post-share h5{ margin:0 0 20px; } section.post-share .social-sharebox{ margin:0; width:100%; } .post-share .social-sharebox .share-button{ margin: 0 8px; } /******************************************** 9-8. Post Author *********************************************/ section.post-author{ border-bottom:1px solid #dce3ef; padding:60px 0; display:table; width:100%:; } .post-author>div{ display:table-cell; vertical-align:top; } .post-author .author-avatar{ width:130px; } .post-author .author-avatar img{ width:100%; height:auto; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; } .post-author .author-content{ padding-left:30px; } .post-author .author-name{ display:inline-block; margin:0 25px 0 0; font-weight:700; } .post-author .author-meta, .post-author .author-meta li{ display:inline-block; list-style:none; margin:0; } .post-author .author-meta li + li:before{ content:''; display:inline-block; vertical-align:middle; margin:0 8px 0 5px; width:4px; height:4px; background:#8a9fb9; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; } .post-author .author-meta a{ color:#582101; } /******************************************** 9-9. Post Related *********************************************/ section.post-related{ border-bottom:1px solid #dce3ef; padding:60px 0 100px; } .post-related .blog-post .post-meta{margin:25px 0 15px;} .post-related .blog-post .post-title{margin:0;} .post-related .blog-post .post-title a{color:#525f71;} .post-related .blog-post .post-title a:hover{color:#582101;} /* Post Comments */ section.post-comments{ padding:40px 0 120px; } .comments-list .comments-list{ padding-left:125px; } .comments-list .comment{ list-style: none; } .comments-list .comment .comment-content-wrapper { display:table; width:100%; border-bottom:1px solid #dce3ef; padding:30px 0; } .comments-list .comment .comment-content-wrapper > div{ display:table-cell; vertical-align:top; } .comments-list .comment .children { padding: 0 0 0 125px; margin: 0; } .comments-list .comment-avatar{width:80px;} .comments-list .comment-avatar img{width:100%; height:auto;} .comments-list .comment-content{padding-left:40px;} .comments-list .comment header{overflow:hidden;} .comments-list .comment header p{margin:0; /*display:inline-block;*/} .comments-list .comment header .reply-button, .comments-list .comment header .comment-reply-link, .comments-list .comment header .comment-edit-link { float:right; display:inline-block; font-size:12px; font-weight:700; text-transform: uppercase; font-family:'Proxima Nova', Arial, sans-serif; color:#525f71; border:2px solid #ccd8e6; padding:2px 8px 0; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; transition: border .3s, background .3s, color .3s; -webkit-transition: border .3s, background .3s, color .3s; -moz-transition: border .3s, background .3s, color .3s; } .comments-list .comment header .comment-edit-link { margin-right: 6px; } .comments-list .comment header .reply-button:hover, .comments-list .comment header .comment-edit-link:hover, .comments-list .comment header .comment-reply-link:hover{ color:#fff; background:#4753de; border-color:#4753de; } /******************************************** 9-10. Contact Form *********************************************/ .post-comment-submit form{ margin-top:60px; } .post-comment-submit form button, .post-comment-submit form input.button{ padding-left:40px; padding-right:40px; margin-top:25px; } /******************************************** 9-11. Blog SIngle Extended *********************************************/ .blog-single-extended{ padding:60px 0 100px; } .blog-extended-header{ padding: 250px 0 40px; position:relative; z-index:1; } .blog-extended-header:before{ content:''; position:absolute; background:url(../img/shadow.png) center bottom repeat-x; left:0; right:0; bottom:0; height:253px; z-index:-1; } .blog-extended-header .post-meta li + li:before{ background:#fff; } .blog-extended-header .post-meta li a{ color:#fff; } .blog-extended-header h1, .blog-extended-header h2, .blog-extended-header h3, .blog-extended-header h4, .blog-extended-header h5, .blog-extended-header h6{ color:#fff; margin:0; } .blog-extended-header h1{font-size:3em; margin:20px 0 10px;} .blog-extended-header footer{ margin-top:60px; overflow:hidden; } .blog-extended-header .post-author .avatar{ width:60px; display:inline-block; vertical-align:middle; } .blog-extended-header .post-author .avatar img{ border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; } .blog-extended-header .post-author span{ display:inline-block; vertical-align:middle; font-size:12px; text-transform: uppercase; font-family:'Proxima Nova', Arial, sans-serif; margin-left:15px; } .blog-extended-header .post-nav{ float:right; margin-top:10px; } .blog-extended-header .post-nav a{ text-indent:-9999px; width:40px; height:40px; border:2px solid #fff; background:url(../img/sprites/post-arrows.png) -2px -2px no-repeat; display:inline-block; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; } .blog-extended-header .post-nav a + a{ margin-left:8px; background-position:-42px -2px; } .blog-extended-header .post-nav .post-next{background-position:-42px -2px;} .blog-extended-header .post-nav a:hover{border-color:#582101;} .blog-extended-header .post-nav a.post-prev:hover{background-position:-2px -42px;} .blog-extended-header .post-nav a.post-next:hover{background-position:-42px -42px;} /********************************************************************************************** ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: 10. Portfolio ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: ***********************************************************************************************/ #portfolio-wrapper.full-width .isotope-container>div{ padding:0; margin:0; } .portfolio-item .post-gallery .flex-direction-nav a{opacity:0;} .portfolio-item:hover .post-gallery .flex-direction-nav a{opacity:.6;} .portfolio-item .post-gallery .flex-direction-nav a:hover{opacity:1;} .portfolio-item .post-gallery .flex-direction-nav .flex-prev{left:10px;} .portfolio-item .post-gallery .flex-direction-nav .flex-next{right:10px;} .portfolio-5columns .portfolio-container{ margin:0 -5px; } .isotope-container{ transition: height .4s; -webkit-transition: height .4s; -moz-transition: height .4s; } .isotope-masonry .isotope-item{ margin-bottom:30px; } .portfolio-filters .filter{ display:inline-block; cursor: pointer; color:#718097; font-size:14px; font-weight:600; padding:5px 18px; border:2px solid transparent; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; transition: color .3s, border .3s; -webkit-transition: color .3s, border .3s; -moz-transition: color .3s, border .3s; } .color-light .portfolio-filters .filter{ color:#fff; } .portfolio-filters .filter.active, .color-light .portfolio-filters .filter.active{ border-color:#582101; color:#582101; } .portfolio-filters.style-turquoise .filter.active{ border-color:#4fd5d8; color:#4fd5d8; } .portfolio-pagination{ margin-top:0; padding-bottom:80px; } .portfolio-item .portfolio-image{ position:relative; overflow:hidden; } .portfolio-item .portfolio-image img{ width:100%; height: auto; } .portfolio-title a{ color:#525f71; } .portfolio-title a:hover{ color:#582101; } .portfolio-categories{ display:block; list-style: none; margin:10px 0; overflow:hidden; } .portfolio-categories li{ margin:0; color:#718097; font-size:14px; float:left; } .portfolio-categories li + li{ margin:0; } .portfolio-categories li + li:before{ content:'/'; margin:0 3px; } .portfolio-hover{ position:absolute; top:0; left:0; right:0; bottom:0; background:#582101; background:rgba(95, 54, 140,.8); visibility:hidden; opacity:0; -webkit-transition: all 0.5s cubic-bezier(.4,.91,.58,1); -moz-transition: all 0.5s cubic-bezier(.4,.91,.58,1); transition: all 0.5s cubic-bezier(.4,.91,.58,1); } .portfolio-item .portfolio-image:hover .portfolio-hover{ opacity:1; visibility:visible; transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transition-delay: 0s, 0s, 0s; -webkit-transition-delay: 0s, 0s, 0s; -moz-transition-delay: 0s, 0s, 0s; } .portfolio-hover>div{ display:table; width:100%; height:100%; } .portfolio-hover>div>div{ display:table-cell; vertical-align:middle; text-align:center; } .portfolio-hover-button{ display:inline-block; width:70px; height:70px; margin:0 5px; border:2px solid #fff; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; vertical-align:middle; color: transparent; background:url(../img/sprites/portfolio-icons.png) no-repeat; opacity:0; transform: translateY(-30px); -webkit-transform: translateY(-30px); -moz-transform: translateY(-30px); -ms-transform: translateY(-30px); -o-transform: translateY(-30px); -webkit-transition: -webkit-transform 0.6s cubic-bezier(.45,.92,.73,.99), opacity 0.6s ease; -moz-transition: -moz-transform 0.6s cubic-bezier(.45,.92,.73,.99), opacity 0.6s ease; transition: transform 0.6s cubic-bezier(.45,.92,.73,.99), opacity 0.6s ease; } .portfolio-image:hover .portfolio-hover-button{ opacity:1; transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transition-delay: 0.25s; -webkit-transition-delay: 0.25s; -moz-transition-delay: 0.25s; } .portfolio-image:hover .portfolio-hover-button + .portfolio-hover-button{ transition-delay: 0.4s; -webkit-transition-delay: 0.4s; -moz-transition-delay: 0.4s; } .portfolio-item .portfolio-image .portfolio-hover-button:hover{ opacity:.6!important; color: transparent; -webkit-transition: all 0.3s 0s ease !important; -moz-transition: all 0.3s 0s ease !important; transition: all 0.3s 0s ease !important; } .portfolio-hover-button.zoom-icon{ background-position:-2px -2px; } .portfolio-hover-button.arrow-icon{ background-position:-72px -2px; } /******************************************** 10-1. Portfolio 1 Column *********************************************/ .portfolio-item-ext{ display:table; margin-bottom:60px; padding-bottom:60px; border-bottom:1px solid #dce3ef; } .portfolio-item-ext .portfolio-image, .portfolio-item-ext .portfolio-content{ display:table-cell; vertical-align:middle; } .portfolio-item-ext .portfolio-image{ width:67.5%; } .portfolio-item-ext .portfolio-content{ padding-left:60px; } .portfolio-item-ext .portfolio-title{ font-size:2.25em; margin:0; } .isotope-item:last-child .portfolio-item-ext, .mix:last-child .portfolio-item-ext{ padding-bottom:0; margin-bottom:0; border:none; } .portfolio-item-ext .read-more{ padding: 12px 37px; margin-top:60px; transition: background .3s; -webkit-transition: background .3s; -moz-transition: background .3s; } .portfolio-item-ext .read-more:hover{ opacity:1; background:#582101!important; } /******************************************** 10-2. Portfolio 1 Column V2 *********************************************/ .portfolio-item-v2{ margin-bottom:60px; padding-bottom:55px; border-bottom:1px solid #dce3ef; } .portfolio-item-v2 .portfolio-content{ display:table; width:100%; padding:20px 0 0; } .portfolio-item-v2 .portfolio-content>div{ display:table-cell; vertical-align:middle; } .portfolio-item-v2 .portfolio-content .portfolio-actions{ text-align:right; } .portfolio-item-v2 .portfolio-title, .portfolio-item-v2 .portfolio-categories{ margin:0; } .portfolio-item-v2 .portfolio-title{ font-size:2.25em; margin-bottom:10px; } .portfolio-item-v2 .read-more{ padding: 12px 37px; margin:0; transition: background .3s; -webkit-transition: background .3s; -moz-transition: background .3s; } .portfolio-item-v2 .read-more:hover{ opacity:1; background:#582101!important; } .isotope-item:last-child .portfolio-item-v2, .mix:last-child .portfolio-item-v2{ padding-bottom:0; margin-bottom:0; border:none; } /******************************************** 10-3. Portfolio 2 Columns *********************************************/ .portfolio-2columns .portfolio-item{ margin-bottom:60px; } .portfolio-2columns .portfolio-title{ margin:25px 0 0; } .portfolio-2columns + .portfolio-pagination{ margin-top: 0; } /******************************************** 10-4. Portfolio 3 Columns *********************************************/ .portfolio-3columns .portfolio-item{ margin-bottom:30px; } .portfolio-3columns + .portfolio-pagination{ margin-top: 0; } .portfolio-item-grid .portfolio-hover{ padding-bottom:90px; } .portfolio-item-grid .portfolio-info{ position:absolute; display:block; height:90px; left:0; bottom:0; right:0; text-align:center; background:#2d3742; padding: 20px 15px; -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); -webkit-transition: all 0.4s cubic-bezier(.4,.91,.58,1); -moz-transition: all 0.4s cubic-bezier(.4,.91,.58,1); transition: all 0.4s cubic-bezier(.4,.91,.58,1); } .portfolio-item-grid .portfolio-info .portfolio-title{ font-weight:700; margin:0; opacity: 0; -webkit-transform: translateY(15px); -ms-transform: translateY(15px); transform: translateY(15px); -webkit-transition: all 0.5s 0.15s cubic-bezier(.4,.91,.58,1); -moz-transition: all 0.5s 0.15s cubic-bezier(.4,.91,.58,1); transition: all 0.5s 0.15s cubic-bezier(.4,.91,.58,1); } .portfolio-item-grid .portfolio-info .portfolio-title a{ color:#fff; } .portfolio-item-grid .portfolio-info .portfolio-categories{ display:inline-block; margin:0; opacity: 0; -webkit-transform: translateY(15px); -ms-transform: translateY(15px); transform: translateY(15px); -webkit-transition: all 0.5s 0.25s cubic-bezier(.4,.91,.58,1); -moz-transition: all 0.5s 0.25s cubic-bezier(.4,.91,.58,1); transition: all 0.5s 0.25s cubic-bezier(.4,.91,.58,1); } .portfolio-item-grid .portfolio-info .portfolio-categories li{ color:#fff; } .portfolio-item-grid:hover .portfolio-info .portfolio-categories, .portfolio-item-grid:hover .portfolio-info .portfolio-title, .portfolio-item-grid:hover .portfolio-info{ opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } /******************************************** 10-5. Portfolio 4 Columns *********************************************/ .portfolio-4columns .portfolio-item{ margin-bottom:60px; } .portfolio-4columns .portfolio-title{ font-size:1.125em; font-weight:700; margin:25px 0 10px; } .portfolio-4columns + .portfolio-pagination{ margin-top: 0; } .portfolio-4columns .portfolio-categories{ margin:0; } /******************************************** 10-6. Portfolio 5 Columns *********************************************/ .portfolio-5columns{ margin-left:-5px; margin-right:-5px; } .portfolio-5columns .col-lg-one-fifth{ padding:0 5px; } .portfolio-5columns .portfolio-item{ margin-bottom:60px; } .portfolio-5columns .portfolio-title{ font-size:1.125em; font-weight:700; margin:25px 0 10px; } .portfolio-5columns + .portfolio-pagination{ margin-top: 0; } .portfolio-5columns .portfolio-categories{ margin:0; } /******************************************** 10-7. Portfolio Single *********************************************/ .portfolio-single.style-basic{ overflow:hidden; } .portfolio-single.style-basic .portfolio-single-content{ width:66.6666%; float:left; } .portfolio-single.style-basic .portfolio-single-details{ width:33.3333%; float:left; padding-left:60px; } .button.portfolio-website-button{ padding: 13px 40px 13px; } .portfolio-detail{ border-bottom:1px solid #dce3ef; padding-bottom:10px; margin-bottom:30px; } .portfolio-detail p + p{ margin:0 0 6px; color:#525f71; } .portfolio-detail h5{ font-weight:700; margin:0; } .portfolio-detail ul{ margin:15px 0; list-style:none; padding:0; } .portfolio-detail li{ position:relative; padding-left:25px; } .portfolio-detail li:before{ content:''; position:absolute; top:50%; left:0; width:10px; height:10px; margin-top:-5px; border:2px solid #582101; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; } /******************************************** 10-8. Extended *********************************************/ .portfolio-single.style-extended .portfolio-single-content{ width:66.6666%; float:left; } .portfolio-single.style-extended .portfolio-single-details{ width:33.3333%; float:left; padding-left:60px; } /******************************************** 10-9. Recnet Projects *********************************************/ .recent-projects{ overflow: hidden; margin-top:80px; } .recent-projects .portfolio-item{ float:left; width:25%; } /******************************************** 10-10. Portfolio Pagination *********************************************/ .portfolio-pagination{ overflow:hidden; border-top:1px solid #dce3ef; padding-top:50px; margin-top:50px; } .portfolio-pagination a{ display:inline-block; color:#718097; font-weight:600; border:2px solid #718097; line-height:42px; padding:0 25px; border-radius:5px; font-size:.875em; -webkit-border-radius:5px; -moz-border-radius:5px; transition: color .3s, border .3s, background .3s; -webkit-transition: color .3s, border .3s, background .3s; -moz-transition: color .3s, border .3s, background .3s; } .portfolio-pagination a:hover{ color:#fff; background:#582101; border-color:#582101; } .portfolio-pagination a[rel="prev"] {float:left;} .portfolio-pagination a[rel="next"] {float:right;} .portfolio-pagination a[rel="prev"]:before, .portfolio-pagination a[rel="next"]:after, .portfolio-pagination .portfolio-all:before{ content:''; display:inline-block; vertical-align: middle; width:22px; height:22px; background:url(../img/sprites/portfolio-arrows.png) no-repeat; } .portfolio-pagination a[rel="prev"]:before{margin-right:15px; margin-left:-5px;} .portfolio-pagination a[rel="next"]:after{margin-left:15px; margin-right:-5px; background-position: -22px 0;} .portfolio-pagination .portfolio-all:before{background-position: -44px 0;} .portfolio-pagination a[rel="prev"]:hover:before{background-position:0 -22px;} .portfolio-pagination a[rel="next"]:hover:after{background-position:-22px -22px;} .portfolio-pagination .portfolio-all:hover:before{background-position:-44px -22px;} /******************************************** 10-11. Portfolio Style2 *********************************************/ .portfolio-pagination.style2{ margin:32px 0 0; padding:0; border:none; text-align:right; } .portfolio-pagination.style2 a{ width:40px; height:40px; padding:0; text-align:center; line-height:36px; float:none; border-color:#fff; } .portfolio-pagination.style2 a + a{ margin-left:5px; } .portfolio-pagination.style2 a:hover{ background:transparent; border-color:#582101; } .portfolio-pagination.style2 a:before, .portfolio-pagination.style2 a:after{ margin:0; } .portfolio-pagination.style2 a[rel="prev"]:before{background-position:0 -22px;} .portfolio-pagination.style2 a[rel="next"]:after{background-position: -22px -22px;} .portfolio-pagination.style2 .portfolio-all:before{background-position: -44px -22px;} .portfolio-pagination.style2 a[rel="prev"]:hover:before{background-position:0 -44px;} .portfolio-pagination.style2 a[rel="next"]:hover:after{background-position:-22px -44px;} .portfolio-pagination.style2 .portfolio-all:hover:before{background-position:-44px -44px;} /********************************************************************************************** ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: 11. Shop ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: ***********************************************************************************************/ .sc-shop-product:after .sc-shop-product:before{ content:''; display:table; } .sc-shop-product:after{ clear:both; } .sc-shop-product{ zoom:1; } .sc-shop-product + .sc-shop-product{ margin-top:50px; } .woocommerce ul.products li.product .content h6, .sc-shop-product .shop-title{ margin:0 0 5px; } .sc-shop-product .shop-title a{ color:#525f71; } .sc-shop-product .shop-title a:hover{ color:#582101; } .sc-shop-product .price span{ color:#582101; font-weight:700; } .sc-shop-product .img{ position:relative; } .sc-shop-product .img img{ width:100%; height: auto; } .woocommerce .woocommerce-result-count { float: right; } .woocommerce .woocommerce-result-count, .woocommerce-page .woocommerce-result-count { float: right; } .woocommerce .woocommerce-ordering, .woocommerce-page .woocommerce-ordering { float: left; width: 70%; } .woocommerce .woocommerce-ordering select, .woocommerce-page .woocommerce-ordering select { float: left; margin: 0 20px 10px 0; padding: 11px 13px; border: 2px solid #dce3ef; border-radius: 2px; font-size: 14px; font-weight: 700; background: transparent; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } .sortby-price-low-to-high, .sortby-price-high-to-low { float: left; display: inline-block; width: 48px; height: 47px; border: 2px solid #dce3ef; border-radius: 3px; margin-right: 20px; margin-bottom: 10px; text-align: center; } .sortby-price-low-to-high > div, .sortby-price-high-to-low > div { display: inline-block; width: 100%; height: 100%; position: relative; } .sortby-price-low-to-high > div:after, .sortby-price-high-to-low > div:after { font: normal normal normal 14px/1 FontAwesome; position: absolute; top: 50%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } .sortby-price-low-to-high > div:after { content: '\f176'; } .sortby-price-high-to-low > div:after { content: '\f175'; } .woocommerce .woocommerce-ordering select:active, .woocommerce-page .woocommerce-ordering select:active, .woocommerce .woocommerce-ordering select:focus, .woocommerce-page .woocommerce-ordering select:focus{ outline: none; border-color: #582101; } .onsale, .woocommerce .product .onsale, .woocommerce ul.products li.product .onsale, .sc-shop-product .ribbon.sold, .sc-shop-product .sale{ position:absolute; top:20px; left:20px; right: auto; min-height: auto; line-height: 1.8em; color:#fff; background:#582101; display:inline-block; padding:3px 12px 2px; text-transform:uppercase; font-size:14px; font-weight:700; font-family:'Proxima Nova', sans-serif; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; } .style-small .onsale { top: 5px; left: 5px; } .sc-shop-product .ribbon.sold{ left:auto; right:20px; background:#252e3b; } .sc-shop-product .price del + span:before{ content:''; display:inline-block; width:3px; height:3px; margin:0 7px; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; vertical-align:middle; background:#8a9fb9; } .woocommerce ul.products { margin-right: -25px; margin-left: -25px; } .content-with-sidebar ul.products { margin-right: -5px; margin-left: -5px; } .woocommerce ul.products:before, .woocommerce ul.products:after { content: ''; display: table; } .woocommerce ul.products:after { clear: both; } .woocommerce ul.products li.product { width: 25%; float: left; padding-right: 25px; padding-left: 25px; list-style: none; margin: 0; clear: none; } .content-with-sidebar ul.products li.product { width: 33.33333333333333%; padding-right: 5px; padding-left: 5px; } .woocommerce ul.products li.product .product-inner, .sc-shop-product.style-normal{ position: relative; margin-bottom: 50px; border:1px solid #e9eef7; box-shadow:0 1px 3px #e9eef7; -webkit-box-shadow:0 1px 5px #e9eef7; background:#fff; -webkit-transition: border .3s; -o-transition: border .3s; transition: border .3s; } .woocommerce ul.products li.product:hover .product-inner, .sc-shop-product.style-normal:hover{ border-color:#582101; } .sc-shop-product.style-normal .content{ padding:25px 20px 10px; } .woocommerce ul.products li.product .content { padding:10px 20px 12px; } .woocommerce ul.products li.product .shop-footer, .sc-shop-product.style-normal .shop-footer{ padding:0 20px 25px; } .woocommerce ul.products li.product .shop-footer { padding:0 20px 32px; } .woocommerce ul.products li.product .shop-meta, .shop-meta{ margin:0; padding:0; list-style:none; } .shop-meta:before, .shop-meta:after { content: ''; display: table; } .shop-meta:after { clear: both; } .woocommerce ul.products li.product .shop-meta li, .shop-meta li{ float:left; margin:0; } .woocommerce ul.products li.product .shop-meta li + li, .shop-meta li + li{ margin-left:10px; } .woocommerce ul.products li.product .shop-meta li a.added_to_cart, .woocommerce ul.products li.product .shop-meta li a.button, .woocommerce ul.products li.product .shop-meta li a.btn, .shop-meta li a.button, .shop-meta li a.btn{ text-indent:-9999px; display:inline-block; width:50px; height:50px; line-height: 3; padding: 0; margin: 0; border: none; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; background:#582101 url(../img/sprites/shop-icons.png) no-repeat; } .woocommerce ul.products li.product .shop-meta li a.add_to_cart_button.added { display: none; } .woocommerce ul.products li.product .shop-meta li a.added_to_cart { background-position: -100px 50%; } .woocommerce ul.products li.product .shop-meta li a.added_to_cart:hover { opacity: 0.7; } .woocommerce ul.products li.product .shop-meta li a.button:hover, .woocommerce ul.products li.product .shop-meta li a.btn:hover, .shop-meta li a.button:hover, .shop-meta li a.btn:hover{ background:#582101 url(../img/sprites/shop-icons.png) no-repeat; opacity:.7; } .woocommerce ul.products li.product .shop-meta li a.btn.details, .shop-meta li a.btn.details{ background-color:#8a9fb9; background-position:-50px 0; } .woocommerce ul.products li.product .shop-meta li .raty-rating, .shop-meta li .raty-rating{ display:inline-block; height:50px; padding:7px 9px; border:2px solid #dce3ef; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; } .woocommerce ul.products li.product .price:before, .woocommerce ul.products li.product .price:after { content: ''; display: table; } .woocommerce ul.products li.product .price:after { clear: both; } .woocommerce ul.products li.product .price { color: #4753de; font-size: 16px; } .woocommerce ul.products li.product .price del, .woocommerce ul.products li.product .price span { float: left; } .woocommerce ul.products li.product .price del { color: #718097; opacity: 1; } .woocommerce ul.products li.product .price del span { text-decoration: line-through; } .widget.woocommerce ul.product_list_widget li del:after, .woocommerce.single .product .price del:after, .woocommerce ul.products li.product .price del:after { content: ''; display: inline-block; width: 4px; height: 4px; margin: 0 10px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; vertical-align: middle; background: #8a9fb9; } .woocommerce ul.products li.product .price span { font-weight: 700; } .woocommerce ul.products li.product a { color: #525f71; } .woocommerce ul.products li.product a:hover { color: #4753de; } .woocommerce-pagination { padding-top: 50px; margin-top: 50px; border-top: 1px solid #dce3ef; } .woocommerce-pagination:before, .woocommerce-pagination:after { content: ''; display: table; } .woocommerce-pagination:after { clear: both; } .woocommerce nav.woocommerce-pagination ul { float: right; border: none; } .woocommerce nav.woocommerce-pagination ul li { margin-left: 5px; line-height: 22px; border: none; } .woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span { display: inline-block; width: 40px; height: 40px; color: #718097; font-size: 14px; font-weight: 600; line-height: 22px; border: 2px solid transparent; border-radius: 3px; } .woocommerce nav.woocommerce-pagination ul li a.prev, .woocommerce nav.woocommerce-pagination ul li a.next { border-color: #718097; position: relative; color: transparent !important; } .woocommerce nav.woocommerce-pagination ul li a.prev:before, .woocommerce nav.woocommerce-pagination ul li a.next:before { font: normal normal normal 26px/1 FontAwesome; color: #718097; position: absolute; top: 50%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } .woocommerce nav.woocommerce-pagination ul li a.prev:before { content: '\f104'; } .woocommerce nav.woocommerce-pagination ul li a.next:before { content: '\f105'; } .woocommerce nav.woocommerce-pagination ul li a.prev:hover:before, .woocommerce nav.woocommerce-pagination ul li a.next:hover:before { color: #582101; } .woocommerce nav.woocommerce-pagination ul li span.current { background: none; border-color: #582101; color: #582101; } .woocommerce nav.woocommerce-pagination ul li:hover { background: none; } .woocommerce nav.woocommerce-pagination ul li a:hover { border-color: #582101; color: #582101; background: none; } .woocommerce select { width: auto; } .shop-meta li .raty-rating img{ margin:0; } .sc-shop-product.style-small{ overflow:hidden; margin-top:50px; } .sc-shop-product.style-small .img{ float:left; width:130px; margin-right:30px; } .sc-shop-product.style-small .shop-footer{ margin-top:20px; } .woocommerce .widget .products .product{ width: 100% !important; margin-bottom: 20px; } .woocommerce .widget .products .product:last-child{ margin-bottom: 0; } .woocommerce .widget .products .product .product-image{ float: left; margin-right: 17px; } .woocommerce .widget .products .product .content{ padding: 0; overflow: hidden; } .woocommerce .widget .products .product .content span.price { color: #4753de; } .woocommerce .widget .products .product .content h6{ margin-bottom: 0; } .widget.woocommerce .product_list_widget li a{ font-weight: 700; color: #525f71; } .widget.woocommerce .product_list_widget li a:hover{ color: #4753de; } .widget.woocommerce .product_list_widget li img{ width: 60px; height: auto; float: left; margin-right: 17px; border-radius: 3px; } .widget.woocommerce .product_list_widget li .star-rating:before, .widget.woocommerce .product_list_widget li .star-rating span { font-size: 11px; letter-spacing: 3px; } .widget.woocommerce ul.cart_list li .star-rating, .widget.woocommerce ul.product_list_widget li .star-rating { color: #ffb400; margin-top: 5px; } .woocommerce .widget .products .product .content .raty-rating { border: none; padding: 0; height: auto; } .woocommerce.single .product .product_title { margin-bottom: 10px; font-size: 36px; } .woocommerce.single .product .woocommerce-product-rating { margin-bottom: 4px; } .woocommerce.single .product .star-rating { width: 6.5em; margin-top: 11px; font-size: 12px; letter-spacing: 3px; color: #ffb400; } .woocommerce .star-rating:before, .woocommerce.single .product .star-rating:before { content: "\53\53\53\53\53"; letter-spacing: 3px; color: #dce3ef; } .woocommerce.single .product .woocommerce-review-link { margin-left: 5px; font-size: 14px; color: #718097; } .woocommerce.single .product .woocommerce-review-link:hover { color: #582101; } .widget.woocommerce ul.product_list_widget li { margin-bottom: 30px; } .woocommerce.single .product .price { margin: 0; font-size: 30px; font-weight: 400; color: #4753de; padding-bottom: 23px; border-bottom: 1px solid #dce3ef; } .woocommerce.single .product .price del { color: #718097; opacity: 1; } .woocommerce.single .product .price del:after { margin: 0 2px 0 10px; } .widget.woocommerce ul.product_list_widget li ins, .woocommerce.single .product .price ins { text-decoration: none; border-bottom: none; } .widget.woocommerce ul.product_list_widget li ins { font-weight: 700; color: #4753de; } .woocommerce.single .product .cart { padding: 40px 0 30px; border-bottom: 1px solid #dce3ef; } .woocommerce-cart table.cart td.actions .coupon .input-text { width: 320px; height: 47px; margin-right: 10px; padding: 0 15px; line-height: 45px; } ul.products { margin: 0; } .fs-number { position: relative; margin: 0 20px 10px 0; overflow: hidden; padding: 0 52px; border-radius: 3px; background: #dce3ef; } .fs-number input { margin-right: 0 !important; } .fs-number, .fs-number:after, .fs-number:before, .fs-number *, .fs-number *:after, .fs-number *:before { box-sizing: border-box; -webkit-transition: none; transition: none; -webkit-user-select: none !important; -moz-user-select: none !important; -ms-user-select: none !important; user-select: none !important; } .fs-number-element { width: 54px; height: 54px; background: #ffffff; border: 2px solid #dce3ef; color: #718097; font-size: 16px; line-height: 1; overflow: hidden; -moz-appearance: textfield; text-align: center; } .fs-number-element:focus, .fs-number-element:active { outline: none; } .fs-number-element::-webkit-inner-spin-button, .fs-number-element::-webkit-outer-spin-button { margin: 0; -webkit-appearance: none; } .fs-number-element::-ms-clear { display: none; } .fs-number-disabled .fs-number-element { border-color: #cccccc; color: #cccccc; } .fs-number-arrow { display: inline-block; width: 54px; height: 54px; position: absolute; top: 50%; right: 0; z-index: 1; cursor: pointer; display: block; overflow: hidden; text-indent: 200%; white-space: nowrap; padding: 0; border: none; background: url(../img/sprites/number.png) no-repeat; opacity: 0.6; text-indent: -999999px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .fs-number-arrow:hover { opacity: 1; } .fs-number-arrow:focus { outline: none; } .fs-number-arrow.fs-number-up { background-position: center top; right: 0; } .fs-number-arrow.fs-number-down { background-position: center bottom; left: 0; } .fs-number-disabled .fs-number-arrow { cursor: default; } .woocommerce .group_table .fs-number { padding: 0 20px; margin-right: 10px; } .woocommerce .summary .group_table .fs-number { padding: 0 50px; } .woocommerce .summary .group_table .fs-number .qty { width: 50px; } .woocommerce .cart.food-order-form .fs-number-arrow, .woocommerce .group_table .fs-number .fs-number-arrow { margin: -1px 0 0; } .woocommerce .cart.food-order-form .fs-number { width: 100px; padding: 0 30px; } .woocommerce-cart table.cart img { width: auto; height: auto; } .shop_table.cart .quantity .fs-number { width: 164px; margin: 0 auto; } /********************************************************************************************** ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: 12. Shortcodes ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: ***********************************************************************************************/ /* Banners */ .banners .half-width { width: 50%; float: left; padding-left: 15px; padding-right: 15px; } /* Alert Boxes */ .alert-box{ overflow: hidden; text-align:center; font-weight:700; text-transform:uppercase; padding:40px; margin:20px 0; background-color:#fff; color:#4b5257; border:1px solid #d4d7d9; box-shadow:0 2px 0 #f6f8f9; -webkit-box-shadow:0 2px 0 #f6f8f9; -moz-box-shadow:0 2px 0 #f6f8f9; } .alert-box.br-semi-light{padding:38px;} .alert-box.br-medium{padding:37px;} .alert-box.br-semi-thick{padding:35px;} .alert-box.br-thick{padding:33px;} .alert-box .fa{ font-size:32px; margin-right:20px; vertical-align:middle; } .alert-box p{ margin:0; display:inline-block; vertical-align:middle; } .alert-box.notification{ background:#e8f6ff; color:#427697; border:1px solid #cbe5f6; padding:42px; } .alert-box.success{ background:#e4f4bd; color:#5e7c51; border:1px solid #d0e39e; padding:42px; } .alert-box.danger{ background:#ffdddd; color:#915a5a; border:1px solid #f3c2c2; padding:42px; } .alert-box.alert{ background:#fff9dd; color:#976722; border:1px solid #eadfaf; padding:42px; } .alert-box.br-dashed{ padding: 41px; border-width: 2px !important; } .alert-box.br-thick{ padding: 36px; } /* Buttons */ /* Arrow Button */ .button-down-arrow{ width:60px; height:60px; display:inline-block; background:url(../img/sprites/arrow-down.png) no-repeat; } .button-down-arrow:hover{ opacity:.7; } button:active, button:active, button:focus, button:focus{ outline:none; } .button, .woocommerce a.button, .woocommerce input.button, .woocommerce #respond input#submit, .woocommerce .woocommerce-message .button, .woocommerce .button.single_add_to_cart_button, .wysija-submit-field.wysija-submit{ cursor:pointer; border-color:transparent; display:inline-block; color:#646464; text-decoration:none!important; padding: 16px 52px 15px; margin:10px 8px 10px 0; text-transform: uppercase; white-space: nowrap; font-size: .9375em; font-weight: 700; font-family: 'Proxima Nova', 'Open Sans', Arial, sans-serif; border-bottom:1px solid rgba(0,0,0,.2); text-shadow:0 -1px 0 rgba(0,0,0,.2); box-shadow:0 1px 1px rgba(0,0,0,.21); -webkit-box-shadow:0 1px 1px rgba(0,0,0,.21); -moz-box-shadow:0 1px 1px rgba(0,0,0,.21); border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; transition: opacity .3s ease, color 0.3s ease; -webkit-transition: opacity .3s ease, color 0.3s ease; -moz-transition: opacity .3s ease, color 0.3s ease; } .woocommerce .widget_shopping_cart_content a.button { padding: 15px 20px; background-color: #582101; color: white; } .woocommerce .woocommerce-message .button { padding: 11px 30px 10px; margin: 0; font-size: 0.8em; } .woocommerce .woocommerce-message .button, .woocommerce .button.single_add_to_cart_button.alt, .woocommerce input.button, .woocommerce #respond input#submit { background-color: #582101; color: #fff; text-shadow: none; } .woocommerce .woocommerce-message .button:hover, .woocommerce .button.single_add_to_cart_button.alt:hover { background-color: #582101; color: #ffffff; } .woocommerce .button.single_add_to_cart_button { padding: 19px 52px 19px; margin-top: 0; } .woocommerce .content-with-sidebar .button.single_add_to_cart_button { padding: 19px 35px; } .wysija-submit-field.wysija-submit { padding: 16px 35px 15px !important; color: #fff; margin:15px 10px 8px 20px !important; } .button:hover, .woocommerce input.button:hover, .woocommerce #respond input#submit:hover, .wysija-submit-field.wysija-submit:hover{ color:inherit; opacity:.8; } .woocommerce input.button:hover, .woocommerce #respond input#submit:hover { background-color: #582101; color: #fff; } .wysija-submit-field.wysija-submit:hover { color: #fff;} .button.big-margin{margin:20px 30px 20px 0;} .button.small.big-margin{margin:20px 25px 20px 0;} .button .fa{ line-height:15px; font-size:18px; width:15px; vertical-align:middle; } .button .icon-before{margin:0 20px 0 0;} .button .icon-after{margin:0 0 0 20px;} .button.br-light{padding: 15px 51px;} .button.br-semi-light{padding: 15px 50px 13px;} .button.br-medium{padding: 13px 49px;} .button.br-semi-thick{padding: 11px 47px;} .button.br-thick{padding: 9px 45px;} /* Buttons Small */ .button.small{padding:10px 28px;} .button.small.br-light{padding:10px 27px;} .button.small.br-semi-light{padding:9px 26px;} .button.small.br-medium{padding:8px 25px;} .button.small.br-semi-thick{padding:6px 23px;} .button.small.br-thick{padding:4px 21px;} /* Buttons Flat */ .button.flat{ border:none!important; padding:16px 52px; -webkit-box-shadow: none; box-shadow: none; } /* Buttons Unfilled */ .button.unfilled{ background:none; border-style:solid; border-width:1px; } /* Buttons Shaped */ .button.shaped{ border-width:0; padding: 9px 50px; border-radius:23px; -webkit-border-radius:23px; -moz-border-radius:23px; } .button.shaped .icon-before{margin:0 20px 0 -10px;} .button.shaped .icon-after{margin:0 -10px 0 20px;} .button.shaped.br-light{padding: 8px 49px;} .button.shaped.br-semi-light{padding: 7px 48px;} .button.shaped.br-medium{padding: 6px 47px;} .button.shaped.br-semi-thick{padding: 4px 45px;} .button.shaped.br-thick{padding: 2px 43px;} /* Buttons 3D */ .button.b3d{ border-bottom:5px solid rgba(0,0,0,.2); padding: 15px 52px 12px; } /* Buttons Extended */ .button.extended{ display:block; margin-right:0; width:100%; text-align: center; } .button.fill-frm-top, .button.fill-frm-right, .button.fill-frm-bottom, .button.fill-frm-left { position: relative; overflow: hidden; text-shadow: none; } .button.fill-frm-top span, .button.fill-frm-right span, .button.fill-frm-bottom span, .button.fill-frm-left span { position: relative; z-index: 2; } .button.fill-frm-top:before, .button.fill-frm-right:before, .button.fill-frm-bottom:before, .button.fill-frm-left:before { content: ''; display: inline-block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 0; border-radius: 4px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } .br-light.button.fill-frm-top:before,.br-semi-light.button.fill-frm-top:before,.br-medium.button.fill-frm-top:before,.br-semi-thick.button.fill-frm-top:before,.br-thick.button.fill-frm-top:before, .br-light.button.fill-frm-right:before,.br-semi-light.button.fill-frm-right:before,.br-medium.button.fill-frm-right:before,.br-semi-thick.button.fill-frm-right:before,.br-thick.button.fill-frm-right:before, .br-light.button.fill-frm-bottom:before,.br-semi-light.button.fill-frm-bottom:before,.br-medium.button.fill-frm-bottom:before,.br-semi-thick.button.fill-frm-bottom:before,.br-thick.button.fill-frm-bottom:before, .br-light.button.fill-frm-left:before,.br-semi-light.button.fill-frm-left:before,.br-medium.button.fill-frm-left:before,.br-semi-thick.button.fill-frm-left:before,.br-thick.button.fill-frm-left:before { border-radius: 0; } .button.fill-frm-top:before{ -webkit-transform: translateY(-100%) translateZ(0); -ms-transform: translateY(-100%) translateZ(0); transform: translateY(-100%) translateZ(0); } .button.fill-frm-bottom:before{ -webkit-transform: translateY(100%) translateZ(0); -ms-transform: translateY(100%) translateZ(0); transform: translateY(100%) translateZ(0); } .button.fill-frm-right:before{ -webkit-transform: translateX(100%) translateZ(0); -ms-transform: translateX(100%) translateZ(0); transform: translateX(100%) translateZ(0); } .button.fill-frm-left:before{ -webkit-transform: translateX(-100%) translateZ(0); -ms-transform: translateX(-100%) translateZ(0); transform: translateX(-100%) translateZ(0); } .button.fill-frm-top:hover, .button.fill-frm-right:hover, .button.fill-frm-bottom:hover, .button.fill-frm-left:hover { opacity: 1; } .button.fill-frm-top:hover:before, .button.fill-frm-right:hover:before, .button.fill-frm-bottom:hover:before, .button.fill-frm-left:hover:before { -webkit-transform: translateX(0) translateY(0) translateZ(0); -ms-transform: translateX(0) translateY(0) translateZ(0); transform: translateX(0) translateY(0) translateZ(0); } /* Dividers */ .divider{ border-style:solid; border-width:0; border-top-width:1px; border-color:#dce3ef; margin:80px 0; clear: both; } .divider.medium-margin{ margin:60px 0; } .full-width-divider{ margin-left:-5000px; margin-right:-5000px; } .divider.unique{ border:none!important; height:10px; background:url(../img/sprites/border-unique.png) center top no-repeat; } .divider.unique.light{ background-position:center bottom; } .space-divider{ margin:60px 0; } .iconic-divider { display: block; width: 30%; margin: 1.5em auto; position: relative; text-align: center; } .iconic-divider i { display: inline-block; font-size: 24px; } .iconic-divider:before, .iconic-divider:after { content: ''; display: inline-block; height: 1px; width: 50%; position: absolute; top: 50%; margin-top: -2px; background-color: #718097; } .iconic-divider:before { left: -20px; } .iconic-divider:after { right: -20px; } /* Galleries */ /* Slider Gallery */ .gallery-slider { margin:30px 0 10px; } .gallery-slider .flex-control-thumbs{ position:relative; margin:20px -10px 0; bottom:0; overflow:hidden; width: auto; } /* Grid Gallery */ .grid-gallery{ margin:30px -10px 10px; list-style:none; overflow:hidden; } .grid-gallery>li, .gallery-slider .flex-control-thumbs>li{ padding:0 10px; margin:0 0 20px; float:left; width:33.3333%; } .grid-gallery img, .gallery-slider .flex-control-thumbs img{ width:100%; } /* Tabs */ .tabs{ margin:30px 0; position:relative; z-index:1; } .tab-header>ul{ overflow:hidden; list-style:none; margin:0; } .woocommerce div.product .woocommerce-tabs .panel { border: 1px solid #dce3ef; border-top: none; margin-top: -16px; padding: 25px 30px 0; } .woocommerce div.product .woocommerce-tabs .panel ul { margin: 1.5em 0; } .woocommerce div.product .woocommerce-tabs ul.tabs { padding: 0 0 0 5px; margin: 0; background: white; } .woocommerce div.product .woocommerce-tabs ul.tabs:before { border-bottom-color: #dce3ef; } .tab-header li{ float:left; margin:0; } .woocommerce div.product .woocommerce-tabs ul.tabs li { padding: 0; border: none; } .woocommerce div.product .woocommerce-tabs ul.tabs li:before, .woocommerce div.product .woocommerce-tabs ul.tabs li:after { content: none; } .woocommerce div.product .woocommerce-tabs ul.tabs li a, .tab-header a{ display:block; font-size:16px; font-weight:700; background:#f6f8fb; padding:15px 30px; color:#525f71; white-space:nowrap; border:1px solid #dce3ef; text-decoration:none!important; transition: background .3s, border .3s, color .3s; -webkit-transition: background .3s, border .3s, color .3s; -moz-transition: background .3s, border .3s, color .3s; } .woocommerce div.product .woocommerce-tabs ul.tabs li.active a { background: #fff; border-bottom-color: transparent; color: #582101; } .tabs.style-dark .tab-header a{ background:#161819; color:#fff; border:1px solid #1f2124; } .tab-header a:hover{ background:#fff; } .tabs.style-dark .tab-header a:hover{ background:#141617; } .tab-header li + li a{ border-left:none; } .tab-header li.active-tab a{ background:#fff; border-bottom-color:transparent; color:#582101; } .tabs.style-dark .tab-header li.active-tab a{ color:#582101; border-bottom-color:transparent; background:#141617; } .tab-content{ background:#fff; border:1px solid #dce3ef; position:relative; z-index:-1; top:-1px; padding:20px 40px; } .tabs.style-dark .tab-content{ background:#141617; border:1px solid #1f2124; } .tab-content .tab{ position: relative; -webkit-transition: -webkit-transform 0.3s ease; -moz-transition: -moz-transform 0.3s ease; transition: transform 0.3s ease; } .tab-content .tab.active{ -webkit-animation: tabActive 1s ease alternate; animation: tabActive 1s ease alternate; } .tab-content .tab.slideOut{ -webkit-animation: tabSlideOut 1s ease alternate; animation: tabSlideOut 1s ease alternate; } .tab-content .tab .tab-content { overflow: hidden; } .tabs.style-turquoise .tab-header li.active-tab a{ color:#41d4d6; } /* Sidetabs */ .sidetabs{ display:table; } .sidetabs .tab-header, .sidetabs .tab-content{ display:table-cell; vertical-align:top; } .sidetabs .tab-header li{ float:none; } .sidetabs .tab-content{ top:0; left:-1px; } .sidetabs .tab-header li a{ border:1px solid #dce3ef; } .tabs.style-dark.sidetabs .tab-header li a{ border:1px solid #1f2124; } .sidetabs .tab-header li + li a, .tabs.style-dark.sidetabs .tab-header li + li a{ border-top:none; } .sidetabs .tab-header li.active-tab a, .tabs.style-dark.sidetabs .tab-header li.active-tab a{ border-right-color:transparent; } .sidetabs.onright{direction:rtl;} .sidetabs.onright>div{direction:ltr;} .sidetabs.onright .tab-content{ right:-1px; left:auto; } .sidetabs.onright .tab-header li a{ border:1px solid #dce3ef; } .sidetabs.onright .tab-header li + li a, .tabs.style-dark.sidetabs.onright .tab-header li + li a{ border-top:none; } .sidetabs.onright .tab-header li.active-tab a, .tabs.style-dark.sidetabs.onright .tab-header li.active-tab a{ border-left-color:transparent; } /* Style 2 */ .tabs.style2 .tab-header>ul{ display:inline-block; margin:0 auto 30px; } .tabs.style2 .tab-header a{ display:block; font-size:15px; font-weight:700; background:none; padding:9px 37px; color:#582101; white-space:nowrap; border:2px solid #582101; text-transform: uppercase; transition: background .3s, border .3s, color .3s; -webkit-transition: background .3s, border .3s, color .3s; -moz-transition: background .3s, border .3s, color .3s; } .tabs.style2.style-turquoise .tab-header a{ border-color:#41d4d6; background:none; color:#41d4d6; } .tabs.style2 .tab-header li:first-child>a{ border-radius:5px 0 0 5px; -webkit-border-radius:5px 0 0 5px; -moz-border-radius:5px 0 0 5px; } .tabs.style2 .tab-header li:last-child>a{ border-radius:0 5px 5px 0; -webkit-border-radius:0 5px 5px 0; -moz-border-radius:0 5px 5px 0; } .tabs.style2 .tab-header a:hover{ background:#582101; color:#fff; } .tabs.style2 .tab-header li.active-tab a{ background:#582101; border-bottom-color:#582101; color:#fff; } .tabs.style2.style-turquoise .tab-header li.active-tab a, .tabs.style2.style-turquoise .tab-header li:hover a{ border-color:#41d4d6; background:#41d4d6; color:#fff; } .tabs.style2 .tab-content{ background:none; border:none; position:static; padding:0; } /* Style Modern */ .tabs.style-modern .tab-header>ul{ display:table; width:100%; table-layout:fixed; } .tabs.style-modern .tab-header>ul>li{ display:table-cell; vertical-align:middle; float:none; text-align: center; } .tabs.style-modern .tab-header>ul>li + li{ border-left:1px solid #26303a; } .tabs.style-modern .tab-header a{ color:#fff; font-size:30px; background:#2a3541; border:none; border-bottom:10px solid #582101; display:block; } .tabs.style-modern .tab-header a img{ margin: 8px auto; } .tabs.style-modern .tab-header .active-tab>a{ background:#582101; position: relative; } .tabs.style-modern .tab-header .active-tab>a:after { content: ''; display: inline-block; width: 100%; height: 1px; position: absolute; top: 0; left: 0; background: rgba(255, 255, 255, 0.3); } .tabs.style-modern .tab-header .tab-green a{border-bottom-color:#3ec8a7;} .tabs.style-modern .tab-header .tab-light-blue a{border-bottom-color:#2eb9ea;} .tabs.style-modern .tab-header .tab-red a{border-bottom-color:#eb5848;} .tabs.style-modern .tab-header .tab-yellow a{border-bottom-color:#f4c74f;} .tabs.style-modern .tab-header .tab-green.active-tab a{background:#3ec8a7;} .tabs.style-modern .tab-header .tab-light-blue.active-tab a{background:#2eb9ea;} .tabs.style-modern .tab-header .tab-red.active-tab a{background:#eb5848;} .tabs.style-modern .tab-header .tab-yellow.active-tab a{background:#f4c74f;} .tabs.style-modern .tab-content{ padding:35px 60px 10px; margin-bottom:-1px; } /* Accordions */ .accordions{ list-style:none; margin:30px 0; } .accordion{ width:100%; } .accordions>li{ margin:0; } .accordions li + li{ margin-top:10px; } ul.accordions.toggles:first-child {margin-top: 30px;} ul.accordions.toggles:last-child {margin-bottom: 30px;} ul.accordions.toggles { margin: 0; } ul.accordions.toggles + ul.accordions.toggles { margin-top: 10px; } .accordion-header{ background:#f4f6fa; border:1px solid #dce3ef; position:relative; cursor:pointer; transition: background .3s, border .3s; -webkit-transition: background .3s, border .3s; -moz-transition: background .3s, border .3s; } .accordion-header h6{ color:#525f71; margin:0; font-weight:700; padding:20px 60px 20px 30px; transition: color .3s; -webkit-transition: color .3s; -moz-transition: color .3s; } .accordion-header .accordion-icon{ position:absolute; top:19px; right:30px; width:21px; height:21px; background:url(../img/sprites/accordion-icon.png) no-repeat; } .accordion.active .accordion-header{ background:#582101; border-color:#873dd3; } .accordion.active .accordion-header h6{ color:#fff; } .accordion.active .accordion-icon{ background-position:-21px 0; } .accordion-content{ background:#fff; padding:10px 30px 14px; border:1px solid #dce3ef; border-top:none; } /* Sortable Accordions */ .mix{ display:none; } .accordion-filters .filter{ display:inline-block; cursor: pointer; color:#718097; font-size:14px; font-weight:600; padding:6px 19px 5px; margin-right: 10px; border:2px solid transparent; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; transition: color .3s, border .3s; -webkit-transition: color .3s, border .3s; -moz-transition: color .3s, border .3s; } .accordion-filters .filter.active{ border-color:#582101; color:#582101; } /* Testimonials */ .testimonial-content, .testimonial-content-alt{ background:#fff; border:2px solid #dce3ef; padding:30px; position:relative; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } .testimonial-content:after, .testimonial-content:before{ position:absolute; content:''; left:0; bottom:-28px; border-style: solid; border-width: 30px 30px 0 0; border-color: #fff transparent transparent transparent; } .testimonial-content:before{ bottom:-33px; left:-2px; border-width:33px 33px 0 0; border-color:#dce3ef transparent transparent transparent; } .testimonial-content p{ margin:0; font-size:1.125em; line-height: 36px; } .testimonial-content-alt p { font-style: italic; } .testimonial-content-alt .meta { color:#9cb3d6; } .testimonials-slider.style1 .testimonial-content p{ font-size: 20px; } .testimonial-author{ margin-top:40px; display:inline-block; } .testimonial-author .avatar{ display:inline-block; width:80px; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; vertical-align: middle; border:2px solid #8f9fba; } .testimonial-author .avatar img{ width:100%; height: auto; border:4px solid #fff; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; } .testimonial-author .author-content{ display:inline-block; vertical-align: middle; font-size:14px; padding-left:30px; } .testimonial-author .author-content .name{ color:#525f71; font-weight:700; float:left; display:block; } .testimonial-author .author-content .meta{ color:#7c859b; float:left; display:block; clear:left; } .testimonial.style-dark .testimonial-content{ background:#0f1011; } .testimonial.style-dark .testimonial-content:after{ border-color:#0f1011 transparent transparent transparent; } .testimonial.style-dark .testimonial-author .author-content .name, .testimonial.style-dark .testimonial-author .author-content .meta{ color:#fff; } .testimonial-content-alt:hover { border-color: #582101; } .testimonial .testimonial-author a { color: #666666; } .testimonial .testimonial-author a:hover { color: #582101; } /* Testimonial Slider */ .testimonials-slider{ text-align:center; padding:0; margin:210px 0 60px; overflow:visible!important; } .testimonials-slider.style-big .testimonial-content p{ font-size:1.25em; } .testimonials-slider .flex-direction-nav a{ width:42px; height:42px; background:url(../img/sprites/testimonial-arrows.png) no-repeat; margin:18px 0 0; } .testimonials-slider .flex-direction-nav a:before{ content:none; } .testimonials-slider .flex-direction-nav .flex-prev { top:-140px; left:50%; opacity:1; margin-left:-142px; } .testimonials-slider .flex-direction-nav .flex-next { top:-140px; right: 50%; opacity:1; margin-right:-142px; background-position:-42px 0; } .testimonials-slider .flex-direction-nav a:hover{ opacity:.6!important; } .testimonials-slider:before{ content:''; position:absolute; top:-140px; left:50%; margin-left:-40px; width:80px; height:80px; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; background:#8a9fb9 url(../img/sprites/testimonial-arrows.png) -84px 0 no-repeat; } .testimonials-slider .testimonial-content{ background:none; border:none; padding:0; } .testimonials-slider .testimonial-content:after, .testimonials-slider .testimonial-content:before{ content:none; } .testimonials-slider .testimonial-content, .testimonials-slider .testimonial-author{ -webkit-transition: all .6s; -o-transition: all .6s; transition: all .6s; opacity:0; -webkit-transform: translateX(-40px); -ms-transform: translateX(-40px); -o-transform: translateX(-40px); transform: translateX(-40px); } .testimonials-slider .testimonial-content, .testimonials-slider .flex-active-slide .testimonial-author{ -webkit-transition-delay: .2s; -o-transition-delay: .2s; transition-delay: .2s; } .testimonials-slider .flex-active-slide .testimonial-content{ -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } .testimonials-slider .flex-active-slide .testimonial-content, .testimonials-slider .flex-active-slide .testimonial-author{ opacity:1; -webkit-transform: translate(0px); -ms-transform: translate(0px); -o-transform: translate(0px); transform: translate(0px); } /* Pricing Tables */ .pricing-tables{ display:table; table-layout:fixed; width:100%; margin:40px 0; } .pricing-table{ display:table-cell; vertical-align:middle; } .pricing-table-inner{ background:#fff; } .pricing-table-tag{ font-size:16px; font-weight:700; } .pricing-table header{ background:#8a9fb9; color:#fff; overflow:hidden; text-align:center; padding:25px 10px; border:1px solid #8192ac; } .pricing-table.featured header{ background:#582101; } .pricing-table + .pricing-table header{ margin-left:-1px; } .pricing-table header h4{ color: inherit; margin:0; font-size:30px; } .pricing-table .pricing{ background:#f5f6fa; border:1px solid #dce3ef; border-bottom:none; border-top:none; color:#718097; text-align:center; padding: 34px 10px; } .pricing-table + .pricing-table .pricing{ border-left-style:none; } .pricing-table .pricing span{ display:inline-block; line-height:1; } .pricing-table span.price{ color:#582101; font-weight:700; font-size:72px; line-height:.8; } .pricing-table .price.small{ font-size:24px; margin:5px 0 15px; } .pricing-table .currency{ font-size:24px; vertical-align:top; margin-top:3px; } .pricing-table .period{ font-size:14px; } .pricing-table .inline-blocks{ display:inline-block; vertical-align:top; text-align:left; } .pricing-table .inline-blocks span{ display:block; } .pricing-table .features{ border-left:1px solid #dce3ef; border-right:1px solid #dce3ef; margin:0; padding:0; list-style:none; } .pricing-table + .pricing-table .features{ border-left-style:none; } .pricing-table .features li{ padding:15px 30px 15px 55px; position:relative; border-top:1px solid #dce3ef; border-bottom:1px solid #dce3ef; } .pricing-table .features li:before{ content:''; position:absolute; top:50%; margin-top:-5px; left:30px; width:10px; height:10px; border:2px solid #582101; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; } .pricing-table .features li + li{ border-top:none; margin-top:0; } .pricing-table footer{ text-align:center; padding:30px 10px; border:1px solid #dce3ef; border-top:none; box-shadow:0 2px 0 #e9eef7; -webkit-box-shadow:0 2px 0 #e9eef7; -moz-box-shadow:0 2px 0 #e9eef7; } .pricing-table + .pricing-table footer{ margin-left:-1px; } .pricing-table footer .button{ padding:13px 35px; border: 2px solid #582101; } .pricing-table footer .button:before{ border-radius: 0; } .pricing-table.featured footer{ padding:45px 10px; } /* Default Style */ .pricing-table.style-default header, .pricing-table.style-default .features, .pricing-table.style-default .pricing, .pricing-table.style-default footer { border: none; background-color: transparent; text-align: left; padding-left: 50px; padding-right: 50px; } .pricing-table.style-default .features { padding-left: 30px; padding-right: 30px; } .pricing-table.style-default .pricing { padding: 34px 50px 24px; } .pricing-table.style-default header { background-color: transparent; color: #8192ac; text-align: left; padding: 26px 50px 0; border-top: 8px solid #8192ac; } .pricing-table.style-default header h4 { font-family:'Proxima Nova', sans-serif; font-weight: 700; } .pricing-table.style-default .features li { border: none; } .pricing-table.style-default.featured .pricing-table-inner { -webkit-transform: translateY(-42px); -moz-transform: translateY(-42px); -ms-transform: translateY(-42px); transform: translateY(-42px); -webkit-box-shadow: 0 20px 40px rgba(0,0,0,0.1); -moz-box-shadow: 0 20px 40px rgba(0,0,0,0.1); box-shadow: 0 20px 40px rgba(0,0,0,0.1); } .pricing-table.style-default.featured header h4 { padding: 22px 50px 12px; } .pricing-table.style-default.featured header { border-top: none; padding: 0; } .pricing-table.style-default.featured header .pricing-table-tag { background-color: #8192ac; color: #ffffff; display: block; padding: 10px 50px; margin-bottom: 11px; font-size: 12px; font-weight: 700; letter-spacing: 0.05em; text-transform: uppercase; } .pricing-table.style-default .features li:before { content: '\f00c'; font: normal normal normal 13px/1 FontAwesome; width: auto; height: auto; border: none; } .pricing-table.style-default .pricing-table-inner { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } .pricing-table.style-default:hover .pricing-table-inner { -webkit-transform: translateY(-7px); -moz-transform: translateY(-7px); transform: translateY(-7px); -webkit-box-shadow: 0 20px 40px rgba(0,0,0,0.1); -moz-box-shadow: 0 20px 40px rgba(0,0,0,0.1); box-shadow: 0 20px 40px rgba(0,0,0,0.1); } .pricing-table.style-default.featured:hover .pricing-table-inner { -webkit-transform: translateY(-42px); -moz-transform: translateY(-42px); -ms-transform: translateY(-42px); transform: translateY(-42px); } /* Dark Style */ .pricing-table.style-dark .pricing-table-inner{ background:#141617; color:#acb4b8; } .pricing-table.style-dark header{ background:#262c30; border-color:#293034; } .pricing-table.style-dark .pricing{ background:#191b1c; border-color:#1c2023; } .pricing-table.style-dark .features, .pricing-table.style-dark .features li, .pricing-table.style-dark footer{ border-color:#1c2023; } .pricing-table.style-dark footer{ box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none; border-bottom:1px solid #1c2023; } .pricing-table.style-dark .pricing .currency{ color:#718097; } .pricing-table.style-dark .pricing .period{ color:#acb4b8; } /* Counters */ .counter-row>div{ padding:0; } .counter-box{ text-align:center; } .counter-box h6{ font-size: 18px; font-weight:700; margin:0; } /* Counter Box Animator */ .counter-animator{ position:relative; overflow:hidden; display: inline-block; vertical-align: middle; } .sc-counter{ opacity:0; -webkit-transition: opacity .6s; -o-transition: opacity .6s; transition: opacity .6s; } .sc-counter.counter-animated{ opacity:1; } .csstransforms .counter-animator > .animator-value{ visibility:hidden; display: inline-block; vertical-align: middle; } .counter-animator .animator-numbers{ position:absolute; top:0; left:0; bottom:0; right:0; overflow:hidden; visibility:hidden; } .csstransforms .counter-animator .animator-numbers{ visibility:visible; } .counter-animator .animator-numbers ul{ list-style:none; margin:0; padding:0; position:relative; -webkit-transition: -webkit-transform 1.8s; -o-transition: -o-transform 1.8s; transition: transform 1.8s; -webkit-transition-delay: .1s; -o-transition-delay: .1s; transition-delay: .1s; } .counter-animator .animator-numbers ul li{ margin-top:0; } .sc-counter .counter-sufix, .sc-counter .counter-prefix{ vertical-align: middle; } /* Counters Style 1 */ .counter-box.style1{ margin:40px 0; } .counter-box.style1 .sc-counter, .counter-box.style1 .counter-sufix, .counter-box.style1 .counter-prefix{ color:#582101; font-size:3.75em; font-weight:300; line-height:1; display: inline-block; vertical-align: middle; } .color-light .counter-box.style1 .sc-counter, .color-light .counter-box.style1 .counter-sufix, .color-light .counter-box.style1 .counter-prefix{ color:#fff; } .counter-box.style1 .counter-separator{ margin:15px 0 23px; height:10px; display:block; background:url(../img/sprites/border-unique.png) center top no-repeat; } .color-light .counter-box.style1 .counter-separator{ background-position:center bottom; } /* Counters Style 2 */ .counter-box.style2{ padding:65px 0 70px; } .counter-box.style2 .sc-counter, .counter-box.style2 .counter-sufix, .counter-box.style2 .counter-prefix{ font-size:2.625em; font-weight:300; line-height:1; display: inline-block; vertical-align: middle; } .color-light .counter-box.style2 h6{ color:#acb4b8; } .counter-box.style2 .counter-separator{ margin:18px 0 22px; height:10px; display:block; background:url(../img/sprites/border-unique.png) center bottom no-repeat; } /* Counters Style 3 */ .counter-box.style3{ padding:80px 0; } .counter-box.style3 .sc-counter, .counter-box.style3 .counter-sufix, .counter-box.style3 .counter-prefix{ font-size:5em; font-weight:300; line-height:1; color:#fff; display: inline-block; vertical-align: middle; } .counter-box.style3 .fa{ font-size:32px; color:#fff; display:block; margin-bottom:15px; } .counter-box.style3 .counter-separator{ margin:15px auto 20px; display:block; border-top:2px solid #fff; width:40px; } .counter-box.style3 h6{ color:#fff; } /* Counters Style 4 */ .counter-box.style4.align-left{ text-align: left; padding-left: 65px; } .counter-box.style4.align-right{ text-align: right; padding-right: 65px; } .counter-box.style4 .sc-counter, .counter-box.style4 .counter-sufix { font-size: 110px; font-weight: 800; line-height: 1; color: #582101; overflow: visible; display: inline-block; } .counter-box.style4 h6 { font-size: 14px; font-weight: 400; text-transform: uppercase; letter-spacing: 0.2em; margin-top: 5px; } .counter-box.style4 h4 { font-size: 36px; font-weight: 300; margin-top: 20px; margin-bottom: 0; } .counter-box.style4.align-right p { padding-left: 100px; } .counter-box.style4.align-left p { padding-right: 100px; } .counter-box.style4 .sc-counter.counter-animated { -webkit-animation: counterFadeIn 1.5s alternate both ease; -moz-animation: counterFadeIn 1.5s alternate both ease; -ms-animation: counterFadeIn 1.5s alternate both ease; animation: counterFadeIn 1.5s alternate both ease; } /* Circular Progressbar */ .circular-progressbar{ text-align:center; margin:40px 0; } .circular-progressbar h6{ font-size:18px; font-weight:600; margin-top: 25px; } .circular-progressbar-inner{ display:inline-block; position:relative; } .circular-progressbar .knob-percent{ position:absolute; left:0; right:0; top:50%; font-size:2.25em; line-height:1; font-weight:300; margin-top:-0.6em; } .circular-progressbar.big .knob-percent{ font-size:3em; margin-top:-0.6em; } /* Progressbar */ .progressbar{ margin:20px 0 25px; } .progressbar h6{ font-weight:700; margin:0 0 15px; } .progressbar-container{ height:38px; background:#f4f6fa; position:relative; } .progress-width{ position:relative; z-index:10; background:#4e58e5; height:38px; transition: opacity 1s .05s; -webkit-transition: opacity 1s .05s; -moz-transition: opacity 1s .05s; } .progress-width:before{ content: ''; display: inline-block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; opacity: 0.25; background:transparent url(../img/sprites/progress-pat.png) repeat; } html.js .progress-width{opacity:0;} html.js .progressbar-animated .progress-width{ opacity:1; } .progress-percent{ position:absolute; top:0; right:20px; bottom:0; z-index: 2; line-height:38px; white-space:nowrap; color:#fff; font-weight:700; } /* Image Frames */ .img-frame{ margin:30px 0; padding:8px; background:#fff; border:1px solid #dce3ef; position:relative; } .img-frame.style2:after{ content:''; z-index:-1; position:absolute; left:0; right:0; bottom:-4px; top:100%; background:#dce3ef; } .img-frame.style3:after{ content:''; z-index:-1; position:absolute; left:10px; right:10px; bottom:-8px; top:100%; background:#edf1f5; } .img-frame.style4:after{ content:''; z-index:-1; position:absolute; left:20%; right:20%; height:10px; margin-top:-15px; top:100%; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; box-shadow:0 0 25px 10px rgba(0,0,0,.8); -webkit-box-shadow:0 0 25px 10px rgba(0,0,0,.8); -moz-box-shadow:0 0 25px 10px rgba(0,0,0,.8); } /* Modals */ .modal-content{ border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; box-shadow:none; -webkit-box-shadow:none; } .modal-header{ padding:20px 55px; background:#f3f7fa; border:none; border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; } .modal-body{ padding:40px 0; margin:0 55px; } .modal-footer{ padding:40px 0; margin:0 55px; text-align:left; } @media(min-width:768px){.modal-dialog{width:700px;}} @media(min-width:992px){.modal-dialog{width:800px;}} @media(min-width:1200px){.modal-dialog{width:860px;}} /* Share Boxes */ .social-sharebox{ margin:40px auto; text-align:center; } .social-sharebox.style1{ display:table; width:auto; } .social-sharebox.style1>div{ display:table-cell; padding:15px; vertical-align:top; } .social-sharebox.style3{ padding:60px 30px; } .social-sharebox.style1 .share-total{ background:#dce3ef; white-space:nowrap; text-align:center; padding:15px 35px; border-radius:5px 0 0 5px; -webkit-border-radius:5px 0 0 5px; -moz-border-radius:5px 0 0 5px; } .share-total span{ display:block; text-transform: uppercase; line-height:1; color:#718097; } .share-total span.count{ font-size:2.25em; font-weight:700; margin-bottom:5px; color:#525f71; } .social-sharebox .share-buttons{ border:2px solid #dce3ef; border-radius:0 5px 5px 0; -webkit-border-radius:0 5px 5px 0; -moz-border-radius:0 5px 5px 0; padding:15px 0; } .share-button{ display:inline-block; background:#fff; color:#718097; width:63px; height:58px; border:2px solid #dce3ef; text-align:center; line-height:60px; margin:0 14px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; cursor:pointer; overflow: hidden; position: relative; transition:color .3s, background .3s, border .3s; -webkit-transition:color .3s, background .3s, border .3s; -moz-transition:color .3s, background .3s, border .3s; } .share-button:before{ content: ''; display: inline-block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 0; border-radius:3px; -webkit-transition: all 0.3s cubic-bezier(.36,.78,.72,.96); -moz-transition: all 0.3s cubic-bezier(.36,.78,.72,.96); transition: all 0.3s cubic-bezier(.36,.78,.72,.96); -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); } .share-button .fa{ font-size:26px; position: relative; z-index: 2; } .button.share-button{ line-height:1; width:auto; padding:20px 25px; margin:20px 8px; } .button.share-button .fa{ font-size:22px; margin-right:15px; } .share-button:hover{ border-color:transparent; color:#fff; opacity:1; } .share-button:hover:before{ -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .share-button.facebook:before{background:#385b9d;} .share-button.twitter:before{background:#23ace3;} .share-button.google-plus:before{background:#dd4c39;} .share-button.pinterest:before{background:#cc212a;} .share-button.linkedin:before{background:#177ab5;} .share-button.tumblr:before{background:#2f516c;} .share-button.reddit:before{background:#000000;} .share-button.email:before{background:#4ab54b;} .share-button.digg:before{background:#000000;} /* Audio Player Box */ .audio-player-box{ background:#582101; margin:40px 0; } .audio-player-box .featured-image img{ width:100%; } .track-info{ padding:40px; color:#fff; position:relative; background:#727dfd; } .track-info h3{ color:#fff; margin:0 0 10px; } /* Style 2 */ .audio-player-box.style2{ background:#ff7859; } .audio-player-box.style2 .track-info{ background:#ff9077; } /* Style 3 */ .audio-player-box.style3{ display:table; width:100%; background:#8d54f5; } .audio-player-box.style3 .track-info{ background:#b085ff; } .audio-player-box.style3>div{ display:table-cell; vertical-align:top; } .audio-player-box.style3>.featured-image{ width:33%; } /* Style 4 */ .audio-player-box.style4{ background:#212428; } .audio-player-box.style4 .track-info{ background:#181a1c; } /* Audio Player */ .audio-player{ display:table; width:100%; color:#fff; height:50px; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .audio-option{ display:table-cell; vertical-align:middle; width:1%; } .audio-option-timeline{ width:auto; } .audio-option-volume{ width:10%; padding:0 25px; min-width:90px; } .audio-play-button, .audio-volume-button{ background:transparent url(../img/sprites/audio-player.png) no-repeat; width:16px; height:16px; border:none; } .audio-play-button{ margin-left:25px; } .audio-play-button.audio-playing{ background-position:-48px 0; } .audio-volume-button{ background-position:-16px 0; } .audio-volume-button.volume-off{ background-position:-32px 0; } .audio-timeline, .audio-volume{ background:#ffffff; background:rgba(255,255,255,.2); position:relative; height:5px; border-radius:2.5px; -webkit-border-radius:2.5px; -moz-border-radius:2.5px; } .audio-timeline-played, .audio-volume-current{ position:absolute; top:0; left:0; bottom:0; width:0; background:#fff; border-radius:2.5px; -webkit-border-radius:2.5px; -moz-border-radius:2.5px; transition: width .3s; -webkit-transition: width .3s; -moz-transition: width .3s; } .audio-timeline-played .drag-knob, .audio-volume-current .drag-knob{ position:absolute; top:0; right:0; bottom:0; width:9px; height:9px; background:#fff; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; margin-top:-2px; margin-right:-2px; cursor:pointer; } .audio-option span{ font-size:.875em; margin:0 30px; display:block; } /* AudioJS Flash Fallback */ .audiojs .play-pause{ width:40px!important; border:none; } .audiojs .time{ border:none; } .audiojs{ width:100%; height:50px; display:table; padding-top:6px; background:#000; background-image:none; } .audiojs>div{ display:table-cell; width:auto; vertical-align:middle; } .audiojs .scrubber{ width:50%; background:#aaa; background-image:none; border:none; } .audiojs .progress{ background-image:none; background:#ccc; } .audiojs .loaded{ background-image:none; background:#fff; } /* Content Boxes */ .content-box{ text-align:center; margin:40px 0; } .content-box h6{ font-size:1.125em; font-weight:700; margin-bottom:20px; } /* Style 1 */ .content-box.style1 .icon{ display:inline-block; width:110px; height:110px; margin-bottom:25px; font-size:55px; position: relative; z-index: 2; border:2px solid #8f9fba; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -webkit-transition: all 0.4s cubic-bezier(.38,.91,.62,.99); -moz-transition: all 0.4s cubic-bezier(.38,.91,.62,.99); transition: all 0.4s cubic-bezier(.38,.91,.62,.99); } .content-box.style1 .icon:before, .content-box.style1 .icon:after{ content: ''; display: inline-block; width: 102%; height: 102%; position: absolute; top: -1%; left: -1%; opacity: 0; z-index: 0; border: 1px solid #582101; border-radius: 50em; -webkit-transition: all 0.3s cubic-bezier(.38,.91,.62,.99); -moz-transition: all 0.3s cubic-bezier(.38,.91,.62,.99); transition: all 0.3s cubic-bezier(.38,.91,.62,.99); } .content-box.style1 .icon:after{ border: none; opacity: 1; background-color: #582101 !important; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .content-box.style1 .icon img{ position: relative; top: -3px; z-index: 3; } .content-box.style1 .icon i{ line-height:110px; position: relative; z-index: 3; } .content-box.style1.active .icon, .content-box.style1:hover .icon{ background: transparent; border-color:transparent; color:#fff; -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); } .content-box.style1:hover .icon:before{ border-color: transparent !important; border-width: 1px; -webkit-transform: scale(1.35); -moz-transform: scale(1.35); -ms-transform: scale(1.35); transform: scale(1.35); opacity: 1; -webkit-transition: -webkit-transform 0.4s 0.3s cubic-bezier(.38,.91,.62,.99), border 0.3s 0.4s cubic-bezier(.38,.91,.62,.99); -moz-transition: -moz-transform 0.4s 0.3s cubic-bezier(.38,.91,.62,.99), border 0.3s 0.4s cubic-bezier(.38,.91,.62,.99); transition: transform 0.4s 0.3s cubic-bezier(.38,.91,.62,.99), border 0.3s 0.4s cubic-bezier(.38,.91,.62,.99); } .content-box.style1:hover .icon:after{ -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; } /* Style 2 */ .content-box.style2{ position:relative; padding-left:110px; text-align:left; margin: 110px 0; } .tab .content-box.style2{ margin: 50px 0; } .tab .content-box.style2:first-child{ margin: 20px 0 50px; } .content-box.style2 h6{ margin-bottom: 17px; } .content-box.style2 .icon{ position:absolute; left:0; top:0; width:70px; font-size:70px; line-height:1; color:#582101; text-align: right; border-radius: 50em; } /* Style 3 */ .content-box.style3 .icon{ margin-bottom:28px; } /* Style 4 */ .content-box.style4{ text-align:left; margin: 70px 0; } .content-box.style4 .icon{ float:left; font-size:20px; color:#582101; line-height:1.4; margin-right:15px; } .content-box.style4 .icon img{ position: relative; top: -5px; } /* Style 5 */ .content-boxes{ display:table; width:100%; table-layout:fixed; } .content-box.style5{ display:table-cell; vertical-align:top; } .content-box.style5 .icon{ margin-bottom:40px; } .content-box.style5 h6, .content-box.style5 p{ padding:0 20px; } .content-box.style5 + .content-box.style5{ border-left:1px solid #fefefe; } /* Style 6 */ .content-boxes-row{ display:table; table-layout:fixed; width: 100%; } .content-box.style6 + .content-box.style6{ border-left:1px solid #212a35; } .content-boxes-row + .content-boxes-row{ border-top:1px solid #212a35; } .content-box.style6{ display:table-cell; background:#2a3541; padding:50px; color:#fff; transition: background .3s; -webkit-transition: background .3s; -moz-transition: background .3s; } .content-box.style6 h6{ color:#fff; } .content-box.style6 .icon{ color:#7f89ff; font-size:75px; line-height:1; margin-bottom:30px; } .content-box.style6.active, .content-box.style6:hover{ background:#582101; } /* Style 7 */ .content-box.style7{ display:table; width:100%; text-align:left; } .content-box.style7 + .content-box.style7{ margin-top:60px; padding-top:90px; border-top:1px solid #dce3ef; } .content-box.style7>div{ display:table-cell; vertical-align:top; } .content-box.style7 h3, .content-box.style7 p{ margin:0; } .content-box.style7 .content-box-content{ padding:0px 140px 0 120px; } .content-box.style7 .content-box-heading{ width:12%; } .content-box.style7 .icon{ width:130px; text-align:center; } /* Style 8 */ .content-box.style8{ background:#fff; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; overflow:hidden; } .content-box.style8 .icon{ background:#582101; padding:25px; color:#fff; font-size:55px; margin-bottom:30px; line-height:1; } .content-box.style8 h6, .content-box.style8 p{ padding:0 30px; } .content-box.style8 .button{ margin-bottom:30px; padding: 7px 35px; } /* Style 9 */ .content-box.style9{ zoom:1; position:relative; z-index:2; opacity:.5; text-align:left; background:#fefeff; border: 1px solid #d9e1ec; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; box-shadow:0 1px 5px rgba(0,0,0,.1); -webkit-box-shadow:0 1px 5px rgba(0,0,0,.1); -moz-box-shadow:0 1px 5px rgba(0,0,0,.1); transition: opacity .3s; -webkit-transition: opacity .3s; -moz-transition: opacity .3s; } .content-box.style9:before, .content-box.style9:after{ content:''; top:100%; position:absolute; margin-top:2px; left:10px; right:10px; height:5px; background:#fff; border-radius:0 0 15px 15px; box-shadow:0 1px 5px rgba(0,0,0,.1); -webkit-box-shadow:0 1px 5px rgba(0,0,0,.1); -moz-box-shadow:0 1px 5px rgba(0,0,0,.1); z-index:-1; } .content-box.style9:before{ margin-top: 1px; } .content-box.style9:after{ margin-top:5px; left:18px; right:18px; background:#eaeff7; z-index:-2; } .content-box.style9:hover, .content-box.style9.active{ opacity:1; } .content-box.style9 h6 { margin: 2px 0 8px; } .content-box.style9 p{ margin-top: 0; font-size:.875em; color:#718097; } .content-box.style9 .box-header{ height:15px; background:#b2b7fc; box-shadow:inset 0 0 3px rgba(0,0,0,.4), inset 0 3px 1px 0 rgba(255,255,255,.3); -webkit-box-shadow:inset 0 0 3px rgba(0,0,0,.4), inset 0 3px 1px 0 rgba(255,255,255,.3); -moz-box-shadow:inset 0 0 3px rgba(0,0,0,.4), inset 0 3px 1px 0 rgba(255,255,255,.3); border-radius:10px 10px 0 0; -webkit-border-radius:10px 10px 0 0; -moz-border-radius:10px 10px 0 0; } .content-box.style9 .box-inner{ display:table; width:100%; margin:20px 0 12px; position: relative; z-index: 2; } .content-box.style9 .box-inner>div{ display:table-cell; vertical-align: middle; padding:0 25px; } .content-box.style9 .box-inner .box-content{ padding-right:10px; } .content-box.style9 .icon{ width:140px; } .content-box.style9 .icon img{ width:100%; } /* Style 10 */ .content-box.style10{ border:10px solid #fff; padding:40px 60px; text-align:center; } .content-box.style10 h1, .content-box.style10 h3 { color: #fff; } .content-box.style10 .button{ margin-right: 10px; margin-left: 10px; } /* Style 11 */ .content-box.style11{ position:relative; padding-left:80px; text-align:left; } .content-box.style11 .icon { position:absolute; left:0; top:0; width:60px; height:60px; color:#582101; text-align:center; border-radius: 50em; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } .content-box.style11 .icon:before, .content-box.style11 .icon:after { content: ''; display: inline-block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; border:1px solid #582101; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .content-box.style11 .icon:after { width: 110%; height: 110%; top: -5%; left: -5%; border-width: 4px; opacity: 0; -webkit-transform: scale(0.9); -moz-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); } .content-box.style11 .icon img, .content-box.style11 .icon i{ font-size:30px; line-height:60px; } .content-box.style11 .icon img { position: relative; top: 14px; } .content-box.style11 .icon i{ display: inline-block; width: 100%; height: 100%; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; } .content-box.style11.on-right{ padding-left:0; padding-right:80px; text-align:right; } .content-box.style11.on-right .icon{ left:auto; right:0; } .content-box.style11:hover .icon:before { -webkit-transform: scale(0.9); -moz-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); } .content-box.style11:hover .icon:after { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; } /* Promo Boxes */ .promo-box{ margin:40px 0; background-position:center center; background-repeat:repeat; background-size:100% auto } .promo-box-inner{ padding: 55px 70px; } .promo-box.no-side-padding .promo-box-inner { padding-left: 0; padding-right: 0; } .promo-box.small .promo-box-inner{ padding:40px; } .promo-box.full-width{ margin-top:0; margin-bottom:0; } .promo-box-actions .button{ margin:0; } .promo-box h2{ margin:0; } /* Style 1 */ .promo-box.style1 .promo-box-inner{ display:table; width:100%; color:#fff; } .promo-box.style1 .promo-box-inner>div{ display:table-cell; vertical-align:middle; } .promo-box.style1 h1, .promo-box.style1 h2, .promo-box.style1 h3, .promo-box.style1 h4, .promo-box.style1 h5, .promo-box.style1 h6{ color:#fff; } .promo-box.style1 p{ margin: 10px 0 7px; } .promo-box.style1 .promo-box-actions{ text-align:right; padding-left:40px; } /* Style 2 */ .promo-box-container { display: block; position: relative; z-index: 2; } .promo-box.style2 { -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } .promo-box.style2 .promo-box-inner{ padding:70px 80px 80px; text-align:center; color:#fff; } .promo-box.style2 h1, .promo-box.style2 h2, .promo-box.style2 h3, .promo-box.style2 h4, .promo-box.style2 h5, .promo-box.style2 h6{ color:#fff; } .promo-box.style2 h2 { font-size: 42px; line-height: 60px; } .promo-box.style2 h5 { margin-bottom: 50px; margin-top: 10px; } /* Style 3 */ .promo-box.style3 p{ font-size:1.125em; font-weight:300; } .promo-box.style3 .promo-box-inner{ padding:35px 40px 43px; color:#fff; } .promo-box.style3 .promo-box-content p{ line-height: 36px; margin-top: 12px; } .promo-box.style3 .promo-box-actions{ text-align:right; margin-top:30px; } .promo-box.style3 h1, .promo-box.style3 h2, .promo-box.style3 h3, .promo-box.style3 h4, .promo-box.style3 h5, .promo-box.style3 h6{ color:#fff; } /* Style 4 */ .promo-box.style4 { position: relative; } .promo-box.style4 .promo-box-inner{ border:2px solid #dce3ef; padding:25px; } .promo-box.style4 .promo-box-content{ position:relative; padding-left:60px; } .promo-box.style4 h6{ margin:0; font-weight:700; } .promo-box.style4 p{ margin-top:10px; margin-bottom:0; } .promo-box.style4 .icon{ position:absolute; left:0; top:0; font-size:30px; color:#582101; line-height:1; } .promo-box.style4:before, .promo-box.style4:after, .promo-box.style4 .promo-box-inner:before, .promo-box.style4 .promo-box-inner:after { content: ''; display: inline-block; position: absolute; background-color: #582101; -webkit-transition: all 0.5s cubic-bezier(.7,.01,.61,.89); -moz-transition: all 0.5s cubic-bezier(.7,.01,.61,.89); transition: all 0.5s cubic-bezier(.7,.01,.61,.89); } .promo-box.style4:before, .promo-box.style4 .promo-box-inner:before { height: 2px; width: 100%; -webkit-transform: scaleX(0); -moz-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); } .promo-box.style4:before { top: 0; left: 0; -webkit-transform-origin: right center; -moz-transform-origin: right center; -ms-transform-origin: right center; transform-origin: right center; } .promo-box.style4 .promo-box-inner:before { bottom: 0; left: 0; -webkit-transform-origin: left center; -moz-transform-origin: left center; -ms-transform-origin: left center; transform-origin: left center; } .promo-box.style4:after, .promo-box.style4 .promo-box-inner:after { height: 100%; width: 2px; -webkit-transform: scaleY(0); -moz-transform: scaleY(0); -ms-transform: scaleY(0); transform: scaleY(0); } .promo-box.style4:after { top: 0; right: 0; -webkit-transform-origin: center top; -moz-transform-origin: center top; -ms-transform-origin: center top; transform-origin: center top; } .promo-box.style4 .promo-box-inner:after { top: 0; left: 0; -webkit-transform-origin: center bottom; -moz-transform-origin: center bottom; -ms-transform-origin: center bottom; transform-origin: center bottom; } .promo-box.style4:hover:before, .promo-box.style4:hover:after, .promo-box.style4:hover .promo-box-inner:before, .promo-box.style4:hover .promo-box-inner:after { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } /* Style 5 */ .promo-box.style5 .promo-box-inner{ display:table; width:100%; padding:20px 0; } .promo-box.style5 .promo-box-inner>div{ display:table-cell; vertical-align:middle; } .promo-box.style5 .promo-box-actions{ text-align:right; padding-left:40px; } /* Style 9 */ .promo-box.style2.style2-alt h2 { font-size: 46px; line-height: 60px; font-family:'Proxima Nova', sans-serif; font-weight: bold; } /* SC Carousel */ .sc-carousel{ margin:0 -15px; } .sc-carousel.style2{ margin:0; position:relative; } .sc-carousel .carousel-header, .sc-carousel .owl-item{ padding:0 15px; } .sc-carousel.style2 .carousel-header, .sc-carousel.style2 .owl-item{ padding:0; } .sc-carousel .carousel-header{ overflow:hidden; margin-bottom:30px; } .sc-carousel.style2 .carousel-header{ margin:0; } .sc-carousel .carousel-title{ margin:0; line-height:40px; float:left; } .sc-carousel .carousel-nav{ float:right; } .sc-carousel .carousel-nav a{ text-indent:-9999px; width:40px; height:40px; border:2px solid #dce3ef; background:url(../img/sprites/carousel-arrows.png) -2px -2px no-repeat; display:inline-block; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; } .sc-carousel .carousel-nav a + a{ margin-left:4px; } .sc-carousel.style2 .carousel-nav a{ position:absolute; top:50%; margin-top:-20px; left:30px; z-index:100; background:url(../img/sprites/carousel-arrows2.png) 0 0 no-repeat; border:none; opacity:.4; } .sc-carousel.style2 .carousel-nav a + a{ left:auto; right:30px; } .sc-carousel .carousel-nav a:hover{border-color:#582101;} .sc-carousel .carousel-nav .carousel-next{background-position:-42px -2px;} .sc-carousel .carousel-nav a.carousel-prev:hover{background-position:-2px -42px;} .sc-carousel .carousel-nav a.carousel-next:hover{background-position:-42px -42px;} .sc-carousel.style2 .carousel-nav .carousel-next{background-position:-40px 0;} .sc-carousel.style2 .carousel-nav a.carousel-prev:hover{background-position:0 0; opacity: 1;} .sc-carousel.style2 .carousel-nav a.carousel-next:hover{background-position:-40px 0; opacity: 1;} /* SC Google Map */ .sc-google-map{ height:500px; } /* SC Play Box */ .play-box{ position:relative; text-align:center; margin:80px 0 20px; padding:80px 40px 40px; border:8px solid #fff; border-top:0; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; } .play-box>header{ position:absolute; left:0; top:-60.5px; display:table; width:100%; } .play-box>header>span{ display:table-cell; vertical-align:bottom; } .play-box>header>span.button-cell{ width:1%; padding:0 40px; } .play-box span.line{ display:block; border-top:8px solid #fff; margin-top:-60.5px; border-radius:5px 0 0 5px; -webkit-border-radius:5px 0 0 5px; -moz-border-radius:5px 0 0 5px; } .play-box span:first-child>span.line{ border-radius:0 5px 5px 0; -webkit-border-radius:0 5px 5px 0; -moz-border-radius:0 5px 5px 0; } .button-play{ display:inline-block; width:121px; height:121px; background:url(../img/sprites/video-play.png) no-repeat; text-indent:-9999px; transition: opacity .3s, transform .3s; -webkit-transition: opacity .3s, -webkit-transform .3s; -moz-transition: opacity .3s, -moz-transform .3s; } .button-play:hover{ opacity:.7; transform:scale(1.05); -webkit-transform:scale(1.05); -moz-transform:scale(1.05); -ms-transform:scale(1.05); -o-transform:scale(1.05); } .play-box p{ font-weight:300; } /* SC Link Boxes */ .link-boxes{ background:#e2e8f2; position:relative; z-index:1; border-top:1px solid #d1dae8; } .link-boxes:before{ content:''; position:absolute; top:0; right:0; bottom:0; width:50%; background:#e8edf5; z-index:-1; } .link-boxes .container, .link-boxes .row, .link-boxes .link-box{ position:static; } .link-box{ text-align:center; padding:100px 0 100px 0; } .link-box:first-child{ padding-right:60px; } .link-box + .link-box{ padding:100px 0 100px 60px; border-left:1px solid #d1dae8; background:#e8edf5; } .link-box .spaced{ text-transform: uppercase; color:#718097; font-size:.875em; font-weight:400; letter-spacing: 3px; } .link-box .title{ display:block; margin:35px 0; padding:40px; border:8px solid #fff; color:#525f71; font-weight:800; font-size:2.25em; } .link-box p{ padding:0 50px; } /* SC Team Members & SC Team Member */ .team-members{ margin:40px 0; zoom:1; } .team-members:after, .team-members:before{ content:''; display:table; } .team-members:after{ clear:both; } .team-member{ padding:0; position:relative; overflow:hidden; perspective:500px; -webkit-perspective:500px; } .team-member .featured-image{ position:relative; } .team-member-inner{ position:relative; } .team-member img{ width:100%; height: auto; } .team-member span.name{ font-size:1.125em; color:#fff; font-weight:700; display:block; } .team-member span.position{ color:#fff; font-size:.8125em; display:block; } .team-member p{ color:#fff; max-width:350px; display:inline-block; } .team-member .separator{ display:block; position:relative; margin:25px 0; } .team-member .separator:before{ content:''; position:absolute; left:50%; top:0; width:24px; margin-left:-12px; border-top:2px solid #fff; } .team-member .social-media{ list-style:none; margin:40px 0 0; padding:0; overflow: hidden; } .team-member .social-media li{ display:inline-block; } .team-member .social-media li + li{ margin:0 0 0 5px; } .team-member .social-media a{ font-size:20px; width:36px; height:36px; display:block; color:#fff; text-align:center; line-height:34px; border:2px solid transparent; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; } .team-member .social-media a:hover{ border-color:#fff; } .team-member-info{ background:#2d3742; background:rgba(45,55,66,.75); padding:20px; text-align: center; position:absolute; left:0; right:0; bottom:0; transform-origin:50% 100% 0; -webkit-transform-origin:50% 100% 0; -moz-transform-origin:50% 100% 0; -ms-transform-origin:50% 100% 0; -o-transform-origin:50% 100% 0; transition: opacity .4s, transform .4s, background .3s; -webkit-transition: opacity .4s, -webkit-transform .4s, background .3s; -moz-transition: opacity .4s, -moz-transform .4s, background .3s; } .team-member-hover{ background:#582101; background:rgba(95, 54, 140,.8); position:absolute; top:0; left:0; bottom:0; right:0; z-index:5; visibility:hidden; opacity:0; transform-origin:50% 0 0; -webkit-transform-origin:50% 0 0; -moz-transform-origin:50% 0 0; -ms-transform-origin:50% 0 0; -o-transform-origin:50% 0 0; transform:rotateX(-90deg); -webkit-transform:rotateX(-90deg); -moz-transform:rotateX(-90deg); -ms-transform:rotateX(-90deg); -o-transform:rotateX(-90deg); transition: opacity .4s, transform .4s, visibility .4s; -webkit-transition: opacity .4s, -webkit-transform .4s, visibility .4s; -moz-transition: opacity .4s, -moz-transform .4s, visibility .4s; transition-delay:.2s .2s .4s; -webkit-transition-delay:.2s .2s .4s; -moz-transition-delay:.2s .2s .4s; } .hover-turquoise .team-member-hover{ background: rgba(65, 212, 214, 0.8); } .team-member:hover .team-member-hover{ opacity:1; visibility:visible; transform:rotateX(0); -webkit-transform:rotateX(0); -moz-transform:rotateX(0); -ms-transform:rotateX(0); -o-transform:rotateX(0); } .team-member:hover .team-member-info{ opacity:0; transform:translateY(100%); -webkit-transform:translateY(100%); -moz-transform:translateY(100%); -ms-transform:translateY(100%); -o-transform:translateY(100%); } .team-member-hover>div{ display:table; width:100%; height:100%; text-align:center; } .team-member-hover>div>div{ display:table-cell; vertical-align:middle; padding:40px; } /* Team Member Style 2 */ .team-member.style2 { overflow:visible; padding-bottom:100px; } .team-member.style2 .social-media{ margin:0; } .team-member.style2 .team-member-hover>div>div{ padding:0; } .team-member.style2:hover .team-member-info{ opacity:1; background:#2d3742; } /* Team Member Style 3 */ .team-member.style3 .team-member-info{ position:static; background:#fff!important; transform:none!important; -webkit-transform:none!important; -moz-transform:none!important; -ms-transform:none!important; -o-transform:none!important; opacity:1!important; text-align:left; padding:40px 0 0; } .team-member.style3 .social-media{ margin:0; } .team-member.style3 span.name{color:#525f71;} .team-member.style3 span.position{color:#a4b0c1;} .team-member.style3 p{color:#718097;} .team-member.style3 .separator:before{border-color:#d1dae8; left:0; margin:0;} /* SC Slider Gallery */ .slider-gallery{ overflow:hidden; margin:40px 0; } .slider-gallery>div{ float:left; width:50%; } .slider-gallery .slider-thumbs ul{ list-style:none; margin:0; padding:0; overflow:hidden; } .slider-gallery .slider-thumbs li{ float:left; margin:0; overflow:hidden; width:50%; position:relative; } .slider-gallery .thumb-hover{ position:absolute; top:0; left:0; right:0; bottom:0; background:#582101; background:rgba(95, 54, 140,.8); text-align:center; visibility:hidden; opacity:0; transform: translateY(-100%); -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); -webkit-transition: -webkit-transform .3s, opacity .3s, visibility 0s; -moz-transition: -moz-transform .3s, opacity .3s, visibility 0s; transition: transform .3s, opacity .3s, visibility 0s; transition-delay:0s, 0s, .3s; -webkit-transition-delay:0s, 0s, .3s; -moz-transition-delay:0s, 0s, .3s; } .slider-gallery .slider-thumbs li:hover .thumb-hover{ opacity:1; visibility:visible; -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); -webkit-transition-delay:0s, 0s, 0s; -moz-transition-delay:0s, 0s, 0s; transition-delay:0s, 0s, 0s; } .slider-gallery .thumb-hover .portfolio-hover-button{ position:absolute; top:50%; left:50%; margin:-35px 0 0 -35px; opacity:1; -webkit-transform:translateY(0); -moz-transform:translateY(0); -ms-transform:translateY(0); -o-transform:translateY(0); transform:translateY(0); } .slider-gallery .thumb-hover .portfolio-hover-button:hover{ opacity:.7; color: transparent; } /* SC Posts Slider */ .posts-slider{ margin:0; } .posts-slider .flex-direction-nav a{ width:42px; height:42px; background:url(../img/sprites/gallery-arrows.png) no-repeat; margin:18px 0 0; } .posts-slider .flex-direction-nav a:before{ content:none; } .posts-slider .flex-direction-nav .flex-prev { top:50%; left:30px; opacity:.6; margin-top:-21px; } .posts-slider .flex-direction-nav .flex-next { top:50%; right: 30px; opacity:.6; margin-top:-21px; background-position:-42px 0; } .posts-slider .flex-direction-nav a:hover{opacity:1!important;} .posts-slider .flex-control-nav{bottom:0;} .posts-slider .flex-control-nav li:before{content:none;} .posts-slider .flex-control-nav a{ -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; box-shadow: none; border:3px solid #fff; background:transparent; opacity:.6; transition: background .3s, border .3s, opacity .3s; -webkit-transition: background .3s, border .3s, opacity .3s; -moz-transition: background .3s, border .3s, opacity .3s; } .posts-slider .flex-control-nav a:hover{ background:inherit; opacity:1; } .posts-slider .flex-control-nav a.flex-active{ background:#fff; opacity:1; } /* Blog Posts Featured */ .blog-post.style-featured{ margin-bottom:30px; position:relative; } .blog-post.style-featured .post-content{ background:#2d3741; background:rgba(45,55,65,.8); padding:30px; position:absolute; bottom:0; left:0; right:0; } .blog-post.style-featured.with-no-featured-image .post-content{ position: relative; top: auto; left: auto; right: auto; } .blog-post.style-featured .post-title, .blog-post.style-featured p, .blog-post.style-featured a, .blog-post.style-featured .post-meta li, .blog-post.style-featured .post-meta li a{ color:#fff; margin:0; } .blog-post.style-featured .post-meta li + li:before{ width:3px; height:3px; } .blog-post.style-featured .post-meta li a:hover, .blog-post.style-featured .post-title a:hover{ color:#582101; } .blog-post.style-featured .post-title{ font-weight:300; font-size:1.5em; margin-top:15px; } .blog-post.style-featured .post-title + p{ margin-top:15px; } .sc-blog-post .post-featured-image img{width:100%; height: auto; } /* SC Blog Posts Medium Alt */ .sc-blog-post.blog-post-medium.style-alt .post-title{ font-size:1.875em; line-height:1.5; margin:25px 0; } .sc-blog-post.blog-post-medium.style-alt .post-featured-image{ width:40%; } .sc-blog-post.blog-post-medium.style-alt + .sc-blog-post.blog-post-medium.style-alt{ margin-top:50px; padding-top:50px; border-top:1px solid #ccd8e6; } .sc-blog-post.blog-post-medium .post-side .button.read-more{ margin-bottom:0; border: 2px solid #8a9fb9; background: transparent; color: #8a9fb9; text-shadow: none; position: relative; overflow: hidden; } .post-side .button.read-more:before{ content: attr(data-text); display: inline-block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 2; padding: 10px 28px; background: #8a9fb9 !important; color: #ffffff; overflow: hidden; border-radius: 0; -webkit-transition: all 0.15s ease; -moz-transition: all 0.15s ease; transition: all 0.15s ease; -webkit-transform: translateY(-100%) rotateZ(0); -ms-transform: translateY(-100%) rotateZ(0); transform: translateY(-100%) rotateZ(0); } .post-side .button.read-more:hover:before{ -webkit-transform: translateY(0) rotateZ(0); -ms-transform: translateY(0) rotateZ(0); transform: translateY(0) rotateZ(0); } .blog-post.blog-post-medium.style-alt .post-side .button.read-more:before{ padding: 10px; } /* SC Blog Post Style List */ .sc-blog-post.style-list .blog-post-inner{ display:table; width:100%:; } .sc-blog-post.style-list + .sc-blog-post.style-list, .sc-blog-post.blog-post-standard + .sc-blog-post.style-list{ margin-top:27px; padding-top:27px; border-top:1px solid #ccd8e6; } .sc-blog-post.blog-post-standard ~ .sc-blog-post.style-list:last-child{ border-bottom:1px solid #ccd8e6; padding-bottom:20px; } .sc-blog-post.style-list .blog-post-inner .post-featured-image{ display:table-cell; width:90px; vertical-align: top; } .sc-blog-post.style-list .blog-post-inner .post-content{ padding-left:20px; display:table-cell; vertical-align: top; } .sc-blog-post.style-list .blog-post-inner .post-title{ margin:0 0 10px; font-size:1em; line-height: 1.6; font-weight:400; } .sc-blog-post.style-list .blog-post-inner .post-title a{ color:#525f71; } .sc-blog-post.style-list .blog-post-inner .post-title a:hover{ color:#582101; } /* SC Blog Post Medium */ .sc-blog-post.blog-post-medium .post-featured-image{ width:170px; } .sc-blog-post.blog-post-medium .post-title{ font-size:1.5em; } .sc-blog-post.blog-post-medium + .sc-blog-post.blog-post-medium{ border-top:none; margin-top:50px; padding-top:0; } /* SC Blog Post Standard */ .sc-blog-post.blog-post-standard .post-title{ margin-top: 20px; font-size:1.875em; } .sc-blog-post.blog-post-standard.style-normal .post-title{ font-size:1.5em; } /* SC Blog Post Style Squared */ .blog-posts-squared .posts-row{ display:table; width:100%; table-layout: fixed; } .blog-posts-squared .posts-row>.blog-post{ display: table-cell; vertical-align: top; padding-bottom:50px; } .blog-posts-squared .posts-row>.blog-post:first-child{ padding-right:90px; } .blog-posts-squared .posts-row>.blog-post + .blog-post{ border-left:1px solid #dce3ef; padding-left:90px; } .blog-posts-squared .posts-row + .posts-row{ border-top:1px solid #dce3ef; } .blog-posts-squared .posts-row + .posts-row .blog-post{ padding-top:50px; } .blog-posts-squared .posts-row:last-child .blog-post{ padding-bottom:0; } .sc-blog-post.style-squared .blog-post-inner{ display:table; width:100%; } .sc-blog-post.style-squared .blog-post-inner .post-featured-image{ display:table-cell; vertical-align: top; width:130px; } .sc-blog-post.style-squared .blog-post-inner .post-content{ display:table-cell; padding-left:30px; vertical-align: top; text-align:left; } .sc-blog-post.style-squared .blog-post-inner .post-header .button{ margin-top: 20px; border: 2px solid #8a9fb9; background: transparent; color: #8a9fb9; text-shadow: none; position: relative; overflow: hidden; } .sc-blog-post.style-squared .blog-post-inner .post-header .button:before{ content: attr(data-text); display: inline-block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 2; padding: 10px 28px; background: #8a9fb9 !important; color: #ffffff; overflow: hidden; border-radius: 0; -webkit-transition: all 0.15s ease; -moz-transition: all 0.15s ease; transition: all 0.15s ease; -webkit-transform: translateY(-100%) rotateZ(0); -ms-transform: translateY(-100%) rotateZ(0); transform: translateY(-100%) rotateZ(0); } .sc-blog-post.style-squared .blog-post-inner .post-header .button:hover:before{ -webkit-transform: translateY(0) rotateZ(0); -ms-transform: translateY(0) rotateZ(0); transform: translateY(0) rotateZ(0); } .sc-blog-post.style-squared .blog-post-inner .post-content .post-title{ font-size:1.5em; line-height:1.5; margin-bottom: 0.5em; } .sc-blog-post.style-squared .blog-post-inner .post-content>p{ margin-bottom:0; } .sc-blog-post.style-squared .post-title a{ color:#525f71; } .sc-blog-post.style-squared .post-title a:hover, .color-light .sc-blog-post.style-squared .post-title a:hover{ color:#582101; } .sc-blog-post.style-squared + .sc-blog-post.style-squared{ margin-top:60px; } .color-light .sc-blog-post.style-squared .post-title a, .color-light .sc-blog-post.style-squared a{ color:#fff; } .style-turquoise.sc-blog-post.style-squared .post-title a:hover, .style-turquoise.sc-blog-post.style-squared a{ color:#41d4d6; } /* SC Blog Post Style Trending */ .sc-blog-post.style-trending .post-featured-image{ margin-bottom: 20px; } .sc-blog-post.style-trending.top-border, .sc-blog-post.style-trending + .sc-blog-post.style-trending{ margin-top:20px; padding-top:20px; border-top: 1px solid #dce3ef; } .sc-blog-post.style-trending .post-title{ line-height:1.5; margin:20px 0 0; font-weight:400; } .sc-blog-post.style-trending .post-title a{ color:#525f71; } .sc-blog-post.style-trending .post-title a:hover{ color:#582101; } .row-trending .style2-trending.post .sc-blog-post.blog-post.style-trending.style-list:last-child { padding-bottom: 20px; border-bottom: 1px solid #dce3ef; } /* SC Inline Content */ .inline-content{ display:table; table-layout: fixed; width:100%; } .inline-content-item{ display:table-cell; vertical-align:middle; } /* SC Recent Projects */ .sc-isotope{ -webkit-transition: height .4s; -o-transition: height .4s; transition: height .4s; } .sc-recent-projects .isotope-masonry>div{ padding:0; margin:0; } .sc-recent-projects .isotope-masonry.style2{ margin-top:-30px; } .sc-recent-projects .isotope-masonry.style2>div{ padding:0 15px; margin:30px 0 0; } .sc-recent-projects .portfolio-item-grid{ margin-bottom:30px; } .owl-item .portfolio-item-grid{ margin-bottom:0; } .sc-recent-projects .isotope-masonry .portfolio-item-grid{ margin-bottom:0; } .sc-recent-projects .portfolio-item-2column{ margin-bottom:52px; } .portfolio-item-2column .portfolio-title { margin: 25px 0 4px; } /* SC Process Box */ .sc-process-box{ position:relative; z-index:1; } .sc-process-box:before{ content:''; border-right:1px solid #dce3ef; position:absolute; top:0; left:50%; bottom:0; z-index:-1; } .process-item{ display:table; width:100%; table-layout:fixed; } .process-item + .process-item{ margin-top:40px; } .process-item>div{ display:table-cell; text-align:center; vertical-align: top; padding:0 20px; } .process-item .content-inner{ display:inline-block; text-align:right; } .process-item.style-right .content-inner{ text-align:left; } .process-item .icon-inner{ width:160px; height:160px; background:#582101; color:#fff; display:inline-block; line-height:160px; font-size:60px; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; } .process-item .icon-inner img{ margin-top: -10px; } .process-item .line-inner{ height:125px; width:125px; display:inline-block; margin-top:80px; border-color:#dce3ef; background:url(../img/sprites/); } .process-item.style-left .line{ text-align:left; } .process-item.style-left .line-inner{ border-width:5px 5px 0 0; border-style:solid; border-radius:0 35px 0 0; } .process-item.style-right .line{ text-align:right; } .process-item.style-right .line-inner{ border-width:5px 0 0 5px; border-style:solid; border-radius:35px 0 0 0; } .process-item.last .line .line-inner, .process-item:last-child .line .line-inner{ display:none; } /* Client Logo */ .client-logo:before, .client-logo:after { content: ''; display: table; } .client-logo:after { clear: both; } .client-logo .image-client-block { width: 16.666%; float: left; position: relative; } .client-logo .image-client-block .image-tooltip { display: inline-block; padding: 7px 15px; background: #ffffff; color: #212a35; font-size: 14px; font-weight: 600; border-radius: 2px; position: absolute; top: -100%; left: 50%; z-index: 2; opacity: 0; visibility: hidden; -webkit-transition: all 0.5s cubic-bezier(.37,.84,.33,.93); -moz-transition: all 0.5s cubic-bezier(.37,.84,.33,.93); transition: all 0.5s cubic-bezier(.37,.84,.33,.93); -webkit-transform: translateX(-50%) translateY(30px) translateZ(0); -ms-transform: translateX(-50%) translateY(30px) translateZ(0); transform: translateX(-50%) translateY(30px) translateZ(0); } .client-logo .image-client-block .image-tooltip:after { content: ''; display: inline-block; width: 0; height: 0; position: absolute; bottom: -12px; left: 50%; margin-left: -6px; border-top: 6px solid #ffffff; border-right: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 6px solid transparent; } .client-logo .image-client-block img { -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; transition: all 0.4s ease; } .client-logo .image-client-block.hvr-on img { -webkit-transform: scale(1) translateZ(0); -ms-transform: scale(1) translateZ(0); transform: scale(1) translateZ(0); } .client-logo .image-client-block.hvr-on:hover img { -webkit-transform: scale(1.1) translateZ(0); -ms-transform: scale(1.1) translateZ(0); transform: scale(1.1) translateZ(0); } .client-logo .image-client-block.hvr-on:hover .image-tooltip { opacity: 1; visibility: visible; -webkit-transform: translateX(-50%) translateY(0) translateZ(0); -ms-transform: translateX(-50%) translateY(0) translateZ(0); transform: translateX(-50%) translateY(0) translateZ(0); } /* Shop Promo Box */ .shop-box{ background:#000; padding:20px; color:#fff; position: relative; overflow: hidden; } .shop-box + .shop-box{ margin-top:30px; } .shop-box h1.big{ line-height:1; margin:25px 0 20px; font-size:6em; letter-spacing:5px; } .shop-box h2.big{ margin:10px 0; line-height:1; font-size:2.8em; } .shop-box-inner{ border:2px solid #fff; padding:25px; font-family:'Proxima Nova', sans-serif; position: relative; z-index: 2; } .shop-box > img { position: absolute; top: 0; left: 0; z-index: 0; } .shop-box-inner-box{ border:10px solid #fff; padding:20px; } .wings-title{ margin:20px -20px; } .wings-title.style2{ margin:20px 0; } .wings-title>div{ display:table; width:100% } .wings-title>div>div{ display:table-cell; vertical-align:middle; } .wings-title .wing{ display:block; height:10px; background:#fff; } .wings-title.style2 .wing{ background:none; border-top:3px solid #fff; border-bottom:3px solid #fff; } .wings-title .title{ width:1%; padding:0 20px; white-space: nowrap; } .wings-title .title *{ margin:0; } /* Sticky Element */ .sticky-element-active{ position:fixed; top:0; left:0; right:0; z-index:9000; } /* Section Nav */ .section-nav{ background:#f1f4f7; text-align:center; } .section-id-tag{ position:relative; top:-100px; } .section-nav ul{ list-style:none; display:block; margin:0 auto; padding:0; } .section-nav ul li{ display:inline-block; margin:0; } .section-nav ul li a{ display:block; padding:25px 35px; font-size:13px; text-transform:uppercase; font-family:"Proxima Nova", sans-serif; font-weight:700; color:#525f71; position:relative; text-decoration:none; } .section-nav ul li.active a:before{ content:''; position:absolute; bottom:0; left:50%; margin-left:-10px; border-left:10px solid transparent; border-right:10px solid transparent; border-bottom:10px solid #fff; } .section-nav ul li a .fa{ font-size:30px; font-weight:400; display:block; margin-bottom:10px; } /* Tables */ table { border: 1px solid #dce3ef; } table thead { background: #8a9fb9; color: white; } table th, table td { font-weight: 400; padding: 10px 20px; } table tbody th { background: #f5f6fa; color: #718097; } table tbody th, table tbody td { border-right: 1px solid #dce3ef; border-bottom: 1px solid #dce3ef; } /* WP Gallery */ .gallery { margin-right: -15px; margin-left: -15px; } .gallery-item { padding-right: 15px; padding-left: 15px; margin-bottom: 42px; } .gallery-item img { width: 100%; margin-bottom: 15px; } /* Media Elements JS */ .mejs-controls .mejs-button button { background: transparent url(../img/sprites/audio-player.png) no-repeat !important; } .mejs-controls .mejs-button.mejs-playpause-button { margin-left: 25px !important; } .mejs-container .mejs-controls, .mejs-container.mejs-audio { height: 50px !important; background: #582101 !important; } .mejs-container .mejs-controls > div { padding-top: 17px !important; } .mejs-container .mejs-controls .mejs-button.mejs-volume-button, .mejs-container .mejs-controls .mejs-button.mejs-playpause-button { padding-top: 10px !important; } .mejs-container .mejs-controls .mejs-button.mejs-volume-button { } .mejs-controls .mejs-pause button { background-position: -48px 0 !important; } .mejs-controls .mejs-unmute button { background-position: -32px 0 !important; } .mejs-controls .mejs-mute button { background-position: -16px 0 !important; } .mejs-container .mejs-controls .mejs-time { font-size: .875em !important; margin: 0 30px !important; display: block !important; padding-top: 20px !important; } .mejs-controls .mejs-time-rail a, .mejs-controls .mejs-time-rail span, .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total, .mejs-controls .mejs-time-rail .mejs-time-total, .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total { background: #ffffff !important; background: rgba(255,255,255,.2) !important; position: relative !important; height: 5px !important; border-radius: 2.5px !important; -webkit-border-radius: 2.5px !important; -moz-border-radius: 2.5px !important; } .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total, .mejs-controls .mejs-time-rail .mejs-time-total, .mejs-controls .mejs-time-rail span { position: absolute !important; } .mejs-controls .mejs-time-rail .mejs-time-current, .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current { background: #ffffff !important; height: 5px !important; border-radius: 2.5px !important; -webkit-border-radius: 2.5px !important; -moz-border-radius: 2.5px !important; } .mejs-controls .mejs-time-rail .mejs-time-float { display: none !important; } .mejs-controls a.mejs-horizontal-volume-slider { position: relative !important; display: block !important; height: 100% !important; margin-right: 25px !important; margin-left: 25px !important; width: 7% !important; } .mejs-controls a.mejs-horizontal-volume-slider > div { top: 50% !important; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .mejs-controls a.mejs-horizontal-volume-slider .mejs-horizontal-volume-total { width: 100% !important; } .mejs-horizontal-volume-handle, .mejs-controls .mejs-time-rail .mejs-time-handle { display: block !important; position: absolute !important; top: 50% !important; right: 0 !important; bottom: 0 !important; width: 9px !important; height: 9px !important; border-color: white !important; background: #fff !important; border-radius: 50% !important; -webkit-border-radius: 50% !important; -moz-border-radius: 50% !important; margin-top: -2px !important; margin-right: -2px !important; cursor: pointer !important; margin-top: 0px !important; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } /* Woocommerce Styles */ .woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register { border: none; padding: 0; } .woocommerce form.checkout_coupon input { margin-top: 0 !important; margin-bottom: 0 !important; } .woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea { padding: 14px; margin-top: 5px; } .woocommerce-checkout #payment { background: #f4f6fa; } .woocommerce-checkout #payment div.payment_box { background: #e3e7ef; } .woocommerce-checkout #payment div.payment_box:after { top: 0; border-bottom-color: #e3e7ef; } .woocommerce-share-item .social-sharebox { margin-top: 25px; margin-bottom: 85px; } .content-with-sidebar .woocommerce-share-item .social-sharebox { margin-bottom: 75px; } .woocommerce-share-item .share-buttons { border: none; } .woocommerce-share-item > h3 { margin-bottom: 0; font-size: 36px; } .woocommerce div.product div.images, .woocommerce div.product div.summary { margin-bottom: 63px; } .woocommerce-tabs { margin-bottom: 95px; } .product.product-category + .product:not(.product-category) { clear: left !important; } .upsells.products, .related.products { position: relative; overflow: hidden; background: #f5f6fa; padding-top: 65px; padding-bottom: 40px; } .content-with-sidebar .upsells.products, .content-with-sidebar .related.products { background: transparent; width: auto !important; margin-left: 0 !important; margin-right: 0 !important; padding-top: 50px; border-top: 1px solid #dce3ef; } .content-with-sidebar .upsells.products > .container, .content-with-sidebar .related.products > .container { width: auto; padding: 0; } .content-with-sidebar .upsells.products ul.products, .content-with-sidebar .related.products ul.products { padding-right: 0; padding-left: 0; } .content-with-sidebar .upsells.products ul.products li.product, .content-with-sidebar .related.products ul.products li.product { width: 33.33333333333333%; padding-right: 5px; padding-left: 5px; } .upsells.products h2, .related.products h2 { margin: 0 0 55px; } .upsells.products:after, .related.products:after { content:''; position:absolute; top:-5px; left:0; right:0; height:5px; box-shadow:0 0 10px rgba(0,0,0,.2); -webkit-box-shadow:0 0 10px rgba(0,0,0,.2); -moz-box-shadow:0 0 10px rgba(0,0,0,.2); } .content-with-sidebar .upsells.products:after, .content-with-sidebar .related.products:after { content: none; } .upsells.products + .related.products { padding-top: 0; } .upsells.products + .related.products:after { content: none; } .woocommerce.single #splendid-main-container .main-content { padding-bottom: 0; } .woocommerce table.shop_attributes td { padding-left: 15px; padding-right: 15px; } .cart_totals table { width: 100%; } .woocommerce-cart .cart-collaterals .cart_totals table td{ padding-left: 15px; padding-right: 15px; } .woocommerce .cart-collaterals .cross-sells ul.shop-meta li { width: auto; } .woocommerce .cart-collaterals .cross-sells ul.products ul.shop-meta li + li { margin-left: 4px; } .woocommerce .cart-collaterals { margin-top: 70px; } #ship-to-different-address label { font-size: 30px; margin: .5em 0 .8em; color: #525f71; font-weight: 300; line-height: 1.25; } .order-info mark { color: white; } .content-with-sidebar .summary .group_table .add-to-cart { padding: 16px 30px 15px; } .content-with-sidebar .summary .group_table .fs-number { padding: 0 43px; } .content-with-sidebar .summary .group_table .fs-number-arrow { width: 45px; } .content-with-sidebar .summary .group_table tr:before, .content-with-sidebar .summary .group_table tr:after { content: ''; display: table; } .content-with-sidebar .summary .group_table tr:after { clear: both; } .content-with-sidebar .summary .group_table, .content-with-sidebar .summary .group_table tbody, .content-with-sidebar .summary .group_table tr, .content-with-sidebar .summary .group_table td{ width: 100%; display: block; } .content-with-sidebar .summary .group_table tr { border-bottom: 1px solid #dce3ef; } .content-with-sidebar .summary .cart .group_table .add-to-cart { float: none; } .content-with-sidebar .summary .group_table .label, .content-with-sidebar .summary .group_table .price { width: 50%; float: left; } .woocommerce .summary .group_table .price { font-size: 16px; } .woocommerce .summary .group_table .quantity .fs-number { margin-bottom: 0; width: 154px; } .woocommerce .content-with-sidebar .summary .group_table .quantity .fs-number { width: 136px; } .woocommerce .summary .group_table .price ins { font-weight: 700; } .woocommerce .summary .group_table ~ .single_add_to_cart_button { margin-top: 40px; } .woocommerce div.product form.cart .group_table td { vertical-align: middle; } .woocommerce div.product form.cart table { width: 100%; } .woocommerce .summary .variations select { margin: 5px 0; } .woocommerce .summary .variations label { position: relative; top: 14px; } .woocommerce div.product form.cart .group_table td.label { padding-left: 0; padding-right: 0; } .sku_wrapper:after { content: '.'; } .woocommerce .widget_price_filter .ui-slider-horizontal { height: 10px; } .woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content { background-color: #dce3ef; margin-bottom: 2em; } .woocommerce .widget_price_filter .ui-slider .ui-slider-range { background-color: #582101; } .woocommerce .widget_price_filter .ui-slider .ui-slider-handle { background-color: white; border: 2px solid #582101; top: -3px; } .woocommerce .widget_price_filter .price_slider_amount .button { cursor: pointer; border-color: transparent; display: inline-block; color: white; background: #8a9fb9; text-decoration: none!important; padding: 9px 17px; margin: 0; text-transform: uppercase; white-space: nowrap; font-size: 15px; font-weight: 700; font-family: 'Proxima Nova', 'Open Sans', Arial, sans-serif; border-bottom: 1px solid rgba(0,0,0,.2); box-shadow: 0 1px 1px rgba(0,0,0,.21); border-radius: 4px; transition: opacity .3s ease, color 0.3s ease; -webkit-transition: opacity .3s ease, color 0.3s ease; -moz-transition: opacity .3s ease, color 0.3s ease; } .woocommerce .price_slider_amount .price_label { border: 2px solid #dce3ef; border-radius: 4px; float: right; line-height: 1.5; padding: 5px 15px; } .woocommerce .product .price > span { margin-right: 10px; float: none !important; } .woocommerce .product .price > span + span { margin-left: 10px; } .content-with-sidebar.sidebar-dual ul.products li.product { width: 50%; } .content-with-sidebar.sidebar-dual ul.products li.product .content, .content-with-sidebar.sidebar-dual ul.products li.product .shop-footer { padding-right: 8px; padding-left: 8px; } .content-with-sidebar.sidebar-dual ul.products li.product .shop-meta li + li, .content-with-sidebar.sidebar-dual.shop-meta li + li { margin-left: 5px; } .content-with-sidebar.sidebar-dual ul.products li.product .shop-meta li a.added_to_cart, .content-with-sidebar.sidebar-dual ul.products li.product .shop-meta li a.button, .content-with-sidebar.sidebar-dual ul.products li.product .shop-meta li a.btn, .content-with-sidebar.sidebar-dual .shop-meta li a.button, .content-with-sidebar.sidebar-dual .shop-meta li a.btn { width: 40px; height: 40px; } .content-with-sidebar.sidebar-dual ul.products li.product .shop-meta li .raty-rating, .content-with-sidebar.sidebar-dual .shop-meta li .raty-rating { height: 41px; padding-top: 2px; padding-bottom: 2px; } .content-with-sidebar.sidebar-dual ul.products li.product .shop-meta li a.add-to-cart, .content-with-sidebar.sidebar-dual .shop-meta li a.add-to-cart { background-position: -5px -5px; } .content-with-sidebar.sidebar-dual ul.products li.product .shop-meta li a.btn.details, .content-with-sidebar.sidebar-dual .shop-meta li a.btn.details { background-position: -55px -5px; } .content-with-sidebar.sidebar-dual ul.products li.product .shop-meta li a.added_to_cart { background-position: -105px 50%; } .formError .formErrorContent { background-color: #e84f40; } /* SATISH CSS CHANGES HERE */ .wpb_column.vc_column_container.no-padding { padding-left: 0; padding-right: 0; } .wpb_revslider_element.wpb_content_element { margin-bottom: 0; } .light-gradient-overlay{ background: #1ebed9; background: -moz-linear-gradient(-45deg, #1ebed9 0%, #7cdadf 100%); background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#1ebed9), color-stop(100%,#7cdadf)); background: -webkit-linear-gradient(-45deg, #1ebed9 0%,#7cdadf 100%); background: -o-linear-gradient(-45deg, #1ebed9 0%,#7cdadf 100%); background: -ms-linear-gradient(-45deg, #1ebed9 0%,#7cdadf 100%); background: linear-gradient(135deg, #1ebed9 0%,#7cdadf 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1ebed9', endColorstr='#7cdadf',GradientType=1 ); } .dark-gradient-overlay { background: #004357; background: -moz-linear-gradient(top, #004357 1%, #007f91 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#004357), color-stop(100%,#007f91)); background: -webkit-linear-gradient(top, #004357 1%,#007f91 100%); background: -o-linear-gradient(top, #004357 1%,#007f91 100%); background: -ms-linear-gradient(top, #004357 1%,#007f91 100%); background: linear-gradient(to bottom, #004357 1%,#007f91 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004357', endColorstr='#007f91',GradientType=0 ); } .ts-toggle-item { width: 100%; } .ts-sortable-isotope {margin-top: 30px;} .ts-toggle-item ul.accordions.toggles {margin: 0;} .ts-toggle-item + .ts-toggle-item {margin-top: 10px;} ul.media-list { margin: 0; } .modal.in .modal-dialog { z-index: 99999; } .sc-recent-projects .portfolio-content, .recent-projects.full-width { padding-top: 0 !important; padding-bottom: 0 !important; } .fullwidth-image { width: 100%; } p.wysija-paragraph {padding:0 !important;} .newsletter-wrapper.btn-light-blue .wysija-submit { background-color:#2eb9ea;} .blod-promo-inn { background:#161c43;} .blod-prmo-att { background-size:auto auto!important; background-repeat:no-repeat; } /******************************************** BACK TO TOP *********************************************/ .back-to-top { display: inline-block; width: 29px; height: 29px; font-size: 14px; line-height: 29px; position: fixed; bottom: 30px; right: 30px; z-index: 9999; text-align: center; color: #ffffff; background-color: rgba(0,0,0,0.25); border-radius: 50em; overflow: hidden; opacity: 0; visibility: hidden; -webkit-transition: all 0.3s cubic-bezier(.69,.11,.62,.91); -moz-transition: all 0.3s cubic-bezier(.69,.11,.62,.91); transition: all 0.3s cubic-bezier(.69,.11,.62,.91); -webkit-transform: translateY(150%); -moz-transform: translateY(150%); -ms-transform: translateY(150%); transform: translateY(150%); } .back-to-top:before { content: ''; display: inline-block; width: 100%; height: 100%; position: absolute; top: 50%; left: 50%; z-index: 0; background-color: #582101; -webkit-transition: all 0.2s cubic-bezier(.69,.11,.62,.91); -moz-transition: all 0.2s cubic-bezier(.69,.11,.62,.91); transition: all 0.2s cubic-bezier(.69,.11,.62,.91); border-radius: 50em; -webkit-transform: translateX(-50%) translateY(-50%) scale(0); -moz-transform: translateX(-50%) translateY(-50%) scale(0); -ms-transform: translateX(-50%) translateY(-50%) scale(0); transform: translateX(-50%) translateY(-50%) scale(0); } .back-to-top:after { content: "\f106"; font: normal normal normal 14px/1 FontAwesome; position: absolute; top: 50%; left: 50%; -webkit-transition: all 0.3s 0.1s cubic-bezier(.69,.11,.62,.91); -moz-transition: all 0.3s 0.1s cubic-bezier(.69,.11,.62,.91); transition: all 0.3s 0.1s cubic-bezier(.69,.11,.62,.91); -webkit-transform: translateX(-50%) translateY(100%); -moz-transform: translateX(-50%) translateY(100%); -ms-transform: translateX(-50%) translateY(100%); transform: translateX(-50%) translateY(100%); } .back-to-top i { position: relative; z-index: 2; -webkit-transition: all 0.2s 0.1s cubic-bezier(.69,.11,.62,.91); -moz-transition: all 0.2s 0.1s cubic-bezier(.69,.11,.62,.91); transition: all 0.2s 0.1s cubic-bezier(.69,.11,.62,.91); } .back-to-top:hover, .back-to-top:hover i { color: #ffffff !important; } .back-to-top:hover:before { -webkit-transform: translateX(-50%) translateY(-50%) scale(1); -moz-transform: translateX(-50%) translateY(-50%) scale(1); -ms-transform: translateX(-50%) translateY(-50%) scale(1); transform: translateX(-50%) translateY(-50%) scale(1); } .back-to-top:hover:after { -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } .back-to-top:hover i { -webkit-transform: translateY(-150%); -moz-transform: translateY(-150%); -ms-transform: translateY(-150%); transform: translateY(-150%); } .back-to-top.slideIn { opacity: 1; visibility: visible; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .formErrorContent { display: none !important; } /********************************************************************************************** ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: 12. Custom Border / Color / Backgrounds ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: ***********************************************************************************************/ /******************************************** 12-1. Border Colors *********************************************/ .br-color-white, .br-color-light{border-color:#fff;} .br-color-black{border-color:#212428!important;} .br-color-blue{border-color:#582101!important;} .br-color-dark-blue{border-color:#161c43!important;} .br-color-light-blue{border-color:#2eb9ea!important;} .br-color-turquoise-blue{border-color:#5fd0e4!important;} .br-color-gray{border-color:#bfcdde!important;} .br-color-dark-gray{border-color:#8a9fb9!important;} .br-color-periwinkle-gray{border-color:#e5eaf3!important;} .br-color-botticelli-gray{border-color:#e5eaf3!important;} .br-color-light-gray{border-color:#f9f9f9!important;} .br-color-silver{border-color:#c9c9c9!important;} .br-color-orange{border-color:#f3c72f!important;} .br-color-dark-orange{border-color:#ed9b4b!important;} .br-color-bittersweet{border-color:#ff7859!important;} .br-color-green{border-color:#85c94f!important;} .br-color-dark-green{border-color:#3ec8a7!important;} .br-color-turquoise{border-color:#41d4d6;} .br-color-purple{border-color:#9268e8!important;} .br-color-dark-purple{border-color:#603497!important;} .br-color-pink{border-color:#f06387!important;} .br-color-cranberry{border-color:#de5477!important;} .br-color-yellow{border-color:#ffff4a!important;} .br-color-red{border-color:#eb5848!important;} .br-color-mulberry{border-color:#c95b97!important;} .br-color-salmon{border-color:#f99376!important;} .br-color-pictonblue{border-color:#47b3dd!important;} /******************************************** 12-2. Backgrounds *********************************************/ .bg-white, .icon-bg-white li:before{background-color:#fff} .bg-black, .icon-bg-black li:before{background-color:#212428;} .bg-dark-black{background-color:#141617!important;} .bg-blue, .icon-bg-blue li:before,.wysija-submit-field.wysija-submit{background-color:#582101;} .bg-dark-blue, .icon-bg-dark-blue li:before, .header4 #main-header.bg-dark-blue {background-color:#161c43;} .bg-light-blue, .icon-bg-light-blue li:before{background-color:#2eb9ea;} .bg-turquoise-blue, .icon-bg-turquoise-blue li:before{background-color:#5fd0e4;} .bg-gray, .icon-bg-gray li:before{background-color:#bfcdde!important;} .bg-dark-gray, .icon-bg-dark-gray li:before{background-color:#8a9fb9;} .bg-periwinkle-gray, .icon-bg-periwinkle-gray li:before{background-color:#e5eaf3!important;} .bg-botticelli-gray, .icon-bg-botticelli-gray li:before{background-color:#d6deec!important;} .bg-light-gray, .icon-bg-light-gray li:before{background-color:#f9f9f9!important;} .bg-silver, .icon-bg-silver li:before{background-color:#c9c9c9!important;} .bg-orange, .icon-bg-light-orange li:before{background-color:#f3c72f!important;} .bg-dark-orange, .icon-bg-light-orange li:before{background-color:#ed9b4b!important;} .bg-bittersweet, .icon-bg-bittersweet li:before {background-color:#ff7859;} .bg-green, .icon-bg-green li:before{background-color:#85c94f;} .bg-dark-green, .icon-bg-dark-green li:before{background-color:#3ec8a7!important;} .bg-turquoise, .icon-bg-turquoise li:before{background-color:#41d4d6;} .bg-purple, .icon-bg-purple li:before{background-color:#9268e8!important;} .bg-dark-purple, .icon-bg-dark-purple li:before{background-color:#603497!important;} .bg-pink, .icon-bg-pink li:before{background-color:#f06387!important;} .bg-cranberry, .icon-bg-cranberry li:before{background-color:#de5477;} .bg-yellow, .icon-bg-yellow li:before{background-color:#ffff4a!important;} .bg-red, .icon-bg-red li:before{background-color:#eb5848!important;} .bg-mulberry, .icon-bg-mulberry li:before{background-color:#c95b97!important;} .bg-salmon, .icon-bg-salmon li:before{background-color:#f99376!important;} .bg-pictonblue, .icon-bg-pictonblue li:before{background-color:#47b3dd!important;} /******************************************** 12-3. Buttons Fill Backgrounds *********************************************/ .button:before{background: rgba(0, 0, 0, 0.15) !important;} .button.unfilled.bg-bittersweet:before,.button.unfilled.br-color-bittersweet:before{background-color:#ff7859 !important;} .button.unfilled.bg-black:before,.button.unfilled.br-color-black:before{background-color:#212428 !important;} .button.unfilled.bg-blue:before,.button.unfilled.br-color-blue:before{background-color:#582101 !important;} .button.unfilled.bg-botticelli-gray:before,.button.unfilled.br-color-botticelli-gray:before{background-color:#d6deec!important;} .button.unfilled.bg-cranberry:before,.button.unfilled.br-color-cranberry:before{background-color:#de5477 !important;} .button.unfilled.bg-dark-black:before,.button.unfilled.br-color-dark-black:before{background-color:#141617!important;} .button.unfilled.bg-dark-blue:before,.button.unfilled.br-color-dark-blue:before{background-color:#161c43 !important;} .button.unfilled.bg-dark-green:before,.button.unfilled.br-color-dark-green:before{background-color:#3ec8a7!important;} .button.unfilled.bg-dark-orange:before,.button.unfilled.br-color-dark-orange:before{background-color:#ed9b4b!important;} .button.unfilled.bg-dark-purple:before,.button.unfilled.br-color-dark-purple:before{background-color:#603497!important;} .button.unfilled.bg-dark-gray:before,.button.unfilled.br-color-dark-gray:before{background-color:#8a9fb9 !important;} .button.unfilled.bg-gray:before,.button.unfilled.br-color-gray:before{background-color:#bfcdde!important;} .button.unfilled.bg-green:before,.button.unfilled.br-color-green:before{background-color:#85c94f !important;} .button.unfilled.bg-light-blue:before,.button.unfilled.br-color-light-blue:before{background-color:#2eb9ea !important;} .button.unfilled.bg-light-gray:before,.button.unfilled.br-color-light-gray:before{background-color:#f9f9f9!important;} .button.unfilled.bg-mulberr:before,.button.unfilled.br-color-mulberr:before{background-color:#c95b97!important;} .button.unfilled.bg-orange:before,.button.unfilled.br-color-orange:before{background-color:#f3c72f!important;} .button.unfilled.bg-periwinkle-gray:before,.button.unfilled.br-color-periwinkle-gray:before{background-color:#e5eaf3!important;} .button.unfilled.bg-pictonblue:before,.button.unfilled.br-color-pictonblue:before{background-color:#47b3dd!important;} .button.unfilled.bg-pink:before,.button.unfilled.br-color-pink:before{background-color:#f06387!important;} .button.unfilled.bg-purple:before,.button.unfilled.br-color-purple:before{background-color:#9268e8!important;} .button.unfilled.bg-red:before,.button.unfilled.br-color-red:before{background-color:#eb5848!important;} .button.unfilled.bg-salmon:before,.button.unfilled.br-color-salmon:before{background-color:#f99376!important;} .button.unfilled.bg-silver:before,.button.unfilled.br-color-silver:before{background-color:#c9c9c9!important;} .button.unfilled.bg-turquoise-blue:before,.button.unfilled.br-color-turquoise-blue:before{background-color:#5fd0e4 !important;} .button.unfilled.bg-turquoise:before,.button.unfilled.br-color-turquoise:before{background-color:#41d4d6 !important;} .button.unfilled.bg-white:before,.button.unfilled.br-color-white:before{background-color:#fff !important;} .button.unfilled.bg-yellow:before,.button.unfilled.br-color-yellow:before{background-color:#ffff4a!important;} .button.unfilled.fill-frm-top.bg-bittersweet:hover,.button.unfilled.fill-frm-right.bg-bittersweet:hover,.button.unfilled.fill-frm-bottom.bg-bittersweet:hover,.button.unfilled.fill-frm-left.bg-bittersweet:hover,.button.unfilled.fill-frm-top.br-color-bittersweet:hover,.button.unfilled.fill-frm-right.br-color-bittersweet:hover,.button.unfilled.fill-frm-bottom.br-color-bittersweet:hover,.button.unfilled.fill-frm-left.br-color-bittersweet:hover, .button.unfilled.fill-frm-top.bg-black:hover,.button.unfilled.fill-frm-right.bg-black:hover,.button.unfilled.fill-frm-bottom.bg-black:hover,.button.unfilled.fill-frm-left.bg-black:hover,.button.unfilled.fill-frm-top.br-color-black:hover,.button.unfilled.fill-frm-right.br-color-black:hover,.button.unfilled.fill-frm-bottom.br-color-black:hover,.button.unfilled.fill-frm-left.br-color-black:hover, .button.unfilled.fill-frm-top.bg-blue:hover,.button.unfilled.fill-frm-right.bg-blue:hover,.button.unfilled.fill-frm-bottom.bg-blue:hover,.button.unfilled.fill-frm-left.bg-blue:hover,.button.unfilled.fill-frm-top.br-color-blue:hover,.button.unfilled.fill-frm-right.br-color-blue:hover,.button.unfilled.fill-frm-bottom.br-color-blue:hover,.button.unfilled.fill-frm-left.br-color-blue:hover, .button.unfilled.fill-frm-top.bg-cranberry:hover,.button.unfilled.fill-frm-right.bg-cranberry:hover,.button.unfilled.fill-frm-bottom.bg-cranberry:hover,.button.unfilled.fill-frm-left.bg-cranberry:hover,.button.unfilled.fill-frm-top.br-color-cranberry:hover,.button.unfilled.fill-frm-right.br-color-cranberry:hover,.button.unfilled.fill-frm-bottom.br-color-cranberry:hover,.button.unfilled.fill-frm-left.br-color-cranberry:hover, .button.unfilled.fill-frm-top.bg-dark-black:hover,.button.unfilled.fill-frm-right.bg-dark-black:hover,.button.unfilled.fill-frm-bottom.bg-dark-black:hover,.button.unfilled.fill-frm-left.bg-dark-black:hover,.button.unfilled.fill-frm-top.br-color-dark-black:hover,.button.unfilled.fill-frm-right.br-color-dark-black:hover,.button.unfilled.fill-frm-bottom.br-color-dark-black:hover,.button.unfilled.fill-frm-left.br-color-dark-black:hover, .button.unfilled.fill-frm-top.bg-dark-blue:hover,.button.unfilled.fill-frm-right.bg-dark-blue:hover,.button.unfilled.fill-frm-bottom.bg-dark-blue:hover,.button.unfilled.fill-frm-left.bg-dark-blue:hover,.button.unfilled.fill-frm-top.br-color-dark-blue:hover,.button.unfilled.fill-frm-right.br-color-dark-blue:hover,.button.unfilled.fill-frm-bottom.br-color-dark-blue:hover,.button.unfilled.fill-frm-left.br-color-dark-blue:hover, .button.unfilled.fill-frm-top.bg-dark-green:hover,.button.unfilled.fill-frm-right.bg-dark-green:hover,.button.unfilled.fill-frm-bottom.bg-dark-green:hover,.button.unfilled.fill-frm-left.bg-dark-green:hover,.button.unfilled.fill-frm-top.br-color-dark-green:hover,.button.unfilled.fill-frm-right.br-color-dark-green:hover,.button.unfilled.fill-frm-bottom.br-color-dark-green:hover,.button.unfilled.fill-frm-left.br-color-dark-green:hover, .button.unfilled.fill-frm-top.bg-dark-orange:hover,.button.unfilled.fill-frm-right.bg-dark-orange:hover,.button.unfilled.fill-frm-bottom.bg-dark-orange:hover,.button.unfilled.fill-frm-left.bg-dark-orange:hover,.button.unfilled.fill-frm-top.br-color-dark-orange:hover,.button.unfilled.fill-frm-right.br-color-dark-orange:hover,.button.unfilled.fill-frm-bottom.br-color-dark-orange:hover,.button.unfilled.fill-frm-left.br-color-dark-orange:hover, .button.unfilled.fill-frm-top.bg-dark-purple:hover,.button.unfilled.fill-frm-right.bg-dark-purple:hover,.button.unfilled.fill-frm-bottom.bg-dark-purple:hover,.button.unfilled.fill-frm-left.bg-dark-purple:hover,.button.unfilled.fill-frm-top.br-color-dark-purple:hover,.button.unfilled.fill-frm-right.br-color-dark-purple:hover,.button.unfilled.fill-frm-bottom.br-color-dark-purple:hover,.button.unfilled.fill-frm-left.br-color-dark-purple:hover, .button.unfilled.fill-frm-top.bg-dark-gray:hover,.button.unfilled.fill-frm-right.bg-dark-gray:hover,.button.unfilled.fill-frm-bottom.bg-dark-gray:hover,.button.unfilled.fill-frm-left.bg-dark-gray:hover,.button.unfilled.fill-frm-top.br-color-dark-gray:hover,.button.unfilled.fill-frm-right.br-color-dark-gray:hover,.button.unfilled.fill-frm-bottom.br-color-dark-gray:hover,.button.unfilled.fill-frm-left.br-color-dark-gray:hover, .button.unfilled.fill-frm-top.bg-light-blue:hover,.button.unfilled.fill-frm-right.bg-light-blue:hover,.button.unfilled.fill-frm-bottom.bg-light-blue:hover,.button.unfilled.fill-frm-left.bg-light-blue:hover,.button.unfilled.fill-frm-top.br-color-light-blue:hover,.button.unfilled.fill-frm-right.br-color-light-blue:hover,.button.unfilled.fill-frm-bottom.br-color-light-blue:hover,.button.unfilled.fill-frm-left.br-color-light-blue:hover, .button.unfilled.fill-frm-top.bg-green:hover,.button.unfilled.fill-frm-right.bg-green:hover,.button.unfilled.fill-frm-bottom.bg-green:hover,.button.unfilled.fill-frm-left.bg-green:hover,.button.unfilled.fill-frm-top.br-color-green:hover,.button.unfilled.fill-frm-right.br-color-green:hover,.button.unfilled.fill-frm-bottom.br-color-green:hover,.button.unfilled.fill-frm-left.br-color-green:hover, .button.unfilled.fill-frm-top.bg-mulberr:hover,.button.unfilled.fill-frm-right.bg-mulberr:hover,.button.unfilled.fill-frm-bottom.bg-mulberr:hover,.button.unfilled.fill-frm-left.bg-mulberr:hover,.button.unfilled.fill-frm-top.br-color-mulberr:hover,.button.unfilled.fill-frm-right.br-color-mulberr:hover,.button.unfilled.fill-frm-bottom.br-color-mulberr:hover,.button.unfilled.fill-frm-left.br-color-mulberr:hover, .button.unfilled.fill-frm-top.bg-orange:hover,.button.unfilled.fill-frm-right.bg-orange:hover,.button.unfilled.fill-frm-bottom.bg-orange:hover,.button.unfilled.fill-frm-left.bg-orange:hover,.button.unfilled.fill-frm-top.br-color-orange:hover,.button.unfilled.fill-frm-right.br-color-orange:hover,.button.unfilled.fill-frm-bottom.br-color-orange:hover,.button.unfilled.fill-frm-left.br-color-orange:hover, .button.unfilled.fill-frm-top.bg-pink:hover,.button.unfilled.fill-frm-right.bg-pink:hover,.button.unfilled.fill-frm-bottom.bg-pink:hover,.button.unfilled.fill-frm-left.bg-pink:hover,.button.unfilled.fill-frm-top.br-color-pink:hover,.button.unfilled.fill-frm-right.br-color-pink:hover,.button.unfilled.fill-frm-bottom.br-color-pink:hover,.button.unfilled.fill-frm-left.br-color-pink:hover, .button.unfilled.fill-frm-top.bg-purple:hover,.button.unfilled.fill-frm-right.bg-purple:hover,.button.unfilled.fill-frm-bottom.bg-purple:hover,.button.unfilled.fill-frm-left.bg-purple:hover,.button.unfilled.fill-frm-top.br-color-purple:hover,.button.unfilled.fill-frm-right.br-color-purple:hover,.button.unfilled.fill-frm-bottom.br-color-purple:hover,.button.unfilled.fill-frm-left.br-color-purple:hover, .button.unfilled.fill-frm-top.bg-red:hover,.button.unfilled.fill-frm-right.bg-red:hover,.button.unfilled.fill-frm-bottom.bg-red:hover,.button.unfilled.fill-frm-left.bg-red:hover,.button.unfilled.fill-frm-top.br-color-red:hover,.button.unfilled.fill-frm-right.br-color-red:hover,.button.unfilled.fill-frm-bottom.br-color-red:hover,.button.unfilled.fill-frm-left.br-color-red:hover, .button.unfilled.fill-frm-top.bg-salmon:hover,.button.unfilled.fill-frm-right.bg-salmon:hover,.button.unfilled.fill-frm-bottom.bg-salmon:hover,.button.unfilled.fill-frm-left.bg-salmon:hover,.button.unfilled.fill-frm-top.br-color-salmon:hover,.button.unfilled.fill-frm-right.br-color-salmon:hover,.button.unfilled.fill-frm-bottom.br-color-salmon:hover,.button.unfilled.fill-frm-left.br-color-salmon:hover, .button.unfilled.fill-frm-top.bg-turquoise-blue:hover,.button.unfilled.fill-frm-right.bg-turquoise-blue:hover,.button.unfilled.fill-frm-bottom.bg-turquoise-blue:hover,.button.unfilled.fill-frm-left.bg-turquoise-blue:hover,.button.unfilled.br-color-turquoise-blue:hover,.button.unfilled.br-color-turquoise-blue:hover,.button.unfilled.br-color-turquoise-blue:hover,.button.unfilled.br-color-turquoise-blue:hover, .button.unfilled.fill-frm-top.bg-turquoise:hover,.button.unfilled.fill-frm-right.bg-turquoise:hover,.button.unfilled.fill-frm-bottom.bg-turquoise:hover,.button.unfilled.fill-frm-left.bg-turquoise:hover,.button.unfilled.br-color-turquoise:hover,.button.unfilled.br-color-turquoise:hover,.button.unfilled.br-color-turquoise:hover,.button.unfilled.br-color-turquoise:hover, .button.unfilled.fill-frm-top.bg-pictonblue:hover,.button.unfilled.fill-frm-right.bg-pictonblue:hover,.button.unfilled.fill-frm-bottom.bg-pictonblue:hover,.button.unfilled.fill-frm-left.bg-pictonblue:hover,.button.unfilled.fill-frm-top.br-color-pictonblue:hover,.button.unfilled.fill-frm-right.br-color-pictonblue:hover,.button.unfilled.fill-frm-bottom.br-color-pictonblue:hover,.button.unfilled.fill-frm-left.br-color-pictonblue:hover{color:#ffffff !important;} .button.unfilled.fill-frm-top.bg-botticelli-gray:hover,.button.unfilled.fill-frm-right.bg-botticelli-gray:hover,.button.unfilled.fill-frm-bottom.bg-botticelli-gray:hover,.button.unfilled.fill-frm-left.bg-botticelli-gray:hover,.button.unfilled.fill-frm-top.br-color-botticelli-gray:hover,.button.unfilled.fill-frm-right.br-color-botticelli-gray:hover,.button.unfilled.fill-frm-bottom.br-color-botticelli-gray:hover,.button.unfilled.fill-frm-left.br-color-botticelli-gray:hover, .button.unfilled.fill-frm-top.bg-gray:hover,.button.unfilled.fill-frm-right.bg-gray:hover,.button.unfilled.fill-frm-bottom.bg-gray:hover,.button.unfilled.fill-frm-left.bg-gray:hover,.button.unfilled.fill-frm-top.br-color-gray:hover,.button.unfilled.fill-frm-right.br-color-gray:hover,.button.unfilled.fill-frm-bottom.br-color-gray:hover,.button.unfilled.fill-frm-left.br-color-gray:hover, .button.unfilled.fill-frm-top.bg-light-gray:hover,.button.unfilled.fill-frm-right.bg-light-gray:hover,.button.unfilled.fill-frm-bottom.bg-light-gray:hover,.button.unfilled.fill-frm-left.bg-light-gray:hover,.button.unfilled.fill-frm-top.br-color-light-gray:hover,.button.unfilled.fill-frm-right.br-color-light-gray:hover,.button.unfilled.fill-frm-bottom.br-color-light-gray:hover,.button.unfilled.fill-frm-left.br-color-light-gray:hover, .button.unfilled.fill-frm-top.bg-periwinkle-gray:hover,.button.unfilled.fill-frm-right.bg-periwinkle-gray:hover,.button.unfilled.fill-frm-bottom.bg-periwinkle-gray:hover,.button.unfilled.fill-frm-left.bg-periwinkle-gray:hover,.button.unfilled.fill-frm-top.br-color-periwinkle-gray:hover,.button.unfilled.fill-frm-right.br-color-periwinkle-gray:hover,.button.unfilled.fill-frm-bottom.br-color-periwinkle-gray:hover,.button.unfilled.fill-frm-left.br-color-periwinkle-gray:hover, .button.unfilled.fill-frm-top.bg-silver:hover,.button.unfilled.fill-frm-right.bg-silver:hover,.button.unfilled.fill-frm-bottom.bg-silver:hover,.button.unfilled.fill-frm-left.bg-silver:hover,.button.unfilled.fill-frm-top.br-color-silver:hover,.button.unfilled.fill-frm-right.br-color-silver:hover,.button.unfilled.fill-frm-bottom.br-color-silver:hover,.button.unfilled.fill-frm-left.br-color-silver:hover, .button.unfilled.fill-frm-top.bg-white:hover,.button.unfilled.fill-frm-right.bg-white:hover,.button.unfilled.fill-frm-bottom.bg-white:hover,.button.unfilled.fill-frm-left.bg-white:hover,.button.unfilled.fill-frm-top.br-color-white:hover,.button.unfilled.fill-frm-right.br-color-white:hover,.button.unfilled.fill-frm-bottom.br-color-white:hover,.button.unfilled.fill-frm-left.br-color-white:hover, .button.unfilled.fill-frm-top.bg-yellow:hover,.button.unfilled.fill-frm-right.bg-yellow:hover,.button.unfilled.fill-frm-bottom.bg-yellow:hover,.button.unfilled.fill-frm-left.bg-yellow:hover,.button.unfilled.fill-frm-top.br-color-yellow:hover,.button.unfilled.fill-frm-right.br-color-yellow:hover,.button.unfilled.fill-frm-bottom.br-color-yellow:hover,.button.unfilled.fill-frm-left.br-color-yellow:hover{color:#252e3b !important;} /******************************************** 12-4. Portfolio Hover Backgrounds *********************************************/ .team-member-hover.bg-white, .portfolio-hover.bg-white{background-color:rgba(255, 255, 255, 0.8) !important;} .team-member-hover.bg-black, .portfolio-hover.bg-black{background-color:rgba(33, 36, 40, 0.8) !important;} .team-member-hover.bg-dark-black, .portfolio-hover.bg-dark-black{background-color:rgba(20, 22, 23, 0.8) !important;} .team-member-hover.bg-blue, .portfolio-hover.bg-blue{background-color:rgba(95, 54, 140, 0.8) !important;} .team-member-hover.bg-dark-blue, .portfolio-hover.bg-dark-blue{background-color:rgba(22, 28, 67, 0.8) !important;} .team-member-hover.bg-light-blue, .portfolio-hover.bg-light-blue{background-color:rgba(46, 185, 234, 0.8) !important;} .team-member-hover.bg-turquoise-blue, .portfolio-hover.bg-turquoise-blue{background-color:rgba(95, 208, 228, 0.8) !important;} .team-member-hover.bg-gray, .portfolio-hover.bg-gray{background-color:rgba(191, 205, 222, 0.8) !important;} .team-member-hover.bg-dark-gray, .portfolio-hover.bg-dark-gray{background-color:rgba(138, 159, 185, 0.8) !important;} .team-member-hover.bg-periwinkle-gray, .portfolio-hover.bg-periwinkle-gray{background-color:rgba(229, 234, 243, 0.8) !important;} .team-member-hover.bg-botticelli-gray, .portfolio-hover.bg-botticelli-gray{background-color:rgba(214, 222, 236, 0.8) !important;} .team-member-hover.bg-light-gray, .portfolio-hover.bg-light-gray{background-color:rgba(249, 249, 249, 0.8) !important;} .team-member-hover.bg-silver, .portfolio-hover.bg-silver{background-color:rgba(201, 201, 201, 0.8) !important;} .team-member-hover.bg-orange, .portfolio-hover.bg-orange{background-color:rgba(243, 199, 47, 0.8) !important;} .team-member-hover.bg-dark-orange, .portfolio-hover.bg-dark-orange{background-color:rgba(237, 155, 75, 0.8) !important;} .team-member-hover.bg-bittersweet , .portfolio-hover.bg-bittersweet {background-color:rgba(255, 120, 89, 0.8) !important;} .team-member-hover.bg-green, .portfolio-hover.bg-green{background-color:rgba(133, 201, 79, 0.8) !important;} .team-member-hover.bg-dark-green, .portfolio-hover.bg-dark-green{background-color:rgba(62, 200, 167, 0.8) !important;} .team-member-hover.bg-turquoise, .portfolio-hover.bg-turquoise{background-color:rgba(65, 212, 214, 0.8) !important;} .team-member-hover.bg-purple, .portfolio-hover.bg-purple{background-color:rgba(146, 104, 232, 0.8) !important;} .team-member-hover.bg-dark-purple, .portfolio-hover.bg-dark-purple{background-color:rgba(96, 52, 151, 0.8) !important;} .team-member-hover.bg-pink, .portfolio-hover.bg-pink{background-color:rgba(240, 99, 135, 0.8) !important;} .team-member-hover.bg-cranberry, .portfolio-hover.bg-cranberry{background-color:rgba(222, 84, 119, 0.8) !important;} .team-member-hover.bg-yellow, .portfolio-hover.bg-yellow{background-color:rgba(255, 255, 74, 0.8) !important;} .team-member-hover.bg-red, .portfolio-hover.bg-red{background-color:rgba(235, 88, 72, 0.8) !important;} .team-member-hover.bg-mulberry, .portfolio-hover.bg-mulberry{background-color:rgba(201, 91, 151, 0.8) !important;} .team-member-hover.bg-salmon, .portfolio-hover.bg-salmon{background-color:rgba(249, 147, 118, 0.8) !important;} .team-member-hover.bg-pictonblue, .portfolio-hover.bg-pictonblue{background-color:rgba(71, 179, 221, 0.8) !important;} /******************************************** 12-5. Colors *********************************************/ .color-white, .color-white.button, .color-white.button:hover, .color-light,.wysija-submit-field.wysija-submit{color:#fff;} .color-black{color:#212428!important;} .color-blue{color:#582101!important;} .color-dark-blue{color:#161c43!important;} .color-light-blue{color:#2eb9ea!important;} .color-turquoise-blue{color:#5fd0e4!important;} .color-gray{color:#bfcdde!important;} .color-dark-gray{color:#8a9fb9 !important;} .color-periwinkle-gray{color:#e5eaf3!important;} .color-botticelli-gray{color:#d6deec!important;} .color-light-gray{color:#f9f9f9!important;} .color-silver{color:#c9c9c9!important;} .color-orange{color:#f3c72f!important;} .color-dark-orange{color:#ed9b4b!important;} .color-bittersweet{color:#ff7859!important;} .color-green{color:#85c94f!important;} .color-dark-green{color:#3ec8a7!important;} .color-turquoise{color:#41d4d6!important;} .color-purple{color:#9268e8!important;} .color-dark-purple{color:#603497!important;} .color-pink{color:#f06387!important;} .color-cranberry{color:#de5477!important;} .color-yellow{color:#ffff4a!important;} .color-red{color:#eb5848!important;} .color-mulberry{color:#c95b97!important;} .color-salmon{color:#f99376!important;} .color-pictonblue{color:#47b3dd!important;} /******************************************** 12-6. Border Thickness *********************************************/ .br-light{border-style:solid; border-width:1px!important;} .br-semi-light{border-style:solid; border-width:2px!important;} .br-medium{border-style:solid; border-width:3px!important;} .br-semi-thick{border-style:solid; border-width:5px!important;} .br-thick{border-style:solid; border-width:7px!important;} /******************************************** 12-7. Border Styles *********************************************/ .br-solid{border-style:solid!important;} .br-dashed{border-style:dashed!important;} .br-dotted{border-style:dotted!important;} .br-double{border-style:double!important;} /********************************************************************************************** ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: 13. Custom Padding And Margins ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: ***********************************************************************************************/ .margin_t_0{margin-top:0!important;}.margin_t_5{margin-top:5px!important;}.margin_t_10{margin-top:10px!important;}.margin_t_15{margin-top:15px!important;}.margin_t_20{margin-top:20px!important;}.margin_t_25{margin-top:25px!important;}.margin_t_30{margin-top:30px!important;}.margin_t_35{margin-top:35px!important;}.margin_t_40{margin-top:40px!important;}.margin_t_45{margin-top:45px!important;}.margin_t_48 {margin-top: 48px !important;}.margin_t_50{margin-top:50px!important;}.margin_t_55{margin-top:55px!important;}.margin_t_60{margin-top:60px!important;}.margin_t_65{margin-top:65px!important;}.margin_t_70{margin-top:70px!important;}.margin_t_75{margin-top:75px!important;}.margin_t_80{margin-top:80px!important;}.margin_t_85{margin-top:85px!important;}.margin_t_90{margin-top:90px!important;}.margin_t_95{margin-top:95px!important;}.margin_t_100{margin-top:100px!important;}.margin_t_105{margin-top:105px!important;}.margin_t_110{margin-top:110px!important;}.margin_t_115{margin-top:115px!important;}.margin_t_120{margin-top:120px!important;}.margin_t_125{margin-top:125px!important;}.margin_t_130{margin-top:130px!important;}.margin_b_0{margin-bottom:0!important;}.margin_b_5{margin-bottom:5px!important;}.margin_b_10{margin-bottom:10px!important;}.margin_b_15{margin-bottom:15px!important;}.margin_b_20{margin-bottom:20px!important;}.margin_b_25{margin-bottom:25px!important;}.margin_b_30{margin-bottom:30px!important;}.margin_b_35{margin-bottom:35px!important;}.margin_b_40{margin-bottom:40px!important;}.margin_b_45{margin-bottom:45px!important;}.margin_b_50{margin-bottom:50px!important;}.margin_b_55{margin-bottom:55px!important;}.margin_b_60{margin-bottom:60px!important;}.margin_b_65{margin-bottom:65px!important;}.margin_b_70{margin-bottom:70px!important;}.margin_b_75{margin-bottom:75px!important;}.margin_b_80{margin-bottom:80px!important;}.margin_b_85{margin-bottom:85px!important;}.margin_b_90{margin-bottom:90px!important;}.margin_b_95{margin-bottom:95px!important;}.margin_b_100{margin-bottom:100px!important;}.margin_b_105{margin-bottom:105px!important;}.margin_b_110{margin-bottom:110px!important;}.margin_b_115{margin-bottom:115px!important;}.margin_b_120{margin-bottom:120px!important;}.margin_b_125{margin-bottom:125px!important;}.margin_b_130{margin-bottom:130px!important;}.margin_l_0{margin-bottom:0!important;}.margin_l_10{margin-left:10px!important;}.margin_l_20{margin-left:20px!important;}.margin_l_30{margin-left:30px!important;}.margin_l_40{margin-left:40px!important;}.margin_l_50{margin-left:50px!important;}.margin_l_60{margin-left:60px!important;}.margin_l_70{margin-left:70px!important;}.margin_l_80{margin-left:80px!important;}.margin_l_90{margin-left:90px!important;}.margin_l_100{margin-left:100px!important;}.margin_l_110{margin-left:110px!important;}.margin_l_120{margin-left:120px!important;}.margin_r_0{margin-right:0!important;}.margin_r_10{margin-right:10px!important;}.margin_r_20{margin-right:20px!important;}.margin_r_30{margin-right:30px!important;}.margin_r_40{margin-right:40px!important;}.margin_r_50{margin-right:50px!important;}.margin_r_60{margin-right:60px!important;}.margin_r_70{margin-right:70px!important;}.margin_r_80{margin-right:80px!important;}.margin_r_90{margin-right:90px!important;}.margin_r_100{margin-right:100px!important;}.margin_r_110{margin-right:110px!important;}.margin_r_120{margin-right:120px!important;} .no_margin{margin:0!important;} .margin_n_left_25 { margin-left: -25px; } .padding_t_0{padding-top:0!important;}.padding_t_5{padding-top:5px!important;}.padding_t_10{padding-top:10px!important;}.padding_t_15{padding-top:15px!important;}.padding_t_20{padding-top:20px!important;}.padding_t_25{padding-top:25px!important;}.padding_t_30{padding-top:30px!important;}.padding_t_35{padding-top:35px!important;}.padding_t_40{padding-top:40px!important;}.padding_t_45{padding-top:45px!important;}.padding_t_50{padding-top:50px!important;}.padding_t_55{padding-top:55px!important;}.padding_t_60{padding-top:60px!important;}.padding_t_65{padding-top:65px!important;}.padding_t_70{padding-top:70px!important;}.padding_t_75{padding-top:75px!important;}.padding_t_80{padding-top:80px!important;}.padding_t_85{padding-top:85px!important;}.padding_t_90{padding-top:90px!important;}.padding_t_95{padding-top:95px!important;}.padding_t_100{padding-top:100px!important;}.padding_t_105{padding-top:105px!important;}.padding_t_110{padding-top:110px!important;}.padding_t_115{padding-top:115px!important;}.padding_t_120{padding-top:120px!important;}.padding_t_125{padding-top:125px!important;}.padding_t_130{padding-top:130px!important;}.padding_b_0{padding-bottom:0!important;}.padding_b_5{padding-bottom:5px!important;}.padding_b_10{padding-bottom:10px!important;}.padding_b_15{padding-bottom:15px!important;}.padding_b_20{padding-bottom:20px!important;}.padding_b_25{padding-bottom:25px!important;}.padding_b_30{padding-bottom:30px!important;}.padding_b_35{padding-bottom:35px!important;}.padding_b_40{padding-bottom:40px!important;}.padding_b_45{padding-bottom:45px!important;}.padding_b_50{padding-bottom:50px!important;}.padding_b_55{padding-bottom:55px!important;}.padding_b_60{padding-bottom:60px!important;}.padding_b_65{padding-bottom:65px!important;}.padding_b_70{padding-bottom:70px!important;}.padding_b_75{padding-bottom:75px!important;}.padding_b_80{padding-bottom:80px!important;}.padding_b_85{padding-bottom:85px!important;}.padding_b_90{padding-bottom:90px!important;}.padding_b_95{padding-bottom:95px!important;}.padding_b_100{padding-bottom:100px!important;}.padding_b_105{padding-bottom:105px!important;}.padding_b_110{padding-bottom:110px!important;}.padding_b_115{padding-bottom:115px!important;}.padding_b_120{padding-bottom:120px!important;}.padding_b_125{padding-bottom:125px!important;}.padding_b_130{padding-bottom:130px!important;}.padding_l_0{padding-bottom:0!important;}.padding_l_10{padding-left:10px!important;}.padding_l_20{padding-left:20px!important;}.padding_l_30{padding-left:30px!important;}.padding_l_40{padding-left:40px!important;}.padding_l_50{padding-left:50px!important;}.padding_l_60{padding-left:60px!important;}.padding_l_70{padding-left:70px!important;}.padding_l_80{padding-left:80px!important;}.padding_l_90{padding-left:90px!important;}.padding_l_100{padding-left:100px!important;}.padding_l_110{padding-left:110px!important;}.padding_l_120{padding-left:120px!important;}.padding_r_0{padding-right:0!important;}.padding_r_10{padding-right:10px!important;}.padding_r_20{padding-right:20px!important;}.padding_r_30{padding-right:30px!important;}.padding_r_40{padding-right:40px!important;}.padding_r_50{padding-right:50px!important;}.padding_r_60{padding-right:60px!important;}.padding_r_70{padding-right:70px!important;}.padding_r_80{padding-right:80px!important;}.padding_r_90{padding-right:90px!important;}.padding_r_100{padding-right:100px!important;}.padding_r_110{padding-right:110px!important;}.padding_r_120{padding-right:120px!important;} .no_padding{padding:0!important;} .no-side-padding{padding-left: 0 !important; padding-right: 0 !important;} .no_border{border:none!important;} .parallax-block h4 { font-size: 38px; line-height: 52px; color: #fff; /*margin:48px 0 30px 0;*/ } .parallax-block p { font-size: 18px; color:#fff; line-height: 36px; }