/*STYLE.CSS*/ /*-------------------------------------------------------------------------------------------------------------------------------*/ /*This is main CSS file that contains custom style rules used in this template*/ /*-------------------------------------------------------------------------------------------------------------------------------*/ /* Template Name: California.*/ /* Version: 1.0 Initial Release*/ /* Author: Unbranded.*/ /* Website: http://wp.city/ /* Copyright: (C) 2015 */ /*-------------------------------------------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------*/ /* TABLE OF CONTENTS: */ /*--------------------------------------------------------*/ /* 01 - LAYOUT INITIALIZATION & COLOR PRESETS */ /* 02 - HOME */ /* 03 - ABOUT */ /* 04 - BLOG */ /* 05 - SHOP */ /* 06 - ELEMENTS */ /* 07 - SHOP DETAIL */ /* 08 - PORTFOLIO */ /* 09 - PORTFOLIO DETAIL */ /* 10 - WOOCOMMERCE */ /* 11 - CALL TO ACTION */ /*-------------------------------------------------------------------------------------------------------------------------------*/ /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 01 - LAYOUT INITIALIZATION & COLOR PRESETS */ /*-------------------------------------------------------------------------------------------------------------------------------*/ @import url('//fonts.googleapis.com/css?family=Open+Sans'); @import url('https://fonts.googleapis.com/css?family=Roboto+Slab:100,300,400,700&subset=cyrillic,cyrillic-ext,latin-ext'); @import url('https://fonts.googleapis.com/css?family=Montserrat:400,700|Open+Sans|Poppins|Raleway:300'); @font-face { font-family: 'Roboto Slab', serif; src: url('../font/intro-webfont.eot'); src: url('../font/intro-webfont.eot?#iefix') format('embedded-opentype'), url('../font/intro-webfont.woff2') format('woff2'), url('../font/intro-webfont.woff') format('woff'), url('../font/intro-webfont.ttf') format('truetype'), url('../font/intro-webfont.svg#intro_regular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'proxima_nova_rgregular'; src: url('../font/proximanova-regular-webfont.eot'); src: url('../font/proximanova-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../font/proximanova-regular-webfont.woff2') format('woff2'), url('../font/proximanova-regular-webfont.woff') format('woff'), url('../font/proximanova-regular-webfont.ttf') format('truetype'), url('../font/proximanova-regular-webfont.svg#proxima_nova_rgregular') format('svg'); font-weight: normal; font-style: normal; } html { margin: 0px; padding: 0px; width: 100%; } body { margin: 0 auto; font-size: 16px; width: 100%; font-family: 'Montserrat', sans-serif; color: #222; background-color: #fff; font-weight: 400; font-style: normal; } .animsition { position: static; } .enable_overlay { content: ''; position: absolute; top: 0; left: 0; height: 100%; width: 100%; background: rgba(42, 42, 42, 0.8); } .overlay-wrap { position: relative; } .vc_row.vc_row-no-padding { padding-left: 0; padding-right: 0; } .no-padding { padding-left: 0; padding-right: 0; } a { text-decoration: none; color: inherit; outline: none; transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; -ms-transition: all 0.3s ease-in; } a:hover { text-decoration: none; } a:focus, a:hover { color: #fda329; } a img { border: 0px none; } a:hover { outline: none; } a:active { outline: none; text-decoration: none; } a:focus { outline: none; outline-offset: 0px; text-decoration: none; color: inherit; } .clear { clear: both; overflow: hidden; height: 0px; font-size: 0px; } .clear_l { clear: both; } ul { padding: 0px; margin: 0px; list-style: none; } input:focus, select:focus, textarea:focus, button:focus { outline: none; box-shadow: none; } ::-webkit-input-placeholder { color: #999; opacity: 1; } ::-moz-placeholder { color: #999; opacity: 1; } :-moz-placeholder { color: #999; opacity: 1; } :-ms-input-placeholder { color: #999; opacity: 1; } /*h1, h2, h3, h4, h5, h6, p{margin:0px; padding:0px;}*/ article, section, footer, header, figure, aside, hgroup, nav { display: block; } header, nav, article, footer, section, aside, figure, figcaption { display: block } button { outline: none; border: none; box-shadow: none; background: none; } /*------------------------------------------------------*/ /*----------------------BACKGROUND----------------------*/ .bg { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; overflow: hidden; } .bg img { position: absolute; top: 0px; width: 100%; height: 100%; } .bg video { position: absolute; } .bg-bg { background-position: 50% 0px; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .bg-bg-bag { background-attachment: scroll; background-origin: initial; background-clip: initial; background-size: cover; background-repeat: no-repeat; background-position: 50% 0; position: relative; } .bg-bg-chrome { background-position: 50% 50%; background-repeat: no-repeat; background-attachment: scroll; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; -ms-background-size: cover; background-size: cover; position: fixed; } .bg-bg-chrome.act { position: absolute; } .clip { clip: rect(auto, auto, auto, auto); height: 100%; position: absolute; width: 100%; } .full-width { position: relative; width: 100%; } .full-height { height: 100vmin; position: relative; float: left; width: 100%; } .vertical-center { -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); top: 50%; } .vertical-align { -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); top: 50%; position: absolute; width: 100%; left: 0px; } .center_img { position: absolute; } .swiper-container { margin: 0 auto; height: inherit; width: 100%; position: relative; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; overflow: hidden; } .swiper-wrapper { position: relative; width: 100%; -webkit-transition-property: -webkit-transform, left, top; -webkit-transition-duration: 0s; -webkit-transform: translate3d(0px, 0, 0); -webkit-transition-timing-function: ease; -moz-transition-property: -moz-transform, left, top; -moz-transition-duration: 0s; -moz-transform: translate3d(0px, 0, 0); -moz-transition-timing-function: ease; -o-transition-property: -o-transform, left, top; -o-transition-duration: 0s; -o-transform: translate3d(0px, 0, 0); -o-transition-timing-function: ease; -o-transform: translate(0px, 0px); -ms-transition-property: -ms-transform, left, top; -ms-transition-duration: 0s; -ms-transform: translate3d(0px, 0, 0); -ms-transition-timing-function: ease; transition-property: transform, left, top; transition-duration: 0s; transform: translate3d(0px, 0, 0); transition-timing-function: ease; } .swiper-free-mode>.swiper-wrapper { -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -ms-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; margin: 0 auto; } .swiper-wp8-horizontal { -ms-touch-action: pan-y; } .swiper-wp8-vertical { -ms-touch-action: pan-x; } .swiper-slide { position: relative; float: left; } h1, h2, h3, h4, h5, h6 { font-family: inherit; line-height: 1.1; } h1 { font-size: 48px; font-weight: 300; line-height: 50px; margin-bottom: 20px; } h2 { font-size: 36px; line-height: 42px; font-weight: 300; margin-bottom: 20px; } .simple-page-content h2 { font-size: 30px; margin: 25px 0; } .simple-page-content h3 { font-size: 22px; margin: 22px 0; font-weight: 400; color: #000; margin-bottom: 20px; font-family: 'Montserrat', sans-serif; text-align: left; } .simple-page-content h4 { font-size: 20px; margin: 25px 0; } .simple-page-content h5 { font-size: 18px; margin: 30px 0; font-weight: 600; } .simple-page-content h6 { font-size: 16px; margin: 36px 0; letter-spacing: 0px; } .simple-page-content pre { margin-top: 12px; } h3 { font-size: 50px; font-weight: 700; color: #000; margin-bottom: 20px; font-family: 'Montserrat', sans-serif; text-align: center; } h4 { font-size: 18px; line-height: 22px; font-weight: 300; margin-bottom: 20px; } h5 { font-size: 20px; line-height: 22px; font-weight: 300; margin-bottom: 20px; font-family: 'Raleway', sans-serif; } h6 { font-size: 10px; line-height: 16px; font-weight: 300; margin-bottom: 20px; letter-spacing: 4px; } p { font-size: 16px; line-height: 29px; font-weight: 300; letter-spacing: 0.5px; } ul li { font-size: 16px; line-height: 32px; font-weight: 300; } ol li { font-size: 16px; line-height: 32px; font-weight: 300; list-style-position: outside; } .marker-list li { list-style: square; list-style-position: inside; } ul li a:hover { text-decoration: none; transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in4 -webkit-transition: all 0.3s ease-in; -ms-transition: all 0.3s ease-in; } input { font-size: 14px; border: none; background: none; transition: all 0.35s ease-out; -moz-transition: all 0.35s ease-out; -o-transition: all 0.35s ease-out; -webkit-transition: all 0.35s ease-out; -ms-transition: all 0.35s ease-out; } textarea { font-size: 13px; line-height: 26px; border: none; border-bottom: 1px solid #ccc; color: #aaa; text-transform: uppercase; padding-left: 5px; padding-bottom: 10px; background: none; } iframe { border: none; } q { font-size: 18px; line-height: 26px; color: #000; font-style: italic; font-weight: 300; } i { font-size: 18px; } .text-left { text-align: left; } .text-right { text-align: right; } .text-center { text-align: center; } .bg-white { background: #fff; } .bg-grey-light { background: #FAFAFA; } .bg-dark { background: #000; } .bold { font-weight: 700; } .medium { font-weight: 600; } .ex-bold { font-weight: 800; } .fl { position: relative; float: left; } .fr { position: relative; float: right; } .table-cell { display: table-cell; vertical-align: middle; height: inherit; } /*---header---*/ .main-header { position: fixed; top: 0; width: 100%; z-index: 40; transition: all .2s ease-out; -webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out; -ms-transition: all .2s ease-out; background-color: #1c1a18; } .main-header ul.sub-menu li a { color: #ccc; } @media screen and (max-width: 426px) { h3 { font-size: 40px; } } @media screen and (min-width: 993px) { .menu ul>li>ul>li:last-child { border-bottom: 0px none; } } .main-header.no-bg { background: rgba(255, 255, 255, 0.4); } .main-header.not-fixed { position: relative; } .main-header.fix { background: rgba(25, 25, 25, 0.9); top: 0; } nav { position: relative; float: right; transition: all .2s ease-out; -webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out; -ms-transition: all .2s ease-out; } nav>ul>li { position: relative; float: left; margin: 0px 11px; font-size: 11px; line-height: 16px; font-weight: 300; letter-spacing: 1.5px; color: rgba(255, 255, 255, 0.7); } nav>ul>li:last-child { margin-right: 0; } nav>ul>li>a:hover { color: #fda329; } nav>ul>li.active>a { color: #000; } nav>ul>li.active>span { color: #000; transform: rotateX(-180deg); -webkit-transform: rotateX(-180deg); -moz-transform: rotateX(-180deg); -ms-transform: rotateX(-180deg); } nav>ul>li>a>.fa { padding-left: 10px; display: none; transition: all .2s ease-out; -webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out; -ms-transition: all .2s ease-out; } nav ul>li ul { opacity: 0; position: absolute; top: 25px; background: #171616; padding: 15px 0; visibility: hidden; left: 0; display: block; min-width: 170px; transition: all .2s ease-out; -webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out; -ms-transition: all .2s ease-out; } nav { height: inherit; position: relative; float: left; } .menu ul>li>ul>li>a>.fa { top: 1px; position: absolute; right: 12px; line-height: 15px; transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); } .menu ul>li:hover .dropmenu, .menu ul>li:hover>.sub-menu { opacity: 1; visibility: visible; } .menu ul>li>ul>li>ul { opacity: 0; visibility: hidden; position: absolute; left: 100%; max-width: 150px; background: #252525; top: -15px; } .menu ul>li>ul>li { position: relative; } .menu ul>li>ul>li:hover ul { opacity: 1; visibility: visible; } .menu ul li>ul li a { white-space: nowrap; text-align: left; display: block; clear: both; padding: 0 25px; position: relative; font-size: 10px; line-height: 25px; color: rgba(0,0,0,0.6); } .menu ul>li>ul>li>a:hover { color: #fda329; } nav>ul>li:last-child .dropmenu, nav>ul>li:last-child .sub-menu { right: 0%; left: auto; } nav>ul>li:last-child .dropmenu li, nav>ul>li:last-child .sub-menu li { text-align: right; } .menu .current-menu-ancestor>a, .menu .current-menu-item>a { color: #fda329; font-weight: 500; } .widget_nav_menu .menu ul>li>ul>li>ul { position: static; visibility: visible; opacity: 1; background-color: transparent; } .widget_nav_menu .menu ul { margin-left: 15px; padding-left: 0; } .widget_nav_menu .menu ul li>ul li a { padding: 0; } .header { position: relative; width: 100%; padding-top: 19px; padding-bottom: 19px; display: flex; align-items: center; justify-content: space-between; margin: 0 auto; } .navigation { position: relative; float: right; height: inherit; margin-right: 70px; } .logo { position: relative; float: left; height: inherit; transition: all .2s ease-out; -webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out; -ms-transition: all .2s ease-out; } .logo a { color: #f0efef; font-size: 32px; line-height: 1; text-align: center; font-weight: 300; font-family: 'Poppins', serif; } .logo a:hover { color: #e7543d; } .logo img { width: auto; display: table-cell; } .centered { height: auto; } .centered .logo, .centered .navigation { float: none; margin: 0 auto; text-align: center; } .centered .table-cell { display: block; } .centered .navigation .menu, .centered .navigation .second-menu { float: none; display: inline-block; padding: 20px 0 15px; } @media screen and (max-width: 992px) { .centered .navigation .nav-menu-icon { float: left; padding: 20px 0 15px; } .centered .navigation .second-menu { margin-left: -18px; } } .second-menu { position: relative; float: left; margin-left: 21px; height: inherit; cursor: pointer; text-align: left; transition: all .2s ease-out; -webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out; -ms-transition: all .2s ease-out; } .second-menu span { display: inline-block; margin-left: 10px; width: 30px; height: 2px; background: #777; position: relative; float: none; transition: all .2s ease-out; -webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out; -ms-transition: all .2s ease-out; } .second-menu span:before { content: ''; position: absolute; left: 0px; top: -6px; height: 2px; width: 100%; background: #777; transition: all .2s ease-out; -webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out; -ms-transition: all .2s ease-out; } .second-menu span:after { content: ''; position: absolute; left: 0px; top: 6px; height: 2px; width: 100%; background: #777; transition: all .2s ease-out; -webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out; -ms-transition: all .2s ease-out; } .open-menu { position: relative; float: left; margin-top: -2px; } .second-menu b { position: relative; float: left; font-size: 13px; line-height: 16px; font-weight: 700; text-transform: uppercase; color: #777; } .right-menu { overflow-y: auto; position: fixed; right: 0%; top: 0px; padding: 30px; background: #fff; max-width: 400px; height: 100%; z-index: 5000; width: 100%; transform: translateX(100%); -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); transition: transform .6s cubic-bezier(.6, 0, .3, 1); -webkit-transition: transform .6s cubic-bezier(.6, 0, .3, 1); -moz-transition: transform .6s cubic-bezier(.6, 0, .3, 1); -ms-transition: transform .6s cubic-bezier(.6, 0, .3, 1); } .wrapp { position: relative; width: 100%; display: inline-block; } .right-menu.slides { transform: translateX(0%); -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); } .close-menu { position: absolute; left: 0px; top: 12px; height: 25px; width: 30px; cursor: pointer; text-align: center; z-index: 55; } .close-menu div { height: 2px; margin-top: 10px; width: 30px; background: #222; position: relative; display: inline-block; float: none; transition: transform .6s cubic-bezier(.6, 0, .3, 1) 0.6s; -webkit-transition: transform .6s cubic-bezier(.6, 0, .3, 1) 0.6s; -moz-transition: transform .6s cubic-bezier(.6, 0, .3, 1) 0.6s; -ms-transition: transform .6s cubic-bezier(.6, 0, .3, 1) 0.6s; } .close-menu div:before { content: ''; position: absolute; left: 0px; top: 0px; height: 2px; width: 100%; background: #222; transition: transform .6s cubic-bezier(.6, 0, .3, 1) 0.6s; -webkit-transition: transform .6s cubic-bezier(.6, 0, .3, 1) 0.6s; -moz-transition: transform .6s cubic-bezier(.6, 0, .3, 1) 0.6s; -ms-transition: transform .6s cubic-bezier(.6, 0, .3, 1) 0.6s; } .close-menu.active div { transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); } .close-menu.active div:before { transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); } .submit { position: absolute; right: 0px; top: 0px; height: 50px; width: 50px; background: #eee; border-radius: 50%; z-index: 65; text-align: center; } .submit .submit-button { position: absolute; right: 0px; top: 0px; width: 100%; height: 100%; z-index: 5; } .submit span { color: #222; font-size: 20px; line-height: 50px; position: absolute; width: 100%; height: 100%; z-index: 8; left: 0px; top: 0px; cursor: pointer; } .search-input { position: relative; width: 100%; display: inline-block; } .search-input .text-input { position: relative; width: 100%; border-radius: 5px; background: #eee; height: 0px; overflow: hidden; padding: 0px 50px 0px 15px; font-size: 14px; color: #222; margin-top: 40px; overflow: hidden; visibility: hidden; transition: all .35s ease-out; -webkit-transition: all .35s ease-out; -moz-transition: all .35s ease-out; -ms-transition: all .35s ease-out; } .search-form.act .text-input { height: 50px; visibility: visible; } .search-form.act .submit-button { z-index: 50; } #menu-test { text-align: center; } #menu-test>li { padding-bottom: 30px; position: relative; float: left; width: 50%; padding: 0px 0px 30px; text-align: center; } #menu-test>li>a { display: block; font-family: 'Roboto Slab', serif; font-size: 18px; line-height: 22px; font-weight: 300; text-transform: uppercase; letter-spacing: 5px; margin-bottom: 20px; } #menu-test>li>ul li { text-transform: uppercase; font-size: 13px; line-height: 20px; font-weight: 700; padding-bottom: 10px; color: #7f7f7f; } .right-menu-link h2.title { padding-bottom: 30px; text-align: center; } .right-menu-link li.menu-item-has-children { position: relative; float: left; width: 50%; padding: 0px 0px 30px; text-align: center; } .right-menu-link li.menu-item-has-children>a { padding-bottom: 20px; font-size: 18px; line-height: 22px; font-weight: 300; text-transform: uppercase; letter-spacing: 5px; color: #222; font-family: 'Roboto Slab', serif; display: block; } .right-menu-link li.menu-item-has-children li { text-transform: uppercase; font-size: 13px; line-height: 20px; font-weight: 700; padding-bottom: 10px; color: #7F7F7F; } .nav-menu-icon { position: relative; float: left; text-align: center; width: 24px; height: inherit; z-index: 600; display: none; transition: all .2s ease-out; -webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out; -ms-transition: all .2s ease-out; } .nav-menu-icon a { cursor: pointer; text-decoration: none; width: 24px; } .nav-menu-icon a i { top: -3px; position: relative; display: inline-block; width: 15px; height: 2px; color: #000; font: bold 14px/.4 Helvetica; text-transform: uppercase; text-indent: -55px; background: #ccc; transition: all .2s ease-out; -webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out; -ms-transition: all .2s ease-out; } .nav-menu-icon a i:before, .nav-menu-icon a i:after { content: ''; width: 15px; height: 2px; background: #ccc; position: absolute; left: 0; transition: all .2s ease-out; } .nav-menu-icon a i:before { top: -5px; } .nav-menu-icon a i:after { bottom: -5px; } .nav-menu-icon a:hover i:before { top: -5px; } .nav-menu-icon a:hover i:after { bottom: -5px; } .nav-menu-icon a.active i { background: none; } .nav-menu-icon a.active i:before { width: 15px; top: 0; -webkit-transform: rotateZ(45deg); -moz-transform: rotateZ(45deg); -ms-transform: rotateZ(45deg); -o-transform: rotateZ(45deg); transform: rotateZ(45deg); } .nav-menu-icon a.active i:after { width: 15px; bottom: 0; -webkit-transform: rotateZ(-45deg); -moz-transform: rotateZ(-45deg); -ms-transform: rotateZ(-45deg); -o-transform: rotateZ(-45deg); transform: rotateZ(-45deg); } /*---mouse---*/ .intro-scroll-down { position: absolute; z-index: 1; bottom: 30px; left: 50%; margin-left: -15px; cursor: pointer; } .intro-scroll-down .mouse { position: relative; display: block; width: 30px; height: 45px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 2px solid #222; border-radius: 23px; -moz-border-radius: 23px; -webkit-border-radius: 23px; z-index: 50; } .intro-scroll-down .mouse .mouse-dot { position: absolute; display: block; top: 29%; left: 50%; width: 6px; height: 6px; margin: -3px 0 0 -3px; background: #999; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -webkit-animation: ani-mouse 2.5s linear infinite; -moz-animation: ani-mouse 2.5s linear infinite; animation: ani-mouse 2.5s linear infinite; } .video-links { position: absolute; left: 50%; transform: translateX(-50%); bottom: 20px; text-align: center; } .view-portfolio { margin-right: 10px; margin-left: 10px; } /*---dropdown---*/ .drop-wrap { position: relative; float: left; } .drop { position: absolute; display: block; left: 0px; top: 0px; min-width: 120px; } .drop b { position: relative; float: left; width: 100%; height: 50px; padding-left: 10px; background: #eee; border-radius: 5px; border: 0px none; font-size: 13px; cursor: pointer; text-transform: capitalize; font-weight: 300; line-height: 50px; color: #999; } .drop .drop-list { position: absolute; right: 16px; top: 0px; font-size: 16px; color: #999; line-height: 50px; } .drop span { position: absolute; left: 0px; top: 100%; width: 100%; display: none; z-index: 50; border: 1px solid #ebebeb; margin: 0px; } .drop-list.act { transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); z-index: 51; margin-top: 8px; } .drop span a, .drop .but b { color: #999; background: #fff; font-size: 13px; font-weight: 300; float: left; position: relative; width: 100%; height: 35px; text-decoration: none; text-align: left; line-height: 28px; padding: 3px 0 0 10px; transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; -ms-transition: all 0.3s ease-in; z-index: 52; text-transform: capitalize; } .drop span a:hover, .drop .but b:hover { background: #222; color: #fff; } /*---footer---*/ footer { position: relative; text-align: center; display: block; width: 100%; background: #000; color: #fff; } .footer { position: relative; width: 100%; min-height: 100px; border-top: 2px solid rgba(76, 57, 31, 0.2); } .footer-link ul, .footer-link li { display: inline; } .footer-link a { font-size: 14px; line-height: 24px; margin: 0px 15px; color: #999; } .footer-link a:hover { color: #fff; } .footer-folow { position: relative; float: right; } .footer-folow a { font-size: 23px; margin: 0px 5px; vertical-align: bottom; font-weight: 100; } .footer-folow a:hover { color: #999; } .center .footer .footer-link, .center .footer .footer-folow { float: none; margin: 0 auto; text-align: center; clear: both; } footer.reverse .footer-link { float: right; } footer.reverse .footer-folow { float: left; } .footer-copyright { padding-bottom: 13px; font-size: 14px; } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 02 - HOME */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .content { position: relative; width: 100%; overflow: hidden; transition: transform .6s cubic-bezier(.6, 0, .3, 1); -ms-transition: transform .6s cubic-bezier(.6, 0, .3, 1); -webkit-transition: transform .6s cubic-bezier(.6, 0, .3, 1); -moz-transition: transform .6s cubic-bezier(.6, 0, .3, 1); } body.act .content { transform: translateX(-400px); -webkit-transform: translateX(-400px); -moz-transform: translateX(-400px); -ms-transform: translateX(-400px); } .layer-dark { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); opacity: 0; visibility: hidden; z-index: 50; transition: all .6s cubic-bezier(.6, 0, .3, 1); -ms-transition: all .6s cubic-bezier(.6, 0, .3, 1); -webkit-transition: all .6s cubic-bezier(.6, 0, .3, 1); -moz-transition: all .6s cubic-bezier(.6, 0, .3, 1); } body.act .layer-dark { visibility: visible; opacity: 1; } .slider-vertical .full-height { height: 700px; } .main-slider { max-width: 1600px; } .main-slider .swiper-slide .main-title { margin-left: -150px; transition: all .6s cubic-bezier(.6, 0, .3, 1); -ms-transition: all .6s cubic-bezier(.6, 0, .3, 1); -webkit-transition: all .6s cubic-bezier(.6, 0, .3, 1); -moz-transition: all .6s cubic-bezier(.6, 0, .3, 1); opacity: 0; background-color: rgba(255, 255, 255, 1); color: #000; padding: 30px 45px; width: auto; } .main-slider .swiper-slide .main-title h2 { font-size: 42px; margin-bottom: 0; } @media screen and (max-width: 992px) { .main-slider .swiper-slide .main-title { padding: 20px 25px; } .main-slider .swiper-slide .main-title h2 { font-size: 32px; } } .main-slider .swiper-slide.active .main-title { opacity: 1; margin-left: 0px; } .main-slider .swiper-slide .full-height { height: 700px; } .top-baner { position: relative; width: 100%; } .top-baner.large-height { height: 720px; } .main-wrapp { position: relative; background-color: #fff; width: 100%; overflow: hidden; } .padd-80 { padding-top: 80px; padding-bottom: 45px; } .fillter-wrap { position: relative; width: 100%; text-align: left; padding-bottom: 40px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-wrap: wrap; } .fillter-wrap .but { font-size: 15px; color: #666; font-weight: 300; margin: 0px 50px 0px 0px; background: none; } .fillter-wrap .but span { margin-top: -5px; font-size: 12px; color: #999; position: relative; float: right; padding-left: 5px; } .fillter-wrap .but.activbut { color: #fda329; font-weight: 600; } .fillter-wrap .but.activbut span { text-decoration: line-through; } .izotope-container { position: relative; width: 100%; margin-left: auto; margin-right: auto; } .izotope-container.nogutt-col2, .izotope-container.nogutt-col3, .izotope-container.nogutt-col4, .izotope-container.nogutt-col5 { width: calc(100% - 30px); } .item__img-wrapper { height: calc(100% + 52px); position: absolute; top: 0; width: 100%; background-position: center; -webkit-background-size: cover; background-size: cover; -webkit-transform: translateY(0); transform: translateY(0); -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.4, 0, 0.2, 1); transition: -webkit-transform 0.6s cubic-bezier(0.4, 0, 0.2, 1); transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1); transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.6s cubic-bezier(0.4, 0, 0.2, 1); } .item__img-wrapper:before { content: ''; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-color: #000; opacity: 0; -webkit-transition: opacity 0.45s linear; transition: opacity 0.45s linear; } .izotope-container .item:hover .item__img-wrapper { transform: translateY(-52px); } .izotope-container .item:hover .item__img-wrapper:before { opacity: 0.3; } .izotope-container .item:hover .item-desc { transform: translateY(0); } .more-project { position: relative; width: 100%; text-align: center; } .load-more { cursor: pointer; } .load-more span { text-align: center; font-size: 16px; text-transform: uppercase; font-weight: 300; color: #999; position: relative; float: none; display: inline-block; width: 100%; padding-bottom: 15px; } .load-more img { position: relative; float: none; display: inline-block; } .home-izotope .grid-sizer { width: 25%; } .item a:active { color: #000; } .item a:focus, .item a:hover { color: #000; } .home-izotope .item { position: relative; float: left; width: 25%; padding: 0px 15px; margin-bottom: 30px; } .item h2, .item h3, .item h4, .item h5 { font-family: inherit; } .item img { width: 100%; height: auto; display: block; backface-visibility: hidden; } .home-izotope .item.w-50 { width: 50%; } .layer { position: absolute; left: 0px; top: 0px; bottom: 0px; right: 0px; backface-visibility: hidden; background: rgba(255, 255, 255, 0.8); text-align: center; opacity: 0; -webkit-transition: all 320ms cubic-bezier(0.77, 0.155, 0.445, 1.32); -moz-transition: all 320ms cubic-bezier(0.77, 0.155, 0.445, 1.32); -o-transition: all 320ms cubic-bezier(0.77, 0.155, 0.445, 1.32); transition: all 320ms cubic-bezier(0.77, 0.155, 0.445, 1.32); } .nogutt-col2 .layer, .nogutt-col3 .layer, .nogutt-col4 .layer { left: 0px; } .item .layer .vertical-align { padding: 0px 15px; } .layer a { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 1; } .layer.bl_layer { background: rgba(0, 0, 0, 0.8); } .layer.bl_layer h4 { color: #fff; } .layer.bl_layer h5 { color: #ebebeb; } .layer h4 { padding-bottom: 5px; letter-spacing: 5px; margin-top: -25px; transition: all 0.35s ease-out; -moz-transition: all 0.35s ease-out; -o-transition: all 0.35s ease-out; -webkit-transition: all 0.35s ease-out; -ms-transition: all 0.35s ease-out; } .layer h5 { margin-top: -55px; transition: all 0.35s ease-out; -moz-transition: all 0.35s ease-out; -o-transition: all 0.35s ease-out; -webkit-transition: all 0.35s ease-out; -ms-transition: all 0.35s ease-out; } .item:hover .layer { opacity: 1; } .item:hover .layer h5 { margin-top: 0px; } .item:hover .layer h4 { margin-top: 0px; } .no-more { position: relative; width: 100%; text-align: center; font-weight: 300; font-size: 16px; text-transform: uppercase; display: block; color: #999; } .color-light { color: #E7E7E7; } .p_subtitle { color: #999; margin-bottom: 20px; line-height: 26px; } .padd-80 .servis-block.left.simple.inactive_section { display: inline-block; } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 03 - ABOUT */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .about-item { position: relative; width: 100%; padding-bottom: 40px; padding-right: 40px; } .contact-item p { padding-bottom: 30px; } .wpcf7-form .wpcf7-not-valid-tip { margin-bottom: 12px; margin-top: 0px; font-size: 12px; } .wpcf7-form .wpcf7-response-output { clear: both; margin: 20px 40px 10px 0px; padding: 5px; float: left; font-size: 12px; border-color: #fda329; color: #f7f4f1; opacity: 0.5; } .tt { text-transform: uppercase; font-size: 14px; color: #777; padding-bottom: 15px; } .team-text span { font-size: 11px; color: #fda329; display: block; font-weight: 400; line-height: 24px; padding-bottom: 32px; letter-spacing: 1px; } .team-text p { font-size: 16px; padding-bottom: 20px; color: #101e38; font-family: "OpenSans", sans-serif; font-weight: 300; line-height: 28px; padding-left: 5px; padding-right: 35px; } .team-text .team-share { padding: 0px; } .team-text .team-share a { font-size: 17px; margin: 0px 10px; } .team-text .team-share a:hover { color: #000; } .skill { position: relative; width: 100%; margin-top: -10px; } .about-item h3 { margin-bottom: 15px; font-size: 30px; } .about-item h4 { margin-bottom: 20px; margin-top: 35px; } .about-us h1 { padding-bottom: 10px; } .about-us p { padding: 10px 0px 8px; color: #444; } .team-block { position: relative; float: left; overflow: hidden; width: 100%; background-color: white; border-radius: 4px; /*box-shadow: 3.5px 3.5px 10px rgba(68, 68, 68, 0.1);*/ padding-top: 41px; padding-left: 35px; padding-bottom: 20px; } .team-block .img-wrap { width: 70px; height: 70px; border-radius: 50%; background-position: center; background-size: cover; background-repeat: no-repeat; float: left; margin-right: 25px; } .swiper-container.team-slider { overflow: visible; } .later-team { position: absolute; left: 0px; bottom: -100%; width: 100%; height: 100%; background: rgba(255, 255, 255, 1); border-bottom: 1px solid #000; border-left: 1px solid #000; z-index: 1; padding: 40px 35px; transition: all 0.35s ease-out; -moz-transition: all 0.35s ease-out; -o-transition: all 0.35s ease-out; -webkit-transition: all 0.35s ease-out; -ms-transition: all 0.35s ease-out; } .later-team h4 { font-family: 'Montserrat', sans-serif; font-size: 16px; } .later-team h6 { font-weight: 300; color: #4c4c4c; } .later-team p { font-size: 14px; color: #4c4c4c; padding: 35px 0px 0px 0px; font-family: 'Poppins', sans-serif; line-height: 26px; opacity: 0.7; } .team-share { padding-top: 30px; } .team-share a { font-size: 22px; color: #555; margin: 0px 15px; } .team-share a:first-child { margin-left: 0px; } .hiden-text { opacity: 0; padding-top: 40px; -webkit-transition: all 350ms cubic-bezier(0.77, 0.155, 0.445, 1.32); -moz-transition: all 350ms cubic-bezier(0.77, 0.155, 0.445, 1.32); -o-transition: all 350ms cubic-bezier(0.77, 0.155, 0.445, 1.32); transition: all 350ms cubic-bezier(0.77, 0.155, 0.445, 1.32); } .team-block:hover .later-team { bottom: 0px; } .team-block:hover .hiden-text { opacity: 1; padding-top: 0px; } .servis-block { position: relative; float: left; width: 100%; border-radius: 12px; text-align: center; } .servis-block.active_padding { padding: 70px 15px; } .servis-block.left { text-align: left; } .servis-block.right { text-align: right; } .servis-block i, .servis-block img { margin-bottom: 30px; font-size: 50px; color: #b4b4b4; } .servis-block h4 { margin-bottom: 16px; font-size: 24px; color: #000; font-weight: 700; font-family: 'Montserrat', sans-serif; display: inline-block; line-height: 32px; color: #111; } .servis-block.` { background-color: #000; } .servis-block.active_section h4 { color: #fff; } .servis-block p { opacity: 0.7; color: black; font-family: "Raleway", sans-serif; font-size: 16px; font-weight: 300; line-height: 26px; padding-right: 35px; } .servis-block.active_section i, .servis-block.active_section img, .servis-block.active_section p { color: #808080; } .servis-block img.custom_img { margin-bottom: 20px; margin-right: 15px; display: inline-block; } .servis-block.modern i, .servis-block.modern img { display: block; } .servis-block.modern img.custom_img { margin: 0 auto; margin-bottom: 30px; } .servis-block.classic i { margin-right: 30px; } .servis-block.simple i { margin-right: 30px; } .servis-block.center.modern.active_section.active_padding { background: #000; } .wrap-buttons .btn { margin-bottom: 10px; margin-top: 20px; } .btn-blank, .btn-fill, .btn-blank--white, .btn-fill--black, .comment-form input[type="submit"], .contact-form input[type="submit"], .mec-load-more-wrap .mec-load-more-button { font-size: 11px; line-height: 33px; padding: 10px 63px; border-radius: 26px; text-transform: capitalize; display: inline-block; font-family: 'Montserrat', sans-serif; font-weight: 700; letter-spacing: 1px; } .btn-blank { background-color: #fda329; color: #fff; } .btn-blank:hover, .btn-blank:focus { opacity: .7; color: #fff; } .btn-fill { background-color: #fff; color: #000; } .btn-fill--black, .comment-form input[type="submit"], .contact-form input[type="submit"] { background-color: #fff; color: #e7543d; border: 2px solid #e7543d; } .btn-fill:hover, .btn-fill:focus { outline: none; background-color: #000; color: #fff; } .btn-fill--black:hover, .btn-fill--black:focus, .comment-form input[type="submit"]:hover, .contact-form input[type="submit"]:hover, .comment-form input[type="submit"]:focus, .contact-form input[type="submit"]:focus { background-color: #e7543d; color: #fff; border: 2px solid #e7543d; } .servis-block.active_section .btn-blank { margin-top: 25px; border-color: #fff; color: #fff; } .servis-block.active_section .btn-blank:hover { background-color: #fff; color: #000; } .subtitle { position: relative; width: 100%; text-align: center; padding-bottom: 50px; } .subtitle h2 { padding-bottom: 10px; } .subtitle h3 { padding-bottom: 10px; font-size: 30px; } .subtitle h4 { padding-bottom: 15px; } .subtitle p { padding-bottom: 20px; } .top-baner.half-height { height: 200px; } .content.page-body { width: 100%; margin-left: auto; margin-right: auto; } .content.page-body .blog-banner { background-position: center; background-size: cover; background-color: #ccc; } .blog-banner .main-title h2.type-2 { color: #fff; font-size: 65px; line-height: 65px; text-align: center; } .blog-banner .wrap-text .desc { text-align: center; margin: 0; padding: 0; color: #fda329; font-family: "Montserrat", sans-serif; font-size: 13px; font-weight: 700; line-height: 33px; font-style: normal; } .container.page-body { background-color: #fff; } .top-baner.height-300 { height: 300px; } .top-baner.height-500 { position: relative; } .top-baner>* { z-index: 1; position: relative; } .top-baner h5 { /*max-width: 490px;*/ line-height: 32px; margin-bottom: 60px; } .top-baner--full-overlay:before { left: -25px; right: -25px; } @media screen and (min-width: 769px) { .top-baner--full-overlay:before { left: -75px; right: -75px; } } .top-baner .main-title { color: #fff; } .bg-green { background: #e7efef; } .bg-green .main-title h2 { color: #e7543d; } .top-baner.height-500 .main-title { padding: 0px; color: #fff; } .top-baner .main-title .desc { opacity: .7; color: #000; } .main-title.no-bg { background: none; border: 0px none; outline: none; } .main-title .top-subtitle { margin: 0; padding: 0; color: #fda329; font-family: "Montserrat", sans-serif; font-size: 13px; font-weight: 700; line-height: 33px; font-style: normal; letter-spacing: 1.5px; } .main-title.light .top-subtitle { letter-spacing: 0.5px; } .team-slider { padding-bottom: 82px; } .team-slider .swiper-slide { padding: 0px 15px; width: 370px; } .team-slider .point-style-2 { padding-left: 11px; } .serv-text { padding-bottom: 30px; } .serv-text h6 { padding-bottom: 10px; } .serv-text p { font-size: 13px; color: #555; } .full-about-baner { width: 100%; position: relative; /* min-height: 700px; */ } .full-about-baner .w-50:first-child { width: 50%; position: absolute; left: 0px; top: 0px; height: 100%; } .full-about-baner .w-50:last-child { width: 50%; position: absolute; left: 50%; top: 0px; height: 100%; } .about-baner-slider .swiper-slide .slides { height: 350px; width: 100%; } .about-baner-slider .swiper-slide { width: 100%; } .about-baner-slider { height: 350px; } .bottom-about-title { background: #222; position: absolute; left: 0px; bottom: 0px; height: 350px; width: 100%; } .bottom-about-title .title h6 { color: #fff; text-align: center; line-height: 20px; } .serv-text.text-center a { font-size: 18px; text-align: center; font-family: 'Roboto Slab', serif; display: block; padding-bottom: 15px } .service-icon { position: relative; width: 100%; padding: 120px 0px; margin-bottom: 80px; } .info-block { width: 100%; text-align: center; color: #fff; } .info-block h4 { font-size: 36px; padding-bottom: 15px; letter-spacing: 0px; } .black-layer { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); } .price-block .button-style-2 a { color: #000; padding: 10px 25px; font-size: 14px; overflow: hidden; border: 0px none; } .price-block .button-style-2 a:before { content: attr(data-text); padding: 10px 25px; white-space: nowrap; font-size: 14px; color: #fff; position: absolute; left: 0px; bottom: 0%; width: 100%; height: 100%; background: #000; z-index: 1; transition: all 0.35s ease-out; -webkit-transition: all 0.35s ease-out; -moz-transition: all 0.35s ease-out; -ms-transition: all 0.35s ease-out; border: 1px solid #000; } .price-block .button-style-2 a:after { content: attr(data-text); padding: 10px 25px; white-space: nowrap; font-size: 14px; color: #444; position: absolute; left: 0px; top: -100%; width: 100%; height: 100%; background: #efefef; z-index: 2; transition: all 0.35s ease-out; -webkit-transition: all 0.35s ease-out; -moz-transition: all 0.35s ease-out; -ms-transition: all 0.35s ease-out; border: 1px solid #efefef; } .price-block .button-style-2 a:hover { color: #efefef; border: 0px none; } .price-block .button-style-2 a:hover:before { bottom: -100%; } .price-block .button-style-2 a:hover:after { top: 0px; } .price-block:hover { border: 2px solid #888; } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 04 - BLOG */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .item.blog-item { position: relative; float: left; margin: 0px 1% 30px; background: #fff; } .blog-item-img { position: relative; width: 100%; overflow: hidden; } .blog-item img { width: 100%; height: auto; transition: all 1.5s ease-out; -webkit-transition: all 1.5s ease-out; -moz-transition: all 1.5s ease-out; -ms-transition: all 1.5s ease-out; } .blog-item:hover .blog-item-img img { transform: scale(1.1); } .blog-item-text { padding: 0px 30px; } @media screen and (min-width: 769px) and (max-width: 991px) { .blog-item-text { padding: 0px 15px; } } .blog-item .blog-item-text h4 { word-wrap: break-word; font-size: 26px; padding-bottom: 20px; color: #222; display: block; font-family: 'Roboto Slab', serif; line-height: 30px; transition: all 0.3s ease; text-transform: capitalize; font-weight: 600; } .blog-item .blog-item-text h4:hover { color: #e7543d; } .blog-item-bg { min-height: 400px; } .full-img { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.6); z-index: 5; opacity: 0; transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; } .blog-item:hover .full-img { opacity: 1; } .full-img .top-bar, .full-img .top-bar a, .full-img .blog-item-text p { color: #5d5d5d; } .post-line-info { margin-bottom: 40px; } .post-preview-header { height: 211px; background-position: center; background-size: cover; width: 100%; } .post-preview-left{ float: left; width: 65%; } .post-preview-right{ float: right; } .post-preview-category, .post-preview-date, .post-preview-tags { line-height: 1.6; } .blog-post__category, .blog-post__category a, .blog-post__date, .post-previews .author { color: #fda736; display: inline-block; } .full-img .top-bar a:hover { color: #000; } .top-bar { position: relative; width: 100%; padding: 20px 0px 15px; font-size: 14px; color: #999; font-weight: 300; } .top-bar a { color: #999; margin-right: 20px; font-size: 13px; } .top-bar a:hover { color: #000; } .top-bar span { margin-right: 20px; font-size: 13px; } .blog-link a { display: block; margin-bottom: 30px; font-size: 14px; color: #e7543d; } .blog-item a:hover { color: #999; } .blog-item p { color: #999; font-size: 15px; padding-bottom: 40px; } .blog-item button { margin-top: 40px; } .read-more { letter-spacing: 2px; text-transform: uppercase; color: #555; margin: 25px 0px 15px; font-size: 16px; position: relative; display: block; font-weight: 300; } .read-more:hover { color: #000; } .nav-bar { position: relative; width: 100%; text-align: center; padding: 40px 0px 20px; } .nav-bar a span { position: relative; float: none; display: inline-block; margin: 0px 3px; background: #ebebeb; padding: 8px 14px; font-size: 14px; transition: all 0.35s ease-out; -moz-transition: all 0.35s ease-out; -o-transition: all 0.35s ease-out; -webkit-transition: all 0.35s ease-out; -ms-transition: all 0.35s ease-out; } .nav-bar a span:hover { background: #222; color: #fff; } .blog-item.blog-item-4 .top-bar { font-size: 12px; } .blog-item.blog-item-4 h5 a { padding-bottom: 20px; color: #222; display: block; } .blog-item.blog-item-4 h5 a:hover { color: #999; } .blog-item.blog-item-4 p { font-size: 13px; } .blog-item.blog-item-4 button { margin-top: 20px; } .blog-small .top-bar a { font-size: 12px; } .blog-small .top-bar span { font-size: 12px; } .blog-small h4 { font-size: 16px; line-height: 20px; } .blog-small p { font-size: 13px; } .widget_product_search form, .widget_search form { position: relative; } .widget_product_search form label, .widget_search form label { margin-bottom: 0; } .widget_product_search input, .widget_search input { font-size: 15px; color: #999; } .widget_product_search .search-field, .widget_search .search-field { width: 80%; font-weight: normal; text-transform: capitalize; } .widget_product_search label, .widget_search label { position: relative; width: 100%; } .widget_product_search label::after, .widget_search label::after { content: "\f002"; position: absolute; font-family: 'FontAwesome'; top: 12px; right: 15px; color: #fda329; font-weight: 100; } .widget_product_search input[type=submit], .widget_search .search-submit { position: absolute; right: 23px; top: 28px; font-size: 0; background-color: transparent; } .widget_product_search input[type=submit]::after, .widget_search .search-submit::after { content: "\f002"; position: absolute; font-family: 'FontAwesome'; top: 0; right: 0; color: #fda329; } .sidebar-block { position: relative; padding: 14px 0px; width: 100%; display: inline-block; font-family: 'Raleway', serif; } .sidebar-block h4 { text-transform: capitalize; font-weight: 600; font-size: 22px; } .sidebar-block ul li a, .sidebar-block.widget_categories ul li { color: rgba(0,0,0,0.6); font-family: "OpenSans", sans-serif; font-size: 14px; font-weight: 400; line-height: 36px; } .sidebar-block ul li a:hover { color: #fda329; } .sidebar-block a.rsswidget { font-weight: 600; } .sidebar-block:first-child { padding-top: 0px; } .serach-input { position: relative; width: 100%; border-radius: 5px; background: #eee; height: 50px; padding: 0px 15px; color: #999; } .serach-input input { position: relative; width: 80%; height: 50px; font-size: 16px; color: #999; text-transform: capitalize; } .serach-input span { font-size: 30px; position: absolute; right: 15px; top: 10px; } .sidebar-cat { position: relative; width: 100%; font-size: 14px; text-transform: uppercase; } .sidebar-cat li { font-size: 16px; text-transform: capitalize; color: #222; width: 100%; position: relative; padding: 8px 0px; border-bottom: 1px solid #eee; cursor: pointer; transition: all 0.35s ease-out; -moz-transition: all 0.35s ease-out; -o-transition: all 0.35s ease-out; -webkit-transition: all 0.35s ease-out; -ms-transition: all 0.35s ease-out; } .sidebar-cat span { position: relative; float: left; font-size: 13px; padding: 0px 15px; line-height: 33px; color: #999; } .sidebar-cat b { position: relative; float: right; font-size: 14px; padding-right: 15px; line-height: 30px; } .sidebar-cat li:last-child { border-bottom: 0px none; } .sidebar-cat a:hover { color: #fff; } .sidebar-cat li:hover { background: #222; color: #fff; } .popular-block { position: relative; width: 100%; padding-bottom: 30px; display: inline-block; } .popular-block p { font-size: 14px; line-height: 18px; color: #999; padding-bottom: 20px; } .popular-block:last-child { padding-bottom: 0px; } .popular-block .pop-text { font-size: 14px; } .pop-img { position: relative; float: left; width: 65px; height: 65px; background-position: center; background-size: cover; background-repeat: no-repeat; margin-right: 15px; } .pop-img img { width: 100%; height: auto; } } .pop-text h5 { padding-bottom: 10px; font-size: 14px; line-height: 16px; } .pop-text a:hover { color: #999; } .pop-text span { font-size: 14px; font-weight: 500; color: #999; display: block; } .tags-button { position: relative; width: 100%; } .tagcloud a, .tags-button a { display: inline-block; position: relative; padding: 5px 5px; font-size: 12px !important; letter-spacing: 1px; text-transform: lowercase; color: #999; margin: 0px 10px 10px 5px; transition: all 0.35s ease-out; -moz-transition: all 0.35s ease-out; -o-transition: all 0.35s ease-out; -webkit-transition: all 0.35s ease-out; -ms-transition: all 0.35s ease-out; } .sidebar-block .arrow-style-1 span { color: #fff; } .sidebar-block .slide-prev { left: 15px; } .sidebar-block .slide-next { right: 15px; } .list-archive { position: relative; width: 100%; padding: 0px 20px; float: none; display: inline-block; } .list-archive li { font-size: 12px; text-transform: uppercase; line-height: 24px; } .list-archive li a:hover { color: #999; } .list-archive li span { position: relative; float: right; color: #999; } .sidebar-tabs.tpl-tabs { width: 100%; } .sidebar-tabs.tpl-tabs li { width: 50%; } .sidebar-tabs.tabs-style-1.nav-tabs>li>a { margin-right: 0px; font-size: 13px; } .widget_calendar { font-size: 14px; } .sidebar-block td, .sidebar-block th { border: 1px solid #eee; padding: 3px 8px; text-align: center; } .sidebar-block td a, .sidebar-block th a { text-decoration: underline; } .sidebar-block select { font-size: 14px; max-width: 90%; } .sidebar-block ul ul, .sidebar-block ul ol, .sidebar-block ol ol, .sidebar-block ol ul { padding-left: 20px; margin-bottom: 0; } .widget_recent_comments a { text-decoration: underline; } .widget_rss .rss-date { font-size: 12px; font-style: italic; } .widget_rss li { margin-bottom: 20px; } .widget_rss li a { font-size: 18px; text-decoration: underline; display: block; } .widget_rss li:last-child { margin-bottom: 0; } .sidebar-block img { max-width: 100%; } .sidebar>.sidebar-block:first-child { padding-bottom: 0; } .menu-item-1053 a { color: #000; } .b-det-wrapp { position: relative; width: 100%; padding-bottom: 35px; } .b-det-wrapp p { display: block; padding-bottom: 15px; } .b-det-wrapp ul { padding-bottom: 15px; float: none; } .b-det-wrapp img { width: 100%; height: auto; } .det-tags { position: relative; width: 100%; float: left; } .det-tags h4 { position: relative; float: left; padding-right: 20px; padding-top: 5px; } .pad-80 { padding: 80px 0px; } .pad-top-zerro { padding-top: 0; } .comments { position: relative; width: 100%; } li.comment { list-style: none; } li.comment li.comment { margin-left: 20px; } .comments .comments__title { font-size: 27px; text-align: left; } .comm-block { width: 100%; position: relative; padding-bottom: 63px; } .comm-txt { position: relative; width: 100%; } .comm-txt h5 { position: relative; } .comm-txt p { position: relative; width: 100%; padding: 5px 0px; color: #999; } .comm-txt h5 { line-height: 14px; font-weight: 400; color: #000; } .date-post span { position: relative; font-size: 14px; color: #999; } .date-post h6 { position: relative; font-size: 13px; color: #999; padding-left: 10px; text-transform: capitalize; display: inline-block; } .comm-img, .comm-meta { display: inline-block; } .comm-meta h5 { padding-left: 15px; margin-bottom: 0; } .comm-txt a { font-size: 12px; color: #e7543d; text-transform: uppercase; } .comm-txt a:hover { color: #999; } .comment-form, .contact-form { position: relative; width: 100%; } .comment-form h3, .contact-form h3, h3.contact-form { font-size: 27px; text-align: left; } .comments .comments__title#reply-title { padding-bottom: 10px; } .popular-wrapper { margin-top: 80px; } .popular-block.padd-80 { padding-bottom: 80px; } .comment-respond { margin-bottom: 50px; } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 05 - SHOP */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .shop-chose-wrap form { position: relative; } .shop-chose-wrap form:before { content: "\f0dd"; font: normal normal normal 14px/1 FontAwesome; color: #999; position: absolute; bottom: 20px; right: 15px; } .shop-chose-wrap select { min-width: 100%; width: 100%; font-family: 'proxima_nova_rgregular'; color: #999; font-weight: 300; font-style: normal; font-size: 14px; height: 50px; padding: 10px 15px 10px 10px; background: #eee; border-radius: 5px; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 0px none; } .shop-chose-wrap.widget_product_search form:before { display: none; content: ''; } .shop { position: relative; width: 100%; padding: 80px 0px 40px; } .shop-bar { width: 100%; max-width: 1200px; display: inline-block; position: relative; padding-bottom: 100px; } .california_shop_sort_by, .shop-chose-wrap { position: relative; float: left; width: 20%; } .california_shop_sort_by span, .shop-chose-wrap span { font-size: 14px; color: #000; font-weight: 300; position: relative; text-transform: uppercase; margin-right: 10px; line-height: 36px; } .price-chose { position: relative; float: left; } .price-chose .slider-handle { width: 12px; height: 12px; background: #222; opacity: 1; } .price-chose .slider-selection { background-color: #999; border-radius: 2px; background-image: none; height: 3px; } .price-chose .slider.slider-horizontal .slider-track { height: 3px; background: #999; } .price-chose .slider.slider-horizontal .slider-selection { background: #222; } .price-chose .tooltip-inner { background: #ebebeb; color: #222; } .price-chose .tooltip.top .tooltip-arrow { border-top-color: #ebebeb; } .shop-title { position: relative; width: 100%; padding-top: 25px; text-align: center; float: left; } .shop-title h5 { text-transform: uppercase; padding-bottom: 10px; } .shop-title span { font-weight: normal; font-size: 16px; color: #999; margin: 0px 10px; position: relative; float: none; display: inline-block; } .shop-title del span { text-decoration: line-through; } .style-link-1 { text-decoration: line-through; } .card-button { border: 2px solid #999; padding: 10px 15px; text-transform: uppercase; font-size: 14px; text-align: center; color: #222; } .card-button span { padding-right: 10px; transition: all 0.35s ease-out; -moz-transition: all 0.35s ease-out; -o-transition: all 0.35s ease-out; -webkit-transition: all 0.35s ease-out; -ms-transition: all 0.35s ease-out; } .card-button:hover { background: #222; border: 2px solid #222; color: #fff; } .card-button:hover span { color: #fff; } .left-filter .california_shop_sort_by, .left-filter .shop-chose-wrap { width: 100%; padding-bottom: 10px; } .left-filter .drop-wrap { width: 100%; } .left-filter .drop { min-width: 100%; } .left-filter .california_shop_sort_by span, .left-filter .shop-chose-wrap span { background: #fff; } .left-filter .price-bar b:first-child { position: absolute; left: 0px; top: -5px; } .left-filter .price-chose b:last-child { position: absolute; right: 0px; top: -5px; } .left-filter .price-bar { width: 100%; } .left-filter .price-chose { width: 100%; padding-bottom: 30px; } .left-filter .slider.slider-horizontal { width: 100%!important; } .left-filter .s-field { width: 100%; visibility: visible; opacity: 1; } .left-filter .search { width: 100%; } .left-filter .filter-drop .but { width: 100%; padding: 0px; display: block; } .search-button input { position: absolute; right: 0px; top: 0px; font-size: 16px; line-height: 35px; width: 50px; z-index: 5; } .search-button span { line-height: 35px; position: absolute; right: 15px; top: 0px; font-size: 14px; } .price-chose b { font-size: 13px; color: #999; font-weight: 300; padding: 0px 15px; } .price-chose span { font-size: 14px; color: #000; font-weight: 300; position: relative; float: left; text-transform: uppercase; margin-right: 10px; line-height: 36px; } .price-bar { position: relative; float: left; padding-top: 8px; } .search { position: relative; float: right; } .s-field { position: relative; float: left; width: 0; backface-visibility: hidden; opacity: 0; height: 35px; border: 1px solid #999; color: #999; padding: 0px 10px; transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; -ms-transition: all 0.3s ease-in; } .s-field.slide { width: 200px; opacity: 1; } .s-icon { position: absolute; right: 0px; top: 1px; background: none; font-size: 20px; color: #222; } .s-icon:hover { color: #999; } .shop-item { position: relative; float: left; width: 100%; } .shop-item img { width: 100%; height: auto; } .wh-33 .item { width: 33.333%; padding: 0px 15px; margin-bottom: 30px; position: relative; float: left; } .wh-33 .grid-sizer { width: 33.3333%; } .wh-50 .item { width: 50%; padding: 0px 15px; margin-bottom: 30px; position: relative; float: left; } .wh-50 .grid-sizer { width: 50%; } .layer-shop { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.9); text-align: center; opacity: 0; transform: scale(0); -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -webkit-transition: all 350ms cubic-bezier(0.77, 0.155, 0.445, 1.32); -moz-transition: all 350ms cubic-bezier(0.77, 0.155, 0.445, 1.32); -o-transition: all 350ms cubic-bezier(0.77, 0.155, 0.445, 1.32); transition: all 350ms cubic-bezier(0.77, 0.155, 0.445, 1.32); z-index: 50; } .layer-shop h4 { padding-bottom: 10px; font-weight: 600; letter-spacing: 1px; } .layer-shop h5 { padding-bottom: 20px; } .layer-shop .line { position: relative; display: block; width: 30px; height: 2px; background: #222; margin: 0 auto; } .layer-shop span { font-size: 18px; color: #222; position: relative; float: none; display: inline-block; padding-top: 25px; } .shop-item:hover .layer-shop { opacity: 1; transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); } .map { position: relative; width: 100%; display: inline-block; } .map-canvas { height: 810px; } .contact { padding: 80px 0px; } .comment-form input, .contact-form input, textarea { width: 100%; border: 1px solid rgba(153, 153, 153, 0.5); padding: 0px 15px; font-size: 14px; margin-bottom: 15px; text-transform: none; border-radius: 26px; } .comment-form input { padding: 16px 27px; } .comment-form input[type="text"] { width: calc(50% - 13px); float: left; } .comment-form input[type="email"] { width: calc(50% - 13px); float: right; } .comment-form input:focus { border-color: #fda329;; } .contact-form input, textarea:focus { border-color: #fda329;; } .comment-form textarea, .contact-form textarea { height: 160px; padding-top: 9px; padding-left: 27px; margin-bottom: 41px; border-radius: 26px; } .comment-form input[type="submit"], .contact-form input[type="submit"] { width: auto; text-align: center; border: 2px solid #e7543d; margin: 0px; } .submit-button { position: absolute; right: 0px; top: 0px; width: 50px; color: #999; } .submit-button i { line-height: 50px; font-size: 14px; position: absolute; right: 20px; } .submit-button input { position: absolute; left: 0px; top: 0px; background: none; width: 50px; height: 50px; z-index: 5; } .adress-block { position: relative; width: 100%; text-align: left; padding: 0px 0px 20px; } .adress-block h5 { padding-bottom: 15px; } .adress-block a { font-size: 14px; color: #222; display: block; font-weight: 300; } .adress-block ul li { font-size: 14px; color: #222; line-height: 24px; font-weight: 300; } .main-slider .main-title { left: 30px; color: #f6f6f6; top: auto; bottom: 30px; padding: 0px; text-align: left; transform: translateY(0%); -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); } @media screen and (max-width: 992px) { .main-slider .main-title { left: 25px; right: 25px; } } .main-title.vert-center { position: absolute; width: 100%; left: 0px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); } .main-title--vertical-slider { top: initial; bottom: 0; } .main-title--vertical-slider h3 { color: rgba(255, 255, 255, .7); font-size: 20px; margin-top: 13px; } .main-title.title-no-bg { background: none; outline: none; width: 100%; } .main-title.title-no-bg h1 { padding-bottom: 30px; letter-spacing: 12px; } .main-title h2 { padding-bottom: 10px; } .main-title h2.type-2, .main-title h2.type-2 p { font-size: 50px; font-weight: 900; line-height: 58px; font-family: 'Montserrat', sans-serif; color: #201e1c; padding: 0; margin: 0; letter-spacing: 1.5px; } .large-font .main-title h2.type-2, .large-font .main-title h2.type-2 p { font-size: 65px; font-weight: 900; line-height: 65px; letter-spacing: 0.5px; margin-bottom: 14px; } .main-title.light h2.type-2, .main-title.light h2.type-2 p, .top-baner .main-title.light .desc { color: #fff; } .top-baner .main-title .desc, .top-baner .main-title .desc p { font-family: 'Open Sans', sans-serif; font-size: 16px; font-weight: 400; line-height: 29px; letter-spacing: 0.5px; margin: 0; margin-top: 27px; } .top-baner .main-title .desc b { display: inline-block; margin-bottom: 13px; font-weight: 600; line-height: 26px; } .top-baner.large-font .main-title .desc { font-size: 14px; letter-spacing: 0.75px; line-height: 24px; } .skill-block { position: relative; float: left; width: 100%; height: 20px; margin: 10px 0px; } .skill-block span { position: relative; font-size: 14px; color: #808080; padding: 10px 30px 2px 0px; font-weight: 300; text-transform: uppercase; background: #fff; z-index: 1; } .skill-block .skill-line { height: 5px; background: #999; position: relative; margin-top: 3px; width: 100%; border-radius: 5px; } .skill-block .skill-line div { position: absolute; background: #222; width: 0%; height: 5px; transition: all 2s ease-in-out 0.3s; -webkit-transition: all 2s ease-in-out 0.3s; -moz-transition: all 2s ease-in-out 0.3s; -o-transition: all 2s ease-in-out 0.3s; -ms-transition: all 2s ease-in-out 0.3s; } .skill-block h5 { font-size: 14px; text-align: right; position: absolute; right: -15px; top: -25px; color: #222; font-weight: 300; } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 06 - ELEMENTS */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .accordion>dt { margin-bottom: 10px; font-size: 12px; font-weight: 400; text-transform: uppercase; letter-spacing: 0.2em; } .accordion>dt>a { display: block; position: relative; color: #777; text-decoration: none; padding: 14px 20px; border: 1px solid #e5e5e5; -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); } .accordion>dt>a.active { background: #000; color: #fff; } .accordion>dd { margin-bottom: 10px; padding: 10px 20px 20px; font-size: 14px; line-height: 1.8; color: #777; } accordion>dt>a:after { content: "\f107"; width: 15px; height: 15px; margin-top: -8px; position: absolute; top: 50%; right: 10px; font-family: 'FontAwesome'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; font-size: 15px; line-height: 15px; text-align: center; color: #999; -webkit-font-smoothing: antialiased; -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); } .gallery-caption, .bypostauthor { font-size: inherit; } .gallery-block { margin: 20px 0; cursor: pointer; } .toggle>dt { margin-bottom: 10px; font-size: 13px; font-weight: 400; text-transform: uppercase; letter-spacing: 0.2em; } .toggle>dt>a { display: block; position: relative; color: #777; text-decoration: none; padding: 14px 20px; border: 1px solid #e5e5e5; -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); } .toggle>dd { margin-bottom: 10px; padding: 10px 20px 20px; font-size: 14px; line-height: 1.8; color: #777; } .skill-block.skill-style-2 .skill-line { height: 30px; background: #ebebeb; } .skill-block.skill-style-2 span { position: absolute; background: none; color: #fff; padding: 7px 30px 2px 10px; } .skill-block.skill-style-2 .skill-line div { height: 30px; background: #000; } .skill-block.skill-style-2 h5 { color: #fff; right: 8px; top: 5px; } .butt-style { text-transform: uppercase; display: block; letter-spacing: 1px; font-weight: 300; margin-bottom: 15px; -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); } .button-style-1 { background: none; border: 1px solid #222; color: #222; display: inline-block; } .button-style-1 a:hover { background: #222; color: #fff; } .button-style-2 a { background: #222; border: 1px solid #222; color: #fff; display: inline-block; } .button-style-2 a:hover { background: #fff; color: #222; border: 1px solid #222; } .button-style-3 a { background: #fff; border: 1px solid #222; color: #222; border-radius: 30px; display: inline-block; } .button-style-3 a:hover { background: #222; color: #fff; border: 1px solid #222; } .button-style-4 a { background: #222; display: inline-block; border: 1px solid #222; border-radius: 30px; color: #fff; } .button-style-4 a:hover { background: #fff; color: #222; border: 1px solid #222; } .button-style-5 a { background: #ebebeb; display: inline-block; border: 1px solid #ebebeb; border-radius: 30px; color: #222; } .button-style-5 a:hover { background: #fff; color: #222; border: 1px solid #222; } .button-style-6 a { background: #ebebeb; display: inline-block; border: 1px solid #ebebeb; color: #222; } .button-style-6 a:hover { background: #fff; color: #222; border: 1px solid #222; } .b-lg { padding: 16px 40px; font-size: 18px; } .b-md { padding: 11px 33px; font-size: 16px; } .b-sm { padding: 8px 18px; font-size: 13px; } .b-xs { padding: 7px 16px; font-size: 12px; letter-spacing: 1px; } .serv-style-1 { text-align: center; } .serv-style-1 .fa { font-size: 30px; color: #222; } .serv-style-1 h4 { font-size: 16px; } .prog-serv { position: relative; float: left; padding-top: 15px; width: 100%; text-align: center; } .prog-serv h5 { position: relative; float: none; display: inline-block; width: 100%; padding-bottom: 20px; } .prog-serv img { position: relative; float: none; display: inline-block; } .grid-elem h4 { padding-bottom: 15px; } .grid-elem h5 { padding-bottom: 15px; } .grid-elem a { text-decoration: underline; } .nav-tabs>li { float: left; margin-bottom: -1px; position: relative; display: block; } .tabs-style-1.nav-tabs>li>a { margin-right: 2px; border: 1px solid #222; z-index: 5; border-radius: 0px; background: #fff; z-index: 5; margin-top: 1px; border-bottom: 0px none; } .tabs-style-1.nav-tabs>li:last-child a { border-left: 0px none; } .tpl-tabs { font-size: 12px; font-weight: 400; text-transform: uppercase; letter-spacing: 1px; border: 0px none; } .tpl-tabs-cont { padding: 38px 0 0px; color: #222; line-height: 1.8; } .t-con-style-1.tab-content>.tab-pane { display: none; visibility: hidden; padding: 30px 20px 25px 20px; border: 1px solid #222; } .t-con-style-1.tab-content>.active { display: block; visibility: visible; } .tabs-style-1.nav-tabs>li.active>a, .tabs-style-1.nav-tabs>li.active>a:focus, .tabs-style-1.nav-tabs>li.active>a:hover { border: 1px solid #999; background: #fff; color: #222; border-bottom: 0px none; } .tabs-style-1.nav-tabs>li.active>a, .tabs-style-1.nav-tabs>li.active>a:focus, .tabs-style-1.nav-tabs>li.active>a:hover .t-con-style-1.tab-content>.active { background: #fff; } .tab-pane .pop-text a h5 { font-size: 13px; line-height: 16px; } .tpl-minimal-tabs { width: 100%; } .tpl-minimal-tabs>li { padding: 0 20px; background: none !important; float: none; position: relative; display: inline-block; } .tpl-minimal-tabs { display: inline-block; font-size: 12px; font-weight: 400; text-transform: uppercase; text-align: center; letter-spacing: 1px; border: none; } .tpl-minimal-tabs>li>a { padding: 6px 20px 5px; text-decoration: none; color: #000; background: none; border: 1px solid transparent; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; } .tpl-minimal-tabs li.active a, .tpl-minimal-tabs li.active a:hover { border: 1px solid #222 !important; background: none !important; color: #000; cursor: default; } .tpl-minimal-tabs-cont { padding: 40px 0px 0px; clear: both; text-align: center; } .video-wrap { width: 100%; position: relative; } .video-wrap { width: 100%; position: relative; } .video { float: none; clear: both; width: 100%; position: relative; padding-bottom: 56.25%; height: 0; } .video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .sound { width: 100%; position: relative; } .sound iframe { width: 100%; height: auto; } .slide-prev, .slide-next { position: absolute; top: 81px; z-index: 5; cursor: pointer; width: 35px; height: 100px; background-color: rgb(255, 255, 255); } .slide-prev:hover, .slide-next:hover { background-color: #fda329; } .slide-prev div, .slide-next div { position: relative; top: 34%; left: 26%; } .slide-next div { left: 32%; } .slide-prev div::before { content: '\f104'; position: absolute; top: -8px; font-size: 40px; color: #fda329; font-family: "FontAwesome"; } .slide-next div::before { content: '\f105'; position: absolute; top: -8px; font-size: 40px; color: #fda329; font-family: "FontAwesome"; } .slide-prev:hover div::before, .slide-next:hover div::before { color: #fff; } .slide-prev { left: 15px; } .slide-next { right: 15px; } .blr-product-slider .swiper-slide img { width: 100%; height: 290px; } .arrow-style-1 span { font-size: 48px; color: #222; } .slider-wrap.padding { position: relative; width: 100%; margin-top: 50px; } .pagination { position: absolute; width: 100%; text-align: center; left: 0px; bottom: 0px; z-index: 5; cursor: pointer; } .point-style-1 .swiper-pagination-switch { position: relative; display: inline-block; float: none; margin: 0 8px; width: 10px; height: 10px; cursor: pointer; border-radius: 50%; background-color: #fff; -webkit-transition: all 350ms cubic-bezier(0.77, 0.155, 0.445, 1.32); -moz-transition: all 350ms cubic-bezier(0.77, 0.155, 0.445, 1.32); -o-transition: all 350ms cubic-bezier(0.77, 0.155, 0.445, 1.32); transition: all 350ms cubic-bezier(0.77, 0.155, 0.445, 1.32); } .point-style-1 .swiper-active-switch:before { content: ''; position: absolute; width: 14px; height: 14px; border-radius: 50%; border: 1px solid #fff; left: -2px; top: -2px; transform: scale(0); -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); } .point-style-1 .swiper-pagination-switch.swiper-active-switch:before { transform: scale(2); -webkit-transform: scale(2); -moz-transform: scale(2); -ms-transform: scale(2); -webkit-transition: all 350ms cubic-bezier(0.77, 0.155, 0.445, 1.32); -moz-transition: all 350ms cubic-bezier(0.77, 0.155, 0.445, 1.32); -o-transition: all 350ms cubic-bezier(0.77, 0.155, 0.445, 1.32); transition: all 350ms cubic-bezier(0.77, 0.155, 0.445, 1.32); } .point-style-1 .swiper-pagination-switch.swiper-active-switch { transform: scale(0.6); -webkit-transform: scale(0.6); -moz-transform: scale(0.6); -ms-transform: scale(0.6); } .point-style-2 .swiper-pagination-switch.swiper-active-switch { width: 123px; background-color: #fda329; } .point-style-2 .swiper-pagination-switch.swiper-active-switch { border-radius: 2px; } .point-style-2 .swiper-pagination-switch:first-child { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } .point-style-2 .swiper-pagination-switch:last-child { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .point-style-2 .swiper-pagination-switch { position: relative; display: inline-block; float: none; width: 12px; height: 12px; cursor: pointer; opacity: 0.06; background: #ccc; -webkit-transition: all 350ms cubic-bezier(0.77, 0.155, 0.445, 1.32); -moz-transition: all 350ms cubic-bezier(0.77, 0.155, 0.445, 1.32); -o-transition: all 350ms cubic-bezier(0.77, 0.155, 0.445, 1.32); transition: all 350ms cubic-bezier(0.77, 0.155, 0.445, 1.32); } .slider-3 .swiper-slide { padding: 0px 15px; } .slider-4 .pagination { bottom: 30px; } .fix-bg-slider { position: relative; width: 100%; } .testi-slider-wrapp { position: relative; width: 100%; padding: 80px 0px 120px; text-align: center; } .testi-slider-wrapp img { width: 70px; height: 70px; } .testi-slider-wrapp p { padding-bottom: 40px; } .testi-slider-wrapp img { margin-bottom: 20px; } .slider-6 { padding: 120px 0px 80px; position: relative; width: 100%; } .slide-7-wrap { position: relative; width: 100%; padding: 80px 0px 40px; float: left; } .left-block { position: relative; float: left; width: 50%; } .left-block img { width: 100%; height: auto; } .right-block { position: relative; float: left; width: 50%; padding: 40px 0px; text-align: left; padding: 120px 30px 0px 60px; } .right-block h4 { padding-bottom: 15px; } .right-block p { padding-bottom: 25px; } .pos-out.slide-next { right: -50px; } .pos-out.slide-prev { left: -50px; } .alert { position: relative; width: 100%; padding: 15px; font-size: 18px; border: 1px solid #ebebeb; border-radius: 0px; background: #fbfbfb; } .alert span { line-height: 23px; margin-right: 15px; color: #999; } .alert p { font-size: 14px; text-transform: uppercase; color: #999; font-weight: 400; } .f-awesome { font-size: 14px; color: #222; } .f-awesome .fa-icon { font-size: 16px; color: #444; } .f-awesome>div { padding: 0px; border: 1px solid #ebebeb; margin: -1px 0px 0px -1px; font-size: 13px; } .f-awesome>div>i { display: inline-block; margin-right: 5px; min-width: 40px; min-height: 40px; border-right: 1px solid #ebebeb; line-height: 40px; text-align: center; font-size: 14px; } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 07 - SHOP DETAIL */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .shop-detail-info { position: relative; width: 100%; } .shop-detail-info h4 { padding-bottom: 30px; } .shop-detail-info p { padding: 25px 0px 30px; position: relative; width: 100%; float: left; } .shop-price { position: relative; width: 100%; border-top: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb; padding: 25px 0px 25px; float: left; } .shop-price h6 { line-height: 20px; } .shop-price h5 { padding-left: 15px; } .rate-info { padding-top: 3px; } .rate-info span { font-size: 16px; color: #ebebeb; margin: 0px 2px; } .rate-info .star-act { color: #222; } .add-tocard { position: relative; float: left; width: 100%; padding: 20px 0px 25px; border-bottom: 1px solid #ebebeb; } .add-tocard input[type="number"] { border: 1px solid #ebebeb; padding: 8px 5px; font-size: 13px; max-width: 100px; margin-right: 10px; } .shop-det-tags { padding: 25px 0px; position: relative; float: left; width: 100%; border-top: 1px solid #ebebeb; } .shop-det-tags-wr { width: 100%; position: relative; padding-bottom: 15px; } .shop-det-tags-wr { font-size: 13px; color: #999; text-transform: uppercase; } .image-list span { margin-right: 5px; } .shop-det-tags-wr a { color: #999; font-size: 14px; padding: 0px 8px; text-transform: lowercase; } .shop-det-tags-wr a:hover { color: #000; } .heading-2 h1, .heading-2 h2, .heading-2 h3, .heading-2 h4, .heading-2 h4, .heading-2 h5, .heading-2 h6 { font-weight: 400; } .heading-3 h1, .heading-3 h2, .heading-3 h3, .heading-3 h4, .heading-3 h4, .heading-3 h5, .heading-3 h6 { font-weight: 100; letter-spacing: 0px; font-family: 'latolight'; } .no-padding.padd-80 { padding: 0px; } .main-title-fix { position: relative; width: 100%; height: 500px; } .lg-title { padding: 40px 0px 10px; } .md-title { padding: 50px 0px 0px; } .sm-title { padding: 40px 0px 0px; } .bg-grey { background: #f3f3f3; } .bg-grey-dark { background: #C7C7C7; } .bg-dark { background: #222; color: #fff; } .fix-title { position: relative; width: 100%; } .subtitle-bg-lg { padding: 120px 0px 100px; } .subtitle-bg-md { padding: 80px 0px 60px; } .subtitle-bg-sm { padding: 40px 0px 20px; } .team-col-4 .later-team { padding: 15px 5px; } .team-col-5 .later-team { padding: 40px 10px; text-align: center; } .team-col-5 .later-team p { display: none; } .team-col-5 .team-share a { font-size: 18px; } .team-col-5 .later-team h4 { font-size: 16px; padding-bottom: 10px; } .col-5 { position: relative; float: left; width: 20%; padding: 0px 15px; } .accordion .panel { border: none; -webkit-box-shadow: none; box-shadow: none; } .accordion .panel-heading { position: relative; padding: 0px; } .accordion .panel-title { font-weight: 300; text-transform: uppercase; letter-spacing: 0px; } .accordion .panel-title a { font-size: 13px; padding: 15px 30px 15px 65px; display: block; background: #999; color: #fff; } .accordion .panel-title a:hover { text-decoration: none; } .accordion .panel-title a.collapsed { background: #ededed; color: #203c4d; } .accordion .marker { width: 50px; height: 100%; color: #fff; background: #666; position: absolute; top: 0px; left: 0px; } .accordion .marker__open { display: block; position: absolute; top: 50%; left: 50%; margin-top: -9px; margin-left: -5px; } .accordion .marker__close { display: none; position: absolute; top: 50%; left: 50%; margin-top: -9px; margin-left: -6px; } .accordion a.collapsed .marker { background: #222; } .accordion a.collapsed .marker__open { display: none; } .accordion a.collapsed .marker__close { display: block; } .accordion .panel-body { font-size: 13px; font-weight: 300; line-height: 24px; color: #fff; background: #fff; padding: 25px 25px 0px 25px; } .accordion .panel-body p { margin-bottom: 30px; color: #fff; } #accordion-3 .panel-body p { margin-bottom: 30px; color: #222; } #accordion-7 .panel-body p { margin-bottom: 30px; color: #222; } #accordion-8 .panel-body p { margin-bottom: 30px; color: #222; } .tabs-content .panel-body p { color: #222; } .accordion .panel-default>.panel-heading+.panel-collapse>.panel-body { padding-left: 65px; margin-bottom: 15px; border: none; } .panel-group { margin-bottom: 40px; } .accordion.panel-group .panel+.panel { margin-top: 15px; } .accordion.white .panel-title a.collapsed { background: #fff; } .accordion.white .panel-body { background: #fff; } .accordion.dark .panel-title a { background: #ebebeb; color: #222; } .accordion.dark .panel-title a.collapsed { background: #ebebeb; } .accordion.dark .panel-body { background: #222; } .accordion.dark .marker { background: #222; } .accordion.orange .panel-title a { background: #f48b24; } .accordion.orange .panel-title a.collapsed { background: #f7f7f7; color: #231810; } .accordion.orange .panel-body { background: #f7f7f7; color: #89837f; } .accordion.orange .marker { background: #231810; } .accordion.orange a.collapsed .marker { background: #f48b24; } .accordion.white-black { border: 1px solid #f1f1f1; } .accordion.white-black .panel+.panel { margin-top: 0px; } .accordion.white-black .panel-title a { font-size: 11px; background: #1d4156; padding: 18px 30px 18px 32px; } .accordion.white-black .panel-title a.collapsed { background: #fff; color: #203c4d; border-bottom: 1px solid #f1f1f1; } .accordion.white-black .panel-title a .fa { position: absolute; top: 50%; left: 15px; margin-top: -5.5px; color: #079aee; } .accordion.white-black .panel-title a.collapsed .fa { -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); color: #079aee; } .accordion.white-black .panel-body { background: #fff; } .accordion.white-black .panel-default>.panel-heading+.panel-collapse>.panel-body { padding-left: 70px; } .accordion.white-black .panel-collapse.collapse.in { border-bottom: 1px solid #f1f1f1; } .tabs-block .nav-tab-item { font-size: 12px; font-weight: bold; color: #222; text-transform: uppercase; background: #ebebeb; padding: 17px 15px; cursor: pointer; transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; -ms-transition: all 0.3s ease-in; } .tabs-block .nav-tab-item.active { background: #222; color: #fff; } .nav-tab-item:hover { background: #222; color: #fff; } .tabs-block .gallery { margin-bottom: 30px; } .tabs-block.dark .nav-tab-item { background: #999; color: #222; border: none; } .tabs-block.dark .nav-tab-item.active, .tabs-block.dark .nav-tab-item:hover { background: #ebebeb; color: #fff; } .tabs-block.dark .nav-tab-item+.nav-tab-item { border-top: none; border-top: 1px solid #222; } .price-block { position: relative; width: 100%; background-color: #f7f4f1; border: 2px solid #fff; border-radius: 4px; float: left; text-align: center; transition: all 0.35s ease-out; -webkit-transition: all 0.35s ease-out; -moz-transition: all 0.35s ease-out; -ms-transition: all 0.35s ease-out; } .price-block.act { border: 2px solid #f7f4f1; background-color: #fff; box-shadow: 3.5px 3.5px 10px rgba(68, 68, 68, 0.1); } .price-block.act .price-price { border-bottom: 2px solid #f7f4f1; } .price-price { position: relative; width: 100%; border-bottom: 2px solid #fff; /* padding: 15px 0px; */ } .price-price h4 { font-weight: 400; line-height: 50px; text-transform: uppercase; font-family: 'Montserrat Bold', sans-serif; } .price-title { position: relative; width: 100%; padding-top: 40px; padding-right: 10px; padding-left: 10px; } .price-title span { font-size: 80px; color: #fda329; line-height: 80px; } .price-title sup { font-size: 38px; top: -0.5em; font-family: 'Montserrat', sans-serif; } .price-title sub { font-size: 20px; bottom: 0px; left: -5px; font-family: 'Montserrat', sans-serif; font-weight: 400; color: #101e38; } .price-block ul { position: relative; width: 100%; padding-top: 25px; padding-right: 70px; padding-bottom: 48px; padding-left: 70px; border-bottom: 2px solid #fff; } .price-block.act ul { border-bottom: 2px solid #f7f4f1; } .price-block p { font-family: 'Poppins', sans-serif; font-size: 16px; opacity: 0.5; padding: 0 30px; } .price-block .button-style-2 { position: relative; width: 100%; text-align: center; padding-top: 25px; border-top: 1px solid #ebebeb; float: left; } .price-block .button-style-2 a { position: relative; float: none; display: inline-block; margin-bottom: 0px; } .price-col-4 .price-title span { font-size: 62px; font-weight: 600; font-family: 'Montserrat', sans-serif; } .price-col-4 .price-price h4 { letter-spacing: 1px; font-size: 16px; margin-bottom: 27px; margin-top: 27px; color: #101e38; } .price-col-4.act .price-price h4 { color: #fda329; } .price-col-4.price-block ul li { font-size: 14px; line-height: 26px; font-family: 'OpenSans', sans-serif; font-weight: 400; color: #101e38; } .price-block .btn-blank { border: 2px solid #d4d4d4; border-radius: 24px; color: #2b364c; background: none; font-weight: 500; letter-spacing: 1.5px; margin-top: 43px; margin-bottom: 50px; padding: 6px 36px; } .price-block.act .btn-blank { background-color: #fda329; border: 2px solid #fda329; color: #fff; } .price-block .btn-blank:hover, .btn-blank:focus { background-color: #171616; color: #fff; } .price-block .btn-blank:hover { border: 2px solid #171616; } .price-block.act .btn-blank:hover { opacity: 0.9; background-color: #fda329; border: 2px solid #fda329; color: #fff; } .elem-form-select { position: relative; width: 100%; } .elem-form-select .drop-wrap { width: 100%; } .elem-form-select .drop-wra .drop { max-width: 100%; } .blog-post.item { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-wrap: wrap; margin-bottom: 65px; } .blog-post img { width: auto; height: auto; max-width: 100%; } .single-post .blog-post img { height: auto; max-width: 100%; } .sidebar-show .blog-post.item.col-md-4 .post-preview-left, .sidebar-show .blog-post.item.col-md-4 .post-preview-right { float: none; width: 100%; } .line-item { position: relative; float: left; width: 25%; text-align: center; font-size: 16px; border: 1px solid #ebebeb; padding: 20px 0px; color: #999; } .line-item span { position: relative; float: none; display: inline-block; padding-right: 10px; font-size: 16px; color: #999; } .blog-post.item h4 { line-height: 27px; font-size: 20px; font-family: 'Montserrat', serif; font-weight: 700; letter-spacing: 0.1px; color: #111; text-transform: uppercase; margin-top: 20px; padding-left: 5px; margin-bottom: 11px; transition: .5s; } .blog-post.item h4:hover { color: #fda329; } .blog-post h4 { width: 100%; -ms-word-wrap: break-word; word-wrap: break-word; /*padding-top: 40px;*/ display: inline-block; } .blog-banner { height: 562px; } .blog-post p { opacity: 0.8; color: black; font-family: "OpenSans", sans-serif; font-size: 14px; font-weight: 300; line-height: 24px; letter-spacing: 0.1px; padding-top: 13px; padding-left: 2px; width: 100%; margin-bottom: 20px; } .blog-post a { color: #fda329; font-size: 11px !important; font-weight: 500; line-height: 15px; text-transform: uppercase; letter-spacing: 2px; margin: 0; padding: 0; } } .full-izotope .item { width: 100%; } .full-izotope .grid-sizer { width: 100%; } .fotm-checks { display: inline-block; } .fotm-checks>input+span { cursor: pointer; } .fotm-checks span { display: block; } .fotm-checks>span.check { border: 1px solid #999; width: 28px; height: 28px; } .fotm-checks>input { position: absolute; visibility: hidden; width: 28px; height: 28px; } .fotm-checks>input:checked+span:before { content: url('../img/check.png'); display: block; } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 08 - PORTFOLIO */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .nogutt-col2 .item { width: 50%; } .grid-sizer { width: 0; } .nogutt-col3 .item { width: 33.3333%; } .nogutt-col4 .item { width: 25%; } .popup-gallery.nogutt-col4 .item.w-50 { width: 50%; } .nogutt-col5 .item { width: 20%; } .filters-style-1 .but { margin: 0px 10px; transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; -ms-transition: all 0.3s ease-in; } .filters-style-2 .but { margin: 0px 10px; padding: 5px 12px; letter-spacing: 2px; transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; -ms-transition: all 0.3s ease-in; } .filters-style-2 .but:hover { background: #000; color: #fff; } .filters-style-2 .but.activbut { background: #000; color: #fff; } .wide-portfolio .subtitle { padding-left: 50px; } .popup-gallery .item { overflow: hidden; transition: none; } .gutt-col2 .item { width: 48%; margin: 1%; } .gutt-col3 .item { width: 31%; margin: 1%; } .gutt-col4 .item { width: 23%; margin: 1%; } .gutt-col5 .item { width: 19%; margin: 0.5%; } .popup-gallery .item a { position: relative; width: 100%; float: left; } .popup-gallery .item .layer { z-index: 5; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; } .item-desc { position: absolute; left: 0; bottom: 0; width: 80%; padding: 25px; transform: translateY(100%); background: rgba(255, 255, 255, 1); text-align: left; text-transform: capitalize transition: all 0.35s ease-in; -webkit-transition: all 0.35s ease-in; -moz-transition: all 0.35s ease-in; -o-transition: all 0.35s ease-in; -ms-transition: all 0.35s ease-in; } .item-desc h5 { font-size: 12px; text-transform: capitalize; margin-bottom: 0; } .item-desc h4 { font-size: 16px; font-weight: 700; text-transform: capitalize; margin-bottom: 0; } .portfolio-link:hover .item-desc { color: #000; } .portfolio-link:hover .item-desc.black { color: #fff; } .popup-gallery .item .link { position: relative; opacity: 0; display: inline-block; float: none; width: 50px; height: 50px; border-radius: 50%; background: #fff; margin: 0px 5px; color: #888; transform: translateX(50px); -webkit-transform: translateX(50px); -moz-transform: translateX(50px); -ms-transform: translateX(50px); } .item-desc:hover .link { opacity: 1; transform: translateX(0); -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); } .popup-gallery .item .link i { font-size: 15px; line-height: 50px; } .popup-gallery .item .link:hover { color: #fff; background: #888; } .item-desc.black { background: rgba(0, 0, 0, 0.8); color: #fff; } .gutt-col5.popup-gallery .item .link { width: 30px; height: 30px; } .gutt-col5.popup-gallery .item .link i { line-height: 30px; font-size: 12px; } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 09 - PORTFOLIO DETAIL */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .project-nav { position: relative; float: left; width: 100%; padding-bottom: 30px; } .all-p { position: relative; float: none; display: inline-block; padding-top: 60px; } .left-arrow-nav { position: relative; float: left; } .project-nav span { font-size: 16px; font-weight: 300; text-transform: capitalize; line-height: 38px; position: relative; float: left; border-bottom: 2px solid #000; -webkit-transition: border-bottom 350ms cubic-bezier(0.77, 0.155, 0.445, 1.32); -moz-transition: border-bottom 350ms cubic-bezier(0.77, 0.155, 0.445, 1.32); -o-transition: border-bottom 350ms cubic-bezier(0.77, 0.155, 0.445, 1.32); transition: border-bottom 350ms cubic-bezier(0.77, 0.155, 0.445, 1.32); } .right-arrow-nav { position: relative; float: right; } .sec-title { position: absolute; left: 50px; bottom: 50px; width: 100%; text-align: left; } .wrapp-block { position: relative; width: 100%; padding: 80px 0px 40px; } .det-img { position: relative; float: left; width: 100%; padding-bottom: 30px; } .det-img img { width: 100%; height: auto; } .padd-40 { margin-bottom: 40px; } .padd-15 { padding: 15px; } .det-wrapp img { width: 100%; height: auto; } .fixed-detail-panel { position: relative; width: 100%; max-width: 360px; right: 0px; height: 100%; padding-bottom: 80px; overflow-y: auto; bottom: auto; top: auto; transition: all .2s ease-out; -webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out; -ms-transition: all .2s ease-out; } .fixed-detail-panel.fix { position: fixed; top: 0px; } .fixed-detail-txt h3 { padding-bottom: 35px; font-weight: 400; } .fixed-detail-txt p { color: #999; } .fixed-detail-txt { width: 100%; margin-bottom: 20px; padding: 35px 15px 35px 25px; } .fixed-detail-txt span { font-size: 16px; text-transform: capitalize; font-weight: 300; display: block; padding-bottom: 8px; } .fixed-detail-txt h5 { text-transform: capitalize; padding-bottom: 25px; } .fixed-detail-txt *:last-child { padding-bottom: 0px; } .layer-style-2 { position: absolute; cursor: url('../img/zoom.png'), pointer; left: 0px; top: 0px; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.8); text-align: center; opacity: 0; transition: all .2s ease-out; -webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out; -ms-transition: all .2s ease-out; } .layer-style-2 h4 { font-weight: 400; color: #000; padding-bottom: 80px; transition: all .35s ease-out; -webkit-transition: all .35s ease-out; -moz-transition: all .35s ease-out; -ms-transition: all .35s ease-out; } .layer-style-2 span { font-size: 14px; padding-top: 80px; text-transform: uppercase; font-weight: 300; color: #999; letter-spacing: 1px; margin-bottom: -80px; transition: all .25s ease-out; -webkit-transition: all .25s ease-out; -moz-transition: all .25s ease-out; -ms-transition: all .25s ease-out; } .det-img:hover .layer-style-2 { opacity: 1; } .det-img:hover .layer-style-2 h4 { padding-bottom: 15px; } .det-img:hover .layer-style-2 span { padding-top: 0px; } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: pointer!important; } .gutt-difer { position: relative; width: 100%; padding-bottom: 80px; } .gutt-difer .item { padding: 0px 10px; } .gutt-difer .det-img .main-title { padding-bottom: 20px; } .gutt-difer .grid-sizer { width: 0px; } .gutt-difer .item.w_25 { width: 25%; } .gutt-difer .item.w_50 { width: 50%; } .gutt-difer .item.w_100 { width: 100%; } .sort-b { text-transform: uppercase; font-size: 14px; color: #666; font-weight: 300; margin: 0px 24px; background: none; letter-spacing: 5px; } .sort-b span { margin-top: -5px; font-size: 12px; color: #999; position: relative; float: right; padding-left: 5px; } .fillter-wrap .sort-b.active { color: #999; } .fillter-wrap .sort-b.active span { text-decoration: line-through; } .item.disabled div { opacity: 0.1; } .sliphover .det-img { padding-bottom: 0px; margin-bottom: 30px; } .pr-sutitle { font-size: 14px; text-transform: uppercase; font-weight: 300; color: #999; letter-spacing: 1px; } .multi-wrapp { position: relative; width: 100%; height: 100vh; float: left; } .ms-section img { width: auto; height: 100%; } #multiscroll-nav span { width: 12px; height: 12px; transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; } #multiscroll-nav li .active span { background: #000; } .multi-wrapp .det-img .layer-style-2 { cursor: pointer; } .multi-wrapp .det-img .layer-style-2 .vertical-align { padding-right: 80px; } .pagination.vertical-mode { width: 50px; transform: translateY(50%); -webkit-transform: translateY(50%); -moz-transform: translateY(50%); -ms-transform: translateY(50%); right: 50px; left: auto; bottom: 50%; } .vertical-mode.point-style-1 .swiper-pagination-switch { margin-bottom: 10px; } .video-wrapper { position: relative; width: 100%; height: calc(100vh - 41px); float: left; min-height: 650px; } video.bgvid-container { position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; } video.bgvid { max-width: 100%; position: absolute; right: 0; bottom: 0; min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: -100; background: url(../img/home_image_1.jpg) no-repeat; background-size: cover; overflow: hidden; } button.mfp-close { background: none; font-family: "proxima_nova_rgregular"; font-weight: 100; right: 0px; left: auto; } button.mfp-arrow { background: #fff; opacity: 1; } .mfp-arrow-right, .mfp-arrow-left { width: 50px; height: 50px; right: 0px; top: 50%; margin: -35px 0px 0px 0px; background: #fff; } .mfp-arrow-right:before, .mfp-arrow-right .mfp-b, .mfp-arrow-left:before, .mfp-arrow-left .mfp-b { display: none; } .mfp-arrow-right:after { border: 0px none!important; content: '\f105'; font-size: 18px; line-height: 50px; color: #222; font-family: FontAwesome; margin: 0px; padding: 0px; left: auto; top: auto; text-align: center; position: relative; width: auto; height: auto; } .mfp-arrow-left:after { border: 0px none!important; content: '\f104'; font-size: 18px; line-height: 50px; color: #222; font-family: FontAwesome; margin: 0px; padding: 0px; left: auto; top: auto; text-align: center; position: relative; width: auto; height: auto; } .mfp-close { position: fixed; top: 0px; left: 0px; font-size: 55px; opacity: 1; } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: pointer; } .mfp-counter { display: none; } .mfp-arrow:active { margin-top: -35px; } button.mfp-arrow:hover { background: rgba(255, 255, 255, 0.5); } .pagination.point-style-2 .swiper-pagination-switch { width: 123px; height: 6px; opacity: 0.4; } .animated { animation-fill-mode: none; -webkit-animation-fill-mode: none; } #empty-search-result { width: 100%; text-align: center; } #empty-search-result p { text-align: center; font-size: 20px; margin-bottom: 15px; } #empty-search-result input { border: 1px solid #eee; padding: 6px 12px; font-weight: normal; font-size: 16px; } #empty-search-result input[type=submit]:hover { border-color: #000; } .sticky:before { font-family: 'FontAwesome'; content: '\f08d'; position: absolute; left: 0; top: -30px; font-size: 26px; transform: rotate(315deg); z-index: 1; } #pager { padding: 10px 0; width: 100%; font-size: 16px; text-align: center; clear: both; } #pager span, #pager a { margin: 4px; } #pager a { text-decoration: underline; } #pager.pagination { margin-top: 30px; } .item.hidden-info h4 { margin-top: 20px; } .error404 .top-baner.half-height { height: auto; } .not-found { width: 100%; text-align: center; padding: 100px 0; } .not-found span { font-size: 370px; padding: 30px 0 20px; display: block; text-shadow: 0 0 4px rgba(0, 0, 0, 0.7); font-weight: 900; line-height: 1; text-transform: uppercase; } .not-found a { text-decoration: none; background-color: #fda329; border-radius: 26px; border: 2px solid #fda329; box-shadow: 0 6px 14.5px 1.5px rgba(255,255,255,0.6); color: #fff; font-size: 11px; font-weight: 700; line-height: 33px; text-transform: uppercase; letter-spacing: 1.2px; padding: 18px 48px; } .not-found a:hover { background-color: transparent; border: 2px solid #fda329; color: #fda329; } .simple-article-block { padding: 20px 0 30px; } .page-content { margin-bottom: 35px; margin-top: 50px; } .page-details { margin-top: 7px; font-size: 12px; } .simple-page-content { margin-top: 10px; } .simple-page-content p { margin-top: 12px; } .simple-page-content blockquote { margin: 10px 20px; } .simple-page-content blockquote cite { display: block; } .simple-page-content blockquote p { margin-top: 0; margin-top: 0; } .simple-page-content a { color: #fda329; } .simple-page-content a:hover { text-decoration: underline; } .wp-caption.alignnone { margin: 20px 0; } .simple-page-content .wp-caption.alignnone, .simple-page-content .aligncenter { clear: both; } .simple-page-content figcaption { margin-top: 5px; font-size: 12px; } .simple-page-content address, .simple-page-content dl, .simple-page-content table { font-size: 14px; margin: 15px 0; } .simple-page-content td, .simple-page-content th { padding: 5px; border: 1px solid #eee; } .simple-page-content dl dd { margin-left: 15px; margin-bottom: 10px; } .simple-page-content ul li, .simple-page-content ol li { font-size: 14px; } .simple-page-content ul li.action { margin-top: 20px; } .simple-page-content ul ol, .simple-page-content ol ul, .simple-page-content ol ol { padding-left: 25px; } .simple-page-content acronym { border-bottom: 1px dashed blue; } .simple-page-content input { border: 1px solid #eee; margin-bottom: 20px; padding: 10px 20px; } .simple-page-content .post-nav { font-size: 14px; margin-top: 15px; width: 100%; text-align: center; } .simple-page-content span, .simple-page-content em { font-size: 14px !important; } .simple-page-content iframe { max-width: 100%; } .simple-page-content img { max-width: 100%; height: auto; } @media screen and (max-width: 1600px) { .not-found span { font-size: 200px; } } @media screen and (max-width: 1199px) { .footer_main--column { margin-bottom: 20px; } .footer-sidebar__row { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; display: -ms-flexbox; flex-wrap: wrap; } .footer-sidebar__col { text-align: center; } .top-baner .main-title .desc br { display: none; } } @media screen and (max-width: 1170px) { nav>ul>li { margin: 0px 10px; } } @media screen and (max-width: 991px) { .logo { z-index: 501; } .menu ul li>ul li a { color: #000; padding: 5px 10px; } .menu ul li>ul li { margin-top: -1px; } .nav-menu-icon { display: block; } nav>ul>li { float: none; display: block; margin: 0px; padding: 10px 15px; padding-left: 15px; position: static; font-size: 12px; font-weight: 300; line-height: 16px; letter-spacing: 4px; } .menu .current-menu-ancestor>a, .menu .current-menu-item>a { padding-bottom: 0; } nav ul>li ul { position: static; opacity: 1; visibility: visible; width: 100%; margin-bottom: 0; border-top: 0px none; margin-top: 15px; } } ul.slidemenu { display: inline-block; } nav ul { padding: 0px; } .shop-detail-info h4 { padding-top: 40px; } nav.slide-menu { transform: translateY(0%); -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); } nav>ul>li:last-child .dropmenu li, nav>ul>li:last-child .sub-menu li { text-align: left; } nav ul { width: 100%; padding: 0; } nav>ul>li:last-child .sub-menu li { text-align: center; } .menu ul li>ul li a { font-size: 12px; } .menu ul>li>ul>li>ul { position: static; opacity: 1; visibility: visible; margin-top: 0; max-width: none; padding-top: 0; padding-bottom: 0; margin-bottom: -1px; } .menu ul>li>ul>li>ul>li { padding-left: 15px; margin-left: -1px; margin-right: -1px; } .padd-80 { padding: 40px 0px; } .home-izotope .item { width: 50%; } .fillter-wrap { padding-bottom: 40px; } .about-item { padding-bottom: 30px; } .team-block { padding-bottom: 30px; } .servis-block { text-align: center; padding-bottom: 30px; } .pagination.vertical-mode { bottom: 20px; transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); width: 100%; right: 0px; } .vertical-mode.point-style-1 .swiper-pagination-switch { margin-bottom: 0px; } .nogutt-col3 .item { width: 50%; } .nogutt-col4 .item { width: 33.3333%; } .gutt-col4 .item { width: 31%; } .gutt-col5 .item { width: 31%; } .fixed-detail-panel { width: 100%; float: left; } .fixed-detail-panel.fix { position: relative; width: 100%; float: left; } .sidebar-block { padding: 30px 0px; } .sidebar-block h4 { padding-bottom: 25px; } .pad-80 { padding: 40px 0px; } .popular-block.padd-80 { padding-bottom: 40px; } .california_shop_sort_by, .shop-chose-wrap { width: 50%; padding-bottom: 40px; } .adress-block { padding: 0px 0px 15px 0px; text-align: center; } .price-block { margin-bottom: 30px; } .footer_main--column.widget_contact_form { text-align: left; } .contact .subtitle { padding-bottom: 10px; } .contact { padding: 40px 0px; } .animsition, .animsition-overlay { opacity: 1 !important; } .ms-right { width: 100%!important; position: relative; float: left; } .ms-left { width: 100%!important; position: relative; float: left; } .ms-section img { width: 100%; height: auto; } .right-menu-link { padding-top: 20px; } .right-menu { padding: 30px 15px; } .second-menu { margin-right: 10px; } nav>ul>li>a { display: inline-block; } nav ul.table-cell { position: relative; width: 100%; display: block; height: auto; } nav>ul.slidemenu>li { padding: 10px 0px 0px; } .menu ul>li>ul>li>a>.fa { display: none; } .service-icon { padding: 60px 0px 30px; } .info-block { padding-bottom: 30px; } .full-about-baner .w-50 { position: relative; width: 100%; } .full-about-baner .w-50:last-child { left: 0px; position: relative; width: 100%; } .full-about-baner .w-50:first-child { width: 100%; position: relative; height: 300px; } .w-50 .slider-wrap, .w-50 .bottom-about-title { position: relative; float: left; width: 50%; } .tab-nav-wrapper { padding-bottom: 30px; } .map-canvas { height: 350px; } .about-item { padding-right: 0px; } .full-about-baner { margin-bottom: 0px; } .service-icon { margin-bottom: 40px; } .nogutt-col4 .item { width: 50%; } } @media screen and (max-width: 767px) { .page-template-default .fillter-wrap { text-align: center; } .fillter-wrap .but { width: auto; margin: 6px auto; display: block; } .fillter-wrap .but span { float: none; } .nogutt-col4 .item { width: 50%; } .gutt-col3 .item { width: 48%; } .gutt-col5 .item { width: 48%; } .line-item { font-size: 13px; } .line-item span { display: none; } .shop-bar { padding-bottom: 80px; } .footer-folow { float: none; text-align: center; width: 100%; display: inline-block; } .footer-folow a { float: none; } .footer-link { width: 100%; text-align: center; float: none; display: inline-block; padding-bottom: 15px; } .footer-link a { float: none; } footer { padding: 20px 0px; } .shop { padding: 60px 0px 40px; } .fillter-wrap { padding-bottom: 15px; } .vc_row, .single-post-content { padding-left: 10px; padding-right: 10px; } } @media screen and (max-width: 767px) { .call_to_action__button { margin-top: 15px; } .top-baner--slider-vertical { height: auto; } .slider-vertical .full-height { height: calc(100vh - 87px); max-height: 700px; } .post-preview-header { margin-bottom: 40px; } } @media screen and (max-width: 480px) { h1 { font-size: 42px; } .mobile-icon { margin-right: 15px; } .main-title h2 { font-size: 30px; line-height: 36px; } .main-title .desc { font-size: 13px; line-height: 16px; } .main-title.title-no-bg h1 { font-size: 30px; line-height: 36px; padding-bottom: 15px; } .main-title.title-no-bg h3 { font-size: 13px; line-height: 16px; } .home-izotope .item { padding: 0px; margin-bottom: 15px; width: 100%; } .home-izotope .item.w-50 { width: 100%; } .main-wrapp { padding-top: 40px; } .pagination.vertical-mode { bottom: 10px; } .popup-gallery.nogutt-col4 .item.w-50 { width: 100%; } .large-font .main-title h2.type-2 { font-size: 40px; line-height: 50px; } .nogutt-col2 .item { width: 100%; } .nogutt-col3 .item { width: 100%; } .nogutt-col4 .item { width: 100%; } .gutt-col2 .item { width: 98%; } .gutt-col3 .item { width: 98%; } .gutt-col4 .item { width: 98%; } .gutt-col5 .item { width: 98%; } .line-item { width: 100% !important; display: block; padding: 10px 0; } .pop-text h5 { font-size: 13px; letter-spacing: 2px; } .date-post { width: 100%; padding-top: 10px; padding-left: 0px; } .contact-form h3 { padding-bottom: 40px; } .comments .comments__title { padding-bottom: 40px; } .accordion .panel-default>.panel-heading+.panel-collapse>.panel-body { padding-left: 50px; } .shop-bar { padding-bottom: 40px; } .california_shop_sort_by, .shop-chose-wrap { width: 100%; } .price-chose { width: 100%; padding-bottom: 40px; } .search { float: left; } .shop-item { padding-bottom: 40px; } .w-50 .slider-wrap, .w-50 .bottom-about-title { width: 100%; } .full-about-baner { min-height: 100%; display: inline-block; margin-bottom: 0px; } .service-icon { margin-bottom: 60px; } /* .top-baner.height-500 {height: 300px;} */ .main-slider .swiper-slide .full-height { height: 500px; } .slide-prev, .slide-next { top: 40%; } .subtitle { padding-bottom: 0; } .post-preview-header { width: 100%; margin-bottom: 25px; } .post-preview-left, .post-preview-right { width: 100%; } .blog-post.item h4 { padding-bottom: 0; } } @media screen and (max-width: 360px) { .intro-scroll-down { bottom: 12px; } .pop-text h5 { letter-spacing: 0px; } .full-about-baner .w-50:first-child { display: none; } .large-font .main-title h2.type-2 { font-size: 32px; line-height: 42px; } .main-title h2.type-2 { font-size: 35px; } } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 10 - WOOCOMMERCE */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .woocommerce span.onsale { z-index: 1; width: 32px; height: 32px; font-size: 10px; line-height: 30px; top: -16px; left: 0; } .shop-price .fl { font-size: 14px; font-weight: 300; text-transform: uppercase; letter-spacing: 3px; line-height: 20px; font-family: 'Roboto Slab', serif; text-decoration: none; font-weight: bold; } .shop-price .fl ins { text-decoration: none; padding-left: 15px; } .no-menu a { text-decoration: underline; } .header-cart, .no-menu { height: inherit; float: left; font-size: 14px; margin-left: 10px; } .header-cart { margin-left: 100px; font-size: 14px; margin-top: 15px; } .shop-detail-info input[type="number"] { border: 1px solid #ebebeb; padding: 8px 5px; font-size: 13px; max-width: 100px; margin-right: 10px; } .woocommerce div.product form.cart .button { letter-spacing: 1px; font-weight: 300; text-transform: uppercase; font-size: 13px; padding: 10px 18px; background: #222; border-radius: 0; border: 1px solid #222; color: #fff; display: inline-block; } .woocommerce div.product form.cart .button:hover { background: #fff; color: #222; border: 1px solid #222; } .woocommerce div.product form.cart { margin: 0; padding: 20px 0px 45px; clear: both; border-bottom: 1px solid #ebebeb; } .woocommerce-tabs h2 { font-size: 20px; } .woocommerce-tabs textarea { margin-bottom: 0; } .woocommerce div.product .woocommerce-tabs ul.tabs li a { padding: .2em 0; } .woocommerce #reviews #comments ol.commentlist { padding-left: 0; } .woocommerce .cart .button, .woocommerce .cart input.button, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button, .woocommerce #respond input#submit { text-transform: uppercase; font-size: 14px; padding: 10px 18px; display: inline-block; height: auto; background-color: #fba529; border: 1px solid #fba529; font-family: "Montserrat", sans-serif; color: #fff; border-radius: 20px; font-weight: 500; letter-spacing: 1.5px; } .woocommerce .cart .button:hover, .woocommerce .cart input.button:hover, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover, .woocommerce #respond input#submit:hover { background-color: transparent; border: 1px solid #fba529; color: #fba529; } .woocommerce .woocommerce-message { font-size: 14px; } .woocommerce-cart .cart-collaterals .cart_totals table th { padding: 6px; } .woocommerce-cart table.cart td.actions .coupon .input-text { width: auto; height: 36px; line-height: 36px; } .related.products h2, .woocommerce .cart_totals h2 { font-size: 22px; } .woocommerce .cart-collaterals { margin: 30px 0 60px; } .woocommerce table.shop_table.cart { margin: 50px 0 0; } .woocommerce div.product span.price del { opacity: 1; } .woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content { margin: 0; border-radius: 0; height: 3px; background-color: #999; } .woocommerce .widget_price_filter .ui-slider .ui-slider-range, .woocommerce .widget_price_filter .ui-slider .ui-slider-handle { background-color: #222; } .woocommerce .widget_price_filter .ui-slider .ui-slider-handle { width: 12px; height: 12px; } .woocommerce .widget_price_filter .price_slider_wrapper { position: relative; } .woocommerce .widget_price_filter .price_slider_amount { margin-top: 10px; } .shop-chose-wrap span { margin-right: 0; } .woocommerce .widget_price_filter .price_slider_amount { font-size: 14px; } .woocommerce.shop-chose-wrap.widget_price_filter { padding-bottom: 30px; } .woocommerce .item.product { margin-bottom: 1%; } .woocommerce .cart-empty { margin-top: 50px; } .woocommerce .item.product h3 { text-transform: uppercase; padding-bottom: 10px; font-family: 'proxima_nova_rgregular'; line-height: 22px; font-size: 14px; } .woocommerce .widget_price_filter .price_slider_amount .button { font-size: 12px; margin-top: 5px; font-weight: normal; } .woocommerce table.shop_table { font-size: 15px; } .woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea { border: 1px solid #ccc; } .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt { text-transform: uppercase; font-size: 14px; padding: 10px 18px; display: inline-block; height: auto; background-color: #fba529; border: 1px solid #fba529; font-family: "Montserrat", sans-serif; color: #fff; border-radius: 20px; font-weight: 500; letter-spacing: 1.5px; } .woocommerce .woocommerce-info { border-top-color: #000; } .woocommerce #payment #place_order:hover, .woocommerce-page #payment #place_order:hover { background-color: #fff; color: #000; } #add_payment_method #payment, .woocommerce-checkout #payment { border-radius: 0px; } #order_review_heading { margin-top: 10px; } .woocommerce-checkout .woocommerce-info { margin-top: 30px !important; } .woocommerce-checkout #order_review { margin-bottom: 30px; } .woocommerce .woocommerce-message { border-top-color: #fda329; } .woocommerce table.shop_table { border-radius: 0px; } /* 11 - CALL TO ACTION */ .call_to_action { padding: 75px 0px; display: flex; align-items: center; flex-wrap: wrap; text-align: center; background-size: cover; } .call_to_action::before { content: ''; background-color: rgba(0, 0, 0, .6); position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 0; opacity: 1; } .call_to_action p { line-height: 50px; font-size: 50px; color: #fff; font-family: 'OpenSans', sans-serif; opacity: 1; } .call_to_action__button { text-align: center; } .footer-sidebar, .main-footer { width: 100%; margin-left: auto; margin-right: auto; } .footer-sidebar { background-color: #000; padding-top: 110px; padding-bottom: 106px; color: #585858; } .widget-address, .widget-email, .widget-phone { font-family: "OpenSans", sans-serif; font-size: 12px; font-weight: 400; color: rgba(247,244,241,0.5); letter-spacing: 0.5px; } .widget-address { margin-right: 170px; margin-bottom: 10px; } .footer-sidebar span, .footer-sidebar h3 { color: #fda329; line-height: 32px; letter-spacing: 0.5px; font-weight: 700; } .footer-sidebar h3 { font-size: 24px; text-align: left; margin: 0; margin-bottom: 10px; } .footer_main--column.social_widget { text-align: center; } .footer_main--column.social_widget img.footer-img { height: 40px; margin-top: 8px; margin-bottom: 61px; } .footer_main--column.social_widget .widget-title { font-size: 10px; letter-spacing: 4px; margin-bottom: 45px; } .footer_main--column.social_widget ul.list-social { display: flex; display: -ms-flexbox; margin: 0 auto; width: 200px; } .footer_main--column.social_widget ul.list-social li { margin: 0 auto; border-radius: 100px; border-left: 1px solid #fff; border-top: 1px solid rgba(255, 255, 255, 0.5); width: 35px; height: 35px; font-size: 14px; color: #bfbfbf; } .footer_main--column.social_widget ul.list-social li:hover { color: #101e38; background: #fff; transition: 1s; } .footer_main--column.social_widget ul.list-social li>a:hover { color: #101e38; } .footer_main--column.widget_contact_form h3 { font-family: "OpenSans", sans-serif; font-weight: 300; font-size: 12px; color: #f7f4f1; opacity: 0.5; max-width: 310px; margin-top: -15px; line-height: 26px; } .footer_main--column.widget_contact_form input.footer_sidebar_email { width: 268px; height: 40px; background-color: transparent; color: #fff; padding: 1px 1px 1px 25px; } .footer_main--column.widget_contact_form input.footer_sidebar_submint { position: absolute; top: 5px; right: 0; height: 40px; padding: 0 20px 0 20px; color: #000; background-color: #fda329; border: 1px solid #fda329; letter-spacing: 1.5px; } .footer_main--column.widget_contact_info { text-align: left; } .footer_main--column.widget_contact_form { padding-top: 5px; padding-left: 100px; } .footer_main--column.widget_contact_form .wpcf7-form { position: relative; } @media screen and (max-width: 991px) { nav { position: fixed; width: 100%; height: 100vh; padding-top: 80px; background: #000; left: 0px; top: 0px; z-index: 500; text-align: left; overflow-y: auto; transform: translateY(-100%); -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -webkit-transition: all 350ms cubic-bezier(0.77, 0.155, 0.445, 1.32); -moz-transition: all 350ms cubic-bezier(0.77, 0.155, 0.445, 1.32); -o-transition: all 350ms cubic-bezier(0.77, 0.155, 0.445, 1.32); transition: all 350ms cubic-bezier(0.77, 0.155, 0.445, 1.32); } .footer_main--column.widget_contact_form { padding-left: 0; } .blr-product-slider .swiper-slide img { height: 100%; } .woocommerce .products .blr-product-slider .product-title { font-size: 14px; } } @media screen and (min-width: 768px) { .main-header, .footer-sidebar, .main-footer { /* max-width: 750px; */ margin-left: auto; margin-right: auto; } .main-header { left: 50%; transform: translateX(-50%); } } .widget_text { line-height: 1.5; } .footer-logo { font-size: 32px; line-height: 1; font-weight: 700; margin: 0; } .footer-folow p { color: #fff; font-family: 'Poppins', sans-serif; font-size: 10px; opacity: 0.8; text-transform: uppercase; letter-spacing: 4px; } .top-baner--simple-clean { height: auto; margin-top: 65px; } .top-baner--simple-clean:before { display: none; } .top-baner__title--simple-clean { letter-spacing: 1px; } .top-baner__subtitle--simple-clean { color: #797979; margin-bottom: 0; } .customers-wrapper { display: -moz-flex; display: -ms-flex; display: -o-flex; margin-bottom: 1px; background-color: #fff; } .customers-item { width: 50%; position: relative; padding: 0; transition: .3s ease-in; display: inline-block; margin: 0 -4px 0 0; width: 16.6%; height: 190px; border-radius: 12px; } .contact-info-wrap { padding: 20px 0 20px 0; margin-bottom: 30px; } .contact-info-wrap h4, .wpcf7 h4 { font-size: 27px; font-weight: 700; font-family: "Montserrat", sans-serif; margin-bottom: 30px; } .contact-info-wrap p { font-size: 16px; font-family: "Poppins", sans-serif; font-weight: 300; } .wpcf7 input, .wpcf7 textarea { border-radius: 26px; border: 1px solid #fda329; padding: 15px 10px; margin: 5px 0px; } .wpcf7 textarea { min-height: 100px; } input.wpcf7-form-control.wpcf7-submit { border: 1px solid #e7543d; background: #fff; color: #e7543d; padding: 10px 50px; font-family: "Montserrat", san-serif; font-weight: 700; text-transform: uppercase; opacity: 1; } input.wpcf7-form-control.wpcf7-submit:hover { color: #fff; } .wpcf7 input:focus { opacity: 0.9; } .wpcf7 textarea:focus { border: 1px solid #e7543d; color: #000; } /* Events Calendar */ article.mec-single-event { margin-top: 90px; } .mec-single-event .mec-events-meta-group-countdown, .mec-single-event .mec-event-export-module, .mec-single-event .mec-events-meta-group-booking, .mec-single-event .mec-frontbox { border-radius: 26px; } .mec-color, .mec-color-before :before, .mec-color-hover:hover, .mec-wrap .mec-color, .mec-wrap .mec-color-before :before, .mec-wrap .mec-color-hover:hover { color: #fda329; border-radius: 26px; } .mec-border-color, .mec-border-color-hover:hover, .mec-wrap .mec-border-color, .mec-wrap .mec-border-color-hover:hover { border-color: #fda329; } .mec-events-button { border: 2px solid; } .mec-bg-color, .mec-bg-color-hover:hover, .mec-wrap .mec-bg-color, .mec-wrap .mec-bg-color-hover:hover { background-color: #fda329; } .mec-single-event .mec-events-meta-group-booking form>h4:before, .mec-single-event .mec-frontbox-title:before { border-bottom: 4px solid #fda329; } .mec-month-divider span:before { border-color: #fda329; } .mec-event-list-minimal .btn-wrapper .mec-detail-button { border-radius: 26px; border: 2px solid #e7543d; color: #e7543d; background: #fff; letter-spacing: 0px; } .mec-event-list-minimal a.mec-detail-button:hover { background: #e7543d; } .mec-event-list-minimal .mec-event-title { font-family: "montserrat", sans-serif; } .mec-event-list-minimal .mec-event-detail { font-family: "Poppins", sans-serif; } article.mec-event-article.mec-clear:hover { background: #f3f2f2; transition: 1s; } .mec-event-date.mec-bg-color { background-color: inherit; } .mec-event-list-minimal .mec-event-date { position: relative; float: left; margin-right: 35px; color: #000; width: 100px; padding: 20px 3px 20px 3px; text-align: center; text-transform: uppercase; border-radius: 0px; border-right: 2px solid rgba(0, 0, 0, 0.4); } .mec-event-list-minimal .mec-event-article { border-bottom: none; padding: 80px 0 80px; } .mec-event-list-minimal .mec-event-title { margin-top: 15px; } .mec-event-list-minimal a.mec-detail-button { margin-top: 15px; } span.event-color { display: none; } .mec-event-list-standard .mec-event-title { text-align: left; } .mec-event-list-minimal .mec-event-date:after { display: block; content: ""; position: absolute; width: 50px; left: 1px; top: 1px; height: 30px; background: inherit; box-shadow: none; } article.mec-event-article.mec-clear:nth-child(2n) { background: #f3f2f2; } .gallery-wrapper .container { max-width: 100%; } .gallery-wrapper .grid-sizer { width: 25%; } .gallery-block { margin: 0 0 20px; } @media screen and (max-width: 768px) { .mec-event-list-minimal .mec-event-article { padding: 40px 0 40px; border-radius: 12px; } .customers-item img { max-width: 50% !important; } .customers-item { width: 50%; } } @media screen and (max-width: 425px) { .customers-item { width: 100%; } } /*--------*/ .customers-item:hover { background-color: rgba(0, 0, 0, 0.9); } .customers-item:before, .customers-item:after { content: ""; position: absolute; } .customers-item:before { height: 100%; top: 0; left: -1px; } .customers-item:after { width: 100%; bottom: -1px; left: 0; } .customers-item img { max-width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .top-baner--small { height: auto; } .top-baner--small:before { display: none; } .top-baner__title--small { color: #000; } .single-portfolio-title { background-color: #fff; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: flex-end; padding-top: 96px; padding-bottom: 90px; } .single-portfolio-title__wrapper { padding-left: 15px; padding-right: 15px; width: 80%; } .single-portfolio-title h1 { font-weight: 700; letter-spacing: 0; } /* /* Preloader */ .site-content { transition: opacity 1s cubic-bezier(0.645, 0.045, 0.355, 1); } .show_preloder { opacity: 0; } .animsition-overlay-slide { background-color: #F0F0EA; } .calendar_wrap #today a { color: #e7543d; } .post-preview-right.post-preview-right--single-post h2 { font-size: 30px; margin: 20px 0; } .post-preview-right.post-preview-right--single-post h3 { font-size: 24px; margin-top: 33px; margin-bottom: 20px; font-weight: 700; line-height: 32px; color: #181717; letter-spacing: 0.6px; font-family: 'Montserrat', sans-serif; text-align: left; } .post-preview-right.post-preview-right--single-post h4 { margin-top: 10px; margin-bottom: 15px; color: #201e1c; font-family: "Montserrat", sans-serif; font-size: 50px; font-weight: 900; line-height: 60px; padding-left: 0; letter-spacing: 0.5px; } .post-preview-right.post-preview-right--single-post h5 { font-size: 18px; margin: 25px 0; font-weight: 300; } .post-preview-right.post-preview-right--single-post h6 { font-size: 16px; margin: 30px 0; letter-spacing: 0px; } .rssSummary { line-height: 1.5; } @media screen and (min-width: 768px) { .call_to_action__button { text-align: right; } .call_to_action { text-align: left; } .call_to_action__button .mar { margin-right: 40px; } } @media screen and (max-width: 991px) { .call_to_action { padding-left: 25px; padding-right: 25px; } .top-baner { text-align: center; padding-top: 40px; padding-bottom: 40px; } .widget-address { margin-right: 0; } .footer_main--column.widget_contact_form input.footer_sidebar_submint { right: 0px; } .footer_main--column.social_widget { padding-right: 0; } } @media screen and (max-width: 767px) { .wrap-buttons .btn { margin-right: 0px; } .main-title h2.type-2, .top-baner.medium-font .wrap-text h2 { font-size: 40px; } .footer_main--column.widget_contact_info { text-align: center; } .footer-sidebar h3 { text-align: center; } .footer-sidebar { padding-top: 50px; } .widget-address { margin-bottom: 0; } .footer_main--column { margin-bottom: 50px; } .footer_main--column.social_widget img.footer-img { margin-bottom: 30px; } .main-title h2.type-2 { line-height: 40px; } .footer_main--column.widget_contact_form input.footer_sidebar_email { width: auto; } } .marg-lg-t0 { margin-top: 0px !important; } .marg-lg-t5 { margin-top: 5px !important; } .marg-lg-t10 { margin-top: 10px !important; } .marg-lg-t15 { margin-top: 15px !important; } .marg-lg-t20 { margin-top: 20px !important; } .marg-lg-t25 { margin-top: 25px !important; } .marg-lg-t30 { margin-top: 30px !important; } .marg-lg-t35 { margin-top: 35px !important; } .marg-lg-t40 { margin-top: 40px !important; } .marg-lg-t45 { margin-top: 45px !important; } .marg-lg-t50 { margin-top: 50px !important; } .marg-lg-t55 { margin-top: 55px !important; } .marg-lg-t60 { margin-top: 60px !important; } .marg-lg-t65 { margin-top: 65px !important; } .marg-lg-t70 { margin-top: 70px !important; } .marg-lg-t75 { margin-top: 75px !important; } .marg-lg-t80 { margin-top: 80px !important; } .marg-lg-t85 { margin-top: 85px !important; } .marg-lg-t90 { margin-top: 90px !important; } .marg-lg-t95 { margin-top: 95px !important; } .marg-lg-t100 { margin-top: 100px !important; } .marg-lg-t105 { margin-top: 105px !important; } .marg-lg-t110 { margin-top: 110px !important; } .marg-lg-t115 { margin-top: 115px !important; } .marg-lg-t120 { margin-top: 120px !important; } .marg-lg-t125 { margin-top: 125px !important; } .marg-lg-t130 { margin-top: 130px !important; } .marg-lg-t135 { margin-top: 135px !important; } .marg-lg-t140 { margin-top: 140px !important; } .marg-lg-t145 { margin-top: 145px !important; } .marg-lg-t150 { margin-top: 150px !important; } .marg-lg-t155 { margin-top: 155px !important; } .marg-lg-t160 { margin-top: 160px !important; } .marg-lg-t165 { margin-top: 165px !important; } .marg-lg-t170 { margin-top: 170px !important; } .marg-lg-t175 { margin-top: 175px !important; } .marg-lg-t180 { margin-top: 180px !important; } .marg-lg-t185 { margin-top: 185px !important; } .marg-lg-t190 { margin-top: 190px !important; } .marg-lg-t195 { margin-top: 195px !important; } .marg-lg-t200 { margin-top: 200px !important; } .marg-lg-b0 { margin-bottom: 0px !important; } .marg-lg-b5 { margin-bottom: 5px !important; } .marg-lg-b10 { margin-bottom: 10px !important; } .marg-lg-b15 { margin-bottom: 15px !important; } .marg-lg-b20 { margin-bottom: 20px !important; } .marg-lg-b25 { margin-bottom: 25px !important; } .marg-lg-b30 { margin-bottom: 30px !important; } .marg-lg-b35 { margin-bottom: 35px !important; } .marg-lg-b40 { margin-bottom: 40px !important; } .marg-lg-b45 { margin-bottom: 45px !important; } .marg-lg-b50 { margin-bottom: 50px !important; } .marg-lg-b55 { margin-bottom: 55px !important; } .marg-lg-b60 { margin-bottom: 60px !important; } .marg-lg-b65 { margin-bottom: 65px !important; } .marg-lg-b70 { margin-bottom: 70px !important; } .marg-lg-b75 { margin-bottom: 75px !important; } .marg-lg-b80 { margin-bottom: 80px !important; } .marg-lg-b85 { margin-bottom: 85px !important; } .marg-lg-b90 { margin-bottom: 90px !important; } .marg-lg-b95 { margin-bottom: 95px !important; } .marg-lg-b100 { margin-bottom: 100px !important; } .marg-lg-b105 { margin-bottom: 105px !important; } .marg-lg-b110 { margin-bottom: 110px !important; } .marg-lg-b115 { margin-bottom: 115px !important; } .marg-lg-b120 { margin-bottom: 120px !important; } .marg-lg-b125 { margin-bottom: 125px !important; } .marg-lg-b130 { margin-bottom: 130px !important; } .marg-lg-b135 { margin-bottom: 135px !important; } .marg-lg-b140 { margin-bottom: 140px !important; } .marg-lg-b145 { margin-bottom: 145px !important; } .marg-lg-b150 { margin-bottom: 150px !important; } .marg-lg-b155 { margin-bottom: 155px !important; } .marg-lg-b160 { margin-bottom: 160px !important; } .marg-lg-b165 { margin-bottom: 165px !important; } .marg-lg-b170 { margin-bottom: 170px !important; } .marg-lg-b175 { margin-bottom: 175px !important; } .marg-lg-b180 { margin-bottom: 180px !important; } .marg-lg-b185 { margin-bottom: 185px !important; } .marg-lg-b190 { margin-bottom: 190px !important; } .marg-lg-b195 { margin-bottom: 195px !important; } .marg-lg-b200 { margin-bottom: 200px !important; } .padd-lg-t0 { padding-top: 0px !important; } .padd-lg-t5 { padding-top: 5px !important; } .padd-lg-t10 { padding-top: 10px !important; } .padd-lg-t15 { padding-top: 15px !important; } .padd-lg-t20 { padding-top: 20px !important; } .padd-lg-t25 { padding-top: 25px !important; } .padd-lg-t30 { padding-top: 30px !important; } .padd-lg-t35 { padding-top: 35px !important; } .padd-lg-t40 { padding-top: 40px !important; } .padd-lg-t45 { padding-top: 45px !important; } .padd-lg-t50 { padding-top: 50px !important; } .padd-lg-t55 { padding-top: 55px !important; } .padd-lg-t60 { padding-top: 60px !important; } .padd-lg-t65 { padding-top: 65px !important; } .padd-lg-t70 { padding-top: 70px !important; } .padd-lg-t75 { padding-top: 75px !important; } .padd-lg-t80 { padding-top: 80px !important; } .padd-lg-t85 { padding-top: 85px !important; } .padd-lg-t90 { padding-top: 90px !important; } .padd-lg-t95 { padding-top: 95px !important; } .padd-lg-t100 { padding-top: 100px !important; } .padd-lg-t105 { padding-top: 105px !important; } .padd-lg-t110 { padding-top: 110px !important; } .padd-lg-t115 { padding-top: 115px !important; } .padd-lg-t120 { padding-top: 120px !important; } .padd-lg-t125 { padding-top: 125px !important; } .padd-lg-t130 { padding-top: 130px !important; } .padd-lg-t135 { padding-top: 135px !important; } .padd-lg-t140 { padding-top: 140px !important; } .padd-lg-t145 { padding-top: 145px !important; } .padd-lg-t150 { padding-top: 150px !important; } .padd-lg-t155 { padding-top: 155px !important; } .padd-lg-t160 { padding-top: 160px !important; } .padd-lg-t165 { padding-top: 165px !important; } .padd-lg-t170 { padding-top: 170px !important; } .padd-lg-t175 { padding-top: 175px !important; } .padd-lg-t180 { padding-top: 180px !important; } .padd-lg-t185 { padding-top: 185px !important; } .padd-lg-t190 { padding-top: 190px !important; } .padd-lg-t195 { padding-top: 195px !important; } .padd-lg-t200 { padding-top: 200px !important; } .padd-lg-b0 { padding-bottom: 0px !important; } .padd-lg-b5 { padding-bottom: 5px !important; } .padd-lg-b10 { padding-bottom: 10px !important; } .padd-lg-b15 { padding-bottom: 15px !important; } .padd-lg-b20 { padding-bottom: 20px !important; } .padd-lg-b25 { padding-bottom: 25px !important; } .padd-lg-b30 { padding-bottom: 30px !important; } .padd-lg-b35 { padding-bottom: 35px !important; } .padd-lg-b40 { padding-bottom: 40px !important; } .padd-lg-b45 { padding-bottom: 45px !important; } .padd-lg-b50 { padding-bottom: 50px !important; } .padd-lg-b55 { padding-bottom: 55px !important; } .padd-lg-b60 { padding-bottom: 60px !important; } .padd-lg-b65 { padding-bottom: 65px !important; } .padd-lg-b70 { padding-bottom: 70px !important; } .padd-lg-b75 { padding-bottom: 75px !important; } .padd-lg-b80 { padding-bottom: 80px !important; } .padd-lg-b85 { padding-bottom: 85px !important; } .padd-lg-b90 { padding-bottom: 90px !important; } .padd-lg-b95 { padding-bottom: 95px !important; } .padd-lg-b100 { padding-bottom: 100px !important; } .padd-lg-b105 { padding-bottom: 105px !important; } .padd-lg-b110 { padding-bottom: 110px !important; } .padd-lg-b115 { padding-bottom: 115px !important; } .padd-lg-b120 { padding-bottom: 120px !important; } .padd-lg-b125 { padding-bottom: 125px !important; } .padd-lg-b130 { padding-bottom: 130px !important; } .padd-lg-b135 { padding-bottom: 135px !important; } .padd-lg-b140 { padding-bottom: 140px !important; } .padd-lg-b145 { padding-bottom: 145px !important; } .padd-lg-b150 { padding-bottom: 150px !important; } .padd-lg-b155 { padding-bottom: 155px !important; } .padd-lg-b160 { padding-bottom: 160px !important; } .padd-lg-b165 { padding-bottom: 165px !important; } .padd-lg-b170 { padding-bottom: 170px !important; } .padd-lg-b175 { padding-bottom: 175px !important; } .padd-lg-b180 { padding-bottom: 180px !important; } .padd-lg-b185 { padding-bottom: 185px !important; } .padd-lg-b190 { padding-bottom: 190px !important; } .padd-lg-b195 { padding-bottom: 195px !important; } .padd-lg-b200 { padding-bottom: 200px !important; } @media screen and (min-width: 992px) { .marg-md-t0 { margin-top: 0px !important; } .marg-md-t5 { margin-top: 5px !important; } .marg-md-t10 { margin-top: 10px !important; } .marg-md-t15 { margin-top: 15px !important; } .marg-md-t20 { margin-top: 20px !important; } .marg-md-t25 { margin-top: 25px !important; } .marg-md-t30 { margin-top: 30px !important; } .marg-md-t35 { margin-top: 35px !important; } .marg-md-t40 { margin-top: 40px !important; } .marg-md-t45 { margin-top: 45px !important; } .marg-md-t50 { margin-top: 50px !important; } .marg-md-t55 { margin-top: 55px !important; } .marg-md-t60 { margin-top: 60px !important; } .marg-md-t65 { margin-top: 65px !important; } .marg-md-t70 { margin-top: 70px !important; } .marg-md-t75 { margin-top: 75px !important; } .marg-md-t80 { margin-top: 80px !important; } .marg-md-t85 { margin-top: 85px !important; } .marg-md-t90 { margin-top: 90px !important; } .marg-md-t95 { margin-top: 95px !important; } .marg-md-t100 { margin-top: 100px !important; } .marg-md-t105 { margin-top: 105px !important; } .marg-md-t110 { margin-top: 110px !important; } .marg-md-t115 { margin-top: 115px !important; } .marg-md-t120 { margin-top: 120px !important; } .marg-md-t125 { margin-top: 125px !important; } .marg-md-t130 { margin-top: 130px !important; } .marg-md-t135 { margin-top: 135px !important; } .marg-md-t140 { margin-top: 140px !important; } .marg-md-t145 { margin-top: 145px !important; } .marg-md-t150 { margin-top: 150px !important; } .marg-md-t155 { margin-top: 155px !important; } .marg-md-t160 { margin-top: 160px !important; } .marg-md-t165 { margin-top: 165px !important; } .marg-md-t170 { margin-top: 170px !important; } .marg-md-t175 { margin-top: 175px !important; } .marg-md-t180 { margin-top: 180px !important; } .marg-md-t185 { margin-top: 185px !important; } .marg-md-t190 { margin-top: 190px !important; } .marg-md-t195 { margin-top: 195px !important; } .marg-md-t200 { margin-top: 200px !important; } .marg-md-t205 { margin-top: 205px !important; } .marg-md-t210 { margin-top: 210px !important; } .marg-md-t215 { margin-top: 210px !important; } .marg-md-t220 { margin-top: 220px !important; } .marg-md-t225 { margin-top: 225px !important; } .marg-md-t230 { margin-top: 230px !important; } .marg-md-t235 { margin-top: 235px !important; } .marg-md-t240 { margin-top: 240px !important; } .marg-md-t245 { margin-top: 245px !important; } .marg-md-t250 { margin-top: 250px !important; } .marg-md-b255 { margin-top: 255px !important; } .marg-md-b260 { margin-top: 260px !important; } .marg-md-b265 { margin-top: 265px !important; } .marg-md-b270 { margin-top: 270px !important; } .marg-md-b275 { margin-top: 275px !important; } .marg-md-b280 { margin-top: 280px !important; } .marg-md-b285 { margin-top: 285px !important; } .marg-md-b290 { margin-top: 290px !important; } .marg-md-b295 { margin-top: 295px !important; } .marg-md-b300 { margin-top: 300px !important; } .marg-md-b0 { margin-bottom: 0px !important; } .marg-md-b5 { margin-bottom: 5px !important; } .marg-md-b10 { margin-bottom: 10px !important; } .marg-md-b15 { margin-bottom: 15px !important; } .marg-md-b20 { margin-bottom: 20px !important; } .marg-md-b25 { margin-bottom: 25px !important; } .marg-md-b30 { margin-bottom: 30px !important; } .marg-md-b35 { margin-bottom: 35px !important; } .marg-md-b40 { margin-bottom: 40px !important; } .marg-md-b45 { margin-bottom: 45px !important; } .marg-md-b50 { margin-bottom: 50px !important; } .marg-md-b55 { margin-bottom: 55px !important; } .marg-md-b60 { margin-bottom: 60px !important; } .marg-md-b65 { margin-bottom: 65px !important; } .marg-md-b70 { margin-bottom: 70px !important; } .marg-md-b75 { margin-bottom: 75px !important; } .marg-md-b80 { margin-bottom: 80px !important; } .marg-md-b85 { margin-bottom: 85px !important; } .marg-md-b90 { margin-bottom: 90px !important; } .marg-md-b95 { margin-bottom: 95px !important; } .marg-md-b100 { margin-bottom: 100px !important; } .marg-md-b105 { margin-bottom: 105px !important; } .marg-md-b110 { margin-bottom: 110px !important; } .marg-md-b115 { margin-bottom: 115px !important; } .marg-md-b120 { margin-bottom: 120px !important; } .marg-md-b125 { margin-bottom: 125px !important; } .marg-md-b130 { margin-bottom: 130px !important; } .marg-md-b135 { margin-bottom: 135px !important; } .marg-md-b140 { margin-bottom: 140px !important; } .marg-md-b145 { margin-bottom: 145px !important; } .marg-md-b150 { margin-bottom: 150px !important; } .marg-md-b155 { margin-bottom: 155px !important; } .marg-md-b160 { margin-bottom: 160px !important; } .marg-md-b165 { margin-bottom: 165px !important; } .marg-md-b170 { margin-bottom: 170px !important; } .marg-md-b175 { margin-bottom: 175px !important; } .marg-md-b180 { margin-bottom: 180px !important; } .marg-md-b185 { margin-bottom: 185px !important; } .marg-md-b190 { margin-bottom: 190px !important; } .marg-md-b195 { margin-bottom: 195px !important; } .marg-md-b200 { margin-bottom: 200px !important; } .marg-md-b205 { margin-bottom: 205px !important; } .marg-md-b210 { margin-bottom: 210px !important; } .marg-md-b215 { margin-bottom: 210px !important; } .marg-md-b220 { margin-bottom: 220px !important; } .marg-md-b225 { margin-bottom: 225px !important; } .marg-md-b230 { margin-bottom: 230px !important; } .marg-md-b235 { margin-bottom: 235px !important; } .marg-md-b240 { margin-bottom: 240px !important; } .marg-md-b245 { margin-bottom: 245px !important; } .marg-md-b250 { margin-bottom: 250px !important; } .marg-md-b255 { margin-bottom: 255px !important; } .marg-md-b260 { margin-bottom: 260px !important; } .marg-md-b265 { margin-bottom: 265px !important; } .marg-md-b270 { margin-bottom: 270px !important; } .marg-md-b275 { margin-bottom: 275px !important; } .marg-md-b280 { margin-bottom: 280px !important; } .marg-md-b285 { margin-bottom: 285px !important; } .marg-md-b290 { margin-bottom: 290px !important; } .marg-md-b295 { margin-bottom: 295px !important; } .marg-md-b300 { margin-bottom: 300px !important; } .padd-md-t0 { padding-top: 0px !important; } .padd-md-t5 { padding-top: 5px !important; } .padd-md-t10 { padding-top: 10px !important; } .padd-md-t15 { padding-top: 15px !important; } .padd-md-t20 { padding-top: 20px !important; } .padd-md-t25 { padding-top: 25px !important; } .padd-md-t30 { padding-top: 30px !important; } .padd-md-t35 { padding-top: 35px !important; } .padd-md-t40 { padding-top: 40px !important; } .padd-md-t45 { padding-top: 45px !important; } .padd-md-t50 { padding-top: 50px !important; } .padd-md-t55 { padding-top: 55px !important; } .padd-md-t60 { padding-top: 60px !important; } .padd-md-t65 { padding-top: 65px !important; } .padd-md-t70 { padding-top: 70px !important; } .padd-md-t75 { padding-top: 75px !important; } .padd-md-t80 { padding-top: 80px !important; } .padd-md-t85 { padding-top: 85px !important; } .padd-md-t90 { padding-top: 90px !important; } .padd-md-t95 { padding-top: 95px !important; } .padd-md-t100 { padding-top: 100px !important; } .padd-md-t105 { padding-top: 105px !important; } .padd-md-t110 { padding-top: 110px !important; } .padd-md-t115 { padding-top: 115px !important; } .padd-md-t120 { padding-top: 120px !important; } .padd-md-t125 { padding-top: 125px !important; } .padd-md-t130 { padding-top: 130px !important; } .padd-md-t135 { padding-top: 135px !important; } .padd-md-t140 { padding-top: 140px !important; } .padd-md-t145 { padding-top: 145px !important; } .padd-md-t150 { padding-top: 150px !important; } .padd-md-t155 { padding-top: 155px !important; } .padd-md-t160 { padding-top: 160px !important; } .padd-md-t165 { padding-top: 165px !important; } .padd-md-t170 { padding-top: 170px !important; } .padd-md-t175 { padding-top: 175px !important; } .padd-md-t180 { padding-top: 180px !important; } .padd-md-t185 { padding-top: 185px !important; } .padd-md-t190 { padding-top: 190px !important; } .padd-md-t195 { padding-top: 195px !important; } .padd-md-t200 { padding-top: 200px !important; } .padd-md-t205 { padding-top: 205px !important; } .padd-md-t210 { padding-top: 210px !important; } .padd-md-t215 { padding-top: 210px !important; } .padd-md-t220 { padding-top: 220px !important; } .padd-md-t225 { padding-top: 225px !important; } .padd-md-t230 { padding-top: 230px !important; } .padd-md-t235 { padding-top: 235px !important; } .padd-md-t240 { padding-top: 240px !important; } .padd-md-t245 { padding-top: 245px !important; } .padd-md-t250 { padding-top: 250px !important; } .padd-md-t255 { padding-top: 255px !important; } .padd-md-t260 { padding-top: 260px !important; } .padd-md-t265 { padding-top: 265px !important; } .padd-md-t270 { padding-top: 270px !important; } .padd-md-t275 { padding-top: 275px !important; } .padd-md-t280 { padding-top: 280px !important; } .padd-md-t285 { padding-top: 285px !important; } .padd-md-t290 { padding-top: 290px !important; } .padd-md-t295 { padding-top: 295px !important; } .padd-md-t300 { padding-top: 300px !important; } .padd-md-b0 { padding-bottom: 0px !important; } .padd-md-b5 { padding-bottom: 5px !important; } .padd-md-b10 { padding-bottom: 10px !important; } .padd-md-b15 { padding-bottom: 15px !important; } .padd-md-b20 { padding-bottom: 20px !important; } .padd-md-b25 { padding-bottom: 25px !important; } .padd-md-b30 { padding-bottom: 30px !important; } .padd-md-b35 { padding-bottom: 35px !important; } .padd-md-b40 { padding-bottom: 40px !important; } .padd-md-b45 { padding-bottom: 45px !important; } .padd-md-b50 { padding-bottom: 50px !important; } .padd-md-b55 { padding-bottom: 55px !important; } .padd-md-b60 { padding-bottom: 60px !important; } .padd-md-b65 { padding-bottom: 65px !important; } .padd-md-b70 { padding-bottom: 70px !important; } .padd-md-b75 { padding-bottom: 75px !important; } .padd-md-b80 { padding-bottom: 80px !important; } .padd-md-b85 { padding-bottom: 85px !important; } .padd-md-b90 { padding-bottom: 90px !important; } .padd-md-b95 { padding-bottom: 95px !important; } .padd-md-b100 { padding-bottom: 100px !important; } .padd-md-b105 { padding-bottom: 105px !important; } .padd-md-b110 { padding-bottom: 110px !important; } .padd-md-b115 { padding-bottom: 115px !important; } .padd-md-b120 { padding-bottom: 120px !important; } .padd-md-b125 { padding-bottom: 125px !important; } .padd-md-b130 { padding-bottom: 130px !important; } .padd-md-b135 { padding-bottom: 135px !important; } .padd-md-b140 { padding-bottom: 140px !important; } .padd-md-b145 { padding-bottom: 145px !important; } .padd-md-b150 { padding-bottom: 150px !important; } .padd-md-b155 { padding-bottom: 155px !important; } .padd-md-b160 { padding-bottom: 160px !important; } .padd-md-b165 { padding-bottom: 165px !important; } .padd-md-b170 { padding-bottom: 170px !important; } .padd-md-b175 { padding-bottom: 175px !important; } .padd-md-b180 { padding-bottom: 180px !important; } .padd-md-b185 { padding-bottom: 185px !important; } .padd-md-b190 { padding-bottom: 190px !important; } .padd-md-b195 { padding-bottom: 195px !important; } .padd-md-b200 { padding-bottom: 200px !important; } .padd-md-b205 { padding-bottom: 205px !important; } .padd-md-b210 { padding-bottom: 210px !important; } .padd-md-b215 { padding-bottom: 210px !important; } .padd-md-b220 { padding-bottom: 220px !important; } .padd-md-b225 { padding-bottom: 225px !important; } .padd-md-b230 { padding-bottom: 230px !important; } .padd-md-b235 { padding-bottom: 235px !important; } .padd-md-b240 { padding-bottom: 240px !important; } .padd-md-b245 { padding-bottom: 245px !important; } .padd-md-b250 { padding-bottom: 250px !important; } .padd-md-b255 { padding-bottom: 255px !important; } .padd-md-b260 { padding-bottom: 260px !important; } .padd-md-b265 { padding-bottom: 265px !important; } .padd-md-b270 { padding-bottom: 270px !important; } .padd-md-b275 { padding-bottom: 275px !important; } .padd-md-b280 { padding-bottom: 280px !important; } .padd-md-b285 { padding-bottom: 285px !important; } .padd-md-b290 { padding-bottom: 290px !important; } .padd-md-b295 { padding-bottom: 295px !important; } .padd-md-b300 { padding-bottom: 300px !important; } .no-padd-md { padding-left: 0px; padding-right: 0px; } } @media screen and (max-width: 991px) { .marg-sm-t0 { margin-top: 0px !important; } .marg-sm-t5 { margin-top: 5px !important; } .marg-sm-t10 { margin-top: 10px !important; } .marg-sm-t15 { margin-top: 15px !important; } .marg-sm-t20 { margin-top: 20px !important; } .marg-sm-t25 { margin-top: 25px !important; } .marg-sm-t30 { margin-top: 30px !important; } .marg-sm-t35 { margin-top: 35px !important; } .marg-sm-t40 { margin-top: 40px !important; } .marg-sm-t45 { margin-top: 45px !important; } .marg-sm-t50 { margin-top: 50px !important; } .marg-sm-t55 { margin-top: 55px !important; } .marg-sm-t60 { margin-top: 60px !important; } .marg-sm-t65 { margin-top: 65px !important; } .marg-sm-t70 { margin-top: 70px !important; } .marg-sm-t75 { margin-top: 75px !important; } .marg-sm-t80 { margin-top: 80px !important; } .marg-sm-t85 { margin-top: 85px !important; } .marg-sm-t90 { margin-top: 90px !important; } .marg-sm-t95 { margin-top: 95px !important; } .marg-sm-t100 { margin-top: 100px !important; } .marg-sm-t105 { margin-top: 105px !important; } .marg-sm-t110 { margin-top: 110px !important; } .marg-sm-t115 { margin-top: 115px !important; } .marg-sm-t120 { margin-top: 120px !important; } .marg-sm-t125 { margin-top: 125px !important; } .marg-sm-t130 { margin-top: 130px !important; } .marg-sm-t135 { margin-top: 135px !important; } .marg-sm-t140 { margin-top: 140px !important; } .marg-sm-t145 { margin-top: 145px !important; } .marg-sm-t150 { margin-top: 150px !important; } .marg-sm-t155 { margin-top: 155px !important; } .marg-sm-t160 { margin-top: 160px !important; } .marg-sm-t165 { margin-top: 165px !important; } .marg-sm-t170 { margin-top: 170px !important; } .marg-sm-t175 { margin-top: 175px !important; } .marg-sm-t180 { margin-top: 180px !important; } .marg-sm-t185 { margin-top: 185px !important; } .marg-sm-t190 { margin-top: 190px !important; } .marg-sm-t195 { margin-top: 195px !important; } .marg-sm-t200 { margin-top: 200px !important; } .marg-sm-b0 { margin-bottom: 0px !important; } .marg-sm-b5 { margin-bottom: 5px !important; } .marg-sm-b10 { margin-bottom: 10px !important; } .marg-sm-b15 { margin-bottom: 15px !important; } .marg-sm-b20 { margin-bottom: 20px !important; } .marg-sm-b25 { margin-bottom: 25px !important; } .marg-sm-b30 { margin-bottom: 30px !important; } .marg-sm-b35 { margin-bottom: 35px !important; } .marg-sm-b40 { margin-bottom: 40px !important; } .marg-sm-b45 { margin-bottom: 45px !important; } .marg-sm-b50 { margin-bottom: 50px !important; } .marg-sm-b55 { margin-bottom: 55px !important; } .marg-sm-b60 { margin-bottom: 60px !important; } .marg-sm-b65 { margin-bottom: 65px !important; } .marg-sm-b70 { margin-bottom: 70px !important; } .marg-sm-b75 { margin-bottom: 75px !important; } .marg-sm-b80 { margin-bottom: 80px !important; } .marg-sm-b85 { margin-bottom: 85px !important; } .marg-sm-b90 { margin-bottom: 90px !important; } .marg-sm-b95 { margin-bottom: 95px !important; } .marg-sm-b100 { margin-bottom: 100px !important; } .marg-sm-b105 { margin-bottom: 105px !important; } .marg-sm-b110 { margin-bottom: 110px !important; } .marg-sm-b115 { margin-bottom: 115px !important; } .marg-sm-b120 { margin-bottom: 120px !important; } .marg-sm-b125 { margin-bottom: 125px !important; } .marg-sm-b130 { margin-bottom: 130px !important; } .marg-sm-b135 { margin-bottom: 135px !important; } .marg-sm-b140 { margin-bottom: 140px !important; } .marg-sm-b145 { margin-bottom: 145px !important; } .marg-sm-b150 { margin-bottom: 150px !important; } .marg-sm-b155 { margin-bottom: 155px !important; } .marg-sm-b160 { margin-bottom: 160px !important; } .marg-sm-b165 { margin-bottom: 165px !important; } .marg-sm-b170 { margin-bottom: 170px !important; } .marg-sm-b175 { margin-bottom: 175px !important; } .marg-sm-b180 { margin-bottom: 180px !important; } .marg-sm-b185 { margin-bottom: 185px !important; } .marg-sm-b190 { margin-bottom: 190px !important; } .marg-sm-b195 { margin-bottom: 195px !important; } .marg-sm-b200 { margin-bottom: 200px !important; } .padd-sm-t0 { padding-top: 0px !important; } .padd-sm-t5 { padding-top: 5px !important; } .padd-sm-t10 { padding-top: 10px !important; } .padd-sm-t15 { padding-top: 15px !important; } .padd-sm-t20 { padding-top: 20px !important; } .padd-sm-t25 { padding-top: 25px !important; } .padd-sm-t30 { padding-top: 30px !important; } .padd-sm-t35 { padding-top: 35px !important; } .padd-sm-t40 { padding-top: 40px !important; } .padd-sm-t45 { padding-top: 45px !important; } .padd-sm-t50 { padding-top: 50px !important; } .padd-sm-t55 { padding-top: 55px !important; } .padd-sm-t60 { padding-top: 60px !important; } .padd-sm-t65 { padding-top: 65px !important; } .padd-sm-t70 { padding-top: 70px !important; } .padd-sm-t75 { padding-top: 75px !important; } .padd-sm-t80 { padding-top: 80px !important; } .padd-sm-t85 { padding-top: 85px !important; } .padd-sm-t90 { padding-top: 90px !important; } .padd-sm-t95 { padding-top: 95px !important; } .padd-sm-t100 { padding-top: 100px !important; } .padd-sm-t105 { padding-top: 105px !important; } .padd-sm-t110 { padding-top: 110px !important; } .padd-sm-t115 { padding-top: 115px !important; } .padd-sm-t120 { padding-top: 120px !important; } .padd-sm-t125 { padding-top: 125px !important; } .padd-sm-t130 { padding-top: 130px !important; } .padd-sm-t135 { padding-top: 135px !important; } .padd-sm-t140 { padding-top: 140px !important; } .padd-sm-t145 { padding-top: 145px !important; } .padd-sm-t150 { padding-top: 150px !important; } .padd-sm-t155 { padding-top: 155px !important; } .padd-sm-t160 { padding-top: 160px !important; } .padd-sm-t165 { padding-top: 165px !important; } .padd-sm-t170 { padding-top: 170px !important; } .padd-sm-t175 { padding-top: 175px !important; } .padd-sm-t180 { padding-top: 180px !important; } .padd-sm-t185 { padding-top: 185px !important; } .padd-sm-t190 { padding-top: 190px !important; } .padd-sm-t195 { padding-top: 195px !important; } .padd-sm-t200 { padding-top: 200px !important; } .padd-sm-b0 { padding-bottom: 0px !important; } .padd-sm-b5 { padding-bottom: 5px !important; } .padd-sm-b10 { padding-bottom: 10px !important; } .padd-sm-b15 { padding-bottom: 15px !important; } .padd-sm-b20 { padding-bottom: 20px !important; } .padd-sm-b25 { padding-bottom: 25px !important; } .padd-sm-b30 { padding-bottom: 30px !important; } .padd-sm-b35 { padding-bottom: 35px !important; } .padd-sm-b40 { padding-bottom: 40px !important; } .padd-sm-b45 { padding-bottom: 45px !important; } .padd-sm-b50 { padding-bottom: 50px !important; } .padd-sm-b55 { padding-bottom: 55px !important; } .padd-sm-b60 { padding-bottom: 60px !important; } .padd-sm-b65 { padding-bottom: 65px !important; } .padd-sm-b70 { padding-bottom: 70px !important; } .padd-sm-b75 { padding-bottom: 75px !important; } .padd-sm-b80 { padding-bottom: 80px !important; } .padd-sm-b85 { padding-bottom: 85px !important; } .padd-sm-b90 { padding-bottom: 90px !important; } .padd-sm-b95 { padding-bottom: 95px !important; } .padd-sm-b100 { padding-bottom: 100px !important; } .padd-sm-b105 { padding-bottom: 105px !important; } .padd-sm-b110 { padding-bottom: 110px !important; } .padd-sm-b115 { padding-bottom: 115px !important; } .padd-sm-b120 { padding-bottom: 120px !important; } .padd-sm-b125 { padding-bottom: 125px !important; } .padd-sm-b130 { padding-bottom: 130px !important; } .padd-sm-b135 { padding-bottom: 135px !important; } .padd-sm-b140 { padding-bottom: 140px !important; } .padd-sm-b145 { padding-bottom: 145px !important; } .padd-sm-b150 { padding-bottom: 150px !important; } .padd-sm-b155 { padding-bottom: 155px !important; } .padd-sm-b160 { padding-bottom: 160px !important; } .padd-sm-b165 { padding-bottom: 165px !important; } .padd-sm-b170 { padding-bottom: 170px !important; } .padd-sm-b175 { padding-bottom: 175px !important; } .padd-sm-b180 { padding-bottom: 180px !important; } .padd-sm-b185 { padding-bottom: 185px !important; } .padd-sm-b190 { padding-bottom: 190px !important; } .padd-sm-b195 { padding-bottom: 195px !important; } .padd-sm-b200 { padding-bottom: 200px !important; } .no-padd-sm { padding-left: 0px; padding-right: 0px; } } @media screen and (max-width: 767px) { .marg-xs-t0 { margin-top: 0px !important; } .marg-xs-t5 { margin-top: 5px !important; } .marg-xs-t10 { margin-top: 10px !important; } .marg-xs-t15 { margin-top: 15px !important; } .marg-xs-t20 { margin-top: 20px !important; } .marg-xs-t25 { margin-top: 25px !important; } .marg-xs-t30 { margin-top: 30px !important; } .marg-xs-t35 { margin-top: 35px !important; } .marg-xs-t40 { margin-top: 40px !important; } .marg-xs-t45 { margin-top: 45px !important; } .marg-xs-t50 { margin-top: 50px !important; } .marg-xs-t55 { margin-top: 55px !important; } .marg-xs-t60 { margin-top: 60px !important; } .marg-xs-t65 { margin-top: 65px !important; } .marg-xs-t70 { margin-top: 70px !important; } .marg-xs-t75 { margin-top: 75px !important; } .marg-xs-t80 { margin-top: 80px !important; } .marg-xs-t85 { margin-top: 85px !important; } .marg-xs-t90 { margin-top: 90px !important; } .marg-xs-t95 { margin-top: 95px !important; } .marg-xs-t100 { margin-top: 100px !important; } .marg-xs-t105 { margin-top: 105px !important; } .marg-xs-t110 { margin-top: 110px !important; } .marg-xs-t115 { margin-top: 115px !important; } .marg-xs-t120 { margin-top: 120px !important; } .marg-xs-t125 { margin-top: 125px !important; } .marg-xs-t130 { margin-top: 130px !important; } .marg-xs-t135 { margin-top: 135px !important; } .marg-xs-t140 { margin-top: 140px !important; } .marg-xs-t145 { margin-top: 145px !important; } .marg-xs-t150 { margin-top: 150px !important; } .marg-xs-t155 { margin-top: 155px !important; } .marg-xs-t160 { margin-top: 160px !important; } .marg-xs-t165 { margin-top: 165px !important; } .marg-xs-t170 { margin-top: 170px !important; } .marg-xs-t175 { margin-top: 175px !important; } .marg-xs-t180 { margin-top: 180px !important; } .marg-xs-t185 { margin-top: 185px !important; } .marg-xs-t190 { margin-top: 190px !important; } .marg-xs-t195 { margin-top: 195px !important; } .marg-xs-t200 { margin-top: 200px !important; } .marg-xs-b0 { margin-bottom: 0px !important; } .marg-xs-b5 { margin-bottom: 5px !important; } .marg-xs-b10 { margin-bottom: 10px !important; } .marg-xs-b15 { margin-bottom: 15px !important; } .marg-xs-b20 { margin-bottom: 20px !important; } .marg-xs-b25 { margin-bottom: 25px !important; } .marg-xs-b30 { margin-bottom: 30px !important; } .marg-xs-b35 { margin-bottom: 35px !important; } .marg-xs-b40 { margin-bottom: 40px !important; } .marg-xs-b45 { margin-bottom: 45px !important; } .marg-xs-b50 { margin-bottom: 50px !important; } .marg-xs-b55 { margin-bottom: 55px !important; } .marg-xs-b60 { margin-bottom: 60px !important; } .marg-xs-b65 { margin-bottom: 65px !important; } .marg-xs-b70 { margin-bottom: 70px !important; } .marg-xs-b75 { margin-bottom: 75px !important; } .marg-xs-b80 { margin-bottom: 80px !important; } .marg-xs-b85 { margin-bottom: 85px !important; } .marg-xs-b90 { margin-bottom: 90px !important; } .marg-xs-b95 { margin-bottom: 95px !important; } .marg-xs-b100 { margin-bottom: 100px !important; } .marg-xs-b105 { margin-bottom: 105px !important; } .marg-xs-b110 { margin-bottom: 110px !important; } .marg-xs-b115 { margin-bottom: 115px !important; } .marg-xs-b120 { margin-bottom: 120px !important; } .marg-xs-b125 { margin-bottom: 125px !important; } .marg-xs-b130 { margin-bottom: 130px !important; } .marg-xs-b135 { margin-bottom: 135px !important; } .marg-xs-b140 { margin-bottom: 140px !important; } .marg-xs-b145 { margin-bottom: 145px !important; } .marg-xs-b150 { margin-bottom: 150px !important; } .marg-xs-b155 { margin-bottom: 155px !important; } .marg-xs-b160 { margin-bottom: 160px !important; } .marg-xs-b165 { margin-bottom: 165px !important; } .marg-xs-b170 { margin-bottom: 170px !important; } .marg-xs-b175 { margin-bottom: 175px !important; } .marg-xs-b180 { margin-bottom: 180px !important; } .marg-xs-b185 { margin-bottom: 185px !important; } .marg-xs-b190 { margin-bottom: 190px !important; } .marg-xs-b195 { margin-bottom: 195px !important; } .marg-xs-b200 { margin-bottom: 200px !important; } .padd-xs-t0 { padding-top: 0px !important; } .padd-xs-t5 { padding-top: 5px !important; } .padd-xs-t10 { padding-top: 10px !important; } .padd-xs-t15 { padding-top: 15px !important; } .padd-xs-t20 { padding-top: 20px !important; } .padd-xs-t25 { padding-top: 25px !important; } .padd-xs-t30 { padding-top: 30px !important; } .padd-xs-t35 { padding-top: 35px !important; } .padd-xs-t40 { padding-top: 40px !important; } .padd-xs-t45 { padding-top: 45px !important; } .padd-xs-t50 { padding-top: 50px !important; } .padd-xs-t55 { padding-top: 55px !important; } .padd-xs-t60 { padding-top: 60px !important; } .padd-xs-t65 { padding-top: 65px !important; } .padd-xs-t70 { padding-top: 70px !important; } .padd-xs-t75 { padding-top: 75px !important; } .padd-xs-t80 { padding-top: 80px !important; } .padd-xs-t85 { padding-top: 85px !important; } .padd-xs-t90 { padding-top: 90px !important; } .padd-xs-t95 { padding-top: 95px !important; } .padd-xs-t100 { padding-top: 100px !important; } .padd-xs-t105 { padding-top: 105px !important; } .padd-xs-t110 { padding-top: 110px !important; } .padd-xs-t115 { padding-top: 115px !important; } .padd-xs-t120 { padding-top: 120px !important; } .padd-xs-t125 { padding-top: 125px !important; } .padd-xs-t130 { padding-top: 130px !important; } .padd-xs-t135 { padding-top: 135px !important; } .padd-xs-t140 { padding-top: 140px !important; } .padd-xs-t145 { padding-top: 145px !important; } .padd-xs-t150 { padding-top: 150px !important; } .padd-xs-t155 { padding-top: 155px !important; } .padd-xs-t160 { padding-top: 160px !important; } .padd-xs-t165 { padding-top: 165px !important; } .padd-xs-t170 { padding-top: 170px !important; } .padd-xs-t175 { padding-top: 175px !important; } .padd-xs-t180 { padding-top: 180px !important; } .padd-xs-t185 { padding-top: 185px !important; } .padd-xs-t190 { padding-top: 190px !important; } .padd-xs-t195 { padding-top: 195px !important; } .padd-xs-t200 { padding-top: 200px !important; } .padd-xs-b0 { padding-bottom: 0px !important; } .padd-xs-b5 { padding-bottom: 5px !important; } .padd-xs-b10 { padding-bottom: 10px !important; } .padd-xs-b15 { padding-bottom: 15px !important; } .padd-xs-b20 { padding-bottom: 20px !important; } .padd-xs-b25 { padding-bottom: 25px !important; } .padd-xs-b30 { padding-bottom: 30px !important; } .padd-xs-b35 { padding-bottom: 35px !important; } .padd-xs-b40 { padding-bottom: 40px !important; } .padd-xs-b45 { padding-bottom: 45px !important; } .padd-xs-b50 { padding-bottom: 50px !important; } .padd-xs-b55 { padding-bottom: 55px !important; } .padd-xs-b60 { padding-bottom: 60px !important; } .padd-xs-b65 { padding-bottom: 65px !important; } .padd-xs-b70 { padding-bottom: 70px !important; } .padd-xs-b75 { padding-bottom: 75px !important; } .padd-xs-b80 { padding-bottom: 80px !important; } .padd-xs-b85 { padding-bottom: 85px !important; } .padd-xs-b90 { padding-bottom: 90px !important; } .padd-xs-b95 { padding-bottom: 95px !important; } .padd-xs-b100 { padding-bottom: 100px !important; } .padd-xs-b105 { padding-bottom: 105px !important; } .padd-xs-b110 { padding-bottom: 110px !important; } .padd-xs-b115 { padding-bottom: 115px !important; } .padd-xs-b120 { padding-bottom: 120px !important; } .padd-xs-b125 { padding-bottom: 125px !important; } .padd-xs-b130 { padding-bottom: 130px !important; } .padd-xs-b135 { padding-bottom: 135px !important; } .padd-xs-b140 { padding-bottom: 140px !important; } .padd-xs-b145 { padding-bottom: 145px !important; } .padd-xs-b150 { padding-bottom: 150px !important; } .padd-xs-b155 { padding-bottom: 155px !important; } .padd-xs-b160 { padding-bottom: 160px !important; } .padd-xs-b165 { padding-bottom: 165px !important; } .padd-xs-b170 { padding-bottom: 170px !important; } .padd-xs-b175 { padding-bottom: 175px !important; } .padd-xs-b180 { padding-bottom: 180px !important; } .padd-xs-b185 { padding-bottom: 185px !important; } .padd-xs-b190 { padding-bottom: 190px !important; } .padd-xs-b195 { padding-bottom: 195px !important; } .padd-xs-b200 { padding-bottom: 200px !important; } .no-padd-xs { padding-left: 0px !important; padding-right: 0px !important; } } .term-sample-cat .container>h1 { margin-top: 80px; font-size: 35px; font-weight: 700; line-height: 45px; } .gallery-list { width: 100%; } .gallery-list .gallery-items{ height: 445px; width: 25%; background-size: cover; background-position: center; background-clip: content-box; cursor: pointer; transition: 1s; } .gallery-list .gallery-items:hover { opacity: 0.8; } .gallery-list .gallery-items:nth-child(2){ height: 890px; width: 50%; } .woocommerce .products .blr-product-slider .product { text-align: center; width: 100%; margin: 0; padding-bottom: 30px; transition: 1s; } .woocommerce .products .blr-product-slider .product:hover { background-color: #fff; box-shadow: 0 10px 29px rgba(16, 16, 16, 0.27); } .woocommerce .products .blr-product-slider .product:hover .button-cart a { border: 2px solid #fda329; } .woocommerce .products .blr-product-slider .product:nth-child(3) { padding-right: 0; } .woocommerce .products .blr-product-slider.swiper-container { margin-left: 0; } /*Woocommerce slides offset*/ .woocommerce .products .blr-product-slider .swiper-slide { padding: 0 15px; } .woocommerce .products .blr-product-slider.swiper-container { width: calc(100% + 30px); margin: 0 -15px; padding-bottom: 50px; } .woocommerce .products .blr-product-slider .product-title { opacity: 0.7; color: black; font-family: "OpenSans", sans-serif; font-size: 16px; font-weight: 300; line-height: 26px; margin-bottom: 8px; } .woocommerce .products .blr-product-slider .product-info { margin-top: 30px; } .woocommerce .products .blr-product-slider .product .price { color: #201e1c; font-family: "Roboto", sans-serif; font-size: 24px; font-weight: 400; line-height: 26px; margin-bottom: 5px; } .woocommerce .products .blr-product-slider .product .price span>span { margin-right: 6px; } .woocommerce .products .blr-product-slider .product-info .product-info-content { margin-bottom: 20px; } .woocommerce .related .products .blr-product-slider .product-info .product-info-content { margin-bottom: 0; } .woocommerce .products .blr-product-slider .button-cart a { color: #201e1c; font-family: "Montserrat", sans-serif; font-size: 11px; font-weight: 500; line-height: 33px; text-transform: uppercase; letter-spacing: 1px; background: transparent; border: 2px solid #e1e1e1; border-radius: 23px; padding: 5px 58px; } .woocommerce .products .blr-product-slider .button-cart a:nth-child(2) { line-height: 1; display: block; border: 0!important; margin-top: 15px; padding: 0; color: #fda329; } .woocommerce .products .blr-product-slider .button-cart a:nth-child(2):hover { border: 0; } .top-baner.medium-font .wrap-text h2 { font-size: 55px; font-weight: 900; line-height: 65px; letter-spacing: 0.6px; margin-bottom: 8px; } .top-baner.medium-font .wrap-text { padding-left: 0; } .top-baner.medium-font .desc { opacity: 0.7; color: white; font-family: "OpenSans", sans-serif; font-size: 14px; font-weight: 400; line-height: 24px; letter-spacing: 0.7px; padding-right: 95px; } .top-baner.medium-font .wrap-buttons { padding-right: 0; } .top-baner.medium-font .wrap-buttons .btn { margin: 0; margin-top: 15px; padding: 10px 50px; letter-spacing: 1px; } @media screen and (max-width: 991px) { .blr-product-slider .swiper-slide img { height: 100%; } .woocommerce .products .blr-product-slider .product-title { font-size: 14px; } .top-baner.medium-font .desc { padding-right: 0; } .top-baner.medium-font .wrap-buttons { text-align: center; padding-right: 15px; } .top-baner.medium-font .wrap-text { padding-left: 15px; } } @media screen and (max-width: 767px) { .container.no-padding { padding-right: 15px; padding-left: 15px; } .footer_main--column.widget_contact_form h3 { margin: 0 auto; } .footer_main--column.widget_contact_form { text-align: center; } .footer-sidebar { padding-bottom: 0; } .footer_main--column.widget_contact_form .wpcf7-form { max-width: 50%; margin: 0 auto; } } @media screen and (max-width: 500px) { .footer_main--column.widget_contact_form .wpcf7-form { max-width: 100%; } .footer_main--column.widget_contact_form input.footer_sidebar_email { width: 100%; } } @media screen and (max-width: 380px) { .slide-next div::before, .slide-prev div::before { font-size: 20px; } .slide-next, .slide-prev { width: 25px; height: 80px; } } .team-block .team-text h6 { color: #101e38; font-family: "Montserrat", sans-serif; font-size: 16px; font-weight: 600; line-height: 50px; letter-spacing: 0.5px; margin-bottom: -3px; margin-top: -5px; } .point-style-2 .swiper-pagination-switch.swiper-active-switch { opacity: 1; } .team-slider .swiper-slide-active + .swiper-slide { opacity: 1; } .team-slider .swiper-slide-active + .swiper-slide .team-block { box-shadow: 3.5px 3.5px 10px rgba(68, 68, 68, 0.1); } .team-slider .swiper-slide { opacity: 0.6; } .pagination.more-slides .swiper-pagination-switch { width: 100px; } @media screen and (max-width: 1199px) { .pagination.point-style-2 .swiper-pagination-switch { width: 80px; } .footer_main--column.widget_contact_form input.footer_sidebar_email { font-size: 11px; } } @media screen and (max-width: 991px) { .pagination.point-style-2 .swiper-pagination-switch { width: 50px; } .gallery-list .gallery-items { height: 300px; width: 50%; } .gallery-list .gallery-items:nth-child(2){ height: 300px; width: 50%; } .footer_main--column.widget_contact_form input.footer_sidebar_email { font-size: 14px; } } @media screen and (max-width: 480px) { .pagination.point-style-2 .swiper-pagination-switch { width: 25px; } .team-block { padding: 30px 20px; text-align: center; } .team-block .img-wrap { float: none; margin: 0 auto; } .team-text p { padding: 0; } .main-title h2.type-2 { font-size: 35px; } .top-baner.medium-font .wrap-text h2 { font-size: 33px; line-height: 45px; } .gallery-list .gallery-items, .gallery-list .gallery-items:nth-child(2) { height: 200px; width: 100%; } } .blog-post .post-preview-author, .blog-post .post-preview-date, .blog-post .post-preview-comments { display: inline-block; } .blog-post .post-previews { color: #9c9b9b; font-size: 11px; font-weight: 400; text-transform: uppercase; letter-spacing: 1.5px; width: 100%; padding-left: 2px; } .blog-post .post-previews .blog-post__date{ color: #9c9c9c; } .blog-post .post-preview-comments { opacity: 0.6; color: black; line-height: 17px; } .top-baner.blog-banner.height-500 .main-title .desc { text-align: center; margin: 0; padding: 0; color: #fda329; font-family: "Montserrat", sans-serif; font-size: 13px; font-weight: 700; line-height: 33px; font-style: normal; letter-spacing: 1.5px; } @media screen and (max-width: 991px) { .servis-block h4 { display: block; } .servis-block.left { text-align: center; } } /*BLOG SINGLE POST*/ .single .blog-banner { height: 700px; background-size: cover; background-position: center; background-repeat: no-repeat; } .sidebar-block h4 { color: black; font-family: "Montserrat", sans-serif; font-size: 16px; font-weight: 700; line-height: 30px; letter-spacing: 2px; margin-bottom: 14px; } .sidebar-block.widget_categories ul li { text-align: right; clear: both; } .sidebar-block.widget_categories ul { padding-right: 63px; } .sidebar-block.widget_categories ul li a { float: left; } .sidebar-block.widget_latest_posts h4 { margin-bottom: 31px; } .sidebar-block .tagcloud a { opacity: 0.6; color: black; font-family: "OpenSans", sans-serif; font-weight: 300; text-transform: none; background-color: rgba(255, 255, 255, 0.5); border: 1px solid #ebebeb; border-radius: 4px; padding: 5px 10px; letter-spacing: 0.5px; margin: 0 3px 6px 0; } .sidebar-block .tagcloud a:hover { border: 1px solid #fda329; } .sidebar-block .pop-text a h5 { color: black; font-family: "OpenSans", sans-serif; font-size: 12px; font-weight: 400; line-height: 22px; text-transform: uppercase; margin-top: 0; padding-right: 50px; } .sidebar-block .pop-text a h5:hover { color: #fda329; transition: 0.5s; } .single-post .post-previews .tags-button { padding-left: 0; } .single-post .post-previews .tags-button a { font-size: 16px !important; line-height: 21px; } .single-post .right-preview .post-preview-author, .single-post .right-preview .post-preview-date { display: inline-block; } .single-post .blog-post .post-previews { width: auto; } .single-post .blog-post .post-preview-left { width: 100%; } .blog-post .post-preview-left .left-preview { float: left; /* width: 30%; */ margin-bottom: 7px; } .blog-post .post-preview-left .right-preview { float: right; } .single-post .blog-post.item { margin-top: 55px; } .single-post .sidebar { margin-top: 40px; } .post-preview-right--single-post p { opacity: 0.6; font-size: 16px; line-height: 26px; letter-spacing: 0.5px; padding-right: 5px; } .post-preview-right--single-post blockquote { border-left-width: 0; padding: 37px 81px; margin: 0; margin-top: 30px; margin-bottom: 25px; background-color: #fda329; border-radius: 4px; position: relative; } .post-preview-right--single-post blockquote:after { content: '“'; opacity: 0.1; color: white; font-family: "Montserrat", sans-serif; font-size: 271px; font-weight: 400; line-height: 24px; position: absolute; left: 8px; top: 105px; display: block; } .post-preview-right--single-post blockquote p { color: white; font-family: "OpenSans", sans-serif; font-size: 16px; font-weight: 600; font-style: italic; line-height: 26px; opacity: 1; padding-top: 0; letter-spacing: 0px; } .comm-block .comm-img { vertical-align: top; float: left; } .comm-block .comm-img img { border-radius: 50%; width: 70px; } .single-post .comm-meta { margin-left: 45px; padding-left: 18px; border-left: 2px solid #fda329;; } .post-preview-right--single-post .comments .comments__title { color: #181717; font-size: 24px; font-weight: 700; line-height: 32px; text-transform: lowercase; margin-top: 35px; margin-bottom: 45px; } .comment-form input[type="submit"] { background-color: #fda329; border-radius: 26px; border: 2px solid #fda329; color: white; font-size: 11px; font-weight: 900; line-height: 32px; text-transform: uppercase; padding: 8px 61px; } .comment-form input[type="submit"]:hover { background-color: transparent; border: 2px solid #fda329; color: #fda329; } .comment-form input[type="submit"]:focus { background-color: #000; color: #fff; border: 2px solid #000; } .single-post .post-preview-right.post-preview-right--single-post h5 { color: #010101; font-size: 14px; font-family: "OpenSans", sans-serif; font-weight: 700; line-height: 20px; text-transform: uppercase; margin: 0; padding: 0; float: left; } .single-post .post-preview-right.post-preview-right--single-post h6 { margin: 0; padding: 0; } .single-post .post-preview-right.post-preview-right--single-post a { color: #fda329; font-family: "OpenSans", sans-serif; font-weight: 400; font-size: 14px !important; text-transform: none; letter-spacing: 0.5px; margin-left: 12px; } .post-preview-right--single-post .comm-txt p { color: #666; font-weight: 400; font-family: "OpenSans", sans-serif; line-height: 26px; font-size: 14px; opacity: 1; padding-left: 0; padding-top: 4px; margin-bottom: 9px; } .single-post .date-post h6 { opacity: 0.54; color: black; font-size: 11px; font-weight: 400; letter-spacing: 1.5px; } .single-post .blog-post.item { margin-bottom: 35px; } @media screen and (max-width: 1199px) { .sidebar .tagcloud { padding-right: 30px; } } @media screen and (max-width: 991px) { .sidebar-block.widget_categories ul, .sidebar-block .pop-text a h5 { padding-right: 0; } .single-post .comment-respond { margin-left: 0 } } @media screen and (max-width: 767px) { .comm-block .comm-img { float: none; } .single.single-post .blog-banner { height: 500px; } .single-post .comm-meta { margin-top: 10px; margin-left: 10px; } } @media screen and (max-width: 480px) { .blog-banner { height: 400px; } .blog-banner .main-title h2.type-2 { font-size: 35px; } .single-post .blog-post.item { margin-top: 20px; margin-bottom: 0; } .sidebar .tagcloud { padding-right: 0; } .post-preview-right.post-preview-right--single-post h4 { font-size: 40px; } } @media screen and (max-width: 360px) { .single.single-post .blog-banner { height: 350px; } .blog-post .post-preview-left .left-preview, .blog-post .post-preview-left .right-preview { float: none; width: 100%; } .post-preview-right.post-preview-right--single-post h4 { font-size: 30px; line-height: 45px; } .post-preview-right--single-post blockquote { padding: 37px 29px; } .post-preview-right--single-post blockquote p { font-style: 14px; } } /*CONTACT PAGE*/ .contact-adress { padding-right: 110px; margin-bottom: 25px; } .contact-adress .main-title { color: #181717; font-family: "Montserrat", sans-serif; font-size: 24px; font-weight: 700; letter-spacing: 0.5px; line-height: 16px; margin-bottom: 24px; } .contact-adress .info-section .footer-contacts li { font-family: "Open Sans", sans-serif; font-size: 16px; line-height: 26px; color: rgba(1,1,1,0.6); font-weight: 400; letter-spacing: 0.4px; margin-bottom: 5px; } .contact-adress .info-section .footer-contacts li span { color: #fda329; font-weight: 700; text-transform: uppercase; } .contact-adress .info-section .footer-social li > div { position: relative; width: 30px; height: 30px; border-radius: 50%; background-color: #fda329; border: 1px solid #fda329; transition: 0.5s; } .contact-adress .info-section .footer-social { padding-top: 2px; padding-left: 2px; } .contact-adress .info-section .footer-social li { display: inline-block; margin-right: 14px; } .contact-adress .info-section .footer-social li a i { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); color: #fff; font-size: 13px; font-weight: 400; line-height: 29px; transition: 0.5s; } .contact-adress .info-section .footer-social li > div:hover, .contact-adress .info-section .footer-social li > div:focus { background-color: transparent; } .contact-adress .info-section .footer-social li > div:hover a i, .contact-adress .info-section .footer-social li > div:focus a i { color: #fda329; } .contact-page-form { padding-right: 70px; } .contact-page-form h4 { color: #181717; font-size: 24px; font-weight: 700; letter-spacing: 0.5px; margin-bottom: 23px; } .contact-page-form p { margin-bottom: 12px; } .contact-page-form input[type="text"], .contact-page-form input[type="email"] { padding-left: 18px; border: 1px solid #ccc; transition: 0.5s; } .contact-page-form textarea { height: 125px; padding-left: 18px; border: 1px solid #ccc; transition: 0.5s; margin-bottom: 8px; } .contact-page-form input[type="text"]:hover, .contact-page-form input[type="email"]:hover, .contact-page-form input[type="text"]:focus, .contact-page-form input[type="email"]:focus, .contact-page-form textarea:hover, .contact-page-form textarea:focus { border: 1px solid #fda329; } .contact-page-form input[type="submit"] { width: 157px; height: 48px; background-color: #fda329; border-radius: 26px; color: white; font-family: "Montserrat", sans-serif; font-size: 11px; font-weight: 900; text-transform: uppercase; letter-spacing: 1.5px; border: 2px solid #fda329; transition: 0.5s; } .contact-page-form input[type="submit"]:focus, .contact-page-form input[type="submit"]:hover { color: #fda329; background: transparent; } @media screen and (max-width: 991px) { .contact-adress, .contact-page-form { padding-right: 0; } .contact-page-form { margin-bottom: 50px; } .booked-calendar-shortcode-wrap { padding: 0 20px; } } @media screen and (max-width: 480px) { .top-baner.custom { max-height: 300px; } } /*ERROR STYLE*/ .error404 .page-body { position: relative; height: 100vh; background-size: cover; background-position: center; background-repeat: no-repeat; } .not-found { position: absolute; width: 100%; left: 0px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); } .not-found .not-found-title h1 { font-size: 49px; font-weight: 700; line-height: 20px; text-transform: uppercase; letter-spacing: 1.6px; } .not-found-title.text-light { color: #fff; } .not-found .not-found-title h4 { font-family: "Myriad Pro", sans-serif; font-size: 14px; font-weight: 300; line-height: 26px; margin-top: 30px; margin-bottom: 50px; letter-spacing: 0.5px; } @media screen and (max-width: 767px) { .not-found span { font-size: 200px; } .not-found .not-found-title h1 { margin-top: 100px; } } @media screen and (max-width: 480px) { .not-found span { font-size: 150px; } .not-found .not-found-title h1 { font-size: 35px; margin-top: 60px; } } @media screen and (max-width: 360px) { .not-found span { font-size: 120px; } .not-found .not-found-title h1 { font-size: 25px; } } /*GALLERY STYLE*/ .page-template-default .layer a { color: #1c1a19; font-size: 18px; font-weight: 500; text-transform: uppercase; } .page-template-default .item img { height: 100%; max-width: 100%; } .page-template-default .izotope-container .item { background-size: cover; height: 340px; width: 25%; margin: 0; padding: 15px; } .page-template-default .izotope-container .item:nth-child(2){ height: 680px; width: 50%; } .fillter-wrap .but { color: #1c1a19; font-size: 13px; font-weight: 400; text-transform: uppercase; padding: 0; padding-right: 11px; letter-spacing: 2px; } .fillter-wrap .but:hover { color: #fda329; } .portfolio-item-img-wrapp { height: 100%; background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover; background-position: top center; } @media screen and (max-width: 991px) { .page-template-default .izotope-container .item { height: 250px; } .page-template-default .izotope-container .item:nth-child(2){ height: 500px; } } @media screen and (max-width: 480px) { .page-template-default .izotope-container .item, .page-template-default .izotope-container .item:nth-child(2) { height: 250px; width: 50%; } } @media screen and (max-width: 360px) { .page-template-default .izotope-container .item, .page-template-default .izotope-container .item:nth-child(2) { width: 100%; } } /*Portfolio Style*/ .single-portfolio .post-preview-left { width: 100%; } .single-portfolio .post-preview-left .right-preview { float: none; } .single-portfolio .right-preview .post-previews { display: inline; } .single-portfolio .post-preview-left .left-preview { display: none; } .single-portfolio .single-post-content { margin-top: 50px; } /*Morern Ebent Callendar Custom*/ .single-mec-events .mec-container { margin-bottom: 50px; } .mec-load-more-wrap .mec-load-more-button { background-color: #fda329; color: #fff; height: auto; border: none; text-transform: uppercase; } .mec-load-more-wrap .mec-load-more-button:hover { opacity: 0.8; } .mec-event-list-standard .mec-date-details:before { content: ""; } .mec-event-list-standard .mec-event-content { padding: 15px 50px; } .mec-event-list-standard .mec-event-title { color: #201e1c; font-size: 24px; font-weight: 900; line-height: 30px; letter-spacing: 0.5px; } .mec-event-list-standard .mec-event-meta span.mec-event-d { color: #fda329; font-size: 25px; font-weight: 700; line-height: 45px; } .mec-event-list-standard .mec-date-details { padding: 0; margin: 0; text-align: center; } .mec-event-list-standard .mec-topsec, .mec-event-list-standard .mec-event-footer { background: #fff; } .mec-event-sharing-wrap .mec-event-share:hover { background-color: #fda329; } .mec-event-footer .mec-booking-button { color: #fda329; border: 1px solid #fda329; margin-right: 35px; } .mec-event-footer .mec-booking-button:hover { background: #fda329; color: #fff; border-color: #fda329; } .mec-event-sharing-wrap .mec-event-share { border: 1px solid #fda329; } .mec-event-sharing-wrap .mec-event-share a { color: #fda329; } .mec-event-sharing-wrap .mec-event-sharing li:hover a { color: #fda329; } .mec-event-sharing-wrap:hover > li { background-color: #fda329; } .mec-marker-infowindow-wp .mec-marker-infowindow-count { color: #fda329; border: 1px solid #fda329; } .single-mec-events .mec-event-meta .mec-local-time-details h3 { padding-left: 0; } .single-mec-events .mec-event-meta .mec-local-time-details ul { margin-top: 20px; } .mec-wrap .flip-clock-wrapper ul li a div div.inn { background-color: #fda329; } .mec-next-event-details i:before { color: #fda329; } /*article.mec-single-event { margin-top: 0; }*/ @media screen and (max-width: 991px) { .mec-event-list-standard .mec-col-table-c.mec-event-image-wrap { width: auto; } .mec-load-more-button { margin-bottom: 50px; } } @media screen and (max-width: 767px) { .mec-event-list-standard .mec-date-details { max-width: 100%; } .mec-event-list-standard .mec-event-meta span.mec-event-d { font-size: 30px; } .mec-event-meta-wrap { padding-bottom: 15px; } .mec-event-list-standard .mec-event-content, .mec-event-image { padding: 20px; } .mec-event-list-standard .mec-event-content { padding-left: 0; } .team-slider .swiper-slide { opacity: 1; } } /*Heading Slider Style*/ .heading-slider .content-slide { padding: 200px 0; -webkit-background-size: cover; background-size: cover; background-position: center; background-repeat: no-repeat; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); top: 50%; } .point-default .swiper-pagination-switch { width: 10px; height: 10px; display: inline-block; margin-right: 10px; opacity: 0.8; background-color: #e9e9e9; border-radius: 50%; } .point-default .swiper-pagination-switch.swiper-active-switch { background-color: transparent; border: 2px solid #fda329; -webkit-transform: scale(1.3); -ms-transform: scale(1.3); -o-transform: scale(1.3); transform: scale(1.3); } .pagination.point-default { bottom: 140px; } .heading-slider .slide-prev.left, .heading-slider .slide-next.right { position: absolute; top: 44%; z-index: 5; cursor: pointer; width: 26px; height: 43px; background-color: transparent; } .heading-slider .slide-prev.left { left: 8%; } .heading-slider .slide-next.right { right: 8%; } .heading-slider .slide-prev.left:before, .heading-slider .slide-next.right:before { position: absolute; opacity: 0.7; color: #d9d9d9; font-family: "FontAwesome"; font-size: 63px; top: -17px; } .heading-slider .slide-prev.left:before { content: "\f104"; } .heading-slider .slide-next.right:before { content: "\f105"; } /*----------------------------*/ /*-------- ACCORDION ---------*/ /*----------------------------*/ .wpc-accordion .panel-title { margin: 0; position: relative; padding: 9px 0 10px 0; cursor: pointer; color: #3f3f3f; font-family: "OpenSans", sans-serif; font-size: 16px; font-weight: 300; line-height: 28px; text-transform: uppercase; } .wpc-accordion .panel-content { overflow: hidden; padding-top: 0; padding-bottom: 0; height: 0; } .wpc-accordion .panel-wrap.active .panel-content { height: 100%; padding-bottom: 5px; padding-top: 33px; margin: 0; border: none; } @media screen and (max-width: 1199px) { .heading-slider .top-baner .desc { width: 50%; margin: 0 auto; } } @media screen and (max-width: 767px) { .heading-slider .large-font .main-title h2.type-2 { font-size: 45px; line-height: 40px; } .page-template-default .fillter-wrap { text-align: center; margin: 0 auto; display: block; } .heading-slider .content-slide { height: 600px; padding: 80px 0; } .pagination.point-default { bottom: 20px; } } @media screen and (max-width: 480px) { .heading-slider .large-font .main-title h2.type-2 { font-size: 30px; } .top-baner.large-font .main-title .desc { font-size: 12px; } .mec-single-event .mec-events-meta-group-countdown { margin-left: 0 !important; } .mec-single-event .mec-event-social li.mec-event-social-icon { margin-bottom: 10px; } } @media screen and (max-width: 360px) { .heading-slider .large-font .main-title h2.type-2 { font-size: 25px; } .pagination.point-default { bottom: 5px; } .heading-slider .content-slide { padding: 80px 0; } } /* ====== 3d unfold ====== */ .mfp-3d-unfold .mfp-content { perspective: 2000px; } .mfp-3d-unfold .mfp-with-anim { opacity: 0; transition: all 0.3s ease-in-out; transform-style: preserve-3d; transform: rotateY(-60deg); } .mfp-3d-unfold.mfp-bg { opacity: 0; transition: all 0.5s; } .mfp-3d-unfold.mfp-ready .mfp-with-anim { opacity: 1; transform: rotateY(0deg); } .mfp-3d-unfold.mfp-ready.mfp-bg { opacity: 0.8; } .mfp-3d-unfold.mfp-removing .mfp-with-anim { transform: rotateY(60deg); opacity: 0; } .mfp-3d-unfold.mfp-removing.mfp-bg { opacity: 0; } /* UNIT TSET */ .no-billiard-plugins .page-content { margin-top: 0; } .no-billiard-plugins .recentcomments { color: rgba(0,0,0,0.6); font-family: "OpenSans", sans-serif; font-size: 14px; font-weight: 400; line-height: 36px; } .no-billiard-plugins .container.page-body { margin-top: 100px; } .no-billiard-plugins .blog-banner { height: 450px; } .search-form .search-field { width: 100%; padding: 10px 40px 10px 8px; border-radius: 0; border: 0; border-bottom: 1px solid #bbb; } .search-form .search-field:focus { border: 0; border-bottom: 1px solid #fda329; } .logo a:hover { color: #fda329; } .no-billiard-plugins .article-title h2 { color: #111; font-family: "Montserrat", sans-serif; font-size: 50px; font-weight: 900; line-height: 55px; } .sidebar-block select { padding: 7px 12px; border-radius: 5px; } .no-billiard-plugins .comments .comm-img, .no-billiard-plugins .comments .comm-meta { display: block; } .no-billiard-plugins .comments .comm-meta { margin-left: 95px; } .no-billiard-plugins .comments .comm-meta h5, .no-billiard-plugins .comments .comm-meta h6 { padding-left: 0; margin-bottom: 10px; } .no-billiard-plugins .post-preview-left .post-preview-category { float: none; line-height: 20px; margin-right: 55px; } .no-billiard-plugins .post-preview-left { margin-bottom: 30px; } .tags-button a { margin-right: 10px; } .post-preview-right.post-preview-right--single-post table, .simple-page-content table, .post-preview-right.post-preview-right--single-post dl { font-family: "OpenSans", sans-serif; font-weight: 400; font-size: 14px !important; text-transform: none; letter-spacing: 0.5px; } .no-billiard-plugins .container.page-body h1, .no-billiard-plugins .container.page-body h2, .no-billiard-plugins .container.page-body h3, .no-billiard-plugins .container.page-body h4, .no-billiard-plugins .container.page-body h5, .no-billiard-plugins .container.page-body h6 { font-weight: 300; line-height: 50px; margin: 0; padding: 0; text-transform: capitalize; float: none; line-height: 2; } .no-billiard-plugins .container.page-body h1 { font-size: 2em; } .no-billiard-plugins .container.page-body h2 { font-size: 1.5em; } .no-billiard-plugins .container.page-body h3 { font-size: 1.3em; } .no-billiard-plugins .container.page-body h4 { font-size: 1em; } .no-billiard-plugins .container.page-body h4:hover { color: #201e1c; } .no-billiard-plugins .container.page-body h5 { font-size: 0.8em; } .no-billiard-plugins .container.page-body h6 { font-size: 0.7em; } .no-billiard-plugins .container.page-body .post-preview-right--single-post h2:not(:nth-child(4)) { margin-top: 20px; text-transform: uppercase; font-weight: 700; } .no-billiard-plugins .container.page-body .post-preview-right--single-post .comment-reply-link { margin-left: 0; text-transform: uppercase; margin-top: 15px; } .no-billiard-plugins .container.page-body .post-preview-right--single-post ol { padding-left: 25px; } .no-billiard-plugins .container.page-body .post-preview-right--single-post ul { list-style: none; } .no-billiard-plugins .container.page-body .post-preview-right--single-post .comm-txt h2:nth-child(3) { margin-top: 0; text-transform: none; font-weight: normal; } .no-billiard-plugins .container.page-body .post-preview-right--single-post p { opacity: 1; } .no-billiard-plugins .container.page-body .post-preview-right--single-post p cite { color: #fff; margin-top: 15px; font-style: italic; } .single-post.no-billiard-plugins .post-previews .tags-button a { font-size: 11px !important; } .no-billiard-plugins .blog-post .post-preview-left .left-preview { margin: 0; } .no-billiard-plugins .blog-post ul { list-style: initial; } .no-billiard-plugins .no-menu .table-cell { color: #fff; } .no-billiard-plugins .post-preview-header { height: auto; background-image: none !important; } .no-billiard-plugins .post-preview-header img { display: block !important; } .no-billiard-plugins .unit_img_single { margin-bottom: 30px; } .error404.no-billiard-plugins { background-color: #ddd; } .no-billiard-plugins .post-preview-left, .no-billiard-plugins .post-preview-right, .no-billiard-plugins .blog-post .post-preview-left .left-preview, .no-billiard-plugins .blog-post .post-preview-left .right-preview { float: none; } .no-billiard-plugins .blog-post.item { display: block; } .no-billiard-plugins .container.page-body .post-preview-right--single-post .comments { margin-top: 30px; margin-bottom: 30px; } .no-billiard-plugins .container.page-body .post-preview-right--single-post .comments .comment { margin-top: 30px; } .no-billiard-plugins .container.page-body .post-preview-right--single-post .comments h3 { font-size: 18px; font-weight: 700; } .no-billiard-plugins .container.page-body .post-preview-right--single-post .pingback { margin: 10px 0; font-size: 16px; line-height: 32px; font-weight: 300; } /*PRELOADER*/ .preloader { background-color: #fff; position: fixed; width: 100%; height: 100%; left: 0; top: 0; z-index: 999; } .cssload-loading { height: 106px; left: 50%; top: 50%; margin-left: -53.5px; margin-top: -53.5px; position: absolute; width: 106px; transform: translateZ(0); -o-transform: translateZ(0); -ms-transform: translateZ(0); -webkit-transform: translateZ(0); -moz-transform: translateZ(0); } .cssload-loading-circle { background-color: rgb(253,165,41); border-radius: 50%; height: 18px; position: absolute; width: 18px; animation: 2634.65ms cssload-loading infinite; -o-animation: 2634.65ms cssload-loading infinite; -ms-animation: 2634.65ms cssload-loading infinite; -webkit-animation: 2634.65ms cssload-loading infinite; -moz-animation: 2634.65ms cssload-loading infinite; transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0); -webkit-transform: scale(0); -moz-transform: scale(0); } .cssload-loading-circle:nth-child(1) { animation-delay: 48.3ms; -o-animation-delay: 48.3ms; -ms-animation-delay: 48.3ms; -webkit-animation-delay: 48.3ms; -moz-animation-delay: 48.3ms; } .cssload-loading-circle:nth-child(2) { animation-delay: 96.6ms; -o-animation-delay: 96.6ms; -ms-animation-delay: 96.6ms; -webkit-animation-delay: 96.6ms; -moz-animation-delay: 96.6ms; } .cssload-loading-circle:nth-child(3) { animation-delay: 144.9ms; -o-animation-delay: 144.9ms; -ms-animation-delay: 144.9ms; -webkit-animation-delay: 144.9ms; -moz-animation-delay: 144.9ms; } .cssload-loading-circle:nth-child(4) { animation-delay: 193.2ms; -o-animation-delay: 193.2ms; -ms-animation-delay: 193.2ms; -webkit-animation-delay: 193.2ms; -moz-animation-delay: 193.2ms; } .cssload-loading-circle:nth-child(5) { animation-delay: 241.5ms; -o-animation-delay: 241.5ms; -ms-animation-delay: 241.5ms; -webkit-animation-delay: 241.5ms; -moz-animation-delay: 241.5ms; } .cssload-loading-circle:nth-child(6) { animation-delay: 289.8ms; -o-animation-delay: 289.8ms; -ms-animation-delay: 289.8ms; -webkit-animation-delay: 289.8ms; -moz-animation-delay: 289.8ms; } .cssload-loading-circle:nth-child(7) { animation-delay: 338.1ms; -o-animation-delay: 338.1ms; -ms-animation-delay: 338.1ms; -webkit-animation-delay: 338.1ms; -moz-animation-delay: 338.1ms; } .cssload-loading-circle:nth-child(8) { animation-delay: 386.4ms; -o-animation-delay: 386.4ms; -ms-animation-delay: 386.4ms; -webkit-animation-delay: 386.4ms; -moz-animation-delay: 386.4ms; } .cssload-loading-circle:nth-child(9) { animation-delay: 434.7ms; -o-animation-delay: 434.7ms; -ms-animation-delay: 434.7ms; -webkit-animation-delay: 434.7ms; -moz-animation-delay: 434.7ms; } .cssload-loading-circle:nth-child(10) { animation-delay: 483ms; -o-animation-delay: 483ms; -ms-animation-delay: 483ms; -webkit-animation-delay: 483ms; -moz-animation-delay: 483ms; } .cssload-loading-circle:nth-child(11) { animation-delay: 531.3ms; -o-animation-delay: 531.3ms; -ms-animation-delay: 531.3ms; -webkit-animation-delay: 531.3ms; -moz-animation-delay: 531.3ms; } .cssload-loading-circle:nth-child(12) { animation-delay: 579.6ms; -o-animation-delay: 579.6ms; -ms-animation-delay: 579.6ms; -webkit-animation-delay: 579.6ms; -moz-animation-delay: 579.6ms; } .cssload-loading-circle:nth-child(13) { animation-delay: 627.9ms; -o-animation-delay: 627.9ms; -ms-animation-delay: 627.9ms; -webkit-animation-delay: 627.9ms; -moz-animation-delay: 627.9ms; } .cssload-loading-row1 { top: 1.3px; } .cssload-loading-row2 { top: 23.95px; } .cssload-loading-row3 { top: 45.55px; } .cssload-loading-row4 { top: 68.2px; } .cssload-loading-row5 { top: 89.85px; } .cssload-loading-col1 { left: 1.25px; } .cssload-loading-col2 { left: 23.85px; } .cssload-loading-col3 { left: 45.5px; } .cssload-loading-col4 { left: 68.15px; } .cssload-loading-col5 { left: 89.8px; } @keyframes cssload-loading { 0% { transform: scale(0); } 27.28% { transform: scale(1); } 36.36% { transform: scale(0.857); } 54.55% { transform: scale(0.857); } 63.64% { transform: scale(0); } 100% { transform: scale(0); } } @-o-keyframes cssload-loading { 0% { -o-transform: scale(0); } 27.28% { -o-transform: scale(1); } 36.36% { -o-transform: scale(0.857); } 54.55% { -o-transform: scale(0.857); } 63.64% { -o-transform: scale(0); } 100% { -o-transform: scale(0); } } @-ms-keyframes cssload-loading { 0% { -ms-transform: scale(0); } 27.28% { -ms-transform: scale(1); } 36.36% { -ms-transform: scale(0.857); } 54.55% { -ms-transform: scale(0.857); } 63.64% { -ms-transform: scale(0); } 100% { -ms-transform: scale(0); } } @-webkit-keyframes cssload-loading { 0% { -webkit-transform: scale(0); } 27.28% { -webkit-transform: scale(1); } 36.36% { -webkit-transform: scale(0.857); } 54.55% { -webkit-transform: scale(0.857); } 63.64% { -webkit-transform: scale(0); } 100% { -webkit-transform: scale(0); } } @-moz-keyframes cssload-loading { 0% { -moz-transform: scale(0); } 27.28% { -moz-transform: scale(1); } 36.36% { -moz-transform: scale(0.857); } 54.55% { -moz-transform: scale(0.857); } 63.64% { -moz-transform: scale(0); } 100% { -moz-transform: scale(0); } } /*PRODUCT ICON*/ .nav-menu__tray { position: absolute; right: 0; top: 18px; } .nav-menu__tray .icon-cart { color: #fda329; font-size: 25px; line-height: 1px; display: inline-block; } .count-wrap { position: relative; display: inline-block; top: 9px; left: -11px; width: 18px; height: 18px; border-radius: 50%; background-color: #fff; color: #fda329; } .icon-cart-count { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); color: #fda329; font-size: 11px; } .nav-menu__tray .mini-cart-link { transition: 0.5; } .nav-menu__tray:hover .mini-cart-wrap { visibility: visible; opacity: 1; } .mini-cart-wrap { background: #fff; position: absolute; min-width: 300px; right: 10px; top: 45px; padding: 20px; opacity: 0; visibility: hidden; transition: 0.3s; } .mini-cart-wrap::before { content: ""; position: absolute; width: 20px; height: 20px; right: 12px; top: -6px; background: #fff; transform: rotate(45deg); } .mini-cart-wrap .woocommerce-mini-cart-item { margin-bottom: 20px; padding-bottom: 15px; border-bottom: 2px solid #eee; } .mini-cart-wrap .woocommerce-mini-cart-item .remove { text-align: center; font-size: 24px; } .mini-cart-wrap .woocommerce-mini-cart-item h4 { font-size: 14px; line-height: 18px; margin-bottom: 0; } .mini-cart-wrap .woocommerce-mini-cart__total { margin-bottom: 0; text-align: center; } .mini-cart-wrap .woocommerce-mini-cart__buttons { margin-top: 15px; text-align: center; } .mini-cart-wrap .woocommerce-mini-cart__buttons a { text-transform: uppercase; font-weight: 700; padding: 6px 14px; border: 1px solid #000; margin: 0 5px; font-size: 14px; } .mini_cart_item a:nth-child(2) { font-size: 13px; } .mini_cart_item a:nth-child(2) img { width: 100px; height: 100px; }