@import 'shortcodes.css'; @import 'settings-panel.css'; @import url("font-awesome.min.css"); /* BASE ^ -----------------------------------------------------------------------------------------------------------*/ @font-face { font-family: 'FontAwesome'; src: url('../font/icon/fontawesome-webfont3294.eot?v=3.0.1'); src: url('../font/icon/fontawesome-webfontd41d.eot?#iefix&v=3.0.1') format('embedded-opentype'), url('../font/icon/fontawesome-webfont3294.woff?v=3.0.1') format('woff'), url('../font/icon/fontawesome-webfont3294.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-webfontd41d.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-webfontd41d.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-webfontd41d.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-webfontd41d.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-webfontd41d.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-webfontd41d.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-webfontd41d.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-webfontd41d.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-webfontd41d.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-webfontd41d.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-webfontd41d.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; } body { margin: 0; background: #fff url(../img/bg/wood_pattern.png); font: 13px/20px 'OpenSansRegular'; color: #65686d; overflow-x: hidden; } .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; } .element-wrap { margin-bottom: 30px; } .element-wrap iframe, #map_canvas { width: 100%; } #map_canvas img { max-width: none !important; } .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; } .clearfix:after { content: ''; display: block; clear: both; } img { max-width: 100%; border: none; } .full-shadow { border: 1px solid #ccc; box-shadow: 1px 1px 4px 0 rgba(180,180,180,0.3); } .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; } .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; } .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-wrap.m-center img { display: block; } .img-wrap.m-center .shadow { display: inline-block; } img.m-center { 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); } .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; } .col-md-4 .shadow, .col-md-6 .shadow, .col-md-3 .shadow, .col-md-9 .shadow { margin-bottom: 0; } .col-md-4 .shadow:after, .col-md-6 .shadow:after, .col-md-3 .shadow:after, .col-md-9 .shadow:after { height: 20px; bottom: -23px; } .col-md-9 .shadow:after { height: 30px; bottom: -33px; } strong { color: #313538; } 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; } 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; } 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; } .title { margin-bottom: 20px; } .p-20 { font: 18px/24px 'OpenSansRegular'; margin-bottom: 20px; color: #3c3c40; } .margin-0 { margin-bottom: 0px; } .margin-10 { margin-bottom: 10px; } .margin-20 { margin-bottom: 20px; } .margin-30 { padding-bottom: 30px; } .margin-40 { padding-bottom: 40px; } .margin-50 { margin-bottom: 50px; } 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'; } .centered { text-align: center; } .uppercase { text-transform: uppercase; } /* columns ^ --------------------------------------------------------------*/ /* ============================== Sections styles ============================== */ /* * Common */ .page-section, .small-section{ width: 100%; display: block; position: relative; overflow: hidden; background-attachment: fixed; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 140px 0; } .small-section{ padding: 70px 0; } .small-title{ padding: 0; margin: 0 0 30px 0; text-transform: uppercase; font-size: 18px; font-weight: 300; letter-spacing: 0.3em; } .section-icon{ margin-bottom: 7px; text-align: center; font-size: 32px; } .small-title .serif{ text-transform: none; font-weight: 400; } .small-title.white{ color: #fff; } .bg-scroll{ background-attachment: scroll !important; } .bg-pattern{ background-repeat: repeat; background-size: auto; } .bg-pattern-over:before, .bg-pattern-over .YTPOverlay:after{ content: " "; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-repeat: repeat; background-size: auto; background-image: url(../images/pattern-bg-2.png); } .bg-gray{ background-color: #f4f4f4; } .bg-gray-lighter{ background-color: #f8f8f8; } .bg-dark, .bg-dark-lighter, .bg-dark-alfa-30, .bg-dark-alfa-50, .bg-dark-alfa-70, .bg-dark-alfa-90, .bg-dark-alfa, .bg-color, .bg-color-lighter, .bg-color-alfa-30, .bg-color-alfa-50, .bg-color-alfa-70, .bg-color-alfa-90, .bg-color-alfa{ color: #fff; } .bg-dark a, .bg-dark-lighter a, .bg-dark-alfa-30 a, .bg-dark-alfa-50 a, .bg-dark-alfa-70 a, .bg-dark-alfa-90 a, .bg-dark-alfa a, .bg-color a, .bg-colorlighter a, .bg-color-alfa-30 a, .bg-color-alfa-50 a, .bg-color-alfa-70 a, .bg-color-alfa-90 a, .bg-color-alfa a{ color: rgba(255,255,255, .8); padding-bottom: 3px; -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); } .bg-dark a:hover, .bg-dark-lighter a:hover, .bg-dark-alfa-30 a:hover, .bg-dark-alfa-50 a:hover, .bg-dark-alfa-70 a:hover, .bg-dark-alfa-90 a:hover, .bg-dark-alfa a:hover, .bg-color a:hover, .bg-color-lighter a:hover, .bg-color-alfa-30 a:hover, .bg-color-alfa-50 a:hover, .bg-color-alfa-70 a:hover, .bg-color-alfa-90 a:hover, .bg-color-alfa a:hover{ color: rgba(255,255,255, 1); text-decoration: none; } .bg-color .text, .bg-color-lighter .text, .bg-color-alfa-30 .text, .bg-color-alfa-50 .text, .bg-color-alfa-70 .text, .bg-color-alfa-90 .text, .bg-color-alfa .text, .bg-color .section-text, .bg-color-lighter .section-text, .bg-color-alfa-30 .section-text, .bg-color-alfa-50 .section-text, .bg-color-alfa-70 .section-text, .bg-color-alfa-90 .section-text, .bg-color-alfa .section-text{ color: rgba(255,255,255, .75); } .bg-color .white, .bg-color-lighter .whitet, .bg-color-alfa-30 .white, .bg-color-alfa-50 .white, .bg-color-alfa-70 .white, .bg-color-alfa-90 .white, .bg-color-alfa .white{ color: #fff; } .bg-dark{ background-color: #111; } .bg-dark-lighter{ background-color: #252525; } .bg-dark-alfa:before, .bg-dark-alfa .YTPOverlay:before{ content: " "; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(17,17,17, .97); } .bg-dark-alfa-30:before, .bg-dark-alfa-30 .YTPOverlay:before{ content: " "; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(34,34,34, .3); } .bg-dark-alfa-50:before, .bg-dark-alfa-50 .YTPOverlay:before{ content: " "; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(34,34,34, .5); } .bg-dark-alfa-70:before, .bg-dark-alfa-70 .YTPOverlay:before{ content: " "; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(17,17,17, .7); } .bg-dark-alfa-90:before, .bg-dark-alfa-90 .YTPOverlay:before{ content: " "; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(3,3,3, .9); } .bg-light-alfa:before{ content: " "; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(252,252,252, .97); } .bg-light-alfa-30:before, .bg-light-alfa-30 .YTPOverlay:before{ content: " "; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(252,252,252, .30); } .bg-light-alfa-50:before, .bg-light-alfa-50 .YTPOverlay:before{ content: " "; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(252,252,252, .50); } .bg-light-alfa-70:before, .bg-light-alfa-70 .YTPOverlay:before{ content: " "; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(252,252,252, .7); } .bg-light-alfa-90:before, .bg-light-alfa-90 .YTPOverlay:before{ content: " "; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(252,252,252, .9); } .bg-color{ background-color: #e41919; } .bg-color-alfa:before, .bg-color-alfa .YTPOverlay:before{ content: " "; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #e41919; opacity: .97; } .bg-color-alfa-30:before, .bg-color-alfa-30 .YTPOverlay:before{ content: " "; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #e41919; opacity: .3; } .bg-color-alfa-50:before, .bg-color-alfa-50 .YTPOverlay:before{ content: " "; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #e41919; opacity: .5; } .bg-color-alfa-70:before, .bg-color-alfa-70 .YTPOverlay:before{ content: " "; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #e41919; opacity: .7; } .bg-color-alfa-90:before, .bg-color-alfa-90 .YTPOverlay:before{ content: " "; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #e41919; opacity: .9; } .bg-orange{ background-color: #f47631 !important; } .bg-yellow{ background-color: #ffce02 !important; } .bg-cyan{ background-color: #27c5c3 !important; } .bg-green{ background-color: #58bf44 !important; } .bg-blue{ background-color: #43a5de !important; } .bg-purple{ background-color: #375acc !important; } .bg-red{ background-color: #e13939 !important; } .section-title { margin-bottom: 15px; font-size: 18px; font-weight: 400; text-transform: uppercase; text-align: center; letter-spacing: 0.5em; line-height: 1.4; } .section-more{ margin-top: 7px; color: #999; font-size: 11px; font-weight: 400; letter-spacing: 0.4em; text-decoration: none; -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); } .section-more:hover{ text-decoration: none; color: #000; } .section-more .fa{ font-size: 12px; } .section-heading { margin-bottom: 15px; font-size: 24px; font-weight: 400; text-transform: uppercase; text-align: center; letter-spacing: 0.5em; line-height: 1.3; } .section-line{ width: 55px; height: 1px; margin: 30px auto; background: #111; } .section-text{ font-size: 15px; font-weight: 300; color: #777; line-height: 1.7; } .section-text blockquote{ margin-top: -5px; } .section-bot-image{ margin: 140px 0 -140px; text-align: center; -webkit-backface-visibility: hidden; -webkit-transform: translateZ(0); } /* Breadcrumbs */ .mod-breadcrumbs{ margin-top: -5px; font-size: 11px; font-weight: 400; letter-spacing: 0.4em; text-decoration: none; text-transform: uppercase; -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); } .mod-breadcrumbs span{ opacity: .65; } .mod-breadcrumbs a{ text-decoration: none; } .mod-breadcrumbs a:hover{ text-decoration: none; } .mod-breadcrumbs .fa{ font-size: 12px; } .mod-breadcrumbs-mini{ text-align: left; } .home-bot-image{ width: 100%; position: absolute; bottom:0; left: 0; text-align: center; } .fixed-height-large, .fixed-height-medium, .fixed-height-small{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .fixed-height-large{ min-height: 800px; } .fixed-height-medium{ min-height: 700px; } .fixed-height-small{ min-height: 600px; } /* * Split section */ .split-section{ width: 100%; display: block; position: relative; overflow: hidden; background-attachment: fixed; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .split-section-headings{ width: 38.2%; float: left; position: relative; overflow: hidden; text-align: center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .ssh-table{ width: 100%; display: table; } .ssh-cell{ display: table-cell; padding-left: 10px; padding-right: 10px; vertical-align: middle; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .split-section-content{ width: 61.8%; float: right; min-height: 300px; position: relative; overflow: hidden; background: rgba(255,255,255, .97); -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .hs-line-4 { margin-top: 0; position: relative; font-size: 14px; font-weight: 400; text-transform: uppercase; letter-spacing: 3px; color: rgba(255,255,255, .85); } /* columns ^ --------------------------------------------------------------*/ /* .row { css disalbe because confilct with maxima govind display: block; letter-spacing: -.31em; word-spacing: -.43em; font-size: 0px; } */ .row.m-block { display: block; } .row-item { display: inline-block; margin: 0; vertical-align: top; text-align: left; font-size: 13px; letter-spacing: normal; word-spacing: normal; } /* headers ^ --------------------------------------------------------------*/ .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%); } h1{margin: 0 0 10px; padding: 0; line-height: 1em; font-weight: normal; /* color: #fff; */} 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: 24px '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.html) 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; } .sidebar h3 { margin-bottom: 13px; font: 12px 'OpenSansBold'; text-transform: uppercase; } h2.error-404 { font: 200px/200px 'OpenSansLightRegular'; text-shadow: 0 4px 0 #dcdcdc; } i.ita { font-family: great_vibesregular; font-style: normal; font-weight: normal; font-size: 150%; vertical-align: middle; display: inline-block; } .semibold { font-family: 'OpenSansSemiboldRegular'; } .great-vibesregular { font-family: 'great_vibesregular'; } /*-----------------------------------------------------------------------------------------------------------*/ .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; } .main { margin: 0 auto; background: #fff; box-shadow: 0 0 2px rgba(0,0,0,0.2); } .main.boxed { width: 1200px; margin-top: 20px; margin-bottom: 20px; } .layout { padding: 0 15px; } /* HEADER ^ -----------------------------------------------------------------------------------------------------------*/ .header { position: relative; } .is-sticky .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 15px; text-align: right; } .header-alt .mob-layout { float: none; width: 100%; } .header-alt .menu { float: right; } #header-transparent .sticky-wrapper , .header-transparent { background: transparent !important; position: fixed !important; top: 0; left: 0; right: 0; z-index: 999; transition: .4s; } .header-trans-act { background: #fff; transition: .4s; border-bottom: 2px solid #EAEAEA; background: -webkit-gradient(linear, left top, left bottom, color-stop(2%,#fcfcfc), color-stop(100%,#f9f9f9))!important; background: -webkit-linear-gradient(top, #fcfcfc 2%,#f9f9f9 100%)!important; background: linear-gradient(to bottom, #fcfcfc 2%,#f9f9f9 100%)!important; border-bottom: 2px solid #eaeaea; } .header { left: 0; right: 0; top: 0; z-index: 555; } .is-sticky .header { background: #FFF; border-bottom: 2px solid #EAEAEA; width: 100%; left: 0px; top: 0px; height: 79px; 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: 2px solid #eaeaea; } .content .header .layout { position: relative; padding: 40px 15px 0 !important; text-align: right; } .logo { display: inline-block; position: static; margin: 0; line-height: 79px; text-align: left; margin-top: 12px; margin-right:30px !important; } .logo img { vertical-align: middle; padding-top: 5px; position: absolute; top: 0; vertical-align: middle; } .logobeta img { vertical-align: middle; position: relative; /*left: -250px;*/ /*top: -15px;*/ vertical-align: middle; pointer-events: 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; } /* top social ^ --------------------------------------------------------------*/ .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; } /* navigation ^ --------------------------------------------------------------*/ .wrap-left .menu { margin-left: 40px; } .btn-menu { display: none; } /*----------------------------------------------*/ .header .layout { height: 76px; line-height: 76px; } .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; } /*-------------------------------------------------------*/ .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; } /* --------------- 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!important; border-bottom: 1px solid #26292c!important; -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; } /*---------------------------------------------------------- mobile menu */ .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.active { color: #d0d5d8; } .mob-menu > li > div > a { padding: 0 40px; line-height: 42px; } .mob-menu div { width: 768px; position: relative; margin: 0 auto; } /*---------------------------------------------------------- submenu*/ .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; } /*---------------------------------------------------------- search */ .b-search-form { float: right; margin: 0 0 0 -5px; z-index:9999; position:relative; width:40px; height:33px; right: -10px; cursor:pointer; } .b-search-form input { width: 20px; height: 33px; background: rgba(255,255,255,0.4); position:absolute; z-index:777; right:0; top:22px; cursor:pointer; } .b-search-form .input-wrap { margin-bottom: 0; position:relative; width:40px; cursor:pointer; } .b-search-form input { border: 1px solid transparent; box-shadow: none; background:transparent url(../img/search_hr.png) no-repeat center left; background-size:12px; background-position:10px 58%; padding-left:20px; } .b-search-form input:focus { width: 180px; border: 1px solid #e2e2e2; border-top: 1px solid #d4d4d4; box-shadow: none; background:#fff url(../img/search.png) no-repeat center left; background-size:12px; background-position:10px 53%; padding-left:35px; } .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.html) 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; max-height: 100% !important; position: relative; padding: 0; overflow: hidden !important; margin-bottom: -1px; } .fullwidthbanner-container .fullwidthbanner3, .fullwidthbanner-container .fullwidthbanner2, .fullwidthbanner-container .fullwidthbanner1, .fullwidthbanner-container .fullwidthbanner { max-height: 100% !important; position: relative; margin-top: -5px; width: 100% !important; } .fullwidthbanner-container1 { width: 100% !important; max-height: 440px !important; position: relative; padding: 0; overflow: hidden !important; } .fullwidthbanner-container1 .fullwidthbanner1 { max-height: 440px !important; 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-container1:hover .tp-leftarrow.default , .fullwidthbanner-container:hover .tp-leftarrow.default { left: 20px !important; } .fullwidthbanner-container1:hover .tp-rightarrow.default , .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; } .shortcodes .tp-caption span { margin-bottom: 20px; } /* CONTENT ^ -----------------------------------------------------------------------------------------------------------*/ .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 15px; } .content .layout { padding: 40px 15px; } .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: 0px; border-top: 1px solid #E4E4E4; background: none repeat scroll 0% 0% #FFF; clear: both; display: table; width: 100%; } .b-titlebar h1 { margin-bottom: 0; line-height: 54px; float: left; white-space: nowrap; color: #313538; font-size: 20px; font-family: 'OpenSansRegular'; } .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; } /* FOOTER ^ -----------------------------------------------------------------------------------------------------------*/ .footer { /*border-top: 1px solid #e2e2e2;*/ } .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; } .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; } .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; } .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; } /* CONTENT-FEATURED ^ -----------------------------------------------------------------------------------------------------------*/ .content-featured { background: #2f3338 url(../img/page-head-bg.gif) repeat; box-shadow: 0 2px 3px rgba(0,0,0,0.2) inset; color: #c4c7ca; font-size: 18px; line-height: 24px; } .content-featured p { margin-bottom: 0; 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; } /* PORTFOLIO ^ -----------------------------------------------------------------------------------------------------------*/ /*-------------------------------------------------------------- MAIN PAGE */ .b-filter-list { margin: 0% 0% 3% 33%; 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.html) 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; } /*--------------------------------------------------*/ .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; } /**** 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; } /*-------------------------------------------------------------- INNER PAGE */ /* Carousel ----------------------------------*/ .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; } /* Description block ----------------------------------*/ .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; } /* BLOG ^ -----------------------------------------------------------------------------------------------------------*/ /*-------------------------------------------------------------- MAIN PAGE */ .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; } /*-------------------------------------------------*/ .pagination { margin: 30px 0 30px; padding: 0; list-style: none; line-height: 25px; word-spacing: -1px; } .pagination span, .pagination div, .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 div { cursor: default; } /*-------------------------------------------------*/ .b-recent-post { margin-bottom: 30px; } .b-recent-post.m-medium { margin-bottom: 20px; border-bottom: 1px dashed #dee1e2; } .b-recent-post .post-image-wrap { margin-bottom: 16px; } .b-recent-post .post-meta { margin: -6px 0 2px 0; font-size: 12px; } .b-recent-post h1, .b-recent-post h2, .b-recent-post h3, .b-recent-post h4, .b-recent-post h5, .b-recent-post h6 { white-space: normal; } .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; } /*-------------------------------------------------*/ .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; } /*--------------------------------------------------*/ .recent-post { margin-bottom: 35px; } .recent-post li { margin-bottom: 3px; line-height: 20px; } .recent-post li:before { content: "\f105"; float: left; margin-right: 10px; color: #caccce; font: 14px/21px 'FontAwesome'; text-shadow: 0 1px 0 white; } .recent-post a { color: #e34735; font-family: 'OpenSansRegular'; -webkit-transition: color 0.2s ease; transition: color 0.2s ease; } .recent-post a:hover { color: #313538; } .recent-post.m-dark li:before { color: #4a4c4c; } .recent-post.m-dark a { color: #4a4c4c; } .recent-post.m-dark a:hover { color: #c9c9c9; } /*-------------------------------------------------*/ .b-blog-search { margin-bottom: 35px; } .b-blog-search input { width: 100%; } /*-------------------------------------------------*/ .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; } /*-------------------------------------------------*/ .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; } /*-------------------------------------------------*/ .b-tag-cloud { font-size: 0px; letter-spacing: -.31em; word-spacing: -.43em; margin-bottom: 20px; } .b-tag-cloud span { display: inline-block; margin-right: 10px; font: 14px 'OpenSansSemiboldRegular'; color: #313538; } .b-tag-cloud 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'; color: #424346; letter-spacing: normal; word-spacing: normal; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .b-tag-cloud 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; } .b-tag-cloud a:hover:before { opacity: 1; } .b-tag-cloud.m-dark { margin-bottom: 13px; } .b-tag-cloud.m-dark a { background: #fff url(../img/btn-bg.png) repeat-x top; border-color: #dddddd; } .b-tag-cloud.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; } /*-------------------------------------------------*/ .widget-recent-posts { margin-bottom: 30px; } .widget-recent-posts .shadow { float: left; } .widget-recent-posts .shadow a { display: block; position: relative; box-shadow: 0 1px 1px rgba(0,0,0,0.1); } .widget-recent-posts .shadow a:after { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 5; -webkit-transition: background-color 0.2s ease 0s; transition: background-color 0.2s ease 0s; } .widget-recent-posts .shadow a:hover:after { background-color: rgba(0,0,0,0.3); } .widget-recent-posts img { display: block; width: 40px; height: 40px; margin-top: 5px; } .widget-recent-posts-item { margin-bottom: 15px; } .widget-recent-posts-item-content { margin-left: 58px; } .widget-recent-posts-item-content a { position: relative; margin-bottom: 14px; font-family: 'OpenSansSemiboldRegular'; } .widget-recent-posts-item-content .date { margin-top: 4px; font: 11px 'OpenSansItalic'; color: #d3d3d3; } /*-------------------------------------------------*/ .b-categories { margin-bottom: 35px; } .b-categories li { margin-bottom: 3px; line-height: 20px; } .b-categories li:before { content: "\f105"; float: left; margin-right: 10px; color: #ddd; font: 14px/22px 'FontAwesome'; } .b-categories a { padding: 0; color: #e34735; font-family: 'OpenSansRegular'; -webkit-transition: color 0.25s ease-in-out; transition: color 0.25s ease-in-out; } .b-categories a:hover { color: #313538; } .b-categories .count { color: #d3d3d3; font-weight: normal; font-family: 'OpenSansItalic'; } /*-------------------------------------------------*/ .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; } .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); } .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; } .comment-reply { margin-left: 40px; } .comment .b-comment-form { margin-bottom: 30px; } .cancel-reply2 { display: none; margin-left: 15px; } .cancel-reply2:after { content: "\f00d"; margin-left: 8px; font: 14px 'FontAwesome'; color: #ddd; } .comment .cancel-reply2 { display: inline-block; } /*-------------------------------------------------------------- SHOP PAGE */ .shop-content { border: 1px solid #e2e2e2; border-radius: 2px; margin-bottom: 25px; } .shop-info { padding: 19px; } .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; } .shop-content { width: 31%; float: left; margin: 0 3% 25px 0; height: 385px; padding:0; } .shop-content img { max-width: 100%; width: 100%; } .shop-wrap .pagination { margin-left: 12px; margin: 5px 0 30px; } .shop-wrap { display: table; width: 100%; } .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(../../../../www.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; } .filter-list { 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 { color: #9ba0a4; font-size: 13px; float: right; } .filter-list li:before { content: "\f054"; font: 10px/23px FontAwesome; color: #dddfe6; margin-right: 10px; } .filter-list h3 { font-family: OpenSansBold; } .pproducts-list { margin-top: 35px; } .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 { margin-top: 35px; } .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; } .quantity .plus { right: 0; top: 0; } .quantity .qty { border: 1px solid #DFDFDF; box-shadow: none; float: left; height: 36px; padding: 0px 0; text-align: center; width: 50px; font-size: 1em; position: relative; left: 37px; } .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; } .form-group { margin-bottom: 15px; display: table; width: 100%; } .form-group input { width: 100%; display: block; } .form-group select { width: 100%; display: block; } .form-group label { padding-bottom: 5px; display: table; font-weight: 400; color: #555; } .form-control { display: block; height: 45px; 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; } .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: 100%; padding: 6px 5%; } .form-group-div2 input { width: 100%; 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; } .no-pad-bottom { padding-bottom: 0px !important; } .no-margin-bottom { margin-bottom: 0px !important; } .parallax { background-attachment: fixed; background-repeat: no-repeat; background-size: 100% auto !important; } .parallax .quote-text, .parallax .quote-author-name, .parallax .quote-author-position { color: #FFF; } .quote-text { position: relative; margin-left: 70px; padding-left: 36px; color: #97999D; font: 16px/22px "Open Sans"; font-style: italic; } iframe { width: 100% !important; } .no-margin-top { margin-top: 0px; } .widget_archive ul { padding: 0; } .widget_archive ul li { margin-bottom: 3px; line-height: 20px; list-style: none; } .widget_archive ul li:before { content: "\f105"; float: left; margin-right: 10px; color: #ddd; font: 14px/22px 'FontAwesome'; } .tp-caption.reddishbg_heavy_70,.reddishbg_heavy_70 { font-size: 70px; line-height: 70px; font-weight: 900; font-family: Raleway; color: rgb(255,255,255); text-decoration: none; background-color: rgba(100,1,24,0.8); padding: 50px; text-shadow: none; border-width: 0px; border-color: rgb(0,0,0); border-style: none; } .tp-caption.borderbox_725x130,.borderbox_725x130 { min-width: 725px; min-height: 130px; background-color: transparent; text-decoration: none; border-width: 2px; border-color: rgb(255,255,255); border-style: solid; } .tp-caption.fullgradient_overlay,.fullgradient_overlay { background: linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%); filter: progid; width: 100%; height: 100%; border-width: 0px; border-color: rgb(34,34,34); border-style: none; } .tp-caption.white_heavy_70,.white_heavy_70 { font-size: 70px; line-height: 70px; font-weight: 900; font-family: Raleway; color: rgb(255,255,255); text-decoration: none; background-color: transparent; text-shadow: none; border-width: 0px; border-color: rgb(0,0,0); border-style: none; } .tp-caption.whiteline_long,.whiteline_long { line-height: 1px; min-width: 660px; background-color: transparent; text-decoration: none; border-width: 2px 0px 0px 0px; border-color: rgb(255,255,255) rgb(34,34,34) rgb(34,34,34) rgb(34,34,34); border-style: solid none none none; } .tp-caption.light_medium_20,.light_medium_20 { font-size: 20px; line-height: 30px; font-weight: 700; font-family: Raleway; color: #ffffff; text-decoration: none; background-color: transparent; border-width: 0px; border-color: rgb(0,0,0); border-style: none; } .tp-caption.test-12,.test-12 { font-size: 37px; line-height: 46px; font-weight: 200; text-decoration: none; background-color: transparent; border-width: 0px; border-color: rgb(79,79,79); border-style: none; } .tp-caption.test-13,.test-13 { font-size: 40px; line-height: 46px; font-weight: 200; text-decoration: none; background-color: transparent; border-width: 0px; border-color: rgb(79,79,79); border-style: none; } .tp-caption.balck-text,.balck-text { font-size: 32px; line-height: 46px; text-decoration: none; background-color: transparent; border-width: 0px; border-color: rgb(79,79,79); border-style: none; } .tp-caption.grey_regular_18,.grey_regular_18 { font-size: 18px; line-height: 26px; font-family: "Open Sans"; color: rgb(119,119,119); text-decoration: none; background-color: transparent; text-shadow: none; border-width: 0px; border-color: rgb(0,0,0); border-style: none; } .tp-caption.Hosting_large_bold_white,.Hosting_large_bold_white { font-size: 80px; line-height: 60px; font-weight: 800; font-family: "Open Sans"; color: rgb(255,255,255); text-decoration: none; padding: 10px; background-color: transparent; border-width: 3px; border-color: rgb(255,255,255); border-style: solid; } .tp-caption.desc_new_hosting,.desc_new_hosting { font-size: 18px; line-height: 43px; color: #fff; text-decoration: none; padding: 10px 10px 10px 10px; background-color: transparent; border-width: 0px; border-color: rgb(0,0,0); border-style: none; } #packages { padding-top: 50px; } .header-onepage li:before { display: none !important; } .resume-home { padding: 100px 0; } .resume-contact, .resume-clients, .resume-education , .resume-skills , .resume-experience { padding: 50px 0 0 !important; } .resume-portfolio { padding: 100px 0 0 !important; } #mob-menu a { line-height: 45px; } .layerslider-wrapper { margin-top:2px; } .onepage-content1 .parallax { padding-bottom: 120px; } .b-google-map { display: table; width: 100%; } @media screen and (max-width: 767px) { .yamm .nav { max-height: 73vh !important; } .parallax { background-attachment: fixed !important; background-repeat: no-repeat !important; background-size: auto 100% !important; } } .dropdown .yamm-content .m-submenu a, .dropdown .dropdown li a , .yamm-content .mmenu-title { letter-spacing: 0px !important; } /*********************************************** landing page css ************************************************/ .landingpage-full .header{z-index:999} .nomargin{margin:0!important} a,h1>span:not(.nocolor),h2>span:not(.nocolor),h3>span:not(.nocolor),h4>span:not(.nocolor),h5>span:not(.nocolor),h6>span:not(.nocolor),.header-extras li .he-text span,#primary-menu ul li:hover>a,#primary-menu ul li.current>a,#primary-menu div ul li:hover>a,#primary-menu div ul li.current>a,#primary-menu ul ul li:hover>a,#primary-menu ul li .mega-menu-content.style-2 ul.mega-menu-column>li.mega-menu-title>a:hover,#top-cart a:hover,.top-cart-action span.top-checkout-price,.breadcrumb a:hover,.portfolio-filter li a:hover,.portfolio-desc h3 a:hover,.portfolio-overlay a:hover,#portfolio-navigation a:hover,.entry-title h2 a:hover,.entry-meta li a:hover,.post-timeline .entry:hover .entry-timeline,.post-timeline .entry:hover .timeline-divider,.ipost .entry-title h3 a:hover,.ipost .entry-title h4 a:hover,.spost .entry-title h4 a:hover,.mpost .entry-title h4 a:hover,.comment-content .comment-author a:hover,.product-title h3 a:hover,.single-product .product-title h2 a:hover,.product-price ins,.single-product .product-price,.feature-box.fbox-border .fbox-icon i,.feature-box.fbox-border .fbox-icon img,.feature-box.fbox-plain .fbox-icon i,.feature-box.fbox-plain .fbox-icon img,.process-steps li.active h5,.process-steps li.ui-tabs-active h5,.team-title span,.pricing-box.best-price .pricing-price,.btn-link,.pagination>li>a,.pagination>li>span,.pagination>li>a:hover,.pagination>li>span:hover,.pagination>li>a:focus,.pagination>li>span:focus,.dark .post-timeline .entry:hover .entry-timeline,.dark .post-timeline .entry:hover .timeline-divider,.clear-rating-active:hover{color:#267df4} .color,.top-cart-item-desc a:hover,.portfolio-filter.style-3 li.activeFilter a,.faqlist li a:hover,.tagcloud a:hover,.dark .top-cart-item-desc a:hover,.iconlist-color li i,.dark.overlay-menu #header-wrap:not(.not-dark) #primary-menu>ul>li:hover>a,.dark.overlay-menu #header-wrap:not(.not-dark) #primary-menu>ul>li.current>a,.overlay-menu #primary-menu.dark>ul>li:hover>a,.overlay-menu #primary-menu.dark>ul>li.current>a,.nav-tree li:hover>a,.nav-tree li.current>a,.nav-tree li.active>a{color:#267df4!important} .section{background-color:#f9f9f9;margin:60px 0;overflow:hidden;padding:60px 0;position:relative} .nobg{background:rgba(0,0,0,0) none repeat scroll 0 0!important} .center{text-align:center!important} .nomargin{margin:0!important} .top-slider-banner{padding: 150px 0} .emphasis-title{margin:0 0 50px} .bottommargin{margin-bottom:50px!important} .emphasis-title h1,.emphasis-title h2,.heading-block h1,.heading-block h2,.heading-block h3,.heading-block h4{color:#333;font-weight:700;letter-spacing:1px;margin-bottom:0;text-transform:uppercase} .emphasis-title h1,.emphasis-title h2{font-size:64px;letter-spacing:-2px} .emphasis-title h1,.emphasis-title h2{font-weight:400;text-transform:none;line-height:initial} .btn-custom.button{display:inline-block;cursor:pointer;outline:0;white-space:nowrap;margin:5px;padding:0 22px;font-size:14px;height:40px;line-height:40px!important;background-color:#267df4;color:#FFF;font-weight:300;text-transform:uppercase;letter-spacing:1px;border:0;text-shadow:1px 1px 1px rgba(0,0,0,.2)} .button.button-3d{border-radius:3px;border-bottom:3px solid rgba(0,0,0,.15);-webkit-transition:none;-o-transition:none;transition:none} .button.button-3d:hover{background-color:#267df4!important;opacity:.9;text-decoration:none} .rightmargin-sm{margin-right:30px!important} .btn-custom.button-black{background-color:#111} .btn-custom.button-3d.button-black:hover,.btn-custom.button-border.button-black.button-fill:before,.btn-custom.button-border.button-black:hover,.btn-custom.button-reveal.button-black:hover{background-color:#111!important} .btn-custom.button-border.button-black{color:#111;border-color:#111} .btn-custom.button-white{background-color:#f9f9f9} .btn-custom.button-3d.button-white:hover,.btn-custom.button-reveal.button-white:hover{background-color:#f9f9f9!important;color:#333!important} .btn-custom.button.button-nohover:hover{opacity:inherit!important;background-color:inherit!important;color:inherit!important;border-color:inherit!important} .button-light{background-color:#eee;color:#333!important;text-shadow:none!important} .best-selling-wrap .heading-block h2{font-size:36px;font-weight:normal;text-transform:none;margin-bottom:15px;margin-bottom line-height:1.6} .best-selling-wrap .heading-block h2+span{color:#bbb;font-weight:300;font-size:22px} .bottommargin-lg{margin-bottom:80px!important} .demo-wrap-section .heading-block{margin-bottom:50px} .demo-wrap-section .heading-block h2{font-size:30px} .portfolio-desc{padding:15px 5px 10px;z-index:3} .iportfolio .portfolio-desc h3{font-size:14px;font-weight:400;letter-spacing:1px;margin-top:15px;text-transform:uppercase} .portfolio-desc h3 a{color:#222;text-decoration:none} .iportfolio .portfolio-desc h3 a:hover{color:#777} .happy-customers .heading-block h2{font-size:36px;font-weight:normal;text-transform:none;margin-bottom:15px;margin-bottom line-height:1.6} .happy-customers .heading-block h2+span{color:#bbb;font-weight:300;font-size:22px} .counter-warp .box-wrap-count{height:312px} .counter-warp .box-wrap-count.bg-shed1{background-color:#e2e2e2} .counter-warp .box-wrap-count.bg-shed2{background-color:#e9e9e9} .counter-warp .box-wrap-count.bg-shed3{background-color:#eee} .counter-warp .box-wrap-count.bg-shed4{background-color:#f2f2f2} .bottommargin-sm{margin-bottom:30px!important} .i-xlarge.i-bordered,.i-xlarge.i-circled,.i-xlarge.i-plain,.i-xlarge.i-rounded{margin:4px 11px 7px 0;font-size:56px} .i-xlarge.i-plain{width:64px!important;height:64px!important;font-size:56px;line-height:64px!important;color:#555} .col-padding{padding:60px} .counter{font-size:42px;font-weight:bold;line-height:1.5;color:#555} .counter+h5{font-weight:400;text-transform:uppercase;letter-spacing:1px;margin-top:10px;color:#555} .dark .section,.section.dark{background-color:#282828;border-color:rgba(255,255,255,.1)} .t500{font-weight:500!important} .section.dev-action{margin-top:0} .dev-action .heading-block h2{font-size:32px;color:#fff;font-weight:300;text-transform:none} .parallax{background-color:transparent;background-attachment:fixed;background-position:50% 0;background-repeat:no-repeat;overflow:hidden} .revplution-wrap{padding:150px 0;background-image:url("../images/landing-page/rev-intro.jpg");background-position:50% 100.2px;background-color:#f9f9f9} .revplution-wrap .emphasis-title{margin:0 0 50px} .revplution-wrap .emphasis-title .before-heading{font-size:24px} .revplution-wrap .emphasis-title h2{font-size:54px;font-weight:600} .revplution-wrap .button{border-radius:23px;min-width:200px;text-align:center;color:#333!important;padding:8px;border:2px solid #444;background-color:transparent!important;text-shadow:none} .revplution-wrap .button:hover{color:#fff!important;background-color:#111!important} .grid-gallery ul{list-style:none;margin:0;padding:0} .grid-gallery figure{margin:0} .grid-gallery figure img{display:block;width:100%} .grid-gallery figcaption h3{margin:0;padding:0 0 .5em} .grid-gallery figcaption p{margin:0} .grid-wrap{margin:0 auto} .grid{margin:0 auto} .grid li{width:33.33%;cursor:pointer;padding:0 15px} .slideshow .info-keys{display:none!important} .slideshow{position:fixed;background:rgba(0,0,0,0.6);width:100%;height:100%;top:0;left:0;z-index:999999;opacity:0;visibility:hidden;overflow:hidden;-webkit-perspective:1000px;perspective:1000px;-webkit-transition:opacity .5s,visibility 0s .5s;transition:opacity .5s,visibility 0s .5s} .slideshow-open .slideshow{opacity:1;visibility:visible;-webkit-transition:opacity .5s;transition:opacity .5s} .slideshow ul{width:100%;height:100%;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform:translate3d(0,0,150px);transform:translate3d(0,0,150px);-webkit-transition:-webkit-transform .5s;transition:transform .5s} .slideshow ul.animatable li{-webkit-transition:-webkit-transform .5s;transition:transform .5s} .slideshow-open .slideshow ul{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)} .slideshow li{width:660px;height:560px;position:absolute;top:50%;left:50%;margin:-280px 0 0 -330px;visibility:hidden;background:#fff} .slideshow li.show{visibility:visible} .slideshow li:after{content:'';position:absolute;width:100%;height:100%;top:0;left:0;-webkit-transition:opacity .3s;transition:opacity .3s;background:rgba(0,0,0,.5)} .slideshow li.current:after{visibility:hidden;opacity:0;-webkit-transition:opacity .3s,visibility 0s .3s;transition:opacity .3s,visibility 0s .3s} .slideshow nav span{position:fixed;z-index:1000;color:#fff;text-align:center;padding:3%;cursor:pointer;font-size:2.2em} .slideshow nav span.nav-prev,.slideshow nav span.nav-next{top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)} .slideshow nav span.nav-next{right:0} .slideshow nav span.nav-close{top:0;right:0;padding:.5em 1em;color:#fff} .icon:before,.icon:after{font-family:'fontawesome';speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale} span.nav-prev:before{content:"\e601"} span.nav-next:before{content:"\e600"} span.nav-close:before{content:"\e602"} .info-keys{position:fixed;top:10px;left:10px;width:60px;font-size:8px;padding-top:20px;text-transform:uppercase;color:#fff;letter-spacing:1px;text-align:center} .info-keys:before,.info-keys:after{position:absolute;top:0;width:16px;height:16px;border:1px solid #fff;text-align:center;line-height:14px;font-size:12px} .info-keys:before{left:10px;content:"\e603"} .info-keys:after{right:10px;content:"\e604"} .customer-reating-wrap{padding:80px 0; background: #fff;} .customer-reating-wrap .grid-gallery .grid .testimonial,.customer-reating-wrap .slideshow .testimonial{padding:40px;background-color:#FFF;border:1px solid rgba(0,0,0,.1);border-radius:5px;box-shadow:0 1px 1px rgba(0,0,0,.1);margin-bottom:30px} .customer-reating-wrap .slideshow .testimonial{box-shadow:none;border-radius:none;border:0} .customer-reating-wrap .grid-gallery .grid .testimonial .testi-content p,.customer-reating-wrap .slideshow .testimonial .testi-content p{font-size:18px;color:#666;line-height:1.8} .customer-reating-wrap .grid-gallery .grid .testimonial .testi-meta,.customer-reating-wrap .slideshow .testimonial .testi-meta{margin-top:10px;font-size:13px;font-weight:700;text-transform:uppercase} .customer-reating-wrap .grid-gallery .grid .testimonial .testi-meta span,.customer-reating-wrap .slideshow .testimonial .testi-meta span{display:block;font-weight:400;color:#999;font-size:12px;text-transform:none;padding-left:0} .customer-reating-wrap .grid-gallery .grid .testimonial .testimonials-rating,.customer-reating-wrap .slideshow .testimonial .testimonials-rating{margin-top:15px;color:#ffd700;font-size:18px;line-height:1} .bottom-portfolio2 .b-filter-list{ margin: 0 auto 3% 0;text-align: center;} .intro-support-block{border-top:1px solid #EEE;overflow:hidden; background: #fff;} .intro-support-block .box-support{padding:0;margin:0;border-right:1px solid #EEE} .intro-support-block .box-support:last-child{border-right:0} .intro-support-block .box-support a{display:block;text-decoration:none;color:#444;outline:0} .intro-support-block .box-support a:hover{background:#f5f5f5} .intro-support-block .box-support .i-plain{width:48px;height:48px;font-size:42px;line-height:48px} .intro-support-block .box-support span{display:block;font-size:20px;color:#444;margin-top:15px} .purchases-wrap{background:url('../images/landing-page/bg1.jpg') no-repeat center center;background-size:cover;text-align:center;padding:150px 0} .purchases-wrap h2{font-style:italic;font-size:56px;line-height:1.7;color:#FFF} .purchases-wrap h2 span{color:#fff;text-decoration:underline} .purchases-wrap .button{display:inline-block;float:none;margin:0 auto;height:auto;background:#267df4} .purchases-wrap .button:hover{background:#333} .top-layouts-wrap .b-filter-list{margin: 0 auto 3% 0; text-align: center;} .premade-section.section{margin: 0px;} .premade-section .heading-block{ text-align: center; } .premade-section .heading-block h2{display: block; font-size: 32px;} .premade-section .heading-block span{letter-spacing: 2px;line-height: 1.6} .excellent-wrap.section{margin: 0px;} .excellent-wrap .work-image{max-width: 85%; margin: 0 auto} .demo-wrap-section .heading-block h2{margin-bottom: 15px;} .demo-wrap-section .splash_subtitle{text-align: center; display: block;} .fixed-header{left: 0;right: 0;top: 0;z-index:999999; position:fixed; background:#f8f8f8 !important;box-shadow:0 0 3px #ddd;} @media(max-width: 767px){ .landingpage-full{overflow: hidden;} .grid li{width: 100%;} .customer-reating-wrap .grid-gallery .grid .testimonial, .customer-reating-wrap .slideshow .testimonial{padding: 15px;} .landingpage-full .section,.customer-reating-wrap{padding: 50px 0!important} .emphasis-title h1, .emphasis-title h2,.revplution-wrap .emphasis-title h2{font-size: 30px;} .revplution-wrap{background-image: none; text-align: center;} .revplution-wrap .button{float: none; text-align: center; display: inline-block; height: auto;} .revplution-wrap .emphasis-title{margin-bottom: 30px;} .landingpage-full .purchases-wrap{padding:50px 0} .purchases-wrap h2{font-size: 35px;} .landingpage-full .navbar-brand{margin-top:0px;} .landingpage-full .bottommargin-lg {margin-bottom: 30px !important;} .slideshow li{margin: 0px;} .slideshow nav span{color: #333} .landingpage-full .slideshow li { background: #fff none repeat scroll 0 0; height: auto; left: 5%; position: absolute; right: 0; text-align: center; top: 25%; width: 90%;} } @media(max-width:640px){ .landingpage-full .btn-custom.button{max-width: 80%; width: 100%; margin-bottom: 15px;} } /*********************************************** custom added ************************************************/ .page-scroll { display: block; position: relative; top: -90px; visibility:hidden; } #navlist li { display: inline; list-style-type: none; padding-right: 30px; }