/*-------------------------------------------------------*/ /* General /*-------------------------------------------------------*/ .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: #e7604a; } .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: #e7604a; } ::-webkit-selection { color: #fff; background-color: #e7604a; } ::selection { color: #fff; background-color: #e7604a; } a { text-decoration: none; color: #e7604a; 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: #e7604a; 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%; } /*-------------------------------------------------------*/ /* Preloader /*-------------------------------------------------------*/ .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: #e7604a; 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 icon -------------------------------------------------------*/ .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; /* Old browsers */ background: -moz-linear-gradient(left, #7b33d4 0%, #4693cc 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #7b33d4), color-stop(100%, #4693cc)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, #7b33d4 0%, #4693cc 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, #7b33d4 0%, #4693cc 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, #7b33d4 0%, #4693cc 100%); /* IE10+ */ background: linear-gradient(to right, #7b33d4 0%, #4693cc 100%); /* W3C */ filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#000000', GradientType=0); /* IE6-9 */ } .bg-gradient-2:after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: .9; z-index: -1; background: #1abc9c; /* Old browsers */ background: -moz-linear-gradient(left, #1abc9c 0%, #29c7c8 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #1abc9c), color-stop(100%, #29c7c8)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, #1abc9c 0%, #29c7c8 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, #1abc9c 0%, #29c7c8 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, #1abc9c 0%, #29c7c8 100%); /* IE10+ */ background: linear-gradient(to right, #1abc9c 0%, #29c7c8 100%); /* W3C */ filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#000000', GradientType=0); /* IE6-9 */ } /*-------------------------------------------------------*/ /* Typography /*-------------------------------------------------------*/ 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: 15px; color: #979ba3; font-weight: normal; line-height: 26px; } .heading { position: relative; margin-bottom: 30px; } .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 #e7604a; 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: #e7604a; -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: #e7604a; -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: #e7604a; 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: #e7604a; } .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 #e7604a; } .dropcap { font-family: 'Montserrat', sans-serif; } .dropcap.style-1 { float: left; color: #e7604a; font-size: 47px; line-height: 48px; padding-right: 10px; } .dropcap.style-2 { float: left; color: #fff; text-align: center; background-color: #e7604a; width: 38px; height: 38px; font-size: 24px; line-height: 40px; margin: 7px 10px 0 0; } .highlight { padding: 3px 5px; color: #fff; background-color: #e7604a; } .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: #e7604a; padding-right: 0.5em; } .arrows i { margin-right: 5px; } .arrows i, .checks i { color: #e7604a; } .checks i { font-size: 12px; margin-right: 7px; vertical-align: middle; } ol.numbers { padding-left: 20px; } .section-columns p { margin-bottom: 40px; } /*-------------------------------------------------------*/ /* Top Bar /*-------------------------------------------------------*/ .top-bar { background-color: #191b1f; width: 100%; position: relative; height: 44px; color: #979ba3; } .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: #e7604a; } .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; } /*-------------------------------------------------------*/ /* Navigation /*-------------------------------------------------------*/ .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: 60px; 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: 0; 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: 20%; padding-right: 15px; } .nav-wrap { width: 60%; } .nav-type-3 .nav-wrap { width: 80%; 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: 13px; padding: 0 16px; line-height: 100px; } .navbar-nav>li:last-child>a { padding-right: 0; } header.transparent .navbar-nav>li>a { color: #fff; } .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: #e7604a !important; } .navbar-nav>.open>a, .navbar-nav>.open>a:focus, .navbar-nav>.open>a:hover { background-color: transparent; color: #e7604a; } .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: 200px; margin: 0; padding: 20px 0; border-top: 2px solid #e7604a; border-left: 1px solid #e8ebee; border-right: 1px solid #e8ebee; border-bottom: none; border-radius: 0; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05); } .dropdown-menu li>a { padding: 5px 30px; 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; font-weight: 500; } .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: transparent; color: #e7604a; } .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); } } /*-------------------------------------------------------*/ /* Navigation Right Links /*-------------------------------------------------------*/ .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; } /* Menu Search -------------------------------------------------------*/ 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: #e7604a; } /* Menu Cart -------------------------------------------------------*/ .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; } /* Menu Cart Popup -------------------------------------------------------*/ .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 #e7604a; 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: #e7604a; } .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: #e7604a; } .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: #e7604a; } .cart-inner a>span { display: block; position: absolute; top: -6px; right: -8px; background-color: #e7604a; color: #fff; width: 15px; height: 15px; text-align: center; line-height: 15px; -webkit-border-radius: 50%; border-radius: 50%; font-size: 10px; } /* Navigation Toggle -------------------------------------------------------*/ .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: #e7604a; } .navbar-toggle:focus, .navbar-toggle:hover { background-color: transparent; } /* Nav Side Icon -------------------------------------------------------*/ .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; } /* Offset Sidenav -------------------------------------------------------*/ .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: #e7604a; } .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; } /*-------------------------------------------------------*/ /* Onepage Navigation / Landing /*-------------------------------------------------------*/ .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; } /* Go to Top -------------------------------------------------------*/ #back-to-top { display: block; z-index: 500; 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: #e7604a; } #back-to-top:hover i { color: #fff; } /*-------------------------------------------------------*/ /* Nav Type-4 (Left Nav) /*-------------------------------------------------------*/ .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: #e7604a; } /*-------------------------------------------------------*/ /* Promo Section /*-------------------------------------------------------*/ .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: #e7604a; } /*-------------------------------------------------------*/ /* Testimonials /*-------------------------------------------------------*/ .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; } /*-------------------------------------------------------*/ /* Style-2 /*-------------------------------------------------------*/ .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; } /*-------------------------------------------------------*/ /* Style-3 /*-------------------------------------------------------*/ .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; } /*-------------------------------------------------------*/ /* Style-4 /*-------------------------------------------------------*/ .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 /*-------------------------------------------------------*/ .partners { padding: 30px 0; } /*-------------------------------------------------------*/ /* Call To Action /*-------------------------------------------------------*/ .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 /*-------------------------------------------------------*/ .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 /*-------------------------------------------------------*/ .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 /*-------------------------------------------------------*/ .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; } /*-------------------------------------------------------*/ /* Onepage Slide /*-------------------------------------------------------*/ .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 /*-------------------------------------------------------*/ .intro { padding: 150px 0; } .intro.style-2 { padding: 90px 0; } .intro.style-2 .subheading { font-size: 16px; color: #e7604a; } .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; } /*-------------------------------------------------------*/ /* iPad with Features /*-------------------------------------------------------*/ .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: 60px; } .features-icons .service-item-box { padding: 0; margin-bottom: 50px; background-color: transparent; position: relative; } .features-icons .service-item-box.feature-right { text-align: right; } /*-------------------------------------------------------*/ /* Pricing Tables /*-------------------------------------------------------*/ .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: #e7604a; 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: #e7604a; } .pricing-features li i.green { color: #1abc9c; } /*-------------------------------------------------------*/ /* Style-2 /*-------------------------------------------------------*/ .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 #e7604a; } .pricing-table.style-2.blue { border-top: 5px solid #4693cc; } .pricing-table.style-2.red .btn { background-color: #e7604a; } .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 /*-------------------------------------------------------*/ .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 Us Description /*-------------------------------------------------------*/ .about-description h3 { font-size: 30px; line-height: 42px; margin-bottom: 25px; } .about-description p { font-size: 16px; line-height: 32px; } /*-------------------------------------------------------*/ /* Image With Features /*-------------------------------------------------------*/ .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 /*-------------------------------------------------------*/ .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: #e7604a; } .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; } /*-------------------------------------------------------*/ /* Contact /*-------------------------------------------------------*/ .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: #e7604a; } .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; } .breadcrumb-section{ padding: 10px 0; } /*-------------------------------------------------------*/ /* Google Map /*-------------------------------------------------------*/ .gmap { width: 100%; height: 450px; } /*-------------------------------------------------------*/ /* Who We Are / Vision / Results /*-------------------------------------------------------*/ .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 Button /*-------------------------------------------------------*/ .play-btn.hi-icon { display: inline-block; width: 120px; height: 120px; background-color: #e7604a; 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; } /*Hi icon Effect 8*/ .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; } } /*-------------------------------------------------------*/ /* Sidenav Demo /*-------------------------------------------------------*/ .vertical-nav .container { max-width: 100%; } .heading-bg-color { width: 100%; background-color: #e7604a; padding: 210px 0; font-size: 72px; margin-bottom: 0; } svg * { fill: none; stroke: currentColor; } .svg-icon { width: 100px; height: 100px; display: inline-block; } /*5 columns*/ .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: #e7604a; } .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; } /*-------------------------------------------------------*/ /* Tabs Slider /*-------------------------------------------------------*/ .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: #e7604a; } .video-section { padding: 162px 0; } /*-------------------------------------------------------*/ /* Landing /*-------------------------------------------------------*/ #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 Banner /*-------------------------------------------------------*/ .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; } } /*-------------------------------------------------------*/ /* Core Features /*-------------------------------------------------------*/ #features { padding: 150px 0 80px; } /*-------------------------------------------------------*/ /* Showcases /*-------------------------------------------------------*/ #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 /*-------------------------------------------------------*/ .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: 650px; } .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: #fff; 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: #fff; } .page-title .breadcrumb>li+li:before { color: #fff; opacity: 0.5; padding: 0 1px 0 5px; } /*-------------------------------------------------------*/ /* Style-2 /*-------------------------------------------------------*/ .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; } /*-------------------------------------------------------*/ /* About Us /*-------------------------------------------------------*/ .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; } /*-------------------------------------------------------*/ /* Contact /*-------------------------------------------------------*/ .icon-boxes.parallax-bg { padding: 140px 0 90px; } .service-item-box.style-1 .email { line-height: 26px; color: #979ba3; } /*-------------------------------------------------------*/ /* 404 /*-------------------------------------------------------*/ .page-404 h1 { font-size: 200px; line-height: 1.2; } .page-404 a, .page-404 p { font-size: 14px; } /*-------------------------------------------------------*/ /* Blog Standard /*-------------------------------------------------------*/ .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: 20px; margin-bottom: 13px; line-height: 32px; } .entry-title a:hover { color: #e7604a; } .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; } /* Quote Post -------------------------------------------------------*/ .entry .blockquote-style-1 a { color: #979ba3; } .entry .blockquote-style-1 a:hover { color: #e7604a; } /* Video Post -------------------------------------------------------*/ .entry-video iframe { width: 100%; display: block; border: 0; } /*-------------------------------------------------------*/ /* Pagination /*-------------------------------------------------------*/ .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: #e7604a; border-color: transparent; color: #fff; } .pagination a>i { font-size: 16px; } .pagination .current { color: #e7604a; } /*-------------------------------------------------------*/ /* Sidebar /*-------------------------------------------------------*/ .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: #e7604a; } .widget.categories li span, .widget.filter-by-size .count { right: 0; position: absolute; color: #979ba3; } /* Entry List -------------------------------------------------------*/ .entry-list ul>li { border-bottom: 1px solid #e8ebee; border-top: 0; } .entry-list ul>li a:hover { color: #e7604a; } .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; } /* Sidebar Search -------------------------------------------------------*/ .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 -------------------------------------------------------*/ .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: #e7604a; color: #fff; border-color: transparent; } /*-------------------------------------------------------*/ /* Blog Single /*-------------------------------------------------------*/ .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; } /*-------------------------------------------------------*/ /* Portfolio /*-------------------------------------------------------*/ .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: #e7604a; } .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: #e7604a; } .work-item .work-description>span>a { color: #979ba3; font-size: 12px; } .work-item .work-description>span>a:hover { color: #e7604a; } .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: #e7604a; } .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 /*-------------------------------------------------------*/ .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); } /*-------------------------------------------------------*/ /* Single Project /*-------------------------------------------------------*/ .project-description { padding-left: 5%; } /*-------------------------------------------------------*/ /* Style-2 /*-------------------------------------------------------*/ .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 Banners /*-------------------------------------------------------*/ .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; } /*-------------------------------------------------------*/ /* New Arrivals /*-------------------------------------------------------*/ .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 #e7604a; color: #e7604a; } .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: #e7604a; } .price, .amount { font-family: "Roboto", sans-serif; text-transform: uppercase; } .price del { color: #979ba3; margin-right: 10px; } .price ins { text-decoration: none; color: #e7604a; 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: #e7604a; } .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 /*-------------------------------------------------------*/ .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: #e7604a; 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: #e7604a; color: #fff; } .product-img.hover-1 .product-actions i { font-size: 14px; } /*-------------------------------------------------------*/ /* Promo Slider /*-------------------------------------------------------*/ .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 /*-------------------------------------------------------*/ .shop-items-slider .product-item { padding: 0 15px; margin-bottom: 0; } /*-------------------------------------------------------*/ /* Catalogue /*-------------------------------------------------------*/ /* Filter -------------------------------------------------------*/ .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: #e7604a; } .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; } /* Grid / List View -------------------------------------------------------*/ .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: #e7604a; color: #fff; } /* Product List Widget -------------------------------------------------------*/ .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; } /* Price Slider -------------------------------------------------------*/ .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: #e7604a; 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 -------------------------------------------------------*/ .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: #e7604a; } .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; } /*-------------------------------------------------------*/ /* Single Product /*-------------------------------------------------------*/ #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: #e7604a; } .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; } /*-------------------------------------------------------*/ /* Cart Page /*-------------------------------------------------------*/ .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: #e7604a; } .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: #e7604a; } .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; } /*-------------------------------------------------------*/ /* Checkout /*-------------------------------------------------------*/ #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: #e7604a; } .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; } /*-------------------------------------------------------*/ /* Sliders /*-------------------------------------------------------*/ .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: #e7604a; } .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: #e7604a; } /*-------------------------------------------------------*/ /* Service Icons /*-------------------------------------------------------*/ .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: #fff; 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: 60px 50px; border-top: 3px solid #e7604a; -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: #e7604a; } .service-item-box.style-1.red { border-color: #e7604a; } .service-item-box.style-1.red i { color: #e7604a; } .service-item-box.style-1.red .read-more { color: #e7604a; } .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 #e7604a; -moz-box-shadow: 0 0 0 2px #e7604a; -ms-box-shadow: 0 0 0 2px #e7604a; box-shadow: 0 0 0 2px #e7604a; } .service-item-box.gradient i { background: #e7604a; /* Old browsers */ background: -moz-linear-gradient(left, #e7604a 0%, #e79c4b 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #e7604a), color-stop(100%, #e79c4b)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, #e7604a 0%, #e79c4b 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, #e7604a 0%, #e79c4b 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, #e7604a 0%, #e79c4b 100%); /* IE10+ */ background: linear-gradient(to right, #e7604a 0%, #e79c4b 100%); /* W3C */ filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#000000', GradientType=0); /* IE6-9 */ } .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; } /*-------------------------------------------------------*/ /* Style-3 /*-------------------------------------------------------*/ .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: #e7604a; /* Old browsers */ background: -moz-linear-gradient(left, #e7604a 0%, #e79c4b 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #e7604a), color-stop(100%, #e79c4b)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, #e7604a 0%, #e79c4b 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, #e7604a 0%, #e79c4b 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, #e7604a 0%, #e79c4b 100%); /* IE10+ */ background: linear-gradient(to right, #e7604a 0%, #e79c4b 100%); /* W3C */ filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#000000', GradientType=0); /* IE6-9 */ -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; } /*-------------------------------------------------------*/ /* Style-4 /*-------------------------------------------------------*/ .service-item-box.style-4 a { float: left; width: 46px; height: 46px; line-height: 46px; margin-right: 20px; text-align: center; background-color: #e7604a; 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; } /*-------------------------------------------------------*/ /* Style-5 /*-------------------------------------------------------*/ .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; } /*-------------------------------------------------------*/ /* Style-6 /*-------------------------------------------------------*/ .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 Icons*/ .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; } /* Effect 1 */ .icon-effect-1 .hi-icon { background: #e7604a; -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 2px #191b1f; -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: #191b1f; 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 Bars /*-------------------------------------------------------*/ .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: #e7604a; } .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: #e79c4b; } .meter.violet .progress-bar { background-color: #7b33d4; } /*-------------------------------------------------------*/ /* Accordions and Toggles /*-------------------------------------------------------*/ .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: #e7604a; } .accordion .panel-default>.panel-heading:hover a, .toggle>.acc-panel>a.active { color: #e7604a; } .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; } /*-------------------------------------------------------*/ /* Tabs /*-------------------------------------------------------*/ .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: #e7604a; } .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; } /* Border Bottom */ .tabs-bb .nav.nav-tabs>li>a { border: none; } .tabs-bb .nav.nav-tabs>li.active>a { border: none; border-bottom: 2px solid #e7604a; } .tabs-bb .tab-content { padding: 24px 0; border: none; } /* Vertical */ .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; } /*-------------------------------------------------------*/ /* Pie Charts /*-------------------------------------------------------*/ .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; } /*-------------------------------------------------------*/ /* Buttons /*-------------------------------------------------------*/ .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: #e7604a; 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: #e7604a; } .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: #4693cc; } .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 /*-------------------------------------------------------*/ .social-icons a { margin: 0 3px 6px 0; display: inline-block; width: 32px; height: 32px; color: #979ba3; background-color: #fafcfc; line-height: 32px; text-align: center; font-size: 13px; -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: #e7604a !important; color: #fff !important; } .social-icons.dark a { background-color: #23252a; color: #979ba3; } .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; } /*-------------------------------------------------------*/ /* Form Elements /*-------------------------------------------------------*/ 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: #e7604a; outline: none; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; box-shadow: none; } /* Change Color of Placeholders */ 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; } /* Checkboxes & Radio Buttons -------------------------------------------------------*/ 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; } /*-------------------------------------------------------*/ /* Lightboxes /*-------------------------------------------------------*/ .mfp-iframe-holder .mfp-content { max-width: 1400px; } /*-------------------------------------------------------*/ /* Tables /*-------------------------------------------------------*/ 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 Boxes /*-------------------------------------------------------*/ .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: #e7604a; } /*-------------------------------------------------------*/ /* Counters /*-------------------------------------------------------*/ .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: #e7604a; } .statistic.with-icon i { font-size: 46px; color: #e7604a; display: inline-block; margin-bottom: 15px; } /*-------------------------------------------------------*/ /* Footer Type-1 /*-------------------------------------------------------*/ .footer-widgets { padding: 80px 0; } .footer-widgets h5 { margin-bottom: 16px; font-size: 20px; color: #fff; position: relative; } .footer-widgets a { color: #c2c9cc; } .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: #e7604a; } .footer-get-in-touch p { margin-bottom: 7px; font-size: 14px; } .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: #1e2023; padding: 19px 0; } .bottom-footer .social-icons a { margin-bottom: 0; } .copyright span { display: inline-block; font-size: 12px; line-height: 32px; } .copyright a { color: #979ba3; } /*-------------------------------------------------------*/ /* Footer Type-2 /*-------------------------------------------------------*/ .footer-type-2 { padding: 100px 0; } .footer-extra-links { margin-top: 50px; } .footer-extra-links li { display: inline-block; padding: 0 10px; } /*-------------------------------------------------------*/ /* Footer Type-3 /*-------------------------------------------------------*/ .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: #e7604a; } .newsletter-submit { width: 100%; } .footer-payment-systems i { font-size: 26px; vertical-align: middle; line-height: 32px; } /*-------------------------------------------------------*/ /* Footer Type-4 /*-------------------------------------------------------*/ .footer-type-4 .footer-widgets { padding: 100px 0; } .footer-type-4 .footer-get-in-touch p { margin-bottom: 0; } /*# sourceMappingURL=style.css.map */ /*-------------------------------------------------------*/ /* Style Switcher /*-------------------------------------------------------*/ #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; } } /*================================ Custom css ================================*/ .service-item-box.style-1 { height: 270px; padding: 40px 40px; } .colored .social-vimeo { background-color: #93007d; } .owl-page span, .owl-page.active span { height: 3px; } .benefits-list-p { margin-top: 20px; } .testimonial-name { color: #5a5b5f; } #nav-icon span:nth-child(1) { top: 0.8px; } .icon-boxes.parallax-bg { padding: 80px 0 30px; }