.clearfix {*zoom: 1; } .clearfix:before, .clearfix:after {display: table; line-height: 0; content: ""; } .clearfix:after {clear: both; } .clear {clear: both; } .oh {overflow: hidden; } .relative {position: relative; } .section-wrap {padding: 90px 0; overflow: hidden; background-attachment: fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: center center; background-repeat: no-repeat; } .section-wrap-lg {padding: 150px 0; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: center center; background-repeat: no-repeat; background-attachment: fixed; } .mobile section {background-attachment: scroll !important; } .bg-dark {background-color: #191b1f; } .bg-light {background-color: #fafcfc; } .bg-color {background-color: #0ba9b7; } .white {color: #fff; } .static {position: static; } .left {float: left; } .right {float: right; } .valign {position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .container-fluid.semi-fluid {padding: 0 50px; } .img-fw {width: 100%; } .uppercase {text-transform: uppercase; letter-spacing: 0.04em; } .last {margin-bottom: 0 !important; }
@media (max-width: 767px) {.sm-text-center {text-align: center; }}
@media (max-width: 480px) {.xs-text-center {text-align: center; }}
img.alignleft {float: left; margin: 10px 20px 10px 0; } img.alignright {float: right; margin: 10px 0 10px 20px; } ::-moz-selection {color: #fff; background-color: #ed432f; } ::-webkit-selection {color: #fff; background-color: #ed432f; } ::selection {color: #fff;background-color: #ed432f;} a {text-decoration: none;color: #ff572d;outline: none;-webkit-transition: color 0.1s ease-in-out;-moz-transition: color 0.1s ease-in-out;-ms-transition: color 0.1s ease-in-out;-o-transition: color 0.1s ease-in-out;transition: color 0.1s ease-in-out;} a:hover {text-decoration: none; color: #191b1f; outline: none; } a:focus {color: #ff3300;text-decoration: none;outline: none;} :focus {outline: none; } body {margin: 0; padding: 0; font-family: "Open Sans", sans-serif; font-size: 15px; line-height: 1.5; font-smoothing: antialiased; -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; background: #fff; outline: 0; overflow-x: hidden; overflow-y: auto; color: #979ba3; } body img {border: none; max-width: 100%; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none; } video {height: 100%; width: 100%; } .loader-mask {position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: #fff; z-index: 99999; } .loader {position: absolute; left: 50%; top: 50%; width: 50px; height: 50px; font-size: 0; color: #0ba9b7; display: inline-block; margin: -25px 0 0 -25px; text-indent: -9999em; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); } .loader > div {display: inline-block; float: none; background-color: currentColor; border: 0 solid currentColor; position: absolute; top: 0; left: 0; width: 50px; height: 50px; background: transparent; border-width: 2px; border-radius: 100%; opacity: 0; -webkit-animation: ball-scale-ripple-multiple 1.25s 0s infinite cubic-bezier(0.21, 0.53, 0.56, 0.8); -moz-animation: ball-scale-ripple-multiple 1.25s 0s infinite cubic-bezier(0.21, 0.53, 0.56, 0.8); -o-animation: ball-scale-ripple-multiple 1.25s 0s infinite cubic-bezier(0.21, 0.53, 0.56, 0.8); animation: ball-scale-ripple-multiple 1.25s 0s infinite cubic-bezier(0.21, 0.53, 0.56, 0.8); } .loader > div:nth-child(1) {-webkit-animation-delay: 0s; -moz-animation-delay: 0s; -o-animation-delay: 0s; animation-delay: 0s; } .loader > div:nth-child(2) {-webkit-animation-delay: .25s; -moz-animation-delay: .25s; -o-animation-delay: .25s; animation-delay: .25s; } .loader > div:nth-child(3) {-webkit-animation-delay: .5s; -moz-animation-delay: .5s; -o-animation-delay: .5s; animation-delay: .5s; }
@-webkit-keyframes ball-scale-ripple-multiple {0% {opacity: 1; -webkit-transform: scale(0.1); transform: scale(0.1); } 70% {opacity: .5; -webkit-transform: scale(1); transform: scale(1); } 95% {opacity: 0; } }
@-moz-keyframes ball-scale-ripple-multiple {0% {opacity: 1; -moz-transform: scale(0.1); transform: scale(0.1); } 70% {opacity: .5; -moz-transform: scale(1); transform: scale(1); } 95% {opacity: 0; } }
@-o-keyframes ball-scale-ripple-multiple {0% {opacity: 1; -o-transform: scale(0.1); transform: scale(0.1); } 70% {opacity: .5; -o-transform: scale(1); transform: scale(1); } 95% {opacity: 0; } }
@keyframes ball-scale-ripple-multiple {0% {opacity: 1; -webkit-transform: scale(0.1); -moz-transform: scale(0.1); -o-transform: scale(0.1); transform: scale(0.1); } 70% {opacity: .5; -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transform: scale(1); } 95% {opacity: 0; } }
.scroll-down {font-size: 16px; width: 30px; height: 30px; background-color: white; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; text-align: center; line-height: 30px; z-index: 50 !important; position: absolute; bottom: 40px; left: 50%; margin-left: -15px; } .scroll-down a {line-height: 34px; position: relative; z-index: 50 !important; } .scroll-down i {color: #000; -webkit-animation: scroll-down-icon 1s infinite; -moz-animation: scroll-down-icon 1s infinite; -o-animation: scroll-down-icon 1s infinite; animation: scroll-down-icon 1s infinite; position: absolute; left: 10px; }
@-webkit-keyframes scroll-down-icon {0% {bottom: 3px; } 50% {bottom: 8px; } 100% {bottom: 3px; }}
@-moz-keyframes scroll-down-icon {0% {bottom: 3px; } 50% {bottom: 8px; } 100% {bottom: 3px; } }
@-o-keyframes scroll-down-icon {0% {bottom: 3px; } 50% {bottom: 8px; } 100% {bottom: 3px; } }
@keyframes scroll-down-icon {0% {bottom: 3px; } 50% {bottom: 8px; } 100% {bottom: 3px; } }
.row.row-10 {margin: 0 -5px; } .row.row-10 > div {padding: 0 5px; } .row.row-16 {margin: 0 -8px; } .row.row-16 > div {padding: 0 8px; } .row.row-20 {margin: 0 -10px; } .row.row-20 > div {padding: 0 10px; } .bg-gradient:before {content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: -1; background: #7b33d4; background: -moz-linear-gradient(left, #7b33d4 0%, #4693cc 100%); background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #7b33d4), color-stop(100%, #4693cc)); background: -webkit-linear-gradient(left, #7b33d4 0%, #4693cc 100%); background: -o-linear-gradient(left, #7b33d4 0%, #4693cc 100%); background: -ms-linear-gradient(left, #7b33d4 0%, #4693cc 100%); background: linear-gradient(to right, #7b33d4 0%, #4693cc 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#000000',GradientType=0 ); } .bg-gradient-2:after {content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: .9; z-index: -1; background: #1abc9c; background: -moz-linear-gradient(left, #1abc9c 0%, #29c7c8 100%); background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #1abc9c), color-stop(100%, #29c7c8)); background: -webkit-linear-gradient(left, #1abc9c 0%, #29c7c8 100%); background: -o-linear-gradient(left, #1abc9c 0%, #29c7c8 100%); background: -ms-linear-gradient(left, #1abc9c 0%, #29c7c8 100%); background: linear-gradient(to right, #1abc9c 0%, #29c7c8 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#000000',GradientType=0 ); }
ul {list-style: none; margin: 0; padding: 0; } h1, h2, h3, h4, h5, h6 {font-family: "Roboto", sans-serif; margin-top: 0; color: #5a5b5f; font-weight: 300; line-height: 1.5; } h1 {font-size: 36px; } h2 {font-size: 32px; } h3 {font-size: 28px; } h4 {font-size: 24px; font-weight: normal; } h5 {font-size: 20px; font-weight: normal; } h6 {font-size: 18px; font-weight: normal; } h1 > a, h2 > a, h3 > a, h4 > a, h5 > a, h6 > a {color: inherit; } h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {color: #5a5b5f; font-size: 70%; } p {font-size: 17px;color: #808080;font-weight: normal;line-height: 26px;margin: 0 0 10px;} .heading {position: relative;margin-bottom: 20px;} .heading.large {font-size: 42px; } .heading-row {margin-bottom: 30px; } .heading-row.style-2 {margin-bottom: 60px; } .subheading {font-family: "Merriweather", serif; font-style: italic; font-size: 18px; line-height: 34px; } .list-inline {margin: 0; } .bottom-line:after {content: "";display: block;width: 56px;border-bottom: 2px solid #ed432f;margin: 12px auto 24px;z-index: 1;position: relative;} .bottom-line:before {content: ""; display: block; position: absolute; bottom: 1px; width: 100%; border-bottom: 1px solid #e8ebee; } .bottom-line.style-2:before {display: none; } .bottom-line.left-align:after {margin: 12px auto 24px 0; } .footer-widgets .bottom-line:before {border-color: #40434a; } .sliding-link {display: inline-block; position: relative; padding-bottom: 3px; } .sliding-link:before {content: ''; display: block; position: absolute; left: 0; bottom: 0; height: 1px; width: 0; -webkit-transition: width 0s ease, background 0.5s ease; -moz-transition: width 0s ease, background 0.5s ease; -ms-transition: width 0s ease, background 0.5s ease; -o-transition: width 0s ease, background 0.5s ease; transition: width 0s ease, background 0.5s ease; } .sliding-link:after {content: '';display: block;position: absolute;right: 0;bottom: 0;height: 1px;width: 0;background: #ff3300;-webkit-transition: width 0.5s ease;-moz-transition: width 0.5s ease;-ms-transition: width 0.5s ease;-o-transition: width 0.5s ease;transition: width 0.5s ease;} .sliding-link:hover:before {width: 100%;background: #ff3300;-webkit-transition: width 0.5s ease;-moz-transition: width 0.5s ease;-ms-transition: width 0.5s ease;-o-transition: width 0.5s ease;transition: width 0.5s ease;} .sliding-link:hover:after {width: 100%; background: transparent; -webkit-transition: all 0s ease; -moz-transition: all 0s ease; -ms-transition: all 0s ease; -o-transition: all 0s ease; transition: all 0s ease; } .mobile .sliding-link:before, .mobile .sliding-link:after, .mobile .underline-link:after {display: none; } .underline-link {display: inline-block; } .underline-link:after {content: ""; display: block; border-bottom: 2px solid #fff; width: 100%; opacity: 0; bottom: -10px; position: relative; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .underline-link:hover:after {opacity: 1; bottom: -3px; } p.large {font-size: 120%; line-height: 1.8; } blockquote {padding: 0 0 20px; margin: 0; border: none; } blockquote > p {font-size: 20px; line-height: 34px; font-family: "Merriweather", serif; margin-bottom: 5px !important; position: relative; font-style: italic; } blockquote > span {color: #0ba9b7; font-size: 16px; } .blockquote-style-1 {padding: 40px 40px 40px 90px; border: 1px solid #e8ebee; -webkit-border-radius: 3px; border-radius: 3px; background-color: #fff; } .blockquote-style-1 span {color: #0ba9b7; } .blockquote-style-1 p:before {content: "\f10d"; font-size: 30px; position: absolute; left: -50px; margin-top: 3px; font-family: "FontAwesome"; font-style: normal; color: #979ba3; opacity: 0.3; } .blockquote-style-2 {padding: 40px; border-left: 2px solid #0ba9b7; } .dropcap {font-family: 'Montserrat', sans-serif; } .dropcap.style-1 {float: left; color: #0ba9b7; font-size: 47px; line-height: 48px; padding-right: 10px; } .dropcap.style-2 {float: left; color: #fff; text-align: center; background-color: #0ba9b7; width: 38px; height: 38px; font-size: 24px; line-height: 40px; margin: 7px 10px 0 0; } .highlight {padding: 3px 5px; color: #fff; background-color: #0ba9b7; } .list li {line-height: 24px; } .list li i {line-height: 21px; } .bullets li, .arrows li, .checks li, .numbers li {margin-bottom: 20px; color: #979ba3; } .bullets li:before {content: "\2022"; font-size: 14px; color: #0ba9b7; padding-right: 0.5em; } .arrows i {margin-right: 5px; } .arrows i, .checks i {color: #0ba9b7; } .checks i {font-size: 12px; margin-right: 7px; vertical-align: middle; } ol.numbers {padding-left: 20px; } .section-columns p {margin-bottom: 40px; } .top-bar {background-color: #f3f3f3; width: 100%; position: relative; height: 44px; color: #696969; border-bottom: 2px solid #ececec; } .top-bar-links {line-height: 44px; font-size: 12px; } .top-bar-links li {padding-right: 20px; } .top-bar-links a {color: #979ba3; } .top-bar-links a:hover {color: #0ba9b7; } .top-bar-links > ul:first-child i {margin-right: 5px; color: #979ba3; } .top-bar > ul, .top-bar-links > ul > li {display: inline-block; position: relative; } .top-bar-currency-language > li > a {color: #fff; } .top-bar-currency-language i {margin-left: 5px; } .currency-dropdown, .language-dropdown {background-color: #fff; padding: 0 10px; position: absolute; border: 1px solid #f2f2f2; z-index: 150; right: 15px; visibility: hidden; opacity: 0; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .language-dropdown {right: 0; } .currency-dropdown ul li, .language-dropdown ul li {line-height: 26px; border-top: 1px solid #f2f2f2; text-transform: uppercase; letter-spacing: 0.05em; } .currency-dropdown ul li > a, .language-dropdown ul li > a {color: #7a7a7a; } .top-bar-currency-language > li:hover .currency-dropdown, .top-bar-currency-language > li.language:hover .language-dropdown {visibility: visible; opacity: 1; } .top-bar-links .top-bar-link a:after {content: ""; border-right: 1px solid #606060; margin: 0 7px 0 10px; }
.top-bar-links .top-bar-link:last-child a:after {content: ""; border-right: none; margin: 0; } .navbar {margin-bottom: 0; border: none; min-height: 100px; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; z-index: 120; } .navigation {width: 100%; line-height: 0; } .navigation.offset {-webkit-transform: translate3d(0, -100%, 0); -moz-transform: translate3d(0, -100%, 0); -ms-transform: translate3d(0, -100%, 0); -o-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .navigation.scrolling {-webkit-transform: translate3d(0, 0px, 0); -moz-transform: translate3d(0, 0px, 0); -ms-transform: translate3d(0, 0px, 0); -o-transform: translate3d(0, 0px, 0); transform: translate3d(0, 0px, 0); } .navigation.sticky {position: fixed; background-color: #fff; visibility: hidden; opacity: 0; width: 100%; height: 65px; top: 0; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); z-index: 120; } .navigation.sticky.scrolling {opacity: 1; visibility: visible; } .navigation.sticky .navbar-nav > li > a {line-height: 60px; color: #5a5b5f; } .navigation.sticky .nav-right {color: #5a5b5f; } .navigation.sticky #nav-icon span {background-color: #5a5b5f; }
@media (min-width: 992px) {header.transparent .navbar {position: absolute;top: 0px;width: 100%;-webkit-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.2);-moz-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.2);-ms-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.2);box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.2);} header.transparent .logo-dark, header.transparent .navigation.scrolling .logo {/* display: none; */} header.transparent .navigation.scrolling .logo-dark, header.transparent .logo {display: inline-block; } }
.logo-container {padding-left: 15px; padding-right: 15px; float: left; } .logo-wrap {display: table; width: 100%; } .logo-wrap > a {display: table-cell; vertical-align: middle; height: 100px; } .logo-wrap.shrink > a {height: 60px; } .logo {-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .navbar-header {width: 28%; padding-right: 15px; } .nav-wrap {width: 60%; } .nav-type-3 .nav-wrap {width: 72%; float: right; } .navbar-nav {margin: 0;display: inline-block;float: none;} .navbar-nav > li > a {font-family: "Open Sans", sans-serif;text-transform: uppercase;font-weight: 700;letter-spacing: 0.05em;color: #5a5b5f;font-size: 15px;padding: 0 15px;line-height: 100px;} .navbar-nav > li:last-child > a {padding-right: 0; } header.transparent .navbar-nav > li > a {color: #fff;height: 79px;margin-top: 0px !important;line-height: 80px;} .navbar-collapse {border: none; padding-left: 0; padding-right: 0; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; box-shadow: none; } .navbar-collapse.in {overflow-x: hidden; } .navbar-nav > li > a:hover, .navbar-nav > .active > a, .navbar-nav > .active > a:focus, .navbar-nav > .active > a:hover, header.transparent .navigation.scrolling .navbar-nav > li > a:hover, header.transparent .navigation.scrolling .navbar-nav > .active > a, header.transparent .navigation.scrolling .navbar-nav > .active > a:focus, header.transparent .navigation.scrolling .navbar-nav > .active > a:hover {color: #000000 !important;} .navbar-nav > .open > a, .navbar-nav > .open > a:focus, .navbar-nav > .open > a:hover {background-color: transparent; color: #0ba9b7; } .nav .open > a, .nav .open > a:focus, .nav .open > a:hover, .nav > li > a:focus, .nav > li > a:hover {background-color: transparent; border-color: #e8ebee; text-decoration: none; } .navbar-nav .dropdown-menu {left: 0; } .navbar-nav .dropdown-menu.menu-right {left: auto; right: 0; } .dropdown-menu {min-width: 246px;margin: 0;padding: 0px;border-top: none;border-bottom: none;border-radius: 0;box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);} .dropdown-menu li > a {padding: 8px 13px 8px 13px;margin: 0px !important;color: #4a4a4a;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;font-weight: 500;z-index: 99999;} .dropdown-menu.megamenu, .dropdown-menu.megamenu-wide {padding: 0 20px; } .dropdown-menu .megamenu-wrap ul > li > a {display: block; clear: both; font-weight: 500; line-height: 1.42857143; white-space: nowrap; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .dropdown-menu .megamenu-wrap ul > li > a i {margin-right: 6px; width: 16px; text-align: center; } .menu-list li > a {border: none; } .dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover, .megamenu .menu-list > li > a:hover, .megamenu-wide .menu-list > li > a:hover {background-color: #ec2f00;color: #ffffff;} .megamenu-item {border-right: 1px solid #e8ebee; padding: 30px; } .megamenu-item:last-child {border-right: none; } .megamenu-wrap .menu-list > li > a {padding: 5px 0; } .megamenu-wrap .menu-list > li:last-child > a {border-bottom: none; } .megamenu-item h6 {text-transform: uppercase; font-family: "Roboto", sans-serif; font-size: 13px; font-weight: 700; letter-spacing: 0.05em; } .navbar .dropdown-menu {margin-top: 0; } .dropdown-submenu {position: relative; } .dropdown-submenu .dropdown-menu {top: -20px; left: 100%; margin-top: -2px; } .dropdown-submenu > a:after {font-family: "FontAwesome"; position: absolute; content: "\f105"; right: 15px; color: #979ba3; }
@media (min-width: 992px) {.dropdown-menu, .dropdown-submenu > .dropdown-menu {display: block; visibility: hidden; opacity: 0; -webkit-transform: translateY(30px); -moz-transform: translateY(30px); -ms-transform: translateY(30px); -o-transform: translateY(30px); transform: translateY(30px); -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } .dropdown:hover > .dropdown-menu, .dropdown-submenu:hover > .dropdown-menu {opacity: 1; visibility: visible; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); padding: 0px !im; } }
.navigation.sticky #nav-icon .nav-icon-inner, .navigation.sticky .nav-right li {height: 60px; } .nav-right {float: right; display: table; color: #5a5b5f; padding-right: 15px; padding-left: 30px; } .nav-right li {display: table-cell; vertical-align: middle; font-size: 20px; padding-right: 30px; height: 100px; } .nav-right li:last-child {padding-right: 0; } .nav-type-3 .nav-right {padding-right: 0; } header.transparent .nav-right {color: #fff; } a.nav-search {position: relative; display: block; width: 21px; height: 21px; color: inherit; } .search-wrap {width: 100%; height: 100%; overflow: hidden; display: none; position: fixed; top: 0; left: 0; z-index: 121; background-color: #191b1f; } .search-wrap .search-inner {display: table; width: 100%; height: 100%; } .search-wrap .search-cell {display: table-cell; vertical-align: middle; } .search-wrap .search-field-holder {width: 50%; margin: auto; position: relative; animation: slideInUp .3s; } .search-wrap .form-control {height: auto; border-top: none; border-left: none; border-right: none; border-bottom: 2px solid #fff; font-size: 38px; line-height: 2; margin-bottom: 0; color: #fff; position: relative; } .search-wrap input.form-control, .search-wrap input.form-control:focus {background-color: #191b1f; } .search-wrap .search-submit {font-family: "themify"; font-size: 24px; position: absolute; color: #fff; background: 0 0; border: none; top: 22px; right: 0; } input.main-search-input::-webkit-input-placeholder {color: #fff; } input.main-search-input:-moz-placeholder {color: #fff; opacity: 1; } input.main-search-input::-moz-placeholder {color: #fff; opacity: 1; } input.main-search-input:-ms-input-placeholder {color: #fff; } .search-trigger {z-index: 122; position: absolute; top: 50%; margin-top: -9px; right: 0; opacity: 1; } .search-close {opacity: 0; visibility: hidden; font-size: 20px; z-index: 121; position: fixed; top: 42px; right: 116px; color: #fff; cursor: pointer; } .search-close.open {opacity: 1; visibility: visible; } .nav-search.open .search-trigger {opacity: 0; z-index: 20; } .mobile-links li > a {padding: 15px 0 15px 15px; line-height: 20px; border-bottom: 1px solid #e8ebee; color: #979ba3; display: block; } .mobile-links li > a:hover {color: #0ba9b7; } .nav-cart-wrap.style-1, .nav-search {font-size: 20px !important; } .nav-cart {position: relative; } .nav-cart .cart-outer {display: table; position: relative; width: 20px; } .nav-cart:hover .nav-cart-container {opacity: 1; visibility: visible; } .cart-inner {display: table-cell; height: 100px; vertical-align: middle; } .navigation.sticky .cart-inner {height: 60px; } .nav-cart-ammount {display: inline-block; } .nav-cart-ammount span, .nav-cart-ammount a {line-height: 66px; color: #979ba3; font-size: 13px; } .mobile-cart {float: right; margin-right: 15px; color: #5a5b5f; } .nav-cart-container {opacity: 0; visibility: hidden; min-width: 250px; position: absolute; left: auto; right: -20px; background-color: #fff; padding: 30px; line-height: 1; border-top: 2px solid #0ba9b7; border-left: 1px solid #e8ebee; border-right: 1px solid #e8ebee; border-bottom: none; text-align: left; -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05); -ms-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; z-index: 201; } .nav-cart-items {position: relative; } .nav-cart-item {margin-top: 15px; padding-bottom: 15px; border-bottom: 1px solid #f2f2f2; position: relative; } .nav-cart-item:first-child {margin-top: 0; } .nav-cart-item .nav-cart-img {float: left; margin-right: 20px; } .nav-cart-item .nav-cart-price {color: #979ba3; font-size: 13px; } .nav-cart-title {position: relative; overflow: hidden; margin-right: 30px; } .nav-cart-title > a {position: relative; color: #5a5b5f; font-size: 14px; vertical-align: top; line-height: 1.5; } .nav-cart-title > a:hover {color: #0ba9b7; } .nav-cart-price {margin-top: 5px; } .nav-cart-remove {background: url(../img/shop/shop_icons.png) 0 -26px no-repeat; width: 20px; height: 20px; position: absolute; right: 0; top: 0; background-color: #fafcfc; } .nav-cart-remove a {width: 20px; height: 20px; display: block; } .nav-cart-remove:hover {background-position: 0 -52px; background-color: #0ba9b7; } .nav-cart-summary {margin-top: 10px; font-weight: 700; color: #5a5b5f; font-size: 14px; } .nav-cart-summary .total-price {float: right; } .nav-cart-actions a {width: 100%; } .nav-cart-wrap .shopping-cart {color: inherit; } .nav-cart-wrap .shopping-cart:hover {color: #0ba9b7; } .cart-inner a > span {display: block; position: absolute; top: -6px; right: -8px; background-color: #0ba9b7; color: #fff; width: 15px; height: 15px; text-align: center; line-height: 15px; -webkit-border-radius: 50%; border-radius: 50%; font-size: 10px; } .navbar-toggle {margin-top: 13px; border: none; z-index: 50; margin-right: 5px; } .navbar-toggle .icon-bar {background-color: #5a5b5f; width: 18px; } .navbar-toggle:focus .icon-bar, .navbar-toggle:hover .icon-bar {background-color: #ff3300;} .navbar-toggle:focus, .navbar-toggle:hover {background-color: transparent; } .nav-icon-trigger {position: relative; margin-left: 15px; } #nav-icon {display: table; width: 20px; height: 20px; padding: 0; } #nav-icon .nav-icon-inner {display: table-cell; vertical-align: middle; position: relative; height: 100px; z-index: 300; cursor: pointer; } #nav-icon .nav-icon-wrap {height: 20px; position: relative; top: 3px; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } #nav-icon span {display: block; position: absolute; height: 2px; width: 100%; background-color: #5a5b5f; opacity: 1; left: 0; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #nav-icon span:nth-child(1) {top: 0px; } #nav-icon span:nth-child(2), #nav-icon span:nth-child(3) {top: 6px; } #nav-icon span:nth-child(4) {top: 12px; } #nav-icon.open span:nth-child(1), #nav-icon.open span:nth-child(4) {top: 6px; width: 0%; left: 50%; } #nav-icon.open span:nth-child(2) {-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } #nav-icon.open span:nth-child(3) {-webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } header.transparent #nav-icon span {background-color: #fff; } .sidenav {background-color: #191b1f; padding: 60px 40px; height: 100%; width: 350px; position: fixed; right: -350px; z-index: 121; font-size: 13px; -webkit-transition: all 600ms cubic-bezier(0.895, 0.03, 0.685, 0.22); -moz-transition: all 600ms cubic-bezier(0.895, 0.03, 0.685, 0.22); -ms-transition: all 600ms cubic-bezier(0.895, 0.03, 0.685, 0.22); -o-transition: all 600ms cubic-bezier(0.895, 0.03, 0.685, 0.22); transition: all 600ms cubic-bezier(0.895, 0.03, 0.685, 0.22); }
.sidenav.opened {right: 0; } .sidenav p {font-size: 13px; margin-bottom: 0; } .sidenav address {line-height: 26px; } .sidenav a {color: #fff; } .sidenav a:hover {color: #0ba9b7; } .sidenav h6 {font-size: 18px; color: #fff; } #sidenav-close i {font-size: 20px; color: #fff; position: absolute; right: 40px; top: 40px; } .links-list li {display: block; padding: 3px 0; } .links-list li a {color: #979ba3; } .main-wrapper {position: relative; left: 0; -webkit-transition: all 600ms cubic-bezier(0.895, 0.03, 0.685, 0.22); -moz-transition: all 600ms cubic-bezier(0.895, 0.03, 0.685, 0.22); -ms-transition: all 600ms cubic-bezier(0.895, 0.03, 0.685, 0.22); -o-transition: all 600ms cubic-bezier(0.895, 0.03, 0.685, 0.22); transition: all 600ms cubic-bezier(0.895, 0.03, 0.685, 0.22); } .main-wrapper.sidenav-opened {left: -350px; } .nav-type-2 .nav-wrap {width: auto; } .nav-type-2.landing .navbar-nav > li > a {font-size: 18px; text-transform: none; letter-spacing: 0; font-weight: normal; } .nav-type-2.landing .navbar-nav > li > div {line-height: 100px; padding-left: 12px; } .nav-type-2.landing .navigation.sticky .navbar-nav > li > div {line-height: 60px; } #back-to-top {display: block;z-index: 9999;width: 36px;height: 36px;text-align: center;font-size: 22px;position: fixed;bottom: -36px;right: 20px;line-height: 30px;background-color: #fff;-webkit-border-radius: 4px;border-radius: 4px;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;text-decoration: none;-webkit-box-shadow: 1px 1.732px 12px 0px rgba(0, 0, 0, 0.14), 1px 1.732px 3px 0px rgba(0, 0, 0, 0.12);-moz-box-shadow: 1px 1.732px 12px 0px rgba(0, 0, 0, 0.14), 1px 1.732px 3px 0px rgba(0, 0, 0, 0.12);-ms-box-shadow: 1px 1.732px 12px 0px rgba(0, 0, 0, 0.14), 1px 1.732px 3px 0px rgba(0, 0, 0, 0.12);box-shadow: 1px 1.732px 12px 0px rgba(0, 0, 0, 0.14), 1px 1.732px 3px 0px rgba(0, 0, 0, 0.12);} #back-to-top i {-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #back-to-top a {width: 36px; height: 36px; display: block; color: #5a5b5f; } #back-to-top.show {bottom: 20px; } #back-to-top:hover {background-color: #ed432f;} #back-to-top:hover i {color: #fff; } .content-wrap {margin-left: 260px; position: relative; width: auto; } .vertical-nav .header-wrap {width: 260px; height: 100%; background-color: #fff; padding: 70px 38px; } .nav-type-4 {position: fixed; left: 0; top: 0; z-index: 500; height: 100%; width: 260px; } .nav-type-4 .navbar-header, .nav-type-4 .nav-wrap, .nav-type-4 .logo-container {width: 100%; } .nav-type-4 .navbar-header {padding: 0; } .nav-type-4 .navbar {min-height: 100%; } .nav-type-4 .logo-wrap > a {height: auto; } .nav-type-4 .nav {width: 100%; margin-top: 40px; } .nav-type-4 .navbar-nav > li, .nav-type-4 .social-icons a {float: none; } .nav-type-4 .navbar-nav > li > a {padding: 17px 0; line-height: 1; } .nav-item-toggle > a:after {font-family: "FontAwesome"; position: absolute; content: "\f107"; right: 0; color: #979ba3; } .nav-item-submenu li a {display: block; padding: 7px 0; line-height: 1; color: #979ba3; } .nav-item-submenu li a:hover {color: #0ba9b7; } .promo-section .row > div:last-child {padding-right: 15%; display: table-cell; vertical-align: middle; float: none; } .promo-section .row > div:first-child {float: none; display: table-cell; } .promo-section .container-fluid {padding-right: 0; padding-left: 0; max-width: 100%; } .promo-section h2 {font-size: 40px; margin-bottom: 16px; } .promo-section p {font-size: 16px; line-height: 32px; } .promo-section .lead-text {font-size: 18px; line-height: 34px; margin-bottom: 37px; } .customNavigation .btn.prev, .customNavigation .btn.next {width: auto; height: auto; font-size: 28px; padding: 0; border: none; margin-right: 14px; background-color: transparent; color: #979ba3; } .customNavigation .btn.prev:hover, .customNavigation .btn.next:hover {color: #0ba9b7; } .parallax-testimonials .parallax {background-image: url(../img/testimonials_bg.jpg); } .parallax {position: absolute; top: 0; bottom: 0; right: 0; left: 0; height: 100%; width: 100%; background-size: cover; background-attachment: fixed; background-position: 50% 0; z-index: -1; } .mobile .parallax {background-attachment: scroll !important; background-position: 50% 50% !important; } .parallax-testimonials > div {padding: 135px 0 115px; } .parallax-testimonials h2 {font-size: 24px; margin-bottom: 41px; } .parallax-testimonials .owl-dots {bottom: 29px; position: absolute; } .parallax-testimonials #owl-testimonials {position: static; } .parallax-testimonials .testimonial-text {font-family: "Roboto", sans-serif; font-size: 31px; color: #fff; line-height: 46px; margin-bottom: 20px; font-weight: 300; } .parallax-testimonials .testimonial span {font-size: 16px; color: #fff; } .parallax-testimonials .owl-pagination {position: relative; bottom: 0; margin-top: 40px; } .testimonials.style-2 .testimonial-box {background-color: #fafcfc; padding: 20px; margin: 0 15px; -webkit-border-radius: 4px; border-radius: 4px; border: 1px solid #e8ebee; position: relative; } .testimonials.style-2 .testimonial-box:after {content: ""; display: block; position: absolute; bottom: -10px; left: 25px; width: 20px; height: 11px; background: url(../img/sprite.png) 0 0 no-repeat; } .testimonials.style-2 p {margin-bottom: 0; } .testimonials.style-2 .owl-pagination {position: relative; bottom: auto; margin-top: 30px; } .testimonials.style-2 .testimonial-author {margin: 30px 15px 0 15px; } .testimonials.style-2 .testimonial-author img {-webkit-border-radius: 70px; border-radius: 70px; margin-right: 20px; float: left; } .testimonials.style-2 .testimonial-author span {display: block; color: #5a5b5f; } .testimonials.style-2 .testimonial-author .testimonial-name {margin-top: 13px; margin-bottom: 2px; } .testimonials.style-2 .testimonial-author span:last-child {color: #979ba3; font-style: italic; font-size: 14px; } .testimonials.style-2 .owl-carousel img {width: auto; height: auto; } .testimonials.style-3 .testimonial-box {margin: 0; padding: 30px; border: 1px solid #e8ebee; background-color: #fafcfc; -webkit-border-radius: 3px; border-radius: 3px; }
.testimonials.style-3 .testimonial-box:after {content: none; } .testimonials.style-3 .testimonial-author {margin: 0 0 10px 0; } .testimonials.style-3 .testimonial-author .testimonial-name {margin: 0 7px 0 0; } .testimonials.style-3 .testimonial-author span {display: inline-block; margin-right: 7px; } .testimonials.style-3 .owl-pagination {margin-top: 20px; text-align: left; position: relative; bottom: auto; } .owl-dark-dots .owl-page span {background-color: #979ba3; } .owl-white-dots .owl-page.active span {background-color: #fff; } .owl-carousel, .slick-slider, .featured-works {cursor: move; cursor: -webkit-grab; cursor: -o-grab; cursor: -ms-grab; cursor: grab; } .parallax-testimonials.style-4 > div {padding: 150px 15px 130px; } .parallax-testimonials.style-4 .parallax {background-image: url(../img/testimonials_bg_2.jpg); } .parallax-testimonials.style-4 img {width: auto; display: block; float: none; margin: 0 auto -35px auto; border-radius: 50%; } .parallax-testimonials.style-4 .testimonial-box {padding: 60px 35px 40px; margin: 0 15px; background-color: #fff; -webkit-border-radius: 10px; border-radius: 10px; } .parallax-testimonials.style-4 .testimonial-text {color: #5a5b5f; font-size: 21px; line-height: 34px; margin-bottom: 0; margin-top: 30px; } .parallax-testimonials.style-4 span {color: #979ba3; } .partners {padding: 30px 0; } .call-to-action {position: relative; padding: 135px 0; } .call-to-action h2 {font-size: 46px; font-weight: bold; margin-bottom: 15px; } .call-to-action.bg-gradient {background-image: url(../img/cta_bg.jpg); } .call-to-action.bg-gradient:before {opacity: .8; z-index: 0; } .cta-buttons a {margin: 5px; } .call-to-action.style-2 {padding: 56px 0; } .call-to-action.style-2 h2 {font-size: 28px; font-weight: 300; margin-top: 3px; margin-bottom: 0; } .call-to-action.style-3 {padding: 90px 0; display: block; width: 100%; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; animation: color-animate 7s infinite; animation-direction: alternate; animation-timing-function: ease-in-out; } .call-to-action.style-3 h2 {font-size: 42px; font-weight: 300; display: inline-block; } .call-to-action.style-3 i {font-size: 30px; color: #fff; margin-left: 10px; } .call-to-action.style-4 {background-image: url(../img/cta_bg.jpg); padding: 200px 0; } .call-to-action.style-4:before {content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0.8; background-color: #191b1f; } .call-to-action.style-4 h2 {font-size: 54px; } .color-animate {animation: color-animate 7s infinite; animation-direction: alternate; animation-timing-function: ease-in-out; opacity: .8 !important; } @-webkit-keyframes color-animate {0% {background-color: #7b33d4; } 50% {background-color: #1abc9c; } 100% {background-color: #29c7c8; } } @-moz-keyframes color-animate {0% {background-color: #7b33d4; } 50% {background-color: #1abc9c; } 100% {background-color: #29c7c8; } } @-o-keyframes color-animate {0% {background-color: #7b33d4; } 50% {background-color: #1abc9c; } 100% {background-color: #29c7c8; } } @keyframes color-animate {0% {background-color: #7b33d4; } 50% {background-color: #1abc9c; } 100% {background-color: #29c7c8; } } .intro {padding: 60px 0;} .intro.style-2 {padding: 60px 0; } .intro.style-2 .subheading {font-size: 16px; color: #0ba9b7; } .intro.style-3 .intro-heading {font-size: 42px; line-height: 56px; margin-bottom: 32px; margin-top: 67px; } .intro.style-4 .container-fluid {max-width: 1400px; } .intro.style-4 .row > div:first-child {padding-right: 80px; } .intro-heading {font-size: 38px; line-height: 56px; margin-bottom: 28px; } p.intro-text {font-size: 18px; line-height: 36px; } .promo-section.style-2 {padding: 150px 0 50px; } .promo-device img {display: inline-block; } .features-text {padding-left: 100px; } .feature-right .features-text {padding-right: 100px; padding-left: 0; } .feature-right a {right: 0; } .features-icons {margin-top: 30px;} .features-icons .service-item-box {padding: 0;margin-bottom: 30px;background-color: transparent;position: relative;} .features-icons .service-item-box.feature-right {text-align: right; } .pricing-table {background-color: #fff; text-align: center; padding-bottom: 30px; margin-bottom: 20px; backface-visibility: hidden; -webkit-backface-visibility: hidden; border: 1px solid #e8ebee; -webkit-border-radius: 6px; border-radius: 6px; position: relative; } .pricing-table.best {margin-top: -20px; padding-bottom: 44px; -webkit-box-shadow: 0px 2px 9px 0px rgba(0, 0, 0, 0.07); -moz-box-shadow: 0px 2px 9px 0px rgba(0, 0, 0, 0.07); -ms-box-shadow: 0px 2px 9px 0px rgba(0, 0, 0, 0.07); box-shadow: 0px 2px 9px 0px rgba(0, 0, 0, 0.07); z-index: 1; } .pricing-table.best .pricing-title h3 {background-color: #0ba9b7; padding: 36px 0 35px; border-bottom: none; color: #fff; top: -1px; margin-left: -1px; margin-right: -1px; -webkit-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0; } .pricing-title h3 {position: relative; font-size: 22px; line-height: 1; padding: 25px 0; margin-bottom: 0; border-bottom: 1px solid #e8ebee; text-transform: uppercase; letter-spacing: 0.05em; color: #5a5b5f; } .pricing-price {padding: 25px 0; font-family: "Roboto", sans-serif; font-weight: 300; font-size: 34px; color: #5a5b5f; border-bottom: 1px solid #e8ebee; line-height: 1.3; } .pricing-term {font-size: 13px; display: block; color: #babcc1; font-weight: normal; } .pricing-features {color: #979ba3; font-size: 14px; margin-bottom: 30px; } .pricing-features li {padding: 12px 0; border-bottom: 1px solid #e8ebee; } .pricing-features li:nth-child(2n) {background-color: #fafcfc; } .pricing-features li i {margin-right: 5px; } .pricing-features li i.red {color: #0ba9b7; } .pricing-features li i.green {color: #1abc9c; } .pricing-table.style-2 {padding: 56px 20px; background-color: #fafcfc; } .pricing-table.style-2.violet {border-top: 5px solid #7b33d4; } .pricing-table.style-2.green {border-top: 5px solid #1abc9c; } .pricing-table.style-2.red {border-top: 5px solid #0ba9b7; } .pricing-table.style-2.blue {border-top: 5px solid #4693cc; } .pricing-table.style-2.red .btn {background-color: #0ba9b7; } .pricing-table.style-2 .pricing-title h3 {border-bottom: none; padding: 0; font-size: 16px; } .pricing-table.style-2 .pricing-price {border-bottom: none; font-size: 65px; padding-bottom: 15px; } .pricing-table.style-2 .pricing-features li {border-bottom: none; } .pricing-table.style-2 .pricing-currency {display: inline-block; vertical-align: top; margin: 10px -10px 0 0px; font-size: 32px; }
.team-img {position: relative; overflow: hidden; margin-bottom: 30px; -webkit-border-radius: 10px; border-radius: 10px; } .team-img.rounded {-webkit-border-radius: 50%; border-radius: 50%; } .team-img.rounded .overlay {-webkit-border-radius: 50%; border-radius: 50%; } .team-img img {width: 100%; } .team-img .overlay {position: absolute; top: 0; width: 100%; height: 100%; background-color: rgba(25, 27, 31, 0.5); opacity: 0; visibility: hidden; -webkit-border-radius: 10px; border-radius: 10px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .team-img .overlay .social-icons a {margin-bottom: 0; -webkit-transform: scale(0, 0); -moz-transform: scale(0, 0); -ms-transform: scale(0, 0); -o-transform: scale(0, 0); transform: scale(0, 0); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .team-img .team-details {position: absolute; left: 0; overflow: hidden; width: 100%; z-index: 2; } .team-img:hover .overlay {opacity: 1; visibility: visible; } .team-img:hover .social-icons a {-webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); } .team-member .team-title {font-size: 20px; margin-bottom: 0; } .team-member span {font-size: 14px; font-style: italic; font-family: "Merriweather", serif; } #owl-team-slider .team-wrap {padding: 0 15px; } #owl-team-slider .owl-pagination {position: relative; bottom: 0; margin-top: 40px; } .about-description h3 {font-size: 30px; line-height: 42px; margin-bottom: 25px; } .about-description p {font-size: 16px; line-height: 32px; } .img-box-holder {overflow: hidden; position: absolute; height: 100%; padding: 0; top: 0; } .img-box-holder.right-align {right: 0; left: auto; } .img-box {background-image: url(../img/about_us.jpg); background-position: 50% 50%; background-size: cover; position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 2; } .img-box.service-1 {background-image: url(../img/service_1.jpg); } .img-box.service-2 {background-image: url(../img/service_2.jpg); } .img-box.service-3 {background-image: url(../img/service_3.jpg); } .text-box {padding: 20%; } .text-box.style-2 {padding: 10%; } .text-box-feature h4 {font-size: 18px; } .from-blog .entry-item {padding: 16px; border: 1px solid #e8ebee; -webkit-border-radius: 4px; border-radius: 4px; background-color: #fff; position: relative; } .from-blog .entry-wrap {border: none; padding: 20px 15px 10px; } .from-blog.no-thumbs .entry {padding: 35px 0; border-bottom: 1px solid #e8ebee; } .from-blog.no-thumbs .entry:last-child {border-bottom: none; } .from-blog.no-thumbs .entry-title {margin-bottom: 3px; font-size: 24px; } .entry-img {position: relative; overflow: hidden; } .entry-img img {width: 100%; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .entry-meta {margin-bottom: 13px; } .entry-meta li {color: #acb0b8; font-size: 12px; font-family: "Merriweather", serif; font-style: italic; display: inline-block; } .entry-meta li:before {content: ""; display: inline-block; width: 3px; height: 3px; background-color: #acb0b8; vertical-align: middle; -webkit-border-radius: 50%; border-radius: 50%; margin: 0 7px 0 3px; } .entry-meta li:first-child:before {content: ""; display: none; margin: 0; } .entry-meta li a {color: #acb0b8; } .entry-meta li a:hover {color: #0ba9b7; } .entry-content p {margin-bottom: 13px; } .hover-scale img {-webkit-transition: all 3s ease-in-out !important; -moz-transition: all 3s ease-in-out !important; -ms-transition: all 3s ease-in-out !important; -o-transition: all 3s ease-in-out !important; transition: all 3s ease-in-out !important; } .hover-scale:hover img {-webkit-transform: scale(1.5, 1.5) !important; -moz-transform: scale(1.5, 1.5) !important; -ms-transform: scale(1.5, 1.5) !important; -o-transform: scale(1.5, 1.5) !important; transform: scale(1.5, 1.5) !important; } .read-more {text-transform: uppercase; font-size: 12px; } .parallax-contact {background-image: url(../img/contact_title_bg.jpg); padding: 120px 0; } .parallax-contact .contact-item p, .parallax-contact .contact-item span, .parallax-contact .contact-item a {color: #fff; } .contact-item {position: relative; padding-left: 36px; margin-top: 30px; font-size: 15px; } .contact-item p, .contact-item span {font-size: inherit; } .contact-item a:hover {color: #0ba9b7; } .contact-icon {position: absolute; left: 0; } .contact-icon i {font-size: 18px; color: #979ba3; vertical-align: middle; } .parallax-contact input[type="text"], .parallax-contact input[type="email"], .parallax-contact textarea {color: #fff; border-color: rgba(255, 255, 255, 0.5); } .parallax-contact input::-webkit-input-placeholder, .parallax-contact textarea::-webkit-input-placeholder {color: #fff; border-color: rgba(255, 255, 255, 0.5); } .parallax-contact input:-moz-placeholder, .parallax-contact textarea:-moz-placeholder {color: #fff; opacity: 1; } .parallax-contact input::-moz-placeholder, .parallax-contact textarea::-moz-placeholder {color: #fff; opacity: 1; } .parallax-contact input:-ms-input-placeholder, .parallax-contact textarea:-ms-input-placeholder {color: #fff; } #contact-form .message {height: 50px; width: 100%; font-size: 13px; line-height: 50px; text-align: center; float: none; margin-top: 20px; display: none; color: #fff; } #contact-form .message.error {background-color: #ef5659; } #contact-form .message.success {background-color: #2cb8a5; } .gmap {width: 100%; height: 450px; } .feature-box {background-color: #fff; padding: 30px; -webkit-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; -webkit-box-shadow: 0px 1px 1px rgba(72, 78, 85, 0.1); -moz-box-shadow: 0px 1px 1px rgba(72, 78, 85, 0.1); -ms-box-shadow: 0px 1px 1px rgba(72, 78, 85, 0.1); box-shadow: 0px 1px 1px rgba(72, 78, 85, 0.1); } .play-btn.hi-icon {display: inline-block; width: 120px; height: 120px; background-color: #0ba9b7; position: relative; border: 15px solid rgba(255, 255, 255, 0.15); background-clip: padding-box; transition: transform 1s linear; -moz-transition: transform 1s linear; -webkit-transition: transform 1s linear; -o-transition: transform 1s linear; } .play-btn:before {content: ""; position: absolute; top: 50%; left: 50%; display: block; margin: -11px 0 0 -8px; width: 0; height: 0; border-style: solid; border-width: 10px 0 10px 18px; border-color: transparent transparent transparent #ffffff; } .icon-effect-8 .hi-icon {-webkit-transition: -webkit-transform ease-out 0.1s, background 0.2s; -moz-transition: -moz-transform ease-out 0.1s, background 0.2s; transition: transform ease-out 0.1s, background 0.2s; } .icon-effect-8 .hi-icon:after {top: 0; left: 0; padding: 0; z-index: -1; box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1); opacity: 0; -webkit-transform: scale(0.9); -moz-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); } .icon-effect-8 .hi-icon:hover {background-color: rgba(0, 0, 0, 0.4); -webkit-transform: scale(0.93); -moz-transform: scale(0.93); -ms-transform: scale(0.93); transform: scale(0.93); } .icon-effect-8 .hi-icon:hover:after {-webkit-animation: sonarEffect 1.3s ease-out 75ms; -moz-animation: sonarEffect 1.3s ease-out 75ms; animation: sonarEffect 1.3s ease-out 75ms; } @-webkit-keyframes sonarEffect {0% {opacity: 0.3; } 40% {opacity: 0.5; box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #fff, 0 0 0 10px rgba(255, 255, 255, 0.5); } 100% {box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #fff, 0 0 0 10px rgba(255, 255, 255, 0.5); -webkit-transform: scale(1.3); opacity: 0; } } @-moz-keyframes sonarEffect {0% {opacity: 0.3; } 40% {opacity: 0.5; box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #fff, 0 0 0 10px rgba(255, 255, 255, 0.5); } 100% {box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #fff, 0 0 0 10px rgba(255, 255, 255, 0.5); -moz-transform: scale(1.3); opacity: 0; } } @keyframes sonarEffect {0% {opacity: 0.3; } 40% {opacity: 0.5; box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #fff, 0 0 0 10px rgba(255, 255, 255, 0.5); } 100% {box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #fff, 0 0 0 10px rgba(255, 255, 255, 0.5); transform: scale(1.3); opacity: 0; } }
.vertical-nav .container {max-width: 100%; } .heading-bg-color {width: 100%; background-color: #0ba9b7; padding: 210px 0; font-size: 72px; margin-bottom: 0; } svg * {fill: none; stroke: currentColor; } .svg-icon {width: 100px; height: 100px; display: inline-block; } .col-xs-5ths, .col-sm-5ths, .col-md-5ths, .col-lg-5ths {position: relative; min-height: 1px; padding-right: 10px; padding-left: 10px; } .col-xs-5ths {width: 20%; float: left; } @media (min-width: 767px) {.col-sm-5ths {width: 20%; float: left; } } @media (min-width: 992px) {.col-md-5ths {width: 20%; float: left; } } @media (min-width: 1200px) {.col-lg-5ths {width: 20%; float: left; } }
.process-wrap i {font-size: 40px; width: 120px; height: 120px; line-height: 120px; text-align: center; display: inline-block; -webkit-border-radius: 50%; border-radius: 50%; background-color: #f3f5f8; color: #0ba9b7; } .process-wrap h3 {font-size: 16px; margin: 30px 0 20px; } .process-line {height: 3px; background-color: #f3f5f8; width: 100%; position: relative; top: 60px; max-width: calc(100% - 200px); left: 100px; } .showcases-tabs {padding: 150px 0 120px; } .flex-control-nav.flexslider-tabs-nav {position: relative; bottom: auto; margin-bottom: 48px; } .flex-control-nav.flexslider-tabs-nav li {cursor: pointer; background-color: #32353a; padding: 11px 22px; -webkit-border-radius: 3px; border-radius: 3px; color: #fff; font-size: 11px; text-transform: uppercase; letter-spacing: 0.14em; font-weight: 700; margin: 0 3px; -webkit-transition: background-color 0.3s ease-in-out; -moz-transition: background-color 0.3s ease-in-out; -ms-transition: background-color 0.3s ease-in-out; -o-transition: background-color 0.3s ease-in-out; transition: background-color 0.3s ease-in-out; } .flex-control-nav.flexslider-tabs-nav li:hover, .flex-control-nav.flexslider-tabs-nav li.flex-active {background-color: #0ba9b7; } .video-section {padding: 162px 0; } #landing .btn {text-transform: none; letter-spacing: normal; font-weight: normal; } #landing .btn-lg {font-size: 16px; } #landing .btn-md {font-size: 15px; } #landing .btn-sm {font-size: 15px; padding: 5px 23px; } #landing .btn.btn-icon > i {line-height: 51px; } #landing .btn.btn-md.btn-icon > i {line-height: 45px; } .hero-wrap {width: 100%; display: block; position: relative; overflow: hidden; background-repeat: no-repeat; background-attachment: scroll; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .hero-wrap .hero-img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-image: url(../img/landing_hero.jpg); background-size: cover; background-repeat: no-repeat; background-position: 50% 50%; } .hero-holder {display: table; position: relative; width: 100%; height: 100%; } .hero-message {display: table-cell; vertical-align: middle; height: 100%; width: 100%; text-align: center; } .hero-message h1 {font-size: 90px; font-family: "Roboto", sans-serif; font-weight: 700; line-height: 1.1; color: #fff; display: inline-block; } .hero-subtitle {font-family: "Open Sans", sans-serif; text-transform: none; font-weight: 300; color: #fff; line-height: 1.5; font-size: 20px; max-width: 800px; margin: 15px auto 40px; } .btn-holder > a {margin: 2px; } .typed-cursor {opacity: 1; font-weight: 100; -webkit-animation: blink 0.7s infinite; -moz-animation: blink 0.7s infinite; animation: blink 0.7s infinite; }
@keyframes blink {0% {opacity: 1; } 50% {opacity: 0; } 100% {opacity: 1; }}
@-webkit-keyframes blink {0% {opacity: 1; } 50% {opacity: 0; } 100% {opacity: 1;}}
@-moz-keyframes blink {0% {opacity: 1; } 50% {opacity: 0; } 100% {opacity: 1; }}
#features {padding: 150px 0 80px; } #showcases-slider .gallery-cell {width: 59.9%; margin: 0 20px; -webkit-border-radius: 16px; border-radius: 16px; overflow: hidden; } #showcases-slider .gallery-cell.is-selected {-webkit-box-shadow: 0px 20px 50px 0px rgba(25, 27, 31, 0.37); -moz-box-shadow: 0px 20px 50px 0px rgba(25, 27, 31, 0.37); -ms-box-shadow: 0px 20px 50px 0px rgba(25, 27, 31, 0.37); box-shadow: 0px 20px 50px 0px rgba(25, 27, 31, 0.37); -webkit-transition: box-shadow 0.5s ease-in-out; -moz-transition: box-shadow 0.5s ease-in-out; -ms-transition: box-shadow 0.5s ease-in-out; -o-transition: box-shadow 0.5s ease-in-out; transition: box-shadow 0.5s ease-in-out; } #showcases-slider .flickity-viewport {overflow: visible; } .page-title {position: relative; width: 100%; overflow: hidden; background-repeat: no-repeat; display: block; background-attachment: fixed; background-size: cover; background-position: center top; } .page-title .container {height: 200px;} .title-holder {position: relative; display: table; width: 100%; height: 100%; } .title-text {display: table-cell; height: 100%; vertical-align: middle; } .title-text h1 {margin: 20px 0 0;color: #232323;font-size: 70px;font-weight: bold;} .breadcrumb {width: auto; background-color: transparent; padding: 0; margin-top: 5px; margin-bottom: 0; font-size: 13px; } .page-title .breadcrumb a, .page-title .breadcrumb > .active {color: #000;} .page-title .breadcrumb > li + li:before {color: #000;opacity: 1;padding: 0 1px 0 5px;} .page-title.style-2 {background-color: #fafcfc; padding: 46px 0; } .page-title.style-2 .container {height: auto; } .page-title.style-2 .title-text h1 {margin: 0; font-size: 28px; color: #5a5b5f; font-weight: normal; } .page-title.style-2 .breadcrumb {position: absolute; right: 0; width: auto; background-color: transparent; top: 50%; padding: 0; margin: -10px 0 0 0; } .page-title.style-2 .breadcrumb a, .page-title.style-2 .breadcrumb > li + li:before {color: #979ba3; } .page-title.style-2 .breadcrumb > .active, .page-title.style-2 .breadcrumb a:hover {color: #5a5b5f; } .quote-mission {padding: 200px 0; } .quote-mission .parallax {background-image: url(../img/quote_mission.jpg); } .quote-mission blockquote {font-size: 60px; line-height: 1.5; padding: 0; font-family: "Merriweather", serif; font-style: italic; color: #fff; } .icon-boxes.parallax-bg {padding: 140px 0 90px; } .service-item-box.style-1 .email {line-height: 26px; color: #979ba3; } .page-404 h1 {font-size: 200px; line-height: 1.2; } .page-404 a, .page-404 p {font-size: 14px; } .entry-wrap {position: relative; background-color: #fff; -webkit-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; border: 1px solid #e8ebee; padding: 30px; } .entry-title {font-size: 16px;margin-bottom: 5px;line-height: 23px;} .entry-title a:hover {color: #0ba9b7; } .blog-standard .post-content .entry-title {font-size: 22px; } .blog-standard .post-content .entry-img, .blog-standard .post-content .entry-slider, .blog-standard .post-content .entry-video {position: relative; overflow: hidden; } .blog-standard .entry-item {margin-bottom: 7%; position: relative; } .entry .blockquote-style-1 a {color: #979ba3; } .entry .blockquote-style-1 a:hover {color: #0ba9b7; } .entry-video iframe {width: 100%; display: block; border: 0; } .pagination {margin: 0 auto; border-radius: 0; display: block; } .pagination a, .pagination span {background-color: #fff; padding: 8px; font-size: 14px; display: inline-block; width: 40px; height: 40px; line-height: 22px; text-align: center; border: 1px solid #e8ebee; -webkit-border-radius: 3px; border-radius: 3px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .pagination a {color: #5a5b5f; } .pagination a:hover {background-color: #0ba9b7; border-color: transparent; color: #fff; } .pagination a > i {font-size: 16px; } .pagination .current {color: #0ba9b7; } .left-sidebar {float: left; } .sidebar:not(.left-sidebar) {padding-left: 3.2%; } .sidebar .widget-title {margin-bottom: 30px; font-size: 20px; } .sidebar .widget {margin-top: 50px; margin-bottom: 0; } .list-dividers > li {position: relative; padding: 10px 0; border-bottom: 1px solid #e8ebee; } .sidebar .widget:first-child {margin-top: 0; } .sidebar .widget:last-child {margin-bottom: 30px; } .sidebar .widget > ul > li:last-child {padding-bottom: 0; border-bottom: none; } .sidebar .widget > ul > li:first-child {padding-top: 0; } .widget.categories ul li.active-cat a {color: #5a5b5f; } .widget.categories ul li a {color: #979ba3; } .widget.categories ul li a:hover {color: #0ba9b7; } .widget.categories li span, .widget.filter-by-size .count {right: 0; position: absolute; color: #979ba3; } .entry-list ul > li {border-bottom: 1px solid #e8ebee; border-top: 0; } .entry-list ul > li a:hover {color: #0ba9b7; } .entry-list li .entry-meta {margin-top: 0; margin-bottom: 0; } .entry-list ul > li {padding: 12px 0; } .entry-list ul > li:first-child {padding-top: 0 !important; } .entry-list ul > li:last-child {border-bottom: none !important; padding-bottom: 0 !important; } .entry-list ul > li .entry-title {font-size: 14px; margin-bottom: 1px; font-weight: normal; line-height: 1.5; } .entry-list ul > li .entry-meta li:first-child {padding-left: 0; } .entry-list.w-thumbs ul > li {padding: 20px 0; } .search-button {position: absolute; top: 0; height: 100%; right: 10px; background-color: transparent; border: none; } .search-button i {width: 14px; font-size: 13px; } .search-button i:hover {color: #191b1f; } .tags a {padding: 10px 12px; line-height: 1; margin: 0 6px 6px 0; font-size: 12px; color: #979ba3; display: inline-block; float: left; border: 1px solid #e8ebee; -webkit-border-radius: 40px; border-radius: 40px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.tags a:hover {background-color: #0ba9b7; color: #fff; border-color: transparent; } .post-single .post-content p {margin-bottom: 30px; } .entry-content .entry-tags span, .entry-share span {display: inline-block; margin-right: 10px; font-size: 11px; line-height: 32px; font-family: "Roboto", sans-serif; color: #5a5b5f; } .entry-content .entry-tags a {margin: 2px; padding: 7px 12px; } .entry-share {padding: 20px 0; border-top: 1px solid #e8ebee; border-bottom: 1px solid #e8ebee; } .entry-share .social-icons {margin-top: 0; display: inline-block; } .entry-share .social-icons a {margin-bottom: 3px; height: 30px; width: 30px; margin-right: 1px; text-align: center; -webkit-border-radius: 50%; border-radius: 50%; } .entry-author-box {padding: 40px 0 30px; border-bottom: 1px solid #e8ebee; position: relative; } .entry-author-box .author-img {display: block; float: left; margin: 5px 25px 20px 0; } .entry-author-box h6.author-name, .entry-comments h6.comment-author {display: inline-block; margin-right: 10px; margin-bottom: 0; } .author-info span {font-size: 13px; margin-right: 10px; margin-bottom: 10px; display: inline-block; } .related-posts h4 {font-size: 14px; margin-top: 0px; margin-bottom: 0; line-height: 1.5; text-transform: none; letter-spacing: normal; font-weight: normal; } .related-posts .entry {margin: 20px 0 40px; } .entry-comments .comment-avatar {position: absolute; display: block; -webkit-border-radius: 50%; border-radius: 50%; } .entry-comments .comment-content {padding-left: 100px; margin-top: 5px; } .entry-comments .comment-author {color: #5a5b5f; font-family: "Roboto", sans-serif; } .entry-comments span {display: inline-block; margin-right: 10px; } .entry-comments span:last-of-type {margin-bottom: 10px; } .entry-comments .comment-content span a {font-size: 12px; color: #acb0b8; } .entry-comments .comment-content p {margin-bottom: 10px; } .comment-reply {padding-left: 10%; } .comment-body {padding: 30px; border: 1px solid #e8ebee; margin-bottom: 30px; background-color: #fafcfc; -webkit-border-radius: 3px; border-radius: 3px; } .blog-masonry .entry-item {margin-bottom: 30px; } .works-grid.grid-5-col .work-item {width: 20%; } .works-grid.grid-4-col .work-item {width: 25%; } .works-grid.grid-3-col .work-item {width: 33.333%; } .works-grid.grid-2-col .work-item {width: 50%; } .works-grid.small-gutter {margin-left: 10px; margin-right: 10px; } .works-grid.small-gutter .work-item {padding: 0 3px; } .works-grid.gutter .work-item {padding: 0 15px; } .works-grid.gutter {margin-left: 15px; margin-right: 15px; } .works-grid.no-gutter .work-item {padding: 0; } .works-grid.small-gutter .work-container {margin-bottom: 6px; } .works-grid.no-gutter .work-img {-webkit-border-radius: 0; border-radius: 0; } .works-grid.no-gutter .work-container, .related-products .work-container, #owl-featured-works .work-container {margin: 0; } .works-grid.with-title .work-description {position: relative; bottom: auto; padding: 24px; text-align: center; border: 1px solid #e8ebee; } .works-grid.with-title .work-item:hover .work-img img {-webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } .works-grid.with-title .work-item:hover .project-icons {top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); margin-top: 0; } .portfolio-filter {list-style: none; margin-bottom: 50px; cursor: default; font-size: 14px; font-weight: bold; text-align: center; } .portfolio-filter a {display: inline-block; font-family: "Roboto", sans-serif; margin: 0 15px; color: #979ba3; text-decoration: none; text-transform: uppercase; letter-spacing: 0.04em; } .portfolio-filter a.active, .portfolio-filter a:hover {color: #0ba9b7; } .work-container {margin-bottom: 30px; overflow: hidden; } .work-item {position: relative; } .work-item img {width: 100%; height: auto; overflow: hidden; -webkit-transition: 0.6s cubic-bezier(0.86, 0, 0.07, 1); -moz-transition: 0.6s cubic-bezier(0.86, 0, 0.07, 1); -ms-transition: 0.6s cubic-bezier(0.86, 0, 0.07, 1); -o-transition: 0.6s cubic-bezier(0.86, 0, 0.07, 1); transition: 0.6s cubic-bezier(0.86, 0, 0.07, 1); backface-visibility: hidden; -webkit-backface-visibility: hidden; } .work-item .work-description h2 {font-size: 15px; font-weight: normal; line-height: 1.2; margin-bottom: 0; } .work-item .work-description h2 a:hover {color: #0ba9b7; } .work-item .work-description > span > a {color: #979ba3; font-size: 12px; } .work-item .work-description > span > a:hover {color: #0ba9b7; } .work-item .work-description i {font-size: 40px; } .work-item:hover .work-overlay {opacity: 1; visibility: visible; } .work-item:hover .work-img img {-webkit-transform: translateY(-30px); -moz-transform: translateY(-30px); -ms-transform: translateY(-30px); -o-transform: translateY(-30px); transform: translateY(-30px); } .work-item:hover .work-description {bottom: 0; } .work-item:hover .project-icons {position: absolute; top: 40%; margin-top: -20px; } .work-item:hover .lightbox-icon:before, .work-item:hover .lightbox-icon:after {-webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); } .work-item.hover-2 .work-description {top: 50%; bottom: auto; padding: 0 15px; color: #fff; background-color: transparent; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .work-item.hover-2 .work-description h2 {position: relative; bottom: -100px; color: #fff; font-size: 18px; -webkit-transition: bottom 0.3s ease-in-out 0.1s; -moz-transition: bottom 0.3s ease-in-out 0.1s; -ms-transition: bottom 0.3s ease-in-out 0.1s; -o-transition: bottom 0.3s ease-in-out 0.1s; transition: bottom 0.3s ease-in-out 0.1s; } .work-item.hover-2 .work-description span {position: relative; color: #fff; bottom: -100px; font-size: 13px; font-style: italic; -webkit-transition: bottom 0.3s ease-in-out; -moz-transition: bottom 0.3s ease-in-out; -ms-transition: bottom 0.3s ease-in-out; -o-transition: bottom 0.3s ease-in-out; transition: bottom 0.3s ease-in-out; } .work-item.hover-2:hover .work-description h2 {bottom: 0; -webkit-transition: bottom 0.3s ease-in-out 0.1s; -moz-transition: bottom 0.3s ease-in-out 0.1s; -ms-transition: bottom 0.3s ease-in-out 0.1s; -o-transition: bottom 0.3s ease-in-out 0.1s; transition: bottom 0.3s ease-in-out 0.1s; } .work-item.hover-2:hover .work-description span {bottom: 0; -webkit-transition: bottom 0.3s ease-in-out 0.2s; -moz-transition: bottom 0.3s ease-in-out 0.2s; -ms-transition: bottom 0.3s ease-in-out 0.2s; -o-transition: bottom 0.3s ease-in-out 0.2s; transition: bottom 0.3s ease-in-out 0.2s; }
.work-item.hover-2:hover .work-img img, .work-item.hover-3:hover .work-img img {-webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } .work-item.hover-3 .work-description {bottom: 0; background-color: transparent; padding: 30px; } .work-item.hover-3 .work-description h3 {font-size: 18px; font-weight: normal; color: #fff; line-height: 1; margin-bottom: 3px; } .work-item.hover-3 .work-description span {color: #fff; font-size: 13px; font-style: italic; } .work-description {padding: 12px 20px; width: 100%; background-color: #fff; position: absolute; display: block; left: 0; top: auto; bottom: -65px; z-index: 3; -webkit-transition: 0.6s cubic-bezier(0.86, 0, 0.07, 1); -moz-transition: 0.6s cubic-bezier(0.86, 0, 0.07, 1); -ms-transition: 0.6s cubic-bezier(0.86, 0, 0.07, 1); -o-transition: 0.6s cubic-bezier(0.86, 0, 0.07, 1); transition: 0.6s cubic-bezier(0.86, 0, 0.07, 1); } .work-img {position: relative; overflow: hidden; z-index: 1; } .work-img.rounded {-webkit-border-radius: 4px; border-radius: 4px; } .work-img > a {display: block; position: relative; width: 100%; height: 100%; } .work-overlay {position: absolute; overflow: hidden; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; visibility: hidden; text-align: center; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); background-color: rgba(0, 0, 0, 0.7); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .project-icons {position: absolute; top: 20%; width: 100%; text-align: center; -webkit-transition: 0.6s cubic-bezier(0.86, 0, 0.07, 1); -moz-transition: 0.6s cubic-bezier(0.86, 0, 0.07, 1); -ms-transition: 0.6s cubic-bezier(0.86, 0, 0.07, 1); -o-transition: 0.6s cubic-bezier(0.86, 0, 0.07, 1); transition: 0.6s cubic-bezier(0.86, 0, 0.07, 1); } .project-icons a {display: inline-block; width: 40px; height: 40px; font-size: 14px; margin: 0 3px; line-height: 40px; text-align: center; color: #5a5b5f; background-color: #fff; -webkit-border-radius: 100px; border-radius: 100px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .project-icons a:hover {color: #fff; background-color: #0ba9b7; } .works-grid.with-title .work-item:hover .project-icons {top: calc(50% - 44px); } .lightbox-icon {position: absolute; top: 50%; left: 50%; width: 30px; height: 30px; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .lightbox-icon:before {content: ""; height: 1px; display: block; width: 30px; background-color: #fff; position: absolute; top: 50%; margin-top: -1px; -webkit-transform: scale(0, 0); -moz-transform: scale(0, 0); -ms-transform: scale(0, 0); -o-transform: scale(0, 0); transform: scale(0, 0); -webkit-transition: 0.6s cubic-bezier(0.86, 0, 0.07, 1); -moz-transition: 0.6s cubic-bezier(0.86, 0, 0.07, 1); -ms-transition: 0.6s cubic-bezier(0.86, 0, 0.07, 1); -o-transition: 0.6s cubic-bezier(0.86, 0, 0.07, 1); transition: 0.6s cubic-bezier(0.86, 0, 0.07, 1); } .lightbox-icon:after {content: ""; width: 1px; display: inline-block; height: 30px; background-color: #fff; -webkit-transform: scale(0, 0); -moz-transform: scale(0, 0); -ms-transform: scale(0, 0); -o-transform: scale(0, 0); transform: scale(0, 0); -webkit-transition: 0.6s cubic-bezier(0.86, 0, 0.07, 1); -moz-transition: 0.6s cubic-bezier(0.86, 0, 0.07, 1); -ms-transition: 0.6s cubic-bezier(0.86, 0, 0.07, 1); -o-transition: 0.6s cubic-bezier(0.86, 0, 0.07, 1); transition: 0.6s cubic-bezier(0.86, 0, 0.07, 1); } .masonry-grid {width: 100%; } .masonry-grid .work-item {width: 50%; float: left; } .masonry-grid .work-item.quarter {width: 25%; } .dark-gradient:before {content: ""; display: block; width: 100%; height: 100%; position: absolute; top: 0; z-index: 1; background: rgba(255, 255, 255, 0); background: -webkit-linear-gradient(rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.75) 100%); background: -o-linear-gradient(rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.75) 100%); background: linear-gradient(rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.75) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#000000', GradientType=0 ); } .frame-holder {position: absolute; left: 10px; right: 10px; top: 10px; bottom: 10px; z-index: 2; overflow: hidden; } .frame-holder div {background-color: #fff; } .frame-holder .top-border, .frame-holder .bottom-border, .frame-holder .left-border, .frame-holder .right-border {position: absolute; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .frame-holder .top-border, .frame-holder .bottom-border {height: 2px; width: 100%; } .frame-holder .left-border, .frame-holder .right-border {height: 100%; width: 2px; } .frame-holder .top-border, .frame-holder .left-border {top: 0; left: 0; } .frame-holder .left-border {-webkit-transform: translate3d(0, 100%, 0); -moz-transform: translate3d(0, 100%, 0); -ms-transform: translate3d(0, 100%, 0); -o-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } .frame-holder .right-border {right: 0; top: 0; -webkit-transform: translate3d(0, -100%, 0); -moz-transform: translate3d(0, -100%, 0); -ms-transform: translate3d(0, -100%, 0); -o-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } .frame-holder .bottom-border {bottom: 0; left: 0; -webkit-transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); -ms-transform: translate3d(-100%, 0, 0); -o-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } .frame-holder .top-border {-webkit-transform: translate3d(100%, 0, 0); -moz-transform: translate3d(100%, 0, 0); -ms-transform: translate3d(100%, 0, 0); -o-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } .work-item.hover-3:hover .top-border, .work-item.hover-3:hover .left-border, .work-item.hover-3:hover .bottom-border, .work-item.hover-3:hover .right-border {-webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .project-description {padding-left: 5%; } .project-info.style-2 .product_meta span {display: inline-block; padding: 0 10px; } .items-grid .first-in-row {clear: left; } .items-grid .col-xs-6:nth-child(2n + 3) {clear: left; } .items-grid .col-xs-4:nth-child(3n + 4) {clear: left; } .items-grid .col-xs-3:nth-child(4n + 5) {clear: left; } .items-grid .col-xs-2:nth-child(6n + 7) {clear: left; } .items-grid .col-xs-1:nth-child(12n + 13) {clear: left; }
@media (min-width: 768px) {.items-grid .col-xs-6:nth-child(2n + 3) {clear: none; } .items-grid .col-xs-4:nth-child(3n + 4) {clear: none; } .items-grid .col-xs-3:nth-child(4n + 5) {clear: none; } .items-grid .col-xs-2:nth-child(6n + 7) {clear: none; } .items-grid .col-xs-1:nth-child(12n + 13) {clear: none; } .items-grid .col-sm-6:nth-child(2n + 3) {clear: left; } .items-grid .col-sm-4:nth-child(3n + 4) {clear: left; } .items-grid .col-sm-3:nth-child(4n + 5) {clear: left; } .items-grid .col-sm-2:nth-child(6n + 7) {clear: left; } .items-grid .col-sm-1:nth-child(12n + 13) {clear: left; } }
@media (min-width: 992px) {.items-grid .col-sm-6:nth-child(2n + 3) {clear: none; } .items-grid .col-sm-4:nth-child(3n + 4) {clear: none; } .items-grid .col-sm-3:nth-child(4n + 5) {clear: none; } .items-grid .col-sm-2:nth-child(6n + 7) {clear: none; } .items-grid .col-sm-1:nth-child(12n + 13) {clear: none; } .items-grid .col-md-6:nth-child(2n + 3) {clear: left; } .items-grid .col-md-4:nth-child(3n + 4) {clear: left; } .items-grid .col-md-3:nth-child(4n + 5) {clear: left; } .items-grid .col-md-2:nth-child(6n + 7) {clear: left; } .items-grid .col-md-1:nth-child(12n + 13) {clear: left; } }
@media (min-width: 1200px) {.items-grid .col-md-6:nth-child(2n + 3) {clear: none; } .items-grid .col-md-4:nth-child(3n + 4) {clear: none; } .items-grid .col-md-3:nth-child(4n + 5) {clear: none; } .items-grid .col-md-2:nth-child(6n + 7) {clear: none; } .items-grid .col-md-1:nth-child(12n + 13) {clear: none; } .items-grid .col-lg-6:nth-child(2n + 3) {clear: left; } .items-grid .col-lg-4:nth-child(3n + 4) {clear: left; } .items-grid .col-lg-3:nth-child(4n + 5) {clear: left; } .items-grid .col-lg-2:nth-child(6n + 7) {clear: left; } .items-grid .col-lg-1:nth-child(12n + 13) {clear: left; } }
.promo-banner a {display: block; background: #191b1f; } .promo-banner img {width: 100%; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; backface-visibility: hidded; -webkit-backface-visibility: hidden; } .promo-banner .work-overlay {opacity: 1; visibility: visible; background-color: transparent; } .promo-banner a:hover img {opacity: 0.6; -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } .promo-inner {position: absolute; width: 100%; text-align: center; } .promo-inner h2 {color: #fff; font-weight: bold; font-size: 24px; } .product-item {margin-bottom: 50px; } .product-img img {overflow: hidden; min-width: 99.9%; } .product-img > a {display: block; position: relative; } .product-label {position: absolute; top: 10px; left: 10px; } .product-label > span {font-size: 10px; color: #fff; font-weight: bold; text-transform: uppercase; padding: 3px 7px; letter-spacing: 0.05em; -webkit-border-radius: 3px; border-radius: 3px; } .product-label .sale {border: 2px solid #0ba9b7; color: #0ba9b7; } .sold-out {background-color: rgba(255, 255, 255, 0.9); color: #5a5b5f; padding: 15px 0; display: block; text-align: center; width: 100%; z-index: 5; text-transform: uppercase; font-weight: bold; cursor: default; font-size: 11px; font-family: "Roboto", sans-serif; letter-spacing: 0.05em; } .product-details {position: relative; text-align: center; } .product-details > h3, .product-list-widget a > span, .table.shop_table tr td.product-name a {line-height: 14px; margin-bottom: 3px; font-family: "Roboto", sans-serif; text-transform: uppercase; font-weight: normal; letter-spacing: 0.05em; font-size: 13px; } .product-details .product-title, .product-list-widget a {line-height: 1.5; color: #5a5b5f; } .product-details .product-title:hover, .product-list-widget a:hover {color: #0ba9b7; } .price, .amount {font-family: "Roboto", sans-serif; text-transform: uppercase; } .price del {color: #979ba3; margin-right: 10px; } .price ins {text-decoration: none; color: #0ba9b7; font-weight: bold; } .product-img .back-img {position: absolute; top: 0; opacity: 0; backface-visibility: hidden; -webkit-backface-visibility: hidden; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .product-img.hover-1 {position: relative; overflow: hidden; margin-bottom: 24px; } .product-img.hover-1:hover .back-img, .product-img.hover-1:hover .product-actions {opacity: 1; visibility: visible; } .product-img.hover-1:hover .product-quickview {bottom: 0; } .product-img.hover-1 .product-quickview {position: absolute; bottom: -26px; width: 100%; background-color: #191b1f; font-size: 10px; text-transform: uppercase; letter-spacing: 0.14em; text-align: center; line-height: 26px; color: #fff !important; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .product-img.hover-1 .product-quickview:hover {background-color: #0ba9b7; } .rating:before {font-family: 'FontAwesome'; content: '\f005 \f005 \f005 \f005 \f006'; letter-spacing: 0.25em; font-size: 12px; color: #ffc63e; font-style: normal; } .benefits-list li {padding: 8px 0; } .benefits-list li:first-child {padding-top: 0; } .benefits-list li:last-child {padding-bottom: 0; } .benefits-list i {color: #0ba9b7; display: inline-block; margin-right: 10px; } .product-img.hover-1 .product-actions {display: block; position: absolute; top: 20px; right: 20px; opacity: 0; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .product-img.hover-1 .product-actions a {color: #5a5b5f; display: inline-block; text-align: center; width: 32px; height: 32px; line-height: 32px; margin: 0 2px; background-color: #fff; -webkit-border-radius: 3px; border-radius: 3px; } .product-img.hover-1 .product-actions a:hover {background-color: #0ba9b7; color: #fff; } .product-img.hover-1 .product-actions i {font-size: 14px; } .shop-promo-slider img {width: auto !important; } .shop-promo-slider .row > div:last-child {padding-top: 14%; } .shop-promo-slider p {font-size: 18px; line-height: 30px; } .shop-items-slider .product-item {padding: 0 15px; margin-bottom: 0; } .shop-filter, .view-mode {float: left; } .shop-filter {margin-bottom: 30px; width: 100%; } .shop-filter .view-mode, .shop-filter .filter-show {margin-top: 5px; } .view-mode .grid, .view-mode .list {background: url(../img/shop/shop_icons.png) 0 0 no-repeat; display: inline-block; width: 13px; height: 13px; cursor: pointer; margin-left: 10px; margin-bottom: 2px; vertical-align: middle; } .view-mode .grid.grid-active {background-position: 0 -78px; } .view-mode .grid {background-position: 0 -104px; } .view-mode .list.list-active {background-position: 0 -130px; } .view-mode .list {background-position: 0 -156px; } .filter-show {margin-left: 40px; float: left; } .filter-show a {color: #979ba3; } .filter-show a:hover {color: #0ba9b7; } .filter-show a.active {color: #5a5b5f; } .filter-show a:nth-child(2):before {content: ''; } .filter-show a:before {content: '/'; margin: 0 3px 0 1px; color: #979ba3; } .ecommerce-ordering {float: right; width: 31%; } .ecommerce-ordering select {margin-bottom: 0; } .product-grid .product-list-details, .product-grid .product-details .rating, .product-list .product-img.hover-1 .product-actions {display: none; } .list-view .product-list {width: 100%; } .product-list .product-img {width: 32%; float: left; margin-bottom: 0; margin-right: 3%; } .product-list .product-item {float: left; width: 100%; } .product-list .product-details, .product-list .product-list-details {float: left; width: 65%; text-align: left; } .product-list .product-details > h3 {font-size: 18px; } .product-list .price {margin-top: 20px; padding: 16px 0; border-top: 1px solid #e8ebee; border-bottom: 1px solid #e8ebee; font-size: 18px; float: left; width: 100%; } .product-list .rating {float: left; }
.product-list .price del, .single-product .price del {display: inline-block; margin-bottom: 0; margin-right: 10px; float: left; } .product-list .price ins, .single-product .price ins {display: inline-block; float: left; } .product-list .product-description, .single-product .product-description {margin: 25px 0; } .rating a {color: #979ba3; margin-left: 7px; } .icon-add-to-wishlist {display: inline-block; width: 39px; height: 39px; line-height: 39px; text-align: center; } .icon-add-to-wishlist a {color: #5a5b5f; background-color: #f0f5f5; display: block; -webkit-border-radius: 3px; border-radius: 3px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .icon-add-to-wishlist a:hover {background-color: #0ba9b7; color: #fff; } .product-list-widget img {width: 84px; float: left; margin-right: 17px; display: inline-block; } .product-list-widget li {position: relative; overflow: hidden; padding: 20px 0 !important; border-bottom: 1px solid #e8ebee; } .product-list-widget li:first-child {padding-top: 0 !important; } .product-list-widget li:last-child {padding-bottom: 0 !important; border: 0 !important; } .product-list-widget .product-title {display: block; margin-bottom: 5px; } .ui-slider-horizontal {cursor: pointer; position: relative; height: 3px; background: #ccd0d8; margin-bottom: 20px; } .filter-by-price .ui-slider .ui-slider-handle {position: absolute; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; width: 13px; height: 13px; background: #5a5b5f; top: -5px; margin-left: -13px; } .filter-by-price .ui-slider span:first-of-type {margin-left: 0; } .ui-slider .ui-slider-range {-webkit-border-radius: 10px; border-radius: 10px; position: absolute; background-color: #0ba9b7; height: 3px; } .filter-by-price p {margin-bottom: 0; } .filter-by-price input#amount {width: 40%; padding: 0; font-size: 13px; color: #5a5b5f; border: none; background-color: transparent; height: auto; -webkit-border-radius: 0; border-radius: 0; margin-bottom: 0; box-shadow: none; line-height: 1; font-family: "Roboto", sans-serif; vertical-align: middle; } .filter-by-price label {font-weight: normal; line-height: 33px; margin-bottom: 0; font-size: 13px; text-transform: none; letter-spacing: normal; color: #979ba3; } .filter-by-price p > a {float: right; padding: 7px 15px; } .price-filter {margin-top: 7px; float: left; } .color-swatches a, .size-options a {display: inline-block; width: 36px; height: 36px; margin-right: 9px; float: left; } .color-swatches li:last-child a {margin-right: 0; } .color-swatches a.selected {border: 2px solid #5a5b5f; } .swatch-red {background-color: #0ba9b7; } .swatch-green {background-color: #1abc9c; } .swatch-grey {background-color: #f5f5f5; } .swatch-black {background-color: #000; } .swatch-white {background-color: #fff; border: 1px solid #e0e0e0; } .swatch-brown {background-color: #c2a191; } #gallery-main .gallery-cell {margin-bottom: 10px; } .gallery-cell, #gallery-main img {width: 100%; } .gallery-cell a i {position: absolute; bottom: 20px; left: 20px; font-size: 24px; color: #979ba3; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .gallery-thumbs {margin: 0 -5px; } .gallery-thumbs .gallery-cell {width: 25%; float: left; padding: 0 5px; } .gallery-thumbs img {opacity: 0.5; cursor: pointer; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .gallery-thumbs .is-nav-selected img, .gallery-thumbs img:hover {opacity: 1; } .single-product .product-description-wrap {padding-left: 30px; } .product-description-wrap h1 {font-size: 28px; text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 5px; } .single-product .rating a:before {margin-right: 15px; } .single-product .price {margin-top: 25px; display: block; } .single-product .price del, .single-product .price ins {font-size: 18px; float: none; } .select-options {padding: 30px 0 14px; border-top: 1px solid #e8ebee; border-bottom: 1px solid #e8ebee; } .single-product .quantity.buttons_added {float: left; } .quantity.buttons_added {white-space: nowrap; position: relative; display: inline-block; } .quantity.buttons_added .minus, .quantity.buttons_added .plus {width: 32px; height: 47px; background-color: #fff; border: 2px solid #e8ebee; font-size: 22px; float: left; } .quantity.buttons_added .minus {border-right: 0; } .quantity.buttons_added .plus {border-left: 0; } .quantity .input-text.qty {width: 47px; height: 47px; padding: 0; margin-bottom: 0; text-align: center; float: left; line-height: 1; -webkit-border-radius: 0; border-radius: 0; } .product-actions li {margin-right: 10px; display: inline-block; float: left; } .single-product .product-actions {padding: 30px 0; border-bottom: 1px solid #e8ebee; } .single-product .icon-add-to-wishlist {height: 47px; line-height: 47px; width: 47px; } input[type=number]::-webkit-outer-spin-button, input[type=number]::-webkit-inner-spin-button {-webkit-appearance: none; margin: 0; } input[type=number] {-moz-appearance: textfield; } .single-product .product_meta {padding: 30px 0; } .product_meta span {display: block; line-height: 28px; color: #979ba3; } .product_meta span a {color: #5a5b5f; } .product_meta span a:hover {color: #0ba9b7; } .single-product .socials-share {padding: 12px 0; border-top: 1px solid #e8ebee; border-bottom: 1px solid #e8ebee; margin-bottom: 30px; } .single-product .socials-share .social-icons {float: right; margin-top: 0; } .single-product .socials-share span, .project-info .socials-share span {display: inline-block; margin-top: 6px; margin-right: 10px; } .socials-share .social-icons {display: inline-block; } .single-product .socials-share .social-icons a, .project-info .socials-share .social-icons a {background-color: transparent; margin-bottom: 0; } .single-product .tab-content #tab-info .table > thead > tr {border-bottom: 1px solid #e8ebee; } .single-product .tab-content #tab-info tr th {width: 25%; background-color: #fafcfc; padding-left: 15px; } .single-product .tab-content #tab-info tr td {padding-left: 15px; } .single-product .reviews-lists li {margin-top: 20px; } .single-product .reviews-lists li:first-child {margin-top: 0; }
.single-product .review-content p:first-child {color: #5a5b5f; margin-bottom: 0; } .shopping-cart h2, .checkout h2 {font-size: 18px; font-weight: normal; } .cart_totals h2, .order-review-wrap h2 {margin-bottom: 15px; } .table.shop_table.cart {margin-bottom: 0; } .table.shop_table.cart thead tr th, .table.shop_table.cart tr {border-bottom: 1px solid #e8ebee; } .table.shop_table img {width: 100px; height: auto; min-width: 50px; } .table.shop_table .product-thumbnail {width: 95px; padding: 20px 8px 20px 0; } .table.shop_table td.product-name {width: 30%; } .table.shop_table td.product-quantity {min-width: 132px; } .table.shop_table .product-name > a, .table.shop_table .product-price > span, .table.shop_table .product-subtotal > span {color: #5a5b5f; } .table.shop_table .product-name > a:hover {color: #0ba9b7; } .table.shop_table .product-remove {text-align: right; padding-right: 0; min-width: 30px; } .product-remove .remove {display: inline-block; background: url(../img/shop/shop_icons.png) 0 -26px no-repeat; width: 20px; height: 20px; background-color: #fafcfc; } .product-remove .remove:hover {background-position: 0 -52px; background-color: #0ba9b7; } .table.shop_table tr td {vertical-align: middle; } .cart_totals table {margin-bottom: 20px; min-width: 100%; } .cart_totals .table > tbody > tr > td, .cart_totals .table > tbody > tr > th, .table.ecommerce-checkout-review-order-table > tbody > tr > td, .table.ecommerce-checkout-review-order-table > tbody > tr > th {color: #5a5b5f; padding: 10px 0; } .cart_totals tr:first-child th, .cart_totals tr:first-child td, .ecommerce-checkout-review-order-table tr:first-child th, .ecommerce-checkout-review-order-table tr:first-child td {border-top: 0; } .cart_totals tr td, .ecommerce-checkout-review-order tr td {text-align: right; } .actions > input, .actions > div {display: inline-block; margin-left: 5px; } .coupon .input-text {width: 58%; display: inline-block; float: left; margin-right: 8px; } .coupon .btn {padding: 12px 25px; } .form-row {float: left; } .form-row.form-row-wide {width: 100%; } .shipping-calculator-form p:last-child, select.country_to_state {margin-bottom: 0; } #calc_shipping_postcode, #calc_shipping_state {margin-bottom: 10px; } .table.shop_table tr td.product-name {line-height: 24px; } #customer_details h2 {width: 98%; } .ecommerce form #customer_details p {display: block; width: 98%; margin-bottom: 20px; } .ecommerce form .form-row:after {clear: both; } abbr.required {color: #0ba9b7; } .ecommerce form #customer_details .form-row input, .ecommerce form #customer_details .form-row select, .ecommerce form #customer_details .form-row textarea {margin-bottom: 0; } .ecommerce form #customer_details .form-row textarea {min-height: 80px; line-height: 20px; } .order-review-wrap {border: 2px solid #e8ebee; padding: 40px 30px; -webkit-border-radius: 3px; border-radius: 3px; } #billing_address_1_field {margin-bottom: 10px !important; } .ecommerce .checkout #createaccount, .ecommerce .checkout #ship-to-different-address-checkbox {float: none !important; width: auto !important; } .ecommerce-shipping-fields {margin-bottom: 50px; } .ecommerce .checkout label.checkbox {float: none !important; width: auto !important; line-height: 1.5 !important; } .ecommerce .create-account {margin-top: 30px; } .order-review-wrap table {margin-bottom: 40px; } .ecommerce-checkout-review-order-table .order-total {font-size: 15px; } .order-review .payment_methods.methods li {padding-bottom: 10px; } .ecommerce .form-row.place-order {float: none; margin-top: 30px; } .form-row.place-order input {width: 100%; } .payment_methods li {padding: 15px 0; border-bottom: 1px solid #e8ebee; } .payment_method_paypal img {margin-left: 15px; } .payment_box p {margin-top: 10px; margin-bottom: 0; } .payment_methods label {color: #5a5b5f; vertical-align: middle; margin-bottom: 0; } .owl-carousel, .flickity {overflow: hidden; } .owl-carousel img {width: 100%; } .owl-pagination {bottom: 30px; position: absolute; left: 0; display: block; text-align: center; width: 100%; } .owl-page {display: inline-block; padding: 5px; position: relative; } .owl-page.active span {display: block; width: 24px; height: 2px; margin: 0; opacity: 1; background: #0ba9b7; } .owl-page span {display: block; position: relative; width: 24px; height: 2px; opacity: 0.5; background: #fff; z-index: 100; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .owl-page span:hover {opacity: 1; } .owl-buttons {position: static; } .owl-prev, .flex-direction-nav .flex-prev, .flickity-prev-next-button.previous {left: -40px; } .owl-next, .flex-direction-nav .flex-next, .flickity-prev-next-button.next {right: -40px; } .owl-prev, .owl-next, .flex-direction-nav a, .flickity-prev-next-button {display: block; position: absolute; top: 50%; margin-top: -20px; text-align: center; line-height: 40px; z-index: 10; width: 40px; height: 40px; opacity: 0; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .owl-next:before, #flexslider .flex-direction-nav .flex-next:before, .flickity-prev-next-button:before {left: auto; right: 0; } .owl-prev i, .owl-next i, #flexslider a i, #thumbs a i {position: relative; font-size: 40px; color: #5a5b5f; } .light-arrows .owl-prev i, .light-arrows .owl-next i, #flexslider.light-arrows a i {color: #fff; } .light-arrows .flickity-prev-next-button .arrow {fill: #fff; } .owl-carousel:hover .owl-next, .flexslider:hover .flex-direction-nav .flex-next, .flickity:hover .flickity-prev-next-button.next {opacity: 1; right: 10px; } .owl-carousel:hover .owl-prev, .flexslider:hover .flex-direction-nav .flex-prev, .flickity:hover .flickity-prev-next-button.previous {opacity: 1; left: 10px; } .flickity-prev-next-button, .flickity-prev-next-button:hover {background-color: transparent; } .flickity-prev-next-button:focus {box-shadow: none; } .flickity-prev-next-button {-webkit-transform: none; -ms-transform: none; -o-transform: none; transform: none; } .flickity-prev-next-button .arrow {fill: #5a5b5f; } .flickity-page-dots {position: relative; bottom: auto; margin-top: 50px; } .flickity-page-dots .dot, .flex-control-paging li a {height: 2px; width: 24px; opacity: 0.5; margin: 0 5px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-border-radius: 0; border-radius: 0; border: none; background: #979ba3; } .flex-control-nav {bottom: 10px; } .flex-control-nav li {margin: 0; } .flickity-page-dots .dot.is-selected {opacity: 1; background: #0ba9b7; } .service-item-box h3 {font-size: 24px; margin-top: 15px; margin-bottom: 16px; font-weight: normal; } .service-item-box i {margin: 0 auto; font-size: 40px; } .service-item-box.style-1 {background-color: rgba(255, 255, 255, 0.95);position: relative;top: 0;-webkit-border-radius: 5px;border-radius: 5px;-webkit-box-shadow: 0px 1px 2px 0px rgba(90, 91, 95, 0.15);-moz-box-shadow: 0px 1px 2px 0px rgba(90, 91, 95, 0.15);-ms-box-shadow: 0px 1px 2px 0px rgba(90, 91, 95, 0.15);box-shadow: 0px 1px 2px 0px rgba(90, 91, 95, 0.15);padding: 50px 20px;border-top: 3px solid #ff5226;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.service-item-box.style-1:hover {-webkit-box-shadow: 0px 16px 22px 0px rgba(90, 91, 95, 0.3); -moz-box-shadow: 0px 16px 22px 0px rgba(90, 91, 95, 0.3); -ms-box-shadow: 0px 16px 22px 0px rgba(90, 91, 95, 0.3); box-shadow: 0px 16px 22px 0px rgba(90, 91, 95, 0.3); top: -5px; } .service-item-box.style-1 i {color: #ff3300;} .service-item-box.style-1.red {border-color: #0ba9b7; } .service-item-box.style-1.red i {color: #0ba9b7; } .service-item-box.style-1.red .read-more {color: #0ba9b7; } .service-item-box.style-1.turquoise {border-color: #1abc9c; } .service-item-box.style-1.turquoise i {color: #1abc9c; } .service-item-box.style-1.turquoise .read-more {color: #1abc9c; } .service-item-box.style-1.violet {border-color: #7b33d4; } .service-item-box.style-1.violet i {color: #7b33d4; } .service-item-box.style-1.violet .read-more {color: #7b33d4; } .service-item-box.style-2 i {width: 70px; height: 70px; line-height: 70px; font-size: 24px; } .service-item-box.style-2 a {width: 70px; height: 70px; position: absolute; } .service-item-box.style-2 .hi-icon:hover {background-color: transparent; } .service-item-box.style-2.icon-effect-1 .hi-icon:after {-webkit-box-shadow: 0 0 0 2px #0ba9b7; -moz-box-shadow: 0 0 0 2px #0ba9b7; -ms-box-shadow: 0 0 0 2px #0ba9b7; box-shadow: 0 0 0 2px #0ba9b7; } .service-item-box.gradient i {background: #0ba9b7; background: -moz-linear-gradient(left, #0ba9b7 0%, #02bbcc 100%); background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #0ba9b7), color-stop(100%, #02bbcc)); background: -webkit-linear-gradient(left, #0ba9b7 0%, #02bbcc 100%); background: -o-linear-gradient(left, #0ba9b7 0%, #02bbcc 100%); background: -ms-linear-gradient(left, #0ba9b7 0%, #02bbcc 100%); background: linear-gradient(to right, #0ba9b7 0%, #02bbcc 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#000000',GradientType=0 ); } .service-item-box.style-2 h5 {font-size: 20px; } .service-item-box .read-more {text-transform: uppercase; letter-spacing: 0.04em; font-weight: bold; font-size: 14px; } .service-item-box .read-more:hover {color: #191b1f !important; } .service-item-box.style-3 a {position: absolute; width: 60px; height: 60px; } .service-item-box.style-3 i {font-size: 60px; width: auto; height: auto; line-height: 1; background: #0ba9b7; background: -moz-linear-gradient(left, #0ba9b7 0%, #02bbcc 100%); background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #0ba9b7), color-stop(100%, #02bbcc)); background: -webkit-linear-gradient(left, #0ba9b7 0%, #02bbcc 100%); background: -o-linear-gradient(left, #0ba9b7 0%, #02bbcc 100%); background: -ms-linear-gradient(left, #0ba9b7 0%, #02bbcc 100%); background: linear-gradient(to right, #0ba9b7 0%, #02bbcc 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#000000',GradientType=0 ); -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-border-radius: 0; border-radius: 0; } .service-item-box.style-3.small-icon i {font-size: 40px; } .service-item-box.style-3 h3 {margin-top: 0; font-size: 22px; font-weight: normal; } .service-item-box.style-3 .service-text {padding-left: 95px; padding-right: 30px; } .service-item-box.style-3.small-icon .service-text {padding-left: 65px; padding-right: 10px; } .service-item-box.style-4 a {float: left; width: 46px; height: 46px; line-height: 46px; margin-right: 20px; text-align: center; background-color: #0ba9b7; color: #fff; -webkit-border-radius: 46px; border-radius: 46px; } .service-item-box.style-4 i {width: auto; height: auto; line-height: 46px; font-size: 20px; } .service-item-box.style-4 h3 {font-size: 13px; margin-top: 12px; margin-bottom: 0; font-weight: normal; } .service-item-box.style-5 {text-align: center; } .service-item-box.style-5 .svg-icon {color: #fff; } .service-item-box.style-5 h3 {font-size: 24px; } .service-item-box.style-5 p {font-size: 18px; line-height: 32px; padding: 0 50px; } .service-item-box.style-6 h3 {font-size: 20px; margin-top: 34px; margin-bottom: 16px; font-weight: normal; } .service-item-box.style-6 a {position: relative; height: 100%; display: inline-block; } .service-item-box.style-6 i {line-height: 120px; margin: 0 auto; -webkit-border-radius: 50%; border-radius: 50%; width: 120px; height: 120px; font-size: 40px; } .hi-icon {display: inline-block; font-size: 0px; cursor: pointer; margin: 15px 30px; width: 120px; height: 120px; -webkit-border-radius: 50%; border-radius: 50%; text-align: center; position: relative; z-index: 1; color: #fff; } .hi-icon:after {pointer-events: none; position: absolute; width: 100%; height: 100%; -webkit-border-radius: 50%; border-radius: 50%; content: ''; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .icon-effect-1 .hi-icon {background: #0ba9b7; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .icon-effect-1 .hi-icon.violet {background-color: #7b33d4; } .icon-effect-1 .hi-icon.green {background-color: #1abc9c; } .icon-effect-1 .hi-icon.blue {background-color: #29c7c8; } .icon-effect-1 .hi-icon:after {top: -5px; left: -5px; padding: 5px; box-shadow: 0 0 0 4px #999999; -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); -webkit-transition: -webkit-transform 600ms cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0.2s; -moz-transition: -moz-transform 600ms cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0.2s; transition: transform 600ms cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0.2s; opacity: 0; } .icon-effect-1a .hi-icon:hover {background-color: #0ba9b7; color: #fff; } .icon-effect-1a .hi-icon:hover:after {-webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 1; } .progress-bar {-webkit-transition: width 2s cubic-bezier(0.86, 0, 0.07, 1); -moz-transition: width 2s cubic-bezier(0.86, 0, 0.07, 1); -ms-transition: width 2s cubic-bezier(0.86, 0, 0.07, 1); -o-transition: width 2s cubic-bezier(0.86, 0, 0.07, 1); transition: width 2s cubic-bezier(0.86, 0, 0.07, 1); -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; box-shadow: none; -webkit-border-radius: 4px; border-radius: 4px; display: block; height: 12px; position: relative; overflow: hidden; background-color: #0ba9b7; }
.progress-bars {margin-bottom: 30px; } .progress-bars h6 {color: #5a5b5f; font-family: "Roboto", sans-serif; font-size: 14px; margin-top: 0; margin-bottom: 5px; text-transform: uppercase; letter-spacing: 0.04em; font-weight: normal; } .progress-bars h6 span {color: #5a5b5f; font-family: "Roboto", sans-serif; font-size: 14px; float: right; font-weight: normal; } .progress-bars.dark .progress.meter {background-color: #313235; } .progress-bars.dark h6, .progress-bars.dark h6 span {color: #fff; } .progress.meter {height: 12px; border-radius: 0; position: relative; background: #e5e7ec; margin-bottom: 25px; -webkit-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; box-shadow: none; } .progress.meter:last-child {margin-bottom: 0; } .meter.blue .progress-bar {background-color: #29c7c8; } .meter.turquoise .progress-bar {background-color: #1abc9c; } .meter.orange .progress-bar {background-color: #02bbcc; } .meter.violet .progress-bar {background-color: #7b33d4; } .accordion .panel-default > .panel-heading {position: relative; background-color: #fafcfc; padding: 0; -webkit-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; border: 1px solid #e8ebee; } .accordion.panel-group .panel {border: none; box-shadow: none; margin-top: 7px; } .accordion.panel-group .panel::first-child {margin-top: 0; } .accordion .panel-default > .panel-heading > a.minus {color: #5a5b5f; } .accordion .panel-heading > a > span {display: block; width: 13px; height: 1px; background-color: #5a5b5f; right: 18px; top: 22px; position: absolute; } .accordion .panel-heading > a.plus > span {background-color: #979ba3; } .accordion .panel-heading > a.plus > span:after {content: ""; display: block; width: 13px; height: 1px; position: absolute; top: 0; background-color: #979ba3; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); } .panel-content p {margin-bottom: 0; } .accordion .panel-default > .panel-heading + .panel-collapse > .panel-body, .panel-content {border: 1px solid #e8ebee; border-top-color: transparent; padding: 20px 30px; line-height: 26px; -webkit-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; } .accordion .panel-default > .panel-heading > a, .toggle > .acc-panel > a {display: block; position: relative; text-decoration: none; padding: 12px 20px; color: #979ba3; font-family: "Roboto", sans-serif; font-size: 16px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .accordion .panel-default > .panel-heading > a:hover, .toggle > .acc-panel > a:hover {color: #0ba9b7; } .accordion .panel-default > .panel-heading:hover a, .toggle > .acc-panel > a.active {color: #0ba9b7; } .toggle > .acc-panel > a {border-bottom: 1px solid #e8ebee; padding: 13px 0; } .toggle > .acc-panel > a:after {font-family: "themify"; position: absolute; content: "\e64b"; right: 0; color: #979ba3; font-size: 14px; } .toggle > .acc-panel > a.active:after {content: "\e648"; color: #5a5b5f; } .toggle .panel-content {padding: 20px 0 10px; border: none; } .nav-tabs {border-bottom: 1px solid #e8ebee; margin-bottom: -1px; } .nav.nav-tabs > li.active > a {border: 1px solid #e8ebee; background-color: #fff; border-bottom: 2px solid transparent; } .nav.nav-tabs > li.active > a, .nav.nav-tabs > li.active > a:hover, .nav.nav-tabs > li.active > a:focus, .nav.nav-tabs > li > a, .nav.nav-tabs > li > a:hover, .nav.nav-tabs > li > a:focus {color: #0ba9b7; } .nav-tabs > li {margin-bottom: -2px; } .nav.nav-tabs > li > a {padding: 13px 20px 12px; background-color: transparent; border: 1px solid #e8ebee; border-radius: 0; font-family: "Roboto", sans-serif; color: #979ba3; font-size: 16px; } .tab-content {padding: 30px; border: 1px solid #e8ebee; overflow: hidden; } .tab-content > .tab-pane > p {margin-bottom: 0; } .tabs-bb .nav.nav-tabs > li > a {border: none; } .tabs-bb .nav.nav-tabs > li.active > a {border: none; border-bottom: 2px solid #0ba9b7; } .tabs-bb .tab-content {padding: 24px 0; border: none; } .vertical .nav-tabs {float: left; width: 200px; position: relative; margin-right: -1px; border-right: 1px solid #e8ebee; border-bottom: none; z-index: 2; } .vertical .nav-tabs > li {float: none; border: 1px solid #e8ebee; border-right: 0; border-top: 0; margin-bottom: 0; } .vertical .nav-tabs > li:first-child {border-top: 1px solid #e8ebee; } .vertical .nav.nav-tabs > li > a {padding: 13px 20px 12px; margin-right: 0; border: none; } .vertical .nav.nav-tabs > li.active > a {border-right: 1px solid #fff; right: -1px; padding-left: 19px; } .chart {position: relative; display: inline-block; width: 160px; height: 160px; text-align: center; } .chart canvas {position: absolute; top: 0; left: 0; } .chart i {line-height: 160px; font-size: 42px; } .percent {display: inline-block; line-height: 160px; z-index: 2; font-size: 24px; font-family: "Roboto", sans-serif; color: #121212; } .percent:after {content: '%'; margin-left: 0.1em; font-size: .9em; } .section-buttons .btn {margin-bottom: 20px; } .btn {font-family: "Open Sans", sans-serif; font-weight: bold; text-transform: uppercase; text-decoration: none; text-align: center; overflow: hidden; position: relative; letter-spacing: 0.14em; border: 2px solid transparent; -webkit-border-radius: 4px; border-radius: 4px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; color: #fff; background-color: #191b1f; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .btn.btn-transparent {color: #fff; background-color: transparent; border-color: #fff; } .btn.btn-white {box-shadow: 1px 1.732px 3px 0px rgba(0, 0, 0, 0.05); } .btn:hover {-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; color: #fff; opacity: .9; } .btn:focus {color: #fff; outline: none !important; } .btn.btn-icon span {position: relative; display: inline-block; left: 0; -webkit-transition: left 0.2s ease-in-out, right 0.2s ease-in-out; -moz-transition: left 0.2s ease-in-out, right 0.2s ease-in-out; -ms-transition: left 0.2s ease-in-out, right 0.2s ease-in-out; -o-transition: left 0.2s ease-in-out, right 0.2s ease-in-out; transition: left 0.2s ease-in-out, right 0.2s ease-in-out; }
.btn.btn-icon > i {position: absolute; left: auto; font-size: 18px; width: 10px; margin-right: 20px; line-height: 46px; right: -30px; top: -2px; text-align: center; display: block; -webkit-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; -webkit-transition: left 0.2s ease-in-out, right 0.2s ease-in-out; -moz-transition: left 0.2s ease-in-out, right 0.2s ease-in-out; -ms-transition: left 0.2s ease-in-out, right 0.2s ease-in-out; -o-transition: left 0.2s ease-in-out, right 0.2s ease-in-out; transition: left 0.2s ease-in-out, right 0.2s ease-in-out; } .btn.btn-md.btn-icon > i {line-height: 38px; margin-right: 14px; } .btn.btn-sm.btn-icon > i {line-height: 33px; margin-right: 10px; font-size: 14px; } .btn.btn-icon:hover span {left: -14px; } .btn.btn-md.btn-icon:hover span {left: -10px; } .btn.btn-sm.btn-icon:hover span {left: -7px; } .btn.btn-icon:hover i {right: 0; } .btn.btn-transparent:hover, .btn.btn-stroke:hover, .btn.btn-light:hover, .btn.btn-white:hover {background-color: #ed432f;border-color: transparent;color: #fff;} .btn.btn-dark {background-color: #191b1f; } .btn.btn-light {background-color: #fafcfc; color: #191b1f; } .btn-lg {font-size: 13px; padding: 13px 34px; } .btn-md {font-size: 11px; padding: 10px 25px; } .btn-sm {font-size: 10px; padding: 7px 23px; } .btn.btn-color {background-color: #0ba9b7; } .btn.btn-transparent {color: #fff; background-color: transparent; border-color: #fff; } .btn.btn-white {color: #191b1f; background-color: #fff; } .btn.btn-stroke {border-color: #e8ebee; background-color: transparent; color: #191b1f; } .rounded {-webkit-border-radius: 70px; border-radius: 70px; } .btn.btn-orange {background-color: #ec7331; } .btn.btn-blue {background-color: #29c7c8; } .btn.btn-turquoise {background-color: #1abc9c; } .btn.btn-darkblue {background-color: #00a9b6;} .btn.btn-violet {background-color: #7b33d4; } .btn.btn-yellow {background-color: #f2c52f; } .btn.btn-pink {background-color: #e63369; } .btn.btn-lavender {background-color: #716fd9; } .social-icons a {margin: 0 3px 6px 0;display: inline-block;width: 38px;height: 38px;color: #979ba3;background-color: #fafcfc;line-height: 38px;text-align: center;font-size: 16px;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;-webkit-border-radius: 3px;border-radius: 3px;-webkit-backface-visibility: hidden;backface-visibility: hidden;} .social-icons a:last-child {margin-right: 0; } .social-icons:not(.colored) a:hover {background-color: #ed432f !important;color: #fff !important;} .social-icons.dark a {background-color: #909090;color: #ffffff;} .social-icons.large a {width: 50px; height: 50px; line-height: 50px; font-size: 16px; } .social-icons.transparent a {background-color: transparent; color: #979ba3; } .rounded a {-webkit-border-radius: 50%; border-radius: 50%; } .social-icons.colored a {color: #fff; } .social-icons.colored a:hover {opacity: 0.9; } .colored .social-twitter {background-color: #00acee; } .colored .social-facebook {background-color: #3b5998; } .colored .social-google-plus {background-color: #dd4b39; } .colored .social-linkedin {background-color: #0e76a8; } .colored .social-vimeo {background-color: #1ab7ea; } .colored .social-youtube {background-color: #c4302b; } .colored .social-instagram {background-color: #3f729b; } .colored .social-pinterest {background-color: #c8232c; } .colored .social-rss {background-color: #f26522; } .colored .social-dribbble {background-color: #ea4c89; } .colored .social-skype {background-color: #00aff0; } .colored .social-soundcloud {background-color: #ff3300; } .colored .social-vk {background-color: #45668e; } .colored .social-delicious {background-color: #3399ff; } .colored .social-android {background-color: #a4c639; } .colored .social-digg {background-color: #000000; } .colored .social-reddit {background-color: #ff4500; } .colored .social-dropbox {background-color: #007ee5; } .colored .social-odnoklassniki {background-color: #ed812b; } .colored .social-github {background-color: #4183c4; } .colored .social-flickr {background-color: #ff0084; } .colored .social-lastfm {background-color: #d51007; } .colored .social-email {background-color: #242424; } input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="tel"], input[type="number"], input[type="date"], input[type="search"], select, textarea {height: 44px; border: 2px solid #e8ebee; background-color: transparent; width: 100%; margin-bottom: 16px; padding: 0 16px; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; box-shadow: none; -webkit-border-radius: 4px; border-radius: 4px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } textarea {height: auto; padding: 8px 16px; margin-bottom: 25px; } input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus, textarea:focus {border-color: #0ba9b7; outline: none; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; box-shadow: none; } input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color: #979ba3; } input:-moz-placeholder, textarea:-moz-placeholder {color: #979ba3; opacity: 1; } input::-moz-placeholder, textarea::-moz-placeholder {color: #979ba3; opacity: 1; } input:-ms-input-placeholder, textarea:-ms-input-placeholder {color: #979ba3; } select {-webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; padding-left: 12px; background: url(../img/shop/shop_icons.png) no-repeat; background-position: 100% -176px; } select::-ms-expand {display: none; } input[type="checkbox"] {display: none; } input[type="checkbox"] + label:before {width: 17px; height: 17px; background-color: #f0f5f5; content: ""; display: inline-block; font-size: 13px; margin: -4px 12px 0 0; text-align: center; vertical-align: middle; cursor: pointer; -webkit-border-radius: 3px; border-radius: 3px; border: 1px solid #e8ebee; }
input[type="checkbox"]:checked + label:before {content: "\f0c8"; font-family: "FontAwesome"; color: #191b1f; font-size: 9px; line-height: 16px; } input[type="checkbox"] + label, input[type="radio"] + label {cursor: pointer; margin-bottom: 0; font-family: "Roboto", sans-serif; text-transform: none; letter-spacing: normal; color: #5a5b5f; font-size: 14px; } .radio-buttons > li, .checkboxes > li {padding: 7px 0; } input[type="radio"] {display: none; } input[type="radio"] + label:before {display: inline-block; content: ""; width: 17px; height: 17px; background-color: #f0f5f5; border-radius: 40px; margin: -3px 10px 0 0; outline: none; vertical-align: middle; cursor: pointer; margin-bottom: 0; } input[type="radio"]:checked + label:before {background-color: #191b1f; border: 5px solid #f0f5f5; padding: 1px; } input[type="radio"]:focus {outline: none; } label {font-weight: bold; color: #5a5b5f; font-size: 14px; font-family: "Roboto", sans-serif; vertical-align: middle; } .mfp-iframe-holder .mfp-content {max-width: 1400px; } table th {font-weight: normal; } .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {border-top: 1px solid #e8ebee; padding: 10px; } .shop_table thead {border-bottom: 2px solid #e8ebee; } .table > thead > tr > th {border-bottom: none; } .table thead tr th {font-size: 12px; color: #5a5b5f; text-transform: uppercase; font-weight: bold; letter-spacing: 0.05em; } .table-bordered, .table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td {border: 1px solid #e8ebee; } .table-striped > tbody > tr:nth-of-type(odd) {background-color: #fafcfc; } .alert {padding: 12px 18px; margin-bottom: 20px; border: none; -webkit-border-radius: 3px; border-radius: 3px; } .alert-dismissible .close {right: 0; top: 0; color: inherit; position: relative; } .close {opacity: 1; text-shadow: none; font-weight: normal; font-size: 21px; } .alert-success {background-color: #e8faf8; color: #1abc9c; } .alert-info {background-color: #f0fafa; color: #4693cc; } .alert-warning {background-color: #faf8f0; color: #cc9c69; } .alert-danger {background-color: #faefee; color: #0ba9b7; } .parallax-counters {padding: 150px 0; } .parallax-counters .statistic .timer, .parallax-counters .counter-text {color: #fff; } .parallax-counters .parallax {background-image: url(../img/results_bg.jpg); } .statistic .timer {display: block; font-size: 50px; color: #5a5b5f; margin: 0 0 5px; font-family: "Roboto", sans-serif; font-weight: 300; } .counter-text {font-size: 16px; color: #5a5b5f; text-transform: uppercase; letter-spacing: 0.05em; font-family: "Roboto", sans-serif; } .statistic.style-2 {padding: 122px 10px; color: #fff; } .statistic.style-2 .timer, .statistic.style-2 .counter-text {color: #fff; } .statistic.style-2 i {font-size: 64px; margin-bottom: 15px; display: inline-block; } .statistic.style-2.dark {background-color: #191b1f; } .statistic.style-2.blue {background-color: #29c7c8; } .statistic.style-2.violet {background-color: #7b33d4; } .statistic.style-2.red {background-color: #0ba9b7; } .statistic.with-icon i {font-size: 46px; color: #0ba9b7; display: inline-block; margin-bottom: 15px; } .footer-widgets {padding: 80px 0; } .footer-widgets h5 {margin-bottom: 16px; font-size: 20px; color: #fff; position: relative; } .footer-widgets a {color: #ffffff;} .container-fluid .footer-widgets > .row > div[class^="col"] {padding: 0 40px; } .footer-widgets a:hover, .copyright a:hover, .footer-entry .entry-meta li a:hover, .bottom-footer-links li a:hover {color: #0ba9b7; } .footer-get-in-touch p {margin-bottom: 7px;font-size: 15px;line-height: 21px;} .footer-get-in-touch i {font-size: 15px; color: #5a5b5f; margin-right: 5px; } .footer-address {margin-bottom: 24px;line-height: 26px;} .footer.bg-dark .entry-list ul > li {border-bottom: 1px solid #40434a; } .footer.bg-dark .entry-list ul > li .entry-meta li, .footer.bg-dark .entry-list ul > li .entry-meta li a {color: #848890; font-size: 12px; } .recent-works {margin-top: 29px; } .recent-works li {position: relative; float: left; margin: 0 12px 12px 0; background-color: #191b1f; -webkit-border-radius: 4px; border-radius: 4px; overflow: hidden; } .recent-works li img {-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-border-radius: 4px; border-radius: 4px; width: 60px; height: 60px; } .recent-works li:hover img {opacity: 0.4; } .bottom-footer {background-color: rgb(70,70,70);color: #FFF;padding: 12px 0;} .bottom-footer .social-icons a {margin-bottom: 0; } .copyright span {display: inline-block;font-size: 12px;line-height: 18px;} .copyright a {color: #ffffff;} .footer-type-2 {padding: 100px 0; } .footer-extra-links {margin-top: 50px; } .footer-extra-links li {display: inline-block; padding: 0 10px; } .footer-map {background: url(../img/footer_map.png) no-repeat; } .entry-li:first-child, .footer-links li:first-child {padding-top: 0 !important; } .entry-li:last-child, .footer-links li:last-child {border-bottom: none !important; padding-bottom: 0 !important; } .footer-links ul > li {padding: 8px 0; border-bottom: 1px solid #40434a; } .post-small img {width: auto; -webkit-border-radius: 4px; border-radius: 4px; } .entry-list .entry-img {float: left; margin-right: 20px; margin-bottom: 0; } input[type="email"].newsletter-input {border-color: #40434a; } input[type="email"].newsletter-input:focus {border-color: #0ba9b7; }
.newsletter-submit {width: 100%; } .footer-payment-systems i {font-size: 26px; vertical-align: middle; line-height: 32px; } .footer-type-4 .footer-widgets {padding: 100px 0; } .footer-type-4 .footer-get-in-touch p {margin-bottom: 0; } #customizer {position: fixed; top: 0; z-index: 10000; height: 100%; background-color: #fff; box-shadow: 0 0 8px rgba(0,0,0,.10); width: 260px; } .corner {display: block; cursor: pointer; width: 40px; height: 40px; background-color: #fff; position: absolute; top: 100px; left: -40px; box-shadow: -3px 0px 8px -1px rgba(0,0,0,.10); line-height: 40px; text-align: center; border-radius: 3px 0 0 3px; font-size: 20px; color: #1e2023; font-family: Helvetica, sans-serif; } .s-close {right: -260px !important; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; } .s-open {right: 0 !important; } #options {padding: 15px; overflow-y: scroll; overflow-x: hidden; height: 100%; } .demo-list li {float: left; padding: 5px 2px; } .demo-list img {border: 5px solid #fafcfc; } .color-scheme a {display: block; height: 30px; width: 30px; margin: 0 4.25px 10px; }
@media (max-width: 767px) {#customizer {display: none; }}

h3.buttons a {
    margin: 0 auto;
    display: block;
    background: #ed432f;
    width: 180px;
    padding: 10px;
    text-align: center;
    color: #fff;
    font-size: 20px;
    border-radius: 10px;
    text-transform: uppercase;
}

h3.buttons a:hover {
	background: #909090;
}