/* template.css v1.0 */ /* ========================================================================== Main Template Core Stylesheet. Contains most important styles of the template. DO NOT MODIFY IT!! It will probably get updated and your work might get overwritten. ========================================================================== */ /* Basic Styles */ html, body {font-size: 100%; height:100%; } ul, ol { padding: 0; margin: 0 0 10px 25px; } ul ul, ul ol, ol ol, ol ul { margin-bottom: 0; } li { line-height: 1.4; } dl { margin-bottom: 20px; } dt, dd { line-height: 1.4; } dt { font-weight: bold; } dd { margin-left: 10px; } h1,h2,h3,h4,h5,h6,hgroup, ul,ol,dd, p,figure, pre,table,fieldset,hr { margin-bottom:20px; } /* Pace Progress bar & Page Preloader */ .pace { -webkit-pointer-events: none; pointer-events: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .pace-inactive { display: none; } .pace .pace-progress { background: #fe6060; position: fixed; z-index: 2000; top: 0; left: 0; height: 2px; -webkit-transition: width 1s; -moz-transition: width 1s; -o-transition: width 1s; transition: width 1s; } .pace .pace-progress-inner { display: block; position: absolute; right: 0px; width: 100px; height: 100%; box-shadow: 0 0 10px #fe6060, 0 0 5px #fe6060; opacity: 1.0; -webkit-transform: rotate(3deg) translate(0px, -4px); -moz-transform: rotate(3deg) translate(0px, -4px); -ms-transform: rotate(3deg) translate(0px, -4px); -o-transform: rotate(3deg) translate(0px, -4px); transform: rotate(3deg) translate(0px, -4px);} .pace .pace-activity { display: block; position: fixed; z-index: 2000; top: 15px; right: 15px; width: 14px; height: 14px; border: solid 2px transparent; border-top-color: #fe6060; border-left-color: #fe6060; border-radius: 10px; display: none; -webkit-animation: pace-spinner 400ms linear infinite; -moz-animation: pace-spinner 400ms linear infinite; -ms-animation: pace-spinner 400ms linear infinite; -o-animation: pace-spinner 400ms linear infinite; animation: pace-spinner 400ms linear infinite; } @media (max-width: 767px) {.pace .pace-activity {right: auto; left:120px;} } @-webkit-keyframes pace-spinner {0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }}@-moz-keyframes pace-spinner {0% { -moz-transform: rotate(0deg); transform: rotate(0deg); }100% { -moz-transform: rotate(360deg); transform: rotate(360deg); }}@-o-keyframes pace-spinner {0% { -o-transform: rotate(0deg); transform: rotate(0deg); }100% { -o-transform: rotate(360deg); transform: rotate(360deg); }}@-ms-keyframes pace-spinner {0% { -ms-transform: rotate(0deg); transform: rotate(0deg); }100% { -ms-transform: rotate(360deg); transform: rotate(360deg); }}@keyframes pace-spinner {0% { transform: rotate(0deg); transform: rotate(0deg); }100% { transform: rotate(360deg); transform: rotate(360deg); }} /* Loader */ .loader {position: fixed; left: 0; top: 0; bottom: 0; right: 0; background: rgba(255, 255, 255, 0.95); z-index: 1999; -webkit-transition:opacity .2s ease; transition:opacity .2s ease;} .loader.hideit {opacity:0;} .pace-done .loader {opacity:0; display:none;} .loader svg {position: absolute;left: 50%;top: 50%;width: 50px;height: 50px;margin: -20px 0 0 -20px; -webkit-animation: pace-spinner 400ms linear infinite; -moz-animation: pace-spinner 400ms linear infinite; -ms-animation: pace-spinner 400ms linear infinite; -o-animation: pace-spinner 400ms linear infinite; animation: pace-spinner 400ms linear infinite;} .loader svg path { fill: #fe6060; } /* Begin Site Styles */ body {font-size: 13px; line-height: 1.6; font-family: 'Open Sans', sans-serif; background-color:#1A1C25;} /* background body color is the last bottom element's bottom bg color */ ::selection { background: #fe6060; /* Safari */ color: #FFFFFF; } ::-moz-selection { background: #fe6060; /* Firefox */ color: #FFFFFF; } .clearfix {*zoom: 1;} .clearfix::before, .clearfix::after {display: table; line-height: 0; content: ""; } .clearfix::after { clear: both; } /* Boxed Layout */ body.boxed-layout #page-wrapper {margin:0 auto;} body.boxed-layout.boxed-shadow #page-wrapper {box-shadow: 0 0 20px rgba(0, 0, 0, 0.1)} @media (min-width: 1200px){ body.boxed-layout #page-wrapper {max-width: 1170px;} } @media (min-width: 992px) and (max-width: 1199px){ body.boxed-layout #page-wrapper {max-width: 970px;} } @media (min-width: 768px) and (max-width: 991px){ body.boxed-layout #page-wrapper {max-width: 750px;} } #page-wrapper, #page-wrapper #main { background-color:#fff; } .custombg-gray #page-wrapper, .custombg-gray #page-wrapper #main {background-color:#f2f3f4;} a {color:#2a83ed;} a:hover {color:#111;} a:focus {text-decoration: none;} .sourcesans { font-family: "Source Sans Pro", "Open Sans", sans-serif; } h1, h2, h3, h4, h5, h6 { font-family: inherit; font-weight: normal; line-height: 1.6; color: inherit; text-rendering: optimizelegibility; color:#45474d; margin-top: 0;} h1 { font-size: 38px; letter-spacing: -1px; line-height: 1.3;} h2 { font-size: 32px; letter-spacing: -1px; line-height: 1.3;} h3 { font-size: 24px; letter-spacing: -1px; line-height: 1.3;} h4 { font-size: 18px; } h5 { font-size: 14px; } h6 { font-size: 12px; } iframe, embed, object {max-width: 100%; } label {font-weight: 600;} .separator {background: #E8E8E8; height: 1px; width: 100%; margin: 0 auto 20px; display: block;} .roundcorners {border-radius: 3px;} .ov-hidden {overflow:hidden;} /* Assure no X overflow is happening in fluid container */ .container-fluid.no-pad-cols .row {margin-left: 0; margin-right: 0;} .container-fluid.no-pad-cols, .container-fluid.no-pad-cols > .row > div[class*="col-sm-"] {padding-left: 0; padding-right: 0;} /* Force Blocks to align on center */ .force_blocks_center {text-align: center;} .force_blocks_center > *:not(.clearfix) {display:inline-block !important; float:none !important;} /* Fluid Container with normal width support */ /* Does not work with nesting columns, so basically can be used only for first level of grid columns */ .col-normal { position: relative; min-height: 1px; margin-left: -15px; margin-right: -15px; -webkit-transition:padding .2s ease-out; transition:padding .2s ease-out;} html:not(.js) .col-normal {margin:0;} /* five columns */ .col-xs-five, .col-sm-five, .col-md-five, .col-lg-five {position: relative; min-height: 1px;padding-left: 15px;padding-right: 15px; float:left; width:20%;} /* Justified blocks */ .justified-blocks {text-align: justify; -ms-text-justify: distribute-all-lines; text-justify: distribute-all-lines;} .justified-blocks .jsf-block {display:inline-block; zoom: 1} .justified-blocks .jsf-stretch { width: 100%; display: inline-block; font-size: 0; line-height: 0 } .chromeframe {margin: 0.2em 0;background: #ccc;color: #000;padding: 0.2em 0;} /* btn overrides */ .btn {border-radius: 2px;} .btn:focus {outline:none !important;} .btn.btn-vs { font-weight:700; font-size:14px; text-transform: uppercase; border:none; padding: 12px 20px;} .btn.btn-vs > .vs-icon { margin-right: 10px; margin-left: 0; vertical-align: middle;} .btn.btn-vs > span + .vs-icon {margin-right: 0; margin-left:10px;} .btn.btn-vs > span + .vs-icon, .btn.btn-vs > .vs-icon + span {vertical-align: middle;} .btn.btn-rounded, .btn.btn-rounded.btn-lined {border-radius: 60px;} /* btn padding variations */ .btn.mid-padding {padding: 15px 30px; line-height:1;} .btn.big-padding {padding: 20px 40px; line-height:1;} .btn.long-padding {padding-left: 40px; padding-right:40px;} /* btn color variations */ .btn.btn-custom { background-color: #fe6060; color:#fff; } .btn.btn-custom:hover { background-image: url(../images/transparent_png/black10.png); color:#fff; } .btn.btn-black { background-color: #23262d; color:#fff; } .btn.btn-black:hover { background-color: #000; color:#fff; } .btn.btn-darkblue { background-color: #393b43; color:#fff; } .btn.btn-darkblue:hover { background-image: url(../images/transparent_png/black10.png); color:#fff; } .btn.btn-darkgray { background-color: #414141; color:#fff; } .btn.btn-darkgray:hover { background-image: url(../images/transparent_png/black10.png); color:#fff; } .btn.btn-lightblue { background-color: #388BEE; color:#fff; } .btn.btn-lightblue:hover { background-image: url(../images/transparent_png/black10.png); color:#fff; } .btn.btn-lightgreen { background-color: #9ed347; color:#fff; } .btn.btn-lightgreen:hover { background-image: url(../images/transparent_png/black10.png); color:#fff; } .btn.btn-lightgray { background-color: #C1C1C1; color:#fff; } .btn.btn-lightgray:hover { background-image: url(../images/transparent_png/black10.png); color:#45474d; } .btn.btn-purple:hover { background-image: url(../images/transparent_png/black10.png); color:#45474d; } .btn.btn-white { background-color: #fff; color:#fe6060; box-shadow: 0 1px 0 rgba(0,0,0,.07); } .btn.btn-white:hover { color:#fe6060; box-shadow: 0 2px 1px rgba(0,0,0,.07); } .btn.btn-gray { background-color: #6e6e6e; color:#fff; } .btn.btn-gray:hover { background-image: url(../images/transparent_png/black10.png); } /* other colors */ .btn.btn-blue {background:#33d1ed; color:#fff;} .btn.btn-blue2 {background:#50c0fb; color:#fff;} .btn.btn-yummyblue {background:#0096ff; color:#fff;} .btn.btn-yummyblue:hover {background-image: url(../images/transparent_png/black10.png); color:#fff;} .btn.btn-red {background:#fe4641; color:#fff;} .btn.btn-purple {background:#c06fcc; color:#fff;} .btn.btn-pink {background:#f3749b; color:#fff;} .btn.btn-yellow {background:#f2d429; color:#393b43;} .btn.btn-orange {background:#ef8a53; color:#fff;} .btn.btn-turquoise {background:#2bcdc1; color:#fff;} .btn.btn-green {background:#1abc9c; color:#fff;} .btn.btn-blue:hover, .btn.btn-purple:hover, .btn.btn-pink:hover, .btn.btn-yellow:hover, .btn.btn-orange:hover, .btn.btn-turquoise:hover, .btn.btn-green:hover { background-image: url(../images/transparent_png/black10.png); color:#fff; } .btn.btn-yellow:hover {color:#393b43;} /* lined btn style */ .btn.btn-lined {border:2px solid rgba(255,255,255,0.9); color:#fff; border-radius:3px; -webkit-transition: border 0.15s ease-out, color 0.15s ease-out, background 0.15s ease-out, opacity 0.15s ease-out; transition: border 0.15s ease-out, color 0.15s ease-out, background 0.15s ease-out, opacity 0.15s ease-out;} .hs--light .site-header.sticked .btn.btn-lined:not(.btn-custom) {border-color:rgba(0,0,0,0.2); color:rgba(0,0,0,.4);} body .btn.btn-lined { background-color:transparent;} .btn.btn-lined:hover { opacity:.8;} .btn.btn-lined.thin-border {border-width: 1px;} .btn.btn-lined.dark {background: transparent; color:#111; border:2px solid rgba(0,0,0,0.9); } .btn.btn-lined.full {background: #fff; color:#fe6060;} .btn.btn-lined.inverted:hover {color:#000; background:#fff; border-color:transparent; opacity:1;} /* Ghost Button custom color */ .btn.btn-lined.btn-custom {border-color:#fe6060; color:#fe6060;} .btn.btn-lined.btn-custom.inverted:hover {color:#fff; background:#fe6060; border-color:transparent; opacity:1;} /* Lined button with hover custom border */ .btn.btn-lined.btn-hoverline:hover {border-color:#fe6060; opacity: 1;} /* 3d btn */ .btn.btn3d {box-shadow:inset 0 -3px 0 rgba(0, 0, 0, 0.07);} /* fullwidth btn */ .btn.btn-fullwidth {width:100%;} /* Arrow after text in btn */ .btn.after-arrow {position:relative; -webkit-transition: all .15s ease-out; transition: all .15s ease-out; } .btn.after-arrow::after { font-family: 'icomoon'; content: "\e604"; position:absolute; top:50%; right: 25px; width: 12px; height: 12px; line-height: 12px; font-size: 21px; margin-top: -7px; opacity:0; -webkit-transition: all .15s ease-out; transition: all .15s ease-out;} .btn.after-arrow:hover {padding-right: 40px !important;padding-left: 20px !important; position:relative;} .btn.after-arrow.big-padding:hover {padding-right: 50px !important; padding-left: 30px !important;} .btn.after-arrow:hover::after {opacity:1; right: 20px;} /* form control override */ .form-control:focus { border-color: #A5A5A5; box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(104, 104, 104, 0.6); } /*fancy-list - style for unordered lists */ ul.fancy-list, ul.fancy-list ul {padding:0; list-style:none; color:#888888} ul.fancy-list ul { margin-top: 10px; } ul.fancy-list li {border-top:1px solid #e6e6e6; line-height:1.4; padding: 12px 0;} ul.fancy-list li:first-child {border-top:0; } ul.fancy-list[data-columns="2"] li:nth-child(2) {border-top: 0;} ul.fancy-list li::before {font-family: 'icomoon'; content:'\e007'; color:#fe6060; font-size: 12px; margin-right: 15px;} ul.fancy-list.pluses li::before { content: '+'; font-size: 16px; font-family: 'Open Sans', Arial, sans-serif; opacity: .8; font-weight: 700;} ul.fancy-list li a { font-size:13px; color:#45474d; text-decoration:none; line-height:1.6; display:block; position:relative;} ul.fancy-list li a:hover { color:#fe6060; } ul.fancy-list.right-icon li a::after {font-family: 'icomoon'; content:'\e007'; color:#fe6060; font-size: 11px; line-height:1; margin-right: 0px; position:absolute; right:0; top:50%; margin-top:-5px;} ul.fancy-list.right-icon li::before, ul.fancy-list.right-icon.pluses li::before {display:none;} /*dash-list - style for unordered lists */ ul.dash-list, ul.dash-list ul {padding:0; list-style:none;} ul.dash-list ul { margin-top: 10px; margin-bottom: 5px;} ul.dash-list li {line-height: 1.6; padding: 4px 0;} ul.dash-list li::before {content:''; display:inline-block; margin-right: 12px; width:8px; height:2px; background:#fe6060; vertical-align: middle;} /* Dots list */ .dots-list, .dots-list ul {padding:0; list-style: none; margin:0;} .dots-list ul { margin-top: 3px; margin-bottom: 3px; margin-left: 5px;} .dots-list li { padding-left:10px; color:#888888; line-height:1.7; } .dots-list li::before { content: "•"; color: #fe6060; margin-left:-10px; padding-right:7px; font-size:18px; line-height:1; vertical-align:middle } /* List columns */ ul[data-columns] {margin-left: -20px;} ul[data-columns] {*zoom: 1;} ul[data-columns]::before, ul[data-columns]::after {display: table; line-height: 0; content: "";} ul[data-columns]::after { clear: both; } ul[data-columns] li { display: inline-block; float:left; margin-left: 20px; } ul[data-columns="2"] li { width: -webkit-calc(50% - 20px); width: calc(50% - 20px); } ul[data-columns="3"] li { width: -webkit-calc(33.3333% - 20px); width: calc(33.3333% - 20px); } ul[data-columns="4"] li { width: -webkit-calc(25% - 20px); width: calc(25% - 20px); } ul[data-columns="5"] li { width: -webkit-calc(20% - 20px); width: calc(20% - 20px); } ul[data-columns="6"] li { width: -webkit-calc(16.6666% - 20px); width: calc(16.6666% - 20px); } ul[data-columns="7"] li { width: -webkit-calc(14.2857% - 20px); width: calc(14.2857% - 20px); } ul[data-columns="8"] li { width: -webkit-calc(12.5% - 20px); width: calc(12.5% - 20px); } ul[data-columns="9"] li { width: -webkit-calc(11.1111% - 20px); width: calc(11.1111% - 20px); } ul[data-columns="10"] li { width: -webkit-calc(10% - 20px); width: calc(10% - 20px); } /* hovered-list - style for unordered lists */ ul.hovered-list, ul.hovered-list ul {padding:0; list-style:none; color:#888888} ul.hovered-list ul {margin-left:35px} ul.hovered-list li {border-bottom:1px solid #ececec; line-height:1; position:relative;} ul.hovered-list li::after {opacity:0; visibility:hidden;border-bottom:2px solid #fe6060; position:absolute; content:''; bottom:0; left:0; width:100%; height:0;} ul.hovered-list li:hover::after {opacity:1; visibility:visible; } ul.hovered-list li a { color:#888; text-decoration:none; font-size:14px; } ul.hovered-list li a:hover { color:#4c4c4c; } ul.hovered-list li .lgs {opacity:.4; float:right; vertical-align:middle;} ul.hovered-list li:hover .lgs {opacity:1;} ul.hovered-list li { line-height: 1.6; padding: 20px 0; display: inline-block; width: 100%;} ul.hovered-list.small-height li {padding: 10px 0;} /* filter-list */ .filter-list {padding:0; list-style: none; margin:0 -4px;} .filter-list li {display:inline-block; margin:0 4px 10px; } .filter-list li a {display:inline-block; font-size: 13px; font-weight: 600; color:#45474d; line-height: 22px; padding:0 9px; border:1px solid #eaeaeb; border-radius:2px; text-decoration:none;} .filter-list li.active a, .filter-list li a:hover {border-color:#fe6060; border-width:1px; box-shadow:0 0 0 1px #fe6060;} /* ul checklist */ ul.checklist li a {border-bottom: 1px solid #ededed; padding:8px 0; } /* popular list */ .popular-list li {border-top:1px solid #ededed; padding:10px 0;} .popular-list li::before, .popular-list li::after { content: ""; display: table; border-collapse: collapse; } .popular-list li::after { clear: both; } .popular-list li:first-child {border:0;} .popular-list img {float:left; margin-right: 20px; max-width: 70px; border-radius: 3px;} .popular-list a {display:block; font-size:14px; font-weight: 600; color:#45474d; margin-bottom: 10px} .popular-list .price {font-size:14px; font-weight: 600; color:#45474d;} .popular-list .reduced-price {font-size:12px; color:#999; margin-left:10px;} .cutoff { position:relative;} .cutoff::after { content: ''; height: 1px; width: 100%; padding: 0 20px; background: #F00; position: absolute; left: -8px; top: 45%; -webkit-transform: rotate(-25deg); -ms-transform: rotate(-25deg); transform: rotate(-25deg); } /* ul.checks */ ul.checks { margin:0; padding:0; list-style: none; } ul.checks {color:#888888;} ul.checks li { line-height: 1.7; } ul.checks li::before { font-family: 'icomoon'; content: "\e614"; color: #fe6060; border: 0; font-size: 10px; display: inline-block; margin-right: 15px; } /*reset list formatting*/ .reset-list, .reset-list ul {margin:0; padding:0; list-style: none; } /* pageheader with colored line */ .page-header > i {font-style: normal; border-bottom:1px solid #fe6060; padding-bottom: 8px; border-radius: 0 0 0 3px;} /* droplist - style for unordered list with dropdown functionality // js script also needed; see features-blogfolio.php */ .wrapper-droplist { text-align:left; position: relative; width: 200px; margin: 0 auto 30px; padding: 12px 15px; background: #fe6060; color: #fff; font-size:13px; border-radius: 3px; box-shadow: 0 1px 0 rgba(0,0,0,0.2); cursor: pointer; outline: none; z-index: 2; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .wrapper-droplist::after {content: ""; width: 0; height: 0; position: absolute; top: 50%; right: 15px; margin-top: -2px; border: 5px solid transparent; border-top-color: #fff;} .wrapper-droplist .droplist {position: absolute; top: 100%; left: 0; right: 0; background: #fe6060; border-radius: 0 0 3px 3px; list-style: none; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; max-height: 0; overflow: hidden; margin-left: 0;} .wrapper-droplist .droplist li {padding: 10px ; display: block; text-decoration: none; -webkit-transition: all 0.1s ease-out; transition: all 0.1s ease-out; font-size: 12px; background:rgba(0, 0, 0, 0.06);} .wrapper-droplist .droplist li:last-child { border-radius: 0 0 3px 3px;} .wrapper-droplist .droplist li:hover {background: #fe6060; } .wrapper-droplist.active, .wrapper-droplist:hover {background: #fe6060; } .wrapper-droplist.active {border-radius: 3px 3px 0 0; background: #fe6060; box-shadow: none; border-bottom: none; color: white; } .wrapper-droplist.active::after { border-top-color: rgba(255, 255, 255, 0.85); } .wrapper-droplist.active .droplist { box-shadow: 0 5px 5px rgba(0, 0, 0, 0.3); max-height: 400px; } /* Caroufredsel default styles */ .caroufredsel {margin: 0; position: relative; zoom: 1;} .caroufredsel ul.slides {margin:0; padding:0; list-style: none;} /*cfs-nav*/ .cfs--navigation a {display: block; width: 40px; height: 40px; margin: -20px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 0; line-height: 40px; text-decoration: none; text-align: center; cursor: pointer; -webkit-transition: all .15s ease; transition: all .15s ease; color:#eee; color:rgba(255,255,255,0.15);} .cfs--prev { text-align: left; left: 10px;} .cfs--next { text-align: right; right: 10px;} .bottom-nav .cfs--prev { text-align: center; left: auto; right: 30px; bottom: 0; top: auto; } .bottom-nav .cfs--next { text-align: center; right: 0; bottom: 0; top: auto; margin: 0;} .cfs--navigation a::before {font-family: 'icomoon'; font-size:26px;} .cfs--prev::before {content: "\e178";} .cfs--next::before {content: "\e176";} .stg-slim-arrows .cfs--prev::before, .stg-slim-arrows ~ .cfs--navigation .cfs--prev::before {content: "\e006";} .stg-slim-arrows .cfs--next::before, .stg-slim-arrows ~ .cfs--navigation .cfs--next::before {content: "\e007";} .stg-slimmer-arrows .cfs--prev::before, .stg-slimmer-arrows ~ .cfs--navigation .cfs--prev::before {content: "\e605";} .stg-slimmer-arrows .cfs--next::before, .stg-slimmer-arrows ~ .cfs--navigation .cfs--next::before {content: "\e604";} .stg-thin-arrows .cfs--prev::before, .stg-thin-arrows ~ .cfs--navigation .cfs--prev::before {content: "\e636";} .stg-thin-arrows .cfs--next::before, .stg-thin-arrows ~ .cfs--navigation .cfs--next::before {content: "\e63e";} .caroufredsel:hover .cfs--prev { opacity: 0.7; } .caroufredsel:hover .cfs--next, .caroufredsel:hover ~ .cfs--navigation .cfs--next { opacity: 0.7; } .caroufredsel:hover .cfs--next:hover, .caroufredsel:hover .cfs--prev:hover, .caroufredsel:hover ~ .cfs--navigation .cfs--next:hover, .caroufredsel:hover ~ .cfs--navigation .cfs--prev:hover { opacity: 1; } /*cfs--pagination*/ .cfs--pagination {width: 100%; position: absolute; text-align: center; z-index: 2; left: 0; bottom: 0;} .cfs--pagination > a {display:inline-block; width:9px; height:9px; margin: 2px 3px; background:#d9d9d9; box-shadow: none; border-radius: 50%; text-decoration: none; } .cfs--pagination > a:hover { background: #333; background: rgba(0,0,0,0.5); } .cfs--pagination > a.selected { background:#f4f4f4; box-shadow:0 0 0 3px #fe6060; width:8px; height:8px; margin: 3px 4px; } /*cfs slides (only show first)*/ .caroufredsel ul.slides > li {display:block; float:left; position: relative; /*height: 100%;*/} .caroufredsel > ul.slides > li:not(:first-child) {display:none;} /* caroufredsel hoverstyle */ .stl-hoverstyle .cfs--navigation a {width:76px; height:70px; color:#fff; line-height: 70px; text-align: center; opacity: 0.7;margin: -35px 0 0;} .stl-hoverstyle:hover .cfs--navigation a {width:76px; height:70px; color:#fff; line-height: 70px; text-align: center; opacity: 1;} .stl-hoverstyle .cfs--navigation a:before {font-size:38px;} .stl-hoverstyle .cfs--prev {left:0; border-radius: 0 3px 3px 0;} .stl-hoverstyle .cfs--next {right:0; border-radius: 3px 0 0 3px;} .stl-hoverstyle .cfs--navigation a:hover {background-color:#fe6060;} /* Swipe cursors for webkit enviroment */ .stl-swiper .caroufredsel_wrapper {cursor: -webkit-grab !important;} .stl-swiper .caroufredsel_wrapper:active {cursor: -webkit-grabbing !important;} .caroufredsel ul.slides .abs-center-icon {display: block;} /*** Website Content styles ************/ /* header height */ .site-header .main-header, .site-logo, .search-block, .site-main-nav .mobilenav-icon, .right-nav > li {height: 110px;} /* logo image maximum height */ .site-logo .logoimg {max-height: 110px;} /* Header and elements line-height for perfect vertical alignment */ .search-block > .times, .site-main-nav .vs-menu:not(.sitemenu-fancy) > li > .menu-item, .sitemenu-fancy > li, .search-block .search > form, .logo-colored.logo-offset .site-logo, .site-main-nav .mobilenav-icon {line-height:110px;} /* Header */ .top-header .social_icons {float:left;} .vs-topmenu {float:right;} /* social list */ .social_icons ul, ul.social_icons {list-style:none; margin:0; padding:0;} .social_icons li {display:inline-block; margin-left: 10px; line-height: 40px;} .social_icons li:first-child {margin-left: 0;} .social_icons li a {color:#cdcdcd; text-decoration:none; line-height: 1; font-size: 16px;display: inline-block; vertical-align: middle;} .social_icons li a:hover {color:#666;} .social_icons a {text-decoration: none;} .social_icons.socialstyles-extra li {margin:0; float: left;} .social_icons.socialstyles-extra li a { font-size:14px; color: rgba(255, 255, 255, 0.5); padding: 15px; border: 1px solid rgba(255, 255, 255, 0.2); border-left-width:0;} .social_icons.socialstyles-extra li a:hover { color: rgba(255, 255, 255, 0.7); } .social_icons.socialstyles-extra li:first-child a {border-left-width:1px;} /* top header menu */ .vs-topmenu {list-style:none; margin:0; padding:0; text-align:right; line-height: 40px;} .vs-topmenu > li {display:inline-block; margin-left: 15px; padding-left: 15px; position:relative; text-align:start; float: left;} .vs-topmenu > li::before {content:''; position:absolute; left:0; top:50%; margin-top:-6px; width: 1px; background: rgba(0, 0, 0, 0.15); height:12px; } .vs-topmenu .topmenu-item {font-size:12px; text-decoration:none; color:rgba(0, 0, 0, 0.45); font-weight:400; line-height: 40px; display: block; } .vs-topmenu .topmenu-item:hover, .vs-topmenu > li:hover .topmenu-item {color:rgba(0, 0, 0, 0.75);} /* Topheader on dark styles */ .th--dark .vs-topmenu .topmenu-item {color:rgba(255, 255, 255, 0.5); } .th--dark .vs-topmenu .topmenu-item:not(.language-selector):hover {color:rgba(255, 255, 255, 0.8);} .th--dark .vs-topmenu > li::before {background: rgba(255, 255, 255, 0.1);} /* top header's menu topmenu-subpanels */ .topmenu-subpanel { position: absolute; left: -15px; width: auto; min-width: 310px; height: auto; margin-left: -22px; z-index: 999; margin-top: -80px; padding-top: 0; opacity:0; visibility:hidden;} .vs-topmenu li:hover .topmenu-subpanel, .vs-topmenu li a:hover + .topmenu-subpanel { opacity:1; visibility:visible; margin-top: -60px; } .vs-topmenu > li:hover > a {position: relative; z-index: 9999;} .vs-topmenu:hover > li > a:before {content:''; position:absolute; width:100%; height:100%; z-index:10000; left:0; top:0; display:block;} .topmenu--panel { background: rgba(255, 255, 255, 0.96); border-radius: 2px; border: 1px solid #E2E2E2; padding: 55px 25px 25px; list-style: none; box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); position:relative; } .topmenu--panel > li {text-align:left; line-height: 1;margin: 0;} .topmenu--panel > li > a {display:block; color: #929292;line-height: 1;font-weight: 400;font-size: 11px;vertical-align: top;padding: 5px 0 4px;border-top: 1px solid rgba(0, 0, 0, 0.06);} .topmenu--panel > li > a:hover { color: #1B1B1B;} .topmenu--panel > li:first-child > a {border-top: 0;} /* cleanups */ .site-header .vs-topmenu > li:first-child {margin-left: 0; padding-left: 0; } .site-header .vs-topmenu > li:first-child::before {display:none} /* main header which contains logo navigation and search */ .mh--dark .main-header {background:#262932;} .mh--light .main-header {background:#FFF;} /* Right Nav In MainHeader */ .main-header .right-nav {float:right; margin-left:20px; display: table;} .main-header .right-nav:not(.rn--inside) {margin-right:40px; margin-left: 0; opacity:0; visibility: hidden; -webkit-transition:opacity .3s ease-out; transition:opacity .3s ease-out;} .pace-done .right-nav:not(.rn--inside) {opacity:1; visibility: visible;} .right-nav > li {display: table-cell; padding: 0 13px; vertical-align: middle;} .right-nav > li:only-child {padding-right:0;} .right-nav.rn--inside .searchbtn-holder {z-index: 9;} .main-header .right-nav:not(.rn--inside) {position: absolute; right: 0; z-index: 1} /* logo styles */ .logo-container {display:table; float: left;} .logo-container.centered {float:none; margin:0 auto;} .main-header > .logo-container {margin-left:70px;} .site-logo {margin:0; padding:0; line-height:1; display: table-cell; vertical-align: middle;position: relative; overflow: hidden; } .site-logo .logoimg {margin: auto; display: block; transition: opacity .3s; opacity: 1; transition-delay: .2s;} .site-header.sticked .site-logo .logoimg { opacity:0; transition-delay: 0; transition-duration: 0; } .site-logo .logosticky { position: absolute; top: 100%; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); opacity: 1; visibility: visible; transition: all .1s;} .site-header.sticked .site-logo .logosticky { opacity:1; visibility:visible; top: 50%; transition-duration: 0.3s; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); transition-delay: .2s; } .site-header.sticked .logo-offset.logo-colored .logosticky { right:10px; } /* Logo Options */ .logo-colored .site-logo { background-color:#fe6060; padding: 0 20px; } .logo-colored.logo-offset .site-logo { margin-left: -1000px; padding-left: 1040px; display: block; text-align: center; padding-right: 40px; } .logo-colored.logo-offset .site-logo .logoimg {display:inline; } @media (max-width: 767px) { .infocard {display:none;} } /* Header Icons Colors - Light */ .headericon { color:rgba(129, 129, 129, 1.0); } .headericon:hover { color:rgba(129, 129, 129, 0.85); } .headericon.mobilenav-icon > span, .headericon.mobilenav-icon > span:before, .headericon.mobilenav-icon > span:after { background:rgba(129, 129, 129, 0.6); } .headericon.mobilenav-icon:hover > span, .headericon.mobilenav-icon:hover > span::before, .headericon.mobilenav-icon:hover > span::after { background:rgba(129, 129, 129, 0.85); } /* Header Icons Colors - dark */ .mh--dark .site-header:not(.sticked) .headericon, .header-sticky.hs--dark .sticked .headericon { color:rgba(255, 255, 255, 0.5); } .mh--dark .site-header:not(.sticked) .headericon:hover, .header-sticky.hs--dark .sticked .headericon:hover { color:rgba(255, 255, 255, 0.9); } .mh--dark .site-header:not(.sticked) .headericon.mobilenav-icon > span, .mh--dark .site-header:not(.sticked) .headericon.mobilenav-icon > span:before, .mh--dark .site-header:not(.sticked) .headericon.mobilenav-icon > span:after, .header-sticky.hs--dark .sticked .headericon.mobilenav-icon > span, .header-sticky.hs--dark .sticked .headericon.mobilenav-icon > span:before, .header-sticky.hs--dark .sticked .headericon.mobilenav-icon > span:after { background:rgba(255, 255, 255, 0.5); } .mh--dark .site-header:not(.sticked) .headericon.mobilenav-icon:hover > span, .mh--dark .site-header:not(.sticked) .headericon.mobilenav-icon:hover > span::before, .mh--dark .site-header:not(.sticked) .headericon.mobilenav-icon:hover > span::after, .mh--dark .site-header:not(.sticked) .sidemenu-opened .mobilenav-icon > span::before, .mh--dark .site-header:not(.sticked) .sidemenu-opened .mobilenav-icon > span::after, .header-sticky.hs--dark .sticked .headericon.mobilenav-icon:hover > span, .header-sticky.hs--dark .sticked .headericon.mobilenav-icon:hover > span::before, .header-sticky.hs--dark .sticked .headericon.mobilenav-icon:hover > span::after, .header-sticky.hs--dark .sticked .sidemenu-opened .mobilenav-icon > span::before, .header-sticky.hs--dark .sticked .sidemenu-opened .mobilenav-icon > span::after { background:rgba(255, 255, 255, 0.9); } /* site navigation */ .site-main-nav {float:right;} /* Main Menu styles that only apply for larger devices */ @media only screen and (min-width: 992px){ /* Vauss Menu */ .vs-menu, .vs-menu ul {margin:0; padding:0; list-style:none;} .vs-menu::before, .vs-menu::after { content: " "; display: table; } .vs-menu::after { clear: both; } .vs-menu li { position: relative; } .vs-menu .menu-item { display: block; position: relative;} .vs-menu > li { float: left; } .vs-menu > li > .menu-item {display:block; text-decoration:none; font-weight:600; padding:0px; position:relative; -webkit-transition: border 0.15s ease-out, color 0.15s ease-out, background 0.15s ease-out, opacity 0.15s ease-out; transition: border 0.15s ease-out, color 0.15s ease-out, background 0.15s ease-out, opacity 0.15s ease-out;} .vs-menu > li > span.menu-item {cursor:default;} .touch .vs-menu > li > .menu-item {-webkit-user-select: none;-webkit-touch-callout: none; } .vs-menu .menu-item + ul { position: absolute; top: 100%; z-index: 99;} .vs-menu > ul, .vs-menu li > ul, .vs-menu .vs-mega {min-width:270px; border: 0; box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1);} .vs-menu .menu-item + ul, .vs-menu .menu-item + .vs-mega {opacity:0; visibility: hidden; left:-2999px; -webkit-backface-visibility: hidden;} .vs-menu li li .menu-item {display:block; text-decoration:none; font-weight:400; position:relative; border-top:1px solid #333; font-size: 13px; padding:10px 0; line-height: 16px; } .vs-menu li li:first-child .menu-item {border-top:0; } .vs-menu > li > .menu-item:not(:only-child) {position:relative; padding-right:30px;} .vs-menu > li > .menu-item:not(:only-child)::after {position: absolute; right: 10px; top: 50%; font-family: 'icomoon'; content: "\e602"; font-size: 14px; color: #616063; color: rgba(255, 255, 255, 0.13); margin-top: 1px; line-height: 0; height: 0; } .vs-menu > li:hover > .menu-item:not(:only-child)::after, .vs-menu > li.current > .menu-item:not(:only-child)::after {color: #616063; color: rgba(255, 255, 255, 0.2); } .vs-menu > li li .menu-item:not(:only-child)::after {position: absolute; right: 10px; top: 50%; font-family: 'icomoon'; content: "\e604"; font-size: 14px; color: #616063; color: rgba(255, 255, 255, 0.1); margin-top: 1px; line-height: 0; height: 0; } .vs-menu > li li:hover .menu-item:not(:only-child)::after, .vs-menu > li li.current > .menu-item:not(:only-child)::after {color: #616063; color: rgba(255, 255, 255, 0.2); } .vs-menu ul ul {top: 0; margin-top: -10px; margin-left: 0; padding: 20px 0;} .vs-menu .menu-divider {height: 1px; margin: 8px 30px; padding: 0; background: rgba(0, 0, 0, 0.1);} /*vs-mega*/ .vs-menu .mega-menu {position:static;} .vs-menu .mega-menu:hover .menu-item:not(:only-child)::before {content:''; position:absolute; left:10px; top: 100%; border:4px solid transparent; border-bottom-color: rgba(255, 255, 255, 0.1); margin-top: 17px;} .vs-menu .vs-mega {position: absolute; top: 100%; z-index: 99; width: -webkit-calc( 100% - 30px ); width: calc( 100% - 30px ); margin-top: 0; right: auto; margin-left: 15px;margin-right: 15px; overflow:hidden; border-radius:0 0 3px 3px; padding:17px 25px 7px;} .vs-menu > li > ul , .vs-menu .vs-mega { padding:35px 0; } .vs-menu li ul, .vs-menu .vs-mega {-webkit-transition: opacity 0.4s cubic-bezier(0.190, 1.000, 0.220, 1.000), visibility 0.4s cubic-bezier(0.190, 1.000, 0.220, 1.000); transition: opacity 0.4s cubic-bezier(0.190, 1.000, 0.220, 1.000), visibility 0.4s cubic-bezier(0.190, 1.000, 0.220, 1.000);} body .vs-menu .vs-mega::before, body .vs-menu .vs-mega ul::before {display:none;} body .vs-menu .vs-mega ul {display:block; width:auto; background:none; border:0; padding:0; margin:0; box-shadow: none; } .vs-menu .vs-mega [data-role="title"] {font-weight: 700; font-size: 13px; margin: 0 10px 30px 35px; } .vs-menu .vs-mega-section:hover [data-role="title"] {color:#fe6060;} .vs-menu .vs-mega .vs-mega-section {float:left; border-left: 1px solid rgba(255, 255, 255, 0.1); } .vs-menu .vs-mega .vs-mega-section:first-child {border-left: 0; } .vs-menu ul li .menu-item, .vs-menu .vs-mega ul li .menu-item { border-top:0; padding: 10px 20px 10px 35px; background: none; font-weight: 600;} .vs-menu ul li .menu-item:hover, .vs-menu ul li.current > .menu-item, .vs-menu ul li:hover > .menu-item, .vs-menu .vs-mega .menu-item:hover { color: #FFF; } .vs-menu .vs-mega[data-columns="2"] .vs-mega-section {width:50%;} .vs-menu .vs-mega[data-columns="3"] .vs-mega-section {width:33.3333%;} .vs-menu .vs-mega[data-columns="4"] .vs-mega-section {width:25%;} .vs-menu .vs-mega[data-columns="5"] .vs-mega-section {width:20%;} /* Menu with FadeInSlideDown Effect */ .vs-menu.stg-fadeinslidedown li ul, .vs-menu.stg-fadeinslidedown .vs-mega { margin-top:50px; -webkit-transition: opacity 0.4s cubic-bezier(0.190, 1.000, 0.220, 1.000), visibility 0.4s cubic-bezier(0.190, 1.000, 0.220, 1.000), margin-top 0.4s cubic-bezier(0.190, 1.000, 0.220, 1.000); transition: opacity 0.4s cubic-bezier(0.190, 1.000, 0.220, 1.000), visibility 0.4s cubic-bezier(0.190, 1.000, 0.220, 1.000), margin-top 0.4s cubic-bezier(0.190, 1.000, 0.220, 1.000);} /* Menu with fadeinslideright Effect */ .vs-menu.stg-fadeinslideright li ul, .vs-menu.stg-fadeinslideright .vs-mega { margin-left:50px; -webkit-transition: opacity 0.4s cubic-bezier(0.190, 1.000, 0.220, 1.000), visibility 0.4s cubic-bezier(0.190, 1.000, 0.220, 1.000), margin-left 0.4s cubic-bezier(0.190, 1.000, 0.220, 1.000); transition: opacity 0.4s cubic-bezier(0.190, 1.000, 0.220, 1.000), visibility 0.4s cubic-bezier(0.190, 1.000, 0.220, 1.000), margin-left 0.4s cubic-bezier(0.190, 1.000, 0.220, 1.000);} .vs-menu.stg-fadeinslidedown .vs-mega ul, .vs-menu.stg-fadeinslideright .vs-mega ul {margin-top:0; margin-right: 0;} .vs-menu.stg-fadeinslidedown li:hover > ul, .vs-menu.stg-fadeinslidedown li > .menu-item:hover + ul, .vs-menu.stg-fadeinslidedown li:hover > .vs-mega, .vs-menu.stg-fadeinslidedown li > .menu-item:hover + .vs-mega {margin-top:-2px;} .vs-menu.stg-fadeinslideright li:hover > ul, .vs-menu.stg-fadeinslideright li > .menu-item:hover + ul, .vs-menu.stg-fadeinslideright li:hover > .vs-mega, .vs-menu.stg-fadeinslideright li > .menu-item:hover + .vs-mega {margin-left:0;} /* Hover Display over submenus */ .vs-menu li:hover > ul, .vs-menu li > .menu-item:hover + ul, .vs-menu li:hover > .vs-mega, .vs-menu li > .menu-item:hover + .vs-mega {opacity:1; visibility: visible; left:0; } .vs-menu ul li:hover > ul, .vs-menu ul li > .menu-item:hover + ul, .vs-menu ul li:hover > .vs-mega, .vs-menu ul li > .menu-item:hover + .vs-mega { left: 100%; top: 0; } /* Main header dark + default menu */ .mh--dark .vs-menu > li > .menu-item, .mh--dark .vs-menu > li.current > .menu-item { color:#dedede; } .mh--dark .vs-menu > li > .menu-item:hover, .mh--dark .vs-menu > li.current > .menu-item, .mh--dark .vs-menu > li:hover > .menu-item { color:#FFF; } .mh--dark .vs-menu > li > .menu-item:not(:only-child)::after{color: rgba(255, 255, 255, 0.15);} .mh--dark .vs-menu > li:hover > .menu-item:not(:only-child)::after{color: rgba(255, 255, 255, 0.4); } /* Submenus Dark */ .sitemenu-submenu-dark ul li .menu-item, .sitemenu-submenu-dark .vs-mega ul li .menu-item {color: #8F8F8F;} .sitemenu-submenu-dark ul, .sitemenu-submenu-dark .vs-mega {background:#1a1c25; border-bottom:0; } .sitemenu-submenu-dark .menu-item + ul, .sitemenu-submenu-dark .vs-mega { box-shadow:0 1px 1px rgba(0,0,0,0.1); } .sitemenu-submenu-dark ul li .menu-item:hover, .sitemenu-submenu-dark ul li.current > .menu-item, .sitemenu-submenu-dark ul li:hover > .menu-item, .sitemenu-submenu-dark .vs-mega .menu-item:hover { color: #FFF; } .sitemenu-submenu-dark .vs-mega .vs-mega-section { border-left: 1px solid rgba(255, 255, 255, 0.1); } .sitemenu-submenu-dark > li li .menu-item:not(:only-child)::after, .sitemenu-submenu-dark > li li.current > .menu-item:not(:only-child)::after {color: rgba(255, 255, 255, 0.2); } .sitemenu-submenu-dark .vs-mega [data-role="title"] { color: #FFF; } .sitemenu-submenu-dark .menu-divider {background: rgba(255, 255, 255, 0.1);} /* Colored Navigation */ .sitemenu-extra-colored > li > .menu-item { border:0; } .sitemenu-extra-colored > li > .menu-item:hover, .sitemenu-extra-colored > li.current > .menu-item, .sitemenu-extra-colored > li:hover > .menu-item {color:#fff; background:#775074; border:0; } .mh--light .sitemenu-extra-colored > li > .menu-item:hover, .mh--light .sitemenu-extra-colored > li:hover > .menu-item, .mh--light .sitemenu-extra-colored > li.current > .menu-item {color: #fff;} /* Navigation Strong */ .sitemenu-extra-strong > li > .menu-item, .site-header.sticked .vs-menu > li > .menu-item {text-transform: uppercase; font-weight: 700;} /* Navigation - No arrows */ .sitemenu-extra-no-arrows > li > .menu-item:not(:only-child), .site-header.sticked .vs-menu > li > .menu-item:not(:only-child) {padding: 0 18px;} .sitemenu-extra-no-arrows > li > .menu-item:not(:only-child)::before, .sitemenu-extra-no-arrows > li > .menu-item:not(:only-child)::after, .site-header.sticked .vs-menu > li > .menu-item:not(:only-child)::before, .site-header.sticked .vs-menu > li > .menu-item:not(:only-child)::after {display:none;} .vs-menu.sitemenu-extra-no-arrows:not(.sitemenu-fancy):not(.sitemenu-extra-colored) > li:first-child > .menu-item {padding-left: 0;} .vs-menu.sitemenu-extra-no-arrows:not(.sitemenu-fancy):not(.sitemenu-extra-colored) > li:last-child > .menu-item {padding-right: 0;} } .vs-menu ul .unpublished[href="#"] {color:rgba(255,255,255,.3) !important; pointer-events:none; display: block;} .sitemenu-submenu-light ul .unpublished[href="#"] {color:rgba(0,0,0,.3) !important;} .vs-menu .coming-soon, .vs-menu .new-stuff {float: right; color: #FFF; background: #fe6060; padding: 0 4px; line-height: 1.6; border-radius: 2px; font-weight: 400;} .vs-menu .new-stuff {font-size: 11px;} /* Site Mobile Navigation */ .site-mobile-nav {width: 80%; position: fixed; top: 0; left: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); height: 100%; z-index: 999; background: #1A1C25; color: #FFF; transition: -webkit-transform 0.25s ease-out; transition: transform 0.25s ease-out; overflow: hidden; overflow-y: auto; padding: 30px 20px 0 30px;} body.mm-opened {overflow-x:hidden;} .mm-opened .site-mobile-nav {left: 0; -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0);} .mm-opened #page-wrapper, .mm-opened .fixedNscrolled > div {-webkit-transform:translate3d(80%, 0, 0);transform:translate3d(80%, 0, 0);} .site-mobile-nav .menu-item, .site-mobile-nav .s-panel--close {color:#fff; opacity:.5; display: inline-block; } .site-mobile-nav .menu-item::before {content:'\2014'; padding-right: 5px; opacity: 0.35;} .site-mobile-nav .current > .menu-item, .site-mobile-nav .menu-item:hover, .site-mobile-nav .s-panel--close:hover {opacity:1; text-decoration: none;} .site-mobile-nav .vs-menu {list-style: none; margin:0; padding: 0; display: none;} .site-mobile-nav .vs-menu ul {list-style: none; margin: 0 0 0 18px; padding: 0;} .site-mobile-nav .vs-menu li, .site-mobile-nav .vs-menu li .menu-item:not(:only-child) {margin-bottom: 10px;} .site-mobile-nav [data-role="title"] {font-size:14px; color:#fff; margin-bottom: 20px; font-weight: 700; opacity: .3; margin-bottom: 5px; margin-left: 18px;} /* Top-header - bottom border */ .th---extra-border .top-header .container { position:relative;} .th---extra-border .top-header .container::before {position: absolute;width: 100%;margin: 0 15px;height: 0;border-bottom: 1px solid rgba(0,0,0,0.07); left: 0; bottom: 0;} .th---extra-border.th--dark .top-header .container::before { border-bottom: 1px solid rgba(255,255,255,0.1); } .th---extra-border.th--light .top-header .container::before { border-bottom: 1px solid rgba(0,0,0,0.1); } .th---extra-border.th----extra-full .top-header { position:relative; } .th---extra-border.th----extra-full .top-header .container { position:static; } .th---extra-border.th----extra-full .top-header .container::before { margin:0 } /*.th--light.mh--dark.th---extra-border .top-header .container::before, .th--dark.mh--light.th---extra-border .top-header .container::before { border-bottom: 0; }*/ /* Top Header (default and light) */ .th--light .site-header .top-header {background: #FFF;} /* Top Header - dark */ .th--dark .top-header {background: #262932;} .th--dark .social_icons ul li .menu-item {color: rgba(255,255,255,.3);} .th--dark .social_icons ul li .menu-item:hover {color: rgba(255,255,255,.8);} .th--dark .vs-topmenu > li > div > .menu-item:hover, .th--dark .vs-topmenu > li > div > .menu-item:hover > span, .th--dark .vs-topmenu > li > .menu-item:hover {color: rgba(255,255,255,.8);} /*.th--dark.mh--dark .site-header:not(.sticked) .main-header {background: #383b47;}*/ .th--dark.mh--dark ~ #page-header {background: #383b47;} /*Default site header*/ .site-header {position:relative; z-index: 2;} /* main header sticked - to use it, simply add the class "sticky-header" to body tag of each page */ .site-header + .header-helper {display: none;} .header-sticky .site-header { position: fixed; width: 100%; top: 0; left: 0; -webkit-transition: margin-top .4s cubic-bezier(0.190, 1.000, 0.220, 1.000), opacity .4s cubic-bezier(0.190, 1.000, 0.220, 1.000), margin-left 0.25s ease-out; transition:margin-top .4s cubic-bezier(0.190, 1.000, 0.220, 1.000), opacity .4s cubic-bezier(0.190, 1.000, 0.220, 1.000), margin-left 0.25s ease-out; z-index:2;} .csstransforms .header-sticky:not(.hs--always) .site-header {-webkit-transition: -webkit-transform .4s cubic-bezier(0.190, 1.000, 0.220, 1.000), opacity .4s cubic-bezier(0.190, 1.000, 0.220, 1.000), margin-left 0.25s ease-out; transition: transform .4s cubic-bezier(0.190, 1.000, 0.220, 1.000), opacity .4s cubic-bezier(0.190, 1.000, 1.22, 1.000), margin-left 0.25s ease-out;} .header-sticky:not(.hs--always) .site-header.scrolling {margin-top:-60px; opacity:0; position: fixed; width:100%; } .csstransforms .header-sticky:not(.hs--always) .site-header.scrolling {margin-top:auto; -webkit-transform: translateY(-60px); -ms-transform: translateY(-60px); transform: translateY(-60px);} .header-sticky:not(.header-absolute) .site-header + .header-helper, .header-sticky:not(.header-absolute) .site-header.scrolling + .header-helper {display: block;} .header-sticky .site-header.sticked .top-header {display:none;} .header-sticky .site-header.sticked {position: fixed; z-index: 500; width: 100%; top: 0; box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.22); margin-top:0; opacity:1;} .csstransforms .header-sticky:not(.hs--always) .site-header.sticked { margin-top:auto; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); opacity: 1;} .site-header.sticked .main-header, .header-absolute .site-header.sticked .main-header {background:#fff;} .site-header.sticked, .site-header.sticked .main-header, .site-header.sticked .site-logo, .site-header.sticked .right-nav > li, .site-header.sticked .vs-search-input, .site-header.sticked .search-block, .site-header.sticked .site-main-nav .mobilenav-icon {height: 60px;} .site-header.sticked .site-main-nav .vs-menu > li > .menu-item, .site-header.sticked .vs-search-input, .site-header.sticked .search > form, .site-header.sticked .sitemenu-fancy > li, .site-header.sticked .site-main-nav .mobilenav-icon {line-height: 60px;} .site-header.sticked .site-main-nav .vs-menu {margin:0;} .site-header.sticked .vs-search-input{font-size: 22px;} .site-header.sticked .site-main-nav .vs-menu > li > .menu-item {border-color: transparent; margin: 0; border-radius: 0; color: #939292;} .site-header.sticked .site-main-nav .vs-menu > li > .menu-item:hover, .site-header.sticked .site-main-nav .vs-menu > li.current > .menu-item, .site-header.sticked .site-main-nav .vs-menu > li:hover > .menu-item {color:rgba(0,0,0,.8); } .site-header.sticked .site-main-nav .vs-menu > li > .menu-item:not(:only-child)::after {color: rgba(0, 0, 0, 0.15);} .site-header.sticked .search-block .search {top: 0;} .site-header.sticked .right-nav li > .btn {padding-top:7px; padding-bottom: 7px;} .header-sticky.hs--dark .sticked .main-header {background:#262932;} .header-sticky.hs--dark .sticked .site-main-nav .vs-menu > li > .menu-item {color:rgba(255, 255, 255, 0.65); } .header-sticky.hs--dark .sticked .site-main-nav .vs-menu > li > .menu-item:hover, .header-sticky.hs--dark .sticked .site-main-nav .vs-menu > li.current > .menu-item, .header-sticky.hs--dark .sticked .site-main-nav .vs-menu > li:hover > .menu-item {color:#fff; } .header-sticky.hs--dark .sticked .site-main-nav .vs-menu > li > .menu-item:not(:only-child)::after {color: rgba(255, 255, 255, 0.15);} /* Absolute Header */ .header-absolute .site-header {position:fixed; top:0; left:0; width:100%; z-index: 2; } .header-absolute:not(.header-sticky) .site-header {-webkit-transition:margin-left 0.25s ease-out;transition:margin-left 0.25s ease-out;} .header-absolute .site-header.visible-search .main-header {background:#fff; -webkit-transition:background .1s ease-out; transition:background .1s ease-out;} /* Transparent header bars */ .th---transparent .site-header:not(.sticked) .top-header, .mh---transparent .site-header:not(.sticked) .main-header {background-color:transparent;} /* color scheme for transparent top-header (also dark-color) */ .th---transparent .top-header ul > li > a, .th---transparent .top-header ul > li > div > a {color:#cdcdcd;} .th---transparent .top-header ul > li > a:hover, .th---transparent .top-header ul > li > div > a:hover {color:#fff;} .th---transparent .top-header.stg-dark-color ul > li > a, .th---transparent .top-header.stg-dark-color ul > li > div > a {color:#323232;} .th---transparent .top-header.stg-dark-color ul.menu > li {border-left-color:#353535;} .th---transparent .top-header.stg-dark-color ul > li > a:hover, .th---transparent .top-header.stg-dark-color ul > li > div > a:hover {color:#000;} /* color scheme for transparent main-header (also dark-color) */ .mh---transparent .site-header:not(.sticked):not(.visible-search) .headericon {color: rgba(255, 255, 255, 0.5);} .mh---transparent .site-header:not(.sticked):not(.visible-search) .headericon:hover {color: rgba(255, 255, 255, 0.8);} .mh---transparent .site-header:not(.sticked) .headericon.mobilenav-icon > span, .mh---transparent .site-header:not(.sticked) .headericon.mobilenav-icon > span:before, .mh---transparent .site-header:not(.sticked) .headericon.mobilenav-icon > span:after {background: rgba(255, 255, 255, 0.5);} .mh---transparent.sidemenu-opened .site-header:not(.sticked) .mobilenav-icon > span::before, .mh---transparent.sidemenu-opened .site-header:not(.sticked) .mobilenav-icon > span::after {background: rgba(255, 255, 255, 0.8);} /* MainHeader Navigation Color on Transparent */ .mh---transparent.mh--dark .site-header:not(.sticked) .site-main-nav .vs-menu > li > .menu-item {color: rgba(255, 255, 255, 0.8); text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3); } .mh---transparent.mh--light .site-header:not(.sticked) .site-main-nav .vs-menu > li > .menu-item {color: rgba(0, 0, 0, 0.5); text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5);} .mh---transparent.mh--dark .site-header:not(.sticked) .site-main-nav .vs-menu > li.current > .menu-item, .mh---transparent.mh--dark .site-header:not(.sticked) .site-main-nav .vs-menu > li:hover > .menu-item { color: #fff; } .mh---transparent.mh--light .site-header:not(.sticked) .site-main-nav .vs-menu > li.current > .menu-item, .mh---transparent.mh--light .site-header:not(.sticked) .site-main-nav .vs-menu > li:hover > .menu-item {color: #000; } /* Page Slideshow */ #page-slideshow {position:relative; z-index: 0;} #page-slideshow .tparrows.vs-preview:hover .tp-arr-iwrapper {-webkit-transform: scale(1,1); transform: scale(1,1); } /* RevS Arrows Simple */ #page-slideshow .tparrows.vs-simple { width:78px; height:70px; background:#fff; background:rgba(255,255,255,.3); -webkit-transition: background 0.3s; -moz-transition: background 0.3s; transition: background 0.3s; } #page-slideshow .tparrows.vs-simple:after { position:absolute; line-height: 70px; text-align: center; font-family: "revicons"; color:#000; font-size: 20px; top:0px; left:0px; z-index:100; width:78px; height:70px; background: transparent; } #page-slideshow .tparrows.vs-simple:hover { background: #fff;} #page-slideshow .tp-rightarrow.vs-simple { border-radius: 3px 0 0 3px; } #page-slideshow .tp-leftarrow.vs-simple { border-radius: 0 3px 3px 0; } #page-slideshow .tp-rightarrow.vs-simple:after { content: '\e825'; } #page-slideshow .tp-leftarrow.vs-simple:after { content: '\e824'; } #page-slideshow .vs-text { text-shadow:1px 1px rgba(0,0,0,0.2); } /* Vauss Caption style for Revolution Slider */ .tp-price-circle {background: #fe6060; color:#fff; border-radius: 50%; width:110px; height: 110px; text-align: center; line-height: 110px; font-weight: 300;} .decimals {display: inline-block; position: relative; top: -10px;} .tp-vslabel {background: #fe6060; color:#fff; padding:5px 12px;} .tp-darkcolor {color:#393b43;} /* To Next Button */ #page-slideshow .tonext, #page-header .tonext {position: absolute; bottom: 40px; left: 50%; margin-left: -12px; color: #FFF; display: block; z-index: 101; text-decoration: none;} /* Check if there's a to main button and if so, move pagination higher */ #page-slideshow .iosslider-container:not(:only-child) .iosslider-pagination {bottom:40px;} .mouse-anim-icon {width:24px; height:40px; border-radius: 12px; background-color: rgba(255,255,255,.1); transition: background-color .2s ease-out; position:relative; display: block;} .mouse-anim-icon:after {position:absolute; content:''; width:2px; height:9px; background-color:rgba(0,0,0,0.25); left:50%; margin-left:-1px; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-name: animScroll; animation-name: animScroll; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; -webkit-animation-timing-function:ease-in-out; animation-timing-function:ease-in-out;} .mouse-anim-icon:hover {background-color: rgba(255,255,255,.4); } .mouse-anim-icon:hover:after {top:24px; } @-webkit-keyframes animScroll {from {top:8px; } to {top:24px; } } @keyframes animScroll {from {top:8px; } to {top:24px; } } .pace-done .sfb-effect {opacity:1; -webkit-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0);} .pos-vertical-middle {position: relative; margin: auto; left: 0; top: 50%; right: 0; z-index: 1;} .pos-vertical-middle > .container {top: 50%; position: absolute; left: 0; right: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } /* IosSlider */ .iosslider-navigation > a:hover > .vs-icon {background-color:#fe6060;} /* Fixed and Scrolled Slideshow */ .fixedNscrolled {overflow:hidden; min-height: 640px;} .fixedNscrolled > div:first-child {position:fixed; width: 100%; -webkit-transition: margin-left 0.25s ease-out; transition: margin-left 0.25s ease-out;} .fixedNscrolled ~ #main, .fixedNscrolled ~ .site-footer {position:relative;} /* page headers */ #page-header { background-color: #313540; position: relative; overflow:hidden; z-index: 1; -webkit-transition: height 0.15s ease-out; transition: height 0.15s ease-out; } #page-header .container {position:relative; min-height:0; } #page-header [data-role="title"], #page-header [data-role="subtitle"] {color:#fff; font-weight:400;} #page-header [data-role="title"] { letter-spacing:-1px; } #page-header [data-role="subtitle"] {line-height:1.5; } /* page-header style2 */ #page-header.stl-style2 [data-role="title"] {font-weight: 500; } #page-header.stl-style2 [data-role="subtitle"] {position:relative; text-shadow:none; opacity: .6; } /* page-header style3 */ #page-header.stl-style3 [data-role="title"] {text-shadow:none; font-weight: 500; } #page-header.stl-style3 [data-role="subtitle"] {text-shadow:none; opacity: .6; } /*small center line*/ #page-header .stl-smallcenterline {position:relative;} #page-header .stl-smallcenterline::after {position:absolute; content:''; height:2px; width:52px; bottom:-18px; left:50%; margin-left:-26px; background:#fe6060; opacity:1;} /* Main Page Header subject -either an image, or a video, or a map */ #page-header .page-header-subject {position: absolute; left:0; top:0; bottom: 0; right:0; z-index: 0; background-repeat: no-repeat; background-position: center; background-size:cover;} /*Header Overlay*/ #page-header .header-overlay {position:absolute; left:0; top:0; right:0; bottom:0; background:#313540; display:none; color:#fff; font-size:13px; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.7);} #page-header.stg-has-overlay .header-overlay {display:block; opacity:.7; -webkit-transition: all 0.15s ease-out; transition: all 0.15s ease-out;} #page-header.stg-has-overlay:hover .header-overlay {opacity:0; visibility:hidden;} #page-header.stg-has-overlay .header-overlay [data-role="title"] {font-size: 48px; font-weight: 800; text-transform: uppercase;} #page-header.stg-over-main {overflow: visible;} #page-header.stg-over-main ~ #main {z-index: 0} /* Bottom ribbon follower */ .js-bottom-follower-block {position: fixed; left:0; bottom: 0; width: 100%; z-index: 999; -webkit-transform:translateY(100%); -ms-transform:translateY(100%); transform:translateY(100%); -webkit-transition:-webkit-transform 0.2s ease-in; transition:transform 0.2s ease-in; -webkit-backface-visibility: hidden;} .js-bottom-follower-block.visible {-webkit-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0);} /*page-header breadcrumbs*/ .breadcrumbs { height:auto; min-height:0; position:absolute; width:100%; bottom:0; left:0; } #page-slideshow .breadcrumbs {z-index: 20;} .breadcrumbs .container { height:auto; min-height:0; position:relative; } .breadcrumb {float:right; position:absolute; right:15px; bottom:20px; background:transparent; font-size:11px; margin:0;} .breadcrumb li, .breadcrumb > li + li::before {color: #fff;} .breadcrumb > .active { color: #F3F3F3; } .breadcrumb li a {color:#fff; color:rgba(255,255,255,0.7);} .breadcrumb li a:hover {color:#fff;} /* page-header - darken colors */ .breadcrumbs.stl-dark .breadcrumb li, .breadcrumbs.stl-dark .breadcrumb > li + li::before {color: #000;} .breadcrumbs.stl-dark .breadcrumb li a {color:#45474d; color:rgba(0,0,0,0.7);} .breadcrumbs.stl-dark .breadcrumb li a:hover {color:#45474d;} /* breadcrumbs helpers */ .wbg .breadcrumb {background:rgba(0,0,0,0.15); } /* default height for empty page-header */ #page-header.type-empty {min-height:50px; background:none; height:0; padding-bottom: 0;} #page-header .split-line {position:relative;} #page-header .split-line::before, #page-header .split-line::after { content: ''; width: -webkit-calc( (100% / 2) - 25px ); width: calc( (100% / 2) - 25px ); height: 1px; position: absolute; bottom: -20px; left: 0; background: #DBDBDB; } #page-header .split-line::after {left:auto; right:0;} /* Vauss Videos */ .video-wrapper {position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 0;} .vs-video {position: absolute; z-index: 1;} .vs-video video, .vs-video iframe {display:block; max-width: none;} .csstransforms .vs-video.valign video, .csstransforms .vs-video.valign iframe {top: 50% !important; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%);} .csstransforms .vs-video.halign video, .csstransforms .vs-video.halign iframe { left: 50% !important; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); } .csstransforms .vs-video.halign.valign video, .csstransforms .vs-video.halign.valign iframe { top: 50% !important; left: 50% !important; -webkit-transform: translateY(-50%) translateX(-50%); -ms-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%);} /* Video Grid Overlay */ .video-grid-overlay::after {content:''; position:absolute; top:0; left:0; width:100%; height:100%; z-index: 1; background-image:url(../images/video-pattern-1.png); /*background-color: rgba(0, 0, 0, 0.3);*/ opacity:.7; pointer-events:none;} .video-grid-overlay.ovrl2::after {background-image:url(../images/video-pattern-2.png);} /* Video with subtle top gradient */ .video-subtle-gradient:before {content:''; position:absolute; top:0; left:0; width:100%; height:270px; z-index:2; background: -moz-linear-gradient(top, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.3)), color-stop(100%,rgba(0,0,0,0))); background: -webkit-linear-gradient(top, rgba(0,0,0,0.3) 0%,rgba(0,0,0,0) 100%); background: -o-linear-gradient(top, rgba(0,0,0,0.3) 0%,rgba(0,0,0,0) 100%); background: -ms-linear-gradient(top, rgba(0,0,0,0.3) 0%,rgba(0,0,0,0) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0.3) 0%,rgba(0,0,0,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d000000', endColorstr='#00000000',GradientType=0 ); } /* Video Controls */ .vs-video--controls {list-style: none; margin:0; padding:0; position:absolute; top: 30px; right: 50px; z-index: 3; width: 50px; opacity:.1; -webkit-transition:opacity .2s ease-in; transition:opacity .2s ease-in;} .vs-video--controls[data-position="top-left"] {right:auto; left:50px;} .vs-video--controls[data-position="top-center"] {right:auto; left:50%; margin-left:-25px;} .vs-video--controls[data-position="bottom-right"] {top:auto; bottom: 0px;} .vs-video--controls[data-position="bottom-left"] {top:auto; right:auto; left:50px; bottom: 0px;} .vs-video--controls[data-position="bottom-center"] {top:auto; right:auto; left:50%; bottom: 0px; margin-left:-25px; } .vs-video--controls[data-position="middle-right"] {top:50%; margin-top:-25px;} .vs-video--controls[data-position="middle-left"] {left:50px; right:auto; top:50%; margin-top:-25px;} .vs-video--controls[data-position="middle-center"] {left:50%; right:auto; top:50%; margin-top:-25px; margin-left:-25px;} .video-container:hover .vs-video--controls, #page-header:hover .vs-video--controls {opacity:1;} .video-container .vs-video--controls a {width: 50px; height: 50px; display:block; cursor:pointer; color:#fff; text-align: center; line-height: 50px; text-decoration: none; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; opacity: .5;} .csstransforms .vs-video--controls .btn-audio {opacity:0; visibility: hidden; -webkit-transform:translateY(-30px); -ms-transform:translateY(-30px); transform:translateY(-30px); } .csstransforms .vs-video--controls:hover .btn-audio {opacity:.7; visibility: visible; -webkit-transform:translateY(-10px); -ms-transform:translateY(-10px); transform:translateY(-10px); } .csstransforms .vs-video--controls .btn-toggleplay {-webkit-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0); } .csstransforms .vs-video--controls:hover .btn-toggleplay {-webkit-transform:translateY(-10px); -ms-transform:translateY(-10px); transform:translateY(-10px); } .vs-video--controls a:hover {opacity:1;} .vs-video--controls .btn-audio .vs-icon {width: 28px; height: 28px; line-height: 28px; } .vs-video--controls .btn-audio .vs-icon::before {line-height: 29px; } .vs-video--controls .btn-toggleplay .vs-icon::before { content: "\e606"; } .vs-video--controls .btn-toggleplay .vs-icon.paused::before { content: "\e622"; } .vs-video--controls .btn-audio .vs-icon::before { content: "\e61f"; } .vs-video--controls .btn-audio .vs-icon.mute::before { content: "\e620"; } /* Responsive google map iframe */ .gmap-wrapper { position: relative; width:100%; padding-bottom: 56.25%; padding-top: 0; height: 0;} .gmap-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .gmap-wrapper.higher-ratio {padding-bottom: 73%; } .gmap-custom-size1 {padding-bottom: 80%;} .gmap-custom-size2 {padding-bottom: 73%;} .vs-address {position: absolute; right: 80px; top:100;} /* main section */ #main { margin-top: 40px; position: relative; z-index: 1;} /* Icon Boxes Widgets */ .icon-box {color:#888888; font-size: 13px;} .icon-box .vs-icon {color:#fe6060;} .icon-box:hover .vs-icon {color:#333;} .icon-box [data-role="title"] {font-weight:600; color:#45474d;} .icon-box.stg-alignleft .vs-icon, .icon-box.stg-alignleft .vs-img {float:left; margin-right: 25px; } .icon-box.stg-alignright .vs-icon, .icon-box.stg-alignright .vs-img {float:right; margin-left: 25px; } .explorer9 .icon-box.stg-alignleft .vs-img, .explorer10 .icon-box.stg-alignleft .vs-img, .explorer9 .icon-box.stg-alignright .vs-img, .explorer10 .icon-box.stg-alignright .vs-img {max-width: 65px;} .icon-box.stg-alignleft .vs-icon ~ .content, .icon-box.stg-alignleft .vs-img ~ .content, .icon-box.stg-alignright .vs-icon ~ .content, .icon-box.stg-alignright .vs-img ~ .content {overflow:hidden;} /* Iconbox - style 2 */ .icon-box.stg-style-2 .vs-icon {font-size: 70px; color: #fff; width: 70%; display: inline-block; background: #fe6060; border-radius: 5px; margin: 0 auto; line-height: 65px; margin-bottom: 25px;} .icon-box.stg-style-2:hover .vs-icon {background:#333; color:#fff;} .icon-box.stg-style-2 .vs-icon::before { display: block; font-size: 84px; margin: -10px 0; -webkit-transform: rotate(10deg); -ms-transform: rotate(10deg); transform: rotate(10deg); } .colored-area .icon-box.stg-style-2 .vs-icon, .colored-area .icon-box.stg-style-2:hover .vs-icon { color: #F4F4F4;} /* Iconbox - style 3 */ .icon-box.stg-style-3 .vs-icon {display: inline-block; color: #fe6060; width:80px; height:80px; text-align: center; vertical-align: middle; border-radius: 50%; position:relative; background-color:#f4f4f4;} .icon-box.stg-style-3 .vs-icon::before { display: inline-block; line-height: 80px; position:relative; z-index: 1; } .icon-box.stg-style-3 .vs-icon::after { content:''; display: inline-block; line-height: 80px; width:80px; height:80px; border-radius: 50%; background:#fe6060; opacity:0; position:absolute; top:0; left:0; -webkit-transition: -webkit-transform 0.2s, opacity 0.2s; transition: transform 0.2s, opacity 0.2s; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0);} .icon-box.stg-style-3:not(.hover-icon-only):hover .vs-icon::after, .icon-box.stg-style-3:not(.hover-icon-only):focus .vs-icon::after { opacity: 1; -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } /* Hover only on icon */ .icon-box.stg-style-3.hover-icon-only .vs-icon:hover::after, .icon-box.stg-style-3.hover-icon-only .vs-icon:focus::after { opacity: 1; -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } /* Iconbox - style 3 */ .icon-box.stg-style-4 .vs-icon {display: inline-block; color: #a9a9ac; width:88px; height:88px; text-align: center; vertical-align: middle; border-radius: 50%; position:relative; background-color:#f4f4f4; border: 2px solid #cecdcd; margin-bottom: 30px} .icon-box.stg-style-4 .vs-icon::before { display: inline-block; line-height: 84px; position:relative; z-index: 1; } .icon-box.stg-style-4 .vs-icon::after { content:''; display: inline-block; line-height: 88px; width:88px; height:88px; border-radius: 50%; background:#fe6060; opacity:0; position:absolute; top:-2px; left:-2px; -webkit-transition: -webkit-transform 0.2s, opacity 0.2s; transition: transform 0.2s, opacity 0.2s; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0);} .icon-box.stg-style-4:hover .vs-icon {color:#fff;} .icon-box.stg-style-4:hover .vs-icon::after, .icon-box.stg-style-4:focus .vs-icon::after { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } /* Color presets for Style3 icons */ .icon-box.stg-style-3.cc-blue .vs-icon, .icon-box.stg-style-3.cc-hv-blue:hover .vs-icon {color:#33d1ed;} .icon-box.stg-style-3.cc-blue .vs-icon::after {background:#33d1ed;} .icon-box.stg-style-3.cc-purple .vs-icon, .icon-box.stg-style-3.cc-hv-purple:hover .vs-icon {color:#bd8ecc;} .icon-box.stg-style-3.cc-purple .vs-icon::after {background:#bd8ecc;} .icon-box.stg-style-3.cc-pink .vs-icon,s .icon-box.stg-style-3.cc-hv-pink:hover .vs-icon {color:#f3749b;} .icon-box.stg-style-3.cc-pink .vs-icon::after {background:#f3749b;} .icon-box.stg-style-3.cc-yellow .vs-icon, .icon-box.stg-style-3.cc-hv-yellow:hover .vs-icon {color:#F2D429;} .icon-box.stg-style-3.cc-yellow .vs-icon::after {background:#f4e36e;} .icon-box.stg-style-3.cc-orange .vs-icon, .icon-box.stg-style-3.cc-hv-orange:hover .vs-icon {color:#f3749b;} .icon-box.stg-style-3.cc-orange .vs-icon::after {background:#eea754;} .icon-box.stg-style-3.cc-turquoise .vs-icon, .icon-box.stg-style-3.cc-hv-turquoise:hover .vs-icon {color:#f3749b;} .icon-box.stg-style-3.cc-turquoise .vs-icon::after {background:#2bcdc1;} .icon-box.stg-style-3.cc-green .vs-icon, .icon-box.stg-style-3.cc-hv-blue:hover .vs-icon {color:#f3749b;} .icon-box.stg-style-3.cc-green .vs-icon::after {background:#1abc9c;} /* Must be white upon hovering */ .icon-box.stg-style-3[class*="cc-"]:not(:[class*="hv-"]) .vs-icon { background:#fff;} .icon-box.stg-style-3:hover .vs-icon { color:#fff;} /* Colored Area Presets */ .colored-area[data-color="white"] { background-color:#fff;} .colored-area[data-color="gray"] { background-color:#f6f6f6; color:#45474d;} .colored-area[data-color="gray"] .btn-lined.inverted:hover {color:#f6f6f6;} .colored-area[data-color="silver"] { background-color:#c1c3c4;} .colored-area[data-color="silver"] .btn-lined.inverted:hover {color:#c1c3c4;} .colored-area[data-color="darkgray"] {background-color:#1a1c25; color:#fff; } .colored-area[data-color="darkgray"] .btn-lined.inverted:hover {color:#1a1c25;} .colored-area[data-color="black"] {background-color:#0c0c0d; color:#fff; } .colored-area[data-color="black"] .btn-lined.inverted:hover {color:#0c0c0d;} .colored-area[data-color="purple"] {background-color:#a872bc; color:#fff; } .colored-area[data-color="purple"] .btn-lined.inverted:hover {color:#a872bc;} .colored-area[data-color="green"] {background-color:#1abc9c; } .colored-area[data-color="green"] .btn-lined.inverted:hover {color:#1abc9c;} .colored-area[data-color="blue"] {background-color:#5476a9; } .colored-area[data-color="blue"] .btn-lined.inverted:hover {color:#5476a9;} .colored-area[data-color="custom"] {background-color:#fe6060; color:#fff; } .colored-area[data-color="custom"] .btn-lined.inverted:hover {color:#fe6060;} .colored-area.innershadow { box-shadow:0 2px 3px rgba(0,0,0,0.05) inset;} /* with top arrow */ .colored-area.top-arrow {position:relative;} .colored-area.top-arrow::before {content:''; position:absolute; top:-50px; left:50%; margin-left:-25px; border:25px solid transparent;} .colored-area.top-arrow[data-color="gray"]::before { border-bottom-color:#f4f4f4; } .colored-area.top-arrow[data-color="darkgray"]::before {border-bottom-color:#1a1c25; } .colored-area.top-arrow[data-color="purple"]::before {border-bottom-color:#a872bc; } .colored-area.top-arrow[data-color="green"]::before {border-bottom-color:#1abc9c; } .colored-area.top-arrow[data-color="blue"]::before {border-bottom-color:#5476a9; } .colored-area.top-arrow[data-color="red"]::before {border-bottom-color:#f46e6e; } .colored-area.top-arrow[data-color="yellow"]::before {border-bottom-color:#f4e36e; } .colored-area.top-arrow[data-color="orange"]::before {border-bottom-color:#eea754; } .colored-area.top-arrow[data-color="turquoise"]::before {border-bottom-color:#2bcdc1; } .colored-area.top-arrow[data-color="lightblue"]::before {border-bottom-color:#6cb0df; } .colored-area.top-arrow[data-color="lightred"]::before {border-bottom-color:#df6c8a; } .colored-area.top-arrow[data-color="pink"]::before {border-bottom-color:#a872bc; } .colored-area.top-arrow[data-color="custom"]::before {border-bottom-color:#fe6060; } /* Classes used for various usages */ .bottom-border {border-bottom:1px solid #e8e8e8;} .top-border {border-top:1px solid #e8e8e8;} .has-line {position:relative} .has-line::after {content:''; width:50px; height:2px; background:#fe6060; position:absolute; left:50%; margin-left:-25px; bottom:-10px;} .has-line.line-left::after {left:0; margin-left:0;} .fancy-title {font-size:30px; font-weight:400; color:#303032; letter-spacing: -1px;} .fancy-title strong {font-weight:600; } .all-btn { float:right; color:#a3a3a3; font-size:12px; margin-top: 0; text-decoration:none;} .right-arr { margin-right: 20px; position: relative;} .right-arr::after {content: '→'; right: -20px; position: absolute; font-size: 14px; } .wgt-title {color: #454545; font-size: 16px; line-height: 1.3; border-bottom: 2px solid #EDEDED; font-weight: 700; margin-bottom: 35px; letter-spacing: 0;padding-bottom: 10px;} .wgt-title.thinner {border-bottom-width: 1px;} .wgt-title > span {border-bottom:2px solid #fe6060; display: inline-block; margin-bottom: -12px; padding-bottom: 10px;} .wgt-title > b {font-size: 14px; display: inline-block; line-height: 1.6; } .colored-area .wgt-title {border-bottom-color:#fff;} .bordered {border-top: 3px solid #FFF; border-bottom: 3px solid #FFF;} .light {font-weight: 300; } .lighten-text {color:#888;} .vs-titles .vs-icon {font-size:70px; color:#fe6060; float:left; margin-right:20px;} .vs-titles [data-role="title"] {margin:0 0 5px;} .vs-titles [data-role="subtitle"] {color:#b5b5b5; font-size:15px; font-weight:400; margin:0; line-height: 1.7;} .vs-titles.hasborder {border-bottom:1px solid #e8e8e8; padding-bottom:20px;} .simple-title {font-size: 15px; font-weight: 700; color: #45474D; line-height:1.6; margin-bottom:20px; letter-spacing:0;} .simple-title-bigger {font-size: 18px; font-weight: 600; color: #45474D; line-height:1.6; margin-bottom:20px; letter-spacing:0;} .rightline-title {overflow:hidden;} .rightline-title::after { content:''; border-top: 1px solid #e6e6e6; height: 1px;overflow: hidden;display: block; margin-top: 10px;} .rightline-title span {float: left; margin-right: 10px;} .borderline-title {padding-bottom: 5px;} .borderline-title span {border-bottom:2px solid #fe6060;display: inline-block;padding-bottom: 5px;} .title-group {margin-bottom: 60px;} label.req::after {content:' *'; color:#fe6060;} /* Grayscale Link */ .grayscale-link {position:relative; display: block;} .grayscale-link::after {background:transparent; border-bottom:0;content:''; position:absolute; left:0; top:0; right:0; bottom:0; -webkit-backface-visibility:hidden; } .grayscale-link:hover::after {background:rgba(255,255,255,0.1); border-bottom:8px solid #fe6060;} .grayscale-link img {filter: url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 3.5+ */ filter: gray; -webkit-filter: grayscale(100%); -webkit-backface-visibility:hidden; } .grayscale-link:hover img {filter: none; -webkit-filter: none; } /* Read more link */ .read-more-link {color: #a3a4a4; font-size: 12px; line-height: 1.6; border-bottom:1px solid #d1d1d1; padding-bottom: 3px; text-decoration:none;} .read-more-link .vs-icon {font-size: 16px; vertical-align: middle; margin-left: 10px; line-height: 1;} .read-more-link .vs-icon {vertical-align: middle; line-height: 16px;} .read-more-link:hover {color: #888; text-decoration: none; border-bottom-color: #fe6060;} /* Hover Image & Zoom */ .hover-img-zoom {position: relative; overflow: hidden;} .hover-img-zoom::before {background: #fe6060; opacity: 0; content:''; position: absolute; left:0; top:0; width: 100%; height: 100%; z-index: 1; -webkit-backface-visibility:none;} .hover-img-zoom::after {content:'\e63a'; font-family: 'icomoon'; position: absolute; left:0; top:50%; width: 100%; text-align:center; z-index: 2; color: #fff; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); opacity:0; -webkit-backface-visibility:none;} .hover-img-zoom img {-webkit-backface-visibility:none; } .hover-img-zoom:hover::before {opacity: 0.5; } .hover-img-zoom:hover::after { opacity: 1; } .hover-img-zoom:hover img { -webkit-transform:scale(1.05); -ms-transform:scale(1.05); transform:scale(1.05); } /* Scale Out effect */ .scale-out {position: relative; overflow: hidden; display: block; border-radius: 3px 3px 0 0; -webkit-transform: translateZ(0); transform: translateZ(0);} .scale-out img {-webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: scale(1.06); transform: scale(1.06);-webkit-backface-visibility: hidden; border-radius: 3px 3px 0 0; -webkit-backface-visibility:hidden;} .scale-out:hover img {opacity: 0.8; -webkit-transform: scale(1); transform: scale(1);} /* Scale In effect */ .scale-in {position: relative; overflow: hidden; display: block; border-radius: 3px 3px 0 0;} .scale-in img {-webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: scale(1); transform: scale(1); border-radius: 3px 3px 0 0; -webkit-backface-visibility:hidden;} .scale-in:hover img {opacity: 0.8; -webkit-transform: scale(1.06); transform: scale(1.06); } /* Colorize thumbs/image links */ .colorize-thumb {position: relative; overflow: hidden;} .colorize-thumb::before {background: #fe6060; opacity: 0.35; content:''; position: absolute; left:0; top:0; width: 100%; height: 100%; z-index: 1; -webkit-backface-visibility:none;} .colorize-thumb:hover::before {opacity: 0; } .colorize-thumb.red::before {background: #f00;} .colorize-thumb.pink::before {background: #f41f8d;} .colorize-thumb.blue::before {background: #33d1ed;} .colorize-thumb.green::before {background: #63ad68;} .colorize-thumb.greenlime::before {background: #92c72c;} .colorize-thumb.purple::before {background: #b00fc3;} .colorize-thumb.orange::before {background: #ff5a00;} /*Subtle Hover*/ .subtle-hover { display: inline-block;} .subtle-hover:hover {background: #354247;} .subtle-hover > img {opacity: .6; -webkit-transition:opacity .15s ease-out; transition:opacity .15s ease-out; -webkit-backface-visibility:hidden; backface-visibility:hidden;} .subtle-hover:hover > img {opacity: 1;} /* Subtle Hover Reverse */ .subtle-hover-rev {display: inline-block;} .subtle-hover-rev:hover {background: #354247;} .subtle-hover-rev > img { opacity: 1; -webkit-transition:opacity .15s ease-out; transition:opacity .15s ease-out; -webkit-backface-visibility:hidden; backface-visibility:hidden;} .subtle-hover-rev:hover > img {opacity: .6;} /* Subtle stroke */ .subtle-stroke {border:1px solid rgba(0,0,0,0.03); background-clip: content-box !important;} /* photogallery widget */ .photogallery-widget .photogallery-wrapper {overflow:hidden;position: relative;} .photogallery-widget .caroufredsel {width: 74.35%; } .photogallery-widget .caroufredsel .slides li {position:relative;} .photogallery-widget .caroufredsel .slides li img {width:100%;} .photogallery-widget .cfs--navigation { position: absolute; top:50%; margin-top:-20px; width: 100%;} .photogallery-widget .cfs--navigation a { color:#fff; top:auto; margin-top:0;} .photogallery-widget .cfs--navigation a::before { font-size:50px;} .photogallery-widget .cfs--prev {left:20px;} .photogallery-widget .cfs--next {right:20px;} .photogallery-widget .caroufredsel:hover .cfs--prev {left:30px;} .photogallery-widget .caroufredsel:hover .cfs--next {right:30px;} .photogallery-widget .caroufredsel .pg-caption, .photogallery-widget .caroufredsel .pg-caption a {color: #FFF; line-height: 1.8; font-size: 16px;} .photogallery-widget .caroufredsel .pg-caption {position: absolute; bottom: 50px; left: 0; text-align: center; padding: 0; width: 100%; margin: 0; text-transform: uppercase;} .photogallery-widget .caroufredsel .pg-caption a {text-transform: none; font-style: italic; } .photogallery-widget .caroufredsel .pg-caption.blacklined { background: rgba(0, 0, 0, 0.5); color: #FFF; display: inline; border-radius: 2px; padding: 2px 7px; } .photogallery-widget .cfs-counter {position: absolute; bottom: 30px; left: 50px; z-index: 2; color: rgba(255, 255, 255, 0.3); font-weight: 700; font-style: italic; } .photogallery-widget .cfs--pagination { height:100%; overflow:hidden; width: 25.65%; position: absolute; top: 0; right: 0; left: auto; bottom: auto;} .photogallery-widget .pg-thumb { width: 50%; float:left; cursor: pointer; border-radius: 0; box-shadow: none; margin:0; -webkit-backface-visibility:hidden; position: relative; background-color: #1A1C25;} .photogallery-widget .pg-thumb > a {display:block; width:100%; height:100%; position: relative; background-size: cover; background-position: center; background-repeat: no-repeat; opacity: .8; } .photogallery-widget .pg-thumb:hover > a, .photogallery-widget .pg-thumb.selected > a {opacity: 1;} .photogallery-widget .pg-thumb:hover {z-index:2;} .photogallery-widget .pg-thumb .pg-caption {font-size: 14px; font-weight: 600; color:#fff; background:#fe6060; padding: 20px 5px 0 20px; position: absolute;width: 100%;height: 100%;top: 0;text-align: left;margin: 0;opacity: 0;visibility: hidden;} .photogallery-widget .pg-thumb:nth-child(even) .pg-caption {right:0;} .photogallery-widget .pg-thumb:nth-child(odd) .pg-caption {left:0} .photogallery-widget .pg-thumb:nth-child(even):hover .pg-caption {opacity:1; visibility:visible; right:100%;} .photogallery-widget .pg-thumb:nth-child(odd):hover .pg-caption {opacity:1; visibility:visible; left:100%;} .photogallery-widget .pg-thumb .pg-caption::before {content:''; position:absolute; top:50%; margin-top:-6px; border:6px solid transparent; } .photogallery-widget .pg-thumb:nth-child(even) .pg-caption::before {right:-12px; border-left-color:#fe6060;} .photogallery-widget .pg-thumb:nth-child(odd) .pg-caption::before {left:-12px; border-right-color:#fe6060;} .photogallery-widget .pg-thumb .pg-caption a {color: #fff; font-size: 12px; opacity: .8;} .photogallery-widget .pg-thumb .pg-caption a:hover {opacity:1;} .photogallery-widget .pg-thumb:nth-child(9):last-child {width: 100%;} .photogallery-widget .pg-thumb:nth-child(9):last-child .pg-caption {left:0; right:auto;} /* bottom-thumbs */ .photogallery-widget.bottom-thumbs .caroufredsel { width:100%; } .photogallery-widget.bottom-thumbs .cfs--navigation { width:100%; } .photogallery-widget.bottom-thumbs .cfs--pagination {width: 100%; width: -webkit-calc(100% + 2px); width: calc(100% + 2px); position: static; height: auto; margin-top: 2px; margin-left: -2px;} .photogallery-widget.bottom-thumbs .pg-thumb {width:20%; width: -webkit-calc(20% - 2px); width:calc(20% - 2px); height:auto; margin-bottom: 2px; margin-left: 2px;} /* custom boxes widget */ .custombox.stl-custom-1 {font-size: 12px; color:#888;} .custombox.stl-custom-1 h3, .custombox.stl-custom-1 h4 {font-size: 36px; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); color: #FFF;} .custombox.stl-custom-1 h4 {font-size: 32px;} .custombox.stl-custom-1 .btn {margin-top:20px; font-weight:600; text-transform:none; font-size:13px;} .custombox.stl-custom-1 .btn > .vs-icon {font-size: 18px; margin-right: 10px; vertical-align: middle;} /* featured posts */ .featuredposts_wgt h3 {font-size:32px; line-height:1.1; margin:0; } .featuredposts_wgt h5 {font-size:15px; line-height:1.4; color:#b5b5b5; margin-bottom:35px; } .featuredposts_wgt .fpost { font-size:15px; display:block; border-bottom:1px solid #e8e8e8; color:#45474d; clear:both; position:relative; text-decoration:none; padding: 20px 30px 20px 0; } .featuredposts_wgt .fpost .fdate { font-size: 15px; color: #C7C7C9; float: right; width: 30px; line-height: 1;text-align: center; margin-top: 10px; position: absolute; top: 0; right: 0; } .featuredposts_wgt .fpost .fdate strong { font-size:25px; display:block; } .featuredposts_wgt .fpost :hover {color:#000;} .featuredposts_wgt .fpost::after {content:''; position:absolute; height:0; width:100%; left:0; bottom:-1px; border-bottom:2px solid transparent; } .featuredposts_wgt .fpost:hover::after {border-color:#ff0000; } .featuredposts_wgt .fpost:hover .fdate { color:#000; } /* devices widget */ .devicesbox_wgt {border-bottom: 1px solid #E8E8E8;} .devicesbox_wgt .texts {color:#888888} .devicesbox_wgt .texts h3 {margin-bottom:40px; font-size:36px; font-weight:300; color:#303032; } .devicesbox_wgt .btn {margin-top:20px; font-weight:600; text-transform:none; font-size:13px;} /* footer */ .site-footer {background:#402b3b; background:rgba(64, 43, 59, 1.0);color:#c3c3c3; color:rgba(255,255,255,0.8); } .site-footer .bottom-footer {background:rgba(0, 0, 0, 0.2);} .site-footer a {color:#eee; color:rgba(195,195,195,1.0);} .site-footer a:hover {color:#fff; color:rgba(255,255,255,1.0);} .site-footer .block-wgt {margin-bottom:20px; } .site-footer .block-wgt [data-role="title"] {color:#fefefe; color:rgba(255,255,255,0.6); font-size:14px; margin-bottom:25px; border:0;} .site-footer .block-wgt [data-role="title"]::after {display: none;} .site-footer .copyright {margin-bottom:0;} .site-footer .social_icons { margin:0; } .site-footer .social_icons li { line-height: 18px; } .site-footer .social_icons li a { color: #828282; font-size: 16px;} .site-footer .social_icons li a:hover {color: #C5C5C5;} .site-footer ul.menu {margin:0; padding:0; list-style:none} .site-footer ul.menu a:hover {text-decoration: none;} .main-footer ul.menu li { border-top:1px solid #555; border-top:1px solid rgba(255,255,255,0.1);} .main-footer ul.menu li:first-child {border-top:0;} .main-footer ul.menu li a { line-height: 1.5; display:inline-block; padding:10px 0;} .bottom-footer ul.menu li {line-height:1.6; display: inline-block; margin: 0 10px;} .bottom-footer ul.menu li:first-child {border-top:0;} /* Bordered footer */ .footer-borders {border-top:1px solid rgba(255,255,255,0.1);} .footer-borders .bottom-footer {background:none;} .footer-borders .bottom-footer > .container { position:relative;} .footer-borders .bottom-footer > .container::before {position: absolute; width: 100%; margin: 0 15px; height: 0; border-top:1px solid rgba(255,255,255,0.1); top:0; left: 0;} /* Footer Dark Preset */ .footer-dark { background:#151515; } .footer-dark.full-black { background:#000; } /* Footer Light Preset */ .footer-light.full-white { background:#fff; } .footer-light { background:#f6f6f6; color: rgba(0, 0, 0, 0.6); } .footer-light a {color:#111; color:rgba(0,0,0,0.6);} .footer-light a:hover {color:#000; color:rgba(0,0,0,0.8);} .footer-light .block-wgt [data-role="title"] {color: #1a1c25; color: rgba(0, 0, 0, 0.8);} .footer-light .main-footer ul.menu li {border-top: 1px solid #ccc; border-top: 1px solid rgba(0, 0, 0, 0.1);} .footer-light .bottom-footer {background: rgba(0, 0, 0, 0.04);} .footer-light.footer-borders {border-top:1px solid rgba(0,0,0,0.1);} .footer-light.footer-borders .bottom-footer {background:none;} .footer-light.footer-borders .bottom-footer > .container::before {border-color:rgba(0,0,0,0.1);} /* inputs in footer */ .site-footer .vs-form .vs-input { background:rgba(237,237,237,0.1); height:35px; text-indent:10px; font-size:11px; padding:0; width:100%; outline:none; color:#c3c3c3; border: 0;border-radius:3px; box-shadow: none; } .site-footer .vs-form .vs-input:focus {background:rgba(237,237,237,0.2);} .site-footer .vs-form textarea.vs-input {height:80px; padding: 5px 0;} .site-footer .vs-form .vs-submit {color:#fff; border-radius: 3px; background:rgba(0,0,0,0.3); font-size: 12px; font-weight: 600; border: 0;padding: 7px 15px;outline: 0; cursor:pointer;} .site-footer .vs-form .vs-submit:hover {background:#fe6060;} /** Scroll to top button **/ #totop {height: 50px; opacity:0; filter:alpha(opacity=0); position:fixed; right:-50px; width: 50px; z-index:9999; display:block; top:85%; background-color:#404040; font-size: 9px; font-weight: 900; color: #fff; text-align: center; line-height: 50px; padding: 0; border-radius:2px;text-decoration: none;} #totop::after {font-family: 'icomoon'; font-size:14px; color:#fff; content: "\e175";font-weight: normal;} #totop.on { right:10px; opacity:0.7; filter:alpha(opacity=70);} #totop.off{right:-59px} #totop:hover { opacity:1; filter:alpha(opacity=100)} /* Transformation Origin presets */ *[data-scale="top-left"] { -webkit-transform-origin:left top; -ms-transform-origin:left top; transform-origin:left top; } *[data-scale="top-center"] { -webkit-transform-origin:top center; -ms-transform-origin:top center; transform-origin:top center;} *[data-scale="top-right"] { -webkit-transform-origin:top right; -ms-transform-origin:top right; transform-origin:top right;} *[data-scale="bottom-left"] { -webkit-transform-origin:bottom left; -ms-transform-origin:bottom left; transform-origin:bottom left;} *[data-scale="bottom-center"] { -webkit-transform-origin:bottom center; -ms-transform-origin:bottom center; transform-origin:bottom center;} *[data-scale="bottom-right"] { -webkit-transform-origin:bottom right; -ms-transform-origin:bottom right; transform-origin:bottom right;} *[data-scale="left-center"] { -webkit-transform-origin:left center; -ms-transform-origin:left center; transform-origin:left center;} *[data-scale="right-center"] { -webkit-transform-origin:right center; -ms-transform-origin:right center; transform-origin:right center;} /* pagination */ .vs-pagination {list-style: none; padding:0; display: block; margin: 30px 0 20px; border-radius: 4px; text-align:center;} .vs-pagination li {display: inline; } .vs-pagination li a, .vs-pagination li span {background-color: transparent; border: 0; margin-left: 0; font-size:13px; font-weight:400; color:#a2a2a2; border-radius:3px; display: inline-block;padding: 5px 10px;text-decoration: none;} .vs-pagination li:not(.first-nav):not(.last-nav) a {background:#efefef;} .vs-pagination li:not(.first-nav):not(.last-nav) a:hover, .vs-pagination li.active:not(.first-nav):not(.last-nav) a {background:#fe6060; color:#fff;} .vs-pagination .first-nav {float:left;} .vs-pagination .last-nav {float:right;} .vs-pagination .first-nav a, .vs-pagination .last-nav a {font-weight: 600; padding-left:0; padding-right: 0;} .vs-pagination .first-nav a:hover, .vs-pagination .last-nav a:hover {color:#888;} .vs-pagination .first-nav .vs-icon, .vs-pagination .last-nav .vs-icon {font-size: 16px; vertical-align: middle;} .vs-pagination li.disabled > a {pointer-events:none} /* Block widget */ .block-wgt {margin-bottom:50px;} .block-wgt.inline-block {background:#eae9e9; border-radius: 2px; padding:18px;} /* sidebars */ .sidebar ul.menu {margin:0; padding:0; list-style:none;} .sidebar ul.posts {margin:0; padding:0; list-style:none;} .sidebar ul.posts li {margin-top:15px; padding-top:15px; border:none;} .sidebar ul.posts li:first-child {margin-top:0;} .sidebar ul.posts li a {display:block; text-decoration:none; color:#45474d; font-weight:600;} .sidebar ul.posts li a:hover {color:#fe6060;} .sidebar ul.posts li a img {float:left; border-radius:3px;} .sidebar ul.posts li a > span {display:block; font-size:12px; color:#cccccd; margin-top:5px;} .sidebar ul.tags {margin:0; padding:0; list-style:none;} .sidebar ul.tags li {display:inline-block; margin: 0 3px 3px 0;line-height: 1;float: left;} .sidebar ul.tags li a {font-size:11px; color:#fff; font-weight:600; line-height:28px; padding:0 5px; background:rgba(0, 0, 0, 0.2); display:block; text-decoration:none;border-radius:3px; } .sidebar ul.tags li a:hover { background:#fe6060} .sidebar ul.pill-tabs {background:#eae9e9; border:0;margin-bottom: 20px;} .sidebar ul.pill-tabs li {border:0;} .sidebar ul.pill-tabs li a {font-size:13px; font-weight: 600;padding: 15px 0;} .sidebar ul.pill-tabs > li.active > a, .sidebar ul.pill-tabs > li.active > a:hover, .sidebar ul.pill-tabs > li.active > a:focus{background:#c3c3c6; color:#fff;border: 0; box-shadow: none; } /* Affix Sidebar */ @media (min-width: 992px) { body:not(.safari) .sidebar.affix { position:fixed; top:30px; z-index:99; } body:not(.safari) .sidebar.affix-bottom { top:auto; position: absolute; } body.hs--always:not(.safari) .sidebar.affix {top: 90px;} body.safari .sidebar.affix { position: relative; } } /* vs-form */ .vs-input, .vs-form input[type="text"], .vs-form input[type="search"], .vs-form input[type="password"], .vs-form input[type="email"], .vs-form input[type="tel"], .vs-form input[type="url"], .vs-form textarea, .vs-form select, .vs-textarea, .vs-selectlist { width: 100%; border: 1px solid #ddd; background-color: #f9fbfb; font-size: 13px; color: #9ea3a7; height: 40px; text-indent: 15px; outline: none; border-radius: 3px; background-clip: padding-box; box-shadow: inset 0 1px 0 #f1f3f3; line-height: initial; } .vs-input:hover, .vs-form input[type="text"]:hover, .vs-form input[type="search"]:hover, .vs-form input[type="password"]:hover, .vs-form input[type="email"]:hover, .vs-form input[type="tel"]:hover, .vs-form input[type="url"]:hover, .vs-form textarea:hover, .vs-textarea:hover, .vs-select select:hover { border-color:#bbb;} .vs-input:focus, .vs-form input[type="text"]:focus, .vs-form input[type="search"]:focus, .vs-form input[type="password"]:focus, .vs-form input[type="email"]:focus, .vs-form input[type="tel"]:focus, .vs-form input[type="url"]:focus, .vs-form textarea:focus, .vs-textarea:focus, .vs-select select:focus { border-color: #fe6060; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), inset 2px 2px 4px rgba(104, 104, 104, 0.1); background-color: #FFF; color: #23262D; } .vs-form textarea, .vs-textarea {height:220px; padding:15px; text-indent:0;} .vs-textarea.smaller {height:170px;} .vs-textarea.bigger {height:350px;} .vs-form .vs-select { position:relative;} .vs-form .vs-select select {-webkit-appearance: none; -moz-appearance: none; -o-appearance: none; -ms-appearance: none; appearance: none; position:relative; display:block;} .firefox .vs-form .vs-select select, .firefox .vs-selectlist {text-indent: 3px} .vs-form .vs-select::after, .vs-form .vs-select::before {content:''; position:absolute; right:10px; top:50%; border: 4px solid rgba(0, 0, 0, 0); z-index: 1;} .vs-form .vs-select::before {border-bottom-color: #CCC; margin-top: -9px; } .vs-form .vs-select::after {border-top-color: #CCC; margin-top: 1px;} .vs-form .form-line {margin-bottom:20px; float:left; position:relative; padding-left: 10px; padding-right: 10px; *zoom: 1;} .vs-form .form-line.fifth {width:20%;} .vs-form .form-line.quarter {width:25%;} .vs-form .form-line.third {width:33.3333%;} .vs-form .form-line.forty {width:40%;} .vs-form .form-line.half {width:50%;} .vs-form .form-line.sixty {width:60%;} .vs-form .form-line.twothirds {width:66.6666%;} .vs-form .form-line.full {width:100%;} .vs-form .form-line.last {margin-bottom: 10px;} .vs-form .form-line::before, .vs-form .form-line::after {display: table; line-height: 0; content: ""; } .vs-form .form-line::after { clear: both; } .vs-form .form-line .uploadfile + input[type=text] { width: 75%; border-radius: 3px 0 0 3px; } .vs-form .form-line .uploadfile { position: relative; overflow: hidden; margin: 0; } .vs-form .form-line .uploadfile span {display:block; line-height:40px; text-align:center; font-size:12px; font-weight:700; color:#fff; background:#c2c4c9;} .vs-form .form-line .uploadfile:hover span { background:#a3a3a4;} .vs-form .form-line .uploadfile input[type=file] { position: absolute; top: 0; right: 0; margin: 0; padding: 0; font-size: 20px; cursor: pointer; opacity: 0; height: 100%;} .vs-form .form-line .uploadfile:not(:only-child) {left: -1px; float:right; width: 25%;} .vs-form .form-line .uploadfile:not(:only-child) span {border-radius:0 3px 3px 0; } .vs-form .form-line.withlabel label {width:150px; float:left; vertical-align: middle; line-height: 40px; margin: 0; color: #45474d; font-weight: 600;} .vs-form .form-line.withlabel label.req::after {content:'*'; color:#fe6060;} .vs-form .form-line.withlabel label ~ input, .vs-form .form-line.withlabel label ~ .vs-select, .vs-form .form-line.withlabel label ~ textarea {width: -webkit-calc(100% - 150px); width: calc(100% - 150px);} .vs-form .form-line.withlabel label ~ .vs-select {float: left;} .vs-form .form-line.withlabel input + input { margin-top:20px;} .vs-form .form-line.withlabel label ~ input + input {margin-left:150px;} .form-row {margin-left: -10px;margin-right: -10px;} .form-row::before, .form-row::after { content: " "; display: table; } .form-row::after { clear: both; } .vs-form .inp-wrap {position:relative;} /*contact-form response*/ .cf_response { display: none;} /* contact form errors */ .ui-state-error{border:1px solid #EB3034 !important; position:relative;} .ui-state-valid{border:1px solid #0EAB55 !important; position:relative;} .ui-state-error + span::after, .ui-state-valid + span::after {font-family: 'icomoon'; font-size: 15px; position: absolute; right: 12px; top: 10px; display: block; z-index: 1;} .ui-state-error + span::after { content: "\e01b"; color: #EB3034;} .ui-state-valid + span::after { content: "\e013"; color: #0EAB55;} /*contact-form in footer*/ .site-footer .ui-state-error + span::after, .site-footer .ui-state-valid + span::after {right: 10px; top: 5px;} /* address tag styles */ address, address a {color:#888888; font-size:14px; line-height: 1.6; } /* blog post */ .blog-post .post-details {margin:0; padding:0; list-style:none; margin-bottom:30px;} .blog-post .post-details li {display:inline-block; color:#a2a2a2; /*font-style:italic;*/} .blog-post .post-details li a {color:#fe6060;} /*.blog-post .post-details li.author {font-weight:bold;}*/ .blog-post .post-head {margin-bottom:30px; padding-bottom:20px; border-bottom:1px solid #e8e8e8; overflow: auto;} .blog-post .post-head .post-image {margin-bottom:20px;} .blog-post .post-controls {float:right; text-align:right;margin-top: 15px;} .blog-post .post-controls > span, .blog-post .post-controls > a {display:inline-block;} .blog-post .post-controls > span {color:#8d8e8e; font-style:italic; margin-right:20px;line-height: 40px;vertical-align: top;float: left;} .blog-post .post-controls > a {width:45px; height:40px; background:#e2e2e2; text-decoration:none; text-align:center; vertical-align:middle; display: block; float: left;} .blog-post .post-controls > a:hover { background:#fe6060;} .blog-post .post-controls > a.prev {border-top-left-radius:3px;border-bottom-left-radius:3px;} .blog-post .post-controls > a.next {border-top-right-radius:3px;border-bottom-right-radius:3px;} .blog-post .post-controls > a::before {font-family: 'icomoon'; font-size:14px; color:#fff; padding-top:10px; display:inline-block;} .blog-post .post-controls > a.prev::before {content: "\e006";} .blog-post .post-controls > a.next::before {content: "\e007";} .blog-post .post-sharing > div {display:inline-block; margin-left:10px;vertical-align: top;} .blog-post .post-sharing > div:first-child {margin-left:0px;} .blog-post .post-content {line-height:1.7; font-size: 14px;} .blog-post .post-content.dropcaps p:first-child:first-letter { font-weight:700; font-size:30px; background:#fe6060; color:#fff; padding:7px; line-height:1; margin-right:10px; margin-bottom:0px; display:inline-block; float:left; } .blog-post .post-content blockquote {font-size:14px; font-style:italic; color:#8d8e8e; padding-left:20px; margin-left:30px; border-left:13px solid #f4f4f4;} .blog-post .post-tags h6 {color:#a2a2a2; font-style:italic; font-size:12px; text-transform:uppercase; display:inline-block; margin:0 15px 0 0; vertical-align:top;line-height: 28px;} .blog-post .post-tags ul {display:inline-block; margin:0; padding:0; list-style:none;} .blog-post .post-tags li {display:inline-block; margin: 00;line-height: 1;} .blog-post .post-tags li a {font-size:11px; color:#fff; font-weight:600; line-height:28px; padding:0 5px; background:#cccccc; display:block; text-decoration:none; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; } .blog-post .post-tags ul li a:hover { background:#fe6060} .blog-post .post-navigation {margin:0 0 50px; padding:30px; list-style:none; background:#f5f5f5; border-top:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8; } .blog-post .post-navigation li {width: 49.8%;float: left;} .blog-post .post-navigation li.next-post {text-align:right;float: right;} .blog-post .post-navigation li a {font-size:16px; color:#45474d; text-decoration:none;} .blog-post .post-navigation li.prev-post a::before, .blog-post .post-navigation li.next-post a::after{font-family: 'icomoon'; font-size:12px; color:#fff; padding-top: 6px; display:inline-block; width: 27px;height: 27px;background: #23262d;text-align: center;vertical-align: middle;border-radius: 3px;} .blog-post .post-navigation li.prev-post a::before {content: "\e006"; margin-right:10px; padding-right:1px;} .blog-post .post-navigation li.next-post a::after {content: "\e007"; margin-left:10px;} .blog-post .post-navigation li.prev-post a:hover::before, .blog-post .post-navigation li.next-post a:hover::after{ background:#fe6060;} .blog-post .post-author {color:#45474d; margin-bottom:50px;} .blog-post .post-author .author-avatar {width:100px; float:left; margin-right:20px;} .blog-post .post-author .author-avatar img {border: 2px solid #FFF; box-shadow: 0 0 0 1px #bdbdbd;} .blog-post .post-author .author-details {margin-left:120px;} .blog-post .post-author .author-details h4 {margin-bottom: 15px; padding-bottom: 10px; line-height: 1;} .blog-post .post-author .author-details p {margin-bottom:10px;} .blog-post .post-author .author-details a {color:#c3c3c5;} .blog-post .popular-articles {margin-bottom: 10px;} .blog-post .popular-articles .wgt-title {margin-bottom: 30px;} .blog-post .popular-articles .ppa-post { margin-bottom:20px;} .blog-post .popular-articles .ppa-post h5 {margin:15px 0 0; font-size:15px; text-align:center;} .blog-post .popular-articles .ppa-post h5 a {color:#2B2D30;} .blog-post .popular-articles .ppa-post h5 a:hover {color:#fe6060; text-decoration: none;} /* Post Action */ .post-actions {margin:0; padding: 0; list-style: none; float:right;} .post-actions li {display: inline-block; margin-left:5px;} .post-actions li a {color:#acacac; font-size: 11px; font-weight: normal; text-decoration: none; line-height: 1;} .post-actions li a:hover {color:#888;} .post-actions li a::before {margin-right: 4px; line-height: 1; font-size: 13px; vertical-align: middle;} .post-actions li a.comments::before {font-size:16px;} .post-actions li a:hover::before {color:#fe6060;} /* blog-page blog-timeline */ .blog-page.blog-timeline .blog-posts {margin:0;} .blog-page.blog-timeline .bpost {margin-left: 120px; position: relative; padding: 40px 0; background:#fff; border-radius: 0 0 4px 4px; box-shadow: 0 1px 1px rgba(0,0,0,.07); } .blog-page.blog-timeline .bpost::after, .blog-page.blog-timeline .bpost::before {content:''; position:absolute; width:1px; height:100%; left:-67px; background:#fff;top: 0;padding-bottom: 60px; box-sizing: content-box;} .blog-page.blog-timeline .bpost::before {left:-68px; background:#dddddd;} .blog-page.blog-timeline .bpost .date {position:absolute; top:0; left:-120px; width:110px; background:#eae9e9; border-radius: 3px; font-size: 13px; font-weight: 600; color:#0e111c; text-align: center; line-height: 36px;z-index: 1;height: 36px;} .blog-page.blog-timeline .bpost .post-qshare {position:absolute; top: 50px; left: -75px; z-index:1 } .blog-page.blog-timeline .bpost .post-qshare > a {display:block; color:#ddd; font-size:16px; background:#f5f5f5; padding:3px 0; text-decoration:none; } .blog-page.blog-timeline .bpost .post-qshare > a:hover, .blog-page.blog-timeline .bpost .post-qshare:hover > a {color:#46484f; } .blog-page.blog-timeline .bpost .post-qshare > ul {opacity:0; visibility:hidden; list-style:none; margin:0; padding:10px 0; background:#46484f; border-radius:3px; width:50px; position:absolute; top:30px; left:-17px;} .blog-page.blog-timeline .bpost .post-qshare:hover > ul {color:#46484f; opacity:1; visibility:visible; } .blog-page.blog-timeline .bpost .post-qshare > ul::before {content:''; border:5px solid transparent; border-bottom-color:#46484f; position:absolute; top:-10px; left:50%; margin-left:-5px;} .blog-page.blog-timeline .bpost .post-qshare > ul a {color:rgba(255,255,255,0.4); display:block; text-align:center; padding:6px 0; font-size:16px; text-decoration:none;} .blog-page.blog-timeline .bpost .post-qshare > ul a:hover {color:#fff;} .blog-page.blog-timeline .bpost .post-head > [data-role="title"], .blog-page.blog-timeline .bpost .post-details, .blog-page.blog-timeline .bpost .post-content, .blog-page.blog-timeline .bpost .readmore-btn { margin-left:40px; margin-right:40px; } .blog-page.blog-timeline .bpost .post-head > [data-role="title"] { margin-top: 0; margin-bottom:5px; } .blog-page.blog-timeline .bpost .post-head > [data-role="title"], .blog-page.blog-timeline .bpost .post-head > [data-role="title"] a {color: #0E111C;} .blog-page.blog-timeline .bpost .post-head > [data-role="title"] a:hover {color: #fe6060; text-decoration: none} .blog-page.blog-timeline .bpost .post-head {border:0; position:static;} .blog-page.blog-timeline .bpost .post-head .post-image {margin-bottom:30px;margin-top: -40px;} .blog-page.blog-timeline .bpost .post-head .post-image.small {float:left; margin:5px 40px 10px 40px; max-width: 220px;} .blog-page.blog-timeline .bpost .post-details {margin-top:0} .blog-page.blog-timeline .post-actions {position: absolute;right: 40px;margin: 0;bottom: 40px;} .blog-page.blog-timeline .post-actions li a {font-size: 14px;} .blog-page.blog-timeline .bpost.post-quote {background: #48C5F4; color: #FFF; border-radius:4px; padding: 40px 0; } .blog-page.blog-timeline .bpost.post-link {background: #fe6060; color: #FFF; border-radius:4px; padding: 40px 0; } .blog-page.blog-timeline .bpost.post-soundcloud {background: #FF6347; color: #FFF; } .blog-page.blog-timeline .bpost.post-quote .post-content, .blog-page.blog-timeline .bpost.post-quote .post-content a, .blog-page.blog-timeline .bpost.post-link .post-content, .blog-page.blog-timeline .bpost.post-link .post-content a, .blog-page.blog-timeline .bpost.post-soundcloud .post-content, .blog-page.blog-timeline .bpost.post-soundcloud .post-content a, .blog-page.blog-timeline .bpost.post-quote .post-actions li a, .blog-page.blog-timeline .bpost.post-link .post-actions li a, .blog-page.blog-timeline .bpost.post-soundcloud .post-actions li a, .blog-page.blog-timeline .bpost.post-quote .post-head [data-role="title"], .blog-page.blog-timeline .bpost.post-link .post-head [data-role="title"], .blog-page.blog-timeline .bpost.post-soundcloud .post-head [data-role="title"], .blog-page.blog-timeline .bpost.post-quote .post-head [data-role="title"] a, .blog-page.blog-timeline .bpost.post-link .post-head [data-role="title"] a, .blog-page.blog-timeline .bpost.post-soundcloud .post-head [data-role="title"] a, .blog-page.blog-timeline .bpost.post-soundcloud .post-details { color: #FFF; } /*quote post*/ .blog-page.blog-timeline .bpost.post-quote blockquote {font-size:26px; font-style: italic; line-height: 1.4; border:0; margin:0 0 15px; padding:0 0 0 55px; position:relative;} .blog-page.blog-timeline .bpost.post-quote blockquote::before {content:'\201C'; font-family: "Trebuchet MS"; font-size: 120px; position: absolute; left: -25px; top:0; color:#3399bf; line-height: 1; display: block; } .blog-page.blog-timeline .bpost.post-quote blockquote ~ small {font-size:14px; font-style: italic; line-height: 1.4; border:0; margin: 0 0 0 55px; position:relative;padding-left: 20px;} .blog-page.blog-timeline .bpost.post-quote blockquote ~ small::before {content:''; position: absolute; left: -5px; top:0; background:#3399bf; width:15px; height:1px; top: 9px;} /*link post*/ .blog-page.blog-timeline .bpost.post-link .post-content a { font-size: 13px; text-decoration: underline; } .blog-page.blog-timeline .bpost.post-link .post-head [data-role="title"]::after {font-family: 'icomoon'; content: "\e60c"; position: absolute; top: 30px; right: 30px; color: rgba(0, 0, 0, 0.17);} /*img post*/ .blog-page .bpost.post-img .post-head {position:relative;} .blog-page .bpost.post-img [data-role="title"] {position:absolute; bottom:30px; left:0; margin: 0;} .blog-page .bpost.post-img [data-role="title"] a {background: rgba(0, 0, 0, 0.65); font-size: 22px; padding: 6px 10px; line-height: 1.6; font-weight: 300; border-radius: 2px; font-style: italic;} .blog-page.blog-timeline .bpost.post-img .post-head > [data-role="title"], .blog-page.blog-timeline .bpost.post-img .post-head > [data-role="title"] a { color: #FFF; text-decoration: none; } .blog-page.blog-timeline .bpost.post-img .post-details {margin-bottom: 0;} /*image slider post*/ .blog-page .bpost .caroufredsel li {display:inline-block;} .blog-page .bpost .cfs--pagination {bottom:auto;line-height:1;right:20px;width:auto;top:100%;height:6px;margin-top:28px;left: auto;} .blog-page .bpost .cfs--pagination a {background: #d6d6d7; width:6px; height:6px; box-shadow: none; margin:0 2px;} .blog-page .bpost .cfs--pagination a.selected {background: #fe6060;} /* tabs */ ul.nav-tabs {margin-left: 0;margin-bottom: 20px;} ul.vs-tabs {border-bottom:2px solid #e8e8e8;} ul.vs-tabs > li {margin-bottom: -2px;} ul.vs-tabs > li > a {border: 0; border-radius:0; color:#b1b2b4; font-size:14px; margin-right:25px; padding:15px 0; line-height:1; font-weight:600;} ul.vs-tabs > li > a:hover {color: #45474d; background:none; border:0;} ul.vs-tabs > li.active > a, ul.vs-tabs > li.active > a:hover, ul.vs-tabs > li.active > a:focus {color: #45474d; background-color: transparent; border: 0; border-bottom: 2px solid #fe6060; } .tab-content.vs-tabs {margin-top:40px;} /* tabs - clean style */ ul.clean-tabs {border-bottom: 1px solid #e5e5e5; background: #F5F6F6; border-radius:4px 4px 0 0; border-right: 1px solid #e5e5e5; margin-bottom: 0;} ul.clean-tabs > li {margin-bottom: -1px;} ul.clean-tabs > li > a {border: 0; border-radius:0; color:#474747; font-size:14px; padding:18px 17px; line-height:1; margin:0; border-left: 0;} ul.clean-tabs > li > a:hover {color: #000; background:none;} ul.clean-tabs > li.active > a, ul.clean-tabs > li.active > a:hover, ul.clean-tabs > li.active > a:focus {color: #2a83ed; background-color: #fff; border: 0; border-bottom: 1px solid #FFFFFF; border-left: 1px solid #e5e5e5; border-top: 1px solid #e5e5e5;border-right: 1px solid #E5E5E5;margin-top: -1px;} ul.clean-tabs > li:first-child > a {border-radius: 4px 0 0 0} ul.clean-tabs > li:last-child > a, ul.clean-tabs > li:last-child > a:hover {/* border-right: 0; */} ul.clean-tabs ~ .tab-content {margin-top:0;background:#fff;padding:30px;color:#888;border-radius:0 0 4px 4px;border-bottom: 2px solid #e5e5e5;border-right: 1px solid #e5e5e5;border-left: 1px solid #e5e5e5;} ul.clean-tabs ~ .tab-content ul:last-child, ul.clean-tabs ~ .tab-content p:last-child {margin-bottom:0;} .colored-area ul.clean-tabs {border-bottom:1px solid #e9e9e9; background:#fff; border-radius:4px 4px 0 0; border-right:1px solid #EDEEEF; margin-bottom: 0;} .colored-area ul.clean-tabs > li > a {border: 0; color:#474747; border-left:1px solid #e9e9e9;} .colored-area ul.clean-tabs > li > a:hover {color: #000; background:none;} .colored-area ul.clean-tabs > li.active > a, .colored-area ul.clean-tabs > li.active > a:hover, .colored-area ul.clean-tabs > li.active > a:focus {color: #2a83ed; background-color: transparent; border: 0; border-bottom: 1px solid #FFFFFF; border-left: 1px solid #e9e9e9; margin-top: 0;} .colored-area ul.clean-tabs > li:last-child > a, .colored-area ul.clean-tabs > li:last-child > a:hover {border-right: 1px solid #E9E9E9;} /* tabs - pill style */ ul.pill-tabs { display:table; border-radius: 0;margin: 0 0 40px; width:100%; border:1px solid #e6e7e8; border-radius: 5px; table-layout: fixed;} ul.pill-tabs::after, ul.pill-tabs::before {display:none;} ul.pill-tabs li {display:table-cell; margin:0; float: none; border-left:1px solid #e6e7e8;} ul.pill-tabs li:first-child { border-left: 0;} ul.pill-tabs li a {font-size: 14px; color:#474747;display: block;text-align: center;border: 0;padding: 18px 0;line-height: 1; margin: 0;border-radius: 0;} ul.pill-tabs li:first-child a {border-radius: 5px 0 0 5px} ul.pill-tabs li:last-child a {border-radius: 0 5px 5px 0;border: 0;} ul.pill-tabs > li.active > a, ul.pill-tabs > li.active > a:hover, ul.pill-tabs > li.active > a:focus {color: #2a83ed; background-color: #f7f7f7; box-shadow:0 2px 2px #eee inset; border: 0;} ul.pill-tabs ~ .tab-content {padding:0; border:0;} @media (max-width: 419px) { ul.project-list .project-item {width:100% !important;} } @media (min-width: 420px) and (max-width: 767px) { ul.project-list[data-columns="2"] .project-item, ul.project-list[data-columns="3"] .project-item, ul.project-list[data-columns="4"] .project-item, ul.project-list[data-columns="5"] .project-item, ul.project-list[data-columns="6"] .project-item {width:50%;} } @media (min-width: 768px) and (max-width: 991px){ } @media (min-width: 992px) and (max-width: 1199px){ } /* Portfolio Full Width */ .fullwidthportfolio.portfolio-items { width:100%; padding:0; } .fullwidthportfolio.portfolio-items > .row { margin-left: 0; margin-right: 0; } .fullwidthportfolio.portfolio-items > .row > div { float:none; padding:0; } .fullwidthportfolio ul.project-list {margin: 0; overflow: visible !important;} .fullwidthportfolio ul.project-list .project-item { margin-bottom:0;} .fullwidthportfolio ul.project-list .inner-item {padding: 0; margin-bottom:0;} .fullwidthportfolio ul.project-list li { -webkit-transition-property: -webkit-transform, opacity, box-shadow; transition-property: transform, opacity, box-shadow} .fullwidthportfolio ul.project-list li:hover { box-shadow: 0 0 30px rgba(0, 0, 0, 0.5); z-index: 3; } /* Blogfolio styles */ .blogfolio-container { margin: 0 -14px 100px ; } .blogfolio-item {float: left; padding: 0 11px; margin-bottom: 2%;} .blogfolio-container[data-columns="3"] .blogfolio-item, .blogfolio-container[data-columns="5"] .blogfolio-item {margin-bottom: 1.8%;} .blogfolio-item .inner-item { border-radius: 5px; background-color: #fff; box-shadow: 0 1px 1px rgba(0,0,0,.1); min-height: 90px;} .blogfolio-item:hover .inner-item {box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); } .blogfolio-container[data-columns="1"] .blogfolio-item, .blogfolio-container[data-columns="1"] .grid-sizer { width: 100%; } .blogfolio-container[data-columns="2"] .blogfolio-item, .blogfolio-container[data-columns="2"] .grid-sizer { width: 50%; } .blogfolio-container[data-columns="3"] .blogfolio-item, .blogfolio-container[data-columns="3"] .grid-sizer { width: 33.33%; } .blogfolio-container[data-columns="4"] .blogfolio-item, .blogfolio-container[data-columns="4"] .grid-sizer { width: 25%; } .blogfolio-container[data-columns="5"] .blogfolio-item, .blogfolio-container[data-columns="5"] .grid-sizer { width: 20%; } .blogfolio-container[data-columns="6"] .blogfolio-item, .blogfolio-container[data-columns="6"] .grid-sizer { width: 16.65%; } .blogfolio-container[data-columns="7"] .blogfolio-item, .blogfolio-container[data-columns="7"] .grid-sizer { width: 14.27%; } .blogfolio-container[data-columns="8"] .blogfolio-item, .blogfolio-container[data-columns="8"] .grid-sizer { width: 12.5%; } @media (max-width: 419px) { .blogfolio-container .blogfolio-item, .blogfolio-container .grid-sizer {width:100% !important;} } @media (min-width: 420px) and (max-width: 767px) { .blogfolio-container[data-columns]:not([data-columns="1"]) .blogfolio-item, .blogfolio-container[data-columns]:not([data-columns="1"]) .grid-sizer {width:50%;} } @media (min-width: 768px) and (max-width: 991px){ .blogfolio-container[data-columns]:not([data-columns="1"]):not([data-columns="2"]) .blogfolio-item, .blogfolio-container[data-columns]:not([data-columns="1"]):not([data-columns="2"]) .grid-sizer {width: 33.3333%; width:-webkit-calc(100% / 3); width:calc(100% / 3);} } @media (min-width: 992px) and (max-width: 1199px){ .blogfolio-container[data-columns]:not([data-columns="1"]):not([data-columns="2"]):not([data-columns="3"]) .blogfolio-item, .blogfolio-container[data-columns]:not([data-columns="1"]):not([data-columns="2"]):not([data-columns="3"]) .grid-sizer {width: 25%;} } .blogfolio-item .post-image a {display:block;} .blogfolio-item .post-image a:hover {opacity:0.9;} .blogfolio-item .post-image img {border-radius: 5px 5px 0 0;width: 100%;} .blogfolio-item .post-details { padding:20px; color:#888; } .blogfolio-item .post-title {font-size:15px; line-height:1.3; margin-bottom:13px; } .blogfolio-item .post-title a {color:#45474d; } .blogfolio-item .post-title a:hover {color:#fe6060; text-decoration: none; } .blogfolio-item .post-content {margin-bottom: 35px; font-size: 12px;} .blogfolio-item .data {font-size: 11px; color:#acacac;} /*post-gallery*/ .blogfolio-item .cfs--pagination {bottom:auto;line-height:1;right:20px;width:auto;top:100%;height:6px;margin-top:28px; left:auto; } .blogfolio-item .cfs--pagination a {background: #d6d6d7; width:6px; height:6px; display:inline-block; box-shadow: none !important; margin:0 2px;} .blogfolio-item .cfs--pagination a.selected {background: #fe6060;} /*post-quote*/ .blogfolio-item[data-type="post-quote"] .inner-item {background:#48c5f4; color:#fff; } .blogfolio-item[data-type="post-quote"] .post-title {font-size:20px; font-weight: 600; font-style: italic; line-height:1.3; padding-left: 30px; position: relative; margin-bottom: 30px; } .blogfolio-item[data-type="post-quote"] .post-title::before {content:'\201C'; font-family: "Trebuchet MS"; font-size: 40px; position: absolute; left: -5px; top:0; color:#3399bf; line-height: 1; display: block; } .blogfolio-item[data-type="post-quote"] .inner-item a { color:#fff; } .blogfolio-item[data-type="post-quote"] .inner-item a:hover { opacity:.9; } .blogfolio-item[data-type="post-quote"] .post-actions a {color:#fff;} .blogfolio-item[data-type="post-quote"] .post-actions a:hover::before {color:#fff;} .blogfolio-item[data-type="post-quote"] .data {color:#fff;} /*post-soundcloud*/ .blogfolio-item[data-type="post-soundcloud"] .inner-item {background:#F50; color:#fff; } .blogfolio-item[data-type="post-soundcloud"] .post-title {color:#fff; font-weight: 600;} .blogfolio-item[data-type="post-soundcloud"] .inner-item a { color:#fff; } .blogfolio-item[data-type="post-soundcloud"] .inner-item a:hover { opacity:.9; } .blogfolio-item[data-type="post-soundcloud"] .post-actions a {color:#fff;} .blogfolio-item[data-type="post-soundcloud"] .post-actions a:hover::before {color:#fff;} .blogfolio-item[data-type="post-soundcloud"] .data {color:#fff;} /*post-link*/ .blogfolio-item[data-type="post-link"] .inner-item {background:#fe6060; color:#fff; } .blogfolio-item[data-type="post-link"] .post-title {font-size:20px; font-weight: 600; line-height:1.2; margin-bottom: 15px; padding-right: 30px; position: relative; } .blogfolio-item[data-type="post-link"] .post-title::after {font-family:'icomoon'; content: "\e60c"; position: absolute; top: 0; right: 0; color: rgba(0, 0, 0, 0.5);} .blogfolio-item[data-type="post-link"] .inner-item a { color:#fff; } .blogfolio-item[data-type="post-link"] .inner-item a:hover { opacity:.9; } .blogfolio-item[data-type="post-link"] .post-content a {font-size: 13px; padding-bottom: 1px; border-bottom-width: 1px; border-bottom-style: solid; text-decoration: none} .blogfolio-item[data-type="post-link"] .post-actions a {color:#fff;} .blogfolio-item[data-type="post-link"] .post-actions a:hover::before {color:#fff;} .blogfolio-item[data-type="post-link"] .data {color:#fff;} /*post-videogallery*/ .blogfolio-item[data-type="post-videogallery"] .slides li {position: relative;} /* Infinite Scroll loader */ #infscr-loading { text-align: center; z-index: 100; position: absolute; bottom: -50px; width: 260px; padding: 10px; background: none; color: #999; border-radius: 3px; left: 50%; margin-left: -130px; font-size: 14px; font-weight: 700; text-transform: uppercase; letter-spacing: -1px; } #infscr-loading img {display: inline-block; margin: 0 0 15px;} #infscr-loading .finishmsg {color:#595959;} /**** 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; transition-duration: 0.8s; } .isotope { -webkit-transition-property: height, width; transition-property: height, width; } .isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; transition-property: transform, opacity; -webkit-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden;} /**** disabling Isotope CSS3 transitions ****/ .isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition {-webkit-transition-duration: 0s; transition-duration: 0s; } /* 404 page */ .page404 {text-align:center;} .page404 form {width:375px; margin:0 auto 35px; position:relative} .page404 form input {width:100%; font-size:14px; color:#9ea3a7; background:#fafbfc; border:1px solid #e6ebec; border-radius:3px; outline: none; padding: 11px;} .page404 form button {color:#c2c2c2; font-size: 21px; background:none; border:0; position:absolute; right: 6px; top:7px;outline: none;} .page404 form button:hover {color:#999;} .page404 .btn {font-size:13px; font-weight:500; text-transform:none;} /* about us page */ .aboutus-page {text-align:center; padding:80px 0px 40px;} /* features list */ .feature {margin-bottom:40px;} .feature .vs-icon { font-size:40px; color:#fe6060; margin-bottom: 10px; display:inline-block; } .feature .feature-title { font-size:18px; margin-bottom: 10px;} .feature .feature-content {color:#888888;} /* feature - style2 */ .feature.style2 .vs-icon { float: left; font-size: 35px; margin-right: 15px; } .feature.style2 .feature-title { font-size: 16px; line-height: 1.4; color: #6A6B6B; } .feature p:last-child {margin-bottom: 0;} /* imagelist */ .imagelist {list-style: none; margin:0; padding:0; width:100%; display: table; table-layout: fixed;} .imagelist > li { display: table-cell; text-align: center; position: relative; line-height: 1;} .imagelist .overlay {opacity:0; visibility:hidden; position:absolute; left:0; top:0; bottom:0; right:0; background: rgba(0, 0, 0, 0.5); } .imagelist .overlay .ov-wrapper {position: absolute; top: 50%; width: 100%; -webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);} .imagelist .overlay a {display:inline-block; font-size:13px; font-weight:600; color:#fff; padding:11px 20px; border:1px solid #fff; border-radius:2px; text-decoration:none; line-height:1; margin-left:5px; margin-right:5px; position: relative;} .imagelist .overlay a:hover {border-color:transparent;} .imagelist .overlay a:nth-child(1) {top: -50px;} .imagelist .overlay a:nth-child(2) {top: 50px;} /*.imagelist > li .overlay a:hover {background:#393b43; border-color:transparent;}*/ .imagelist li:hover .overlay {opacity:1; visibility:visible; } .imagelist li:hover .overlay a { top: 0; } @media (max-width: 767px){ .imagelist > li:nth-child(2) ~ li {display: none} } @media (min-width: 768px) and (max-width: 991px){ .imagelist > li:nth-child(3) ~ li {display: none} } @media (min-width: 992px) and (max-width: 1199px) { .imagelist > li:nth-child(4) ~ li {display: none} } /* process list */ .process-list {position:relative;} .process-list .processitems {padding:0; list-style:none; position:relative;} .process-list .processitems li {text-align:center; position:relative; z-index:1; min-height: 1px; padding-left: 15px; padding-right: 15px; float:left; } .process-list .processitems li .ico-wrapper {margin-bottom:30px;} .process-list .processitems li .ico-wrapper > span {font-size:55px; color:#45474d; display:inline-block; width:120px; height:120px; text-align:center; position:relative; vertical-align:middle; background:#f2f3f4; border-radius:50%; line-height: 120px; } .process-list .processitems li .ico-wrapper > span::after {opacity:0; visibility:hidden; content:''; position: absolute; width: 100%; top: 60px; height: 2px; background: #f2f3f4; left:100%; } .process-list .processitems li.lined .ico-wrapper > span::after {opacity:1; visibility:visible;} .process-list .processitems li.last .ico-wrapper > span::after {display:none;} .process-list .processitems li h4 {font-size:20px;} .process-list .processitems li p {color:#888;} .process-list .processitems li:hover .ico-wrapper > span {color:#fff; background:#fe6060;} /* simple-boxes */ .simple-boxes {margin-bottom: 40px} .simple-boxes p, .simple-boxes a {color:#888888;} .simple-boxes p {padding:0 20px;} /* vertical-tabs */ ul.vertical-tabs {float:left; width: 140px; list-style: none; margin:0; padding: 0; } ul.vertical-tabs li {line-height: 1; } ul.vertical-tabs li a {font-size: 14px; color:#45474d; line-height:1.3; display:block; padding:8px 0; margin-right:-1px; text-decoration: none;} ul.vertical-tabs li a:hover, ul.vertical-tabs li.active a {color:#2a83ed; } ul.vertical-tabs li.active a {border-right: 4px solid #2a83ed; } .tab-content.vertical-tabs {border-left: 1px solid #dddddd; padding-left: 25px; margin-left:140px; min-height:300px; } /* videothumb */ .videothumb {position: relative;} .videothumb::before { width:57px; height: 57px; background: #fe6060; border-radius:50%; position: absolute; left: 50%; top: 50%; margin: -28px 0 0 -28px; content: ''; } .videothumb::after { content: ''; position: absolute; left: 50%; top: 50%; margin: -9px 0 0 -5px; border: 10px solid rgba(0, 0, 0, 0); border-left-color: #FFF; border-width: 10px 15px 10px 15px;} /* simple header - controls */ .header-controls {list-style: none; float:right; margin: 15px 0 0; padding:0;} .header-controls li {display:inline-block; margin-left: 10px;} .header-controls li a { font-size: 35px; color:#0d111c; opacity: 0.4; display:inline-block; width: 25px; text-decoration: none; line-height: 1;} .header-controls li a:hover {opacity:1;} /* portfolio header - portfolio grid link */ /*.portfoliogridlink {float:left; margin-top: 15px; font-size: 60px; line-height: 1; color:#c7c7ca; text-decoration:none; font-family: "icomoon"; -webkit-font-smoothing: antialiased;} .portfoliogridlink::before {content: "\e616";}*/ .portfoliogridlink {float: left;margin-top: 15px;line-height: 1;text-decoration: none;height: 38px;margin-bottom: 10px;} .portfoliogridlink span {background-color:#c7c7ca; display: block; width:18px; height:18px; margin-bottom: 2px; float: left;} .portfoliogridlink span:last-child {margin-left: 2px; } .portfoliogridlink span::before {content:''; background-color:#c7c7ca; display: block; width:18px; height:18px;margin-top: 20px;} .portfoliogridlink:hover span, .portfoliogridlink:hover span::before {background-color:#B3B3B3; text-decoration:none; } /* Photographer controls */ .photographer-controls {position: absolute;bottom: 0;left: 0;width: 100%;z-index: 1;background: #FFF;} /* Portfolio Item Layout */ .portfolioitem-details {color:#888888;} .portfolioitem-details h3.project-title {color:#474747;} .portfolioitem-details .launchlink {float:right; margin-top: 15px;} .portfolioitem-details h5.client {font-size:13px; margin-bottom:8px;color: #686a6f;} .portfolioitem-details h5.client::before {content:attr(data-label); font-size: 11px; font-weight: 600; color: #D0D0D0; display:block; line-height:1; margin-bottom: 5px;} .portfolioitem-details .project-sharing > div {display:inline-block; margin-left:10px; vertical-align: top;} .portfolioitem-details .project-sharing > div:first-child {margin-left:0px;} /* Comments */ .comments-container {padding:20px 0 40px;} .comments-container .add-comment {color:#2a83ed; font-weight: 600; line-height: 16px; vertical-align: middle; text-decoration: none; float:right;margin-top: 12px;} .comments-container .add-comment:hover {color:#474747; } .comments-container .comments-title {font-size:28px; color:#45474d; margin-bottom:35px; } .comments-container .comments-list {list-style:none; padding:0; margin:0 0 70px;} .comments-container .comments-list li ul {list-style:none;margin-left:30px;} /* Comment Block */ .comment--block {border-radius: 2px; background-color: #F7F7F7; box-shadow: 0 1px 1px rgba(0,0,0,.1); padding:30px; color:#888888; position:relative; margin-bottom:30px} .comment--block.cmt--nested::before {content:''; position:absolute; width:15px; height:1px; background:#d9dadc; left:0; top:50%; margin-left:-30px; } .comment--block.cmt--nested:hover::before {width:30px; } .comment--block.cmt--nested::after {content:''; position:absolute; width:1px; height:100%; background:#d9dadc; left:0; top:0%; padding-bottom:30px; box-sizing:content-box; margin-left:-30px; } .comments-list li:last-child .comment--block.cmt--nested::after {height:50%; background:#d9dadc; left:0; top:0%; padding-bottom:0; box-sizing:content-box; margin-left:-30px; } .comment--block .reply-link {position:absolute; top:30px; right:30px; padding:0 15px; background-color:#d6d6d9; color:#fff; text-decoration:none; border-radius:2px; line-height:30px;} .comment--block .reply-link:hover {background-color:#fe6060;} .comment--block .avatar {max-width:70px; float:left; } .comment--block .avatar ~ .comenter-name, .comment--block .avatar ~ .cdetails, .comment--block .avatar ~ .comment-content {margin-left:100px; } .comment--block .comenter-name {font-size:14px; font-weight:600; color:#45474d; margin-bottom:5px} .comment--block .comenter-name:hover {color:#fe6060;} .comment--block .cdetails {font-size:11px; color:#888888; margin-bottom:25px; display:block; line-height:1;} .comment--block .comment-content p:last-child {margin-bottom:0} .colored-area .comment--block {background-color: #fff} /* Pricing Tables */ .pricing-table {*zoom: 1;} .pricing-table::before, .pricing-table::after {display: table; line-height: 0; content: ""; } .pricing-table::after { clear: both; } .pricing-table[data-columns="2"] .plan-column {width:50%;} .pricing-table[data-columns="3"] .plan-column {width:33.3333%;} .pricing-table[data-columns="4"] .plan-column {width:25%;} .pricing-table[data-columns="5"] .plan-column {width:20%;} .pricing-table .features-column { width:28%; } .pricing-table[data-columns="1"] .features-column ~ .plan-column { width:72%; } /* with features-col */ .pricing-table[data-columns="2"] .features-column ~ .plan-column { width: -webkit-calc(72% / 2); width: calc(72% / 2); } /* with features-col */ .pricing-table[data-columns="3"] .features-column ~ .plan-column { width: -webkit-calc(72% / 3); width: calc(72% / 3); }/* with features-col */ .pricing-table[data-columns="4"] .features-column ~ .plan-column { width: -webkit-calc(72% / 4); width: calc(72% / 4); } /* with features-col */ .pricing-table[data-columns="5"] .features-column ~ .plan-column { width: -webkit-calc(72% / 5); width: calc(72% / 5); } /* with features-col */ .pricing-table .plan-column, .pricing-table .features-column {float:left; } .pricing-table ul {list-style: none; margin:0; padding:0; display: table; width: 100%;} /* Hello World Style */ .pricing-table.vs-style {background-color:#f3f6f7; border-radius: 6px; border:1px solid #e3e3e3; box-shadow: 0 1px 1px rgba(0,0,0,0.07);} .pricing-table.vs-style .inner-cell {display: table-cell; height: 70px; vertical-align: middle; border-top: 1px solid #E3E3E3; text-align: center;} .pricing-table.vs-style .features-column .inner-cell {text-align: right; padding-right:60px;} .pricing-table.vs-style .plan-column .plan-title .inner-cell {color:#45474d; font-size: 25px; } .pricing-table.vs-style .plan-title .inner-cell {height:90px; line-height: 90px; border-top-width: 6px; border-top-style: solid; border-top-color: transparent; } .pricing-table.vs-style .ptable-caption {font-size: 11px; display: block; font-weight: 400;} .pricing-table.vs-style .features-column { background:#eff2f3; border-radius: 6px 0 0 6px; font-size: 14px; color:#888888; text-align: right; } .pricing-table.vs-style .features-column .plan-title {color:#45474d; font-size: 15px; } .pricing-table.vs-style .features-column .subscription-type {color:#45474d;} .pricing-table.vs-style .features-column .highlight {background:#64ce83; border-radius: 3px; color:#fff; font-size: 12px; font-weight: 700; line-height: 25px; padding: 0 10px;display: inline-block; vertical-align: middle; margin-right: 10px;} .pricing-table.vs-style .plan-column {border-left: 1px solid #e3e3e3; font-size: 15px; font-weight: 600; color:#888888; } .pricing-table.vs-style .plan-column ul {margin-top:-1px;} .pricing-table.vs-style .plan-column ul li, .pricing-table.vs-style .features-column ul li {display: table-row;} .pricing-table.vs-style .plan-column ul li:last-child {height:auto;} .pricing-table.vs-style .plan-column:first-child .plan-title {border-radius: 6px 0 0 0} .pricing-table.vs-style .plan-column:last-child .plan-title {border-radius: 0 6px 0 0} .pricing-table.vs-style .plan-column.gray .plan-title .inner-cell {border-top-color: #d1cfcf;} .pricing-table.vs-style .plan-column .badge .inner-cell::before, .pricing-table.vs-style .plan-column.gray .badge .inner-cell::before {border-right-color: #d1cfcf;} .pricing-table.vs-style .plan-column.red .plan-title .inner-cell {border-top-color: #ff6b6b;} .pricing-table.vs-style .plan-column.red .badge .inner-cell::before {border-right-color: #ff6b6b;} .pricing-table.vs-style .plan-column.yellow .plan-title .inner-cell {border-top-color: #fcdf7f;} .pricing-table.vs-style .plan-column.yellow .badge .inner-cell::before {border-right-color: #fcdf7f;} .pricing-table.vs-style .plan-column.blue .plan-title .inner-cell {border-top-color: #4ecdc4;} .pricing-table.vs-style .plan-column.blue .badge .inner-cell::before {border-right-color: #4ecdc4;} .pricing-table.vs-style .plan-column.green .plan-title .inner-cell {border-top-color: #64CE83;} .pricing-table.vs-style .plan-column.green .badge .inner-cell::before {border-right-color: #64CE83;} .pricing-table.vs-style .plan-column .negativeico {display: inline-block; width: 16px; vertical-align: middle; color: #e74251; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .pricing-table.vs-style .plan-column .negativeico::before {content:'\e610'; font-family: 'icomoon'; font-size: 17px;} .pricing-table.vs-style .plan-column .positiveico {display:inline-block; height:16px; width:16px; border-radius: 50%; background:#64ce83; vertical-align: middle;} .pricing-table.vs-style .plan-column .subscription-price {font-size: 30px; color:#45474d; font-weight: 600;} .pricing-table.vs-style .features-column .subscription-type, .pricing-table.vs-style .plan-column .subscription-price {height: 90px; line-height: 40px;} .pricing-table.vs-style .plan-column .badge .inner-cell {position:relative;} .pricing-table.vs-style .plan-column .badge .inner-cell::before {content:''; position:absolute; top:0; right:0; border-style: solid; border-width: 0 45px 45px 0; border-color: transparent;} .pricing-table.vs-style .plan-column .badge .inner-cell::after { color: #fff; font-size: 11px; font-weight: 800; position: absolute; top: 10px; right: 0px; line-height: 1; text-align: center; width: 30px; display: block; -webkit-transform: rotate3d(0, 0, 1, 45deg); -ms-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg);} .pricing-table.vs-style .plan-column .best .inner-cell::after {content:'BEST';} .pricing-table.vs-style .plan-column .top .inner-cell::after {content:'TOP';} /* pricing table - classic style */ .pricing-table.classic-style {background:#fff; border:1px solid #e6e7e8; border-radius: 4px; font-size: 13px; color:#999999; } .pricing-table.classic-style .features-column { background:#eee; border-radius: 4px 0 0 4px; text-align: right; } .pricing-table.classic-style .features-column ul li {border-bottom: 1px solid #e6e7e8; padding:15px 40px 15px 0; height:44px; line-height: 1;} .pricing-table.classic-style .plan-column {border-left: 1px solid #e6e7e8; } .pricing-table.classic-style .plan-column:first-child {border-left: 0; } .pricing-table.classic-style .plan-column ul {display: table;} .pricing-table.classic-style .plan-column ul li {display:table-row;} .pricing-table.classic-style .plan-column .inner-cell {border-bottom: 1px solid #e6e7e8; padding: 0; text-align: center; height: 50px; line-height: 1; display: table-cell; vertical-align: middle;} .pricing-table.classic-style .plan-column ul li:last-child .inner-cell {height:100px;} .pricing-table.classic-style .plan-column ul li:nth-child(odd):not(:first-child) {background:#fafbfb;} .pricing-table.classic-style .plan-column .plan-title {color:#9ed347; font-size: 25px; height: auto; padding: 0; } .pricing-table.classic-style .plan-title .inner-cell {height: 75px} .pricing-table.classic-style .plan-column .subscription-price { font-size:13px; color:#999999; height:auto; padding: 0; } .pricing-table.classic-style .subscription-price .inner-cell {height:120px;} .pricing-table.classic-style .plan-column .subscription-price .currency { font-size:18px; color:#434343; font-weight: 700; vertical-align: bottom; display:inline-block; line-height:1.5; margin-right:-2px } .pricing-table.classic-style .plan-column .subscription-price .price { font-size:45px; color:#434343; font-weight: 700; line-height: 1; } .pricing-table.classic-style .plan-column .subscription-price .price::after {content:"\a"; white-space: pre;} .pricing-table.classic-style .plan-column.featured { border-radius: 4px; box-shadow: 0 0 10px 4px rgba(0, 0, 0, 0.06); position: relative; margin-top: -20px;background: #fff; margin:-20px 0; } @media only screen and (min-width: 992px){ .pricing-table.classic-style .plan-column.featured { margin:-20px; } .pricing-table.classic-style[data-columns="1"] .plan-column.featured { width: -webkit-calc(100% + 40px); width: calc(100% + 40px); } .pricing-table.classic-style[data-columns="2"] .plan-column.featured { width: -webkit-calc(50% + 40px); width: calc(50% + 40px); } .pricing-table.classic-style[data-columns="3"] .plan-column.featured { width: -webkit-calc(33.3333% + 40px); width: calc(33.3333% + 40px); } .pricing-table.classic-style[data-columns="4"] .plan-column.featured { width: -webkit-calc(25% + 40px); width: calc(25% + 40px); } .pricing-table.classic-style[data-columns="5"] .plan-column.featured {width: -webkit-calc(20% + 40px); width: calc(20% + 40px); } } .pricing-table.classic-style .plan-column.featured + .plan-column { border-left-color:transparent;} .pricing-table.classic-style .plan-column.featured .plan-title {padding: 0; color:#45474d;} .pricing-table.classic-style .plan-column.featured .plan-title .inner-cell {height:95px} .pricing-table.classic-style .plan-column.featured .plan-title .inner-cell::after {content:'MOST POPULAR'; opacity:.4; font-size: 12px; font-weight: 600; line-height: 20px; display:block;} .pricing-table.classic-style .plan-column.featured .subscription-price .inner-cell {background:#9ed347; color:#fff;} .pricing-table.classic-style .plan-column.featured .subscription-price span {color:#fff;} .pricing-table.classic-style .plan-column.featured ul li:last-child .inner-cell {height:120px;} /* pricing table - hipstery style */ .pricing-table.hipstery-style {background:#fff; border:1px solid rgba(0,0,0,.1); border-radius: 4px; font-size: 13px; color:#999999; } .pricing-table.hipstery-style .features-column { background:#eee; border-radius: 4px 0 0 4px; text-align: right; } .pricing-table.hipstery-style .features-column ul li {border-bottom: 1px solid #e6e7e8; padding:15px 40px 15px 0; height:44px; line-height: 1;} .pricing-table.hipstery-style .plan-column {border-left: 0; } .pricing-table.hipstery-style .plan-column:first-child {border-left: 0; } .pricing-table.hipstery-style .plan-column li {display: table-row;} .pricing-table.hipstery-style .plan-column .inner-cell {border-bottom: 1px solid rgba(0,0,0,.1); padding: 0; text-align: center; height: 50px; line-height: 1;border-left: 1px solid rgba(0, 0, 0, 0.1); vertical-align: middle; display: table-cell;} .pricing-table.hipstery-style .plan-column ul li:last-child .inner-cell {height:100px;} .pricing-table.hipstery-style .plan-column ul li:nth-child(odd):not(:first-child) {background:#fafbfb;} .pricing-table.hipstery-style .plan-column .plan-title {color:#fff; font-size: 20px; font-weight:600; height: auto; padding: 0; border-bottom:0} .pricing-table.hipstery-style .plan-title .inner-cell {height:55px;} .pricing-table.hipstery-style .plan-column:first-child .plan-title {border-radius: 4px 0 0 0;} .pricing-table.hipstery-style .plan-column:first-child li {border-left:0;} .pricing-table.hipstery-style .plan-column:last-child .plan-title {border-radius: 0 4px 0 0;} .pricing-table.hipstery-style .plan-column .subscription-price { font-size:13px; color:#fff; height:auto; padding:0; } .pricing-table.hipstery-style .subscription-price .inner-cell {height:120px;} .pricing-table.hipstery-style .plan-column .subscription-price .currency { font-size:18px; font-weight: 700; vertical-align: bottom; display:inline-block; line-height:1.5; margin-right:-2px } .pricing-table.hipstery-style .plan-column .subscription-price .price { font-size:45px; font-weight: 700; line-height: 1; } .pricing-table.hipstery-style .plan-column .subscription-price .price::after {content:"\a"; white-space: pre;} .pricing-table.hipstery-style .plan-column.red .plan-title .inner-cell {background:#f26363;} .pricing-table.hipstery-style .plan-column.red .subscription-price .inner-cell {background:#ff6b6b;} .pricing-table.hipstery-style .plan-column.yellow .plan-title .inner-cell {background:#e8bf56;} .pricing-table.hipstery-style .plan-column.yellow .subscription-price .inner-cell {background:#f3ca5f;} .pricing-table.hipstery-style .plan-column.purple .plan-title .inner-cell {background:#775ba5;} .pricing-table.hipstery-style .plan-column.purple .subscription-price .inner-cell {background:#8465b7;} .pricing-table.hipstery-style .plan-column.green .plan-title .inner-cell {background:#9ed347;} .pricing-table.hipstery-style .plan-column.green .subscription-price .inner-cell {background:#acdf58;} .pricing-table.hipstery-style .plan-column.gray .plan-title .inner-cell {background:#B6B6B6;} .pricing-table.hipstery-style .plan-column.gray .subscription-price .inner-cell {background:#d1cfcf;} .pricing-table.hipstery-style .plan-column.featured { border-radius: 4px; box-shadow: 0 0 10px 4px rgba(0, 0, 0, 0.1); position: relative; background: #fff; margin:-20px 0; } .pricing-table.hipstery-style .plan-column.featured li { border-left-color:transparent; color: #646568;} .pricing-table.hipstery-style .plan-column.featured + .plan-column li { border-left-color:transparent;} .pricing-table.hipstery-style .plan-column.featured .plan-title .inner-cell {border-radius: 4px 4px 0 0; position:relative; overflow:hidden; color:#fff;} .pricing-table.hipstery-style .plan-column.featured .plan-title .inner-cell::after { content:'BEST'; width: 80px; height: 24px; line-height: 24px; background:#fe6060; color:#fff; font-size: 11px; font-weight: 700; box-shadow: 0 1px 1px rgba(0,0,0,0.2); display: block; position: absolute; top: 3px; right: -23px; -webkit-transform: rotate3d(0, 0, 1, 38deg); -ms-transform: rotate3d(0, 0, 1, 38deg); transform: rotate3d(0, 0, 1, 38deg);} .pricing-table.hipstery-style .plan-column.featured .subscription-price .inner-cell {color:#fff;} .pricing-table.hipstery-style .plan-column.featured ul li:last-child .inner-cell {height:140px;} /* infobox */ .infobox {border-radius: 3px; padding:35px; } /* product-search */ .product-search form {position:relative;} .product-search button {position:absolute; right:10px; top:10px; background:none; border:none; outline:none; color:#d5d5d5;} /* toggle-menu */ .checklist, .checklist ul, .toggle-menu, .toggle-menu ul {list-style:none; margin-left: 0;} .checklist ul {margin-left:25px;} .toggle-menu > li {line-height: 1;} .toggle-menu a {color:#45474d;} .toggle-menu a:hover, .toggle-menu li.active > a, .toggle-menu > li.opened > a, .checklist li a:hover {color:#fe6060;} .toggle-menu > li > a {font-size:13px; font-weight:600; line-height: 1.4; border-bottom: 1px solid #ededed; padding:12px 0; display:block; text-decoration: none; position:relative; } .toggle-menu > li > a:not(:only-child)::after {position: absolute; right: 10px; top: 50%; font-family: 'icomoon'; content: "\e602"; font-size: 13px; color: rgba(0, 0, 0, 0.8); margin-top: 1px; line-height: 0; height: 0; } .toggle-menu > li.opened > a::after, .toggle-menu > li:hover > a:not(:only-child)::after {content: "\e603"; color: #fe6060; } .toggle-menu li ul { height:auto; max-height: 0; overflow:hidden; -webkit-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .toggle-menu li.opened > ul { border-bottom: 1px solid #ededed; padding:10px 0; height:auto; max-height: 800px; } .toggle-menu li ul a, .checklist li a { font-weight:600; color:#45474d; line-height: 1.4; padding:7px 0; display:block; text-decoration: none;} .toggle-menu li.opened ul a {height:auto;} .toggle-menu li ul a::before, .checklist li a::before {content:''; display:inline-block; width:10px; height:10px; border:1px solid #cbcbcb; margin-right:11px;border-radius: 2px;vertical-align: middle;} .toggle-menu li ul li.active a::before, .checklist li.active a::before{ font-family: 'icomoon'; content: "\e614"; color:#fe6060; border:0; line-height: 1; } .toggle-menu .counter, .checklist .counter {color:#a0a2a9;} .toggle-menu .new {color:#fff; font-size: 10px; font-weight: 700; background:#121317; padding: 2px 5px; line-height: 1;margin-left: 6px;border-radius: 2px;} /* price-range */ .price-range-slider {height:7px; background:#f5f5f5; border-radius:4px;margin-bottom: 20px;} .price-range-slider .ui-slider-range {background:#e5e5e7; border-radius:4px;} .price-range-slider .ui-slider-handle {border: 1px solid #eee; border-radius: 9px; background-color: #fff; width:17px; height:17px; margin-top:-1px; box-shadow:0 1px 1px rgba(0,0,0,0.15); outline:none; cursor:pointer; } .price-range-slider .ui-slider-handle:active {outline:none; } .price-range .btn {float:right;color: #fff;} .price-range .price-result {border:0; background:none; max-width: 120px; font-size: 13px; font-weight: 600; color:#45474d;outline: none;height: 32px;} .price-range:hover .price-range-slider .ui-slider-range {background:#fe6060;} /* shop title */ .inlined { display: table; width: 100%; } .inlined > *, .inlined::after, .inlined::before { display: table-cell; } .inlined > * { white-space: nowrap; width: 1%; padding: 0 15px; } .inlined::after, .inlined::before { content:''; border-bottom: 1px solid #ededed; position: relative; top: -.5em; } /* Shop - Top Controls */ .shop-controls::before, .shop-controls::after { content: ""; display: table; border-collapse: collapse; } .shop-controls::after { clear: both; } .shop-controls .separator {width: auto; margin: 17px 0 0; overflow: hidden;} .shop-controls {position:relative; margin-bottom: 30px;} .shop-controls .result-count {position: absolute; width: 100%; top: 0; line-height: 34px;} .shop-controls .result-count span {background: #FFF; padding: 0 15px;} /* Sorting controls */ .sorting-controls {float:right; margin-left:20px; position:relative; z-index: 1;} .sorting-controls select { border: 1px solid #e7e8e8; background-color: #fff; font-size: 13px; color: #999; height: 34px; text-indent: 15px; outline: none; border-radius: 4px; background-clip: padding-box; box-shadow: 0 1px 0 #f1f3f3; -webkit-appearance: none; -moz-appearance: none; -o-appearance: none; -ms-appearance: none; appearance: none; float:left; background:url(../images/elements_sprite.png); background-repeat: no-repeat; background-position: -webkit-calc( 100% - 10px ) -50px; background-position: calc( 100% - 10px ) -50px; } .firefox .sorting-controls select {text-indent: 3px;} .sorting-controls select:hover, .sorting-controls select:focus { color: #383838; background-position: -webkit-calc( 100% - 10px ) 14px; background-position: calc( 100% - 10px ) 14px; } .sorting-controls .sorting-order { width:140px; } .sorting-controls .sorting-limit { width:60px; } .sorting-controls select:not(:last-child):not(:first-child) { border-radius:0; border-right: 0;} .sorting-controls select:first-child:not(:only-child) { border-radius:4px 0 0 4px; border-right: 0;} .sorting-controls select:last-child:not(:only-child) { border-radius:0 4px 4px 0; } /* shop pagination */ .shop-pagination {float:left; position:relative; z-index: 1; margin-right:20px; border: 1px solid #e7e8e8; background-color: #fff; font-size: 13px; color: #999; height: 34px; outline: none; border-radius: 4px; background-clip: padding-box; box-shadow: 0 1px 0 #f1f3f3; position:relative;} .shop-pagination > a, .shop-pagination .current { float:left; border-left:1px solid #e7e8e8; height: 34px; line-height: 34px;} .shop-pagination > a { width:38px; text-align: center; text-decoration: none; color: #D6D6D6; } .shop-pagination > a:hover { color: #AFAFAF; } .shop-pagination > a::before {font-family: 'icomoon'; font-size:26px; display:block; line-height: 32px;} .shop-pagination .prev { border-left:0; } .shop-pagination .next { float:right; } .shop-pagination .prev::before {content: "\e605";} .shop-pagination .next::before {content: "\e604";} .shop-pagination .current { width:55px; } .shop-pagination .current > span { display:block; text-align:center; line-height:32px } .shop-pagination .current span span {color:#c4c1c1} .shop-pagination .pagination-list {opacity:0; visibility:hidden; margin: 0;padding: 5px 0 ;list-style: none; width: 56px; position: absolute; top: -4px; left: 38px; background: #fff; border: 1px solid #e5e7e7; border-radius: 3px; background-clip: padding-box; background-color: #fff;} .shop-pagination .current:hover .pagination-list {opacity:1; visibility:visible;} .shop-pagination .pagination-list a {text-align:center; display:block; line-height:28px; font-weight:600; color:#45474d; text-decoration:none; } .shop-pagination .pagination-list a:hover { color:#fe6060; } .shop-pagination .pagination-list a.disabled { color:#c5c5c5; cursor:default; } .shop-pagination .pagination-list li:last-child input {border:0; border-radius: 2px; background-clip: padding-box; background-color: #f6f6f6; box-shadow: inset 1px 1px 0 #e4e4e4; width: 34px; margin: 5px 10px;outline: none;font-size: 11px;text-align: center;color: #45474d;height: 20px;} /* product-item */ .product-item {margin-bottom: 45px;} .product-item .product-image {overflow:hidden; position:relative; margin-bottom: 20px} .productitem-quickadd {position:absolute; bottom:0; left:0; opacity:0; visibility:hidden; -webkit-transition: opacity 0.25s ease-out; transition: opacity 0.25s ease-out;} .product-image:hover .productitem-quickadd {opacity:1; visibility:visible;} .productitem-quickadd a {display:block; line-height: 40px; color:#fff; font-size: 10px; font-weight: 600; background:#23262d; text-decoration: none;height: 40px;} .productitem-quickadd a:hover {background:#121317;} .productitem-quickadd .vs-icon {font-size: 13px; padding: 0 0 0 15px; vertical-align: middle;} .productitem-quickadd .added .vs-icon {background:#388bee; padding: 12px 15px 10px;vertical-align: middle;} .productitem-quickadd .added .vs-icon::before {content: "\e614";} .productitem-quickadd .text {padding:0 15px 0 10px;} .product-item .product-title {font-size: 15px; line-height: 1.5; color:#45474d; margin-bottom: 10px;} .product-item .product-price {font-size:17px; line-height: 1; font-weight: 600;} .product-item .product-price, .product-item .product-title a { color:#121317;} .product-item .product-title a:hover { color:#fe6060; text-decoration: none; } .product-item .discount-price {font-size: 17px; margin-left: 5px; font-weight: 600;} .product-item.discount .product-price {color:#acabab; font-size: 14px;} .product-item.discount .product-price.cutoff:after {left:-5px;} .product-item.discount .discount-price + .product-price {margin-left: 10px} .product-item.discount .product-image::after {content:attr(data-discount); position: absolute; right: -30px; top: 13px; width: 120px; height: 30px; line-height: 30px; background: #fe6060; color: #FFF; font-size: 14px; text-align: center;font-weight: 600; -webkit-transform: rotate3d(0, 0, 1, 45deg); -ms-transform: rotate3d(0, 0, 1, 38deg); transform: rotate3d(0, 0, 1, 38deg);} /* Product carousel */ .products-carousel {margin:0 -20px 0 0; position: relative;} .products-carousel .slides {list-style: none; margin:0; padding:0; } .products-carousel .slides li { width: 270px; padding: 0; margin: 0 20px 0 0; display: block; float: left; } .products-carousel .cfs--navigation {position:absolute; top: -70px; right:20px; border: 1px solid #e7e8e8; background-color: #fff; font-size: 13px; color: #999; height: 34px; outline: none; border-radius: 4px; background-clip: padding-box; box-shadow: 0 1px 0 #f1f3f3;} .products-carousel .cfs--navigation a { float:left; border-left:1px solid #e7e8e8; height: 34px; line-height: 32px; overflow: hidden; width:38px; text-align: center; text-decoration: none; color: #D6D6D6; cursor:pointer; position: static; opacity: 1; text-align: center !important; margin: 0;} .products-carousel .cfs--navigation a:hover { color: #AFAFAF; } .products-carousel .cfs--prev { border-left:0; } .products-carousel .cfs--next { float:right; } /* Shop Cart Panel */ .shop-cart > a {font-size: 14px; text-decoration: none;display: block;} .shop-cart > a span ~ span {background:#fe6060; color:#fff; font-size: 11px; font-weight: 700; line-height: 18px; display:inline-block; padding: 0 6px; border-radius: 2px;vertical-align: middle;} .shop-cart .cart-subpanel {opacity:0; visibility:hidden; left:-2999px; right:auto; position:relative; position: absolute; top:100%; z-index:999; margin-top:60px;} .shop-cart-holder:hover .cart-subpanel {opacity:1; visibility:visible; margin-top:0; left:auto; right:0;} .shop-cart .cart--panel { background:#1A1C25; padding-bottom: 20px; color:#fff; border-radius: 0 0 3px 0; width:275px;} .products-incart {margin:0; padding:0; list-style:none;} .products-incart li {border-bottom:1px solid rgba(237,237,237,0.1);} .products-incart li a::before, .products-incart li a::after { content: ""; display: table; border-collapse: collapse; } .products-incart li a::after { clear: both; } .products-incart li a {display:block; padding:15px 20px; text-decoration:none; color:#fff; } .products-incart li a:hover {background:rgba(255,255,255,.05)} .products-incart li a img {max-width:55px; float:left; margin-right:20px;} .products-incart .ptitle {font-size:12px; font-weight:600; opacity:.6; line-height:1.4; margin:15px 0 10px; color: #E6E6E6;} .products-incart .price-count { font-size:12px; font-weight:600; line-height:1.4; margin:0; } .products-incart .price-count strong { font-weight:normal;} .shop-cart .subtotal {line-height: 80px; text-align: center; display:block; font-size:15px; } .shop-cart .subtotal strong {font-size:18px; font-weight: 600; } .shop-cart .subtotal + p {text-align: center; margin-bottom: 0;} .shop-cart .btn {padding: 12px 22px; line-height: 1;} /* Mobile Nav Icon in header right */ .headericon.mobilenav-icon {position: relative;} .headericon.mobilenav-icon:before {content:''; width:14px; height:14px; position:absolute; top:-6px; left:0;} .sm-panel ~ #page-wrapper {position: relative; width: 100%; -webkit-transition: -webkit-transform 0.25s ease-out, margin-left 0.25s ease-out; transition: margin-left 0.25s ease-out; } .sidemenu-opened #page-wrapper, .sidemenu-opened.header-sticky .site-header, .sidemenu-opened.header-absolute .site-header, .sidemenu-opened .fixedNscrolled > div {margin-left: -325px;} .sm-panel { position: fixed; width: 325px; right: -325px; height: 100%; z-index: 999; background: #1a1c25; color: #FFF; -webkit-transition: right 0.25s ease-out; transition: right 0.25s ease-out; overflow: hidden; overflow-y: auto;} .sidemenu-opened .sm-panel {right:0;} .sm-panel .sm-panel--inner {padding:50px 20px 0 50px;} .sm-panel a {color:#eee; text-decoration: none;} .sm-panel a:hover {color:#fff;} .sm-panel .side-title {font-size:14px; color:#fff; margin-bottom: 20px; font-weight: 700;} .sm-panel .social_icons a {color:rgba(255,255,255,.25);} .sm-panel .social_icons a:hover {color:rgba(255,255,255,.5);} .s-panel--close {font-size: 20px; position: absolute; top:32px; right: 32px; opacity: .6;} .s-panel--close:hover {opacity: 1;} .social_icons li {margin-left: 15px;} .social_icons li:first-child {margin-left: 0;} /* Side menu styles */ .side-menu li {margin-bottom: 25px;} .side-menu a {opacity:.5; color:#FFF;} .side-menu a:hover {opacity:1; text-decoration: none;} .side-menu .vs-icon {font-size:18px; margin-right:11px; vertical-align: middle;} /* Filter Header */ .filter_header {margin-top:120px;} .filter_header .label, .filter_header .filter-val {font-size:40px; color:#fff; line-height: 1.4; padding: 0;} .filter_header .label {font-weight:300;} .filter_header .label::before, .filter_header .label::after {content:'\00a0'; } .filter_header .filter-block, .filter_header .filter-elements {display:inline-block;} .filter_header .filter-elements {position:relative;} .filter_header .filter-elements > ul {opacity:0; visibility:hidden; position:absolute; top:0; margin: 0 -10px; /*width:100%;*/ padding: 0 10px; list-style:none; background:rgba(255,255,255,.97); border:1px solid #bfc1c2; font-size:16px; font-weight:600; border-radius:4px; max-height: 50px; overflow-y:auto; z-index: 2;left: 0; right: 0; text-align: center;} .filter_header .filter-elements > ul li {line-height:40px;; margin: 0 -10px; padding: 0 10px; border-top:1px solid rgba(0,0,0,0.1); cursor:pointer; display:block; } .filter_header .filter-elements > ul li:first-child {border-top:0; } .filter_header .filter-elements > ul li:hover {background:rgba(0,0,0,0.05)} .filter_header .filter-elements ul.show {opacity:1; visibility:visible; max-height: 150px;} .filter_header .filter-val {border-bottom: 1px dotted rgba(255, 255, 255, 0.4);display: block;line-height: 1.2; cursor:pointer;} .filter_header .filter-val:hover {border-bottom: 1px dotted rgba(255, 0, 0, 0.4);} .filter_header .filter-val span {outline:none;} /* Product preview */ .product-preview {display: table; margin-bottom: 50px; width: 100%;} .product-preview .thumblist {margin:0; padding:0; list-style: none; height: 100%; width: 15%; display: table-cell; vertical-align: top;} .product-preview .thumblist li {margin-top: 10px;} .product-preview .thumblist li:first-child {margin-top: 0;} .product-preview .thumblist li a {display:block;} .product-preview .large-preview {width: 85%; height: 100%; display: table-cell; vertical-align: top;} .product-preview .large-preview > img {margin-left:10px;} .product-preview .large-preview .load { position:absolute; z-index: 1; display:block; left: 50%; top: 150px; margin: 0 0 0 -20px; width: 40px; height: 40px; background-color: rgba(0,0,0,0.5); opacity:0; visibility:hidden; -webkit-animation: rotateplane 1.2s infinite ease-in-out; animation: rotateplane 1.2s infinite ease-in-out; } .product-preview .large-preview .load.loading {opacity:1; visibility:visible;} @-webkit-keyframes rotateplane { 0% { -webkit-transform: perspective(120px) } 50% { -webkit-transform: perspective(120px) rotateY(180deg) } 100% { -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg) } } @keyframes rotateplane { 0% { transform: perspective(120px) rotateX(0deg) rotateY(0deg); -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg) } 50% { transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg) } 100% { transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); } } .product-page .product-title {font-size:24px; color:#45474d; margin-bottom: 10px;} .product-rating {margin-bottom:20px;line-height: 1;} .product-rating span { font-size: 12px; line-height: 1; display:inline-block;} .product-rating .star-on {color:#fe6060; } .product-rating .star-off {color:#dddcdc; } .product-rating .rating-count {color:#888888; margin-left:10px;font-size: 13px;} .product-page .product-price {margin-bottom:10px; line-height: 1;} .product-page .regular-price {color:#0e111c; font-size:29px; font-weight:600; } .product-page .old-price {color:#ACABAB; font-size:24px; font-weight:400; margin-left:15px; position:relative; text-decoration:line-through;} .product-page .product-sku {font-size:11px; color:#bdbdbf; text-align:right; border-bottom:1px solid #ededed; line-height:1; padding-bottom:12px; margin-bottom:25px;} .cart-qty {float:left; border:1px solid #eaebeb; border-radius: 3px; box-shadow: 0 1px 1px #F3F3F3;} .cart-qty button, .cart-qty input {float:left; height: 35px; width:36px; border:0; margin:0; padding:0; background:none;outline: none;} .cart-qty button { color:#d7d8da; font-size: 11px; font-weight: 600; } .cart-qty button:hover { color:#ccc; } .cart-qty button:active { color:#999; } .cart-qty input {border-left:1px solid #eaebeb; border-right:1px solid #eaebeb; color:#45474d; font-size: 13px; font-weight: 600; text-align: center;width: 42px;} /*.cart-qty input[type=number]::-webkit-inner-spin-button{display:none}*/ .product-page .addtocart, .product-page .wishlist {font-weight:600; float:left;} .product-page .addtocart {margin-left:25px;} .product-page .wishlist {margin-left:8px;} .product-page .product-share {border-bottom:1px solid #ededed;} .product-share strong {color: #31343f; font-weight:600;font-size: 13px; line-height:40px;} .product-share .social_icons {float:right; } .product-share .social_icons ul {margin:12px 0 0;} .product-details li button[type=button] span {line-height: 1; display: inline-block; margin-left: 15px; color: #C3C3C3; font-weight: normal;} .review-list { margin-bottom: 20px; } .review-list .author {font-weight: 600; color:#999; display:inline-block; margin-right: 5px; } .review-list .author::before {content:'- ';} .review-list .date {color:#bbb; display:inline-block; margin-right: 20px; } .review-list .rating {display:inline-block;} .review-list .text {display:block; margin-top: 5px;} /* Product Cart */ table.products-cart {width: 100%; border-top:1px solid #ededed; border-bottom: 1px solid #ededed; margin-bottom: 30px; } table.products-cart th {border-bottom: 1px solid #ededed; font-weight: 600; font-size: 13px; color:#45474d; padding:20px 0;} table.products-cart tbody td {border-bottom: 1px solid #ededed; padding:20px 0;} table.products-cart tbody .product-image {width:140px;} table.products-cart tbody .product-image a {margin-right: 40px; display: inline-block;} table.products-cart tbody .product-image img {width:100%;} table.products-cart tbody .product-title a {font-weight: 600; font-size: 13px; color:#45474d} table.products-cart tbody .product-title span {display:block; font-size: 11px; color:#bdbdbf;} table.products-cart tbody .product-price {font-weight: 600; color:#121317;} table.products-cart tbody .product-remove { border-radius: 3px; background-color: #f5f5f5; width:39px; height:36px; line-height: 36px; text-align: center; font-size: 18px; color:#121317; cursor:pointer; display: inline-block; float:right;} table.products-cart tbody .product-remove:hover { background-color: #eee; color:#050505; } .count-cart-items::after {content:attr(data-items-word);} table.products-cart ~ .count-cart-items {font-weight: 600; font-size: 13px; color:#888; float:right; line-height: 40px;} /* Alerts */ .alert {font-weight: 600; font-size: 13px; } .alert span.alert-icon {display:inline-block; margin-right: 15px;} .alert-success { background-color:#91c661; color:#fff; border: none;} .alert-danger { background-color:#FF6B6B; color:#fff; border: none;} .alert-info { background-color:#46DDD1; color:#fff; border: none;} .alert-warning { background-color:#FCDF7F; color:#3F3F3F; border: none;} .alert-dismissable .close {color:#fff; text-shadow:none;font-weight: normal;opacity: .6;font-size: 18px;top: 0; outline:none;} .alert-dismissable .close:hover {opacity:1} /* Cart Proceed Panel */ .cart-proceed {border:1px solid #e6e7e8; padding:20px; border-radius:5px;} .cart-proceed .separator {margin-left: -20px; margin-right: -20px; width:auto;} .cart-proceed .products-incart .ptitle {color:#121317;} .cart-proceed .products-incart li a:hover {background: rgba(0, 0, 0, 0.02); } .cart-subtotal {font-weight: 600; color:#45474d; margin-bottom: 20px; } .cart-subtotal span { color:#888; float:right;} .cart-total {font-weight: 800; color:#45474d; margin-bottom: 30px; } .cart-total span { color:#121317; float:right; font-weight: 600; font-size: 20px;} .cart-navigate .to_checkout {margin-top:10px; margin-bottom: 20px; font-weight: 600; } .cart-navigate .continue {display:block; text-align: right;} .cart-shipping > button {width:100%; background:none; border:0; outline: none; margin-bottom: 20px;text-align: left; padding: 0; font-weight: 600; color:#fe6060;} .cart-shipping > button.collapsed { color:#45474d;} .cart-shipping > button span {float:right; color:#888; padding-right: 20px;} .cart-shipping > button .active {font-weight: 600; } .cart-shipping > button .inactive, .cart-shipping > button.collapsed .active {display:none;} .cart-shipping > button.collapsed .inactive {display:block; font-weight: 400;} /* Cart Proceed Panel - FINAL STEP PLACING ORDER */ .cart-proceed.placeorder .cart-subtotal {margin-bottom: 10px;} .cart-proceed.placeorder .cart-shipping { margin-bottom: 20px;} .cart-proceed.placeorder .cart-shipping span { color:#888; float:right;} .cart-proceed.placeorder .products-incart li { border-top: 1px solid rgba(0, 0, 0, 0.1); border-bottom: 0; margin: 0 -20px; padding: 0 20px;} .cart-proceed.placeorder .products-incart li:first-child { border-top: 0; border-bottom: 0; } .cart-proceed.placeorder .products-incart li a { padding: 15px 20px; color: #888; margin: 0 -20px;} .cart-proceed.placeorder .cart-products > strong {margin-bottom:10px; display:inline-block;} .cart-proceed.placeorder .cart-payment > strong {margin-bottom:20px; display:inline-block;} .cart-proceed.placeorder .cart-payment {margin-bottom: 20px;} .cart-payment .payment-info {color:#87888c; font-size: 12px; line-height: 1.3; background:#f5f6f6; padding: 20px; border-radius: 3px;margin: 5px 0 15px; position:relative;} .cart-payment .payment-info p:only-child {margin-bottom: 0;} .cart-payment .payment-info::before {content:''; position:absolute; left:3px; top:-10px; border:5px solid transparent; border-bottom-color:#f5f6f6;} .cart-payment .panel {margin:5px 0;} /* clean-checkbox (customized checkbox inputs) */ .clean-checkbox label, .clean-checkbox input[type=checkbox]:checked + label {font-size: 12px; color:#45474d; font-style: normal; font-weight: 600; vertical-align: middle; cursor:pointer; } .clean-checkbox label::before {content:''; width:16px; height:16px; display:inline-block; border-radius: 2px; border:1px solid #cbcbcb; vertical-align:middle; margin-right:7px; margin-top: -3px;} .clean-checkbox input[type=checkbox] { display: none; } .clean-checkbox input[type=checkbox]:checked + label::before {border:1px solid #fe6060; background:#fe6060; font-family: 'icomoon'; content:'\e614'; color:#fff; text-align:center; line-height:16px; } .clean-checkbox label small {font-size: 11px; color:#D5D5D5; } /* full-checkbox (customized checkbox inputs) */ .full-checkbox label {height:40px; line-height:40px; border:1px solid #ddd; background:#fafafa; width:100%; border-radius:2px; text-transform:uppercase; opacity:.5; font-size: 12px; color:#999; font-style: normal; font-weight: 400; vertical-align: middle; cursor:pointer; } .full-checkbox label:hover {opacity:.7;} .full-checkbox input[type=checkbox]:checked + label {color:#777; border:1px solid #bbb; font-style: normal; font-weight: 400; vertical-align: middle; cursor:pointer; opacity:1;} .full-checkbox label::before { font-family: 'icomoon';content:'\e130'; width:40px; height:40px; display:inline-block; border-radius: 0; border-right:1px solid #cbcbcb; vertical-align:top; margin-right:15px; color:#bbb; margin-top: 0; vertical-align:top; text-align:center; line-height:38px; height:38px;} .full-checkbox input[type=checkbox] { display: none; } .full-checkbox input[type=checkbox]:checked + label::before {border:0; background:#fe6060; content:'\e614'; color:#fff; } /* fancy-radio (customized radio inputs) */ .clean-radio + label {font-size: 12px; color:#45474d; font-style: normal; font-weight: 600; vertical-align: middle; cursor:pointer; } .clean-radio + label::before {content:''; width:16px; height:16px; display:inline-block; border-radius: 50%; border:1px solid #cbcbcb; vertical-align:middle; margin-right:7px; margin-top: -3px;} input.clean-radio { display: none; } input.clean-radio:checked + label::before {content:''; border: 5px solid #fe6060; background: #f5f5f5; } .clean-radio + label small {font-size: 11px; color:#D5D5D5; } /* returning toggle panel */ .returning-toggle { margin-bottom: 45px; border:1px solid #e6e7e8; padding:20px; border-radius:5px;} .returning-toggle .clean-checkbox label {font-style: normal; font-weight: 600; color: #B8B8BA; margin: 0;} /* rounded-bordered */ .rounded-bordered {border: 1px solid #E6E7E8; padding: 20px 25px; border-radius: 5px; float: none; margin: 20px 0 40px;} .rounded-bordered .separator {background: #E6E7E8; padding: 0;margin: 10px 0;} /* checklist has labels */ .islabeled label {width: 170px;float: left; } .islabeled .custom-label, .islabeled.hovered:hover .custom-label, .clean-checkbox input[type=checkbox]:checked ~ .custom-label {color:#b9b9b9; font-size: 12px; width: -webkit-calc(100% - 170px); width: calc(100% - 170px); display: inline-block; line-height: 1.5;} .islabeled.hovered .custom-label {display:none;} .lost-password {color:#999999; display:inline-block; margin-left: 10px;} /* Shop Landing Page - custom styles */ .products-list {margin:0; padding:0; list-style: none;} .products-list li {margin-top:20px;} .products-list li:first-child {margin-top:0;} .products-list li img {float:left; margin-right: 15px; border-radius: 2px; width:auto;} .products-list li a {color:#45474d; text-decoration: none; font-weight: 600;} .products-list li a:hover {color:#fe6060; text-decoration: none;} .products-list li .title {margin-bottom: 10px;} .products-list li .price {color:#121317;} .products-list li .price, .products-list li .discounted-price {font-size:14px; font-weight: 600;} .products-list li .product-rating {margin-bottom:10px;} .products-list li .product-rating .star-on {color:#bbbbbc; } .products-list li .product-rating .star-off {color:#dddcdc; } .products-list li .price.discount {text-decoration: line-through; color:#bababb;} .products-list li .price.discount ~ .discounted-price {margin-left:5px; color:#fe6060; display:inline-block;} /* Nav block */ .nav-block {border:1px solid #e6e7e8; border-radius: 2px; padding:13px 20px;} .nav-block a {color:#a9aaab; font-size:13px; text-decoration: none; font-weight: 600;line-height: 20px;/* vertical-align: middle; */} .nav-block a span {margin-left: 0; margin-right: 15px; font-size: 20px;line-height: 1; vertical-align: top;display: inline-block;} .nav-block a:first-child span {margin-left: 15px; margin-right: 0; } .nav-block a:first-child {float:right;} .nav-block a:hover {color:#0e111c;} .nav-block a:hover span {color:#fe6060;} /* Offline Page */ .offline-page {background-color: #F6F6F6;} .mtn-message > span {display:inline-block; color:#e3e4e4;} .mtn-message .separator {width:145px; margin:0 auto;} /* Cute Box */ .cute-box {border-radius: 3px; background-color: #fff; box-shadow: 0 1px 1px rgba(0,0,0,.1); position:relative; padding:60px 25px; } .cute-box [data-role="title"] {font-size:16px; border-bottom:1px solid #ededed; font-weight:600; margin-bottom: 25px; padding-bottom: 15px; } .cute-box .negative-ico {position:absolute; color: #dddddd; width:75px; height:65px; top: 5px; right: 0px; text-align: center; line-height: 65px; font-size:30px; border-radius: 3px; } .cute-box p:last-child {margin-bottom: 0;} /* Countdown */ .ud_counter {text-align: center;} .ud_counter ul {list-style: none; margin:0; padding:0;} .ud_counter ul li {display:inline-block; color:#45474d; font-size: 68px; text-transform: uppercase; font-weight: 400; line-height: 1; margin:0 20px;} .ud_counter ul li span {display:block; color:rgba(0,0,0,.2); font-size:16px; font-weight: 400; line-height: 1.3;} /* Vauss Custom table */ .vs-table {background-color:#fe6060; color:#fff; border-radius: 3px; box-shadow: 0 5px 5px rgba(0, 0, 0, 0.05); border-bottom: 1px solid #FFF; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3);} .vs-table.table > thead > tr > th { border-bottom-color: rgba(0,0,0,0.1);padding-top: 20px; padding-bottom: 15px; } .vs-table.table > thead > tr > th, .vs-table.table > tbody > tr > th, .vs-table.table > tfoot > tr > th, .vs-table.table > thead > tr > td, .vs-table.table > tbody > tr > td, .vs-table.table > tfoot > tr > td {border-top-color: rgba(0,0,0,0.1);} .vs-table.table > tbody > tr:hover > td, .vs-table.table > tbody > tr:hover > th {background-color: rgba(0,0,0,0.04);} .vs-table.table .highlight {background:rgba(0,0,0,0.06);} .vs-table.table .highlight::after {content:'hello!';} /* Simple Gallery */ body .gallery {list-style:none; margin:0 0 40px -20px; padding:0;} body .gallery > li {display:inline-block; margin:0 0 20px 20px;} body .gallery > li > a {display:inline-block;} /* Animated devices */ .devices-animation {position:relative;} .devices-animation .device-tablet { position:relative; z-index: 1; opacity:0; -webkit-transform: translateY(100px); -ms-transform: translateY(100px); transform: translateY(100px); -webkit-transition:all .4s ease-out .3s; transition:all .4s ease-out .3s;} .devices-animation.started .device-tablet, .touch .devices-animation .device-tablet {opacity:1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0);} .devices-animation .device-smartphone {opacity:0; position:absolute; bottom:-40px; left:0; z-index: 0; -webkit-transform: translateX(100px); -ms-transform: translateX(100px); transform: translateX(100px); -webkit-transition:all .4s ease-out .6s; transition:all .4s ease-out .6s; -webkit-transform-origin:0 100%; -ms-transform-origin:0 100%; transform-origin:0 100%;} .devices-animation.started .device-smartphone, .touch .devices-animation .device-smartphone {opacity:1; -webkit-transform: translateX(0) rotate(-20deg); -ms-transform: translateX(0) rotate(-20deg); transform: translateX(0) rotate(-20deg);} /* Tablet Animation */ .tablet-device {display: block; position: relative; margin: 0 -10.8%; opacity: 0; overflow: hidden; -webkit-transition:-webkit-transform .3s ease-out, opacity .3s ease-out; transition:transform .3s ease-out, opacity .3s ease-out;} .tablet-device::before {content:''; position:absolute; width: 8px; height: 8px; background: #636363; border-radius: 8px; left:50%; top: 6%; margin-left: -4px; border: 2px solid #FFF;} .tablet-device.has-glare::after {content:''; position:absolute; width: 424px; height: 463px; background-image: url(../images/glare-effect.png); left:50%; top: 0; margin-left:-30px; } .tablet-device.black-tablet::before {background: #3F3F3F; border: 2px solid #686868;} .tablet-device img {padding: 14.4% 12% 0; border-radius: 20px 20px 0 0; background: #F2F2F2; box-shadow: 0 4px 5px rgba(0, 0, 0, 0.22), inset 0 1px 1px rgba(255, 255, 255, 0.78); /*border: 1px solid #EBEBEB; border-bottom: 0;*/ } .tablet-device.black-tablet img {background: #000000; box-shadow: 0 4px 5px rgba(0, 0, 0, 0.22), inset 0 1px 1px rgba(255, 255, 255, 0.78); /*border: 1px solid #525252;*/} .tablet-device.tb-left {-webkit-transform: scale(.9) translateX(20px) translateY(200px); -ms-transform: scale(.9) translateX(20px) translateY(200px); transform: scale(.9) translateX(20px) translateY(200px); -webkit-transform-origin: 100% 100%; -ms-transform-origin: 100% 100%; transform-origin: 100% 100%; -webkit-transition-delay:.1s; transition-delay:.1s; } .tablet-device.tb-right {-webkit-transform: scale(.9) translateX(-20px) translateY(200px); -ms-transform: scale(.9) translateX(-20px) translateY(200px); transform: scale(.9) translateX(-20px) translateY(200px); -webkit-transform-origin: 0 100%; -ms-transform-origin: 0 100%; transform-origin: 0 100%; -webkit-transition-delay:.2s; transition-delay:.2s;} .tablet-device.tb-center { margin: -8.9% -14.9% 0; z-index: 1; -webkit-transform: translateY(200px); -ms-transform: translateY(200px); transform: translateY(200px);} .started .tablet-device.tb-left, .touch .tablet-device.tb-left {-webkit-transform: scale(.9) translateX(20px) translateY(0); -ms-transform: scale(.9) translateX(20px) translateY(0); transform: scale(.9) translateX(20px) translateY(0); opacity: 1;} .started .tablet-device.tb-right, .touch .tablet-device.tb-right {-webkit-transform: scale(.9) translateX(-20px) translateY(0); -ms-transform: scale(.9) translateX(-20px) translateY(0); transform: scale(.9) translateX(-20px) translateY(0); opacity: 1; } .started .tablet-device.tb-center, .touch .tablet-device.tb-center { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); opacity: 1;} /* EventBox */ .eventbox {background:#f4f4f4; color:#45474d;} .eventbox .vs-icon {color:#c8c9ca;} .eventbox .eventdate {font-size:14px; padding:20px 0; position:relative; margin-bottom: 30px;} .eventbox .eventdate::before, .eventbox .eventdate::after {content:''; position:absolute; top:0; left:50%; width:52px; height:1px; background:#d1d1d3; margin-left:-26px; } .eventbox .eventdate::after {top:auto; bottom:0;} .eventbox .eventdate > .date { display:block; } .eventbox .eventpic {margin-top:40px; position:relative;} .eventbox .eventpic:before {content:''; position:absolute; top:0; left:50%; border: 12px solid rgba(0, 0, 0, 0); border-top-color:#f4f4f4; margin-left: -6px;z-index: 1;} .eventbox .eventpic img {position:relative; z-index: 0;} .eventbox .eventpic .btn {position:absolute; z-index: 1; bottom:40px; left: 20%; right: 20%; } /* Social Box */ .socialbox {padding:70px 0; background:#efefef; color:#bfbfbf; margin:0 -15px; border-style:solid; border-color:#dbdbdb; /*border-width: 1px 0 1px 1px;*/ border-width: 1px 0 0 1px; text-align: center;} .socialbox .vs-icon {font-size:44px;display: inline-block;} .socialbox .fan-count {opacity:0; visibility:hidden; color:rgba(0, 0, 0, 0.25); font-size:12px; font-weight: 800;margin: 0;line-height: 1.3; height:0;-webkit-transform: translateY(-20px);-ms-transform: translateY(-20px);transform: translateY(-20px);} .socialbox .fan-count > span {display:block; font-size:30px; font-weight: 400; color:#fff; } .no-touch .socialbox:hover .vs-icon, .touch .socialbox:active .vs-icon {color:#fff; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px);} .no-touch .socialbox:hover .fan-count, .touch .socialbox:active .fan-count {opacity:1; visibility:visible;} .socialbox, .socialbox .vs-icon, .socialbox .fan-count {-webkit-transition:all .2s ease;transition:all .2s ease;} .socialbox.sb-twitter:hover {background:#00BDEC;} .socialbox.sb-vimeo:hover {background:#01557A;} .socialbox.sb-google-plus:hover {background:#D94A39;} .socialbox.sb-facebook:hover {background:#3B5998;} .socialbox.sb-linkedin:hover {background:#1B92BD;} .socialbox.sb-behance:hover {background:#026afa;} .socialbox.sb-dribbble:hover {background:#EF5B92;} .socialbox.sb-pinterest:hover {background:#CB2027;} .socialbox.sb-instagram:hover {background:#517FA4;} .socialbox.sb-youtube:hover {background:#D20800;} .socialbox.sb-skype:hover {background:#18B7F1;} .socialbox.sb-flickr:hover {background:#EA2698;} .socialbox.sb-yelp:hover {background:#AF0606;} .socialbox.sb-lastfm:hover {background:#D2013A;} /* FreeWall Gallery */ .photo-wall {} .photo-wall .isotope-item, .photo-wall .grid-sizer { width:380px; width: -webkit-calc( 100% / 5 ); width: calc( 100% / 5 );} .photo-wall .isotope-item {float:left; position:relative; padding-bottom:380px; padding-bottom: -webkit-calc( 100% / 5 ); padding-bottom: calc( 100% / 5 ); overflow: hidden;} .photo-wall .isotope-item.width2 {width: 760px; width: -webkit-calc( ( 100% / 5) *2 ); width: calc( ( 100% / 5) *2 ); } .photo-wall .isotope-item.height2 {padding-bottom: 760px; padding-bottom: -webkit-calc( ( 100% / 5) *2 ); padding-bottom: calc( ( 100% / 5) *2 );} .photo-wall .pw-item { position: absolute; top:0; left:0; right:0; bottom: 0; background-repeat:no-repeat; background-position: center center; background-size: cover; } .photo-wall .pw-item::after { content:''; position: absolute; top:0; left:0; right:0; bottom: 0; background-color:#fe6060; opacity:0; visibility: hidden;} .photo-wall .isotope-item:hover .pw-item { -webkit-transform:scale(1.03); -ms-transform:scale(1.03); transform:scale(1.03); } .photo-wall .isotope-item:hover .pw-item::after { opacity:.5; visibility: visible;} .photo-wall .pw-details {position:absolute; bottom:-200px; left: 5%; color:#fff; width:100%; padding-left: 0; opacity:0; visibility: hidden;padding-bottom: 40px;} .photo-wall .isotope-item:hover .pw-details {bottom: 0; opacity:1; visibility: visible;} .photo-wall .pw-details [data-role="title"] {font-size:18px; font-weight: 600; color:inherit;margin-bottom: 0;letter-spacing: 0;} .photo-wall .pw-details [data-role="category"] {font-size:12px; font-weight: 600; opacity:.7; color:inherit;margin-bottom: 0;} @media only screen and (max-width: 991px) { .photo-wall .isotope-item, .photo-wall .grid-sizer { width: -webkit-calc( 100% / 2 ); width: calc( 100% / 2 );} .photo-wall .isotope-item {padding-bottom: -webkit-calc( 100% / 2 ); padding-bottom: calc( 100% / 2 ); } .photo-wall .isotope-item.width2 { width: -webkit-calc( ( 100% / 2) *2 ); width: calc( ( 100% / 2) *2 ); } .photo-wall .isotope-item.height2 {padding-bottom: -webkit-calc( ( 100% / 2) *2 ); padding-bottom: calc( ( 100% / 2) *2 );} } /* Browser Framed Image */ .br-framed-img {display: inline-block; display: block; background: #E3E5E7; padding-top: 35px; border-radius: 3px 3px 0 0; position: relative; } .br-framed-img::before {content: '...'; position: absolute; top: 0; left: 15px; color: #FFF; font-size: 48px; line-height: 6px; height: 35px; letter-spacing: -1px;} /* Historic Elements */ .historic-container {padding:70px 0; border-top:1px solid transparent; border-bottom:1px solid transparent;} .historic-container:hover {background-color:#f9f9f9; border-top-color:#e8e8e8; border-bottom-color:#e8e8e8;} .historic--logo {width: 90px;height: 90px;} .historic--logo img { max-width: 90px; height:auto;} .historic--logo.isicon a {display: block; width: 100%; height: 100%; text-align: center;border-radius: 50%;text-decoration: none; color:#c2c2c2; background-color:#f2f2f2;} .historic-container:hover .historic--logo.isicon a {background-color:transparent; margin-left:20px;} .historic--logo.isicon a:hover {color:#fff;} .historic--logo.isicon .vs-icon {font-size:42px;} .historic--logo.isicon .vs-icon::before {vertical-align: middle; line-height: 90px;} .historic--details > p:last-child {margin-bottom: 0} .historic-container .gallery {margin-left:-30px;} .historic-container .gallery li {margin: 0 0 10px 10px; float: left;} /* Misc */ .or-circle {display:inline-block; width:11px; height:11px; border:2px solid rgba(255,255,255,.3); margin-left:15px; margin-right: 15px; border-radius: 50%;} .or-circle.dark {border-color:#000;} /* mask next or previous section */ .stg-maskprev, .stg-masknext + section {position:relative; z-index: 1;} /* custon vauss underlined */ u.vs_u {color: #fe6060; border-bottom: 1px solid #fe6060; text-decoration: none;} /* Symbol line separator */ .symbol-line {font-size:20px; text-align: center; color:#e6e6e6; vertical-align: middle; clear:both; line-height: 20px;} .symbol-line .vs-icon {font-size:18px;} .symbol-line::before, .symbol-line::after {content:''; display:inline-block; width: 48%; background: #eaeaea; height:2px; float: right; margin-top: 7px;} .symbol-line::before {float: left; } /* Quicklink */ .quicklink {margin-top:-20px; color:#fe6060; font-size: 12px;} .quicklink:hover {text-decoration: none;} /* Class For Logo Slider container in Shop Langind page */ .logo-center-border {border-right: 1px solid rgba(0,0,0,0.1); line-height: 100px; padding:0; text-align: center; height: 100px; padding: 0 25px;} .logo-center-border .slides a {display: block; text-align: center; height:100px; line-height: 100px; vertical-align: middle;} /* Tooltip restyle */ .tooltip-inner {padding: 9px 8px; border-radius: 2px; font-size: 12px;} .tooltip.top .tooltip-arrow {border-width: 4px 4px 0; margin-left: -6px; bottom: 1px; } /* Custom-color */ .custom-color, .text-hover-custom:hover {color:#e7d0ea !important;} /*custom bg color*/ .custom-bg, .custom-hover-bg:hover, .bg-custom, .bg-hover-custom:hover {background:#fe6060 !important; color:#fff;} /* Bubble Box */ .bubble-box {max-width: 305px; position: fixed; left:50px; bottom: 50px; display:none; z-index: 1000; background: #1A1C25; color:#fff;} .bubble-box.bb--anim-show, .bubble-box.bb--anim-hide { display:block;} .bubble-box .bb--inner {padding:25px;} .bubble-box p:last-child {margin-bottom: 0;} .bubble-box .bb--close {position: absolute; right:10px; top:10px; color: rgba(0, 0, 0, 0.6); font-size: 18px; line-height: 1; cursor: pointer;} .bubble-box .bb--close:hover {color:#fff;} /* Notification Style */ .notification-box { max-width: 305px; border-radius: 7px; box-shadow: 2px 4px 4px rgba(0,0,0,.15);} .notification-box a { color: rgba(0, 0, 0, 0.75); } .notification-box .bb--close {color: rgba(255, 255, 255, 0.6); font-size: 18px;} /* Ad box */ .ads-box {background: rgba(255, 255, 255, 0.8); border: 1px solid rgba(0, 0, 0, 0.05); border-radius: 3px; text-align: center; color:#4F5152; max-width: 190px;box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.18); font-size: 13px; line-height: 1.5;} .ads-box .pp-adimg {border-radius: 2px;} .ads-box .bb--close {right: 6px; top: 5px;} .ads-box .bb--close:hover {color:#000;} /* Vauss Popup Box */ .vs-pp-box {width: 400px; margin: 0 auto; position: relative;} .vs-pp-box .vs-pp-inner {border-radius: 5px; background-color: #fff; } .vs-pp-box[data-ppbox-timeout] .dontshow {font-size: 12px; color: #232323; margin-top: 5px; display: inline-block;} /* Newsletter box */ .vs-newsletter-box {width: 755px; height:540px; margin: 0 auto; /*position: fixed; margin: -270px 0 0 -380px; left: 50%; top:50%;*/} .vs-newsletter-box .vs-pp-inner {position:relative;} .nlbox--inner { padding: 80px 60px 40px; margin-left: 315px; } .nlbox--hugediscount {border-top: 1px solid #E7E7E7; border-bottom: 1px solid #E7E7E7; margin: 20px 0; padding: 0; max-height: 200px;} .nlbox--hugediscount > span {display: inline-block;} .nlbox--preview {position:absolute; left:0; top:0; background-size: cover; background-repeat: no-repeat; background-position: center center; width: 315px; height: 100%;border-radius: 5px 0 0 5px;} .nlbox-logo {position: absolute; left:0; right:0; bottom:30px; text-align: center; background-repeat: no-repeat; background-size:contain; background-position: center center; min-height: 60px; } .vs-newsletter-box input[type="email"] { width: 59%; height: 38px;} .vs-newsletter-box form .btn {width:40%;} .logos-bar {position: absolute; bottom:100%; width: 50%;} /* Vauss Login Box */ .vs-login-box {height: 350px;} .vs-login-box .vs-pp-inner {box-shadow: 6px 15px 25px rgba(0,0,0,.25); padding:40px; } .vs-login-box .vs-checkbox-lb + label, .vs-login-box .lb-link {font-size:14px; margin:0; color:rgba(0,0,0,0.4); vertical-align: middle; font-weight: 400;} .lb--form .form-row {margin: 0 0 12px; position: relative;} .lb--form .vs-input-lb {border: 1px solid #ebebeb; border-radius: 3px; background-color: #fff; height: 72px; box-shadow: 0 1px 0px rgba(0, 0, 0, 0.07); font-size:20px; color:#23262d; font-weight: 600; padding: 25px 0 0 15px; width: 100%;line-height: 1;} .lb--form .lb-stickylabel {font-size:13px; font-weight: 600; text-transform: uppercase; color:rgba(0,0,0,0.2); position: absolute; left:15px; margin: 0;top:15px; line-height: 1; } .lb--form .vs-input-lb:hover {border-color:#c9c9c9;} .lb--form .vs-input-lb:focus {border-color:#bbb;outline: none; box-shadow: inset 4px 5px 7px #F7F7F7;} .lb--form .vs-checkbox-lb {position: absolute; left:-3999px;} .lb--form .vs-checkbox-lb + label {cursor: pointer; position: relative; padding-left:30px;} .lb--form .vs-checkbox-lb + label::before {content:''; width: 20px; height: 20px; border: 1px solid rgba(0, 0, 0, 0.2); display: block;position: absolute;left: 0;border-radius: 3px;} .lb--form .vs-checkbox-lb + label:hover::before {border-color:rgba(0, 0, 0, 0.3);} .lb--form .vs-checkbox-lb:checked + label::before {border-color:rgba(0, 0, 0, 0.4);} .lb--form .vs-checkbox-lb:checked + label::after { content: "\e614";font-family: 'icomoon'; speak: none; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; left: 4px; top: 4px; font-size: 12px; color: #fe6060;} .lb-register a {font-size: 16px; font-weight: 700; color: #FFF; text-decoration: none; line-height: 16px; display: inline-block; text-align: center;} .lb-register a:hover {color:#fe6060} .lb-register .symbol-line {margin: 0 22px;} .lb-register .symbol-line::before, .lb-register .symbol-line::after {width: 26%; opacity: .5; margin-top: 9px;} .lb-register + .mfp-close {outline: none; top: -40px; right: -55px; color: #FFF; font-size: 38px;opacity: .8;} .lb-register + .mfp-close:hover {opacity: 1;} .lb-register .vs-icon {display: block; margin-top: 5px; font-size: 24px; color: #FFF;} /* Fancy Checkbox */ .fancy-checkbox {position: absolute; left:-3999px;} .fancy-checkbox + label {cursor: pointer; position: relative; padding-left:30px;} .fancy-checkbox + label::before {content:''; width: 20px; height: 20px; border: 1px solid rgba(0, 0, 0, 0.2); display: block;position: absolute;left: 0;border-radius: 3px;} .fancy-checkbox + label::after { content: "\00d7"; font-family: 'icomoon'; speak: none; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; left: 5px; top: 2px; font-size: 12px; color: #fe6060; } .fancy-checkbox + label:hover::before {border-color:rgba(0, 0, 0, 0.3);} .fancy-checkbox:checked + label::before {border-color:rgba(0, 0, 0, 0.4);} .fancy-checkbox:checked + label::after { content: "\e614"; color: #fe6060; left: 4px; top: 4px;} /* On dark */ .fancy-checkbox.darken + label {color:#bbb;} .fancy-checkbox.darken + label:hover {color:#ccc;} .fancy-checkbox.darken + label::before {border: 1px solid rgba(255, 255, 255, 0.4);} .fancy-checkbox.darken + label:hover::before {border-color:rgba(255, 255, 255, 0.5);} .fancy-checkbox.darken + label::after { color: #999; } .fancy-checkbox.darken:checked + label {color:#eee} .fancy-checkbox.darken:checked + label::before {border-color:rgba(255, 255, 255, 0.6);} .fancy-checkbox.darken:checked + label::after { color: #fe6060; } /* Fancy selectbox */ .fancy-select {border: 1px solid rgba(255, 255, 255, 0.4); color: #bbb; height: 31px; text-indent: 5px; outline: none; border-radius: 3px; background-clip: padding-box; box-shadow:0 1px 0 rgba(0, 0, 0, 0.34); -webkit-appearance: none; -moz-appearance: none; -o-appearance: none; -ms-appearance: none; appearance: none; background-repeat: no-repeat; background-color:transparent; background-position: -webkit-calc( 100% - 10px ) -50px; background-position: calc( 100% - 10px ) -50px; width: 100%; text-transform: uppercase; font-size: 11px; font-weight: normal; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAABECAYAAABNni8RAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OTZFQUM4ODU2ODQ0MTFFNDk0MDdEMTE0OUE0MjUwM0QiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OTZFQUM4ODY2ODQ0MTFFNDk0MDdEMTE0OUE0MjUwM0QiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo5NkVBQzg4MzY4NDQxMUU0OTQwN0QxMTQ5QTQyNTAzRCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo5NkVBQzg4NDY4NDQxMUU0OTQwN0QxMTQ5QTQyNTAzRCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PtLxv78AAABVSURBVHjaYuQTlEljwAEYgZIgGpuCWTBJdAWzkHUiK5gFN/b///8MOO0clRyVHJUclRyVHJUcApIf3z3GXX+CCGwK+IVkZzHCOMgKQBIYxqCbABBgAD9RxjI3lgNcAAAAAElFTkSuQmCC);} .fancy-select.darken {border-color: rgba(0, 0, 0, 0.4); color: #888; box-shadow:0 1px 0 rgba(0, 0, 0, 0.34); background-position: -webkit-calc( 100% - 10px ) 14px;background-position: calc( 100% - 10px ) 14px;} /* Fancy radio */ .fancy-radio {position: absolute; left:-3999px;} .fancy-radio + label {cursor: pointer; position: relative; padding-left: 25px; vertical-align:middle;} .fancy-radio + label::before {content:''; width: 16px; height: 16px; border: 1px solid rgba(0, 0, 0, 0.2); display: block; position: absolute; left: 0; border-radius: 50%; top: 1px;} .fancy-radio + label::after { content: "\00d7"; font-family: 'icomoon'; speak: none; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; left: 4px; top: 2px; font-size: 10px; color: #fe6060; opacity: 0;} .fancy-radio + label:hover::before {border-color:rgba(0, 0, 0, 0.3);} .fancy-radio:checked + label::before {border-color:rgba(0, 0, 0, 0.4);} .fancy-radio:checked + label::after { left: 5px; top: 6px; content: ''; width: 6px; height: 6px; background: #fe6060; border-radius: 50%; opacity: 1;} /* darken */ .fancy-radio.darken + label {color:#bbb; text-transform: uppercase;font-size: 11px;font-weight: normal;} .fancy-radio.darken + label:hover {color:#ccc;} .fancy-radio.darken + label::before {border: 1px solid rgba(255, 255, 255, 0.3);} .fancy-radio.darken + label:hover::before {border-color:rgba(255, 255, 255, 0.5);} .fancy-radio.darken:checked + label {color:#eee} .fancy-radio.darken:checked + label::before {border-color:rgba(255, 255, 255, 0.6);} /* Social Sharing buttons */ .social-sharing li {display: inline-block; margin-left:10px; width: 90px; max-height: 20px; vertical-align: top;} .social-sharing li.sc-gplus { width: 70px; } /* Text group slider */ .text-group-slider {display:inline-block; list-style: none; margin: 0 ; padding:0;position: relative; -webkit-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0);} .text-group-slider.trin { -webkit-transform:translateY(20px); -ms-transform:translateY(20px); transform:translateY(20px); -webkit-transition: -webkit-transform .2s ease-in; transition: transform .2s ease-in;} /* Vauss Lander Styles */ .vauss-lander .video-grid-overlay::after {background-color: rgba(0, 0, 0, 0.3);} .lander-title { letter-spacing: -10px; } .lander-rotator .caroufredsel_wrapper, .lander-rotator .caroufredsel { margin:0 auto !important; width:100% !important;} .lander-rotator .text-item {font-weight: 200; font-style: italic; text-align: center; line-height: 40px; height:40px;} /*.lander-rotator .text-group-slider {padding-left: 5px; margin-left: -5px; }*/ .vauss-lander .main-header {background: #161922;} .vauss-lander .main-header, .vauss-lander .site-logo {height:130px;} /* vcenter element */ .vcenter-container {width:100%; height: 100%; position: relative;} .vcenter-container .container {top: 50%; position: absolute; left: 0; right: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);} /* Custom colors used in Lander page */ .icon-box .color-bluey {color:#37d0de;} .icon-box .color-nicegreen {color:#a9df5d;} .icon-box .color-purpleish {color:#ce52dd;} .icon-box .color-hipstyorange {color:#f69464;} /* ========================================================================== Responsive styles. ========================================================================== */ @media only screen and (min-width : 1921px){ /* Force full width images on higher res like 1921+ wide */ .force-img-fullwidth .slides li img {width:100%;} } @media only screen and (min-width : 1441px) and (max-width : 1890px){ .site-responsive .logos-bar {padding-top: 20px !important; padding-bottom: 20px !important;} } @media only screen and (max-width : 1440px){ .logos-bar {position: static; width: auto;} .gmap-custom-size2 {padding-bottom: 110%;} .main-header > .logo-container {position: absolute;} } @media only screen and (min-width : 1200px) and (max-width : 1440px){ } /* LARGE ****************************** ** Large devices, wide screens, ex: Desktops (bigger than 1200px) */ @media only screen and (min-width : 1200px){ }/* //LARGE *************************** ***************************************/ /*** BELOW LARGE *************************** ** Medium devices only, ex: small desktops, bigger tablets (smaller than 1199px) */ @media only screen and (max-width: 1199px){ .world-map-offices {max-height: 550px; overflow: auto;} .world-map-offices .world-office {position: static;} .world-map-offices .world-office::before {display:none} .world-map-offices .office-details {opacity:1; visibility: visible; position: static; padding-bottom: 0;} .laptop-slider .cfs--navigation a, .works_carousel .cfs--navigation a {display: none !important;} .services_boxes_wgt li [data-role="title"] .vs-icon {margin-bottom: 20px;} .services_boxes_wgt li [data-role="title"] {font-size: 13px} .services_boxes_wgt .inner-box {min-height: 130px;} ul.project-list li .overlay a {padding: 10px 15px;} .team-member .mmb-title {margin-top: 0;} .team-member.stl-style-2 .mmb-social-list {top: 110px;} .devices-animation .device-smartphone {display: none} }/* //BELOW LARGE ********************* ***************************************/ /*** MEDIUM *************************** ** Medium devices only, ex: small desktops, bigger tablets (bigger than 992px and smaller than 1199px) */ @media only screen and (min-width: 992px) and (max-width: 1199px){ .main-header .right-nav {margin-left: 0px;} .vs-menu > li > .menu-item, .sitemenu-extra-no-arrows > li > .menu-item:not(:only-child), .site-header.sticked .vs-menu > li > .menu-item:not(:only-child) {padding: 0 10px;} ul.clean-tabs > li > a {padding-left:8px; padding-right: 8px;} .photogallery-widget .pg-thumb .pg-caption, .photogallery-widget .pg-thumb .pg-caption a {font-size: 12px; font-weight: 400; padding:10px 5px 0 10px;} }/* //MEDIUM ************************** ***************************************/ /*** MEDIUM & LARGE ******************* ** Medium and large devices, ex: tablets (bigger than 992px) */ @media only screen and (min-width: 1200px){ .tab-content .tab-helper {display: none;} .vs-menu ul li li:hover > ul, .vs-menu ul li li > .menu-item:hover + ul {top: 125%;left: 10%;box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.44);border-top: 1px solid rgba(255, 255, 255, 0.1);border-left: 1px solid rgba(255, 255, 255, 0.1);} /* site navigation to center */ .site-main-nav.stg-menu-center {float: none;} .visible-search .main-header .site-main-nav.stg-menu-center {} .site-main-nav.stg-menu-center .vs-menu {display: table; margin: 0 auto;} .pricing-table.vs-style .features-column ~ .plan-column .ptable-caption {display: none;} }/* //MEDIUM & LARGE ****************** ***************************************/ /*** XSMALL & SMALL ******************* ** Small and extra small devices, ex: smartphones, tablets, smaller tablets, smartphones (smaller than 991px) */ @media only screen and (max-width: 991px) { /* Panels in TopMenu */ .topmenu-subpanel {left: auto; right: -25px;} .language-selector .vs-img {margin-right: 0;} .lb-register + .mfp-close {right:0;} .site-main-nav .vs-menu {display: none;} .site-main-nav {display: table; margin-right: 20px;} .site-main-nav .mobilenav-icon {vertical-align: middle; display: table-cell;} .site-main-nav .mobilenav-icon:before {content: ''; width: 13px; height: 14px; position: absolute; top: auto; left: 0; margin-top: -13px; border: 1px solid #fff; padding: 5px; box-sizing: content-box; margin-left: -5px; border-radius: 2px;} .site-mobile-nav .vs-menu {display: block;} /* Tab Content with Toggle Button */ .tab-content .tab-helper {background: none; border: none; color: #474747; border-bottom: 1px solid #E9E9E9; font-size: 15px; padding: 10px 0; line-height: 1.5; margin: 0 0 10px; display: block; width: 100%; text-align: start; outline:none;} .tab-content .tab-helper:not(.collapsed) + .tab-pane:not(.collapse), .tab-content .tab-helper:not(.collapsed) + .tab-pane.collapse.in {display: block; padding:10px 0;} .tab-content .tab-helper + .tab-pane.active.collapse {display: none;} .tab-content .tab-helper.collapsed::after {content:"\e602";} .tab-content .tab-helper::after {content:"\e603"; font-family: 'icomoon'; 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; display: inline-block;margin-right: 5px; margin-top:5px; vertical-align: middle; opacity: .4; float:right;} .photogallery-widget .pg-thumb .pg-caption {display: none} .photo-wall .isotope-item {width: -webkit-calc( 100% / 2 ); width: calc( 100% / 2 ); padding-bottom: -webkit-calc( 100% / 2 ); padding-bottom: calc( 100% / 2 );} .photo-wall .isotope-item.width2 {width: -webkit-calc( 100% / 2 ); width: calc( 100% / 2 ); } .photo-wall .isotope-item.height2 {padding-bottom: -webkit-calc( 100% / 2 ); padding-bottom: calc( 100% / 2 );} .photo-wall .isotope-item:nth-child(odd):last-child {width: 100%; padding-bottom: 100%;} .justified-blocks {text-align: center;-ms-text-justify: initial; text-justify: initial;} .justified-blocks .jsf-block {margin: 0 15px 50px;} .logolist {width: 100%;} .logolist a {display: block;margin-left: 10px;margin-right: 10px;} .logolist img {max-width: 100%; display: block;} .testimonial_slider.quoter-style {margin: 0 100px;} ul.pill-tabs li {display: block;} .sidebar ul.posts li a img {float: none; display: block; margin-bottom: 10px;} .sidebar .newsletter-form .email {float: none;width: 100%;border-radius: 3px;margin-bottom: 10px;} .sidebar .newsletter-form [type=submit] {border-radius: 3px} #page-header .project-filter-container ul.project-filter.toheader.toright {left: 0;} .affix {position: relative;} .pricing-table.vs-style .ptable-caption {display: block;} .pricing-table .features-column.hidesm {display: none} .pricing-table[data-columns="1"] .features-column ~ .plan-column { width:100%; } /* with features-col */ .pricing-table[data-columns="2"] .features-column ~ .plan-column { width: -webkit-calc(100% / 2); width: calc(100% / 2); } /* with features-col */ .pricing-table[data-columns="3"] .features-column ~ .plan-column { width: -webkit-calc(100% / 3); width: calc(100% / 3); }/* with features-col */ .pricing-table[data-columns="4"] .features-column ~ .plan-column { width: -webkit-calc(100% / 4); width: calc(100% / 4); } /* with features-col */ .pricing-table[data-columns="5"] .features-column ~ .plan-column { width: -webkit-calc(100% / 5); width: calc(100% / 5); } /* with features-col */ .pricing-table.classic-style .plan-column.featured { margin: -20px 0; } .processbox_wgt .intro-col + ul {width:100%; margin-left: 0%;c lear: left; float: none;} .processbox_wgt .intro-col {width: 100%; position: relative; min-height: 0; border-radius: 4px 4px 0 0;} .processbox_wgt .intro-col::after { margin-top:-20px; border-left-color: transparent; border-top-color: #fe6060; right: auto; left: 50%; margin-left: -20px; top: auto; bottom: -40px;} }/* //XSMALL & SMALL ****************** ***************************************/ /*** SMALL **************************** ** Bigger devices in general, ex: tablets (bigger than 768px and smaller than 991px) */ @media only screen and (min-width: 768px) and (max-width: 991px){ .services_boxes_wgt .intro-col + ul[class*="sbox-"] {width: auto; margin-left: 0;} .services_boxes_wgt .sbox-1 > li, .services_boxes_wgt .sbox-2 > li, .services_boxes_wgt .sbox-3 > li, .services_boxes_wgt .sbox-4 > li, .services_boxes_wgt .sbox-5 > li {width: 50%; margin-left: 0;} .services_boxes_wgt .intro-col {float: left; width: 100%; color:#888888; margin-bottom: 40px} .services_boxes_wgt .inner-box {margin-bottom: 20px;margin-left: 0;margin-right: 10px;} .process-list .processitems li {width: -webkit-calc(33.3333% - 20px); width: calc(33.3333% - 20px);} .process-list .processitems li .ico-wrapper > span::after {display: none;} } /* //SMALL ************************** ***************************************/ /*** SMALL, MEDIUM & LARGE ************ ** devices bigger than smartphones and small tablets (bigger than 768px) */ @media only screen and (min-width: 768px) { } /* //SMALL, MEDIUM & LARGE ********** ***************************************/ /*** XSMALL *************************** ** Small devices, ex: small tablets, smartphone (smaller than 767px) */ @media only screen and (max-width: 767px) { .btn.btn-vs {padding-left: 12px; padding-right: 12px;} /* social icons in head */ .site-responsive .site-header .social_icons > ul {display:none;} .site-responsive .site-header .social_icons > a:hover + ul, .site-responsive .site-header .social_icons:hover > a + ul {display:block; position:absolute; z-index:9; background:#eee; width:100%; left:0; padding:10px; top:42px; margin:0; box-shadow: 0 2px 3px rgba(0, 0, 0, 0.25);} .site-responsive .site-header .social_icons li { vertical-align: middle; line-height: 30px;} .site-responsive .site-header .social_icons li a { color:#888; } .site-responsive .site-header .social_icons > a {display:block; width:40px; height:42px; line-height:42px; text-align:center; background:#eee; color:#333; text-decoration:none;} .th--dark.site-responsive .site-header .social_icons > a:hover + ul, .th--dark.site-responsive .site-header .social_icons:hover > a + ul { background: #121212; } .th--dark.site-responsive .site-header .social_icons li a { color:#888; } .th--dark.site-responsive .site-header .social_icons > a {background: #121212; color: #999;} .vs-pp-box {width:100%;} .lb-register .symbol-line::before, .lb-register .symbol-line::after {width: 16%;} .right-nav > li {padding: 0 9px;} .search-block {width:100%;} .vs-search-input {padding-left: 10px; font-size:22px;} .search-block form > .vs-icon {font-size: 18px;} .visible-search .main-header .site-main-nav, .visible-search .main-header .site-logo, .visible-search .main-header .right-nav > li:not(.searchbtn-holder) {display: none;} .main-header .right-nav {margin-left:0;} .sm-panel { width: 80%; right: -80%; } .sm-panel .sm-panel--inner {padding: 30px 20px 0 30px;} .sidemenu-opened #page-wrapper, .sidemenu-opened .fixedNscrolled > div {margin-left: -80%;} .shop-cart-holder:hover {position: static;} .shop-cart-holder:hover .cart-subpanel {left:0; max-height: 270px; overflow: scroll; overflow-x: hidden; box-shadow: 0 6px 5px rgba(0, 0, 0, 0.3);} .shop-cart .cart--panel {width: 100%;} .products-incart li a img {max-width: 35px;} .products-incart .ptitle {margin-top:0;} .photogallery-widget .caroufredsel { width:100%; } .photogallery-widget .cfs--navigation { width:100%; } .photogallery-widget .cfs--pagination {width: 100%; position: static; height: auto; } .photogallery-widget .pg-thumb, .photogallery-widget .pg-thumb:nth-child(9):last-child {width:20%; height:auto;} .bubble-box {max-width: 100%; width:100%; left:0; bottom: 0; display:none; z-index: 1000;} .notification-box { max-width: 100%; border-radius: 0; box-shadow: none;} .ads-box { max-width: 100%; border-radius: 0; box-shadow: none; text-align: start;} .ads-box .pp-adimg {float:left; margin-right: 20px; max-width: 80px;} #totop {height: 30px;right: -50px;width: 30px; z-index: 9999;top: 90%;line-height: 30px;} #totop::after {font-size:10px;} .bubble-box ~ #totop {z-index: 999;} .symbol-line::before, .symbol-line::after {width:45%;} .testimonial_slider.quoter-style {margin:0 15px;} .testimonial_slider.quoter-style::before, .testimonial_slider.quoter-style::after {display:none} .fun-fact .fun-number {font-size: 40px;line-height: 40px;height: 40px; opacity: 1;} .fun-fact .fun-number::before {content:attr(data-to);} .fun-fact .fun-thing {font-size: 11px;margin-top: 25px;} .justified-blocks .jsf-block {margin: 0 15px 25px;} /*.parallax-effects {display: none;}*/ .dust-layer {display: none;} .fixedNscrolled > div:first-child {position: absolute;} .pw-details .vs-icon {display: none;} .quicklink {font-size: 10px;} .logolist { width: 100%; text-align: center;} .logolist li {display: inline-block;min-height: 0;margin: 15px 0;} .nlbox--preview {display: none;} .nlbox--inner { padding: 40px; margin-left:0; } .logo-center-border {border:none;} .products-carousel .cfs--navigation {right:0;} .services_boxes_wgt .intro-col + ul[class*="sbox-"] {width: auto; margin-left: 0;} .services_boxes_wgt .sbox-1 > li, .services_boxes_wgt .sbox-2 > li, .services_boxes_wgt .sbox-3 > li, .services_boxes_wgt .sbox-4 > li, .services_boxes_wgt .sbox-5 > li {width: 100%; margin-left: 0;} .services_boxes_wgt .intro-col {float: left; width: 100%; color:#888888; margin-bottom: 40px} .services_boxes_wgt .inner-box {margin-bottom: 20px;margin-left: 0;margin-right: 0;} .services_boxes_wgt .hover-details {position: static;opacity: 1;visibility: visible;clear: both;box-shadow: none;padding: 0;} .services_boxes_wgt .hover-details::after {display: none;} .processbox_wgt ul.pbox-1 > li, .processbox_wgt ul.pbox-2 > li, .processbox_wgt ul.pbox-3 > li, .processbox_wgt ul.pbox-4 > li, .processbox_wgt ul.pbox-5 > li {width: 100%; float: none;} .blog-page.blog-timeline .bpost {margin-left:0;} .blog-page.blog-timeline .bpost::before {display: none;} .blog-page.blog-timeline .bpost .post-head > [data-role="title"], .blog-page.blog-timeline .bpost .post-details, .blog-page.blog-timeline .bpost .post-content, .blog-page.blog-timeline .bpost .readmore-btn, .blog-page.blog-timeline .bpost .post-qshare {margin-left: 20px;margin-right: 20px;} .blog-page.blog-timeline .bpost .date {position: static;float: none;background: none;margin-left: 20px;display: inline-block;text-align: left;height: auto;} .blog-page.blog-timeline .bpost .post-qshare {position: static;display: inline-block;margin-bottom: 10px;} .blog-page.blog-timeline .bpost .post-qshare > a {display: none;} .blog-page.blog-timeline .bpost .post-qshare > ul {opacity: 1;visibility: visible;width: auto;position: static;background: none;padding: 0;} .blog-page.blog-timeline .bpost .post-qshare > ul::before {display: none;} .blog-page.blog-timeline .bpost .post-qshare li {display: inline-block; margin-right:10px;} .blog-page.blog-timeline .bpost .post-qshare > ul a {display: inline-block;color: #999;} .blog-page.blog-timeline .bpost.post-quote .post-qshare > ul a, .blog-page.blog-timeline .bpost.post-link .post-qshare > ul a, .blog-page.blog-timeline .bpost.post-soundcloud .post-qshare > ul a, .blog-page.blog-timeline .bpost.post-quote .date, .blog-page.blog-timeline .bpost.post-link .date, .blog-page.blog-timeline .bpost.post-soundcloud .date {color:#fff;} .blog-page .bpost.post-img [data-role="title"] {position: static; margin-bottom: 15px} #page-header .project-filter-container ul.project-filter.toheader.toright {left: 15px; } .sorting-controls { float:none; margin-left:0; margin-bottom: 20px} .sorting-controls .sorting-order { width:70%; } .sorting-controls .sorting-limit { width:30%; } .shop-pagination { float:none; margin-right: 0; margin-bottom: 10px} .shop-pagination .current { width: 100%; float: none;} .shop-pagination .current > span {display: inline-block; margin-right:30px; margin-left:10px} .shop-pagination .pagination-list {opacity:1; visibility:visible;width: auto;position: static;display: inline-block;border: 0;background: none;padding: 0;} .shop-pagination .pagination-list li {display:inline-block; margin-right:10px;} .shop-pagination .pagination-list li:last-child {margin-right:0;} .shop-controls .result-count {position: static;} .filter_header { margin-top: 80px; } .filter_header .label, .filter_header .filter-val {font-size: 30px;} .table-responsive {} .table-responsive > .products-cart{margin-bottom: 0; min-width:800px;} .table-responsive > .products-cart > thead > tr > th, .table-responsive > .products-cart > tbody > tr > th, .table-responsive > .products-cart > tfoot > tr > th, .table-responsive > .products-cart > thead > tr > td, .table-responsive > .products-cart > tbody > tr > td, .table-responsive > .products-cart > tfoot > tr > td { white-space: nowrap; } .vs-form .form-line {float:none; width:auto !important;} .vs-form .form-line.withlabel label, .vs-form .form-line.withlabel label ~ input + input, .vs-form .form-line.withlabel label ~ input, .vs-form .form-line.withlabel label ~ .vs-select, .vs-form .form-line.withlabel label ~ textarea {float:none; width:100%; margin-left:0;} ul.vertical-tabs {width: 100%; float: none;} .tab-content.vertical-tabs {margin-left: 0;padding-left: 0;border-left: 0;margin-top: 40px;} .logolist a {max-width: 70px;} .process-list .processitems li {width: 100%;float: none;margin: 0;} .process-list .processitems li .ico-wrapper > span::after {display: none;} .calltoaction span.cta-title {display: block;} .xs-stretch {width: 100%; text-align: center;} .historic-container {padding: 0;border: 0;} .historic-container .gallery {margin-left:-10px;} .testimonialbox.wgt-style.horizontal-head-pos.flippedX .thead, .testimonialbox.wgt-style.horizontal-head-pos .thead {float:none;} .testimonialbox.wgt-style.horizontal-head-pos .thead::after {display: none} .blog-post .post-navigation li, .blog-post .post-navigation li.next-post{float:none; width:100%; text-align:center;} .blog-post .post-navigation li.next-post{margin-top:15px} .pricing-table .plan-column { width:100% !important; } .pricing-table.hipstery-style .plan-column:not(.featured), .pricing-table.classic-style .plan-column:not(.featured) {border:solid #cdcdcd; border-width: 3px 0;} .pricing-table.hipstery-style .plan-column.featured, .pricing-table.classic-style .plan-column.featured {margin-bottom: 0} } /* //XSMALL ************************* ***************************************/ /*** IPHONE *************************** ** Small smartphones, ex: Iphone 5 and lower versions (smaller than 480px) */ @media only screen and (max-width : 480px) { .site-main-nav {float: none;display: block; margin: 0 -15px;background: #FFF;border-top: 1px solid #EEE; border-bottom: 1px solid #EEE; clear: both; text-align: center;box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);} .site-main-nav .mobilenav-icon {margin: 0; height: 30px !important; line-height: 30px !important; display: block;width: 100%;} .site-main-nav .mobilenav-icon:before {content:attr(data-menutitle); width: auto; height: auto; left: auto; top: 0; position: relative; margin: 0 10px 0 0; border: 0; padding: 0; font-size: 14px; font-weight: 700; color: #45474D; display: inline-block;} .site-main-nav .mobilenav-icon > span {display: inline-block; margin-top: -4px; line-height: 30px;} .site-main-nav {} .mh---transparent .site-header:not(.sticked) .site-main-nav {background: rgba(255, 255, 255, 0.4);border-top: 1px solid rgba(238, 238, 238, 0.3);border-bottom: 1px solid rgba(238, 238, 238, 0.3);} .mh---transparent .site-header:not(.sticked) .site-main-nav .mobilenav-icon:before {color: rgba(255, 255, 255, 1.0);} .s-panel--close {top: 10px;right: 20px;} .icon-box.stg-alignleft .vs-icon, .icon-box.stg-alignleft .vs-img, .icon-box.stg-alignright .vs-icon, .icon-box.stg-alignright .vs-img {float:none; margin: 0 auto 10px; display: block; text-align: center;} .icon-box.stg-alignleft [data-role="title"], .icon-box.stg-alignleft .vs-icon ~ .content, .icon-box.stg-alignright [data-role="title"], .icon-box.stg-alignright .vs-icon ~ .content {text-align:center;} .feature {text-align: center;} .feature.style2 .vs-icon {float:none;} .blog-page.blog-timeline .bpost .post-head .post-image.small {float:none; margin-left:20px;} ul.project-filter li {font-size:15px; margin-bottom: 15px} .filter_header { margin-top: 40px; } .twitter-slider {margin: 150px 0 0;} .twitter-slider::before {top: -90px;} .twitter-slider .tweets li { padding: 0; font-size:18px;} .nav-block { text-align: center} .nav-block a {display: block;} .nav-block a:first-child {float: none;margin-bottom: 10px;} ul.vs-tabs > li {display: block;float: none;} ul.vs-tabs > li > a {margin-right: 0; border-bottom: 1px solid #DDD;} .comment--block .avatar ~ .comenter-name, .comment--block .avatar ~ .cdetails, .comment--block .avatar ~ .comment-content { margin-left: 0; } .comment--block .reply-link {position: static; float: right} .comment--block .avatar {float: none;display: inline-block;} .header-controls li:first-child {margin-left: 0;} .header-controls li a { font-size: 25px; width: 15px; } .portfoliogridlink span {width:10px; height:10px;} .portfoliogridlink span::before {width:10px; height:10px;margin-top: 12px;} #page-slideshow .likebox, .full-preview .likebox {margin-right: 10px;} .world-map-offices .office-details {min-width: 100%;} .world-map-offices .office-content {padding: 10px 10px 0;} .nlbox--inner {padding: 40px 15px;} .islabeled .custom-label, .islabeled.hovered:hover .custom-label, .clean-checkbox input[type=checkbox]:checked ~ .custom-label {width: 100%; margin:5px 0;} } /* //IPHONE ************************* **************************************/ /*** IPHONE *************************** ** Small smartphones on portrait (smaller than 320px) */ @media only screen and (max-width : 320px) { .shop-pagination .current > span {margin-right: 20px;} .shop-pagination .pagination-list li {margin-right: 4px;} } /* //IPHONE ************************* *********************************/