/*------------------------------------------------------------------ [Master Stylesheet] Project: Boson Version: 1.1 -------------------------------------------------------------------*/ @import 'shortcodes.css'; @import 'settings-panel.css'; /* @import "debugging.css"; */ /* Table of Content ================================================== #General - fonts - Typography - Layout #Header - Layout - Logo - Sticky Header - Menu - Sub Menu - Mega Menu - Mobile Menu - Topbar - Social Icons - Search #Slider - Revolution Slider. - Carousel Slider #Content - Page Heading - Page Content - Page Elements #Portfolio - Listing Item - Single Item #Pages - 404 Error Page #Blog - Blog Posts - Blog Posts Medium - Blog Related Posts - Blog comments #Pagination #Widgets - Base Widgets - Latest Projects - Twitter #Footer - Footer widgets Area - Footer widgets - Copyright - Social Icons. #Shop */ /* // #General // -------------------------------------------------- */ /* // #Font // -------------------------------------------------- */ @font-face { font-family: 'FontAwesome'; src: url('../font/icon/fontawesome-webfont.eot?v=3.0.1'); src: url('../font/icon/fontawesome-webfont.eot?#iefix&v=3.0.1') format('embedded-opentype'), url('../font/icon/fontawesome-webfont.woff?v=3.0.1') format('woff'), url('../font/icon/fontawesome-webfont.ttf?v=3.0.1') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'OpenSansBold'; src: url('../font/OpenSans-Bold-webfont.eot'); src: url('../font/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'), url('../font/OpenSans-Bold-webfont.woff') format('woff'), url('../font/OpenSans-Bold-webfont.ttf') format('truetype'), url('../font/OpenSans-Bold-webfont.svg#OpenSansBold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'OpenSansSemiboldRegular_italic'; src: url('../font/OpenSans-SemiboldItalic-webfont.eot'); src: url('../font/OpenSans-SemiboldItalic-webfont.eot?#iefix') format('embedded-opentype'), url('../font/OpenSans-SemiboldItalic-webfont.woff') format('woff'), url('../font/OpenSans-SemiboldItalic-webfont.ttf') format('truetype'), url('../font/OpenSans-SemiboldItalic-webfont.svg#OpenSansSemiboldRegular_italic') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'OpenSansSemiboldRegular'; src: url('../font/OpenSans-Semibold-webfont.eot'); src: url('../font/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'), url('../font/OpenSans-Semibold-webfont.woff') format('woff'), url('../font/OpenSans-Semibold-webfont.ttf') format('truetype'), url('../font/OpenSans-Semibold-webfont.svg#OpenSansSemiboldRegular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'OpenSansRegular'; src: url('../font/OpenSans-Regular-webfont.eot'); src: url('../font/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('../font/OpenSans-Regular-webfont.woff') format('woff'), url('../font/OpenSans-Regular-webfont.ttf') format('truetype'), url('../font/OpenSans-Regular-webfont.svg#OpenSansRegular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'OpenSansLightItalic'; src: url('../font/OpenSans-LightItalic-webfont.eot'); src: url('../font/OpenSans-LightItalic-webfont.eot?#iefix') format('embedded-opentype'), url('../font/OpenSans-LightItalic-webfont.woff') format('woff'), url('../font/OpenSans-LightItalic-webfont.ttf') format('truetype'), url('../font/OpenSans-LightItalic-webfont.svg#OpenSansLightItalic') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'OpenSansLightRegular'; src: url('../font/OpenSans-Light-webfont.eot'); src: url('../font/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'), url('../font/OpenSans-Light-webfont.woff') format('woff'), url('../font/OpenSans-Light-webfont.ttf') format('truetype'), url('../font/OpenSans-Light-webfont.svg#OpenSansLightRegular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'OpenSansItalic'; src: url('../font/OpenSans-Italic-webfont.eot'); src: url('../font/OpenSans-Italic-webfont.eot?#iefix') format('embedded-opentype'), url('../font/OpenSans-Italic-webfont.woff') format('woff'), url('../font/OpenSans-Italic-webfont.ttf') format('truetype'), url('../font/OpenSans-Italic-webfont.svg#OpenSansItalic') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'OpenSansExtraboldRegular'; src: url('../font/OpenSans-ExtraBold-webfont.eot'); src: url('../font/OpenSans-ExtraBold-webfont.eot?#iefix') format('embedded-opentype'), url('../font/OpenSans-ExtraBold-webfont.woff') format('woff'), url('../font/OpenSans-ExtraBold-webfont.ttf') format('truetype'), url('../font/OpenSans-ExtraBold-webfont.svg#OpenSansExtraboldRegular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'OpenSansBold_italic'; src: url('../font/OpenSans-BoldItalic-webfont.eot'); src: url('../font/OpenSans-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'), url('../font/OpenSans-BoldItalic-webfont.woff') format('woff'), url('../font/OpenSans-BoldItalic-webfont.ttf') format('truetype'), url('../font/OpenSans-BoldItalic-webfont.svg#OpenSansBold_italic') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'bebas_neueregular'; src: url('../font/bebasneue-webfont.eot'); src: url('../font/bebasneue-webfont.eot?#iefix') format('embedded-opentype'), url('../font/bebasneue-webfont.woff') format('woff'), url('../font/bebasneue-webfont.ttf') format('truetype'), url('../font/bebasneue-webfont.svg#bebas_neueregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'great_vibesregular'; src: url('../font/greatvibes-regular-webfont.eot'); src: url('../font/greatvibes-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../font/greatvibes-regular-webfont.woff') format('woff'), url('../font/greatvibes-regular-webfont.ttf') format('truetype'), url('../font/greatvibes-regular-webfont.svg#great_vibesregular') format('svg'); font-weight: normal; font-style: normal; } /* // #Typography // -------------------------------------------------- */ body { margin: 0; background: #fff url(../img/bg/wood_pattern.png); font: 13px/20px 'OpenSansRegular'; color: #65686d; } .row-fluid .span4 { width: 23.404255317%!important;*width: 23.353130572623723%!important; } .row-fluid .span3 { width: 31.914893614%!important;*width: 31.863768869623723%!important; } /* ---------------Body Background----------------------*/ .bg-wood_pattern { background: #fff url(../img/bg/wood_pattern.png); } .bg-shattered { background: #fff url(../img/bg/shattered.png); } .bg-vichy { background: #fff url(../img/bg/vichy.png); } .bg-random-grey-variations { background: #fff url(../img/bg/random_grey_variations.png); } .bg-irongrip { background: #fff url(../img/bg/irongrip.png); } .bg-gplaypattern { background: #fff url(../img/bg/gplaypattern.png); } .bg-diamond_upholstery { background: #fff url(../img/bg/diamond_upholstery.png); } .bg-denim { background: #fff url(../img/bg/denim.png); } .bg-crissXcross { background: #fff url(../img/bg/crissXcross.png); } .bg-climpek { background: #fff url(../img/bg/climpek.png); } *::-moz-selection { background-color: #e34735; color: #fff; } *::selection { background-color: #e34735; color: #fff; } /* ---------------General Tags----------------------*/ iframe{ width: 100%!important; } p { position: relative; margin: 0 0 15px 0; } strong { font-family: 'OpenSansSemiboldRegular'; font-weight: normal; } small, sub, sup { position: relative; font-size: 9px; vertical-align: baseline; } sub { top: 3px; } sup { bottom: 3px; } pre { height: auto; margin: 0 0 20px; padding: 10px 20px; overflow-x: auto; background: none repeat scroll 0 0 #F7F7F7; border-radius: 2px; border: 1px solid #E2E2E2; font-family: monospace; } .clearfix:after { content: ''; display: block; clear: both; } /* ---------------Google Map----------------------*/ .element-wrap iframe, #map_canvas { width: 100%; } #map_canvas img { max-width: none !important; } /* ---------------Video/Audio----------------------*/ .video-wrap { position: relative; padding-top: 56.25%; box-shadow: 0 1px 1px rgba(0,0,0,0.1); } .video-wrap iframe { width: 100%; height: 100%; position: absolute; top: 0; left: 0; } /* ---------------Images----------------------------*/ img { max-width: 100%; border: none; } .img-wrap { position: relative; clear: both; } .img-wrap.shadow, .img-wrap .shadow { margin-bottom: 5px; } .img-wrap img { display: block; box-shadow: 0 1px 1px rgba(0,0,0,0.1); } img.no-shadow { box-shadow: none; } .img-wrap.m-left, img.m-left { float: left; margin: 0 25px 20px 0; } .img-wrap.m-right, img.m-right { float: right; margin: 0 0 20px 25px; } .img-wrap.m-center { display: block; margin: 0 0 16px; text-align: center; } img.m-center{ display: block; margin: 0 auto 20px; } .img-wrap.m-center img { display: block; } .img-wrap.m-center .shadow { display: inline-block; } .img-wrap.m-center img { display: block; margin: 0 auto 20px; } .img-title { position: absolute; bottom: 0; left: 0; right: 0; z-index: 1; padding: 20% 20px 16px; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(35,38,40,0)), color-stop(100%,rgba(35,38,40,0.6))); background: -webkit-linear-gradient(top, rgba(35,38,40,0) 0%,rgba(35,38,40,0.6) 100%); background: linear-gradient(to bottom, rgba(35,38,40,0) 0%,rgba(35,38,40,0.6) 100%); text-align: left; color: #ececec; text-shadow: 0 1px 1px rgba(0,0,0,0.1); } /* ---------------Images Shadow----------------------------*/ .full-shadow { border: 1px solid #ccc; box-shadow: 1px 1px 4px 0 rgba(180,180,180,0.3); } .shadow, .shadow-2 { position: relative; margin-bottom: 43px; } .shadow:after, .shadow-2:after { content: ''; display: block; position: absolute; } .shadow:after { height: 43px; bottom: -46px; left: 0; right: 0; background: url("../img/shadow.png") no-repeat scroll 0 0 / 100% auto transparent; } .shadow-2:after { height: 55px; bottom: -55px; left: 0; right: 0; background: url("../img/shadow-2.png") no-repeat scroll 0 0 / 100% auto transparent; } strong { color: #313538; } /* ---------------hr----------------------------*/ hr { height: 1px; margin: 20px 0; background-color: #e2e2e2; border: none; } hr.dashed { height: 1px; margin: 20px 0; background: none; border-top: 1px dashed #dee1e2; } hr.striped { height: 14px; margin: 20px 0; background: url(../img/bg-head.jpg) repeat; } hr.shadow-2 { margin: 35px 0; background: none; border-top: none; } /* ---------------Anchor Tag----------------------------*/ a { text-decoration: none; color: #e34735; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } a:hover { color: #313538; } a.link, a.dark-link { -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } a.link { text-decoration: none; color: #e34735; } a.link:hover { color: #313538; } a.dark-link { text-decoration: none; color: #313538; } a.dark-link:hover { color: #e34735; } /* ---------------Heading Tags----------------------------*/ h1, h2, h3, h4, h5, h6 { margin: 0 0 10px; padding: 0; line-height: 1em; font-weight: normal; color: #313538; } h1 { font: 38px/38px 'OpenSansRegular';} h2 { font: 22px 'OpenSansSemiboldRegular'; } h3 { font: 18px 'OpenSansSemiboldRegular'; } h4 { font: 16px 'OpenSansSemiboldRegular';} h5 { font: 14px 'OpenSansSemiboldRegular';} h6 { font: 12px 'OpenSansBold'; text-transform: uppercase;} h1.lined:before, h1.lined:after, h2.lined:before, h2.lined:after, h3.lined:before, h3.lined:after, h4.lined:before, h4.lined:after, h5.lined:before, h5.lined:after, h6.lined:before, h6.lined:after { content: ""; width: 200%; height: 0.75em; display: inline-block; margin: 0 -200% 0 0; position: relative; left: 20px; bottom: 0.2em; background: url(../img/bg-head.jpg) repeat-x; vertical-align: bottom; } h1.lined.m-dark:before, h1.lined.m-dark:after, h2.lined.m-dark:before, h2.lined.m-dark:after, h3.lined.m-dark:before, h3.lined.m-dark:after, h4.lined.m-dark:before, h4.lined.m-dark:after, h5.lined.m-dark:before, h5.lined.m-dark:after, h6.lined.m-dark:before, h6.lined.m-dark:after { background: url(../img/bg-head-dark.jpg) repeat-x; } h1.lined:before, h2.lined:before, h3.lined:before, h4.lined:before, h5.lined:before, h6.lined:before { left: -20px; margin: 0 0 0 -200%; } h1.lined, h2.lined, h3.lined, h4.lined, h5.lined, h6.lined { overflow: hidden; position: relative; } .semibold { font-family: 'OpenSansSemiboldRegular'; } .great-vibesregular { font-family: 'great_vibesregular'; } /* ---------------Markup Tag----------------------------*/ mark { display: inline; padding: 1px 4px 0px 4px; margin: 0 2px; background-color: #313538; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 2px; color: #edeff1; text-shadow: 0 1px 1px #222528; box-shadow: inset 0 1px 0 #515558, 0 1px 2px #dbdbdc; } mark.green { background-color: #73ca3f; color: #e8ffc1; text-shadow: 0 1px 1px #4fa923; box-shadow: 0 1px 2px #e4f5da; } mark.yellow { background-color: #f7f962; color: #8f6a1c; text-shadow: 0 1px 1px #fbfcab; box-shadow: 0 1px 2px #f9fbcc; } mark.orange { background-color: #ff9228; color: #ffffe2; text-shadow: 0 1px 1px #e86d12; box-shadow: 0 1px 2px #fcdec2; } mark.light { background-color: #e6f7f8; color: #253f4c; box-shadow: inset 0 1px 1px #d1e4e5,0 1px 0 white; text-shadow: none; } mark.strong { font-family: 'OpenSansSemiboldRegular'; } /* // #Layout // -------------------------------------------------- */ .col-1_3 .shadow, .col-1_2 .shadow, .col-1_4 .shadow, .col-3_4 .shadow { margin-bottom: 0; } .col-1_3 .shadow:after, .col-1_2 .shadow:after, .col-1_4 .shadow:after, .col-3_4 .shadow:after { height: 20px; bottom: -23px; } .col-3_4 .shadow:after { height: 30px; bottom: -33px; } .row { display: block; margin: 0 -12px; letter-spacing: -.31em; word-spacing: -.43em; font-size: 0px; } .row.m-block { display: block; } .row-item { display: inline-block; margin: 0 12px; vertical-align: top; text-align: left; font-size: 13px; letter-spacing: normal; word-spacing: normal; } .col-1_1 { width: 1010px; } .col-1_2 { width: 492px; } .col-1_3 { width: 320px; } .col-2_3 { width: 664px; } .col-1_4 { width: 234px; } .col-3_4 { width: 750px; } .element-wrap { margin-bottom: 30px; } .p-20 { font: 18px/24px 'OpenSansRegular'; margin-bottom: 20px; color: #3c3c40; } .margin-0 { padding-bottom: 0px; } .margin-10 { padding-bottom: 10px; } .margin-20 { padding-bottom: 20px; } .margin-30 { padding-bottom: 30px; } .margin-40 { padding-bottom: 40px; } .margin-50 { padding-bottom: 50px; } /* // #Header // -------------------------------------------------- */ /* --------------- Layout ----------------------------*/ .header { position: relative; background: #fafafa; background: -webkit-gradient(linear, left top, left bottom, color-stop(2%,#fcfcfc), color-stop(100%,#f9f9f9)); background: -webkit-linear-gradient(top, #fcfcfc 2%,#f9f9f9 100%); background: linear-gradient(to bottom, #fcfcfc 2%,#f9f9f9 100%); } .header .layout { position: relative; padding: 0 40px; height: 80px; line-height: 80px; text-align: right; } .content .header .layout { position: relative; padding: 40px 40px 0 !important; text-align: right; } /* --------------- Logo ----------------------------*/ .logo { display: inline-block; position: static; margin: 0; line-height: 79px; text-align: left; } .logo img { vertical-align: middle; } /* --------------- Sticky Header ----------------------------*/ .sticky-header.stuck { position: fixed; background: white; border-bottom: 2px solid #eaeaea; width: 100%; left: 0; top: 0; z-index: 100000; height: 80px; } .boxed .sticky-header.stuck{ width: auto !important; left: auto!important; } /* --------------- Navigation ----------------------------*/ /* Reset */ .wrap-left .menu { margin-left: 40px; } .menu, .menu a, .menu ul, .menu li, .menu div, .menu form, .menu input { margin: 0; padding: 0; border: none; outline: none; } .menu a { text-decoration: none; } .menu li { list-style: none; } /* Menu Container */ .menu { display: inline-block; position: static; text-align: right; white-space: nowrap; vertical-align: top; cursor: default; z-index: 500; } /* Menu List */ .menu > li { position: static; display: inline-block; float: left; text-align: left; } .menu li i { margin-right: 7px; color: #ced3d5; text-shadow: 0 1px 0 white; } /* Menu Links */ .menu > li > a { position: relative; color: #646060; font: 14px 'OpenSansRegular'; transition: none; display: inline-block; padding: 0 15px; line-height: 80px; } .menu > li.active > a:after{ content: ''; display: block; height: 2px; position: absolute; left: 15px; right: 15px; bottom: -2px; z-index: 53; background: #2eafbb; -webkit-transition: height 0.2s ease; transition: height 0.2s ease; } .menu a.active { color: #2eafbb; } .menu li.has-mega:hover > a:after { display: none; } /* --------------- Mega Menu ----------------------------*/ .menu > li > .megamenus { position: absolute ; display: none; z-index: 1000; margin: 0 40px 0 40px; padding: 15px 20px 25px; right:0; left:0; border-top: 2px solid #2eafbb; overflow: hidden; background: #2f3338; border-radius: 0 0 3px 3px; box-shadow: 0 1px 3px rgba(0,0,0,0.2); border-radius: 0 0 2px 2px; } .menu > li:hover > .megamenus { display: block; overflow: visible; } .megamenus { left: 0; right: 0; } .menu li.m-submenu { float: left; width: 20%; height: auto !important; background: none; list-style: none; background: url(../img/mmenu-sep.png) no-repeat left top !important; } .menu li.m-submenu h3 { margin: 20px 0 10px 0; line-height: 18px; font-family: Helvetica, Arial, sans-serif; font-weight: bold; font-size: 14px; color: #372f2b; text-transform: uppercase; } .menu li.m-submenu a { display: block; height: 35px; padding: 0 5px; margin: 0 15px; line-height: 0 !important; font-size: 12px; color: #a8acaf; font-family: OpenSansRegular; line-height: 35px !important; -webkit-transition: background-color .2s ease, border .2s ease, height .3s ease, color .2s ease, opacity .5s ease; transition: background-color .2s ease, border .2s ease, height .3s ease, color .2s ease, opacity .5s ease; } .m-submenu .mmenu-title { padding: 5px; color: #fff !important; font-size: 14px !important; font-family: OpenSansSemiboldRegular; font-style: normal; } .m-submenu .mmenu-title:hover { background: transparent !important; font-weight: 300 !important; } .mmenu-title:before { content: "" !important; margin-right: 0; } .menu li.m-submenu:hover { background: none !important; } .m-submenu a:before { content: "\f0da"; font: 11px/23px FontAwesome; color: #5f6368; margin-right: 7px; } .m-submenu a:hover { background: #2eafbb !important; color: #fff !important; font-family: OpenSansSemiboldRegular; } .megamenus li.m-submenu a:hover:before { color: #fff; } .megamenus li.m-submenu.first { background: none !important; } /* --------------- Sub Menu ----------------------------*/ .submenu { position: absolute; top: 100%; z-index: 1000; float: left; min-width: 180px; border-top: 2px solid #2eafbb!important; display: none; background: #2f3338; box-shadow: 0 1px 3px rgba(0,0,0,0.2); border-radius: 0 0 2px 2px; } .menu li:hover > .submenu { display: block; } .submenu li { position: relative; height: 35px; border-top: 1px solid #393c42; border-bottom: 1px solid #26292c; -webkit-transition: background-color 0.2s ease, border 0.2s ease, height 0.3s ease, color 0.2s ease, opacity 0.5s ease; transition: background-color 0.2s ease, border 0.2s ease, height 0.3s ease, color 0.2s ease, opacity 0.5s ease; } .submenu li:hover { background: #2eafbb; border-top: 1px solid #2eafbb; border-bottom: 1px solid #2eafbb; } li.dropdown-submenu > ul { border: none!important; left: 100%; top: -1px; } .submenu a { padding: 0 20px; display: block; line-height: 35px; font-size: 12px; color: #a8acaf; text-transform: none; font-family: 'OpenSansRegular'; letter-spacing: 0; white-space: nowrap; } .submenu li:hover > a { color: #fff; } .submenu li:last-child { border-bottom: 0px solid #262829; border-radius: 0 0 2px 2px; } /* --------------- Menu Extra ----------------------------*/ .navbar { background: #eff1f2; } .navbar .menu { display: block; width: 960px; min-width: 200px; margin: auto; text-align: left; font-size: 0; } .navbar .menu.m-center { text-align: center; } .navbar .menu > li > a { line-height: 42px; font-size: 13px; } .navbar .menu > li:before, .navbar .menu a.active:before { left: 14px; right: 14px; } .navbar .menu > li > .submenu { left: 14px; } .navbar .menu li.with-sub:hover:before { left: 14px; } .navbar.m-dark { background: #2f3338; box-shadow: 0 1px 3px rgba(0,0,0,0.2); } .navbar.m-dark .menu > li { border-right: none; } .navbar.m-dark .menu > li:first-child { border-left: none; } .navbar.m-dark .menu a { border: none; color: #c4c4c4; } .navbar.m-dark .menu li i { color: #575b61; text-shadow: none; } /* --------------- Mobile Menu ----------------------------*/ header .btn-menu { display: none; } .mob-layout { max-height: 80px; float: left; text-align: left; } .mob-layout.m-center .wrap-center { text-align: center; } .mob-layout.m-center .wrap-left { position: absolute; bottom: 0; left: 40px; } .mob-layout.m-center .wrap-left .slogan { margin-left: 0; } .mob-layout.m-center .wrap-right { position: absolute; bottom: 0; right: 40px; } .btn-menu { width: 26px; height: 22px; position: absolute; top: 30px; right: 0; cursor: pointer; font: 28px/23px 'FontAwesome'; color: #c5c5c5; } .btn-menu.active { color: #313538; } .btn-submenu { width: 70px; height: 44px; position: absolute; top: 0; right: 0; z-index: 12; text-align: center; font: 13px/42px 'FontAwesome'; cursor: pointer; } .btn-submenu.active { line-height: 39px; } .btn-submenu:before { content: "\f0d7"; color: #9a9a9a; } .btn-submenu.active:before { content: "\f0d8"; } .desk .mob-menu { display: none !important; } .mob-menu, .mob-submenu { position: relative; z-index: 50; margin: 56px 0 0; padding: 0; list-style: none; } .mob-menu { display: none; vertical-align: top; position: relative; margin: 0; background: #2f3338; white-space: nowrap; } .mob-menu li { position: relative; text-align: left; border-bottom: 1px solid #242629; border-top: 1px solid #3b3e44; } .mob-menu a { display: block; position: relative; padding-left: 30px; text-decoration: none; color: #8a9094; font: 14px 'OpenSansRegular'; -webkit-transition: none; transition: none; } .mob-menu a i{ padding-right: 10px; } .mob-menu a.active { color: #d0d5d8; } .mob-menu > li > div > a { padding: 0 40px; line-height: 42px; } .mob-menu div { width: 768px; position: relative; margin: 0 auto; } .mob-menu > li > .mob-submenu { background: #1f2226; } .mob-submenu { display: none; min-width: 170px; position: relative; margin: 0; padding: 0; list-style: none; } .mob-submenu:before { content: ''; display: block; width: 100%; border-top: 1px solid rgba(0, 0, 0, 0.15); } .mob-submenu a { padding: 0 20px; font: 14px/42px 'OpenSansRegular'; color: #8a9094; text-transform: none; letter-spacing: 0; } .mob-submenu li { border-bottom: 1px solid #16191b; border-top: 1px solid #272a2f; } .mob-submenu li:last-child { border-bottom: 0px solid #262829; } .mob-submenu li i { margin-right: 7px; } .mob-submenu a { padding-left: 60px !important; } .mob-submenu .mob-submenu a { padding-left: 80px !important; } /* --------------- Top Bar ----------------------------*/ .m-alt-head .mob-layout { float: none; } .m-alt-head .b-social { float: right; vertical-align: middle; } .slogan { display: inline-block; margin: 0 0 0 30px; vertical-align: top; font-size: 12px; } /* --------------- Social Icons ----------------------------*/ .header .b-social { display: inline-block; margin: 0 0 0 20px; } .header .b-social li { margin: 0 12px 0 0; } .header .b-social li:last-child { margin: 0; } .b-social.social-header a { display: block; width: 22px; height: 22px; text-align: center; line-height: 22px; font-size: 20px; color: #dbdfe0; text-shadow: 0 1px 0 white; background: none; border: none; cursor: pointer; -webkit-transition: color 0.2s ease, background-color 0.2s ease; transition: color 0.2s ease, background-color 0.2s ease; } .b-social.social-header a:hover { color: #e34735; box-shadow: none; } /* --------------- Search Form ----------------------------*/ .b-search-form { float: right; margin: 0 0 0 26px; } .b-search-form i { margin-top: 0px; line-height: 66px; } .b-search-form input { width: 95px; height: 33px; background: white; } .b-search-form .input-wrap { margin-bottom: 0; } .b-search-form input:focus { width: 180px; border: 1px solid #e2e2e2; border-top: 1px solid #d4d4d4; box-shadow: none; } .search-form { position: relative; letter-spacing: -.31em; word-spacing: -.43em; } .search-text-remove, .search-submit { display: none; } .search-text { width: 0; height: 29px; padding-left: 21px; opacity: 0.5; background: url(../img/search2.png) no-repeat 0 50%; border: 1px solid transparent; outline: none; cursor: pointer; font: 13px 'OpenSansSemiboldRegular'; color: #555; -webkit-transition: width 0.2s ease-in-out, opacity 0.2s ease-in-out; transition: width 0.2s ease-in-out, opacity 0.2s ease-in-out; } .search-text:hover { opacity: 1; } .search-text:focus { width: 127px; padding-left: 31px; opacity: 1; border: 1px solid #e2e2e2; background-color: #fff; box-shadow: 0 0 0 4px #f6f6f6, inset 0 1px 3px rgba(0,0,0,0.04); cursor: text; } .btn-search { display: none; width: 24px; height: 24px; color: #c5c5c5; font: 24px/23px 'FontAwesome'; cursor: pointer; } .btn-search.active { color: #313538; } /* // #Slider // -------------------------------------------------- */ .fullwidthbanner-container { width: 100% !important; position: relative; padding: 0; overflow: hidden; } .fullwidthbanner-container .fullwidthbanner { position: relative; margin-top: -5px; width: 100% !important; } .top-shadow:before { content: ''; display: block; width: 100%; height: 5px; position: relative; z-index: 40; margin: auto; box-shadow: 0 2px 3px rgba(0,0,0,0.1) inset; } .tp-leftarrow.default, .tp-rightarrow.default { width: 32px !important; height: 80px !important; left: -40px !important; background: rgba(20,22,23,0.6) !important; border-radius: 2px !important; -webkit-transition: background-color 0.4s ease, left 0.2s ease, right 0.2s ease !important; transition: background-color 0.4s ease, left 0.2s ease, right 0.2s ease !important; } .tp-rightarrow.default { left: auto !important; right: -40px !important; } .tp-leftarrow.default:before, .tp-rightarrow.default:before { content: '\f104'; display: block; text-align: center; line-height: 80px; font: 20px/80px 'FontAwesome'; color: #fff; } .tp-rightarrow.default:before { content: '\f105'; } .tp-leftarrow.default:hover, .tp-rightarrow.default:hover { background: rgba(215,47,28,0.9) !important; } .tp-bullets { bottom: 22px !important; -webkit-transition: bottom 0.2s ease !important; transition: bottom 0.2s ease !important; } .bullet { width: 13px !important; height: 13px !important; border-radius: 50%; background: rgba(0,0,0,0.4) !important; box-shadow: inset 0 1px 1px rgba(0,0,0,0.4), 0 1px 0 rgba(250,250,250,0.1); margin: 0 4px !important; -webkit-transition: opacity 0.2s ease !important; transition: opacity 0.2s ease !important; } .b-main-slider:hover .ls-fullwidth .ls-bottom-slidebuttons a { opacity: 1; } .bullet.selected { background: #e34735 !important; box-shadow: inset 0 1px 1px rgba(0,0,0,0), 0 1px 2px rgba(0,0,0,0.15); } .fullwidthbanner-container:hover .tp-leftarrow.default { left: 20px !important; } .fullwidthbanner-container:hover .tp-rightarrow.default { right: 20px !important; } .tp-caption span { display: block; border-radius: 2px; line-height: 1.1em; color: #fff; text-shadow: 0 1px 1px rgba(0,0,0,0.1); } .tp-caption span a { color: #e34735; } .tp-caption span a:hover { color: #fff; } .tp-caption.m-text-color span { padding: 0 !important; color: #e34735; } .tp-caption.m-text-black span { padding: 0 !important; color: #313538; } .tp-caption.m-text-white span { padding: 0 !important; } .tp-caption.m-bg-white span { background-color: #fff !important; color: #3f4144; } .tp-caption.m-bg-black span { background-color: rgba(20,22,23,0.7) !important; color: #fff; } .tp-caption.m-bg-color span { background-color: rgba(227,71,53,0.8) !important; color: #fff; } .tp-caption.m-7em span { padding: 0.25em 0.4em 0.3em; line-height: 0.9em; font-size: 7em; } .tp-caption.m-6em span { padding: 0.25em 0.4em 0.3em; line-height: 0.9em; font-size: 6em; } .tp-caption.m-5em span { padding: 0.3em 0.4em 0.35em; line-height: 0.9em; font-size: 5em; } .tp-caption.m-4em span { padding: 0.85em 1.1em 0.9em; line-height: 0.9em; font-size: 4em; } .tp-caption.m-3-8em span { padding: 0.85em 1.1em 0.9em; line-height: 0.9em; font-size: 3.8em; } .tp-caption.m-3-6em span { padding: 0.85em 1.1em 0.9em; line-height: 0.9em; font-size: 3.6em; } .tp-caption.m-3-4em span { padding: 0.85em 1.1em 0.9em; line-height: 0.95em; font-size: 3.4em; } .tp-caption.m-3-2em span { padding: 0.85em 1.1em 0.9em; line-height: 0.95em; font-size: 3.2em; } .tp-caption.m-3em span { padding: 0.85em 1.1em 0.9em; line-height: 1em; font-size: 3em; } .tp-caption.m-2-8em span { padding: 0.85em 1.1em 0.9em; line-height: 1em; font-size: 2.8em; } .tp-caption.m-2-6em span { padding: 0.85em 1.1em 0.9em; line-height: 1em; font-size: 2.6em; } .tp-caption.m-2-4em span { padding: 0.35em 0.7em 0.4em; font-size: 2.4em; } .tp-caption.m-2-2em span { padding: 0.38em 0.7em 0.43em; font-size: 2.2em; } .tp-caption.m-2em span { padding: 0.85em 1.1em 0.9em; font-size: 2em; } .tp-caption.m-1-8em span { padding: 0.85em 1.1em 0.9em; font-size: 1.8em; } .tp-caption.m-1-6em span { padding: 0.55em 1.1em 0.6em; font-size: 1.6em; } .tp-caption.m-1-4em span { padding: 0.55em 1.0em 0.6em; line-height: 1.2em; font-size: 1.4em; } .tp-caption.m-1-2em span { padding: 0.6em 1.1em 0.65em; line-height: 1.4em; font-size: 1.2em; } .tp-caption.m-bebas_neueregular span { font-family: 'bebas_neueregular'; } .tp-caption.m-great-vibesregular span { font-family: 'great_vibesregular'; } .tp-caption.m-semibold span { font-family: 'OpenSansSemiboldRegular'; } .tp-caption.m-opensansitalic span { font-family: 'OpenSansItalic'; } .tp-caption.m-opensanslightitalic span { font-family: 'OpenSansLightItalic'; } .tp-caption.m-bold span { font-family: 'OpenSansBold'; } .tp-caption.m-extra-bold span { font-family: 'OpenSansExtraboldRegular'; } .tp-caption.m-light span { font-family: 'OpenSansLightRegular'; } .tp-caption.m-opacity-80 span { opacity: 0.8; } .tp-caption.m-letter-spacing-1 span { letter-spacing: 1px; } .tp-caption.m-uppercase span { text-transform: uppercase !important; } .tp-caption.m-lowercase span { text-transform: lowercase !important; } .shortcodes .tp-caption span { margin-bottom: 20px; } .fullwidthbanner-container { background: #171717; overflow: hidden; padding: 0; position: relative; z-index: 1; } .fullwidthbanner-container ul { list-style: none; margin: 0; padding: 0; } .fullwidthbanner-container .tp-bannershadow { filter: alpha(opacity=20); opacity: 0.20; } .fullwidthbanner-container .top-label { color: #FFF; font-size: 24px; font-weight: 300; } .fullwidthbanner-container .main-label { color: #FFF; font-size: 62px; line-height: 62px; font-weight: 800; text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.15); } .fullwidthbanner-container .bottom-label { color: #FFF; font-size: 20px; font-weight: 300; } .fullwidthbanner-container .blackboard-text { color: #BAB9BE; font-size: 46px; line-height: 46px; font-family: "Shadows Into Light", cursive; text-transform: uppercase; } .fullwidthbanner-container .tp-caption { filter: alpha(opacity=0); opacity: 0; } .fullwidthbanner-container .tp-caption a { color: #FFF; } .fullwidthbanner-container .tp-caption a:hover { color: #FFF; } .fullwidthbanner-container .tp-caption.fullscreenvideo { height: 100%; position: absolute; top: 0; width: 100%; left: 0 !important; } .fullwidthbanner-container .tp-caption.fullscreenvideo video { height: 100%; width: 100%; padding: 0; position: relative; } .fullwidthbanner-container.light { background-color: #EAEAEA; } .slider-container.light .tp-bannershadow { filter: alpha(opacity=5); opacity: 0.05; top: 0; bottom: auto; z-index: 1000; } .slider-container.light .top-label, .slider-container.light .main-label, .slider-container.light .bottom-label { color: #333; } .slider-container.light .tp-caption a { color: #333; } .fullwidthbanner-container .tp-caption a:hover { color: #333; } .slider { height: 500px; max-height: 500px; position: relative; } .rev_slider > ul > li > .center-caption { left: 0 !important; margin-left: 0 !important; text-align: center; width: 100%; } .rev_slider .tp-bannertimer { display: none; } .rev_slider .main-button { font-size: 22px; font-weight: 600; line-height: 20px; padding-bottom: 20px; padding-top: 20px; padding-left: 25px; padding-right: 25px; } .fullwidthabanner { max-height: none; } .fullwidthabanner .slider { max-height: none; } .tp-caption > a.btn{ color: #424346; } .tp-caption > a.colored{ color: #fff; } /*------------Carousel Slider ----------------------*/ .b-carousel { margin-bottom: 20px; overflow: hidden; box-shadow: 0 1px 2px rgba(0,0,0,0.15) } .b-carousel, .carousel-content { position: relative; } .carousel-item { width: 100%; display: block; visibility: hidden; position: absolute; top: 0; left: 0; } .carousel-item.active { display: block; visibility: visible; position: static; } .carousel-item.current { left: 0; right: 0; visibility: visible; z-index: 1; } .carousel-item { max-width: 100%; display: block; } .carousel-control { position: absolute; top: 0; left: 0; bottom: 0; right: 0; overflow: hidden; } .b-carousel:hover .carousel-prev { left: 10px; } .b-carousel:hover .carousel-next { right: 10px; } .carousel-prev, .carousel-next { width: 32px; height: 80px; position: absolute; top: 50%; left: -40px; z-index: 2; margin-top: -40px; background: rgba(20,22,23,0.6); border-radius: 2px; cursor: pointer; -webkit-transition: background-color 0.2s ease, left 0.2s ease, right 0.2s ease; transition: background-color 0.2s ease, left 0.2s ease, right 0.2s ease; } .carousel-next { left: auto; right: -40px; } .carousel-prev:hover, .carousel-next:hover { background: rgba(215,47,28,0.9); } .carousel-prev:before, .carousel-next:before { content: '\f104'; display: block; text-align: center; line-height: 80px; font: 20px/80px 'FontAwesome'; color: #fff; } .carousel-next:before { content: '\f105'; } .carousel-next:hover:before, .carousel-prev:hover:before { color: #fff; } .carousel-pagination { position: absolute; bottom: 20px; left: 50%; -webkit-transition: bottom 0.2s ease; transition: bottom 0.2s ease; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 2; margin: 0; padding: 0; list-style: none; text-align: center; line-height: 50px; } .carousel-pagination li { float: left; width: 13px; height: 13px; margin: 0 3px; background: rgba(0,0,0,0.5); border-radius: 50%; cursor: pointer; } .carousel-pagination li.active { background: #e34735; } /* // #Content // -------------------------------------------------- */ /*------------Page Heading----------------------*/ .crumbs { float: right; margin: 0; padding: 0; list-style: none; font-size: 11px; color: #c4c4c4; } .crumbs li { display: inline-block; line-height: 54px; } .crumbs li:after { content: "\f054"; display: inline-block; position: relative; top: -1px; padding: 0 0 0 3px; font: 6px/54px 'FontAwesome'; } .crumbs li:first-child:after, .crumbs li:last-child:after { display: none; } .crumbs a { padding: 0 4px; text-decoration: none; color: #c4c4c4; -webkit-transition: color 0.2s ease; transition: color 0.2s ease; } .crumbs a:hover { color: #ee4a37; } .b-titlebar { padding: 0; border-top: 1px solid #e4e4e4; background: #fff; } .b-titlebar h1 { margin-bottom: 0; line-height: 54px; white-space: nowrap; color: #313538; font-size: 20px; font-family: 'OpenSansRegular'; } /*------------Page Content ----------------------*/ .main { margin: 0 auto; background: #fff; box-shadow: 0 0 2px rgba(0,0,0,0.2); } .main.boxed { width: 1090px; margin-top: 20px!important; margin-bottom: 20px; } .layout { width: 1010px; min-width: 200px; margin: auto; padding: 0 40px; } .content, .onepage-content { border-top: 1px solid #e4e4e4; } .content.gray-content { background: #fafafa; background: -webkit-gradient(linear, left top, left bottom, color-stop(2%,#fcfcfc), color-stop(100%,#f9f9f9)); background: -webkit-linear-gradient(top, #fcfcfc 2%,#f9f9f9 100%); background: linear-gradient(to bottom, #fcfcfc 2%,#f9f9f9 100%); border-bottom: 1px solid #e4e4e4; } .content.gray-content .layout { padding: 35px 40px; } .content .layout { padding: 40px; } .content-featured { /*padding: 30px 0;*/ background: #2f3338 url(../img/page-head-bg.gif) repeat; box-shadow: 0 2px 3px rgba(0,0,0,0.2) inset; color: #c4c7ca; line-height: 24px; } .content-featured p { margin-bottom: 0; font-size: 18px; text-shadow: 0 1px 0 rgba(0,0,0,0.2); } .content-featured h1 { margin-bottom: 5px; font-family: 'OpenSansLightRegular'; color: #e3e5e7; text-shadow: 0 1px 0 rgba(0,0,0,0.2); } .content-featured a { font-family: 'OpenSansItalic'; } .content-featured a:hover { color: #e9ebed; } /*------------Page Elements ----------------------*/ .pretty-photo-item { display: block; position: relative; z-index: 1; } .pretty-photo-item:hover .link-overlay { background: rgba(15,16,17,0.5); } .pretty-photo-item:hover .link-overlay:before { -webkit-transform: scale(1); transform: scale(1); opacity:1; } .title { margin-bottom: 20px; } .centered { text-align: center; } .uppercase { text-transform: uppercase; } .btn-layout { width: 32px; height: 32px; position: fixed; top: 10px; left: 10px; z-index: 100; border: 1px solid #FC5E32; box-shadow: inset 0 1px 0 #FCAB94; text-shadow: inset 0 1px 0 #FC5E32; background: #ff855f; background: -webkit-gradient(linear, left top, left bottom, color-stop(2%,#ff855f), color-stop(100%,#ff6d41)); background: -webkit-linear-gradient(top, #ff855f 2%,#ff6d41 100%); background: linear-gradient(to bottom, #ff855f 2%,#ff6d41 100%); text-align: center; font: 20px/31px 'FontAwesome'; color: #fff; cursor: pointer; } .btn-layout.active { background: #444; box-shadow: inset 0 0 3px #333; border: 1px solid #333; } .b-titlebar.m-dark { position: relative; overflow: hidden; background: #2f3338 url(../img/page-head-bg.gif) repeat; box-shadow: 0 2px 3px rgba(0,0,0,0.3) inset; border-top: none; } .b-titlebar.m-dark .layout { position: relative; padding: 35px 0 35px; } .b-titlebar.m-dark .img-wrap { position: absolute; top: 0; left: -9999px; bottom: 0; right: -9999px; padding: 0; } .b-titlebar.m-dark .img-wrap img { display: block; height: 100%; margin: 0 auto; } .b-titlebar.m-dark h1 { margin-top: 0; white-space: normal; text-align: center; font: 40px/1 'OpenSansSemiboldRegular'; text-transform: uppercase; font-weight: normal; color: #fff; } .b-titlebar.m-dark p { margin-top: 9px; margin-bottom: 1px; text-align: center; font-size: 14px; color: #d2d6d9; } .blockquote { position: relative; margin-bottom: 20px; padding-left: 32px; font: 20px/24px 'OpenSansItalic', serif; color: #65686d; } .blockquote:before { content: '“'; position: absolute; top: -10px; left: 0; font: 52px 'OpenSansLightItalic'; color: #e34735; } .blockquote.m-left, .blockquote.m-right { width: 50%; position: relative; z-index: 1; float: left; margin: 0 20px 20px 0; } .blockquote.m-right { width: 50%; float: right; margin: 0 0 20px 20px; } /* // #Portfolio // -------------------------------------------------- */ /*------------Listing Item ----------------------*/ .b-filter-list { margin: -10px 0 20px; padding: 0; list-style: none; } .b-filter-list li { display: inline-block; position: relative; margin-right: 23px; padding-bottom: 10px; font-size: 13px; color: #313538; cursor: pointer; } .b-filter-list li.active { color: #e34735; } .b-filter-list li:before, .b-filter-list li.active:before { content: ''; display: block; height: 0; position: absolute; left: 0; right: 0; bottom: 0; z-index: 53; background: #888; -webkit-transition: height 0.2s ease; transition: height 0.2s ease; } .b-filter-list li:hover:before { height: 2px; } .b-filter-list li.active:before { height: 2px; background: #e34735; } .b-filter-select { display: none; position: relative; margin-top: -15px; margin-bottom: 25px; } .b-filter-select ul { display: none; position: absolute; left: 0; right: 0; z-index: 10; margin: 0; padding: 0; background: #fff; border: 1px solid #d9d9d9; border-top: none; list-style: none; } .b-filter-select .filter-current { background: #fafafa; border: 1px solid #e2e2e2; border-bottom: 1px solid #dfdfdf; } .b-filter-select .filter-current:hover { background: #fafafa url(../img/light-btn.jpg) repeat-x top; box-shadow: 0 2px 2px rgba(0,0,0,0.04); border-color: #d9d9d9; border-bottom: 1px solid #cecece; } .b-filter-select .filter-current:active { background: #f5f5f5; box-shadow: inset 0 1px 2px rgba(0,0,0,0.07); border-color: #d9d9d9; } .b-filter-select .filter-current:after { content: "\f0d7"; float: right; margin-top: 5px; font: 12px 'FontAwesome'; } .b-filter-select li, .b-filter-select .filter-current { padding: 5px 15px 4px; line-height: 22px; cursor: pointer; } .b-filter-select li:hover { margin: 0 -1px; background: #e34735; color: #fff; } /*------------Single Item ----------------------*/ .work .tag { margin: 15px 7px 0 0; padding: 0 13px; line-height: 28px; } .work { position: relative; margin-bottom: 40px; text-align: center; } .work-image { display: block; position: relative; z-index: 2; overflow: hidden; box-shadow: 0 1px 1px rgba(0,0,0,0.1); -webkit-transition: box-shadow 0.2s ease; transition: box-shadow 0.2s ease; } .work-image img { width: 100%; display: block; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } .work-image:hover img { -webkit-transform: scale(1.1); transform: scale(1.1); } .link-overlay { position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: rgba(0,0,0,0); -webkit-transition: background-color 0.3s ease; transition: background-color 0.3s ease; } .link-overlay:before { display: block; width: 46px; height: 46px; position: absolute; top: 50%; left: 50%; margin: -22px 0 0 -25px; border-radius: 50%; background: #fff; text-align: center; font: 14px/46px 'FontAwesome'; color: #2c2c2c; -webkit-transform: scale(0.8); transform: scale(0.8); opacity:0; -webkit-transition: -webkit-transform 0.3s ease, opacity 0.3s ease; transition: transform 0.3s ease, opacity 0.3s ease; } .work-image:hover .link-overlay { background: rgba(20,22,23,0.6);} .work-image:hover .link-overlay:before { -webkit-transform: scale(1); transform: scale(1); opacity:1; } .work p { margin: 0; } .work-name { display: inline-block; margin: 15px 0 6px; font: 14px 'OpenSansSemiboldRegular'; } a.work-name { color: #313538; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; position: relative; } a.work-name:hover { color: #e34735; } .tags { font: 12px 'OpenSansItalic'; color: #c9c9c9; } .b-description { margin-bottom: 30px; } .project-description { margin: -8px 0 18px; padding: 0; list-style: none; } .project-description li { border-top: 1px dotted #d1d1d2; line-height: 34px; } .project-description li:first-child { border-top: none; } .project-description strong { display: inline-block; min-width: 70px; font-weight: normal; } .live-preview { margin: 0 0 30px 0; } .project-social { float: none; margin: 18px 0; font-size: 16px; } .project-social li { font-size: 16px; } /**** Isotope Filtering ****/ .isotope-item { z-index: 2; } .isotope-hidden.isotope-item { pointer-events: none; z-index: 1; } /**** Isotope CSS3 transitions ****/ .isotope, .isotope .isotope-item { -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -ms-transition-duration: 0.8s; -o-transition-duration: 0.8s; transition-duration: 0.8s; } .isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; -ms-transition-property: height, width; -o-transition-property: height, width; transition-property: height, width; } .isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; -ms-transition-property: -ms-transform, opacity; -o-transition-property: -o-transform, opacity; transition-property: transform, opacity; } /**** disabling Isotope CSS3 transitions ****/ .isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; } /* // #Page // -------------------------------------------------- */ /*------------404 page ----------------------*/ h2.error-404 { font: 200px/200px 'OpenSansLightRegular'; text-shadow: 0 4px 0 #dcdcdc; } /* // #Blog // -------------------------------------------------- */ /*------------Blog Posts ----------------------*/ .post-preview.sticky { -moz-box-shadow: 1px 1px 1px 2px #ccc; -webkit-box-shadow: 1px 1px 1px 2px #ccc; box-shadow: 1px 1px 1px 2px #ccc; padding: 15px !important; border-bottom: none !important; } .post-preview { padding: 0; border-bottom: 1px dashed #dee1e2; margin-bottom: 25px; } .post-preview:first-child { padding-top: 0; } .post-preview h3 { white-space: normal; } .post-preview .btn { margin-bottom: 30px; } .post-image-wrap { position: relative; } .post-image { display: block; overflow: hidden; position: relative; margin-bottom: 25px; box-shadow: 0 1px 1px rgba(0,0,0,0.1); z-index: 2; } .post-image img { display: block; position: relative; width: 100%; -webkit-transition: -webkit-transform 0.4s ease; transition: transform 0.4s ease; } .post-image:hover img { -webkit-transform: scale(1.1); transform: scale(1.1); } .post-image:hover .link-overlay { background: rgba(20,22,23,0.6); } .post-image:hover .link-overlay:before { -webkit-transform: scale(1); transform: scale(1); opacity:1; } .post-meta { margin: -5px 0 20px; font: 12px/20px 'OpenSansItalic'; color: #c9c9c9; } .post-meta i { margin-right: 8px; color: #e2e2e2; } .post-meta a { color: #c9c9c9; -webkit-transition: color 0.2s ease; transition: color 0.2s ease; } .post-meta a:hover { color: #e34735; } .post-preview p { margin-bottom: 20px; } .post-link { font-size: 12px; color: #e34735; } .post-link:hover { color: #313538; } .post-link:after { content: "\f101"; margin-left: 5px; font: 13px 'FontAwesome'; vertical-align: baseline; } /*------------Blog Posts Medium ----------------------*/ .b-recent-post.m-medium .post-image-wrap { float: left; width: 100px; margin-bottom: 0; margin-top: 5px; } .b-recent-post.m-medium .post-image-wrap + div { margin-left: 120px; } .preview-medium:after { content: ''; display: block; clear: both; } .preview-medium p { margin-bottom: 20px; } .preview-medium .btn { margin-bottom: 30px; } .preview-medium .post-image-wrap, .preview-medium .b-carousel { width: 237px; float: left; margin-top: 4px; margin-bottom: 10px; } .preview-medium .post-image-wrap + div, .preview-medium .b-carousel + div { margin-left: 267px; } .post-content { margin-bottom: 30px; } .post-content h3 { font-family: 'OpenSansSemiboldRegular'; } .post-content p { margin-bottom: 20px; } .b-user-info { position: relative; margin: 0 0 50px 0; padding: 20px 20px 3px; background: #fff; background: -webkit-gradient(linear, left top, left bottom, color-stop(2%,#ffffff), color-stop(100%,#fbfbfb)); background: -webkit-linear-gradient(top, #ffffff 2%,#fbfbfb 100%); background: linear-gradient(to bottom, #ffffff 2%,#fbfbfb 100%); border: 1px solid #e2e2e2; box-shadow: 0 1px 1px rgba(0,0,0,0.03); } .b-user-info:before { content: ''; position: absolute; top: -3px; left: -1px; right: -1px; border-top: 2px solid #e34735; } .user-info-ava { width: 60px; height: 60px; float: left; overflow: hidden; border-radius: 50%; } .user-info-name { margin-bottom: 10px; color: #313538; font: 14px 'OpenSansSemiboldRegular'; } .user-info-bio { margin-left: 79px; } .just-links { margin-bottom: 20px; } .just-links li { line-height: 24px; } .just-links a { color: #e34735; display: block; } .just-links.m-dark a { color: #4a4c4c; } .just-links.m-dark a:hover { color: #e34735; } /*------------Blog Related Posts ----------------------*/ .related-post { margin-bottom: 20px; } .related-post .post-preview { border-bottom: none; } .related-post .post-image { margin-bottom: 14px; box-shadow: 0 1px 1px rgba(0,0,0,0.1); } /*------------Blog Comments ----------------------*/ .b-comments { margin-bottom: 50px; } .comment { position: relative; padding-top: 25px; border-top: 1px dashed #ddd; } .comment:first-child { padding-top: 0; border-top: none; } .comment-ava { width: 60px; height: 60px; float: left; overflow: hidden; background: #fafafa; border-radius: 50%; } .comment-content { margin-left: 79px; } .comment-content p { margin-bottom: 25px; } .comment-meta { margin-bottom: 10px; } .comment-name { color: #424346; font-family: 'OpenSansSemiboldRegular'; } .comment-date { font: 12px 'OpenSansItalic'; color: #c9c9c9; } .btn-reply { margin-left: 10px; padding: 2px 8px 2px; background: #fafafa url(../img/btn-bg.png) repeat-x top; border-radius: 2px; border: 1px solid #e2e2e2; border-bottom: 1px solid #dfdfdf; line-height: 15px; font: 10px 'OpenSansSemiboldRegular'; color: #424346; cursor: pointer; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } .btn-reply:hover { background: #fafafa url(../img/btn-bg.png) repeat-x top; box-shadow: 0 1px 2px rgba(0,0,0,0.07); border-color: #d9d9d9; border-bottom: 1px solid #cecece; } .btn-reply b { font-weight: normal; } .btn-reply.cancel-reply { padding-bottom: 2px; background: #e34735 url(../img/btn-bg.png) repeat-x top; border: 1px solid #df4432; color: #fff7f5; text-shadow: 0 -1px 0px #db3e2d; line-height: 17px; } .btn-reply.cancel-reply b { color: #fff; } .np{ padding-left: 0px; } .comment-reply { margin-left: 40px; } .comment .b-comment-form { margin-bottom: 30px; } /* // #Pagination // -------------------------------------------------- */ .pagination { margin: 30px 0 30px; padding: 0; list-style: none; line-height: 25px; word-spacing: -1px; } .pagination span, .pagination a { display: inline-block; height: 25px; margin-right: 3px; padding: 0 9px; background: #fafafa url(../img/btn-bg.png) repeat-x top; border-radius: 2px; border: 1px solid #e2e2e2; text-shadow: 0 1px 0 white; font-family: 'OpenSansSemiboldRegular'; text-align: center; font-size: 12px; color: #424346; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } .pagination a:hover { background: #e34735 url(../img/btn-bg.png) repeat-x top; border: 1px solid #df4432; box-shadow: 0 1px 3px rgba(0,0,0,0.1); color: #fff; text-shadow: 0 -1px 0px #e42a1d; } .pagination a.active { background: #f5f5f5; box-shadow: inset 0 1px 2px rgba(0,0,0,0.07); border-color: #d9d9d9; } .pagination a.active:hover { text-shadow: 0 1px 0 white; color: #424346; } .pagination a.active, .pagination span { cursor: default; } /* // #Widgets // -------------------------------------------------- */ .sidebar h3 { margin-bottom: 13px; font: 12px 'OpenSansBold'; text-transform: uppercase; } i.ita { font-family:great_vibesregular; font-style:normal; font-weight:normal; font-size: 150%; vertical-align: middle; display: inline-block; } /*------------Basic Widgets ----------------------*/ .widget_archive, .widget_categories, .widget_pages, .widget_meta, .widget_recent_comments, .widget_recent_entries, .widget_rss, .widget_nav_menu { margin-bottom: 35px; } .widget_archive ul, .widget_categories ul, .widget_pages ul, .widget_meta ul, .widget_recent_comments ul, .widget_recent_entries ul, .widget_rss ul{ list-style: none; padding-left: 0px; } .widget_nav_menu ul{ list-style: none; } .widget_nav_menu ul.menu{ padding-left: 0px; } .widget_archive ul li, .widget_categories ul li, .widget_pages ul li, .widget_meta ul li, .widget_recent_comments ul li, .widget_recent_entries ul li, .widget_rss ul li, .widget_nav_menu ul li { margin-bottom: 3px; line-height: 20px; } .widget_archive ul li:before, .widget_categories ul li:before, .widget_pages ul li:before, .widget_meta ul li:before, .widget_recent_comments ul li:before, .widget_recent_entries ul li:before, .widget_rss ul li:before, .widget_nav_menu ul li:before { content: "\f105"; float: left; margin-right: 10px; color: #ddd; font: 14px/22px 'FontAwesome'; } .widget_archive a, .widget_categories a, .widget_pages a, .widget_meta a , .widget_recent_comments a, .widget_recent_entries a, .widget_rss a, .widget_nav_menu a { padding: 0; color: #e34735; font-family: 'OpenSansRegular'; -webkit-transition: color 0.25s ease-in-out; transition: color 0.25s ease-in-out; } .widget_archive a:hover, .widget_categories a:hover, .widget_pages a:hover, .widget_meta a:hover, .widget_recent_comments a:hover, .widget_recent_entries a:hover, .widget_rss a:hover, .widget_nav_menu a:hover { color: #313538; } .widget_archive .count, .widget_categories .count, .widget_pages .count, .widget_meta .count, .widget_recent_comments .count, .widget_recent_entries .count, .widget_rss .count, .widget_nav_menu .count { color: #d3d3d3; font-weight: normal; font-family: 'OpenSansItalic'; } .rssSummary, .widget_rss cite{ padding-left: 15px; } .widget_rss .rss-date{ display: block; font-weight: bold; padding-left: 15px; } #calendar_wrap table{ width : 100%; margin: 0 -5px 20px; } #calendar_wrap table caption{ font-size: 13pt; margin-bottom: 5px; } .b-blog-search { margin-bottom: 35px; } .b-blog-search input { width: 100%; } .tagcloud { font-size: 0px; letter-spacing: -.31em; word-spacing: -.43em; margin-bottom: 20px; margin-top: 20px; } .tagcloud span { display: inline-block; margin-right: 10px; font: 14px 'OpenSansSemiboldRegular'; color: #313538; } .tagcloud a { display: inline-block; position: relative; margin: 0 10px 10px 0; padding: 0 15px; border-radius: 2px; background: #fafafa url(../img/btn-soc.png) repeat-x top; border: 1px solid #e2e2e2; text-shadow: 0 1px 0 white; font: 11px/29px 'OpenSansSemiboldRegular'!important; color: #424346; letter-spacing: normal; word-spacing: normal; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .tagcloud a:hover { background: #e34735 url(../img/btn-bg.png) repeat-x top; border: 1px solid #df4432; box-shadow: 0 1px 3px rgba(0,0,0,0.1); color: #fff; text-shadow: 0 -1px 0px #e42a1d; } .tagcloud a:hover:before { opacity: 1; } .tagcloud.m-dark { margin-bottom: 13px; } .tagcloud.m-dark a { background: #fff url(../img/btn-bg.png) repeat-x top; border-color: #dddddd; } .tagcloud.m-dark a:hover { background: #e34735 url(../img/btn-bg.png) repeat-x top; border: 1px solid #df4432; box-shadow: 0 1px 3px rgba(0,0,0,0.1); color: #fff; text-shadow: 0 -1px 0px #e42a1d; } /*------------Latest Project ----------------------*/ .latest-project { margin: 0 -5px 20px; font-size: 0px; letter-spacing: -.31em; word-spacing: -.43em; } .latest-project-item { display: inline-block; position: relative; z-index: 2; width: 66px; height: 66px; margin: 0 7px 7px !important; background: none; -webkit-transition: border-color 0.2s ease; transition: border-color 0.2s ease; } .latest-project a, .latest-project img { position: relative; display: block; box-shadow: 0 1px 1px rgba(0,0,0,0.07); } .latest-project a:after { content: ''; position: absolute; top: 0; left: 0; bottom: 0; right: 0; -webkit-transition: background-color 0.3s ease; transition: background-color 0.3s ease; } .latest-project a:hover:after { background: rgba(15,16,17,0.5); } .latest-project a img { max-width: 100%; } .latest-project.m-dark a { border-color: #2f3132; } .latest-project.m-dark a:hover { border-color: #e34735; } .latest-project.m-dark a:after{ background: rgba(0,0,0,0.5); } .latest-project.m-dark a:hover:after { background: none; } /*------------Twitter ----------------------*/ .tweet-item{ padding-bottom: 5px; } .b-twitter.m-footer a { color: #e34735; } .b-twitter.m-footer a:hover { color: #3b3d40; } .b-twitter.m-footer li:before { color: #ced3d5; text-shadow: 0 1px 0 white; } .b-twitter.m-footer .twit-date { color: #444; } .b-twitter ul { margin: 0 0 20px 0; padding: 0; list-style: none; } .b-twitter li { position: relative; padding: 0 0 18px 25px; } .b-twitter li:before { content: "\f099"; position: absolute; top: 2px; left: 0; font: 16px 'FontAwesome'; color: #e2e2e2; } .b-twitter span { display: block; margin: 2px 0 0; } .twit-date { font: 11px 'OpenSansItalic'; color: #d3d3d3; } .b-twitter.m-footer a { color: #e34735; } .b-twitter.m-footer a:hover { color: #3b3d40; } .b-twitter.m-footer li:before { color: #ced3d5; text-shadow: 0 1px 0 white; } .b-twitter.m-footer .twit-date { color: #444; } /* // #Footer // -------------------------------------------------- */ .footer { border-top: 1px solid #e2e2e2; } .footer .layout { padding: 0; } /*------------Widget Area ----------------------*/ .b-widgets { padding: 35px 40px 25px; background: #f5f5f5; background: -webkit-gradient(linear, left top, left bottom, color-stop(2%,#f9f9f9), color-stop(100%,#f5f5f5)); background: -webkit-linear-gradient(top, #f9f9f9 2%,#f5f5f5 100%); background: linear-gradient(to bottom, #f9f9f9 2%,#f5f5f5 100%); color: #4a4c4c; } .b-widgets h1, .b-widgets h2, .b-widgets h3, .b-widgets h4, .b-widgets h5, .b-widgets h6 { color: #343434; } .b-widgets h3 { margin-bottom: 15px; font-size: 12px; font-family: 'OpenSansBold'; text-transform: uppercase; } .b-widgets .b-list { margin-bottom: 30px; } .b-widgets .b-list i { font-size: 15px; color: #d3d3d3; } .b-widgets h5 { color: #303030; } /*------------Contact Info ----------------------*/ .b-contact li { margin-bottom: 8px; } .b-contact i:before { font-size: 14px; color: #5a6166; text-shadow: 0 1px 0 white; } .contact-mail a { color: #e34735; -webkit-transition: color 0.2s ease; transition: color 0.2s ease; } .contact-mail a:hover { color: #313538; } .b-contact .contact-address i:before { font-size: 16px !important; } .footer .b-contact i:before { color: #ced3d5; } /*------------Copy Right ----------------------*/ .b-copyright { overflow: hidden; padding: 0 30px; background: #2f3338 url(../img/page-head-bg2.gif) repeat; font-size: 14px; line-height: 64px; } .copy { float: left; font-size: 12px; color: #64696d; } .copy a { color: #b8bdc0; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } .copy a:hover { color: #8e9397; } /*------------Social Icons ----------------------*/ .b-copyright .b-social { margin: 0; } .b-copyright .b-social li { margin: 0 12px 0 0; font-size: 12px; color: #64696d; } .b-copyright .b-social a { width: 18px; height: 18px; background: none; border: none; text-align: center; line-height: 18px; font-size: 16px; color: #5c5f63; cursor: pointer; text-shadow: 0 1px 1px rgba(0,0,0,0.1); } .b-copyright .b-social a.tw { font-size: 15px; } .b-copyright .b-social a.fb:hover { color: #576ec7; text-shadow: 0 0 12px #3c4978; } .b-copyright .b-social a.tw:hover { color: #5db4f0; text-shadow: 0 0 12px #3f6c8d; } .b-copyright .b-social a.pt:hover { color: #c8222f; text-shadow: 0 0 12px #74232c; } .b-copyright .b-social a.lin:hover { color: #007bb6; text-shadow: 0 0 12px #105070; } .b-copyright .b-social a.gl:hover { color: #ba3526; text-shadow: 0 0 12px #6d2d27; } .b-copyright .b-social a.dr:hover { color: #e24d87; text-shadow: 0 0 12px #813958; } .b-copyright .b-social a.tl:hover { color: #35506b; text-shadow: 0 0 12px #2b3a4a; } .b-copyright .b-social a.vk:hover { color: #45688e; text-shadow: 0 0 12px #33465c; } .b-copyright .b-social a.dx:hover { color: #0073ce; text-shadow: 0 0 12px #104c7c; } .b-copyright .b-social a.fs:hover { color: #219bce; text-shadow: 0 0 12px #21607c; } .b-copyright .b-social a.is:hover { color: #c07145; text-shadow: 0 0 12px #704b37; } .b-copyright .b-social a.mx:hover, .b-copyright .b-social a.rss:hover { color: #fa9200; text-shadow: 0 0 12px #8d5b14; } .b-copyright .b-social a.sk:hover { color: #29aae1; text-shadow: 0 0 12px #256785; } .b-copyright .b-social a.yt:hover { color: #ed3639; text-shadow: 0 0 12px #872d31; } .b-copyright .b-social a.gh:hover { color: #a0a3a8; text-shadow: 0 0 12px #60646a; } .b-copyright .b-social { float: right; } /* // #Shop // -------------------------------------------------- */ .shop-content { border: 1px solid #e2e2e2; border-radius: 2px; margin-bottom: 25px; } .shop-info { padding: 17px; } .shop-info h5 { color: #313538; font-size: 13px; font-family: OpenSansSemiboldRegular; margin: -8px 0 8px; line-height: 20px; } .shop-info .p_price { font-size: 16px; color: #2eafbb; font-family: OpenSansSemiboldRegular; } .shop-btns { margin: 10px 0 35px; } .shop-btns .s-btn1 { padding: 0 9px; float: left; display: table; } .shop-btns .s-btn2 { float: right; padding: 0 9px; } .shop-info-inner { min-height: 69px; } .sale-btn { background: url(../img/sale-btn.png); width: 46px; height: 46px; line-height: 46px; text-align: center; font-family: OpenSansSemiboldRegular; text-transform: uppercase; color: #fff; font-size: 11px; float: right; margin-left: 5px; } .sys-login label { font-family: OpenSansSemiboldRegular; font-size: 13px; display: table; width: 100%; color: #313538; margin-bottom: 7px; } .sys-login input { font-family: OpenSansSemiboldRegular; font-size: 13px; display: table; width: 100%; color: #313538; height: 30px; border: 1px solid #d4d4d4; border-radius: 2px; margin-bottom: 10px; background: #fafafa; } .chk_box input[type=checkbox].css-checkbox { display: none; } .chk_box input[type=checkbox].css-checkbox + label.css-label { padding-left: 25px; height: 16px; display: inline-block; line-height: 16px; background-repeat: no-repeat; background-position: 0 0; font-size: 13px; vertical-align: middle; cursor: pointer; color: #65686d; margin: 5px 0 15px; } .chk_box input[type=checkbox].css-checkbox:checked + label.css-label { background-position: 0 -16px; } .chk_box label.css-label { background-image: url(http://csscheckbox.com/checkboxes/u/csscheckbox_dd44d676429718b8146be2502d0803b7.png); -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .no-mgn { margin-right: 0; } .widget-shop { margin-top: 35px; } .filter-list ul { padding: 0; } .filter-list li { list-style: none; margin-bottom: 3px; } .filter-list li a { color: #2eafbb; font-size: 13px; } .filter-list li a:hover { color: #000; } .filter-list li span.count { color: #9ba0a4; font-size: 13px; float: right; } .filter-list li .children{ padding-left: 10px; } .filter-list li:before { content: "\f054"; font: 10px/23px FontAwesome; color: #dddfe6; margin-right: 10px; } .filter-list h3 { font-family: OpenSansBold; } .pproducts-list ul { padding: 0; } .pproducts-list ul li { list-style: none; margin-bottom: 15px; } .pproducts-list ul li img { float: left; } .pproducts-info { margin-left: 55px; } .pproducts-info h5 { font-size: 13px; margin: 0 0 2px; } .pproducts-info p { color: #acafb0; } .s_range { margin-top: 25px; } .range_v { display: table; float: right; width: 150px; margin-right: -35px; } .range_v span { font-size: 13px; color: #65686d; float: left; margin-right: 5px; line-height: 20px; font-family: OpenSansRegular; } .range_v input { border: medium none; display: table; float: left; width: 44px; margin-right: 5px; font-size: 13px; color: #65686d; line-height: 20px; font-family: OpenSansRegular; } .range_sep { background: #65686d; width: 17px; height: 1px; display: table; position: relative; top: 10px; right: 20px; } .price-range h3 { margin-bottom: 0; } .ratings { background: rgba(0,0,0,0.4); padding: 5px; border-radius: 5px; display: table; margin: 0 auto -39px; position: relative; top: -65px; visibility: hidden; } .ratings .on i { color: #f6ce60; } .ratings .off i { color: #242426; } .ratings ul { padding: 0; margin: 0; } .ratings ul li { list-style: none; float: left; margin: 0 1px; } .shop-content:hover { cursor: pointer; } .shop-content:hover .ratings { visibility: visible; } #portfolio-slider1 ul { padding: 0; } #portfolio-slider1 ul li,.portfolio-slider1-thumbs li { list-style: none; } .entry-summary { } .entry-summary .shorter { font-size: 30px; margin-bottom: 5px; } .price { color: #2eafbb; font-size: 18px; font-family: OpenSansSemiboldRegular; margin-bottom: 17px; } .entry-summary p { color: #65686d; } .product-meta span { font-size: 11px; color: #a2a6ab; } .quantity { margin: 0 15px 25px 0; overflow: hidden; position: relative; width: 125px; height: 40px; float: left; } .quantity .minus,.quantity .plus { border-radius: 2px; box-shadow: none; color: #5E5E5E; cursor: pointer; display: block; font-size: 12px; font-weight: 700; height: 37px; line-height: 13px; margin: 0; overflow: visible; outline: 0; padding: 0; position: absolute; text-align: center; text-decoration: none; vertical-align: text-top; width: 37px; border:1px solid #ccc; } .entry-summary .quantity .minus,.entry-summary .quantity .plus { border-radius: 2px; box-shadow: none; color: #5E5E5E; cursor: pointer; display: block; font-size: 12px; font-weight: 700; height: 37px; line-height: 13px; margin: 0; overflow: visible; outline: 0; padding: 0; position: absolute; text-align: center; text-decoration: none; vertical-align: text-top; width: 37px; border:1px solid #ccc; background: #fafafa url(../img/btn-soc.png) repeat-x top; border-bottom: 1px solid #dfdfdf; font: 13px/32px 'OpenSansSemiboldRegular'; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .quantity .plus { right: 0; top: 0; } .quantity .qty { border: 1px solid #dfdfdf; box-shadow: none; float: left; height: 36px; padding: 0 39px; text-align: center; width: 50px; font-size: 1em; } .quantity .qty::-webkit-inner-spin-button,.quantity .qty::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } .quantity .qty::-ms-clear { display: none; } .product_meta { display: table; width: 100%; margin-bottom: 35px; } .reviews p { color: #313538; } .r-ratings ul { padding: 0; margin: 0; display: table; float: right; } .r-ratings .on i { color: #ffc560; } .r-ratings .off i { color: #f6f6f8; } .r-ratings ul li { list-style: none; float: left; margin: 0 1px; } .reviews-info { margin-bottom: 10px; } .reviews-info p { color: #65686d; } .reviews-info p span { color: #313538; display: block; margin-bottom: 5px; } .reviews-info p em { color: #c9c9c9; } .reviews-info-inner { margin-left: 75px; border: 1px solid #dfdfdf; padding: 15px 15px 2px; } .reviews-thumb { float: left; border: 2px solid; border-color: #dfdfdf; border-radius: 50%; } .form-group { margin-bottom: 15px; display: table; width: 100%; } .form-group input { width: 96%; display: block; } .form-group textarea { width: 96%; display: block; } .form-group select { width: 100%; display: block; } .form-group select.orderby { width: auto; display: block; } .form-group label { padding-bottom: 5px; display: table; font-weight: 400; color: #555; } .form-control, .widget_archive select, .widget_categories select, .widget_text select, .widget_product_categories select { display: block; height: 34px; padding: 6px 2%; font-size: 14px; line-height: 1.428571429; color: #555; vertical-align: middle; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075); box-shadow: inset 0 1px 1px rgba(0,0,0,0.075); -webkit-transition: border-color ease-in-out .15s box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s box-shadow ease-in-out .15s; } .widget_archive select, .widget_categories select, .widget_text select, .widget_product_categories select{ width: 100%; } .form-control:focus { border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 8px rgba(102,175,233,0.6); box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 8px rgba(102,175,233,0.6); } .form-control:-moz-placeholder { color: #999; } .form-control::-moz-placeholder { color: #999; } .form-control:-ms-input-placeholder { color: #999; } .form-control::-webkit-input-placeholder { color: #999; } .form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control { cursor: not-allowed; background-color: #eee; } textarea.form-control { height: auto; } .form-group-div1 { width: 48%; float: left; margin-right: 2%; } .form-group-div2 { width: 48%; float: left; margin-left: 2%; } .form-group-div1 input { width: 90%; padding: 6px 5%; } .form-group-div2 input { width: 90%; padding: 6px 5%; } .btn-right { float: right; } .remember-box { margin-bottom: 15px; display: table; } .table { border-collapse: collapse; border-spacing: 0; } thead { display: table-header-group; } tr { page-break-inside: avoid; } .table td,.table th { background-color: #fff !important; } .table { border-collapse: collapse !important; } .table-bordered th,.table-bordered td { border: 1px solid #ddd !important; } table { max-width: 100%; background-color: transparent; } th { text-align: left; } .table { width: 100%; margin-bottom: 20px; } .table > thead > tr > th,.table > tbody > tr > th,.table > tfoot > tr > th,.table > thead > tr > td,.table > tbody > tr > td,.table > tfoot > tr > td { padding: 8px; line-height: 1.428571429; vertical-align: top; border-top: 1px solid #ddd; } .table > thead > tr > th { vertical-align: bottom; border-bottom: 2px solid #ddd; } .table > caption + thead > tr:first-child > th,.table > colgroup + thead > tr:first-child > th,.table > thead:first-child > tr:first-child > th,.table > caption + thead > tr:first-child > td,.table > colgroup + thead > tr:first-child > td,.table > thead:first-child > tr:first-child > td { border-top: 0; } .table > tbody + tbody { border-top: 2px solid #ddd; } .table .table { background-color: #fff; } .table-condensed > thead > tr > th,.table-condensed > tbody > tr > th,.table-condensed > tfoot > tr > th,.table-condensed > thead > tr > td,.table-condensed > tbody > tr > td,.table-condensed > tfoot > tr > td { padding: 5px; } .table-bordered { border: 1px solid #ddd; } .table-bordered > thead > tr > th,.table-bordered > tbody > tr > th,.table-bordered > tfoot > tr > th,.table-bordered > thead > tr > td,.table-bordered > tbody > tr > td,.table-bordered > tfoot > tr > td { border: 1px solid #ddd; } .table-bordered > thead > tr > th,.table-bordered > thead > tr > td { border-bottom-width: 2px; } .table-striped > tbody > tr:nth-child(odd) > td,.table-striped > tbody > tr:nth-child(odd) > th { background-color: #f9f9f9; } .table-hover > tbody > tr:hover > td,.table-hover > tbody > tr:hover > th { background-color: #f5f5f5; } table col[class*=col-] { display: table-column; float: none; } table td[class*=col-],table th[class*=col-] { display: table-cell; float: none; } .table > thead > tr > td.active,.table > tbody > tr > td.active,.table > tfoot > tr > td.active,.table > thead > tr > th.active,.table > tbody > tr > th.active,.table > tfoot > tr > th.active,.table > thead > tr.active > td,.table > tbody > tr.active > td,.table > tfoot > tr.active > td,.table > thead > tr.active > th,.table > tbody > tr.active > th,.table > tfoot > tr.active > th { background-color: #f5f5f5; } .table > thead > tr > td.success,.table > tbody > tr > td.success,.table > tfoot > tr > td.success,.table > thead > tr > th.success,.table > tbody > tr > th.success,.table > tfoot > tr > th.success,.table > thead > tr.success > td,.table > tbody > tr.success > td,.table > tfoot > tr.success > td,.table > thead > tr.success > th,.table > tbody > tr.success > th,.table > tfoot > tr.success > th { background-color: #dff0d8; } .table-hover > tbody > tr > td.success:hover,.table-hover > tbody > tr > th.success:hover,.table-hover > tbody > tr.success:hover > td,.table-hover > tbody > tr.success:hover > th { background-color: #d0e9c6; } .table > thead > tr > td.danger,.table > tbody > tr > td.danger,.table > tfoot > tr > td.danger,.table > thead > tr > th.danger,.table > tbody > tr > th.danger,.table > tfoot > tr > th.danger,.table > thead > tr.danger > td,.table > tbody > tr.danger > td,.table > tfoot > tr.danger > td,.table > thead > tr.danger > th,.table > tbody > tr.danger > th,.table > tfoot > tr.danger > th { background-color: #f2dede; } .table-hover > tbody > tr > td.danger:hover,.table-hover > tbody > tr > th.danger:hover,.table-hover > tbody > tr.danger:hover > td,.table-hover > tbody > tr.danger:hover > th { background-color: #ebcccc; } .table > thead > tr > td.warning,.table > tbody > tr > td.warning,.table > tfoot > tr > td.warning,.table > thead > tr > th.warning,.table > tbody > tr > th.warning,.table > tfoot > tr > th.warning,.table > thead > tr.warning > td,.table > tbody > tr.warning > td,.table > tfoot > tr.warning > td,.table > thead > tr.warning > th,.table > tbody > tr.warning > th,.table > tfoot > tr.warning > th { background-color: #fcf8e3; } .table-hover > tbody > tr > td.warning:hover,.table-hover > tbody > tr > th.warning:hover,.table-hover > tbody > tr.warning:hover > td,.table-hover > tbody > tr.warning:hover > th { background-color: #faf2cc; } /* Cart */ table.cart { width: 100%; margin: 0; text-align: left; } table.cart img { height: auto; width: 55px; } table.cart th { padding: 8px 10px; } table.cart td { border-top: 1px solid #DCDCDC; padding: 8px 10px; } table.cart td.actions { padding: 20px 10px; } table.cart .remove .icon { font-size: 1.5em; } table.cart .coupon { float: left; } table.cart .product-remove { width: 1%; } table.cart .product-thumbnail { width: 7%; } table.cart .product-name { width: 60%; } table.cart .quantity { top: 10px; position: relative; } .actions-continue { float: right; } .cart-totals { width: 100%; } .cart-totals th { border-top: 1px solid #DCDCDC; padding: 8px 10px; } .cart-totals td { border-top: 1px solid #DCDCDC; padding: 8px 10px; } .cart-totals tr.total .amount { font-size: 2em; display: block; padding-top: 10px; } ul.products li.product .onsale { background-color: #2eafbb; border-bottom-color: #dd4036; } .cart-totals tr.total .amount { color: #2eafbb; } input[type=checkbox] { margin-right: 10px; position: relative; top: 2px; } dl.Zebra_Accordion { width: 100%; } dl.Zebra_Accordion dt { background: #aaa url(../img/plus.png) no-repeat right center; cursor: pointer; color: #FFF; font-weight: 400; font-size: 15px; text-transform: uppercase; padding: 10px; margin-top: 15px; border-radius: 5px 5px 0 0; } dl.Zebra_Accordion dd { background: #fff; padding: 15px; margin: 0; } dl.Zebra_Accordion dt.Zebra_Accordion_Expanded { background: #2eafbb url(../img/minus.png) no-repeat right center; } .co-sidebar h4 { margin-top: 15px; } .b-demo { overflow: hidden; padding: 0 30px; background: #2f3338 url(../img/page-head-bg2.gif) repeat; font-size: 14px; line-height: 30px; } .lost_password{ float: right; margin: 0px; } /* shop */ .comment-form-rating, { clear: both; } p.stars { position: relative; line-height: 1em; font-size: 1em; } p.stars:after { content: "\0020"; display: block; height: 0; overflow: hidden; clear: both; } p.stars a { width: 19%; display: block; position: relative; color:#f6ce60; float: left; text-decoration: none; font-weight: bold; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; /* Opera/IE 8+ */ padding: .5em .5em .5em 1em; background: rgba(0, 0, 0, 0.025); margin-right: 1%; -webkit-border-radius: 10px; border-radius: 10px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } p.stars a:hover { background: rgba(0, 0, 0, 0.075); } p.stars a:hover:after { color: #666666; } p.stars a.active, p.stars a.active:after { color: #242426; } p.stars a.star-1:after { content: "\f005"; float: right; } p.stars a.star-2:after { content: "\f005\f005"; float: right; } p.stars a.star-3:after { content: "\f005\f005\f005"; float: right; } p.stars a.star-4:after { content: "\f005\f005\f005\f005"; float: right; } p.stars a.star-5:after { content: "\f005\f005\f005\f005\f005"; float: right; } ul.order_details { border: 1px solid #e8e4e3; list-style: none; padding-left: 1.618em; position: relative; } ul.order_details:after { content: "\0020"; display: block; height: 0; overflow: hidden; clear: both; } ul.order_details li { padding: 1em 2em 1em 0; margin-right: 2em; float: left; border-right: 1px solid #e8e4e3; text-transform: uppercase; font-size: .857em; color: #9f9693; } ul.order_details li strong { display: block; text-transform: none; font-size: 1.387em; color: #6c6360; } ul.order_details li:last-child { border-right: 0; } .order_details.bacs_details { padding-top: 1.3em; } .order_details.bacs_details:before { content: "\f0d6"; } .country_to_state{ width: 100%; } .chosen-container.chosen-container-single{ width: 100% !important; } /* grid */ .shop-wrap.row { display: flex; flex-flow: row wrap; margin: 0 -10px; margin-bottom: 10px; } .shop-wrap.row:last-child { margin-bottom: 0; } .shop-wrap [class*="col-"] { padding: 10px; width: 100%; } .shop-wrap *, .shop-wrap *:before, .shop-wrap *:after { box-sizing: border-box; } .shop-wrap .row-item{ margin: 0px; } .shop-wrap img{ width: 100%; } .product-btn { background: #f5f5f5; line-height: 37px; height: 37px; } .shop-wrap .product-btn a.add-to-cart-product { width: 25%; float: right; background: #2eafbb url(../img/cart.png) no-repeat right; height: 37px; position:relative; } .product-btn a.add-to-cart-product:before { content: "\f07a"; background: none; position: absolute; width: 100%; height: 100%; top: :0px; right: 0px; left: 0px; border-radius: 50%; color: #fff; text-align: center; line-height: 37px; font-family: FontAwesome; font-size:20px; } .details{ padding-left: 10%; } .product-btn a.details:before{ float: left; background: #2eafbb url(../img/cart.png) no-repeat right; height: 37px; position:relative; } .product-btn a.details:before { content: "\f129"; background: none; padding-right: 5px; height: 100%; top:0; right: 0; left: 5%; border-radius: 50%; text-align: center; line-height: 37px; font-family: FontAwesome; font-size:20px; }