/************************************************/ /* Theme Name: Lockett Law */ /* Theme URI: https://www.lockettlaw.net */ /* Author: Crush The Rankings */ /* Author URI: https://www.crushtherankings.com */ /* Description: For Lockett Law */ /* Version: 2.0 */ /************************************************/ /**********************/ /* Custom Stylesheet */ /**********************/ /* - Reset */ /* - Formatting */ /* - Header */ /* - Slider */ /* - Banner */ /* - Content */ /* - Sidebar */ /* - Footer */ /* - FontAwesome */ /* - Link Transitions */ /* - Responsive */ /**********************/ /*********/ /* Reset */ /*********/ article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden],template{display:none}script{display:none!important}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}a{background:transparent}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{white-space:pre-wrap;color:#000;margin:0 30px 20px}q{quotes:"\201C" "\201D" "\2018" "\2019"}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:0}table{border-collapse:collapse;border-spacing:0}.clear{clear:both;height:0;display:block;margin:0!important;line-height:0!important}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}button,input{line-height:normal}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}.entry-content img,.comment-content img,.widget img{max-width:100%}img[class*="align"],img[class*="wp-image-"],img[class*="attachment-"]{height:auto}.size-full,.size-large,.header-image,.wp-post-image{max-width:100%;height:auto}embed,iframe,object,video{max-width:100%}.alignleft{float:left;margin:10px 10px 10px 0}.alignright{float:right;margin:10px 0 10px 10px}.aligncenter{display:block;margin-left:auto;margin-right:auto} /* JUSTICA * body * header * subheader * navigation * content * section * footer * sidebar * blog * products * contact * coming soon page * elements * address * border * box icon * breadcrumb * button and link * columns * counter * divider * dropcap * heading * icon font * list * map * package * page heading * pagination * pricing * preloader * progress bar * social icons * spacer * tabs * team * testimonial * plugin * media query */ /* CSS variables */ * {--title-font: "Jost"; --title-font-color: #111111; --body-font: "Jost", Arial; --body-font-size: 16px; --header-s2-top: 30px; --bg-dark-1: #111111; --bg-dark-1-rgb: 17, 17, 17; --white: #ffffff; --white-rgb: 255, 255, 255;} /* body */ html {overflow-x: hidden; padding: 0; margin: 0; background: #fff;} body {font-family: var(--body-font); font-size: var(--body-font-size); font-weight: 400; color: #606060; line-height: 1.8em; padding: 0; display: none;} body.boxed {margin: 30px; overflow: hidden; border: solid 1px #eee;} body .owl-stage .owl-item {display: inline-block;} .hide-site {display: none !important;} #wrapper {overflow: hidden;} .de-navbar-left #wrapper {overflow: visible;} .site-container {position: relative; padding-top: 130px; /* padding: 40px 0 0; max-width: 1920px; margin: 0 auto; */ background-color: #ffffff;} img {max-width: 100%; height: auto;} @media (min-width: 783px) { body.admin-bar .site-container {padding-top: 162px;} } /* Links */ a {color: #1f6295; text-decoration: none;} a:hover {color:#d6b56e;} a.a-underline {display: inline-block; position: relative; overflow: hidden;} a.a-underline span {display: block; position: relative; left: 0; bottom: 0; border-bottom: solid 1px #333; width: 0;} a.a-underline:hover span {width: 100%;} /* header */ header {width: 100%; position: fixed; top: 0; left: 0; right: 0; z-index: 1001; background: rgba(0, 0, 0, .5); margin: 0; height: 130px;} header.smaller {top: -40px;} @media (min-width: 783px) { body.admin-bar header {top: 32px;} body.admin-bar header.smaller {top: -8px;} } /* Header > Top bar */ #topbar {width: 100%; padding: 0 30px; overflow: hidden; top: 0; background: #10334e;} #topbar a {text-decoration: none; color: #d6b56e;} #topbar a:hover {color: #27a7df;} .topbar-left, .topbar-right {display: flex;} .topbar-right {float: right;} .topbar-solid {background: #ffffff;} .tb-light {background: #ffffff;} #topbar:not(.topbar-noborder) .topbar-right .topbar-widget {border-left: solid 1px rgba(255, 255, 255, .1);} #topbar:not(.topbar-noborder) .topbar-right span:last-child {border-right: solid 1px rgba(255, 255, 255, .1);} #topbar:not(.topbar-noborder) .topbar-light .topbar-right .topbar-widget {border-left: solid 1px #eee;} #topbar:not(.topbar-noborder) .topbar-light .topbar-right span:last-child {border-right: solid 1px #eee;} #topbar:not(.topbar-noborder) .tb-light .topbar-right .topbar-widget {border-left: solid 1px #eeeeee;} #topbar:not(.topbar-noborder) .tb-light .topbar-right span:last-child {border-right: solid 1px #eeeeee;} #topbar .topbar-right .topbar-widget span {color: #d6b56e; border: none;} #topbar.topbar-light {background: #ffffff; background: #f2f2f2;} #topbar.topbar-light a {color: #000000;} body.admin-bar #topbar {top: 32px;} .topbar-left {float: left;} #topbar:not(.topbar-noborder) .topbar-left .topbar-widget {border-right: solid 1px rgba(255, 255, 255, .1);} #topbar:not(.topbar-noborder) .topbar-light .topbar-left .topbar-widget {border-right: solid 1px #eee;} #topbar:not(.topbar-noborder) .topbar-left span:first-child {border-left: solid 1px rgba(255, 255, 255, .1);} #topbar:not(.topbar-noborder) .tb-light .topbar-left .topbar-widget {border-right: solid 1px #eeeeee;} #topbar:not(.topbar-noborder) .tb-light .topbar-left span:first-child {border-left: solid 1px #eeeeee;} .h-phone {position: relative; font-weight: bold; color: #ffffff; font-family: 'Jost'; padding-left: 40px; font-size: 18px; padding-top: 20px;} .h-phone span {display: inline-block; position: absolute; left: 40px; top: 0; font-size: 12px; font-weight: 500;} .h-phone i {display: inline-block; position: absolute; font-size: 32px; left: 0; top: 12px;} .rtl .h-phone{padding-left: 0; padding-right: 40px;} .rtl .h-phone span{left: auto; right:40px;} .rtl .h-phone i{left: auto; right: 0;} .topbar-widget {font-size: 13px; display: flex; padding: 8px 15px; font-weight: 400; height: 40px;} .topbar-widget i {font-size: 16px; margin-top: 8px; margin-right: 10px;} .h-sub .topbar-widget {padding: 12px;} .topbar-widget:before {float: left; position: relative; font-family: "FontAwesome"; font-size: 16px; margin-right: 10px;} .topbar-widget.tb-phone:before {content: "\f095";} .topbar-widget.tb-email:before {content: "\f003";} .topbar-widget.tb-opening-hours:before {content: "\f017";} .topbar-widget.tb-social {padding: 0;} .topbar-widget.tb-social a {font-size: 14px; display: flex; padding: 5px; padding-left: 15px; display: inline-block; text-align: center;} #topbar:not(.topbar-noborder) .topbar-light .topbar-widget.tb-social a, #topbar:not(.topbar-noborder) .topbar-light .topbar-widget.tb-social a:first-child {border-left: solid 1px #eeeeee;} #topbar:not(.topbar-noborder) .topbar-widget.tb-social a {border-left: solid 1px rgba(255, 255, 255, .1);} .tb-light .topbar-widget.tb-social a {border-left: solid 1px #eeeeee;} .topbar-widget.tb-social a:first-child {border: none;} /* Header */ header.header-s1 {/*border-bottom:solid 1px rgba(255,255,255,.2);*/ top: 0;} header .info {display: none; color: #fff; padding: 10px 0 10px 0; width: 100%; z-index: 100; background: #242424;} header .info .col {display: inline-block; font-size: 12px;} header .info .col {padding-right: 30px;} header .info .col:last-child {padding-right: 0;} header .info i {font-size: 14px; margin-right: 15px;} header .info .social.col {border: none;} header .info .social i {color: #fff; font-size: 14px; display: inline-block; float: none; padding: 0 10px 0 10px; margin: 0;} header .info strong {font-size: 12px;} header.header-bg {background: rgba(0, 0, 0, 0.5);} header.transparent {background: none;} body:not(.side-layout) header:not(.smaller):not(.header-mobile).header-light.transparent {background: rgba(255, 255, 255, 0.0);} header.autoshow {top: -120px; height: 70px !important;} header.autoshow.scrollOn, header.autoshow.scrollOff {-o-transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; transition: .5s; outline: none;} header.autoshow.scrollOn {top: 0;} header.autoshow.scrollOff {top: -120px;} header div#logo {font-family: "Oswald", sans-serif; color: white; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;} header .logo-2 {display: none;} header .logo-scroll {display: none;} header .logo, header .logo-2 {font-family: "Jost"; color: #fff; font-size: 40px; font-weight: 300;} header .logo-2 {color: #333;} header.header-full nav {float: left;} header nav a {-webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;} header nav a:hover {color: #555;} header.smaller #mainmenu ul ul {top: 0;} header.smaller {background: rgba(17, 17, 17, 1); position: fixed; top: 0; padding: 0; -webkit-box-shadow: 0 4px 6px 0 rgba(10, 10, 10, 0.05); -moz-box-shadow: 0 4px 6px 0 rgba(10, 10, 10, 0.05); box-shadow: 0 4px 6px 0 rgba(10, 10, 10, 0.05); border: 0;} header.smaller .btn-rsvp {height: 100px; padding-top: 55px;} .boxed header.smaller {margin-top: 0;} header.smaller div#logo, header.s2 div#logo {} header.smaller.scroll-light {background: #ffffff; /*border-bottom:solid 1px #eeeeee;*/} header a.phone-link {text-decoration: none;} header.header-light .h-phone, header.smaller.scroll-light .h-phone, header.smaller.scroll-light .h-phone span {color: #111111;} header.header-light a:hover .h-phone, header.smaller.scroll-light a:hover .h-phone {color: #d6b56e;} header:not(.header-light).smaller.scroll-light div#logo .logo {display: none;} header.smaller.scroll-light div#logo .logo-2 {display: inline-block;} header.smaller.scroll-light div#logo .logo-scroll {display: inline-block;} header.smaller.header-light div#logo .logo {display: none;} header.smaller.scroll-light .social-icons i {color: #333;} header.smaller.scroll-light #mainmenu a {color: #111111;} header.smaller.scroll-light #mainmenu a:hover {color: #d6b56e;} header.smaller.scroll-light #mainmenu li li a:hover {color: #ffffff;} .logo-smaller div#logo {width: 150px; height: 30px; line-height: 65px; font-size: 30px;} .logo-smaller div#logo img {font-size: 30px;} .logo-smaller div#logo .logo-1 {display: none;} .logo-smaller div#logo .logo-2 {display: inline-block;} .logo-small {margin-bottom: 20px;} header.de_header_2 {height: 125px;} header.de_header_2.smaller {height: 70px;} header.de_header_2.smaller .info {position: absolute; opacity: 0; z-index: -1;} header.header-full {padding-left: 40px; padding-right: 40px;} header .header-row {text-align: center;} header .header-col {position: relative; height: 100%;} /* left col header */ header .header-col.left {float: left; padding: 0 30px 0 0; /* border-right:solid 1px rgba(255,255,255,.2); */} /* middle col header */ header .header-col.mid {float: right;} header .header-col.mid .social-icons {float: right; /* border-left:solid 1px rgba(255,255,255,.2); */ padding: 0 30px 0 30px;} .header-col-right {text-align: right;} .de-navbar-left {background: #151618;} .de-navbar-left #logo {padding: 40px; text-align: center; width: 100%;} .de-navbar-left header {position: relative; display: block; width: 100%; height: 100%; left: 0; background: none; padding: 30px; padding-right: 20px;} .de-navbar-left header #mainmenu {float: none; margin: 0; padding: 0;} .de-navbar-left header #mainmenu>li {display: block; margin: 0; float: none; text-align: center; font-family: "Jost"; letter-spacing: 5px; font-size: 14px; padding: 0; padding-top: 10px; padding-bottom: 10px; border-bottom: solid 1px rgba(255, 255, 255, .1);} .de_light.de-navbar-left header #mainmenu>li {border-bottom: solid 1px rgba(0, 0, 0, .05);} .de-navbar-left header #mainmenu>li>a {padding: 0; opacity: .5;} .de_light.de-navbar-left header #mainmenu>li>a {color: #222;} .de-navbar-left header #mainmenu>li a:hover {opacity: 1;} .de-navbar-left header #mainmenu>li>a:after {content: none;} .de-navbar-left header nav {float: none;} header.side-header {border-bottom: none; margin: 0;} header.side-header .social-icons-2 {margin: 0 auto; margin-top: 50px; float: none; text-align: center;} header.side-header .social-icons-2 a {display: inline-block; margin: 0 2px 0 2px; background: #555; width: 36px; height: 36px; padding-top: 5px; display: inline-block; text-align: center; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; opacity: .2;} .de_light header.side-header .social-icons-2 a {background: #fff; color: #333;} header.side-header .social-icons-2 a:hover {opacity: 1;} .de-navbar-left.de_light header, .de-navbar-left.de_light {background: #f8f8f8;} header.header-light-transparent {background: rgba(255, 255, 255, .5);} header.header-solid.header-light #mainmenu>li>a {color: #555;} header.header-solid.header-light .info {background: #eee; color: #555;} header.header-solid.header-light .info .social i {color: #222;} header.header-solid {background: #fff;} header.header-light {background: #ffffff;} header.smaller.header-dark {background: #222222; border: none;} header.smaller.header-dark #mainmenu a {color: #fff;} header.s2 {background: #ffffff !important; border-bottom: solid 1px #eee; top: 0;} header.s2 #mainmenu>li>a {padding-top: 18px; padding-bottom: 18px;} header.header-s2{background: none; top: var(--header-s2-top); -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none;} header.header-s2 .d-menu-wrap{background: var(--bg-dark-1); padding-left: 30px; padding-right: 30px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;} header.header-light.header-s2 .d-menu-wrap{background: white;} header.header-s2.smaller .d-menu-wrap{-webkit-box-shadow: 0 20px 60px rgb(0 0 0 / 20%); -moz-box-shadow: 0 20px 60px rgb(0 0 0 / 20%); box-shadow: 0 20px 60px rgb(0 0 0 / 20%);} .side-layout header.smaller.header-dark #mainmenu>li {border-bottom: solid 1px rgba(255, 255, 255, .1);} .side-layout header.smaller.header-dark #mainmenu>li:last-child {border-bottom: none;} /* Header > Mobile */ header.header-mobile {position: fixed; background: #fff; top: 0; height: 110px; overflow: hidden; padding: 0;} header.header-mobile.has-topbar {height: 100px;} header.header-mobile.has-topbar .header-row, header.header-mobile.has-topbar .header-col {margin-top: 10px;} header.header-mobile.has-topbar #topbar {margin-top: -15px; padding: 0;} header.header-mobile nav {float: none;} header.header-mobile .logo {display: none;} header.header-mobile .btn-rsvp {padding-top: 40px; height: 90px;} header.header-mobile .logo-2 {display: inline-block;} header.header-mobile.header-light {background: #fff;} header.header-mobile #mainmenu ul {padding: 0;} header.header-solid.header-light {background: #fff;} header.header-light .logo {display: none;} header.header-light .logo-2 {display: inline-block;} /* Header > Main Navigation */ #mainmenu {font-family: "Jost"; font-size: 14px; margin: 0 auto; float: none; flex-direction: row;} #mainmenu ul {margin: 0px 0px; padding: 0; height: 30px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; background: #ffffff; -webkit-box-shadow: 2px 2px 30px 0px rgba(20, 20, 20, 0.1); -moz-box-shadow: 2px 2px 30px 0px rgba(20, 20, 20, 0.1); box-shadow: 2px 2px 30px 0px rgba(20, 20, 20, 0.1);} #mainmenu li {margin: 0px 0px; padding: 0px 0px; float: left; display: inline; list-style: none; position: relative;} #mainmenu>li {letter-spacing: 1px; font-weight: 500;} #mainmenu>li.menu-item-has-children>a {position: relative; padding-right: 15px;} #mainmenu>li.menu-item-has-children>a:after {content: "\f107"; font-family: "FontAwesome"; display: inline-block; position: absolute; right: 0; color: rgba(255, 255, 255, .5);} @media (min-width: 768px) { #mainmenu > li.menu-item-371 ul.dropdown {width: 260px;} #mainmenu > li.menu-item-414 ul.dropdown {width: 260px;} } header.header-light #mainmenu>li.menu-item-has-children>a:after {color: #d6b56e;} #mainmenu li a b{color: #ffffff; margin-right: 10px; padding: 0 5px;} header.smaller.scroll-light #mainmenu>li.menu-item-has-children>a:after {color: rgba(0, 0, 0, .6);} #mainmenu a {position: relative; display: inline-block; padding: 30px 18px; text-decoration: none; color: #fff; text-align: center; outline: none; line-height: 1.6;} #mainmenu a span {position: relative; width: 0%; color: #ffffff; display: block; font-size: 10px; text-transform: uppercase; line-height: 14px; border-bottom: solid 1px #ffffff;} #mainmenu.nav > li > a {background: none !important;} #mainmenu li:hover a span {width: 100%;} #mainmenu li li a span {float: right; margin-top: 5px;} #mainmenu a.active span {width: 100%; margin-left: 0%;} .header-light #mainmenu>li>a {color: #222; font-weight: 600;} #mainmenu li li {font-size: 14px;} #mainmenu li li:last-child {border-bottom: none;} #mainmenu li li a {padding: 5px 15px; border-top: none; color: #111111; width: 100%; border-left: none; text-align: left; font-weight: normal; border-bottom: solid 1px rgba(255, 255, 255, .1);} .rtl #mainmenu li li a {text-align: right;} #mainmenu li li a:hover {color: #111;} #mainmenu li li a:after {content: none;} #mainmenu li li li a {padding: 2px 15px 2px 15px; background: #171A21;} #mainmenu li li a:hover, #mainmenu ul li:hover>a {color: #fff; background: #1a8b49;} #mainmenu li ul {width: 210px; height: auto; position: absolute; left: 0; z-index: 10; visibility: hidden; opacity: 0;} #mainmenu li li {font-size: 12px; display: block; float: none; text-transform: none;} #mainmenu li:hover>ul {visibility: visible; opacity: 1; margin-top: 0;} #mainmenu li ul ul {left: 100%; top: 0;} #mainmenu li ul ul li a {background: #ffffff;} #mainmenu li:hover>ul {color: #1a8b49;} #mainmenu select {padding: 10px; height: 36px; font-size: 14px; border: none; background: #ff4200; color: #eceff3;} #mainmenu select option {padding: 10px;} #mainmenu .btn-type {padding: 0; margin: 0;} #mainmenu .btn-type a {background: #eee; padding: 0; margin: 0;} #mainmenu>li ul.mega {position: fixed; left: 0; height: 0%; width: 100%; visibility: hidden; opacity: 0; overflow: hidden; padding-left: 40px; padding-right: 40px;} #mainmenu li:hover ul.mega {visibility: visible; opacity: 1;} #mainmenu li ul.mega>li, #mainmenu li ul.mega>li a {width: 100%;} #mainmenu li ul.mega li.title {padding: 0px 10px 15px 10px; text-align: left; color: #fff; font-weight: bold;} #mainmenu li ul.mega>li ul {position: static; visibility: visible; opacity: 1; left: 0; float: none; width: 100%;} #mainmenu ul.mega>li ul li {margin: 0; padding: 0;} #mainmenu ul.mega>li ul li:last-child {border-bottom: solid 1px #333333;} #mainmenu li ul.mega .menu-content {background: #171A21; padding: 30px;} header.header-mobile #mainmenu>li ul.mega {visibility: visible; opacity: 1;} header:not(.header-mobile) #mainmenu>li:hover ul.mega {height: auto;} @media (max-width: 991px) { .menu-header-menu-container {display: none;} } /* menu toggle for mobile */ .menu-btn {display: none; float: right; margin-top: -3px; width: 32px; height: 32px; padding: 6px 4px; text-align: center; cursor: pointer; color: #fff; margin-left: 20px; background-color: #000000; border: none;} .menu-btn:before {font-family: FontAwesome; content: "\f0c9"; font-size: 20px; color: #ffffff;} .menu-btn:hover {background-color: #10334e; color: #ffffff;} .menu-btn:hover:before {color: #ffffff;} .rtl .menu-btn {float: left; margin-left: 0;} /*header.header-mobile.header-light,*/ header.header-mobile.header-light #menu-btn, header.header-mobile.header-light #menu-btn:hover {background: none;} header.header-mobile.header-light #menu-btn {color: #222;} /* Mobile menu */ body.admin-bar .pushy {top: 32px;} .pushy {overflow-y: scroll; max-width: 95%;} .pushy ul {list-style: none;} .pushy ul:first-child {padding-left: 0; list-style: none;} .pushy ul li {font-family: 'Jost', sans-serif; margin-bottom: 0; line-height: 1.5;} .pushy ul li a {padding: 10px 30px;} .pushy a:focus {color: #ffffff;} .pushy-submenu > a::after, .pushy-submenu > button::after {content: "\f105"; background: none; height: auto; width: auto;} .pushy-submenu-open ul {max-height: initial;} body.pushy-open-right {overflow: hidden; height: 100%; -webkit-overflow-scrolling: touch; margin-right: 17px !important;} body.pushy-open-right .header {padding-right: 17px;} @media (min-width: 992px) { body.pushy-open-right {overflow: auto; height: initial; margin-right: 0 !important;} body.pushy-open-right .header {padding-right: 0;} .pushy, .pushy-open-left .site-overlay, .pushy-open-right .site-overlay {display: none !important;} } @media (max-width: 991px) { .menu-btn {display: block;} } /***********/ /* CTA Bar */ /***********/ .cta-bar {background-color: #d6b56e; padding: 15px 0; text-align: center;} .cta-bar p {font-size: 18px; line-height: 1.25; margin: 0; color: #111111; font-weight: bold;} .cta-bar p a:not(.button) {color: #111111;} .cta-bar p a:not(.button):hover {color: #1f6295;} .cta-bar p a.button {margin-left: 15px; background-color: #10334e; color: #fff; padding: 5px 15px; font-size: 16px; font-weight: 600; border-radius: 3px; display: inline-block; text-decoration: none;} .cta-bar p a.button:hover {background-color: #111111;} @media (max-width: 991px) { .cta-bar p a.button {margin: 5px auto 0; display: block; max-width: 172px;} } @media (max-width: 780px) { .cta-bar p {font-size: 17px;} } @media (max-width: 450px) { .cta-bar p {font-size: 16px;} } @media (max-width: 360px) { .cta-bar p {font-size: 15px;} } /******************/ /* Subpage Banner */ /******************/ .subheader-section {text-align: center; overflow: hidden; padding: 115px 0 125px; position: relative; background-size: cover; background-position: center center;} .subheader-section:before {content: ""; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0,0,0,0.4);} .subheader-section img {min-width: 100%; height: auto;} .subheader-section .center-y {position: relative; z-index: 2;} .subheader-section h1 {display: inline-block; margin: 0; border-bottom: solid 3px #ffffff;} .subheader-section.dark {background-color: #1A1C26;} .subheader-section.dark h1 {color: #fff;} .subheader-section .crumb {font-size: 14px; letter-spacing: 3px;} .subheader-section.text-light .crumb {color: #fff;} .subheader-section .small-border-deco {display: block; margin: 0 auto; margin-top: 20px; width: 100%; height: 1px; background: rgba(255, 255, 255, .1);} .subheader-section .small-border-deco span {display: block; margin: 0 auto; height: 2px; width: 100px;} .subheader-section.dark h2, .subheader-section.dark h4 {color: #fff;} .subheader-section.dark h2 {font-size: 48px;} .subheader-section.s2 {background: #f8f8f8; text-align: left; padding: 120px 0 60px; border: solid 1px #eee; border-left: none; border-right: none;} .subheader-section.s2 h1, .subheader-section.s2 .crumb {margin: 0; padding: 0;} .subheader-section.s2 .crumb {float: right; margin-top: 15px;} .de-navbar-left .subheader-section {padding-bottom: 120px;} .de-navbar-left.de_light .subheader-section h1 {color: #222;} /***********/ /* Content */ /***********/ #content {width: 100%; background: #ffffff; padding: 90px 0 90px 0; z-index: 100;} /* Content > Section */ section {padding: 90px 0 90px 0; position: relative;} section:not(.relative) {} section.no-bg, #content.no-bg {background: none !important;} .bgcolor-variation {background: #f6f6f6;} .overlay-gradient {width: 100%; height: 100%; z-index: 100; top: 0; padding: 90px 0 90px 0;} .de-navbar-left .container-fluid .container {width: 100%;} .de-navbar-left section {padding: 70px;} .de_light section {background: #ffffff;} .section-fixed {position: fixed; width: 100%; min-height: 100%; height: auto;} .full-height {overflow: hidden;} #particles-js {width: 100%; height: 100%; position: absolute; z-index: 0;} @media (max-width: 767px) { section {padding: 60px 0;} } /************/ /* 7 Things */ /************/ .seventhing {background: #1f6295;} .seventhingleft {text-align: center;} .seventhingleft img {width: 30%;} .seventhingleft h4 {padding: 15px 80px; font-weight: bold; font-size: 40px; text-align: center; color: #E5E5E5; border-top: 3px solid #103C5E; border-bottom: 3px solid #103C5E; margin: 10px 0 20px;} .seventhingright ul {padding: 0; margin: 0;} .seventhingright ul li {list-style-type: none; margin-bottom: 25px; position: relative; padding-left: 50px;} .seventhingright ul li:last-child {margin: 0;} .seventhingright ul li p {color: #fff; font-size: 22px; letter-spacing: 0;} .seventhingright ul li img {position: absolute; left: 0; max-width: 30px; top: 4px;} @media (max-width: 767px) { .seventhingleft {margin-bottom: 30px;} .seventhingright ul li p {font-size: 20px; line-height: 1.4;} } /******************/ /* Above the Fold */ /******************/ .atf-section {position: relative; min-height: 780px; height: calc(100vh - 130px);} .atf-section .video-area {display: block; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; overflow: hidden;} /*.atf-section .video-area:after {content: ""; display: block; background-color: rgba(0,0,0,0.4); position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1;}*/ .atf-section .video-area video {max-width: none; position: relative; top: 0; min-height: 780px; min-width: 100vw; z-index: 0; width: auto;} .atf-section .v-center {position: relative; z-index: 2; text-align: center; padding-bottom: 210px; min-height: 780px; height: calc(100vh - 130px); flex-direction: column;} .atf-section .v-center h1 {max-width: 770px; margin-left: auto; margin-right: auto; text-shadow: 2px 2px 5px rgba(0,0,0,0.8);} .atf-section .v-center .button-area {margin-top: 40px;} .atf-section .v-center .know-area {width: 100%; display: flex; justify-content: flex-end; margin: 0 0 100px;} .atf-section .v-center .know-area .know-box {width: 100%; max-width: 650px; padding: 10px; background-color: rgba(46, 49, 49, .5);} .atf-section .v-center .know-area h2 {font-size: 42px; color: #27a7df; font-weight: bold; font-style: italic; line-height: 1.2; margin-bottom: 3px; letter-spacing: 0; border-bottom: 1px solid #27a7df; padding-bottom: 10px;} .atf-section .v-center .know-area p.lead {font-size: 28px; line-height: 1.2;} .atf-section .logo-banner {position: absolute; width: 100%; right: 0; left: 0; bottom: 0; text-align: center; padding: 10px; z-index: 2;} .atf-section .logo-banner:after {clear: both; content: ""; display: block;} .atf-section .logo-banner img {display: block; margin: 0 auto; max-width: 100%; height: auto;} .atf-section .logo-banner img.mobile-show {display: none;} @media (max-width: 767px) { .atf-section {height: auto; background-position: center top;} .atf-section .v-center {background-color: rgba(0,0,0,0.5); padding-bottom: 140px; height: auto;} .atf-section .v-center h1 {font-size: 40px; line-height: 1.5;} .atf-section .v-center .know-area {margin-bottom: 50px;} .atf-section .v-center .know-area h2 {font-size: 32px;} .atf-section .v-center .know-area p.lead {font-size: 18px;} .atf-section .video-area {display: none;} } @media (max-width: 550px) { .atf-section .v-center h1 {font-size: 30px;} .atf-section .v-center .know-area h2 {font-size: 24px;} .atf-section .v-center .know-area p.lead {font-size: 16px;} .atf-section .logo-banner img.mobile-hide {display: none;} .atf-section .logo-banner img.mobile-show {display: block;} } /**************/ /* Experience */ /**************/ @media (max-width: 1199px) { .experience-section .de_count.ultra-big h3 {font-size: 130px; line-height: 1;} } @media (max-width: 991px) { .experience-section .de_count.ultra-big {margin-bottom: 20px;} .experience-section .de_count.ultra-big h3 {font-size: 115px;} } @media (max-width: 767px) { .experience-section .de_count.ultra-big h3 {font-size: 100px;} } /**************/ /* Icon Boxes */ /**************/ .iconboxes-section {} .iconboxes-section .feature-box.f-boxed {background-color: #10334e;} .iconboxes-section i {color: #d6b56e;} .iconboxes-section .text {position: relative; z-index: 2;} .iconboxes-section .text h4 {color: #ffffff;} .iconboxes-section .text p a {color: #d6b56e;} .iconboxes-section .text p a:hover {color: #1f6295;} @media (max-width: 767px) { .iconboxes-section .feature-box.f-boxed {margin: 10px 0;} } /*********/ /* Intro */ /*********/ .intro-section.bg-grey {background-color: #eeeeee;} /*********/ /* Logos */ /*********/ .logos-section {} .intro-section.bg-white + .logos-section {padding-top: 0;} .logos-section .logos-row {justify-content: center;} .seen-on-tvin {width: 100%!important; margin: 0 auto;} .tvlogo img {width: 80%; text-align: center; margin: 0 auto; display: block;} .seen-on-tvin h3 {font-family: 'Ubuntu', sans-serif; font-style: italic; font-weight: 700; font-size: 42px; text-align: center; color: #1F6295; padding-top: 0px; margin: 0 0 22px 0;} @media (max-width: 767px) { .tvlogo {max-width: 250px; margin: 0 auto 35px;} .col-md-2:last-child .tvlogo {margin-bottom: 0;} } /*********/ /* Stats */ /*********/ .stats-section {background: #10334e; padding: 0;} .stats-section .stats-area {text-align: center; border-right: 1px solid #ffffff; vertical-align: middle; padding: 20px 10px 25px;} .stats-section .col-md-4:last-child .stats-area {border-right: none;} .stats-section .stats-area .img1 {display: inline-block; margin-top: 10px; font-size: 45px; margin-right: 10px;} .stats-section .stats-area .caption {padding-left: 10px; text-transform: uppercase; line-height: 1.4;} .stats-section .stats-area .txt1 {font-size: 40px; font-weight: bold; color: #ffffff;} .stats-section .stats-area .txt2 {font-size: 16px; color: #ffffff;} .stats-section .button-area {text-align: center; padding: 30px 10px; background-color: #ffffff;} .stats-section .button-area a {background-color: #10334e; text-align: center; display: inline-block; margin: 0 auto; color: #ffffff; border: 1px solid #10334e; padding: 15px 30px; font-size: 18px; float: none; box-shadow: 0px 8px 15px rgba(0,0,0,.3); -webkit-transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out, border-color 0.3s ease-in-out; -o-transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out, border-color 0.3s ease-in-out; transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out, border-color 0.3s ease-in-out; text-decoration: none;} .stats-section .button-area a:hover {background-color: #ffffff; color: #10334e;} @media screen and (max-width: 991px) { .stats-section .col-md-4 {border-bottom: 1px solid #000000;} .stats-section .col-md-4:last-child {border-bottom: none;} .stats-section .stats-area {border-right: none; padding: 25px 0 30px;} } /********/ /* Tabs */ /********/ .tabs-section {background-color: #ffffff;} .tabs-section .nav-pills .nav-item.active .nav-link {background:#d6b56e; color: #111111; text-decoration: none;} .tabs-section .fade.active {opacity: 1 !important;} .tabs-section .jarallax.image-container img {min-height: 100%; width: auto; min-width: 100%; max-width: initial;} .tabs-section .static-image {display: none;} @media (min-width: 992px) { .tabs-section .tab-content > .tab-pane {min-height: 540px;} } @media (max-width: 991px) { .tabs-section {padding: 0;} .tabs-section .text-holder {padding: 50px 0;} .tabs-section .pull-right.image-container {display: none;} .tabs-section .static-image {display: block; position: static;} .tabs-section .static-image img {width: 100%;} } /********/ /* Team */ /********/ .team-section {padding: 90px 0 50px;} section.bg-white + .team-section {padding-top: 0;} @media (max-width: 767px) { .team-section {padding: 70px 0 40px;} } /**************/ /* Video Grid */ /**************/ .videogrid-section {background-color: #ffffff; text-align: center; padding: 75px 0;} .videogrid-section .container {max-width: 1330px;} .team-section + .videogrid-section {border-top: 10px solid #dedede;} .videogrid-section + .videogrid-section {padding-top: 25px;} .videogrid-section .background-holder {background-repeat: no-repeat; background-position: center center; background-size: contain; padding: 120px 0 150px;} .videogrid-section:not(.with-background) .background-holder {padding: 0;} .videogrid-section .video-row {display: flex; flex-wrap: wrap; justify-content: center;} .videogrid-section .video-row .col-lg-4:nth-child(3n+1) {clear: both;} .videogrid-section .text-area h2 {margin: 0;} .videogrid-section .image-area {margin: 35px 0 0; padding: 0 0 20px; background-color: #f5f5f5;} .videogrid-section .image-area a.video-link {max-width: 600px; display: block; margin-bottom: 10px; position: relative;} .videogrid-section .image-area a.video-link:before {content: ""; background-color: rgba(73,70,93,0.5); position: absolute; z-index: 2; top: 0; left: 0; right: 0; bottom: 0; display: block;} .videogrid-section .image-area a.video-link:after {content: ""; width: 89px; height: 89px; bottom: 20px; right: 20px; background: url('images/play-button-white.png') no-repeat center center; position: absolute; z-index: 3; display: block; background-size: contain;} .videogrid-section .image-area a.video-link:hover {opacity: 0.8;} .videogrid-section .image-area img, .videogrid-section .image-area picture {margin: 0 auto; display: block;} .videogrid-section .image-area p.video-headline {font-size: 20px; font-weight: 600; color: #111111; font-family: "Jost", Arial; padding: 5px 20px 0; margin: 0; min-height: 90px; text-align: left; line-height: 1.4;} @media (max-width: 767px) { .videogrid-section {padding: 60px 0;} .videogrid-section .image-area p.video-headline {min-height: initial;} } /********/ /* Wide */ /********/ .wide-section.bg-blue {background-color: #10334e;} .wide-section .mobile-only {display: none;} @media (max-width: 767px) { .wide-section .desktop-only {display: none;} .wide-section .mobile-only {display: block;} } /**********/ /* Footer */ /**********/ footer {background: #111111; color: #ffffff; padding: 80px 0 0 0;} footer.footer-light {background: #ffffff; border-top: solid 1px #eeeeee; color: #595d69;} footer.footer-light a {color: #595d69;} footer.footer-black {background: #222222;} footer h5, .de_light footer h5 {color: #fff; font-size: 16px; text-transform: none;} footer a {color: #ffffff; text-decoration: none !important;} footer address span a {color: #ffffff;} footer small {color: rgba(255, 255, 255, .5);} .de-navbar-left footer {padding: 70px 70px 0 70px;} .subfooter {border-top: solid 1px rgba(255, 255, 255, .1); margin-top: 0; padding: 20px 0 20px 0;} .subfooter p {font-size: 14px; margin: 3px 0;} .de-navbar-left .subfooter {background: none;} #de-sidebar {padding: 0;} /* blog */ .blog-list {margin: 0; padding: 0;} /* blog list */ .blog-list>div {list-style: none; line-height: 1.7em; margin-top: 0; border-bottom: solid 1px rgba(255, 255, 255, .1); margin-bottom: 20px;} .blog-list img {margin-bottom: 20px;} .de_light .blog-list li {border-bottom: solid 1px #ddd;} .blog-list h4 {margin-top: 20px;} .blog-list h4 a {color: #fff;} .de_light .blog-list h4 a {color: #222222;} .de_light .text-light .blog-list h4 a {color: #fff;} .blog-list .btn-more {padding: 3px 25px 3px 25px; color: #111; text-transform: uppercase; text-decoration: none; font-weight: 700; float: right;} .blog-list .btn-more:hover {background: #fff;} .de_light .blog-list .btn-more:hover {background: #222; color: #fff;} .bloglist .post-text {background: #f5f5f5;} .bloglist .button-area {margin-top: 20px;} .blog-list .blog-slider {margin-bottom: -60px;} .blog-list .date-box {position: absolute; text-align: center; text-shadow: none;} .blog-list .date-box .day, .blog-list .date-box .month {display: block; color: #fff; text-align: center; width: 40px; z-index: 100;} .de_light .blog-list .date-box .month {color: #222222;} .blog-list .date-box {text-align: center; background: #f6f6f6; padding: 10px;} .blog-list .date-box .month {font-size: 14px;} .blog-list .date-box .day {font-family: "Jost"; color: #222222; font-weight: bold; font-size: 28px;} .blog-list .date-box .month {font-family: "Jost"; color: #fff; font-size: 13px; letter-spacing: 3px;} .de_light .blog-list .date-box .month {border-bottom-color: #ddd;} .de_light .text-light .blog-list .date-box .month {color: #fff;} .blog-snippet li {border-bottom: none; margin-bottom: 0;} #blog-carousel .item.item {width: 100%;} /* blog comment */ #blog-comment {margin-top: 40px;} #blog-comment h5 {margin-bottom: 10px;} #blog-comment ul, #blog-comment li {list-style: none; margin-left: -40px; padding-left: 0;} #blog-comment li {min-height: 70px; margin-bottom: 20px; padding-bottom: 20px; border-bottom: solid 1px #eee;} #blog-comment li .avatar {position: absolute; margin-top: 5px;} #blog-comment li .avatar img {width: 70px; height: auto;} #blog-comment .comment {margin-left: 85px;} #blog-comment li {min-height: 70px; font-size: 14px; line-height: 1.6em;} #blog-comment li li {margin-left: 55px; padding-bottom: 0; margin-top: 20px; padding-top: 10px; border-top: solid 1px #eee; border-bottom: none;} #blog-comment li li .avatar {position: absolute;} #blog-comment li li .comment {} .comment-info {margin-left: 85px; margin-bottom: 5px;} .comment-info span {} .comment-info .c_name {display: block; font-weight: 700; color: #555555;} .comment-info .c_reply {padding-left: 20px; margin-left: 20px; border-left: solid 1px #ddd; font-size: 12px;} .comment-info .c_date {font-size: 12px;} .blog-list h4 {color: #333;} .blog-list .post-wrapper {} .blog-read h4 {color: #333; letter-spacing: normal; font-size: 24px; text-transform: none;} .blog-carousel ul, .blog-carousel li {margin: 0; list-style: none;} .blog-carousel h4 {margin-bottom: 0;} .blog-carousel p {margin-bottom: 10px;} .blog-carousel .post-date {text-transform: uppercase; letter-spacing: 3px; font-size: 11px; color: #888;} .post-content {border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; overflow: hidden; /*-webkit-box-shadow: 5px 5px 40px 0px rgba(0,0,0,.1); -moz-box-shadow: 5px 5px 40px 0px rgba(0,0,0,.1); box-shadow: 5px 5px 40px 0px rgba(0,0,0,.1);*/} .post-content p {margin-bottom: 10px;} .post-content .date-box {width: 54px; position: absolute; text-align: center; color: #fff; z-index: 1; margin: 20px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -webkit-box-shadow: 5px 5px 40px 0px rgba(0, 0, 0, .1); -moz-box-shadow: 5px 5px 40px 0px rgba(0, 0, 0, .1); box-shadow: 5px 5px 40px 0px rgba(0, 0, 0, .1);} .post-content .date-box .m {font-size: 32px; padding: 8px; font-weight: bold;} .post-content .date-box .d {font-size: 12px; background: rgba(0, 0, 0, 0.1); letter-spacing: 2px;} .post-text {padding: 30px 40px;} .post-text h4 {margin-top: 10px; margin-bottom: 10px;} .post-text h4 a {color: #1A1C26; text-decoration: none; font-size: 22px;} .post-text p {font-size: 17px; line-height: 1.6;} .post-text p a {text-decoration: underline;} .post-text .tags {font-size: 10px; text-transform: uppercase;} .p-tagline, .p-title {display: inline-block; font-size: 10px; font-weight: bold; letter-spacing: 2px; line-height: 10px; text-transform: uppercase; margin-bottom: 5px;} .p-title {font-size: 12px; margin-bottom: 20px;} .post-text .p-author {text-transform: uppercase; letter-spacing: 2px; font-size: 10px; font-weight: 500;} .post-info {border-top: solid 1px #eeeeee; padding-top: 15px;} .blog-read img {margin-bottom: 20px;} .blog-read .post-text {padding: 0;} .post-date, .post-comment, .post-like, .post-by, .post-author {margin-right: 20px; font-size: 13px; color: #999; font-family: "Jost";} .post-author {color: #777;} .post-date:before, .post-comment:before, .post-like:before, .post-by:before {font-family: FontAwesome; padding-right: 10px; font-size: 11px;} @media (max-width: 767px) { .post-text p {font-size: 16px; line-height: 1.5;} } /*.post-date:before{content: "\f133";}*/ .post-comment:before {content: "\f0e5";} .post-like:before {content: "\f08a";} .post-author:before {content: "By: ";} /* blog comment form */ #commentform label {display: block;} #commentform input {width: 290px;} #commentform input:focus {border: solid 1px #999; background: #fff;} #commentform textarea {width: 97%; padding: 5px; height: 150px; color: #333;} #commentform textarea:focus {border: solid 1px #999; background: #fff;} #commentform input.btn {width: auto;} .post-meta {margin: 0px 0 10px 0px; border: solid 1px #eee; border-left: none; border-right: none; border-left: none; font-size: 11px; display: table; width: 100%; table-layout: fixed;} .post-meta a {color: #888;} .post-meta span {display: table-cell; padding: 10px 0 10px 0; text-align: center;} .post-meta span i {float: none;} .post-image img {width: 100%; margin-bottom: 0;} .blog-slide {padding: 0; margin: 0;} .blog-item {margin-bottom: 60px;} .blog-item img.preview {width: 100%; margin-bottom: 30px;} .post-image {position: relative; max-height: 200px; overflow: hidden;} .post-image .post-info {position: absolute; bottom: 0; padding: 0; border: none; width: 100%;} .post-image .post-info .inner {margin: 0 30px 0 30px; padding: 3px 20px; border-radius: 0px 10px 0 0;} .post-image .post-date, .post-image .post-author {color: #ffffff;} /*****************/ /* Blog Scroller */ /*****************/ .blogscroller-section {padding: 0 0 75px; max-width: 100%; position: relative; background-color: #ffffff;} .blogscroller-section .container {max-width: 1210px; border-top: 1px solid #eeeeee; padding-top: 70px;} .blogscroller-section .text-area h2 {margin-bottom: 50px; padding-left: 15px;} /*.blogscroller-section .blog-row {max-width: 100%; margin: 0;} .blogscroller-section .blog-row .col-lg-12 {padding: 0;}*/ /*.blogscroller-section .blog-carousel, .blogscroller-section .blog-carousel .slick-track {display: flex; justify-content: space-between;}*/ .blogscroller-section .news-area {position: relative; max-width: 360px; box-shadow: 0 5px 5px 0 rgba(0,0,0,0.3); padding: 30px; margin: 0 15px 15px;} .blogscroller-section .news-area h3 {color: #333333; font-size: 26px; line-height: 1.2; margin-bottom: 10px;} .blogscroller-section .news-area p {color: #424B5A; font-size: 23px; line-height: 1.4; margin-bottom: 30px;} .blogscroller-section .news-area a {color: #333333; font-size: 24px; line-height: 1.5; text-decoration: underline;} .blogscroller-section .news-area a:after {content: "\f105"; color: #ffffff; font-size: 45px; border-radius: 50%; width: 50px; height: 50px; display: block; float: right; background-color: #226CB1; line-height: 47px; text-align: center; padding-left: 6px; font-family: 'FontAwesome';} /*body.single-post .blogscroller-section {background-color: #000000;} body.single-post .blogscroller-section .text-area h2 {color: #ffffff;} body.single-post .blogscroller-section .news-area {box-shadow: none; border: 1px solid #A1AEB7; border-radius: 5px;} body.single-post .blogscroller-section .news-area h3 {color: #ffffff;} body.single-post .blogscroller-section .news-area p {color: #ffffff;} body.single-post .blogscroller-section .news-area a {color: #ffffff;}*/ .blogscroller-section .slider-controls {display: flex; flex-direction: row; justify-content: flex-end;} .blogscroller-section .slider-controls .slide-b-prev, .blogscroller-section .slider-controls .slide-b-next {width: 25px; height: 25px; background: transparent; margin: 12px 0 0 !important; text-align: center; line-height: 20px; font-size: 18px; z-index: 1; opacity: 1; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; color: transparent; border: none;} .blogscroller-section .slider-controls .slide-b-prev {position: relative; top: 0;} .blogscroller-section .slider-controls .slide-b-next {margin-left: 30px !important; margin-right: 25px !important;} .blogscroller-section .slider-controls .slide-b-prev:hover, .blogscroller-section .slider-controls .slide-b-next:hover {color: #C2D1D9;} @media (max-width: 991px) { .blogscroller-section {padding: 50px 15px;} .imagetext-section + .blogscroller-section {padding-top: 50px;} .blogscroller-section .text-area {text-align: center;} .blogscroller-section .blog-carousel {flex-direction: column;} .blogscroller-section .news-area {margin: 0 auto 30px;} .blogscroller-section .news-area h3 {font-size: 21px;} .blogscroller-section .news-area p {font-size: 18px;} .blogscroller-section .news-area a {font-size: 20px;} .blogscroller-section .news-area a:after {font-size: 35px; width: 40px; height: 40px; line-height: 37px; padding-left: 3px;} } /* products */ .products {padding: 0; list-style: none; text-align: center;} .products li {margin-bottom: 40px;} .product .price {margin-bottom: 10px; font-size: 20px; color: #222;} .de_light .product h4 {font-size: 16px; margin: 0; margin-top: 20px;} .product img {padding: 2px; background: #333; border: solid 1px #fff;} .de_light .product img {padding: 0; border: solid 1px #eee;} .ratings {color: #F86E4E;} .product .ratings {margin: 5px 0 5px 0;} /* contact form */ .error {clear: both; display: none; color: #e7505a; padding-top: 20px;} .success {clear: both; display: none; color: #96c346; padding-top: 20px;} .error img {vertical-align: top;} .full {width: 98%;} #contact_form textarea {height: 195px;} #contact_form.s2 textarea {height: 180px;} label.gform-field-label.gform-field-label--type-sub {font-weight: 400; font-size: 16px !important; margin-top: 0; padding-top: 0 !important;} @media (min-width: 992px) { .office-area {padding-right: 25px;} } input[type="checkbox"] {-webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; outline: none;} .form-default input[type=text], .form-default textarea, .form-default input[type=email], .form-default select {padding: 10px; margin-bottom: 20px; background: rgba(255, 255, 255, .5); border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; height: auto; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; font-weight: 400; font-size: 18px;} #contact_form.form-default textarea {padding: 10px; height: 170px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;} #form_subscribe input[type=text] {padding: 9px 12px 9px 12px; height: 38px; width: 80%; float: left; display: table-cell; border-radius: 0px 0 0 2px; -moz-border-radius: 0px 0 0 2px; -webkit-border-radius: 0px 0 0 2px; border: solid 1px #333333; border-right: none; color: #ffffff; background: rgba(255, 255, 255, .1); -webkit-box-shadow: 2px 2px 20px 0px rgba(20, 20, 20, 0.05); -moz-box-shadow: 2px 2px 20px 0px rgba(20, 20, 20, 0.05); box-shadow: 2px 2px 20px 0px rgba(20, 20, 20, 0.05);} #form_subscribe input[type=text]:focus {background: #ffffff; color: #111111;} #form_subscribe #btn-submit i {text-align: center; font-size: 28px; float: left; width: 20%; background: #171A21; color: #ffffff; display: table-cell; padding: 5px 0 5px 0; border-radius: 0 0 0 0; -moz-border-radius: 0 0 0 0; -webkit-border-radius: 0 0 0 0;} .form-default input[type=text]:focus, .form-default textarea:focus, .form-default input[type=email]:focus, .form-default select:focus {background: #f6f6f6;} .error_input {border-bottom: solid 1px #ff0000 !important;} /* coming soon page */ .coming-soon .logo {margin: 0; padding: 0;} .coming-soon h2 {margin-top: 0; color: rgba(255, 255, 255, .8); font-weight: 400;} .coming-soon .social-icons i {font-size: 20px; margin-left: 10px; margin-right: 10px;} .coming-soon .social-icons i:hover {background: none; color: rgba(255, 255, 255, .2);} .arrow-up, .arrow-down {width: 0; height: 0; border-left: 40px solid transparent; border-right: 40px solid transparent; border-bottom: 40px solid #fff; position: fixed; margin-left: auto; margin-right: auto; left: 0; right: 0; bottom: 0; cursor: pointer; z-index: 101;} .arrow-down {border-top: 40px solid #fff; border-bottom: none; position: fixed; z-index: 102; top: -40px;} .arrow-up:before {font-family: "FontAwesome"; font-size: 20px; content: "\f067"; color: #222; position: relative; top: 12px; margin: 0 0 0 -8px;} .arrow-down:before {font-family: "FontAwesome"; font-size: 20px; content: "\f068"; color: #222; position: relative; top: -35px; margin: 0 0 0 -8px;} /* elements */ /* address */ address {margin-top: 20px;} address span {display: block; margin-bottom: 10px; font-size: 18px; padding: 14.5px; background: #f5f5f5; border-radius: 300px;} address span i {margin-top: 5px; margin-left: 5px; margin-right: 15px;} address span a {color: #111111;} .text-light address span a {color: #ffffff;} .text-white address span a, .text-white address span a:hover {color: #fff;} address.s1 span {background: none; margin: 0; padding: 0; font-size: 15px; line-height: 1.7em; margin-bottom: 8px;} address.s1 span i {font-size: 15px; width: 15px; text-align: center;} address.s1 span span.spacer {margin: 0; display: inline-block; width: 38px;} address span strong {display: inline-block;} .de_light #sidebar .widget address span {border-bottom: solid 1px #ddd;} .de_light #sidebar .widget address a {color: #333;} /* border */ .small-border {width: 100px; height: 3px; border-top: solid 2px #333333; border-left: none; border-right: none; display: block; margin: 0 auto; margin-bottom: 30px;} .small-border.sm-left {margin-left: 0;} .rtl .small-border.sm-left {margin-right: 0;} .tiny-border {height: 1px; background: #333; width: 40px; margin: 20px 0 20px 0; display: block;} .tiny-border.center {margin-left: auto; margin-right: auto;} /* breadcrumb */ .crumb {color: #777; margin: 0; padding: 0;} .de-navbar-left.de_light .subheader-section .crumb {color: #333;} .crumb li {display: inline; text-decoration: none; letter-spacing: 0;} .crumb li:after {font-family: "FontAwesome"; content: "\f054"; font-size: 10px; margin: 0 10px 0 10px; opacity: .5;} .crumb li:last-child:after {display: none;} .crumb a {text-decoration: none;} .crumb li .active {font-weight: bold;} .de_light .crumb a:hover {color: #fff;} /* box icon */ .icon_box .icon_wrapper {margin-bottom: 20px;} .icon_box .icon_wrapper i {font-size: 60px;} .icon_box.icon_left .icon_wrapper {position: absolute; width: 80px;} .icon_box.icon_left .desc_wrapper {margin-left: 80px;} .icon_box.icon_right .icon_wrapper {position: absolute; right: 0; width: 80px;} .icon_box.icon_right .desc_wrapper {margin-right: 80px; text-align: right;} .icon-big {border-radius: 100%; text-align: center; font-size: 56px; display: inline-block; padding: 16px 0; width: 96px; height: 96px; -webkit-box-shadow: 5px 5px 30px 0px rgba(214, 181, 110, .3); -moz-box-shadow: 5px 5px 30px 0px rgba(214, 181, 110, .3); box-shadow: 5px 5px 30px 0px rgba(214, 181, 110, .3);} .icon-box {display: inline-block; text-align: center; width: 28.5%; height: 100px; border: solid 1px #dddddd; padding: 20px 0 20px 0; margin: 2%;} .icon-box i {display: block; font-size: 40px;} .icon-box span {display: block;} .icon-box:hover {color: #ffffff; -webkit-box-shadow: 5px 5px 30px 0px rgba(214, 181, 110, .3); -moz-box-shadow: 5px 5px 30px 0px rgba(214, 181, 110, .3); box-shadow: 5px 5px 30px 0px rgba(214, 181, 110, .3);} /* button and link */ a {text-decoration: none;} .text-light a {color: #ffffff;} .de_light a {color: #888;} .de_light a:hover {color: #555;} .text-right{text-align: right;} .rtl .text-right{text-align: left !important;} .btn-line, a.btn-line {border: solid 1px #222; color: #fff; font-weight: 500; font-size: 12px; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 3px; padding-left: 30px; padding-right: 30px; text-transform: uppercase; display: inline-block; text-align: center; letter-spacing: 2px; text-decoration: none;} .btn-line, a.btn-line {border: solid 1px rgba(255, 255, 255, .2); color: #fff;} .de_light .btn-line, .de_light a.btn-line {border: solid 1px rgba(214, 181, 110, .2); color: #333;} .text-light .btn-line, .text-light a.btn-line {border: solid 1px rgba(255, 255, 255, .2); color: #fff;} .btn-line:hover, a.btn-line:hover {background: #fff; color: #111; border-color: #fff;} .btn-line:after, a.btn-line:after {color: #fff;} .btn-line:hover:after, a.btn-line:hover:after, a.btn-line.hover:after {color: #fff;} .btn-line:hover:after, a.btn-line:hover:after, a.btn-line.hover:after {color: #111;} a.btn-text {text-decoration: none; display: inline-block; color: #111; font-weight: 600; padding: 0;} a.btn-text:after {font-family: FontAwesome; content: "\f054"; padding-left: 10px;} a.btn-text {color: #fff;} a.btn-big {font-size: 14px; color: #eceff3; letter-spacing: 1px; line-height: normal; font-weight: bold; text-transform: uppercase; border: solid 1px #fff; padding: 10px 30px 10px 30px;} a.btn-big:after {font-family: FontAwesome; content: "\f054"; margin-left: 20px;} a.btn, .btn {position: relative; z-index: 1; overflow: hidden;} a.btn:before {content: ""; background: rgba(0, 0, 0, 0); width: 0; height: 100%; position: absolute; z-index: -1;} a.btn-fx:after {font-family: FontAwesome; content: "\f178"; margin-left: 15px; position: absolute; right: -20px; margin-top: 0;} a.btn-fx {font-size: 14px; color: #eceff3; letter-spacing: 1px; line-height: normal; font-weight: bold; text-transform: uppercase; border: solid 1px #fff; padding: 10px 30px 10px 30px;} a.btn-fx:hover {padding-left: 20px; padding-right: 40px;} a.btn-fx:before {width: 0; height: 100%; left: 0; top: 0; position: absolute;} a.btn-fx:hover:after {right: 15px;} a.btn-fx:hover:before {width: 100%; background: rgba(0, 0, 0, 1);} a.btn-fx.light:hover:before {width: 100%; background: rgba(255, 255, 255, 1);} .btn-line, a.btn-line {color: #eceff3;} .btn-line:after, a.btn-line:after {font-family: FontAwesome; content: "\f054"; margin-left: 10px;} a.btn-line-white, .de_light a.btn-line-white {background: none; border: solid 2px #fff; color: #fff; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0;} a.btn-line-black, .de_light a.btn-line-black {background: none; border: solid 2px #111; color: #111; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0;} a.btn-line-black:hover {color: #fff;} .de_light a.btn-line-black:hover {color: #fff;} a.btn-line-white:hover {color: #000;} a.btn-line-white:hover:before {background: #fff;} .btn-fullwidth {width: 100%;} a.btn-slider {font-size: 14px; font-weight: bold; color: #fff; line-height: normal; text-decoration: none; text-transform: uppercase; border: solid 2px #fff; padding: 10px 30px 10px 30px; border-radius: 60px;} a.btn-slider:hover {color: #222; background: #fff; border-color: #000; border: solid 2px #fff;} a.btn-slider:hover:after {color: #222;} a.btn-id, a.btn-id:hover {border: none;} a.btn-light.btn-id {color: #222;} a.btn-dark.btn-id {color: #fff;} .btn-custom.btn-small {padding: 5px 20px 5px 20px; font-weight: bold; text-transform: uppercase;} .btn-fx.btn-custom {text-transform: normal;} a.btn-bg-dark {background: #222;} a.btn-text-light {color: #fff;} .btn-icon-left i {margin-right: 12px; color: #fff;} .btn-add_to_cart, a.btn-add_to_cart {border: solid 1px #bbb; font-size: 12px; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 3px; padding-left: 40px; padding-right: 20px; display: inline-block; text-align: center; text-decoration: none; color: #555;} .btn-add_to_cart:before, a.btn-add_to_cart:before {font-family: "FontAwesome"; content: "\f07a"; position: absolute; left: 20px;} a.btn-custom, .btn-custom, a.btn-slider, .btn-slider {font-family: "Jost"; font-size: 12px; min-width: 120px;} a.btn-custom, a.btn-custom:active, a.btn-custom:focus, a.btn-custom:visited, .btn-custom {color: #111111; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; outline: 0; font-weight: bold; text-decoration: none; padding: 11px 30px; min-width: 120px; text-transform: uppercase; font-size: 12px; letter-spacing: 2px; background-color: #d6b56e;} a.btn-custom:hover, .btn-custom:hover {background-color: #10334e; color: #ffffff; -webkit-box-shadow: 2px 2px 20px 0px rgba(20, 20, 20, 0.15); -moz-box-shadow: 2px 2px 20px 0px rgba(20, 20, 20, 0.15); box-shadow: 2px 2px 20px 0px rgba(20, 20, 20, 0.15);} a.btn-custom.btn-reverse, a.btn-custom.btn-reverse:active, a.btn-custom.btn-reverse:focus, a.btn-custom.btn-reverse:visited, .btn-custom.btn-reverse {color: #ffffff; background-color: #10334e;} a.btn-custom.btn-reverse:hover, .btn-custom.btn-reverse:hover {background-color: #d6b56e; color: #111111;} a.btn-custom.btn-white {background: #ffffff;} a.btn-custom.btn-black {background: #111111;} header a.btn-custom {padding: 2px 20px !important;} .col-right a.btn-custom {font-size: 14px; text-transform: none;} a.btn-border {border: solid 1px rgba(255, 255, 255, .3); border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; min-width: 120px; outline: 0; font-weight: bold; text-decoration: none; padding: 10px 30px; min-width: 120px; text-transform: uppercase; font-size: 12px; letter-spacing: 2px;} a.btn-border:hover {color: #ffffff; border-color: rgba(255, 255, 255, 0); margin-top: -2px; margin-bottom: 2px; box-sizing: border-box;} a.btn-border.light {border: solid 1px #ffffff; color: #ffffff;} a.btn-border.light:hover {background: #ffffff;} a.btn-border:hover a {color: #ffffff !important;} .btn-close {color: #ffffff; cursor: pointer; text-align: center; display: block; text-align: center; width: 60px; height: 60px; background: #333; font-size: 32px; font-weight: bold; text-decoration: none; margin: 0 auto; padding-top: 12px; position: absolute; left: 0; right: 0;} a.btn-link {display: block; text-decoration: none; margin-top: 10px;} .cover a.btn-link:hover {color: #fff;} .play-button {border-radius: 60px; -moz-border-radius: 60px; -webkit-border-radius: 60px; color: #fff; text-decoration: none; border: solid 5px rgba(255, 255, 255, .3); display: inline-block; text-align: center; width: 80px; height: 80px; padding-top: 22px; padding-left: 5px;} .play-button:before {font-family: "FontAwesome"; font-size: 20px; content: "\f04b"; position: relative; color: #fff;} .play-button:hover {border: solid 5px rgba(255, 255, 255, 1);} .play-button.dark {color: #222; border: solid 5px rgba(0, 0, 0, .1);} .play-button.dark:before {color: #222;} .play-button.dark:hover {border: solid 5px rgba(0, 0, 0, .5);} .text-light .play-button {border-radius: 60px; -moz-border-radius: 60px; -webkit-border-radius: 60px; color: #fff; text-decoration: none; border: solid 5px rgba(255, 255, 255, .3); display: inline-block; text-align: center; width: 80px; height: 80px; padding-top: 22px; padding-left: 5px;} .text-light .play-button:before {font-family: "FontAwesome"; font-size: 20px; content: "\f04b"; position: relative; color: #fff;} .text-light .play-button.dark {color: #fff; border: solid 5px rgba(255, 255, 255, .3);} .text-light .play-button.dark:before {color: #fff;} .text-light .play-button.dark:hover {border: solid 5px rgba(255, 255, 255, 1);} /* counter */ .de_count {padding: 20px 0 10px 0; background: none;} .de_count h3 {font-size: 40px; letter-spacing: 0; margin: 0; padding: 0; margin-bottom: 15px; line-height: .5em;} .de_count h5 {font-size: 14px; font-weight: 500;} .de_count h3 span {font-size: 40px;} .de_count.s2 h3, .de_count.s2 h3 span{font-size: 32px;} .de_count.big h3 {font-size: 120px;} .de_count span {font-size: 12px; text-transform: uppercase;} .de_count i {display: block; font-size: 30px; margin: 0 auto; margin-bottom: 0; width: 100%; font-weight: lighter;} .de_count.small h4 {font-size: 28px; margin-bottom: 0;} .de_count.ultra-big h3 {font-size: 160px; line-height: 1.2em;} .de_count.ultra-big span {font-size: 18px; font-weight: bold; letter-spacing: 10px; padding: 5px 10px;} .de_count.ultra-big.s2 {border: solid 2px rgba(255, 255, 255, .1); padding: 30px;} .de_count.ultra-big.s2 h3 {letter-spacing: 0;} .de_count.ultra-big.s2 span {font-size: 14px; letter-spacing: 5px;} /* divider */ .spacer-single {width: 100%; height: 30px; display: block; clear: both;} .spacer-double {width: 100%; height: 60px; display: block; clear: both;} .spacer-half {width: 100%; height: 15px; display: block; clear: both;} .spacer-10 {width: 100%; height: 10px; display: block; clear: both;} .spacer-20 {width: 100%; height: 20px; display: block; clear: both;} .spacer-30 {width: 100%; height: 30px; display: block; clear: both;} .spacer-40 {width: 100%; height: 40px; display: block; clear: both;} .spacer-50 {width: 100%; height: 50px; display: block; clear: both;} .spacer-60 {width: 100%; height: 60px; display: block; clear: both;} hr {display: block; clear: both; border-top: solid 1px #ddd; margin: 40px 0 40px 0;} .clearfix{clear: both; width: 100%;} /* dropcap */ .dropcap {display: inline-block; font-size: 48px; float: left; margin: 10px 15px 15px 0; color: #eceff3; padding: 20px 10px 20px 10px;} /* Forms */ .form-transparent input[type="text"], .form-transparent textarea, .form-transparent input[type="email"] {padding: 10px; margin-bottom: 20px; color: #fff; border: solid 1px rgba(0, 0, 0, .3); background: rgba(0, 0, 0, .2); border-radius: 0; height: auto;} .form-border label {font-weight: bold;} .form-border input[type="text"], .form-border input[type="tel"], .form-border input[type="number"], .form-border input[type="email"], .form-border input[type="password"], .form-border textarea, .form-border select {padding: 8px; margin-bottom: 20px; border: none; background: #10334e !important; /*rgba(255, 255, 255, .1); */border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; height: auto; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; color: #fff;} .form-border input[type=text]:focus, .form-border input[type=tel]:focus, .form-border textarea:focus, .form-underline input[type="email"]:focus, .form-border select:focus {background: rgba(255, 255, 255, .3); color: #fff;} .form-border input[type="checkbox"], .form-border input[type="radio"] {appearance: auto; -webkit-appearance: auto;} .form-subscribe {display: table; margin: 0 auto;} .form-subscribe input[type=text] {display: table-cell; border: solid 1px rgba(255, 255, 255, .3); border-right: none; background: rgba(255, 255, 255, .1); padding: 6px 20px 6px 20px; border-radius: 60px 0 0 60px; height: 40px; vertical-align: middle;} .form-border input[type="submit"] {color: #111111; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; outline: 0; font-weight: bold; text-decoration: none; padding: 11px 30px; min-width: 120px; text-transform: uppercase; font-size: 12px; letter-spacing: 2px; background-color: #d6b56e;} .form-subscribe .btn-custom {display: table-cell; border-radius: 0 60px 60px 0; height: 40px; vertical-align: middle;} .field-set label {color: #111111; font-weight: 500;} /* heading */ h1, h2, h4, h3, h5, h6, .h1_big, .h1, .h2, .h3, .h4, .h5, .h6, footer.footer-light h5 {margin-top: 0; font-family: var(--title-font); font-weight: 600; color: var(--title-font-color);} footer h1, footer h2, footer h4, footer h4, footer h5, footer h6 {color: #fff;} h2.text-light, footer h4, footer h4, footer h5, footer h6 {color: #fff;} h1, .h1 {font-size: 48px; margin-bottom: 20px; line-height: 56px; letter-spacing: -1px;} h1 .label {display: inline-block; font-size: 36px; padding: 0 6px; margin-left: 10px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;} h1.s1 {letter-spacing: 30px; font-size: 26px;} h1 .small-border {margin-top: 30px;} h1.big, .h1_big {font-size: 64px; margin: 0; line-height: 70px;} h1.very-big {font-size: 120px; letter-spacing: -5px;} h1.ultra-big {font-size: 140px; line-height: 120px; letter-spacing: -6px; font-weight: 700; margin-bottom: 0;} h1.ultra-big span {display: inline-block;} h1.ultra-big span.underline span {display: block; border-bottom: solid 12px #fff; position: relative; margin-top: -5px;} h1.very-big-2 {font-size: 90px; letter-spacing: 25px; text-transform: uppercase; font-weight: bold;} .h2_title {font-size: 28px; display: block; margin-top: 0; line-height: 1.2em;} h2 .small-border {margin-left: 0; margin-bottom: 15px; width: 40px;} h2 {margin-top: 0; margin-bottom: 10px; font-size: 36px; line-height: 42px; letter-spacing: -1px;} h2.big {font-size: 48px; line-height: 1.3em; margin-bottom: 0;} h2 .uptitle {display: block; font-size: 18px; line-height: 28px; letter-spacing: 0; font-weight: 500;} h2.s1, .h2_s1 {font-size: 24px;} h2.deco-text span {font-family: "Parisienne"; display: block; line-height: .85em; font-weight: lighter; -webkit-transform: rotate(-5deg); -moz-transform: rotate(-5deg); -o-transform: rotate(-5deg); transform: rotate(-5deg);} h2.deco-text .md {font-size: 80px;} h2.deco-text .lg {font-size: 120px;} h2.deco-text .xl {font-size: 150px;} h3 {font-size: 22px; margin-bottom: 25px;} h4 {font-size: 20px; margin-top: 0; margin-bottom: 10px;} h4.teaser {font-weight: 300; font-size: 22px;} .subtitle.s2 {font-size: 20px; font-weight: 500; line-height: 32px;} .subtitle.s2 span {margin-right: 20px; padding-left: 20px;} .subtitle.s2 i {margin-right: 10px;} .subtitle.s2 span:first-child {padding-left: 0;} h4.s1 {letter-spacing: 10px; font-weight: 400; font-size: 16px;} h4.s2 {font-family: "Jost", Arial, Helvetica, sans-serif; font-weight: 200; line-height: 1.8em;} h4.s3 {font-family: "Parisienne"; font-size: 60px; font-weight: lighter;} h4.s3 {font-family: "Jost"; font-weight: 400; font-size: 12px; letter-spacing: 15px;} .call-to-action h4 {text-transform: none; font-size: 20px;} h1.slogan_big {font-weight: 400; font-size: 64px; line-height: 64px; letter-spacing: -2px; padding: 0; margin: 0px 0 30px 0;} h1.title {font-size: 64px; letter-spacing: 10px;} h1.title strong {text-transform: none; letter-spacing: 0; font-weight: normal;} h1.hs1 {font-family: "Parisienne"; font-size: 96px; display: inline-block; -webkit-transform: rotate(-5deg); -moz-transform: rotate(-5deg); -o-transform: rotate(-5deg); transform: rotate(-5deg);} h1.hs2 {font-family: "Parisienne"; font-size: 72px; display: inline-block; font-weight: lighter;} h2.subtitle {margin-top: 0;} h2.name {font-family: "Jost"; color: #fff; font-size: 84px; line-height: 50px;} h2.name span {display: block; font-size: 32px;} h2.name-s1 {font-family: "Jost"; color: #fff; font-size: 84px; font-weight: 700; line-height: 50px;} h2.name-s1 span {display: block; font-size: 32px;} h2.hw {display: block; font-family: "Parisienne"; font-size: 48px; text-transform: none; font-weight: lighter;} h2.deco {font-family: "Jost"; text-align: center; font-weight: 600; font-size: 20px;} h2.deco span {display: inline-block; position: relative;} h2.deco span:before, h2.deco span:after {content: ""; position: absolute; border-top: 1px solid #bbb; top: 10px; width: 100px;} h2.deco span:before {right: 100%; margin-right: 15px;} h2.deco span:after {left: 100%; margin-left: 15px;} h2.hs1 {font-family: "Jost"; font-size: 40px;} h2.hs1 i {font-size: 48px; position: relative; top: 10px; color: #ff0042; margin: 0 10px 0 10px;} h2.hs1 span {font-size: 48px; position: relative; top: 10px; font-family: "Miama"; margin: 0 15px 0 10px; font-weight: normal;} h2 .de_light .text-light h2 {color: #fff;} .text-light h2.deco span:before, .text-light h2.deco span:after {border-top: 1px solid rgba(255, 255, 255, .5);} h2.s2 {font-family: "Jost"; font-weight: 400;} h2.s3 {font-size: 36px; margin-bottom: 20px;} h4.title {border-bottom: solid 1px #ddd; margin-bottom: 20px;} h4.style-2 {font-size: 18px;} h4.title {border-bottom: solid 1px #ddd; padding-bottom: 10px; margin-bottom: 20px;} h5.s2 {font-family: "Jost"; letter-spacing: 1px; font-size: 14px;} h5 {font-size: 18px;} h4.s1 {font-size: 12px; letter-spacing: 20px; text-transform: uppercase; font-weight: 500;} span.teaser {font-family: "Georgia"; font-style: italic; font-size: 18px;} .wm {font-size: 200px; opacity: .2; position: absolute; left: 0; z-index: 0; letter-spacing: -.05em;} .text-light {color: #ffffff;} .body-font{font-family: var(--body-font) !important;} .text-dark {color: #223044;} .pricing-s2.bg.text-light .top p {color: #fff;} .text-white, .de_light .text-white {color: #fff;} .text-light h1, .text-light h2, .text-light h3, .text-light h4, .text-light h5, .text-light h6 {color: #fff;} .de_light .text-light h1, .de_light .text-light h2, .de_light .text-light h4, .de_light .text-light h4, .de_light .text-light h5, .de_light .text-light h6 {color: #fff;} .text-white h1, .text-white h2, .text-white h4, .text-white h4, .text-white h5, .text-white h6 {color: #fff;} .de_light .text-white h1, .de_light .text-white h2, .de_light .text-white h4, .de_light .text-white h4, .de_light .text-white h5, .de_light .text-white h6 {color: #fff;} .de_light h1, .de_light h2, .de_light h4, .de_light h4, .de_light h5, .de_light h6 {color: #202020;} /* feature box style 1 */ .feature-box .inner {position: relative; overflow: hidden; padding: 40px; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px;} .feature-box.s1 .inner {background: #ffffff;} .feature-box.s1:hover .inner i {background: none; color: #303030;} .text-light .feature-box .inner {color: #fff;} .feature-box i {font-size: 40px; margin-bottom: 20px;} .feature-box.left i {position: absolute;} .feature-box.left .text {padding-left: 70px;} .feature-box.center {text-align: center;} .feature-box i.circle, .feature-box i.square {display: inline-block; padding: 20px; font-size: 40px; font-weight: 500; color: #fff; width: 80px; height: 80px; border-radius: 60px; -moz-border-radius: 60px; -webkit-border-radius: 60px; position: relative; z-index: 2;} .feature-box i.square {border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;} .feature-box i.circle {display: inline-block; padding: 20px; font-size: 40px; font-weight: 500; color: #fff; width: 80px; height: 80px; border-radius: 60px; -moz-border-radius: 60px; -webkit-border-radius: 60px; position: relative; z-index: 2;} i.font60 {font-size: 60px;} .feature-box i.wm {font-size: 800px; position: absolute; top: 0%; width: 100%; left: 50%;} .feature-box:hover .inner i.wm {transform: scale(1.2); color: rgba(0, 0, 0, .05); z-index: 0;} .feature-box:hover .inner i.circle {-webkit-box-shadow: 5px 5px 40px 0px rgba(0, 0, 0, 0.3); -moz-box-shadow: 5px 5px 40px 0px rgba(0, 0, 0, 0.3); box-shadow: 5px 5px 40px 0px rgba(0, 0, 0, 0.3);} .feature-box.style-3 {position: relative; overflow: hidden !important;} .feature-box.style-3 i {text-align: center; font-size: 40px; padding: 14px 0; width: 56px; height: 56px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;} .feature-box.style-3 i.wm {position: absolute; font-size: 240px; background: none; width: auto; height: auto; color: rgba(0, 0, 0, .2); right: 0; top: 30%;} .feature-box.style-3:hover i.wm {-webkit-transform: rotate(-25deg); -moz-transform: rotate(-25deg); -o-transform: rotate(-25deg); transform: rotate(-25deg);} .feature-box.f-boxed {overflow: none; padding: 50px; background: #f8f8f8;} .text-light .feature-box.f-boxed {background: rgba(0, 0, 0, .1);} .feature-box.f-boxed:hover {color: #ffffff; -webkit-box-shadow: 2px 2px 30px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 2px 2px 30px 0px rgba(0, 0, 0, 0.2); box-shadow: 2px 2px 30px 0px rgba(0, 0, 0, 0.2);} .feature-box.f-boxed:hover h4 {color: #ffffff;} .feature-box i.i-circle {border-radius: 60px;} .feature-box i.i-boxed {border-radius: 3px;} .feature-box-small-icon.center {text-align: center;} .dark .feature-box-small-icon .inner:hover>i {color: #fff;} .feature-box-small-icon .text {padding-left: 80px;} .feature-box-small-icon.center .text {padding-left: 0; display: block;} .feature-box-small-icon i {text-shadow: none; font-size: 40px; width: 68px; height: 68px; text-align: center; position: absolute; text-align: center;} .feature-box-small-icon i.hover {color: #333;} .feature-box-small-icon .border {height: 2px; width: 30px; background: #ccc; display: block; margin-top: 20px; margin-left: 85px;} .feature-box-small-icon .btn {margin-top: 10px;} .feature-box-small-icon.center i {position: inherit; float: none; display: inline-block; margin-bottom: 20px; border: none; font-size: 60px; background: none; padding: 0;} .feature-box-small-icon.center .fs1 {position: inherit; float: none; display: inline-block; margin-bottom: 20px; border: none; font-size: 60px; background: none; padding: 0;} .feature-box-small-icon i.dark {background-color: #1A1C26;} .feature-box-small-icon h4 {line-height: normal; margin-bottom: 5px;} .feature-box-small-icon.no-bg h2 {padding-top: 12px;} .feature-box-small-icon .number {font-size: 40px; text-align: center; position: absolute; width: 70px; margin-top: -5px;} .feature-box-small-icon .number.circle {border-bottom: solid 2px rgba(255, 255, 255, .3); padding: 20px; width: 70px; height: 70px;} .feature-box-small-icon.style-2 .number {font-size: 32px; color: #fff; padding-top: 22px; background: #253545; width: 70px; height: 70px;} .feature-box-small-icon.no-bg .inner, .feature-box-small-icon.no-bg .inner:hover {padding: 0; background: none;} .f-hover {-o-transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; transition: .5s; outline: none;} /* feature-box style 2 */ .feature-box-small-icon-2 {margin-bottom: 30px;} .feature-box-small-icon-2 .text {padding-left: 48px;} .feature-box-small-icon-2 i {text-shadow: none; color: #eceff3; font-size: 24px; text-align: center; position: absolute;} .feature-box-small-icon-2 i.dark {background-color: #1A1C26;} .feature-box-small-icon-2 h4 {line-height: normal; margin-bottom: 5px;} .feature-box-small-icon-2.no-bg h2 {padding-top: 12px;} .feature-box-small-icon-2.no-bg .inner, .feature-box-small-icon-2.no-bg .inner:hover {padding: 0; background: none;} /* feature-box image style 3 */ .feature-box-image-2 {margin-bottom: 30px;} .feature-box-image-2 .text {padding-left: 100px;} .feature-box-image-2 img {position: absolute;} .feature-box-image-2 i {background-color: #1A1C26;} .feature-box-image-2 h4 {line-height: normal; margin-bottom: 5px;} .feature-box-image-2.no-bg h2 {padding-top: 12px;} .feature-box-image-2.no-bg {} .feature-box-image-2.no-bg .inner, .feature-box-image-2.no-bg .inner:hover {padding: 0; background: none;} /* with image */ .feature-box-image img {width: 100%; margin-bottom: 10px; height: auto;} .feature-box-image h4 {line-height: normal; margin-bottom: 5px; font-size: 20px; font-weight: bold;} /* feature-box image style 4 */ .feature-box-big-icon {text-align: center;} .feature-box-big-icon .text {} .feature-box-big-icon i {float: none; display: inline-block; text-shadow: none; color: #eceff3; font-size: 40px; padding: 40px; width: 120x; height: 120x; text-align: center; border: none; border-radius: 3px; -moz-border-radius: 3px; -web-kit-border-radius: 3px; background: #333; margin-bottom: 40px; cursor: default;} .feature-box-big-icon i:after {content: ""; position: absolute; margin: 75px 0 0 -40px; border-width: 20px 20px 0 20px; /*size of the triangle*/ border-style: solid;} .feature-box-big-icon:hover i, .feature-box-big-icon:hover i:after {-o-transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; transition: .5s;} .feature-box-big-icon:hover i {background: #333;} .feature-box-big-icon:hover i:after {border-color: #333 transparent;} .feature-box-type-1 {position: relative; background: #ffffff; border-radius: 7px; overflow: hidden; -webkit-box-shadow: 8px 8px 40px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 8px 8px 40px 0px rgba(0, 0, 0, 0.1); box-shadow: 8px 8px 40px 0px rgba(0, 0, 0, 0.1);} .feature-box-type-1.s2 {border: solid 1px #eeeeee; -webkit-box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.05); -moz-box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.05); box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.05);} .feature-box-type-1 i {text-align: center; position: absolute; font-size: 36px; color: #ffffff; padding: 12px; border-radius: 0 0 7px 0;} .feature-box-type-1.s2 i, .feature-box-type-1.s2:hover i {background: #f8f8f8; color: #111111;} .feature-box-type-1 .text {padding: 30px; padding-left: 80px;} .feature-box-type-2 {padding: 50px; padding-bottom: 30px; border-radius: 3px; background: #ffffff; position: relative; overflow: hidden; -webkit-box-shadow: 2px 10px 30px 0px rgba(10, 10, 10, 0.1); -moz-box-shadow: 2px 10px 30px 0px rgba(10, 10, 10, 0.1); box-shadow: 2px 10px 30px 0px rgba(10, 10, 10, 0.1);} .feature-box-type-2 i {font-size: 60px; margin-bottom: 20px;} .feature-box-type-2:hover i {text-shadow: 0px 0px 0px #ffffff;} .feature-box-type-2 .wm {font-size: 200px; top: 50%; right: -50%; opacity: .1;} .f-box i {font-size: 36px;} .f-box.f-icon-rounded i {display: block; text-align: center; padding: 22px; width: 80px; height: 80px; border-radius: 3px;} .f-box.f-border i {border: solid 10px rgba(255, 255, 255, .1); padding: 12px; -webkit-box-shadow: 5px 5px 10px 0px rgba(214, 181, 110, .3); -moz-box-shadow: 5px 5px 10px 0px rgba(214, 181, 110, .3); box-shadow: 5px 5px 10px 0px rgba(214, 181, 110, .3);} .f-box.f-icon-rounded:hover i {border-radius: 3px; -webkit-box-shadow: 5px 5px 30px 0px rgba(20, 20, 20, 0.2); -moz-box-shadow: 5px 5px 30px 0px rgba(20, 20, 20, 0.2); box-shadow: 5px 5px 30px 0px rgba(20, 20, 20, 0.2);} .f-box.f-icon-shadow i {-webkit-box-shadow: 5px 5px 10px 0px rgba(214, 181, 110, .3); -moz-box-shadow: 5px 5px 10px 0px rgba(214, 181, 110, .3); box-shadow: 5px 5px 10px 0px rgba(214, 181, 110, .3);} .f-box.f-icon-circle i {display: block; text-align: center; padding: 22px 0; min-width: 80px; height: 80px; border-radius: 60px; -moz-border-radius: 60px; -webkit-border-radius: 60px;} .f-box.f-icon-left {display: flex;} .f-box.f-icon-left i {margin-right: 30px;} .f-box.f-box-s1 {padding: 40px; padding-left: 0; margin-left: 20px; background: rgba(214, 181, 110, .1);} .f-box.f-box-s2 {background: rgba(255, 255, 255, .1);} .f-box.f-box-s1 i {margin-left: -20px;} .f-box.f-box-s1 p {margin: 0;} .rtl .f-box.f-icon-left i {margin-right: 0; margin-left: 30px;} .f-box.f-icon-left .fb-text {} .d-gallery-item {overflow: hidden; position: relative; color: #ffffff;} .d-gallery-item img {width: 100%; height: 100%;} .d-gallery-item .dgi-1 {position: absolute; z-index: 1; width: 100%; height: 100%; opacity: 0;} .d-gallery-item .dgi-2 {display: table; width: 100%; height: 100%; position: absolute;} .d-gallery-item .dgi-3 {display: table-cell; vertical-align: middle; text-align: center; color: #fff; font-size: 18px; font-weight: bold;} .d-gallery-item:hover .dgi-1 {opacity: .8;} .d-gallery-item:hover img {transform: scale(1.2);} .exp-box {border-bottom: solid 1px rgba(255, 255, 255, .1); margin-bottom: 30px; padding-bottom: 10px;} .exp-box h5 {border: solid 2px rgba(255, 255, 255, .5); display: inline-block; padding: 6px 10px 5px 10px; margin-bottom: 20px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;} .box-fx .inner {position: relative; overflow: hidden; border-bottom: solid 2px;} .box-fx .inner {border-bottom: solid 2px;} .box-fx .front {padding: 60px 0 60px 0;} .box-fx .front span {font-size: 14px;} .box-fx .info {position: absolute; padding: 60px 30px 60px 30px; background: #fff; color: #fff;} .box-fx i {font-size: 72px; margin-bottom: 20px;} .box-fx .btn-line, .box-fx .btn-line a.btn-line {border: solid 1px rgba(255, 255, 255, 0.5); color: #fff;} .box-fx .btn-line:hover, .box-fx a.btn-line:hover {background: #fff; color: #111; border-color: #fff;} .box-fx .btn-line:after, .box-fx a.btn-line:after {color: #fff;} .box-fx .btn-line:hover:after, .box-fx a.btn-line:hover:after, .box-fx a.btn-line.hover:after {color: #111;} .box-fx .bg-icon {left: 50%; bottom: 50px; color: #f6f6f6; position: absolute; font-size: 190px; z-index: -1;} .box-icon-simple i {color: #222;} .box-icon-simple.right {margin-right: 70px; text-align: right;} .box-icon-simple.right i {font-size: 42px; right: 0; position: absolute;} .box-icon-simple .num {display: block; font-size: 20px; color: #ffffff; background: #333333; width: 48px; height: 48px; padding: 12px 12px; position: absolute; text-align: center; font-weight: bold; border-radius: 30px;} .box-icon-simple.right .num {right: 10px;} .box-icon-simple.left .text {margin-left: 70px;} .box-icon-simple.left i {font-size: 42px; position: absolute;} .box-number .number {display: block; font-size: 48px; color: #222; width: 80px; height: 80px; text-align: center; padding: 25px; border-radius: 60px; position: absolute;} .box-number .text {margin-left: 100px;} .box-border {border: solid 2px #333;} /* list */ .ul-style-2 {padding: 0; list-style: none;} .ul-style-2 li {margin: 5px 0 5px 0;} .ul-style-2 li:before, .ul-style-2 li:after {font-family: "FontAwesome"; content: "\f00c"; margin-right: 15px; background: #111111; padding: 5px; border-radius: 3px; font-size: 12px;} .ul-style-2.s2 li:before, .ul-style-2.s2 li:after {background: rgba(0, 0, 0, .3);} .sidebar .ul-style-2.s2 li:before, .sidebar .ul-style-2.s2 li:after {background: #1f6295; color: #ffffff;} footer .ul-style-2.s2 li:before, footer .ul-style-2.s2 li:after{background: rgba(255, 255, 255, .1);} .ul-style-2 li:after {display: none;} .rtl .ul-style-2 li:before {display: none;} .rtl .ul-style-2 li:after {display: inline; margin-right: 0; margin-left: 15px;} /* pagination */ .pagination {margin: 0 auto; font-weight: 500;} .pagination li a {font-size: 12px; color: #888; border: solid 1px #eee; border-right: none; background: none; padding: 15px 20px 15px 20px; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0;} .pagination li:last-child a {border-right: solid 1px #eee;} .pagination>.active>a {color: #ffffff;} /* pricing table */ .pricing-box {color: #888;} .pricing-2-col {border-right: solid 1px #eee;} .pricing-2-col .pricing-box {width: 49%;} .pricing-3-col .pricing-box {width: 32.33%;} .pricing-4-col .pricing-box {width: 24%;} .pricing-5-col .pricing-box {width: 19%;} .pricing-box {float: left; text-align: center; margin: 5px; padding: 0; opacity: .8;} .pricing-box ul {margin: 0; padding: 0;} .pricing-box li {list-style: none; margin: 0; padding: 15px 0 15px 0; background: #eee;} .pricing-box li h4 {font-size: 22px; margin: 0; padding: 0; font-weight: 400; color: #888;} .pricing-box li h1 {font-size: 48px; margin: 0; margin-bottom: 5px; color: #1a8b49; letter-spacing: 0;} .pricing-box li.title-row {padding: 15px 0 15px 0;} .pricing-box li.title-row h4 {} .pricing-box li.price-row {padding: 15px 0 15px 0; background: #f8f8f8;} .pricing-box li.deco {background: #f6f6f6;} .pricing-box a.btn {color: #eceff3;} .pricing-box li.price-row span {display: block; font-weight: 600;} .pricing-box li.btn-row {background: #ddd;} .pricing.pricing-box {} .pricing.pricing-box ul {margin: 0; padding: 0;} .pricing.pricing-box li {background: #3b3b3b; color: #bbb; list-style: none; margin: 0; padding: 15px 0 15px 0;} .pricing.pricing-box li.deco {background: #333;} .pricing.pricing-box li h4 {font-size: 22px; margin: 0; padding: 0; font-weight: 400; color: #eceff3;} .pricing.pricing-box li h1 {font-size: 48px; margin: 0; margin-bottom: 5px; font-weight: 600; color: #eceff3;} .pricing.pricing-box li.title-row {background: #323232; padding: 15px 0 15px 0;} .pricing.pricing-box li.price-row {background: #2b2b2b; padding: 15px 0 15px 0;} .pricing.pricing-box li.price-row h1 {font-weight: 400;} .pricing.pricing-box li.price-row h1 span {display: inline-block; font-weight: 600;} .pricing.pricing-box li.price-row span {display: block; font-weight: 600;} .pricing.pricing-box li.btn-row {background: #202220;} .pricing-featured {position: relative;} .pricing-featured li {padding-top: 17px; padding-bottom: 17px;} .pricing-s1 {overflow: hidden; position: relative; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; background: #ffffff; -webkit-box-shadow: 2px 2px 20px 0px rgba(0, 0, 0, 0.05); -moz-box-shadow: 2px 2px 20px 0px rgba(0, 0, 0, 0.05); box-shadow: 2px 2px 20px 0px rgba(0, 0, 0, 0.05);} .text-light .pricing-s1 {background: rgba(0, 0, 0, .1);} .pricing-s1 .top {padding: 30px; text-align: center;} .pricing-s1 .top h2 {font-size: 32px; letter-spacing: normal; line-height: 1em; margin-bottom: 0;} .pricing-s1 .top p.plan-tagline {margin: 0; padding: 0; font-size: 18px;} .top .num {font-size: 40px; font-weight: 500;} .opt-2 {display: none;} .pricing-s1 .top>* {margin: 0;} .pricing-s1 .top .price {margin-top: 40px; margin-bottom: 30px;} .pricing-s1 .top .price .currency {font-size: 24px; vertical-align: top; display: inline-block;} .pricing-s1 .top .price b {color: #fff; font-family: "Jost"; font-weight: 500;} .pricing-s1 .top .price .month {color: #fff; font-size: 14px;} .pricing-s1 .top .price .txt {display: block; margin-bottom: 10px; font-size: 13px; color: rgba(255, 255, 255, .5);} .pricing-s1 .m, .pricing-s1 .y {font-size: 48px; font-weight: 500;} .pricing-s1 .top .y {display: none;} .pricing-s1 .mid {padding: 40px; padding-bottom: 10px; text-align: center;} .pricing-s1 .bottom {border-top: 0; text-align: center;} .pricing-s1 .bottom ul {display: block; list-style: none; list-style-type: none; margin: 30px 0; padding: 0; text-align: left; overflow: hidden;} .rtl .pricing-s1 .bottom ul {text-align: right;} .pricing-s1 .bottom ul li {padding: 10px 30px; color: #505050;} .text-light .pricing-s1 .bottom ul li {color: #ffffff;} .pricing-s1 .bottom ul li>span {color: #16A085; font-size: 20px; margin-right: 20px;} .pricing-s1.zebra .bottom ul li:nth-child(odd) {background: #ffffff;} .pricing-s1.zebra .bottom ul li:nth-child(even) {background: #f8f8f8;} .pricing-s1 .bottom>a {margin: 40px; width: auto;} .pricing-s1 .bottom i {margin-right: 10px;} .rtl .pricing-s1 .bottom i {margin-right: 0; margin-left: 10px;} .pricing-s1 .ribbon {width: 200px; position: absolute; top: 25px; left: -55px; text-align: center; line-height: 40px; letter-spacing: 1px; color: #ffffff; font-weight: bold; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg);} .pricing-s1.light {color: #222;} .pricing-s1.light .top {background: #f8f8f8; color: #222;} .pricing-s1.light .top h2 {color: #222;} .pricing-s1.light .top .price b, .pricing-s1.light .top .price .txt {color: #222;} .pricing-s1.light .top .price .txt {color: #555;} .pricing-s1.light .top .price .month {color: #555;} .pricing-s1.light .top .price .currency {color: #555;} .pricing-s1.light .bottom {background: #eee;} .pricing-s1.light .bottom ul li>span {color: #16A085;} .pricing-s1.light .bottom ul li:nth-child(odd) {background: #ffffff;} .pricing-s1.light .bottom ul li:nth-child(even) {background: #f8f8f8;} .pricing-s1 .ribbon {color: #fff;} .pricing-s1.rec {-webkit-box-shadow: 8px 8px 40px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 8px 8px 40px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 60px 0px rgba(0, 0, 0, 0.2);} .pricing-s1 .action {text-align: center; padding: 40px 0; border-top: solid 1px #eeeeee;} .text-light .pricing-s1 .action {border-top: solid 1px rgba(255, 255, 255, .1);} .pricing-s2 {background: #ffffff; overflow: hidden; position: relative; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -webkit-box-shadow: 5px 5px 40px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 5px 5px 40px 0px rgba(0, 0, 0, 0.1); box-shadow: 5px 5px 40px 0px rgba(0, 0, 0, 0.1);} .pricing-s2 .top {padding: 30px; padding-bottom: 20px; text-align: center;} .pricing-s2 .top h2 {font-size: 22px; margin-bottom: 5px; letter-spacing: normal;} .pricing-s2 .top p {margin-bottom: 30px;} .pricing-s2 .top>* {margin: 0;} .pricing-s2 .top .price {margin-bottom: 30px; color: #111111;} .pricing-s2.text-light .top .price, .pricing-s2.text-white .top .price {color: #ffffff;} .pricing-s2 .top .price .currency {font-size: 24px; vertical-align: top; display: inline-block;} .pricing-s2 .top .price b {font-size: 40px; font-family: "Jost"; font-weight: 500;} .pricing-s2 .top .price .month {font-size: 14px;} .pricing-s2 .top .price .txt {display: block; margin-bottom: 10px; font-size: 13px;} .pricing-s2 .top a.btn-custom {display: block; width: 100%; padding: 6px 10px;} .pricing-s2 .bottom {border-top: 0; text-align: center;} .pricing-s2 .bottom ul {display: block; list-style: none; list-style-type: none; margin: 0; padding: 0; text-align: left; overflow: hidden;} .pricing-s2 .bottom ul li {padding: 15px 30px; color: #505050;} .pricing-s2 .bottom ul li>span {color: #16A085; font-size: 20px; margin-right: 20px;} .pricing-s2 .bottom ul li:nth-child(odd) {background: #ffffff;} .pricing-s2 .bottom ul li:nth-child(even) {background: #f8f8f8;} .pricing-s2 .bottom>a {margin: 40px; width: auto;} .pricing-s2 .bottom i {margin-right: 10px;} .pricing-s2 .ribbon {width: 200px; position: absolute; top: 25px; left: -55px; text-align: center; line-height: 40px; letter-spacing: 1px; color: #ffffff; font-weight: bold; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg);} .pricing-s2 .inner {padding-bottom: 10px;} .pricing-s2.bg .inner {background: rgba(214, 181, 110, .8);} .pricing-s2.bg-2 .inner {background: rgba(255, 88, 55, .8);} .pricing-s2.bg .top p {color: #cccccc;} .pricing-s2.bg .top h2, .pricing-s2.bg .top .price, .pricing-s2.bg .top .price .currency, .pricing-s2.bg .top .month, .pricing-s2.bg-2 .top h2, .pricing-s2.bg-2 .top .price, .pricing-s2.bg-2 .top .price .currency, .pricing-s2.bg-2 .top .month {color: #ffffff;} .spinner {display: table-cell; vertical-align: middle; margin: 100px auto 0; width: 70px; text-align: center;} .spinner>div {width: 18px; height: 18px; background-color: #fff; border-radius: 100%; display: inline-block; -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both; animation: sk-bouncedelay 1.4s infinite ease-in-out both;} .spinner .bounce1 {-webkit-animation-delay: -0.32s; animation-delay: -0.32s;} .spinner .bounce2 {-webkit-animation-delay: -0.16s; animation-delay: -0.16s;} @-webkit-keyframes sk-bouncedelay { 0%, 80%, 100% {-webkit-transform: scale(0) } 40% {-webkit-transform: scale(1.0) } } @keyframes sk-bouncedelay { 0%, 80%, 100% {-webkit-transform: scale(0); transform: scale(0); } 40% {-webkit-transform: scale(1.0); transform: scale(1.0); } } /* progress bar */ .de-progress {width: 100%; height: 4px; background: #ddd; margin-top: 20px; margin-bottom: 20px;} .de-progress .progress-bar {background: #333; height: 4px; box-shadow: none;} .de-progress {background: #f5f5f5;} .skill-bar {margin-bottom: 40px;} .skill-bar.style-2 .de-progress {background: rgba(0, 0, 0, .1);} .skill-bar .value {color: #ccc; font-size: 12px; font-weight: bold; float: right; margin-top: -40px;} .skill-bar h4 {font-size: 16px;} /* social-icons */ .social-icons {display: inline-block;} .social-icons i {text-shadow: none; color: #fff; padding: 12px 10px 8px 10px; width: 34px; height: 34px; text-align: center; font-size: 16px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; margin: 0 5px 0 5px;} .social-icons a:hover i {background: #10334e; border-color: #10334e; color: #ffffff;} .social-icons.big i {font-size: 26px; width: auto; height: auto; margin: 0 15px 0 15px;} .social-icons.big i:hover {background: none;} /* .social-icons .fa-facebook{background:#3e5a9b;} .social-icons .fa-twitter{background:#55aded;} .social-icons .fa-google-plus{background:#df4f37;} .social-icons .fa-linkedin{background:#0075ad;} .social-icons .fa-rss{background:#fb6506;} .social-icons .fa-skype{background:#28A8EA;} */ .social-icons.big i {margin: 0 15px 0 15px;} .social-icons.big i:hover {background: none;} .social-icons.s1 i {background: none; border: none; font-size: 16px; margin: 0; opacity: .5;} .social-icons.s1 a:hover i {opacity: 1;} .social-icons.s1 {line-height: 0.5; text-align: center;} .social-icons.s1 .inner {display: inline-block; position: relative;} .social-icons.s1 .inner:before, .social-icons.s1 .inner:after {content: ""; position: absolute; height: 5px; border-bottom: 1px solid rgba(255, 255, 255, .2); top: 0; width: 100%;} .social-icons.s1 .inner:before {right: 100%; margin-right: 15px; margin-top: 20px;} .social-icons.s1 .inner:after {left: 100%; margin-left: 15px; margin-top: 20px;} .col-right {display: inline-block; float: right; margin-top: 22px;} /* .social-icons .fa-facebook{background:#305fb3; } .social-icons .fa-twitter{ background:#00d7d5; } .social-icons .fa-rss{background:#fca600; } .social-icons .fa-google-plus{background:#d7482a; } .social-icons .fa-skype{background:#12c7ef; } .social-icons .fa-dribbble{background:#f06eaa; } */ /* tabs */ /* accordion */ .accordion {overflow: hidden;} .accordion-section-title {width: 100%; padding: 15px; border-radius: 4px; cursor: pointer;} .accordion-section-title {font-family: "Jost"; color: #111111; width: 100%; padding: 15px; display: inline-block; font-size: 16px; transition: all linear 0.5s; text-decoration: none; margin-bottom: 10px; border: solid 1px #EFEFEF; font-weight: 600;} .accordion-section-title:before {font-family: "FontAwesome"; content: "\f107"; float: right; color: #fff; text-align: center; padding: 0 8px 0 8px; font-size: 15px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;} .rtl .accordion-section-title:before{float: left;} .accordion-section-title.active:before {content: "\f106";} .accordion-section-title.active {margin-bottom: 0; text-decoration: none; color: #fff !important;} .accordion-section-title:hover {text-decoration: none;} .accordion-section-content {padding: 15px; padding-bottom: 5px; display: none; margin-bottom: 10px;} .expand-list .expand-custom:nth-child(even) {background: #ffffff;} .expand-custom {background: #ffffff; padding: 30px; margin-bottom: 30px; border-radius: 3px; -webkit-box-shadow: 8px 8px 50px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 8px 8px 50px 0px rgba(0, 0, 0, 0.1); box-shadow: 8px 8px 50px 0px rgba(0, 0, 0, 0.1);} .expand-custom h4 {margin: 0; margin-bottom: 5px;} .expand-custom p {margin: 0;} .expand-custom .table {display: table;} .expand-custom .toggle {display: block; margin-top: 10px; float: right; cursor: pointer;} .rtl .expand-custom .toggle {float: left;} .expand-custom .toggle:before {font-family: "FontAwesome"; content: "\f107"; font-size: 32px;} .expand-custom .toggle.clicked:before {content: "\f106";} .expand-custom .c1, .expand-custom .c2, .expand-custom .c3 {display: table-cell; vertical-align: middle;} .expand-custom .c1, .expand-custom .c2 {padding-right: 30px;} .expand-custom .c1 img {width: 80px;} .expand-custom .c1 {width: 10%;} .expand-custom .c2 {width: 80%;} .expand-custom .c3 {width: 10%;} .expand-custom .details {display: none; margin-top: 30px;} .expand-custom .box-custom {border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;} .de_tab .de_nav {overflow: hidden; padding-left: 0; margin: 0; padding: 0; font-weight: bold;} .de_tab .de_nav li {float: left; list-style: none; background: #EEE; margin-right: 5px;} .de_tab .de_nav li span {padding: 8px 16px 8px 16px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; border-left: 1px solid #ddd; border-right: 1px solid #ddd; display: block; background: #f6f6f6; text-decoration: none; color: #646464; font-size: 13px; cursor: pointer;} .de_tab.tab_steps .de_nav {text-align: center;} .de_tab.tab_steps .de_nav li {background: none; display: inline-block; float: none; margin: 0 20px 0px 20px;} .de_tab.tab_steps .de_nav li span {padding: 30px 0 30px 0; border-radius: 120px; color: #222; font-family: "Jost"; font-size: 16px; -moz-border-radius: 120px; -webkit-border-radius: 120px; line-height: 20px; width: 180px; height: 180px; text-align: center; display: table-cell; vertical-align: middle;} .de_tab.tab_steps.style-2 .de_nav li span {background: none; border-radius: 3px; border: solid 1px rgba(255, 255, 255, .5); font-size: 17px; color: #fff;} .de_tab.tab_steps.style-2.light .de_nav li span {background: #eee; color: #707070;} .de_tab.tab_steps.style-2 .de_nav li.active span {border: solid 2px rgba(255, 255, 255, .8); color: #222;} .de_tab.tab_steps .de_nav li span:hover {background: none; border: solid 2px rgba(255, 255, 255, .2); color: #fff;} .de_tab.tab_steps .de_nav li .v-border {height: 60px; border-left: solid 1px rgba(255, 255, 255, .3); display: inline-block; margin-bottom: -5px;} .de_tab.tab_steps.dark .de_nav li .v-border {border-left: solid 1px rgba(0, 0, 0, .3);} .de_tab .de_nav li span {border: none; background: #222;} .de_tab .de_nav li:first-child span {border-left: 1px solid #ddd;} .de_tab .de_nav li:first-child span {border-left: 1px solid #202220;} .de_tab .de_tab_content {border: 1px solid #ddd; padding: 15px 20px 20px 20px; margin-top: -1px; background: #fff;} .de_tab .de_tab_content {border: 1px solid #202220; background: #27282b;} .de_tab.tab_steps .de_tab_content {background: 0; padding: 0; border: none; padding-top: 30px; border-top: solid 1px rgba(255, 255, 255, .4);} .de_tab.tab_steps.dark .de_tab_content {border-top: solid 1px rgba(0, 0, 0, .4);} .de_tab .de_nav li.active span {background: #FFF; border-bottom: 1px solid #fff; color: #222; margin-bottom: -3px;} .de_tab .de_nav li.active span .v-border {display: none;} .de_tab .de_nav li.active span {background: #27282b; border-bottom: 1px solid #27282b; color: #ccc;} .de_tab.tab_steps .de_nav li.active span {background: none; color: #ffffff; border: solid 2px rgba(255, 255, 255, .8);} .de_tab.tab_steps.dark .de_nav li.active span {background: none; color: #333; border: solid 1px rgba(0, 0, 0, .8);} /* new added */ .de_tab.tab_steps.tab_6 .de_nav li span {padding: 20px 0 20px 0; font-size: 14px; line-height: 70px; width: 120px; height: 120px;} .de_tab.tab_steps.style-2 .de_nav li .arrow {width: 0; height: 0; border-left: 0px solid transparent; border-right: 0px solid transparent; border-top: 0px solid transparent; margin: 0 auto; margin-bottom: 20px;} .de_tab.tab_steps.style-2 .de_nav li.active .arrow {width: 0; height: 0; border-left: 20px solid transparent; border-right: 20px solid transparent; border-top: 20px solid; margin: 0 auto;} .de_tab.tab_steps.style-2 .de_nav li {margin: 5px; display: inline-block;} .de_tab.tab_steps.style-2 .de_nav li span {font-family: "Jost"; background: rgba(255, 255, 255, .1); border-radius: 3px; font-size: 16px; font-weight: lighter; color: #fff; opacity: .8; width: 120px; height: 100px; border: none; padding: 20px; border-radius: 300px; -moz-border-radius: 300px; -webkit-border-radius: 300px; -webkit-border-radius: 300px;} .de_tab.tab_steps.style-2 .de_nav li i {display: block; font-size: 36px; margin-bottom: 10px;} .de_tab.tab_steps.style-2.sub-style-2 .de_nav li span {background: rgba(0, 0, 0, .1); color: #000; opacity: .8;} .de_tab.tab_steps.style-2 .de_nav li.active span {color: #222; opacity: 1; border: none;} .de_tab.tab_steps.style-2 .de_nav li span:hover {border: none;} .de_tab.tab_steps.style-2 .de_tab_content {border: none;} /* tab de_light */ .de_light .de_tab.tab_style_2 .de_tab_content {border: none; background: none; padding: 40px 0 0 0; border-top: solid 1px #ddd;} .text-light .de_tab.tab_style_2 .de_tab_content {border-top: solid 1px rgba(255, 255, 255, .1);} .de_light .de_tab.tab_style_2 .de_nav {} .de_light .de_tab.tab_style_2 .de_nav li {float: none; list-style: none; background: none; margin: 0 5px 0 5px; text-align: center; display: inline-block;} .de_light .de_tab.tab_style_2 .de_nav li img {width: auto; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -o-filter: grayscale(100%); -ms-filter: grayscale(100%); filter: grayscale(100%); opacity: .7;} .de_light .de_tab.tab_style_2 .de_nav li.active img {width: auto; -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -o-filter: grayscale(0%); -ms-filter: grayscale(0%); filter: grayscale(0%); opacity: 1;} .de_light .de_tab.tab_style_2 .de_nav li span {background: none; display: block; text-decoration: none; font-size: 14px; cursor: pointer; border: none;} .de_light .de_tab.tab_style_2 .de_nav li.active span {border-bottom: solid 6px; color: #333; background: none;} .text-light .de_tab.tab_style_2 .de_nav li.active span {color: #fff;} /* tab de_light */ .de_light .de_tab.tab_style_3 .de_tab_content {border: none; background: none; padding: 40px 0 0 0; border-top: solid 1px #ddd;} .text-light .de_tab.tab_style_3 .de_tab_content {border-top: solid 1px rgba(255, 255, 255, .1);} .de_light .de_tab.tab_style_3 .de_nav {text-align: center; background: #eee; display: inline-block; border-radius: 60px; margin-bottom: 30px; padding: 0;} .de_light .de_tab.tab_style_3 .de_nav li {float: none; list-style: none; background: none; text-align: center; display: inline-block; margin: 0; padding: 0;} .de_light .de_tab.tab_style_3 .de_nav li img {width: auto; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -o-filter: grayscale(100%); -ms-filter: grayscale(100%); filter: grayscale(100%); opacity: .7;} .de_light .de_tab.tab_style_3 .de_nav li.active img {width: auto; -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -o-filter: grayscale(0%); -ms-filter: grayscale(0%); filter: grayscale(0%); opacity: 1;} .de_light .de_tab.tab_style_3 .de_nav li span {background: none; display: block; text-decoration: none; font-size: 14px; cursor: pointer; border: none; padding: 5px 30px 5px 30px; min-width: 150px;} .de_light .de_tab.tab_style_3 .de_nav li:last-child span {border-radius: 0 60px 60px 0;} .de_light .de_tab.tab_style_3 .de_nav li:first-child span {border-radius: 60px 0 0 60px;} .de_light .de_tab.tab_style_3 .de_nav li span:hover {background: #ddd;} .de_light .de_tab.tab_style_3 .de_nav li.active span {background: #eee; color: #fff;} .text-light .de_tab.tab_style_3 .de_nav li.active span {color: #fff;} /* tab de_light */ .de_tab.tab_style_4 .de_tab_content {border: none; background: none; padding: 0; border-top: none;} .text-light .de_tab.tab_style_4 .de_tab_content {border-top: none;} .de_tab.tab_style_4 .de_nav {text-align: center; background: #eee; display: inline-block; border-radius: 60px; margin-bottom: 30px; padding: 0; border: solid 2px #333;} .de_tab.tab_style_4 .de_nav li img {width: auto; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -o-filter: grayscale(100%); -ms-filter: grayscale(100%); filter: grayscale(100%); opacity: .7;} .de_tab.tab_style_4 .de_nav li.active img {width: auto; -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -o-filter: grayscale(0%); -ms-filter: grayscale(0%); filter: grayscale(0%); opacity: 1;} .de_tab.tab_style_4 .de_nav li {display: inline-block; text-decoration: none; font-size: 14px; cursor: pointer; border: none; padding: 15px 30px 15px 30px; min-width: 150px; margin: 0; border-right: solid 2px #333;} .de_tab.tab_style_4 .de_nav li span {margin: 0; padding: 0; background: none; border: none; width: auto; display: inline-block;} .de_tab.tab_style_4 .de_nav li:last-child {border-radius: 0 60px 60px 0; border-right: none;} .de_tab.tab_style_4 .de_nav li:first-child {border-radius: 60px 0 0 60px;} .de_tab.tab_style_4 .de_nav li:hover {background: #ddd;} .de_tab.tab_style_4 .de_nav li.active, .de_tab.tab_style_4 .de_nav li.active span {background: #333; color: #fff;} .text-light .de_tab.tab_style_4 .de_nav li.active {color: #fff;} .de_tab.tab_style_4 .de_nav li.active h4, .de_tab.tab_style_4 .de_nav li.active h4, .de_tab.tab_style_4 .de_nav li.active h4 span {color: #fff;} .tab_style_4 h4, .de_tab.tab_style_4 .de_nav li span {margin: 0; font-size: 22px; font-weight: 600;} .tab_style_4 h4 {margin: 0; font-size: 12px;} .de_tab .de_tab_content.tc_style-1 {background: none; padding: 0; padding-top: 30px;} .tab-small-post ul {list-style: none; margin: 0; padding: 0;} .tab-small-post ul li {min-height: 60px; margin-bottom: 15px; padding-bottom: 10px; border-bottom: solid 1px #eeeeee;} .tab-small-post ul li {border-bottom: solid 1px #202220;} .tab-small-post ul li:last-child {border-bottom: none; margin-bottom: 0; padding-bottom: 0;} .tab-small-post ul li img {position: absolute;} .tab-small-post ul li span {display: block; padding-left: 64px;} .tab-small-post ul li span.post-date {font-size: 11px;} .de_tab.timeline.nav_4 li {display: inline-block; text-align: center; background: none; width: 24%;} .de_tab.timeline.nav_4 li span {background: none; border: none; margin-top: 20px; font-family: "Jost"; font-size: 14px; text-transform: uppercase; letter-spacing: 2px;} .de_tab.timeline.nav_4 .dot {display: block; width: 8px; height: 8px; background: #fff; opacity: 1; margin: 0 auto; border-radius: 8px; margin-top: 1px;} .de_tab.timeline.nav_4 .dot:before, .de_tab.timeline.nav_4 .dot:after {content: ""; position: absolute; height: 5px; border-bottom: 1px solid rgba(255, 255, 255, .1); top: 0; width: 24%;} .de_tab.timeline.nav_4 li:last-child .dot:before, .de_tab.timeline.nav_4 li:last-child .dot:after {border-bottom: none;} .de_tab.timeline li .num {font-size: 20px;} .de_tab.timeline .de_tab_content {background: none; border: none; padding-top: 30px;} .de_tab .navigation_arrow {text-align: center;} .btn-left, .btn-right {background: none; border: solid 1px rgba(255, 255, 255, .2); padding: 10px 20px 10px 20px; margin: 5px; font-family: "Jost"; text-transform: uppercase; letter-spacing: 5px;} .btn-right:after {font-family: FontAwesome; content: "\f054"; padding-left: 10px;} .btn-left:before {font-family: FontAwesome; content: "\f053"; padding-right: 10px;} a.btn-left, a.btn-right {text-decoration: none;} /* team */ .team {margin-bottom: 30px; text-align: center;} .team h5 {margin-bottom: 0;} .team_photo {margin-bottom: 10px;} .team img.team-pic {width: 100%; height: auto;} .pic-team img {width: 100%; height: auto; width: 150px; height: 150px; position: absolute;} .pic-team img.pic-hover {z-index: 100; display: none;} .team .team_desc {font-style: italic; margin-bottom: 10px;} .team .sb-icons {padding: 10px 0 0 0;} .team .sb-icons img {margin-right: 5px;} .team .columns {margin-bottom: 30px;} .team-list {min-height: 180px; margin-bottom: 40px;} .team-list .team-pic {width: 150px; height: 150px; position: absolute;} .team-list h5 {margin-top: 0; margin-bottom: 10px; font-size: 14px;} .team-list.team_desc {font-style: italic; margin-bottom: 10px;} .team-list .small-border {float: none; margin: 15px 0 15px 0; background: #ddd; width: 50px;} .team-list .social {width: 150px; margin-top: 170px; text-align: center; position: absolute;} .team-list .social a {display: inline-block;} .team-list .info {padding-left: 170px;} .de-team-list {overflow: hidden;} .de-team-list .team-desc {padding: 20px; padding-bottom: 0; position: absolute; z-index: 100; top: 0; background: #111; color: #ccc;} .de-team-list .team-desc h4 {color: #fff;} .de-team-list .social {} .de-team-list .social a {display: inline-block; padding: 0 5px 0 5px;} .de-team-list p.lead {font-size: 14px;} .de-team-list .small-border {float: none; margin: 15px 0 15px 0; background: #ddd; width: 50px;} .de-team-list .social a:hover {color: #fff;} /* testimonial */ .de_testi {display: block; margin-bottom: 10px;} .de_testi blockquote {margin: 0; border: none; padding: 20px 30px 30px 80px; background: #f8f8f8; font-style: normal; line-height: 1.6em; font-weight: 500;} .de_testi blockquote p {margin-top: 10px;} .de_testi blockquote:before {font-family: FontAwesome; content: "\f10d"; padding-bottom: 10px; font-size: 20px; display: inline-block; padding: 10px 20px 10px 20px; font-style: normal; background: #000; position: absolute; left: 15px; font-weight: normal;} .de_testi blockquote {color: #eceff3;} .de_testi blockquote, .de_testi blockquote p {font-size: 20px; line-height: 1.7em; font-weight: normal;} .de_testi_by {margin-top: -10px; font-style: normal; font-size: 12px;} .de_testi_pic {float: left; padding-right: 15px;} .de_testi_pic img {width: 50px; height: 50px;} .de_testi_company {padding-top: 20px;} .de_testi.opt-2 blockquote {display: block; font-family: "Jost"; border: none; color: #111111; font-weight: 300; padding: 30px 40px 30px 40px; background: #f8f8f8; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;} .de_testi.opt-2.no-bg blockquote {background: none;} .de_testi.opt-2 blockquote:before {font-family: "FontAwesome"; content: "\f10d"; display: block; color: rgba(0, 0, 0, .1); z-index: 100; font-size: 20px; background: none; left: 20px;} .de_testi.opt-2 i {font-size: 36px;} .de_testi.opt-2.review blockquote {padding: 40px;} .de_testi.opt-2.review blockquote:before {display: none;} .de_testi.opt-2.review .p-rating {font-size: 14px;} .de_testi.opt-2.review p {padding-top: 0;} .de_testi.opt-2.review h3 {margin-top: 10px; margin-bottom: 10px; font-size: 18px;} .text-light .de_testi.opt-2 blockquote {color: #fff; background: rgba(0, 0, 0, .5);} .text-light .de_testi.opt-2 blockquote:hover {background: rgba(0, 0, 0, .8);} .de_testi.opt-2 blockquote p {font-family: var(--body-font); font-size: 16px; padding: 40px 0 0 0; font-weight: 400; line-height: 1.7em;} .de_testi.opt-2 .de_testi_by {font-size: 14px; font-weight: normal;} .de_testi.opt-2 .de_testi_by img {width: 80px; height: auto; margin: 0 auto; margin-top: 40px;} .de_testi.opt-3 blockquote {background: none; color: #555; padding-top: 0; font-weight: 400;} .de_testi.opt-3 blockquote p {font-size: 14px;} .de_testi.opt-3 blockquote:before {color: #fff;} .de_testi.opt-3 .de_testi_by {font-size: 14px; color: #000;} #testimonial-masonry .item {margin-bottom: 30px;} .testimonial-list p {font-style: italic;} .testimonial-list, .testimonial-list li {list-style: none; padding: 0; font-size: 16px; line-height: 1.7em; padding-left: 30px;} .testimonial-list span {font-weight: bold; display: block; margin-top: 20px; font-size: 14px;} .testimonial-list.big-font li {font-size: 28px;} .testimonial-list:before {font-family: FontAwesome; content: "\f10d"; font-size: 40px; color: rgba(0, 0, 0, .1); position: absolute; margin-left: -30px;} .testimonial-list.style-2, .testimonial-list.style-2 li {padding-left: 0;} .testimonial-list.style-2 {text-align: center;} .testimonial-list.style-2:before {margin: 0; position: static;} .testimonial-list.style-2 span {margin-top: 10px; font-weight: 600; font-size: 14px;} /* timeline */ .timeline {position: relative; padding: 10px;} .timeline:before {content: ''; position: absolute; top: 0; left: 127px; height: 100%; width: 1px; background: #eee;} .text-light .timeline:before {background: rgba(255, 255, 255, .1);} .timeline .tl-block {position: relative; margin-top: 10px;} .timeline .tl-block:after {content: ' '; clear: both; display: block;} .timeline .tl-block .tl-time {float: left; padding: 10px 20px 0px 20px; margin-top: -15px; border: solid 1px #ddd;} .timeline .tl-block .tl-time:after {width: 50px; height: 1px; background: #ddd;} .timeline .tl-block .tl-bar {float: left; width: 5%; position: absolute; margin-left: 114px;} .timeline .tl-block .tl-line {background: #333; margin-left: 10px; border-radius: 3px; width: 8px; height: 8px; font-size: 10px; text-align: center; line-height: 15px;} .timeline .tl-message {border-radius: 3px; float: left; margin-left: 150px; top: 0; margin-top: -50px; margin-bottom: 30px;} .timeline .tl-block .tl-message:after {display: block; content: ' '; clear: both;} .timeline .tl-block .tl-message .tl-icon {float: left; left: 100px;} .timeline .tl-block .tl-message .tl-main {float: left;} .timeline .tl-block .tl-message .tl-main .tl-title {} .timeline .tl-block .tl-message .tl-main .tl-content {} .timeline .tl-block .tl-message .tl-main .tl-content label {font-weight: bold; display: inline-block; width: 80px;} .timeline .tl-block .tl-message .tl-main .tl-content span {} .timeline .tl-block .tl-message h4 {text-transform: none;} .timeline .tl-block .tl-time h4 {margin: 0 0 10px 0;} .timeline .tl-block .tl-main h4 {margin-top: -24px;} .timeline.exp:before {left: 214px;} .timeline.exp .tl-message {margin-left: 250px;} .timeline.exp .tl-block .tl-bar {margin-left: 200px;} /* timeline */ .timeline {list-style: none; padding: 20px 0 20px; position: relative;} .timeline:before {top: 0; bottom: 0; position: absolute; content: " "; width: 1px; background-color: #ddd; left: 50%;} .timeline>li {position: relative; margin-top: -50px;} .timeline>li:first-child {position: relative; margin-top: 0;} .timeline>li:before, .timeline>li:after {content: " "; display: table;} .timeline>li:after {clear: both;} .timeline>li:before, .timeline>li:after {content: " "; display: table;} .timeline>li:after {clear: both;} .timeline>li>.timeline-panel {width: 46%; float: left; /* border: 1px solid #d4d4d4; */ border-radius: 3px; position: relative; background: #f8f8f8; overflow: hidden; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;} .timeline>li>.timeline-panel:before {position: absolute; top: 26px; right: -14px; display: inline-block; border-top: 15px solid transparent; /* border-left: 15px solid #ccc; border-right: 0 solid #ccc; */ border-bottom: 15px solid transparent; content: " ";} .timeline>li>.timeline-panel:after {position: absolute; top: 43%; right: -14px; display: inline-block; border-top: 14px solid transparent; border-left: 14px solid #f5f5f5; border-right: 0 solid #f5f5f5; border-bottom: 14px solid transparent; content: " ";} .timeline>li>.timeline-badge {color: #fff; width: 16px; height: 16px; line-height: 40px; font-size: 1.4em; text-align: center; position: absolute; top: 45%; left: 50%; margin-left: -7px; background-color: #fff; z-index: 100; border-top-right-radius: 50%; border-top-left-radius: 50%; border-bottom-right-radius: 50%; border-bottom-left-radius: 50%;} .timeline>li.timeline-inverted>.timeline-panel {float: right;} .timeline>li.timeline-inverted>.timeline-panel:before {border-left-width: 0; border-right-width: 15px; left: -15px; right: auto;} .timeline>li.timeline-inverted>.timeline-panel:after {border-left-width: 0; border-right-width: 15px; left: -14px; right: auto;} .timeline-badge.primary {background-color: #2e6da4 !important;} .timeline-badge.success {background-color: #3f903f !important;} .timeline-badge.warning {background-color: #f0ad4e !important;} .timeline-badge.danger {background-color: #d9534f !important;} .timeline-badge.info {background-color: #5bc0de !important;} .timeline-title {margin-top: 0; color: inherit;} .timeline-body>p, .timeline-body>ul {margin-bottom: 0;} .timeline-body>p+p {margin-top: 5px;} .timeline-heading img {float: right; position: absolute; top: 30px; right: 30px;} .timeline .timeline-story {position: relative; padding: 40px;} .timeline-inverted .timeline-story {position: relative; padding: 40px; padding-left: 50px;} .timeline .wm {font-size: 200px; position: absolute; bottom: 20px; color: rgba(0, 0, 0, .3); font-weight: bold; width: 100%; text-align: center;} .timeline h5 {background: #bbb; color: #ffffff; padding: 5px 20px 3px 20px; display: inline-block; border-radius: 30px; -moz-border-radius: 30px; -webkit-border-radius: 30px; margin-bottom: 15px; float: right;} .timeline-inverted h5 {float: left;} /* margin top */ .mt0 {margin-top: 0;} .mt10 {margin-top: 10px;} .mt20 {margin-top: 20px;} .mt30 {margin-top: 30px;} .mt40 {margin-top: 40px;} .mt50 {margin-top: 50px;} .mt60 {margin-top: 60px;} .mt70 {margin-top: 70px;} .mt80 {margin-top: 80px;} .mt90 {margin-top: 90px;} .mt100 {margin-top: 100px;} /* margin bottom */ .mb0 {margin-bottom: 0;} .mb10 {margin-bottom: 10px;} .mb20 {margin-bottom: 20px;} .mb30 {margin-bottom: 30px;} .mb40 {margin-bottom: 40px;} .mb50 {margin-bottom: 50px;} .mb60 {margin-bottom: 60px;} .mb70 {margin-bottom: 70px;} .mb80 {margin-bottom: 80px;} .mb90 {margin-bottom: 90px;} .mb100 {margin-bottom: 100px;} .mb0 {margin-bottom: 0;} .mb10 {margin-bottom: 10px;} .mb20 {margin-bottom: 20px;} .mb30 {margin-bottom: 30px;} .mb40 {margin-bottom: 40px;} .mb50 {margin-bottom: 50px;} .mb60 {margin-bottom: 60px;} .mb70 {margin-bottom: 70px;} .mb80 {margin-bottom: 80px;} .mb90 {margin-bottom: 90px;} .mb100 {margin-bottom: 100px;} .ml0 {margin-left: 0;} .ml10 {margin-left: 10px;} .ml20 {margin-left: 20px;} .ml30 {margin-left: 30px;} .ml40 {margin-left: 40px;} .ml50 {margin-left: 50px;} .ml60 {margin-left: 60px;} .ml70 {margin-left: 70px;} .ml80 {margin-left: 80px;} .ml90 {margin-left: 90px;} .ml100 {margin-left: 100px;} .mr0 {margin-right: 0;} .mr10 {margin-right: 10px;} .mr20 {margin-right: 20px;} .mr30 {margin-right: 30px;} .mr40 {margin-right: 40px;} .mr50 {margin-right: 50px;} .mr60 {margin-right: 60px;} .mr70 {margin-right: 70px;} .mr80 {margin-right: 80px;} .mr90 {margin-right: 90px;} .mr100 {margin-right: 100px;} .mb-100 {margin-bottom: -100px;} .padding10 {padding: 10px;} .padding20 {padding: 20px;} .padding30 {padding: 30px;} .padding40 {padding: 40px;} .padding50 {padding: 50px;} .padding60 {padding: 60px;} .padding70 {padding: 70px;} .padding80 {padding: 80px;} .padding100 {padding: 100px;} .pt0 {padding-top: 0;} .pt10 {padding-top: 10px;} .pt20 {padding-top: 20px;} .pt30 {padding-top: 30px;} .pt40 {padding-top: 40px;} .pt50 {padding-top: 50px;} .pt60 {padding-top: 60px;} .pt70 {padding-top: 70px;} .pt80 {padding-top: 80px;} .pb0 {padding-bottom: 0;} .pb10 {padding-bottom: 10px;} .pb20 {padding-bottom: 20px;} .pb30 {padding-bottom: 30px;} .pb40 {padding-bottom: 40px;} .pb50 {padding-bottom: 50px;} .pb60 {padding-bottom: 60px;} .pb80 {padding-bottom: 80px;} .pl130 {padding-left: 130px;} .pr20 {padding-right: 20px;} /* margin top */ .mt-10 {margin-top: -10px;} .mt-20 {margin-top: -20px;} .mt-30 {margin-top: -30px;} .mt-40 {margin-top: -40px;} .mt-50 {margin-top: -50px;} .mt-60 {margin-top: -60px;} .mt-70 {margin-top: -70px;} .mt-80 {margin-top: -80px;} .mt-90 {margin-top: -90px;} .mt-100 {margin-top: -100px;} .absolute {position: absolute; z-index: 1;} .relative {position: relative; z-index: 1;} .z1000 {z-index: 1000;} .overflow-hidden {overflow: hidden;} .width100 {width: 100%;} .border1 {border-width: 1px;} .bordertop {border-top: solid 1px #eee;} .borderbottom {border-bottom: solid 1px #eee;} .pos-top {position: relative; z-index: 1000;} /* anim */ header, #purchase-now *, de_tab .de_nav li span, .feature-box-small-icon i, a.btn-line:after, .de_count, .social-icons a i, .de_tab.tab_steps .de_nav li span, .de_tab.tab_steps .de_nav li span:hover, .de-gallery .overlay .icon i, .de-gallery .overlay .icon i:hover, .product img, .product img:hover, .mfp-close, .mfp-close:hover, .pic-hover .bg-overlay, .pic-hover:hover>.bg-overlay, i.btn-action-hide, .pic-hover.hover-scale img, .text-rotate-wrap, .text-rotate-wrap .text-item, .overlay-v, .carousel-item .pf_text .title, .carousel-item:hover .pf_text .title, .carousel-item .pf_text .title .type, .carousel-item:hover .pf_text .title .type, .owl-slider-nav .next, .owl-slider-nav .prev, #back-to-top.show, #back-to-top.hide, .social-icons-sm i, .social-icons-sm i:hover, .overlay-v i, .overlay-v i:hover, .de_tab .de_nav li span, #popup-box.popup-show, #popup-box.popup-hide, .form-underline input[type=text], .form-underline textarea, .form-underline input[type=email], .form-underline select, .btn-rsvp, .btn-close, .overlay-v span, .de_tab.tab_style_4 .de_nav li, .form-subscribe input[type=text], #mainmenu a span, #mainmenu a.active span, .feature-box .inner, .feature-box:hover .inner, .feature-box .inner i, .feature-box:hover .inner i, .error_input, .de_tab.tab_steps.style-2 .de_nav li.active .arrow, .owl-item.active.center div blockquote, .mask *, .mask .cover, .mask:hover .cover, .mask img, .mask:hover img, .accordion .content, a.btn-border, .f_box span, .f_box img, .f_box.s2:hover img, .mask .cover p, .feature-box-type-1:hover i, .feature-box-type-2 i, #contact_form input, #form_subscribe input[type=text], .table-pricing tbody tr, #selector .dark-mode, #selector .dark-mode:hover, .feature-box.f-boxed, .feature-box.f-boxed:hover, .fp-wrap, .fp-wrap div, .fp-wrap img, .feature-box-type-2, .feature-box.style-3 i, .feature-box.style-3 h4, .logo-carousel img, .f-box, .f-box *, .fp-wrap *, .d-gallery-item *, .de-box-image *, .de-image-hover *, #selector *, a.a-underline *, .de_testi.opt-2 *, #selector .opt:after, .de-card-poster *, .dcg-item *, .de-portfolio-tab-a, .de-portfolio-tab-a *, .de-image-holder-a, .de-image-holder-a * {-o-transition: .7s; -ms-transition: .7s; -moz-transition: .7s; -webkit-transition: .7s; transition: .7s; outline: none;} a.btn-fx:after, a.btn-fx:hover:after, a.btn-fx:before, a.btn-fx:hover:before, #mainmenu li, #mainmenu li ul, .widget-post li .post-date {-o-transition: .2s ease; -ms-transition: .2s ease; -moz-transition: .2s ease; -webkit-transition: .2s ease; transition: .2s ease; outline: none;} .feature-box:hover i.wm {-o-transition: 2s ease; -ms-transition: 2s ease; -moz-transition: 2s ease; -webkit-transition: 2s ease; transition: 2s ease; outline: none;} @-webkit-keyframes scaleIn {from {opacity: 0; -webkit-transform: scale3d(1.5, 1.5, 1.5); transform: scale3d(1.5, 1.5, 1.5); } 100% {opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes scaleIn {from {opacity: 0; -webkit-transform: scale3d(1.5, 1.5, 1.5); transform: scale3d(1.5, 1.5, 1.5); } 100% {opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .scaleIn {-webkit-animation-name: scaleIn; animation-name: scaleIn;} @-webkit-keyframes scaleOut {from {opacity: 0; -webkit-transform: scale3d(.75, .75, .75); transform: scale3d(.75, .75, .75); } 100% {opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes scaleOut {from {opacity: 0; -webkit-transform: scale3d(.75, .75, .75); transform: scale3d(.75, .75, .75); } 100% {opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .scaleOut {-webkit-animation-name: scaleOut; animation-name: scaleOut;} @-webkit-keyframes widthInFade {from {opacity: 0; width: 1px; } 100% {opacity: 1; width: 100px; } } @keyframes widthInFade {from {opacity: 0; width: 1px; } 100% {opacity: 1; width: 100px; } } .widthInFade {-webkit-animation-name: widthInFade; animation-name: widthInFade;} /* video */ video, object {display: inline-block; vertical-align: baseline; min-width: 100%; min-height: 100%;} .de-video-container {top: 0%; left: 0%; height: 500px; width: 100%; overflow: hidden;} .de-video-content {width: 100%; position: absolute; z-index: 10;} .de-video-overlay {position: absolute; width: 100%; min-height: 100%; background: rgba(20, 20, 20, .5);} .video-fixed {width: 100%; position: fixed; top: 0;} /* youtube, vimeo */ .video-container {position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden;} .video-container iframe, .video-container object, .video-container embed {position: absolute; top: 0; left: 0; width: 100%; height: 100%;} .de-video-container .btn-line:hover:after, .de-video-container a.btn-line:hover:after, .de-video-container a.btn-line.hover:after {color: #eceff3;} /* map */ #map {width: 100%; height: 500px;} .map iframe {width: 100%; border: solid 1px #ccc; padding: 2px; background: #fff;} .map-container {width: 100%; height: 380px; overflow: hidden;} .map-container iframe {width: 100%;} /* 1A1C26 to action */ .call-to-action-box {background: #f6f6f6; border: solid 1px #ddd; background: rgb(255, 255, 255); background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(242, 242, 242, 1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(242, 242, 242, 1))); background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(242, 242, 242, 1) 100%); background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(242, 242, 242, 1) 100%); background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(242, 242, 242, 1) 100%); background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(242, 242, 242, 1) 100%); filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f2f2f2', GradientType=0);} .call-to-action-box {background: #27282B; border: solid 1px #202220;} .call-to-action-box .inner {padding: 20px 20px 20px 20px;} .call-to-action-box .text {margin-right: 20px; float: left;} .call-to-action-box .act {float: right;} .call-to-action-box h4 {margin: 0; margin-top: 10px;} .call-to-action-box .btn {color: #eceff3;} .call-to-action-box {background: #202220; color: #eceff3;} .call-to-action-boxh4 {color: #eceff3;} /* overide bootstrap */ .nav-link, .nav-link:hover{color:#000000;} .text-light .nav-link, .text-light .nav-link:hover{color:#ffffff;} .nav-pills .nav-link, .accordion-section-title{border-radius: 3px;} .nav-pills{font-weight: 600;} .tab-default .tab-content {margin-top: 20px;} .container-fluid {padding: 0; margin: 0;} .btn-primary {text-shadow: none; border: none;} .btn.btn-primary:hover {background: #555;} .img-responsive {display: inline-block;} .img-shadow {-webkit-box-shadow: 8px 8px 40px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 8px 8px 40px 0px rgba(0, 0, 0, 0.1); box-shadow: 8px 8px 40px 0px rgba(0, 0, 0, 0.1);} img.img-auto {width: auto; height: auto;} img.img-rounded {border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;} .box-rounded {border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;} .img-profile {border: solid 3px #fff;} .label {font-family: "Jost", Arial, Helvetica, sans-serif;} table thead {font-weight: bold;} p.lead {font-size: 16px; line-height: 1.7em; margin-top: 0; font-weight: 400;} p.sub {font-size: 14px;} .panel-group {opacity: .8;} .panel-heading, .panel-body {background: #27282B; border: solid 1px #202220; border-radius: 0;} .panel-body {border-top: none;} .progress {background: #27282B;} .panel-heading h4 a {display: block;} .panel-heading h4 a:hover {color: #eceff3;} .panel-default, .panel-collapse, .panel-collapse, .panel-group .panel {border: none; border-radius: 0;} .panel-heading {background: #222;} .table-bordered, .table-bordered td {border: solid 1px #202220;} blockquote {font-family: "Jost"; font-size: 24px; font-style: normal; font-weight: 500; line-height: 1.4em; border: none; border-left: solid 3px #333333; padding-left: 30px; color: #111111;} blockquote span {font-family: "Jost"; display: block; font-size: 14px; font-style: normal; font-weight: normal; margin-top: 20px;} blockquote.s2 {border: none; text-align: left; background: #f2f2f2; padding: 30px 30px 30px 60px; margin-top: 20px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;} blockquote.s2:before {font-family: "FontAwesome"; content: "\f10e"; font-style: normal; position: absolute; margin-left: -30px;} blockquote.s1 {padding: 0;} blockquote.s1:before {font-family: "FontAwesome"; content: "\f10d"; display: block; color: rgba(0, 0, 0, .1); z-index: -1; font-size: 40px; top: 0; left: 0;} .collapsible-link::before {content: ''; width: 14px; height: 2px; background: #333; position: absolute; top: calc(50% - 1px); right: 1rem; display: block; transition: all 0.3s;} /* Vertical line */ .collapsible-link::after {content: ''; width: 2px; height: 14px; background: #333; position: absolute; top: calc(50% - 7px); right: calc(1rem + 6px); display: block; transition: all 0.3s;} .text-light .collapsible-link:before, .text-light .collapsible-link:after {background: #ffffff;} .rtl .collapsible-link::before {right: auto; left: 0;} .rtl .collapsible-link::after {right: auto; left: 6px;} .rtl .rtl-show {display: block;} .rtl .rtl-hide {display: none;} .collapsible-link[aria-expanded='true']::after {transform: rotate(90deg) translateX(-1px);} .collapsible-link[aria-expanded='true']::before {transform: rotate(180deg);} .collapsible-link.text-white {color: #ffffff;} .collapsible-link.text-white::after, .collapsible-link.text-white::before {background: #ffffff;} .card h6 {font-weight: 500;} .card-header.text-light h6 {color: #ffffff;} .accordion-style-1 {overflow: visible;} .accordion-style-1 .card {margin-bottom: 20px; border: none; -webkit-box-shadow: 8px 8px 50px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 8px 8px 50px 0px rgba(0, 0, 0, 0.1); box-shadow: 8px 8px 50px 0px rgba(0, 0, 0, 0.1); border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; overflow: hidden;} .phone-num-big i {font-size: 48px; display: block;} .pnb-text {display: block; font-size: 12px; font-weight: bold; text-transform: uppercase; letter-spacing: 5px;} .pnb-num {display: block; font-size: 36px; font-weight: bold; margin: 10px 0 20px 0;} /* image position */ .img-left {float: left; margin: 5px 15px 15px 0;} .img-right {float: right; margin: 5px 0 15px 15px;} /* flickr */ #flickr-photo-stream img {width: 48px; height: auto; margin: 0 12px 12px 0; float: left;} #flickr-photo-stream a img {border: solid 2px #fff;} #flickr-photo-stream a:hover img {border: solid 2px #777777;} hr {border-top: solid 1px #555;} hr.blank {border: none; margin: 20px 0 20px 0;} /* font awesome icons */ i {display: inline-block;} i.large {font-size: 72px; text-align: center; display: inline-block; float: none;} i.medium {font-size: 20px; padding: 10px; text-align: center; display: inline-block; float: none;} i.small {font-size: 12px; padding: 4px; text-align: center; display: inline-block; float: none;} i.circle-icon {border-radius: 75px; -moz-border-radius: 75px; -webkit-border-radius: 75px;} .fa-android {color: #469159;} .fa-apple {color: #0EC3F7;} /* extra ^ */ .de_center p {width: 100%;} .de_center .de_icon {float: none; margin: 0 auto;} /* transition */ a, a:hover, .test-column, .test-column:hover {-o-transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; transition: .3s;} .de_contact_info {font-size: 40px; font-weight: bold;} .de_contact_info i {float: none; margin-right: 20px;} .center-div {margin: 0 auto;} /* gallery */ .carousel-item {width: 100%;} .carousel-item img {width: 100%; height: auto;} .carousel-item:hover .pf_text .title {color: rgba(255, 255, 255, 1); top: 75%;} .carousel-item .pf_text .title .type {display: block; color: rgba(255, 255, 255, 0); font-size: 12px; font-weight: 400;} .carousel-item:hover .pf_text .title .type {color: rgba(255, 255, 255, 1);} .pf_text {color: #eceff3; letter-spacing: 5px;} .pf_text h4 {color: #eceff3; margin-bottom: 0; font-size: 14px;} .project-info {color: #ccc; margin-left: 20px;} .de_light .project-info {color: #606060;} .project-info h2 {margin-top: 0; font-size: 18px; letter-spacing: 3px; text-transform: uppercase;} .project-info h4 {font-weight: bold;} .project-info .details {padding: 20px; border: solid 1px rgba(255, 255, 255, .2); background: rgba(0, 0, 0, .5); margin-bottom: 30px;} .de_light .project-info .details {background: #eee; border-color: #ddd;} .project-infoproject-info span {display: block;} .project-info span.title {display: inline-block; min-width: 80px;} .project-info span.val {margin-bottom: 15px; font-weight: bold;} .project-view {padding: 120px 0 80px 0;} .project-images img {width: 100%;} .picframe {position: relative; overflow: hidden;} .picframe img {width: 100%;} .project-name {font-size: 12px; font-weight: bold; display: block;} .info-details .info-text {margin-bottom: 20px;} .info-details .title {display: block; font-weight: bold;} span.overlay {font-family: "Jost"; text-align: center; display: block; width: 100px; background: rgba(214, 181, 110, .8); position: absolute; opacity: .75; z-index: 500;} span.icon {cursor: pointer;} .f_box {display: block; position: relative; float: left; font-size: 16px; overflow: hidden; z-index: 1;} .f_box:hover .f_bg {opacity: .3;} .grid-item .f_box img {-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -o-filter: grayscale(100%); -ms-filter: grayscale(100%); filter: grayscale(100%); opacity: .8;} .f_box:hover img {-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -o-filter: grayscale(0%); -ms-filter: grayscale(0%); filter: grayscale(0%); transform: scale(1.2); opacity: 1;} .f_box .f_bg {background: #111111; display: block; position: absolute; z-index: 1; width: 100%; height: 100%; opacity: .5;} .f_box .f_bg.s1 {opacity: 0;} .f_box:hover .f_bg.s1 {opacity: .2;} .f_box .f_cap_wrap {display: table; width: 100%; height: 100%; position: absolute; color: #fff; z-index: 2; text-align: center; font-weight: bold;} .f_box .f_cap_wrap .f_cap {vertical-align: middle; display: table-cell;} .f_box:hover .f_cap {transform: scale(1.05);} .f_box .f_text {height: 0; overflow: hidden; font-family: Helvetica, Arial; font-weight: normal; display: inline-block; width: 70%; font-size: 14px;} .f_box:hover .f_text {height: auto;} .f_box img {width: 100%;} .f_box.s2:hover .f_bg {opacity: .4;} .f_box.s2 .f_bg {opacity: 0;} .f_box.s2:hover img {transform: scale(1.2);} .f_box.s2 {position: static;} .f_box.s2 .f_cap_wrap {opacity: 0;} .f_box.s2:hover .f_cap_wrap {opacity: 1; margin-top: 0;} .f_box .f_cap h1, .f_box .f_cap h4 {color: #ffffff;} .f_box.s2 .f_cap {font-size: 20px; transform: scale(1.2);} .f_box.s2:hover .f_cap {transform: scale(1);} h2 {display: inline-block; overflow: hidden; position: relative; left: 0; right: 0;} h2 span.underline {display: block; width: 0; height: 2px; background: #ffffff; position: relative; left: 0;} .f_box:hover h2 span.underline {width: 100%;} .overlay .info-area {display: block; margin-top: 10%;} .overlay .sb-icons {display: block; margin-top: 200px;} .pf_full_width {width: 100%;} .pf_full_width .item {float: left; width: 24.99%;} .pf_4_cols {width: 101%;} .pf_full_width.pf_3_cols .item {width: 33.3%;} .pf_full_width.pf_2_cols .item {width: 49.9%;} .gallery_border {} .pf_full_width.gallery_border .item, .pf_full_width.gallery_border.pf_2_cols .item, .pf_full_width.gallery_border.pf_3_cols .item {float: left; width: 23.9%; margin-right: 1%; margin-bottom: 1%;} .pf_full_width.gallery_border.pf_3_cols .item {width: 32.3%;} .pf_full_width.gallery_border.pf_2_cols .item {width: 48.9%;} .pf_full_width img {float: left; width: 100%;} .pf_full_width.grid {padding: .75%; padding-bottom: 0;} .pf_full_width.grid .item {margin: 0 .75% .75% 0; width: 32%;} .pf_full_width.grid.pf_4_cols .item {margin: 0 .75% .75% 0; width: 23.9%;} .pf_full_width.grid.pf_2_cols .item {margin: 0 .75% .75% 0; width: 48.5%;} .gallery-cols .item {margin-bottom: 30px;} .pic-grey {-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -o-filter: grayscale(100%); -ms-filter: grayscale(100%); filter: grayscale(100%);} /* ---- grid ---- */ .grid {width: 100%;} /* clear fix */ .grid:after {content: ''; display: block; clear: both;} /* 5 columns, percentage width */ .grid-sizer {width: 5%;} .grid-item {position: relative; float: left; border: none; overflow: hidden; margin: 0; padding: 0;} /* widget */ #sidebar {padding-left: 30px;} #sidebar.post-left {padding-left: 0; padding-right: 30px;} .widget {margin-bottom: 30px; padding-bottom: 30px;} .widget h4 {font-size: 18px; margin-top: 0; letter-spacing: normal;} .widget ul {list-style: none; margin: 0; padding: 0;} .widget .small-border {height: 2px; width: 30px; background: #fff; margin: 0px 0 20px 0; display: block;} .widget_category li {padding: 8px 20px 8px 20px; margin-bottom: 8px; background: #111;} .widget_category li:before {font-family: "FontAwesome"; content: "\f07b"; margin-right: 10px;} .de_light .widget_category li {background: none; border: solid 1px #eee;} .widget_category li a {color: #606060;} .widget_recent_post li {padding-left: 20px; border-bottom: solid 1px #222; padding-bottom: 7px; margin-bottom: 5px;} .widget_recent_post li a {color: #555;} .widget-post li {border-bottom: solid 1px #f2f2f2; padding-bottom: 8px; margin-bottom: 8px;} .widget-post li a {padding-left: 60px; display: block; text-decoration: none; color: #111111;} .widget-post .post-date {position: absolute; color: #222; margin-right: 10px; text-align: center; width: 50px; font-size: 10px; text-transform: uppercase;} .widget-post li:hover>.post-date {background: #222; color: #fff;} .widget-post .date {background: #333; color: #fff; display: inline-block; padding: 0px 5px 0px 5px; float: left; font-size: 12px;} .widget .tiny-border {width: 100%; background: rgba(255, 255, 255, .1);} .footer-light .widget .tiny-border {background: rgba(0, 0, 0, .1);} .widget_tags li {text-shadow: none; display: inline-block; margin-right: 3px; margin-bottom: 16px;} .widget_tags li a {font-size: 12px; text-decoration: none; margin-bottom: 5px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; color: #fff !important; padding: 7px 10px 7px 10px;} .de_light .widget_tags li a {color: #606060; border: solid 1px rgba(0, 0, 0, .2);} .widget_tags li a:hover {color: #555; border-color: #555;} .de_light .widget_tags li a:hover {color: #111; border-color: #111;} .widget_top_rated_product ul {padding: 0;} .widget_top_rated_product li {min-height: 80px;} .widget_top_rated_product li .text {padding-top: 5px; padding-left: 75px;} .widget_top_rated_product li img {position: absolute; width: 60px; height: 60px;} .widget_tags li a {border-color: #555;} .widget_tags li a:hover border-color: #eceff3;} footer .widget {border: none; margin-bottom: 0;} .widget_tags ul {margin-top: 30px;} footer .widget.widget_tags li a {border-color: #222;} footer .widget_recent_post li {padding: 0 0 10px 0; margin: 0; margin-bottom: 10px; background: none; border-bottom-color: rgba(255, 255, 255, .1);} footer .widget_recent_post li a {color: #ccc;} footer .widget h5 {margin-bottom: 20px;} footer .widget_list li {padding: 0 0 10px 0; margin: 0; margin-bottom: 10px; background: none; border-bottom-color: rgba(255, 255, 255, .1);} footer .widget_list li a {color: #ccc;} footer .tiny-border span {background: #ffffff; display: block; height: 1px; width: 30px;} .side-layout header {width: 20%; height: 100%; background: #222; position: fixed; padding: 30px; top: 0;} .side-layout header.header-light {background: #fff; border-right: solid 1px #eee;} .side-layout #content {width: 80%; float: right;} .side-layout footer {width: 80%; float: right;} .side-layout .container {width: 90%;} .side-layout section {width: 100%; float: right;} .side-layout header .info {display: none;} .side-layout #mainmenu {padding: 0; margin-top: 40px;} .side-layout #mainmenu>li {display: block; width: 100%; border-bottom: solid 1px rgba(255, 255, 255, .1); margin-bottom: 5px; padding-bottom: 5px;} .side-layout header.smaller #mainmenu>li {border-bottom: solid 1px rgba(0, 0, 0, .1);} .side-layout header.smaller {border-right: solid 1px #f6f6f6;} .side-layout header.header-dark.smaller {border-right: none;} .side-layout #mainmenu>li:last-child {border-bottom: none;} .side-layout #mainmenu>li>a {padding: 0; margin: 0;} .side-layout #mainmenu>li>a span {display: none;} .side-layout #mainmenu>li>ul {top: 0; margin-left: 120%;} .side-layout #mainmenu li ul {border: solid 1px #888;} .side-layout header div#logo {display: block; float: none; text-align: center;} .side-layout header div#logo img {width: 100%;} .side-layout .subheader-section {width: 80%; float: right; text-align: left;} .side-layout .subheader-section h1 {margin-top: 0; font-size: 24px;} .side-layout .subheader-section .small-border-deco span {margin: 0;} .side-layout.side-custom-bg header {background-position: top left; background-size: cover;} /* de post poster */ .de-card-poster{overflow: hidden; position: relative; height: 350px;} .de-card-poster .d-image{position: absolute; width: 110%; height: 110%; margin-left: -5%;} .de-card-poster .d-overlay{position: absolute; min-height: 100%; width: 100%; z-index: 1; background: rgba(0, 0, 0, .3);} .de-card-poster .d-content{color: #ffffff; margin: 30px; margin-bottom: -20px; position: absolute; bottom: 0;} .de-card-poster .d-content h3{font-size: 24px; letter-spacing:0; color: #ffffff; padding-left: 40px; padding-bottom: 10px; border-bottom: solid 1px rgba(255, 255, 255, .5);} .rtl .de-card-poster .d-content h3{padding-left: 0; padding-right: 40px;} .de-card-poster .d-content h3 i{position: absolute; left: 0; margin-right: 10px; font-size: 32px;} .rtl .de-card-poster .d-content h3 i{left: auto; margin-right: 0; right: 0; margin-left: 10px;} .de-card-poster .d-content .d-text{max-height: 0; opacity: 0;} .de-card-poster .d-click, .de-card-poster .btn-main{opacity: 0;} .de-card-poster .d-tag{display: inline-block; color: #ffffff; text-transform: uppercase; font-size: 12px; letter-spacing: 1px; background: #222222; padding: 2px 8px; line-height: 1em; font-weight: 500; margin-bottom: 20px;} .de-card-poster:hover .d-overlay{background: rgba(0, 0, 0, .6);} .de-card-poster:hover .d-content{margin-bottom: 30px;} .de-card-poster:hover .d-content .d-text{max-height: 500px; margin-bottom: 20px; opacity: 1;} .de-card-poster:hover .btn-main, .de-card-poster:hover .d-click{opacity: 1;} .de-card-poster:hover .d-image{margin-left: 0;} .de-card-poster:hover i{color: #ffffff;} /* de post poster end */ .filter-sephia-30{filter: sepia(30%);} /* DCG */ .dcg-item{position: relative; overflow: hidden;} .dcg-url{display: block; position: absolute; width: 100%; height:100%; top: 0; left: 0; z-index: 2;} /* ----- dcg-four ----- */ .dcg-four {position: relative;} .dcg-four .dcg-title{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 1; font-size: 24px; line-height: 1.2em; padding: 20px; color:#ffffff; opacity: 1; font-weight: bold; text-align:center;} .dcg-four:hover .dcg-title{opacity: 0; font-size: 24px;} .dcg-four .dcg-title i{font-size: 60px; margin-bottom: 10px; display: block;} .dcg-four:hover .dcg-title i{font-size: 80px;} .dcg-four:active .dcg-title{font-size: 42px;} .dcg-four .dcg-text{width:100%; position: absolute; bottom: -10%; z-index: 1; font-size: 14px; line-height: 1em; padding: 30px; color:#ffffff; opacity: 0; text-align: center;} .dcg-four:hover .dcg-text{opacity: 1; bottom: 0;} .dcg-four:active .dcg-text{opacity:0;} .dcg-four .dcg-overlay{background: rgba(0, 0, 0, .5); position: absolute; left: 0%; top: 0%; opacity: 1; width: 100%; height: 100%; transform: scale(.9);} .dcg-four:hover .dcg-overlay{opacity: 1; transform: scale(1);} .dcg-four .dcg-content{z-index: 1; position: absolute; left: 0%; top: 0%; opacity: 0; color:#ffffff; width: 100%; height: 100%; padding: 20px 30px;} .dcg-four:hover .dcg-content{opacity: 1;} .dcg-four:hover img{transform: scale(1.2);} .dcg-four .dcg-image{width:100%;} .de-img-deco-1{position: relative;} .de-img-deco-1 img{position: relative; z-index: 1;} .de-img-deco-1 .d-background{position: absolute; width: 100%; height: 85%; bottom: 0; left: 0; background: #d6b56e;} .de-img-deco-1 .d-box{position: absolute; z-index: 2; width: 210px; background: #ffffff; padding: 40px 30px 30px 30px; top: 50%; left: -10%; -webkit-box-shadow: 2px 20px 30px 0px rgba(20, 20, 20, 0.15); -moz-box-shadow: 2px 20px 30px 0px rgba(20, 20, 20, 0.15); box-shadow: 2px 20px 30px 0px rgba(20, 20, 20, 0.15);} .de-img-deco-1 .d-box .d-title{letter-spacing: -5px; font-size: 64px; font-weight: bold; margin-bottom: 20px; color:#111111;} .de-portfolio-tab-a img{opacity: 0;} .de-portfolio-tab-a img.active{opacity: 1;} .de-portfolio-tab-a .d-item{position: relative; padding: 13px 0 13px 0; border-bottom: solid 1px rgba(255, 255, 255, .25);} .de-portfolio-tab-a .d-item h4{font-size: 22px;} .de-portfolio-tab-a .d-more{position: absolute; right: 0; top:36px;} .de-portfolio-tab-a .d-more a{color: #aaaaaa;} .de-image-holder-a{position: relative; counter-reset: count; list-style-type: none;} .de-image-holder-a img{position: absolute; opacity: 0; margin-left: -100px;} .de-image-holder-a img.active{opacity: 1; margin-left: 0;} .de-img-cap{position: relative;} .de-img-cap .d-overlay{content: 'aaa'; position: absolute; width: 100%; height: 100%; background: rgba(var(--bg-dark-1-rgb),.3);} .de-img-cap h3{text-align: center; width: 100%; z-index: 1; position: absolute; top: calc(50% + 85px); transform: translateY(-50%); font-size: 32px;} .de-img-cap i{text-align: center; z-index: 1; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); font-size: 120px;} .d-vertical-center{top: 50%; transform: translateY(--50%);} @-webkit-keyframes scaleIn {from {opacity: 0; -webkit-transform: scale3d(1.5, 1.5, 1.5); transform: scale3d(1.5, 1.5, 1.5); } 100% {opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes scaleIn {from {opacity: 0; -webkit-transform: scale3d(1.5, 1.5, 1.5); transform: scale3d(1.5, 1.5, 1.5); } 100% {opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .scaleIn {-webkit-animation-name: scaleIn; animation-name: scaleIn;} @-webkit-keyframes scaleOut {from {opacity: 1; -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1); } 100% {opacity: 0; -webkit-transform: scale3d(1.5,1.5,1.5); transform: scale3d(1.5,1.5,1.5); } } @keyframes scaleOut {from {opacity: 1; -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1); } 100% {opacity: 0; -webkit-transform: scale3d(1.5,1.5,1.5); transform: scale3d(1.5,1.5,1.5); } } .scaleOut {-webkit-animation-name: scaleOut; animation-name: scaleOut;} /* misc */ .de-flex {display: flex; justify-content: space-between;} .de-flex>.de-flex-col {display: flex; justify-content: center; align-items: center;} .v-center {min-height: 100%; min-height: 100vh; display: flex; align-items: center;} .text-light .card {color: #ffffff; background: rgba(0, 0, 0, .1);} .dark-mode .accordion-section-title, .dark-mode .pricing-s2 .top .price, .dark-mode .owl-item.active.center div blockquote, .dark-mode .owl-item.active.center div blockquote .de_testi_by, .dark-mode .de_table:not(.no-heading) .tr:first-child, .dark-mode .de_table:not(.no-heading) .tr, .dark-mode .box-highlight .content, .dark-mode .box-highlight .content strong, .dark-mode .pricing-s1 .bottom ul li {color: #ffffff;} body.dark-mode, .dark-mode #content, .dark-mode section:not(.bg-gradient-to-right):not(.bg-color):not(.bgcolor-variation), .dark-mode .box-highlight .content, .dark-mode .pricing-s1 .bottom ul li {background: var(--dark-mode-color);} .dark-mode .pricing-s2, .dark-mode .feature-box-type-1, .dark-mode .feature-box-type-2, .dark-mode .owl-item.active.center div blockquote, .dark-mode .de_table .tr:nth-child(2n), .dark-mode .bgcolor-variation, .dark-mode .table-pricing tbody tr, .dark-mode .pricing-s1 .bottom ul li:nth-child(2n) {background: var(--dark-mode-color-2);} .dark-mode .accordion-section-title {border-color: rgba(255, 255, 255, .1);} .dark-mode .feature-box-type-2 i {text-shadow: 5px 5px 5px rgba(0, 0, 0, .3);} .dark-mode .de_table .tr, .dark-mode .de_table .tr .td, .dark-mode .de_table:not(.no-heading) .tr:first-child {border-color: rgba(255, 255, 255, .1);} .dark-mode footer {background: var(--dark-mode-color-3);} .dark-mode .table-pricing th, .dark-mode .table-pricing tbody tr {border-top-color: var(--dark-mode-color);} /*Cookie Consent Begin*/ #cookieConsent {background-color: rgba(255, 255, 255, 0.8); min-height: 26px; font-size: 14px; line-height: 26px; font-weight: 500; padding: 10px 30px 10px 30px; position: fixed; bottom: 0; left: 0; right: 0; display: none; z-index: 9999;} #cookieConsent a {text-decoration: none;} #closeCookieConsent {float: right; display: inline-block; cursor: pointer; height: 20px; width: 20px; margin: -15px 0 0 0; font-weight: bold;} #closeCookieConsent:hover {color: #FFF;} #cookieConsent a.cookieConsentOK {color: #fff; display: inline-block; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; padding: 0 20px; cursor: pointer;} #cookieConsent a.cookieConsentOK:hover {opacity: .8;} /*Cookie Consent End*/ .vertical-center {min-height: 100%; /* Fallback for browsers do NOT support vh unit */ min-height: 100vh; /* These two lines are counted as one :-) */ display: flex; align-items: center;} #purchase-now {position: fixed; bottom: 80px; left: 20px; z-index: 10000;} .rtl #purchase-now {display: none;} #purchase-now a {color: #ffffff; z-index: 1; position: absolute; border-radius: 60px; -moz-border-radius: 60px; -webkit-border-radius: 60px; background: #78A938; display: block; font-size: 24px; font-weight: bold; width: 60px; height: 60px; padding: 17px; text-decoration: none; animation: shadow-pulse 1s infinite;} @keyframes shadow-pulse {0% {box-shadow: 0 0 0 0px rgba(120, 169, 56, 0.2); } 100% {box-shadow: 0 0 0 20px rgba(120, 169, 56, 0); } } #purchase-now a span {font-size: 14px; font-weight: 500; left: 8px; position: absolute; top: 18px; width: 100px;} #purchase-now .pn-hover {position: absolute; font-weight: bold; font-size: 16px; background: #ffffff; color: #78A938; width: 120px; padding: 10px; padding-left: 20px; text-align: center; top: 8px; border-radius: 3px; left: 30px; opacity: 0;} #purchase-now:hover .pn-hover {opacity: 1; left: 40px;} .de-images {position: relative; width: 100%;} .de-images img, .di-text {border-radius: 3px; -webkit-box-shadow: 2px 20px 30px 0px rgba(20, 20, 20, 0.15); -moz-box-shadow: 2px 20px 30px 0px rgba(20, 20, 20, 0.15); box-shadow: 2px 20px 30px 0px rgba(20, 20, 20, 0.15);} .di-small {position: absolute; width: 40%; height: 40%; top: -10%; left: -10%; z-index: 1;} .di-small-2 {position: absolute; width: 40%; height: 40%; right: -10%; bottom: -10%; z-index: 1;} .di-text {position: absolute; width: 40%; top: 40%; left: -10%; z-index: 1; background: #888888; text-align: center; padding: 10% 0;} div.round {border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;} .opt-1 {display: inline-block;} .size96 {width: 96px; height: auto;} .domain-ext {margin-top: 15px;} .ext {border: solid 1px rgba(255, 255, 255, .2); display: inline-block; padding: 8px 10px 0px 10px; font-size: 12px; border-radius: 3px; margin: 0 5px 10px 5px;} .ext h4 {font-size: 18px; line-height: 10px; margin-bottom: 0;} .border {border-color: #EFEFEF !important;} .tparrows {background: none !important;} .fc-header-toolbar {font-size: 14px;} .fc-content {color: #ffffff; padding: 3px;} .fc-widget-header {} .fc-view {background: #ffffff;} .fc-day-number {padding: 4px 8px !important;} .f-profile {margin-bottom: 0;} .f-profile a {text-decoration: none;} .f-profile h4 {margin-top: 20px; margin-bottom: 0;} .fp-wrap {position: relative; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; overflow: hidden;} .fpw-overlay {position: absolute; z-index: 2; width: 100%; height: 100%;} .fpw-overlay-btm {position: absolute; z-index: 1; width: 100%; height: 100%; opacity: .6;} .f-invert .fpw-overlay-btm {opacity: 0;} .fpwo-wrap {width: 100%; position: absolute; bottom: 30px; text-align: center;} .fpwow-icons {display: inline-block; background: #ffffff; padding: 5px 10px 7px 10px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;} .fpwow-icons a {color: #ffffff; padding: 0 5px;} .fpwow-icons i {font-size: 15px;} .fp-icon {margin-top: 20%; z-index: 2; opacity: 0; height: 100%; width: 100%; text-align: center; position: absolute; display: table; text-align: center;} .fp-icon i {display: none; vertical-align: middle; display: table-cell; color: #fff; font-size: 36px; color: #ffffff; padding: 13px 0; background: rgba(214, 181, 110, .8); border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;} .gray img {-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -o-filter: grayscale(100%); -ms-filter: grayscale(100%); filter: grayscale(100%);} .demo-icon-wrap {margin-bottom: 30px;} .demo-icon-wrap i {text-align: center; font-size: 40px; margin-right: 20px; position: relative; background: #f8f8f8; width: 68px; height: 68px; border-radius: 60px; padding: 15px 0;} .demo-icon-wrap-s2 {margin-bottom: 30px;} .demo-icon-wrap-s2 span {display: inline-block; text-align: center; font-size: 20px; margin-right: 20px; position: relative; background: #f8f8f8; width: 48px; height: 48px; border-radius: 60px; padding: 15px 0;} .demo-icon-wrap .text-grey {display: none;} .fp-wrap:hover {-webkit-box-shadow: 0 40px 40px 0 rgba(10, 10, 10, 0.1); -moz-box-shadow: 0 40px 40px 0 rgba(10, 10, 10, 0.1); box-shadow: 0 40px 40px 0 rgba(10, 10, 10, 0.1);} .fp-wrap:hover img {-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -o-filter: grayscale(0%); -ms-filter: grayscale(0%); filter: grayscale(0%); transform: scale(1.05);} .fp-wrap:hover .fpw-overlay-btm {opacity: 0;} .fp-wrap:hover .fpwow-icons a i {color: #fff;} .fp-wrap:hover .fp-icon {opacity: 1; margin-top: 0; margin-right: 0;} .fp-wrap:hover .fp-icon i {transform: scale(1.5);} i.big {display: inline-block; font-size: 48px;} .text-light .border {border-color: rgba(255, 255, 255, .1) !important;} .container-full {display: table; width: 100%; table-layout: fixed; border-collapse: collapse; padding: 0 !important; margin: 0 !important; overflow: hidden;} .one-fourth {width: 24.9%; display: table-cell; vertical-align: middle;} .one-third {width: 33.3%; float: left;} .three-fourth {position: relative; width: 74.9%; height: 100%; display: table-cell;} .owl-carousel {position: relative; margin-top: -5px; bottom: -5px;} .owl-stage-outer .feature-box-type-2 {overflow: none; margin: 30px 0 30px 0;} .owl-item.active.center .feature-box-type-2 {transform: scale(1.05);} .owl-item.active.center .feature-box-type-2, .owl-item.active.center .feature-box-type-2 h4, .owl-item.active.center .feature-box-type-2 i {color: #ffffff;} .schedule-item {padding: 40px 0 30px 0; border-bottom: solid 1px #ddd;} .schedule-listing:nth-child(even) {background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(229, 229, 229, 1) 50%, rgba(255, 255, 255, 0) 100%); background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(229, 229, 229, 1) 50%, rgba(255, 255, 255, 0) 100%); background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(229, 229, 229, 1) 50%, rgba(255, 255, 255, 0) 100%); filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#00ffffff', GradientType=1);} .schedule-item>div {float: left;} .schedule-item .sc-time {width: 160px; padding-top: 25px; color: #333;} .schedule-item .sc-pic {width: 120px;} .schedule-item .sc-pic img {width: 80px; height: auto;} .schedule-item .sc-name {font-weight: normal; font-size: 14px; width: 160px; padding-top: 15px;} .schedule-item .sc-name h4 {font-size: 14px; font-weight: bold; margin: 0; line-height: 1.6em;} .schedule-item .sc-name span {font-weight: normal; font-size: 12px;} .schedule-item .sc-info {float: none; display: inline-block; width: 60%;} .schedule-item .sc-info h4 {margin-bottom: 10px;} .de_tab.tab_style_4 .de_nav {-webkit-touch-1A1C26out: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ -khtml-user-select: none; /* Konqueror HTML */ -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* Jostnet Explorer/Edge */ user-select: none; /* Non-prefixed version, currently supported by Chrome and Opera */} strong {font-weight: bold;} .text-light strong {color: #fff;} .bg-white {background: #ffffff;} .bg-white-10 {background: rgba(255, 255, 255, .1);} .wh80 {width: 80%; height: 80%;} .border-top {border-top: solid 1px #e5e5e5;} .border-bottom {border-bottom: solid 1px #e5e5e5;} .color-overlay {background: rgba(157, 130, 235, .3);} section .color-overlay {padding: 60px 0 60px 0;} .color-overlay-2 {background: rgba(26, 37, 48, .85);} .fontsize24 {font-size: 24px;} .fontsize32 {font-size: 32px;} .fontsize36 {font-size: 36px;} .fontsize40 {font-size: 40px;} .fontsize48 {font-size: 48px;} .overlay50 {background: rgba(0, 0, 0, .5);} .overlay60 {background: rgba(0, 0, 0, .6);} .overlay70 {background: rgba(0, 0, 0, .7);} .overlay80 {background: rgba(0, 0, 0, .8);} .hidden-xy {overflow: hidden;} .border-box {border: solid 1px #dddddd;} .display-table {display: table;} .display-table [class*="col-"] {float: none; display: table-cell; vertical-align: top; margin: 0; padding: 0;} #popup-box {position: fixed; background: #fff; width: 100%; height: 100%; z-index: 10000; top: -100%; overflow-y: auto;} #popup-box.popup-show {top: 0;} #popup-box.popup-hide {top: -100%;} .overlay-s1 {background: rgba(217, 42, 224, .5);} .overlay-s2 {background: rgba(255, 135, 140, .5);} .overlay-s3 {background: rgba(91, 35, 108, .5);} .circle-x {background: #333; display: inline-block; padding: 20px; font-size: 40px; color: #fff; margin-top: 140px; width: 70px; height: 70px; border-radius: 60px; -moz-border-radius: 60px; -webkit-border-radius: 60px; -webkit-box-shadow: 8px 8px 40px 0px rgba(0, 0, 0, 0.6); -moz-box-shadow: 8px 8px 40px 0px rgba(0, 0, 0, 0.6); box-shadow: 8px 8px 40px 0px rgba(0, 0, 0, 0.6);} #services-list {padding: 0; margin: 0;} #services-list li a {color: #fff;} #services-list li.active a:after {font-family: "FontAwesome"; content: "\f054"; float: right;} .de_light #services-list li a {color: #999;} #services-list li {font-weight: bold; list-style: none; margin: 0; background: rgba(0, 0, 0, .3); margin-bottom: 2px;} .de_light #services-list li {background: #eee;} #services-list li a {display: block; padding: 15px 20px 15px 20px; text-decoration: none;} #services-list li a:hover {color: #111;} .pic-services img {margin-bottom: 30px;} #services-list li.active a, #services-list li.active a:hover {color: #fff; background: #333;} .project-images img {margin-bottom: 60px;} .teaser-text {font-family: "Jost"; font-size: 18px; color: rgba(255, 255, 255, .5); line-height: normal; font-weight: 400;} .teaser-text h2 {} #navigation {position: fixed; width: 100%; height: 60px; top: 0; right: 20px; text-align: center; margin-bottom: 60px; z-index: 1000;} .nav-prev:before, .nav-next:before, .nav-exit:before {font-family: "FontAwesome"; content: '\f177'; color: #fff; padding: 20px; font-size: 24px; cursor: pointer;} .nav-exit:before {width: 100%; display: block;} .nav-next:before {content: '\f178'; width: 100%; background: #555;} .nav-exit:before {content: '\f00d';} .de_light .nav-exit:before {color: #222;} .container-4 .de-team-list {width: 24.9%; float: left; position: relative;} .container-3 .de-team-list {width: 33.3%; float: left; position: relative;} .no-bottom {margin-bottom: 0; padding-bottom: 0;} p {margin-bottom: 20px;} p.intro {color: #555; font-size: 16px; line-height: 1.5em;} .bg-grey {background: #f6f6f6;} .no-bottom .col-md-12 {} .no-bottom {padding-bottom: 0 !important;} .no-top {padding-top: 0 !important;} .no-margin {margin: 0 !important;} .nopadding {padding: 0; margin: 0;} #filters i {margin-right: 10px;} .bg-side {position: relative; overflow: hidden;} .image-container {position: absolute; padding: 0; margin: 0; background-size: cover;} .img-side {position: absolute; top:0; padding: 0; margin: 0; background-size: cover;} .image-container.pos-right {right: 0;} .rtl .image-container.pos-right {right: auto; left: 0;} .image-slider {cursor: move;} .inner-padding {padding: 90px;} .inner-padding.pos-left {padding: 90px; padding-left: 0;} .no-padding, section.no-padding {padding: 0;} .float-left {float: left;} .teaser {font-size: 16px; line-height: 1.8em; font-weight: 400;} .teaser.style-2 {letter-spacing: 20px; text-transform: uppercase;} .teaser.style-3 {font-size: 14px;} .teaser.style-4 {letter-spacing: 5px; text-transform: uppercase; font-size: 14px;} .form-control:focus {box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none;} .owl-arrow {position: absolute; z-index: 100; background: #fff; margin-top: 48%; display: none; cursor: pointer;} .owl-arrow span {display: block; background: #555; position: absolute;} .owl-arrow .prev {left: 0;} .owl-arrow .next {right: 0;} .owl-arrow .prev:before, .owl-arrow .next:before {font-family: "FontAwesome"; content: '\f177'; color: #2; padding: 20px; font-size: 32px; display: block;} .owl-arrow .next:before {content: '\f178';} .owl-pagination {margin-top: 0; height: 40px;} .owl-theme .owl-controls .owl-page span {display: block; margin-top: 20px; margin-left: 10px; margin-right: 10px; width: 6px; height: 6px; background-color: #555; opacity: 1;} .owl-theme .owl-controls .owl-page.active span {background: none;} .owl-theme .owl-controls .owl-page.active span:before {content: ''; display: inline-block; width: 12px; height: 12px; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; position: relative; border: solid 2px #555; top: -2px; left: -2px;} /* new owl */ .owl-theme .owl-nav.disabled+.owl-dots {margin-top: 20px;} .owl-dots button {border: none; outline: none; padding: 0; width: 8px; height: 8px; margin: 0 5px; border-radius: 30px;} .owl-theme .owl-dots .owl-dot span {display: none;} /* new owl close */ .text-light .owl-theme .owl-controls .owl-page span {background-color: #fff;} .text-light .owl-theme .owl-controls .owl-page.active span {background: none;} .text-light .owl-theme .owl-controls .owl-page.active span:before {border: solid 2px #fff;} .text-slider {color: #fff; display: inline-block;} .text-slider.med-text {font-size: 72px; line-height: 84px; font-weight: bold;} .text-slider.big-text {font-size: 120px; line-height: 120px; font-weight: bold;} .border-deco .text-item {display: inline-block;} .text-slider.dark {color: #222;} .text-item i {font-size: 60px; margin-top: 5px;} .text-slider.big-text i {font-size: 90px; margin-top: 15px;} .text-slider h1 {font-size: 60px;} .text-rotate-wrap {display: inline-block;} .text-rotate-wrap .text-item {display: none;} .red {color: #ff0000;} .teal {color: #009999;} .purple {color: #663366;} .green {color: #009900;} .bg-overlay {position: absolute; width: 100%; height: 100%; z-index: 1;} .center-y {position: relative;} .overlay-bg {width: 100%; height: 100%; z-index: 100; background: rgba(214, 181, 110, .9); top: 0; padding: 100px 0 100px 0;} .overlay-bg.p60 {padding-top: 60px; padding-bottom: 60px;} .overlay-gradient {width: 100%; height: 100%; z-index: 100; top: 0;} .overlay-solid {width: 100%; height: 100%; z-index: 100; top: 0;} .overlay-bg.t0 {background: rgba(214, 181, 110, 0);} .overlay-bg.t20 {background: rgba(214, 181, 110, .2);} .overlay-bg.t30 {background: rgba(214, 181, 110, .3);} .overlay-bg.t40 {background: rgba(214, 181, 110, .4);} .overlay-bg.t50 {background: rgba(214, 181, 110, .5);} .overlay-bg.t60 {background: rgba(214, 181, 110, .6);} .overlay-bg.t70 {background: rgba(214, 181, 110, .7);} .overlay-bg.t80 {background: rgba(214, 181, 110, .8);} .overlay-bg.t90 {background: rgba(214, 181, 110, .9);} .overlay-bg.c1 {background: rgba(214, 181, 110, .8);} .overlay-bg.dark {background: rgba(20, 20, 20, .8);} .overlay-bg.gradient-blue-aqua {background: -moz-linear-gradient(45deg, rgba(2, 68, 129, 0.9) 0%, rgba(52, 176, 188, 1) 100%); background: -webkit-linear-gradient(45deg, rgba(2, 68, 129, 0.9) 0%, rgba(52, 176, 188, 1) 100%); background: linear-gradient(45deg, rgba(2, 68, 129, 0.9) 0%, rgba(52, 176, 188, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cc024481', endColorstr='#cc34b0bc', GradientType=1);} .full-height .overlay-bg {display: table;} .full-height .overlay-gradient {display: table;} .full-height .center-y {display: table-cell; vertical-align: middle;} .pic-hover {width: 100%; position: relative; overflow: hidden;} i.btn-action-hide {opacity: 0;} .pic-hover:hover .bg-overlay {background: rgba(0, 0, 0, .5);} .pic-hover:hover i.btn-action-hide {opacity: 1;} .pic-hover.hover-scale:hover img {-moz-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1);} .center-xy {position: absolute; z-index: 5;} .center-xy i.btn-action {font-size: 24px; border: solid 2px rgba(255, 255, 255, .3); padding: 16px; width: 60px; height: 60px; border-radius: 60px; text-align: center; color: #fff;} .center-xy i.btn-action:hover {border-color: rgba(255, 255, 255, 0); background: rgba(255, 255, 255, .3);} .center-xy i.btn-action.btn-play {padding-left: 20px;} .bg-grey, section.bg-grey {background: #f8f8f8;} .wow {visibility: hidden;} /* Footer > Back to Top */ #back-to-top {position: fixed; bottom: -40px; right: 20px; z-index: 1020; width: 40px; height: 40px; text-align: center; line-height: 30px; cursor: pointer; border: 0; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; text-decoration: none; transition: opacity 0.2s ease-out; outline: none; opacity: 0; padding-top: 4px;} .rtl #back-to-top{right: auto; left: 20px;} #back-to-top:hover {background: #10334e; color: #ffffff;} #back-to-top.show {bottom: 20px; opacity: 1;} #back-to-top.hide {bottom: -40px;} #back-to-top:before {font-family: "FontAwesome"; font-size: 18px; content: "\f106"; color: #ffffff; position: relative;} body.page-id-16 #back-to-top {display: none;} /* mouse scroll icon begin */ .mouse {position: absolute; width: 22px; height: 42px; bottom: 40px; left: 50%; margin-left: -12px; border-radius: 15px; border: 2px solid #fff; -webkit-animation: intro 1s; animation: intro 1s;} .scroll {display: block; width: 3px; height: 3px; margin: 6px auto; border-radius: 4px; background: #fff; -webkit-animation: finger 1s infinite; animation: finger 1s infinite;} @-webkit-keyframes intro {0% {opacity: 0; -webkit-transform: translateY(40px); transform: translateY(40px); } 100% {opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes intro {0% {opacity: 0; -webkit-transform: translateY(40px); transform: translateY(40px); } 100% {opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @-webkit-keyframes finger {0% {opacity: 1; } 100% {opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); } } @keyframes finger {0% {opacity: 1; } 100% {opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); } } /* mouse scroll icon close */ @-moz-keyframes bounce { 0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0); transform: translateY(0); } 40% {-moz-transform: translateY(-30px); transform: translateY(-30px); } 60% {-moz-transform: translateY(-15px); transform: translateY(-15px); } } @-webkit-keyframes bounce { 0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0); transform: translateY(0); } 40% {-webkit-transform: translateY(-30px); transform: translateY(-30px); } 60% {-webkit-transform: translateY(-15px); transform: translateY(-15px); } } @keyframes bounce { 0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0); -ms-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0); } 40% {-moz-transform: translateY(-30px); -ms-transform: translateY(-30px); -webkit-transform: translateY(-30px); transform: translateY(-30px); } 60% {-moz-transform: translateY(-15px); -ms-transform: translateY(-15px); -webkit-transform: translateY(-15px); transform: translateY(-15px); } } .arrow-anim {position: absolute; bottom: 0; left: 50%; margin-left: -20px; width: 40px; height: 40px; background-size: contain;} .arrow-anim:before {content: "\f107"; font-family: "FontAwesome"; font-size: 32px;} .bounce {-moz-animation: bounce 2s infinite; -webkit-animation: bounce 2s infinite; animation: bounce 2s infinite;} a.read_more {display: inline-block; font-weight: bold; color: #222222; text-decoration: none;} a.read_more:hover {color: #707070;} a.read_more i {margin-left: 8px;} .text-light a.read_more {color: #fff;} .text-black {color: #222;} #de-arrow-nav-set {text-align: center;} #de-arrow-nav-set i {color: #222; font-size: 32px;} #de-arrow-nav-set i.icon_menu {display: inline-block;} .profile_pic h4 {margin-bottom: 0;} .profile_pic .subtitle {font-size: 13px; display: block; margin-bottom: 10px; color: #999;} .profile_pic .tiny-border {margin-bottom: 20px;} .profile_pic span {color: #fff;} .owl-custom-nav {position: absolute; z-index: 100; right: 4px; margin-top: 80px; width: 100%;} .owl-custom-nav .btn-next, .owl-custom-nav .btn-prev {opacity: 0;} .owl-custom-nav .btn-next {right: -50px; position: absolute;} .owl-custom-nav .btn-prev {left: -50px; position: absolute;} .pf-hover:hover .btn-next {right: 30px; opacity: 1;} .pf-hover:hover .btn-prev {left: 30px; opacity: 1;} .owl-custom-nav .btn-next:before, .owl-custom-nav .btn-prev:before {font-size: 18px;} .owl-custom-nav .btn-next:before {font-family: "FontAwesome"; content: "\f178"; color: #fff; padding: 12px;} .owl-custom-nav .btn-prev:before {font-family: "FontAwesome"; content: "\f177"; color: #fff; padding: 12px;} .owl-custom-nav a {text-decoration: none;} .owl-custom-nav .btn-prev:hover:before, .owl-custom-nav .btn-next:hover:before {cursor: pointer;} #custom-owl-slider {display: block; overflow: hidden; width: 100%; height: 100%; position: absolute; top: 0; z-index: -1; background: #fff;} #custom-owl-slider .items {width: 100%; height: 100%; overflow: hidden; z-index: 20; visibility: inherit; opacity: 1;} #custom-owl-slider .item img {display: block; width: 100%; height: 100%;} .owl-slider-nav {position: absolute; width: 100%;} .owl-slider-nav, .owl-slider-nav div {position: absolute; z-index: 10; cursor: pointer;} .owl-slider-nav .next {right: -50px; width: 0; height: 0; border-top: 50px solid transparent; border-bottom: 50px solid transparent; border-right: 50px solid transparent;} .owl-slider-nav .prev {left: -50px; width: 0; height: 0; border-top: 50px solid transparent; border-bottom: 50px solid transparent; border-left: 50px solid transparent;} .owl-slider-nav .next:before {font-family: "FontAwesome"; font-size: 24px; content: "\f0da"; color: #fff; position: absolute; right: -40px; top: -13px;} .owl-slider-nav .prev:before {font-family: "FontAwesome"; font-size: 24px; content: "\f0d9"; color: #fff; position: absolute; left: -40px; top: -13px;} .owl-dots {text-align: center; margin-top: 20px;} .owl-dot {background: #ccc; border: none; margin: 5px; width: 6px; height: 6px; padding: 0; border-radius: 60px; -moz-border-radius: 60px; -webkit-border-radius: 60px;} .owl-dot.active {background: #1A1C26;} .owl-item.active div blockquote {background: #f8f8f8; position: relative; overflow: hidden; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;} .owl-item.active div blockquote, .owl-item.active div blockquote .de_testi_by {opacity: 1;} .owl-item.active div blockquote:before {position: absolute; top: 0; left: 0; color: #fff; border-radius: 0 0 15px 0;} .owl-stage {overflow: none;} /* new table */ .de_table {display: table; border-collapse: collapse; width: 100%;} .de_table .tr {display: table-row; border: 1px solid #ddd;} .de_table:not(.no-heading) .tr:first-child {font-weight: 600; border-bottom: 2px solid #ddd; color: #111111;} .de_table .tr:nth-child(even) {background-color: #f8f8f8;} .de_table .tr .td {display: table-cell; padding: 8px; border-left: 1px solid #ddd;} .de_table:not(.no-heading) .tr .td:first-child {border-left: 0;} .de_table.cols-2 .btn-custom {padding: 5px 10px;} .de_table.table-style-2 {font-size: 15px;} .de_table.table-style-2 .tr .td {border: none; padding: 10px;} .de_table.table-style-2:not(.no-heading) .tr:first-child {color: #ffffff; border: none;} .de_table.cols-2 .tr .td:last-child {text-align: right;} /* close new table */ .table {display: table; margin-bottom: 0;} .table [class*="col-"] {float: none; display: table-cell; vertical-align: top; padding: 0; height: 100%;} .table-custom-1 {position: absolute; height: 100%;} .table .table {background: none;} .table-pricing {font-size: 18px; border-radius: 3px; border: none; } .table-pricing thead {color: #ffffff; font-size: 18px;} .table-pricing thead tr th {padding: 20px 0 20px 0;} .table-pricing tbody tr {width: 100%; background: #f2f2f2; border-top: solid 8px #ffffff;} .table-pricing tbody tr:hover {background: #e2e2e2;} .table-pricing tbody tr td, .table-pricing tbody tr th {border: none; padding: 20px 0 20px 0;} .table-pricing tbody tr th .lbl, .table-pricing tbody tr td .lbl {display: none;} .text-middle, .table [class*="col-"].text-middle {vertical-align: middle;} .typed, .typed-strings {display: inline-block;} .typed-strings p {position: absolute;} .typed-cursor {opacity: 1; -webkit-animation: blink 0.7s infinite; -moz-animation: blink 0.7s infinite; animation: blink 0.7s infinite;} @keyframes blink {0% {opacity: 1; } 50% {opacity: 0; } 100% {opacity: 1; } } @-webkit-keyframes blink {0% {opacity: 1; } 50% {opacity: 0; } 100% {opacity: 1; } } @-moz-keyframes blink {0% {opacity: 1; } 50% {opacity: 0; } 100% {opacity: 1; } } .mask {width: 100%; position: relative; overflow: hidden !important; display: inline-block; -webkit-box-shadow: 2px 2px 30px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 2px 2px 30px 0px rgba(0, 0, 0, 0.2); box-shadow: 2px 2px 30px 0px rgba(0, 0, 0, 0.2);} .mask img {width: 100%; height: 100%;} .mask .cover {display: table; position: absolute; z-index: 100; width: 100%; height: 70px; padding: 25px; background: #000000; bottom: 0; top: 100%; margin-top: -70px;} .mask .cover .c-inner {display: table-cell; vertical-align: middle;} .mask.light .cover {background: #ffffff;} .mask .cover h3 {font-size: 18px; color: #fff; line-height: 1em; padding-left: 30px;} .mask.light .cover h3 {color: #000000;} .mask .cover p {color: #bbbbbb; padding-top: 15px; padding-right: 25px;} .mask.light .cover p {color: #777777;} .mask:hover .cover {height: 100%; top: 0; margin-top: -0px; background: rgba(0, 0, 0, .8);} .mask:hover .cover p {opacity: 1;} .mask:hover .cover p {padding-top: 0;} .mask .cover h3 span {margin-left: 20px;} .mask .cover h3 i {font-size: 32px; position: absolute; left: 30px; margin-top: -8px;} .rtl .mask .cover h3 i {right: 30px;} .rtl .mask .cover h3 {padding-right: 50px;} .rtl .mask .cover p {padding-right: 15px;} .mask.s1 .cover {top: 0; padding: 30px; text-align: center; background: rgba(0, 0, 0, .0);} .mask.s1 .cover .desc {opacity: 0;} .mask.s1:hover .cover {background: rgba(0, 0, 0, .8);} .mask.s1:hover .cover .desc {opacity: 1;} .mask.s1 h3 {font-size: 24px;} .mask .cover a.btn-custom {display: block; padding: 5px 10px; width: 100%; text-align: center;} .mask .s-gradient img {-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -o-filter: grayscale(100%); -ms-filter: grayscale(100%); filter: grayscale(100%);} .mask .s-gradient {position: relative;} .mask .s-gradient .gradient-fx {position: absolute; background: #333; width: 100%; height: 100%; z-index: 1; background: -moz-linear-gradient(left, rgba(214, 181, 110, .75) 0%, rgba(214, 181, 110, .2) 100%); background: -webkit-linear-gradient(left, rgba(214, 181, 110, .75) 0%, rgba(214, 181, 110, .2) 100%); background: linear-gradient(to right, rgba(214, 181, 110, .75) 0%, rgba(214, 181, 110, .2) 100%);} .style-2 .date-box {text-align: center; position: absolute; right: 0; padding: 15px 5px 5px 5px; color: #fff;} .style-2 .date-box .d {font-weight: 600; font-size: 38px; margin-bottom: 5px;} .style-2 .date-box .m {font-family: "Jost"; font-size: 13px; text-transform: uppercase; letter-spacing: 8px; margin-left: 8px;} .sitemap {margin: 0; padding: 0;} .sitemap.s1 li {list-style: none;} .sitemap.s1 li:before {font-family: FontAwesome; content: "\f016"; margin-right: 10px;} .list {margin: 0; padding: 0;} .list li {list-style: none;} .rtl .list.s1 li:after, .list.s1 li:before {font-family: FontAwesome; content: "\f00c"; margin-right: 10px;} .rtl .list.s1 li:after {margin-right: 0; margin-left: 10px;} .rtl .list.s1 li:before {display: none;} .list.s2 li:before {font-family: FontAwesome; content: "\f055"; margin-right: 10px;} .list.s3 {display: inline; margin: 0; padding: 0;} .list.s3 li {display: inline; margin-right: 20px;} .list.s3 a {font-weight: bold;} .list.s4 li{position: relative; padding: 16px 10px 16px 70px; font-size: 18px; background: rgba(255, 255, 255, .05); margin-bottom: 30px; font-weight: 500;} .list.s4 li i{position: absolute; top:14px; left: 20px; font-size: 36px;} .rtl .list.s4 li{padding-left: 10px; padding-right: 70px;} .rtl .list.s4 li i{left: auto; right: 20px;} #owl-logo img {opacity: .8;} #owl-logo img:hover {opacity: 1;} .switch-set {direction: ltr !important;} .switch-set div {display: inline-block; padding: 0 5px; direction: ltr !important;} .switch {margin-bottom: -5px; -webkit-appearance: none; height: 24px; width: 44px; background-color: #EEEEEE; border-radius: 60px; position: relative; cursor: pointer;} .switch::after {content: ""; width: 20px; height: 20px; background-color: gray; position: absolute; border-radius: 100%; transition: .5s; margin: 2px 0 0 2px;} /* .switch:checked { background-color: blue;} */ .switch:checked::after {transform: translateX(20px);} .switch:focus {outline-color: transparent;} .box-highlight {-webkit-box-shadow: 5px 5px 40px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 5px 5px 40px 0px rgba(0, 0, 0, 0.1); box-shadow: 5px 5px 40px 0px rgba(0, 0, 0, 0.1);} .box-highlight, .box-highlight .content {border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; padding: 5px;} .box-highlight .heading {padding: 15px 10px 0 10px;} .box-highlight .content {margin: 5px; padding: 20px; background: #ffffff;} .box-highlight .content, .box-highlight .content strong {color: #111111;} .box-highlight .content.v1 p {font-size: 20px;} #selector {width: 500px; position: fixed; right: 0; top: 25%; padding: 5px; z-index: 1000;} #selector .opt {margin-top: 10px; margin-right: 5px; width: 20px; height: 20px; display: block; float: left; background: #ffffff; border-radius: 30px; -moz-border-radius: 30px; -webkit-border-radius: 30px; cursor: pointer; border: solid 1px rgba(255, 255, 255, .5);} #selector .opt:hover {border-color: #ffffff;} #selector .opt.tc1 {background: #eaa636;} #selector .opt.tc2 {background: #C70039;} #selector .opt.tc3 {background: #FF5733;} #selector .opt.tc4 {background: #4CBB17;} #selector .opt.tc5 {background: #0073CF;} #selector .opt.tc6 {background: #33C9BD;} #selector .opt.tc7 {background: #AE9749;} #selector .opt:after {position: relative; display: inline-block; content: '\f00c'; font-family: "FontAwesome"; top: -5px; opacity: 0; transform: scale(2);} #selector .opt.active:after {opacity: 1; transform: scale(1);} #selector #dark-mode, #selector #related-items {font-weight: bold; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; margin-top: 50px; right: 15px; width: 40px; height: 39px; position: absolute; background: #222222; padding: 8px; padding-top: 0; cursor: pointer; overflow: hidden; border-radius: 60px; -moz-border-radius: 60px; -webkit-border-radius: 60px; color: #FDD32A; font-size: 16px;} #selector #related-items {margin-top: 100px; background: #82b440; color: #ffffff;} #selector #dark-mode:hover, #selector #related-items:hover {width: 190px;} #selector #dark-mode:before, #selector #related-items:before {font-weight: normal; display: inline-block; content: '\f186'; font-family: "FontAwesome"; font-size: 20px; padding: 3px; padding-top: 6px; margin-right: 10px;} #selector #related-items:before {content: '\f05a';} #selector #dark-mode.active {background: #FDD32A; color: #222222;} .disable-dark #selector .dark-mode {display: none;} #selector .sc-opt {cursor: pointer; color: #fff; font-size: 14px; height: 38px; overflow: hidden; position: absolute; text-align: center; max-width: 45px; padding-right: 20px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; right: 10px;} #selector .sc-opt:hover {max-width: 100%;} #selector .sc-opt .sc-icon {width: 45px; height: 38px; color: #fff; display: inline-block; font-size: 14px; font-weight: bold; line-height: 14px; padding: 12px 10px; position: relative; float: left;} #selector .sc-mt {margin-top: 45px;} #selector .sc-val {display: inline-block; margin-top: 5px;} .de-box-image {padding: 10px; text-align: center;} .de-box-image img {margin-bottom: 20px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border: solid 1px #eeeeee; -webkit-box-shadow: 0 0 40px 0 rgba(10, 10, 10, 0.05); -moz-box-shadow: 0 0 40px 0 rgba(10, 10, 10, 0.05); box-shadow: 0 0 40px 0 rgba(10, 10, 10, 0.05);} .de-box-image:hover img {margin-top: -20px; -webkit-box-shadow: 0 40px 40px 0 rgba(10, 10, 10, 0.1); -moz-box-shadow: 0 40px 40px 0 rgba(10, 10, 10, 0.1); box-shadow: 0 40px 40px 0 rgba(10, 10, 10, 0.1);} .de-box-image:hover h4 {margin-top: 20px;} .de-image-hover {position: relative; overflow: hidden;} .dih-overlay {z-index: 1; position: absolute; width: 100%; height: 100%; background: #eee; opacity: 0;} .dih-title-wrap {z-index: 2; display: table; position: absolute; width: 100%; height: 100%;} .dih-title {opacity: 0; font-size: 16px; z-index: 2; text-align: center; display: table-cell; vertical-align: middle; color: #fff;} .de-image-hover:hover .dih-overlay {opacity: .8;} .de-image-hover:hover .dih-title {opacity: 1; transform: scale(1.2);} .de-image-hover:hover img {transform: scale(1.1);} .de-image-hover:hover {-webkit-box-shadow: 5px 25px 15px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 5px 25px 15px 0px rgba(0, 0, 0, 0.1); box-shadow: 5px 25px 15px 0px rgba(0, 0, 0, 0.1);} .img-fullwidth {width: 100%; height: auto;} /* quick-search */ .quick-search {display: inline-block; float: right; margin-left: 10px; padding: 10px 0 0 0;} .quick-search input {width: 120px; border-radius: 40px;} .side-bg {position: relative;} .image-container {height: 100%; overflow: hidden; padding: 0; position: absolute; top: 0} .side-bg .background-image {background-position: 50% 50%; background-size: cover; width: 100%; height: 100%; left: 0; position: absolute; z-index: 0;} .side-bg.right .image-container {right: 0;} #search {float: left; width: 70%; margin-bottom: 0;} #btn-search {border: none; padding: 7px; background: #222; float: left; width: 30%; height: 42px;} #btn-search:before {font-family: FontAwesome; content: "\f002"; font-size: 24px; color: #111;} #btn-search:hover {background: #fff;} /* review */ .de_review {text-align: center; min-height: 260px;} .de_review .de_nav {overflow: hidden; padding-left: 0; margin: 0; padding: 0; font-weight: bold; text-align: center;} .de_review .de_nav li {list-style: none; background: #EEE; margin: 0 10px 0 10px; margin-bottom: 20px;} .de_review .de_nav li {display: inline-block;} .de_review .de_nav li img {width: 100px; height: auto;} .de_review .de_nav li span {padding: 8px 16px 8px 16px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; border-left: 1px solid #ddd; border-right: 1px solid #ddd; display: block; background: #f6f6f6; text-decoration: none; color: #646464; font-size: 13px; cursor: pointer;} .de_review blockquote {border: none; font-family: "Jost", Georgia, "Times New Roman", Times, serif;} .de_review .de_nav li span {border: 1px solid #202220; background: #222;} .de_review .de_nav li:first-child span {border-left: 1px solid #ddd;} .de_review .de_nav li:first-child span {border-left: 1px solid #202220;} .de_review .de_review_content {border: 1px solid #ddd; padding: 15px 20px 20px 20px; margin-top: -1px; background: #fff;} .de_review .de_review_content {border: 1px solid #202220; background: #27282b;} .de_review .de_nav li.active span {background: #FFF; border-bottom: 1px solid #fff; color: #222; margin-bottom: -3px;} .separator {line-height: 0.5; text-align: center; margin: 30px 0 30px 0;} .separator span {display: inline-block; position: relative;} .separator span:before, .separator span:after {content: ""; position: absolute; border-bottom: 1px solid rgba(255, 255, 255, .1); top: 5px; width: 50px;} .separator span:before {right: 100%; margin-right: 15px;} .separator span:after {left: 100%; margin-left: 15px;} .separator span i {font-size: 12px; padding: 0; margin: 0; float: none;} .de_light .separator span:before, .de_light .separator span:after {border-bottom: 1px solid rgba(0, 0, 0, .2);} .text-light .separator span:before, .text-light .separator span:after {border-bottom: 1px solid rgba(255, 255, 255, .1);} /* -------------------------------------------------- * revolution slider setting * --------------------------------------------------*/ #revolution-slider {background: #222;} .tp-caption {color: #fff; font-weight: 400;} .tp-caption.teaser {letter-spacing: 5px;} .tp-caption br {margin-bottom: 5px;} .tparrows {top: 50%;} .med {font-size: 24px; letter-spacing: -.5px;} .med-white {color: #fff; font-size: 24px; letter-spacing: -.5px;} .med-green {color: #1a8b49; font-size: 24px; letter-spacing: -.5px;} .small-white {color: #fff; line-height: 1.7em;} .big-black {font-size: 52px; letter-spacing: -3px; color: #222;} .big-white {font-size: 16px; color: #fff; line-height: normal; font-weight: 400; text-transform: uppercase; letter-spacing: 6px;} .very-big-white {font-family: "Jost"; font-size: 64px; color: #fff; margin: 0; font-weight: 500;} .ultra-big-white {font-size: 120px; font-weight: bold; color: #fff; margin: 0;} .ultra-big-black {font-size: 96px; font-weight: 400; color: #222; margin: 0; line-height: 72px;} a.btn-slider:hover {color: #222;} .tp-caption.separator {width: 100px; border-bottom: solid 1px rgba(255, 255, 255, .3);} /* isotope */ .isotope, .isotope .isotope-item {/* change duration value to whatever you like */ -webkit-transition-duration: 1s; -moz-transition-duration: 1s; -ms-transition-duration: 1s; -o-transition-duration: 1s; transition-duration: 1s;} .isotope {-webkit-transition-property: height, width; -moz-transition-property: height, width; -ms-transition-property: height, width; -o-transition-property: height, width; transition-property: height, width;} .isotope .isotope-item {-webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; -ms-transition-property: -ms-transform, opacity; -o-transition-property: -o-transform, opacity; transition-property: transform, opacity;} /**** disabling Isotope CSS3 transitions ****/ .isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition {-webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s;} #filters {font-family: "Jost"; padding: 0; margin: 0; margin-bottom: 20px; font-weight: 400;} #filters li {display: inline-block; margin-right: 5px; margin-bottom: 10px; font-size: 11px; text-transform: uppercase;} #filters a {background: none; outline: none; color: #888; text-decoration: none; color: #888; padding: 5px 20px 5px 20px; border-radius: 3px; -moz-border-radius: 300px; -webkit-border-radius: 300px;} .text-light #filters a {color: rgba(255, 255, 255, .5);} #filters a:hover {color: #111;} #filters a.selected {color: #fff;} .text-light #filters a:hover {color: #fff;} .text-light #filters a.selected {color: #fff;} .text-light #filters a.selected {color: #fff;} .isotope-item {z-index: 2;} .isotope-hidden.isotope-item {pointer-events: none; z-index: 1;} /* flex slider */ .flexslider {width: 100%; background: none; border: none; box-shadow: none; margin: 0;} .control-slider {float: right; display: inline-block; margin-right: -10px;} .prev-slider, .next-slider {float: left; display: block; text-align: center; margin-top: 10px; cursor: pointer;} .prev-slider i, .next-slider i {border: solid 1px #ccc; padding: 5px 10px 5px 10px;} .prev-slider i:hover, .next-slider i:hover {color: #fff; border: solid 1px #333; background: #333;} .prev-slider {margin-right: -5px;} .project-carousel ul.slides, .project-carousel-3-col ul.slides {margin-top: 10px; margin-bottom: 20px;} .logo-carousel .flex-direction-nav, .project-carousel .flex-control-nav, .project-carousel .flex-direction-nav, .project-carousel-3-col .flex-control-nav, .project-carousel-3-col .flex-direction-nav {display: none;} .logo-carousel.no-control .flex-control-nav {display: none;} .logo-carousel li img {width: auto;} /* flex slider - testi slider */ #testimonial-full {text-align: center; padding: 10px 0 10px 0; text-shadow: none;} #testimonial-full blockquote {color: #fff; border: none; margin: 0; font-size: 18px; font-weight: 400; font-style: normal; line-height: 1.5em; text-transform: uppercase; letter-spacing: 3px;} #testimonial-full span {letter-spacing: 0; margin-top: 20px; text-transform: none;} .testi-slider .flex-control-nav {position: absolute; margin-top: -50px;} .testi-slider .flex-direction-nav {display: none;} /* Control Nav */ .testi-slider .flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;} .testi-slider .flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;} .testi-slider .flex-control-paging li a {background: none; width: 8px; height: 8px; display: block; border: solid 1px #fff; cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; box-shadow: none;} .testi-slider .flex-control-paging li a:hover {border: solid 1px #fff; background: #fff;} .testi-slider .flex-control-paging li a.flex-active {border: solid 1px #fff; cursor: default; background: #fff;} .size10 {font-size: 10px;} .size20 {font-size: 20px;} .size30 {font-size: 30px;} .size40 {font-size: 40px;} .size50 {font-size: 50px;} .size60 {font-size: 60px;} .size70 {font-size: 70px;} .typed-strings p {position: absolute;} .deco-big {display: block; font-size: 120px; font-family: "Miama"; margin-top: 48px; margin-left: -20px;} .deco-md {display: block; font-size: 120px; font-family: "Miama"; margin-top: 32px; margin-left: -20px;} .social-icons-sm i {color: #fff; margin: 0 5px 0 5px; border: solid 1px #555; width: 32px; height: 32px; padding: 8px; text-align: center; border-radius: 30px;} .social-icons-sm i:hover {color: #ffffff;} .arrowup {width: 0; height: 0; border-left: 30px solid transparent; border-right: 30px solid transparent; border-bottom: 30px solid #fff; margin: 0 auto; left: 0; right: 0; position: absolute; margin-top: -30px;} .arrowdown {width: 0; height: 0; border-left: 30px solid transparent; border-right: 30px solid transparent; border-top: 30px solid #ffffff; margin: 0 auto; left: 0; right: 0; position: absolute;} .arrowright {width: 0; height: 0; border-top: 60px solid transparent; border-bottom: 60px solid transparent; border-left: 60px solid green;} .arrowleft {width: 0; height: 0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-right: 10px solid blue;} blockquote.very-big {border: none; font-family: "Jost"; text-align: center; border: none; font-size: 32px; font-weight: 400; background: none; font-style: normal;} blockquote.very-big span {font-family: "Jost";} a, img {outline: 0;} .z1 {z-index: 1;} .z10 {z-index: 10;} .rtl-content {text-align: right;} /*******/ /* CTA */ /*******/ .cta-section {background-color: #1f6295;} .cta-section p {margin-bottom: 0;} .cta-section.bg-gold {background-color: #d6b56e;} /* R E S P O N S I V E */ @media (max-width: 1300px) { #mainmenu > li {letter-spacing: 0.1px;} #mainmenu a {padding-left: 10px; padding-right: 10px;} } @media (min-width: 1280px) { .container {min-width: 1200px;} } @media (min-width:980px) and (max-width: 1199px) { #mainmenu li a:after {margin-left: 15px; } .pf_full_width.gallery_border .item, .pf_full_width.gallery_border.pf_2_cols .item, .pf_full_width.gallery_border.pf_3_cols .item {float: left; width: 23.95%;} .md-hide {display: none; } } @media (min-width: 768px) and (max-width: 979px) { .slider_text {padding-top: 0;} } @media (min-width: 992px) { .position-lg-absolute {position: absolute;} } @media (max-width: 991px) { .col-right {position: absolute; top: -82px; right: 60px; width: 140px; } .mb-sm-30 {margin-bottom: 30px; } .p-sm-30 {padding: 40px; } .pb-sm-0 {padding-bottom: 0; } .mb-sm-0 {margin-bottom: 0; } header .header-col {position: absolute; top: 0; } header .header-col.mid {position: absolute; top: 70px; width: 100%; padding: 0 0 0 0; } #menu-btn {display: block; } .text-center-sm {text-align: center; } .sm-pt10 {padding-top: 10px; } .inner-padding {padding: 40px; } .header-col-left, .header-col-right {padding-top: 16px; } .header-col-mid {position: absolute; top: 90px; width: 100%; padding: 0 0 0 0; } header div#logo {line-height: 32px; } header {display: none; } header .info {display: none; } header.header-bg {background: rgba(0, 0, 0, 1); } header, header.fixed {display: block; margin: 0; padding: 0; margin-top: 0; height: auto; background: #111111; padding: 0 0 12px; height: 110px;} #de-sidebar {position: absolute; width: 100%; right: 1px; } header.side-header, .de_light header.side-header {position: absolute; display: block; height: 60px; top: 0; background: #000; } header.side-header #mainmenu {position: absolute; background: #000; margin: 0; top: 60px; left: 0; width: 100%; } header.side-header #logo .logo {display: none; } header.side-header #logo .logo-2 {display: inline-block; position: absolute; height: 30px; top: 15px; left: 40px; } header.side-header #menu-btn {position: absolute; top: 8px; right: 30px; height: 0; z-index: 2000; height: 35px; } header.side-header #mainmenu li {display: block; } header.side-header #mainmenu a, .de_light.de-navbar-left header #mainmenu>li>a {display: block; text-align: center; color: #fff; } .de_light.de-navbar-left header #mainmenu>li {border-bottom: solid 1px rgba(255, 255, 255, .1); } header.side-header #mainmenu a:hover {background: none; } header.side-header #mainmenu a:hover {background: none; } header.side-header .social-icons-2 {display: none; } header.autoshow {height: auto; top: 0; } header.autoshow #mainmenu li a {background: none; } header.header-mobile-sticky {position: fixed; } .subheader-section, {padding: 0 0 0 0; } .de-navbar-left .subheader-section {padding: 0; margin: 0; } .subheader-section h1 {margin-top: 0; } .subheader-section span {display: none; } .subheader-section .crumb {display: none; } .de-navbar-left .subheader-section {padding-top: 70px; } .slider_text h1 {font-size: 32px; } .slider_text .description {display: none; } #logo, #logo .inner {vertical-align: middle; height: auto; } #domain-check .text, #domain-check .button {width: 100%; } .container-4 .de-team-list {width: 49.9%; float: left; position: relative; } #testimonial-full blockquote {padding: 20px; } #revolution-slider {} nav {height: 0; } #mainmenu {float: none; z-index: 200; width: 100%; margin: 0; padding: 0; } #mainmenu a {text-align: left; padding-left: 0; padding-top: 10px; padding-bottom: 10px; } #mainmenu li li a, #mainmenu li li li a {padding-left: 0; } #mainmenu a:hover {background: #111; } #mainmenu a:hover {background: #111; } #mainmenu li ul {display: block; position: inherit; margin: 0; width: 100%; } #mainmenu li {border-bottom: solid 1px #eee; margin: 0; width: 100%; display: block; } #mainmenu li a:after {display: none; } #mainmenu li:last-child {margin-bottom: 30px; } #mainmenu li ul {border-top: solid 1px #eee; top: auto; width: auto; height: auto; position: inherit; visibility: visible; opacity: 1; } #mainmenu li ul a {width: 100%; background: none; border: none; } #mainmenu li ul li {border: none; padding-left: 40px; } #mainmenu li ul li a {display: block; } #mainmenu li ul li:last-child {border-bottom: none; margin: 0; } #mainmenu li ul li:last-child a {border-bottom: none; } #mainmenu li a {color: #eceff3; } #mainmenu li li a:hover {color: #fff; } header.header-mobile #mainmenu {float: none; z-index: 200; width: 100%; margin: 0; padding: 0; text-align: left; padding-right: 30px; } .rtl header.header-mobile #mainmenu{padding-right: 0; padding-left: 30px; text-align: right; } header.header-mobile #mainmenu a {text-align: left; padding-top: 10px; padding-bottom: 10px; } .rtl header.header-mobile #mainmenu a {text-align: right; } header.header-mobile #mainmenu a:hover {background: none; } header.header-mobile #mainmenu li ul {display: block; position: inherit; margin: 0; width: 100%; } header.header-mobile #mainmenu li {border-bottom: solid 1px #eee; ; margin: 0; width: 100%; display: block; } header.header-mobile #mainmenu li ul.mega ul {height: auto; } header.header-mobile #mainmenu li ul.mega .menu-content {background: #fff; } header.header-light.header-mobile #mainmenu li, header.header-light.header-mobile #mainmenu li ul li a {border-color: #eee; } header.header-dark.header-mobile {background: #222; } header.header-dark.header-mobile #mainmenu li {border-color: #333; } header.header-dark.header-mobile #mainmenu li a {color: #fff; } header.header-mobile #mainmenu li a:after {display: none; } header.header-mobile #mainmenu li:last-child {margin-bottom: 30px; } header.header-mobile #mainmenu li ul {border-top: none; top: auto; } header.header-mobile #mainmenu li ul a {width: 100%; background: none; border: none; } header.header-mobile #mainmenu li ul li {border: none; padding-left: 40px; } header #mainmenu li ul li:first-child {border-top: solid 1px #eee; } header.header-mobile #mainmenu li ul li a {display: block; border-bottom: solid 1px #eee; } header.header-mobile #mainmenu li ul li:last-child {border-bottom: none; margin: 0; } header.header-mobile #mainmenu li ul li:last-child a {border-bottom: none; } header.header-mobile #mainmenu li a {color: #888; } header.header-mobile #mainmenu li a:hover {color: #333; } header.header-mobile #mainmenu li li a:hover {color: #888; } header.header-mobile #mainmenu li ul {height: 0; overflow: hidden; position: relative; left: 0; } header.header-mobile #mainmenu li ul li ul li:last-child {border-bottom: solid 1px #eee; } header.header-mobile #mainmenu li ul li ul {margin-bottom: 10px; } header.header-mobile #mainmenu>li>span {width: 36px; height: 36px; background: url() center no-repeat; position: absolute; right: 0; margin-top: 10px; z-index: 1000; cursor: pointer; } .rtl header.header-mobile #mainmenu>li>span {right: auto; left: 0; } header.header-mobile #mainmenu li span.active {background: url() center no-repeat; } header.header-mobile #mainmenu li>ul>li>span {width: 36px; height: 36px; background: url() center no-repeat; position: absolute; right: 0; margin-top: -45px; z-index: 1000; cursor: pointer; } header.header-mobile #mainmenu>li>ul>li>span.active {background: url() center no-repeat; } header.header-mobile #mainmenu li ul li a {border-bottom: solid 1px #eee; } header.header-mobile #mainmenu li ul li:last-child>a {border-bottom: none; } header.header-light.header-mobile #mainmenu>li>span, header.header-light.header-mobile #mainmenu li>ul>li>span {background: url() center no-repeat; } header.header-light.header-mobile #mainmenu>li>span.active, header.header-light.header-mobile #mainmenu li>ul>li>span.active {background: url() center no-repeat; } #mainmenu li ul.mega {position: fixed; left: 0; width: 100%; margin-top: 30px; display: block; } #mainmenu li ul.mega>li {width: 100%; } #mainmenu li ul.mega>li ul {position: static; visibility: visible; opacity: 1; left: 0; float: none; width: 100%; } #mainmenu li ul.mega .inner {background: #1A1C26; } #mainmenu ul.mega>li ul li {margin: 0; padding: 0; } #mainmenu li ul.mega .menu-content {background: #202020; padding: 30px; } /* header light */ .header-light #mainmenu ul li a, .header-light #mainmenu ul li a:hover {color: #333; } .de_tab.tab_steps .de_nav {text-align: center; } .de_tab.tab_steps .de_nav li {display: block; margin: 0; padding: 0; } .de_tab.tab_steps .de_nav li span {margin: 0; margin-bottom: 40px; display: inline-block; } .de_tab.tab_steps .de_nav li .v-border {border: none; } .hidden-phone {display: none; } .grid_gallery .item {width: 100%; } .table [class*="col-"] {float: none; display: block; vertical-align: top; } .table-pricing thead tr, .table-pricing tbody tr {display: block; width: 100%; } .table-pricing thead tr {display: none; } .table-pricing tbody tr th, .table-pricing tbody tr td {text-align: left; display: block; width: 100%; } .table-pricing tbody tr td {padding: 10px 30px; } .table-pricing tbody tr td:nth-child(2) {padding-top: 30px; } .table-pricing tbody tr td:last-child {padding-bottom: 40px; text-align: center; } .table-pricing tbody tr th span, .table-pricing tbody tr td span {min-width: 50%; } .table-pricing tbody tr th .lbl, .table-pricing tbody tr td .lbl {display: inline-block; min-width: 50%; } .table-pricing tbody tr th {color: #ffffff; padding: 20px 30px; } .sm-hide, .md-hide {display: none; } .btn-rsvp {position: absolute; } .btn-close {position: relative; } .schedule-item .sc-info {padding-top: 20px; } .de_tab.tab_style_4 .de_nav li {min-width: 100px; } #mainmenu a span {display: none; } .pf_full_width.grid {margin-left: 1.5%; } .de_tab.tab_steps.style-2 .de_nav li.active .arrow {margin-top: -40px; margin-bottom: 40px; } .table-custom-1 {position: relative; height: auto; } h1.very-big {font-size: 9vw; letter-spacing: 0; } .timeline>li>.timeline-panel {width: 100%; } .timeline-badge {display: none; } .timeline:before {background: none; } header.header-s2{top: 0; } header.header-s2 .d-menu-wrap{background: none; padding-left: 0; padding-right: 0; } .img-side{position: relative; } } @media (max-width: 767px) { header .container {min-width: 100%; } .side-bg, .image-container {height: 400px; position: static; display: block; } .xs-hide {display: none; } .pricing-2-col .pricing-box, .pricing-3-col .pricing-box, .pricing-4-col .pricing-box, .pricing-5-col .pricing-box {width: 100%; } .container-4 .de-team-list {width: 100%; float: left; position: relative; } .countdown-section {font-size: 12px; } .countdown-amount {font-size: 36px; } .container {padding-left: 20px; padding-right: 20px; } .feature-box-image, .pricing-box {margin-bottom: 30px; } #filters li.pull-right {float: none; } .de_tab .de_nav li {display: block; width: 100%; } .pf_full_width .item {float: left; width: 49.9%; } .text-item {font-size: 48px; line-height: 48px; } .text-item i {font-size: 36px; } #de-sidebar {width: 100%; display: block; position: relative; } .gallery_border {margin-left: 0; } .pf_full_width.gallery_border .item {width: 48.9%; } body.boxed {margin: 0; } .schedule-item .sc-time {width: 100%; padding-bottom: 20px; float: none; } .schedule-item .sc-pic {width: 80px; } .schedule-item .sc-pic img {width: 60px; } .schedule-item .sc-name {padding-top: 5px; } .schedule-item .sc-info {float: none; display: block; width: 100%; clear: both; padding-top: 30px; } .schedule-item .sc-info h4 {margin-bottom: 10px; } .de_tab.tab_style_4 .de_nav {border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; } .de_tab.tab_style_4 .de_nav li {min-width: 33.3%; width: 33.3%; border: none; } .de_tab.tab_style_4 .de_nav li:first-child, .de_tab.tab_style_4 .de_nav li:last-child {border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; } .pf_full_width.grid {margin-left: .2%; } .pf_full_width.grid .item {width: 48.5%; } .display-table [class*="col-"] {display: block; } h1.big, h1_big {font-size: 8vw; line-height: 10vw; } } @media (min-width: 480px) and (max-width: 767px) { .container {padding-left: 30px; padding-right: 30px; } .feature-box-image, .pricing-box {margin-bottom: 30px; } header div#logo img {max-width: 200px; height: auto; } .timeline-panel {margin-bottom: 30px; } .timeline-pic {height: 300px; } } @media (max-width: 480px) { .pf_full_width .item {float: left; width: 100%; } .text-item {font-size: 32px; line-height: 32px; } .text-item i {font-size: 24px; } header div#logo img {max-width: 200px; height: auto; } .pf_full_width.gallery_border .item {width: 100%; } h4.s2 span {display: block; margin: 0; padding: 0; } } /* section control */ @media (min-device-width: 768) and (max-device-width: 1024) and (orientation: portrait) { section {-webkit-background-size: auto 100%; -moz-background-size: auto 100%; -o-background-size: auto 100%; background-size: auto 100%; background-attachment: scroll; } } @media (max-width: 992px) { .subheader-section {-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-attachment: scroll; } } @media (max-width: 992px) { section {-webkit-background-size: auto 100%; -moz-background-size: auto 100%; -o-background-size: auto 100%; background-size: auto 100%; background-attachment: scroll; } } /* default color: #fa6a2e */ .bg-color, section.bg-color, section.call-to-action, #mainmenu li li a:hover, #mainmenu ul li:hover > a, .price-row, .slider-info .text1, .btn-primary, .bg-id-color, .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus, .dropcap, .fullwidthbanner-container a.btn, .feature-box-big-icon i, #testimonial-full, .icon-deco i, .feature-box-small-icon .border, #jpreBar, .date-post, .team-list .small-border, .de-team-list .small-border, .btn-line:hover,a.btn-line:hover, .btn-line.hover,a.btn-line.hover, .owl-arrow span, .de-progress .progress-bar, #btn-close-x:hover, .box-fx .info, .btn-more, .widget .small-border, .product img:hover, #btn-search, .de_tab.timeline li.active .dot, .btn-id, .tiny-border, .subheader-section .small-border-deco span, #services-list li a:hover, .timeline .tl-block .tl-line, .de_tab.tab_style_2 .de_nav li.active span, .de_tab.tab_steps.style-2 .de_nav li.active span, .feature-box-small-icon.style-2 .number.bg-color, .owl-custom-nav .btn-next:before, .owl-custom-nav .btn-prev:before, .timeline > li > .timeline-badge, .de_light .de_tab.tab_style_3 .de_nav li.active span, .de_tab.tab_style_4 .de_nav li.active span, .circle, .social-icons-sm i:hover, .btn-rsvp, .btn-close, .pricing-s1 .ribbon, .de_tab.tab_style_4 .de_nav li.active, #preloader .s1 span, #filters a.selected, .custom-show:after, .custom-close:after, .widget-post .date, .style-2 .date-box, .feature-box-type-1 i, .owl-item.active > div blockquote:before, .accordion-section-title:before, #form_subscribe #btn-submit i, .owl-dot.active, .bg-gradient-to-right-2, .feature-box-type-1.hover i, .feature-box-type-1:hover i, .ribbon, .box-icon-simple .num, .box-highlight.s2, .fpw-overlay-btm, .fp-wrap .fpwow-icons, .social-icons i, .owl-item.active.center .feature-box-type-2, .testimonial-color .item:nth-child(1n) blockquote:before, .spinner > div, .d-gallery-item .dgi-1, a.btn-border:hover, .dih-overlay, .widget_tags li a, .nav-pills .show>.nav-link, #selector .sc-opt, #cookieConsent a.cookieConsentOK, .mask .cover, .icon-box:hover, #back-to-top, .post-content .date-box, #mainmenu li a b {background:#d6b56e;} .id-color, #mainmenu li:hover > ul, .date-box .day, .slider_text h1, h1.id-color,h2.id-color,h3.id-color,h4.id-color, .pricing-box li h1, .title span, i.large:hover, .feature-box-small-icon-2 i, .pricing-dark .pricing-box li.price-row, .ratings i, header.smaller #mainmenu a.active, .pricing-dark .pricing-box li.price-row, .dark .feature-box-small-icon i, a.btn-slider:after, a.btn-line:after, .team-list .social a, .de_contact_info i, .dark .btn-line:hover:after, .dark a.btn-line:hover:after, .dark a.btn-line.hover:after, a.btn-text:after, .separator span i, address span strong, .de_tab.tab_steps .de_nav li span:hover, .de_testi_by, .widget_tags li a, .dark .btn-line:after, .dark a.btn-line:after, .crumb li .active, .btn-right:after, .btn-left:before, #mainmenu li a:after, header .info .social i:hover, #services-list li.active, #services-list li.active a:after, .testimonial-list:before, span.deco-big, h2.hs1 span, .wm,.wm2, .blog-list .date-box .day, .social-icons-sm i, .de_tab.tab_style_4 .de_nav li span, .schedule-item .sc-name, .de_testi.opt-2 blockquote:before, .pricing-s1 .bottom i, .profile_pic .subtitle, .countdown-s3 .countdown-period, .countdown-s4 .countdown-period, .social-icons i:hover, a.btn-link, blockquote.s1:before, .accordion a:before, .expand-custom .toggle:before, .sitemap.s1 li:before, .list li:before, .post-meta span:before, footer .widget a:hover, .mask .cover .date:before, .feature-box-type-2 i, .pricing-s2 .bottom i, .post-text h3 a:hover, .pricing-s1 .top h2, .demo-icon-wrap i, .demo-icon-wrap-s2 span, a.btn-border.light:hover, .de_testi.opt-2.review .p-rating, .post-text .p-tagline, .p-title, .h-phone i, a.btn-custom.btn-white, .mask:hover .cover h3 i, #topbar a i, .ul-style-2 li:before,.ul-style-2 li:after, .text-light h5, #mainmenu li a:hover, i.id-color {color:#d6b56e;} .id-color-2, span.id-color-2 {color:var(--secondary-color);} .id-color-3, span.id-color-3 {color:var(--tertiary-color);} .bg-color-2, .timeline h5, .testimonial-color .item:nth-child(2n) blockquote:before, a.btn-custom.bg-color-2 {background:var(--secondary-color);} .bg-color-3, a.btn-custom.bg-color-3 {background:var(--tertiary-color);} .feature-box-group .feature-box-type-1 i{background:var(--secondary-color);} .bg-gradient-to-right, .post-image .post-info .inner, .switch::after, .accordion-section-title.active, .de_table.table-style-2:not(.no-heading) .tr:first-child, h1 .label, #menu-btn, a.btn-custom.secondary, .accordion.secondary .accordion-section-title:before, header.header-gradient, .ribbon.s2, .table-pricing, .box-highlight {background:#d6b56e;} .bg-gradient-to-top-right{ background:linear-gradient(to top right, #d6b56e, var(--primary-color-2));} .feature-box-type-1 i, #preloader{ background-image:linear-gradient(to top right, #d6b56e, var(--primary-color-2));} .overlay-gradient { background: -moz-linear-gradient(45deg, rgba(214, 181, 110,0.9) 0%, rgba(var(--primary-color-2-rgb),0.9) 100%); background: -webkit-linear-gradient(45deg, rgba(214, 181, 110,0.9) 0%,rgba(var(--primary-color-2-rgb),0.9) 100%); background: linear-gradient(45deg, rgba(214, 181, 110,0.9) 0%,rgba(var(--primary-color-2-rgb),0.9) 100%); } .overlay-gradient.t80{ background: -moz-linear-gradient(45deg, rgba(214, 181, 110,0.8) 0%, rgba(var(--primary-color-2-rgb),0.8) 100%); background: -webkit-linear-gradient(45deg, rgba(214, 181, 110,0.8) 0%,rgba(var(--primary-color-2-rgb),0.8) 100%); background: linear-gradient(45deg, rgba(214, 181, 110,0.8) 0%,rgba(var(--primary-color-2-rgb),0.8) 100%); } .overlay-gradient.t70{ background: -moz-linear-gradient(45deg, rgba(214, 181, 110,0.7) 0%, rgba(var(--primary-color-2-rgb),0.7) 100%); background: -webkit-linear-gradient(45deg, rgba(214, 181, 110,0.7) 0%,rgba(var(--primary-color-2-rgb),0.7) 100%); background: linear-gradient(45deg, rgba(214, 181, 110,0.7) 0%,rgba(var(--primary-color-2-rgb),0.7) 100%); } .overlay-gradient.t60{ background: -moz-linear-gradient(45deg, rgba(214, 181, 110,0.6) 0%, rgba(var(--primary-color-2-rgb),0.6) 100%); background: -webkit-linear-gradient(45deg, rgba(214, 181, 110,0.6) 0%,rgba(var(--primary-color-2-rgb),0.6) 100%); background: linear-gradient(45deg, rgba(214, 181, 110,0.6) 0%,rgba(var(--primary-color-2-rgb),0.6) 100%); } .overlay-gradient.t50{ background: -moz-linear-gradient(45deg, rgba(214, 181, 110,0.5) 0%, rgba(var(--primary-color-2-rgb),0.5) 100%); background: -webkit-linear-gradient(45deg, rgba(214, 181, 110,0.5) 0%,rgba(var(--primary-color-2-rgb),0.5) 100%); background: linear-gradient(45deg, rgba(214, 181, 110,0.5) 0%,rgba(var(--primary-color-2-rgb),0.5) 100%); } a.btn-border.btn-invert, .small-border, .icon-box{ border-color:#d6b56e;} blockquote{ border-left-color:#d6b56e;} header.header-light #mainmenu a span, header.scroll-light #mainmenu a span, .subheader-section h1{ border-bottom-color:#d6b56e;} @media and (max-width: 992px) { .table-pricing tbody tr th {background-image:linear-gradient(to right, #d6b56e, var(--primary-color-2));} } /*************/ /* Additions */ /*************/ @media (max-width: 782px) { /* WordPress admin bar */ #wpadminbar {display: none;} body.admin-bar:not(.home) .site-container, body.admin-bar .site-container {margin-top: 0;} body.admin-bar .pushy {top: 0;} body.admin-bar .header {top: 0;} body.admin-bar .header.search-open {top: 0;} body.admin-bar .header, body.admin-bar .header.search-open {top: 0;} } /***************/ /* FontAwesome */ /***************/ .pushy-submenu > a::after, .pushy-submenu > button::after {font-family: "FontAwesome"; font-weight: normal; font-style: normal; display: inline-block;} /********************/ /* Link Transitions */ /********************/ /* Background color, font color, border color */ a, a:before, a:after, a .fa, a span, a span:before, a span:after, a h2, a h3, a h4, a h5, a h6, a p, a img, a span, a div, button, button span, button span:after, .slick-prev, .slick-next, .slick-prev:before, .slick-next:before, form input[type="submit"], form button, .blog-section .news-box .blog-text h2, .icons-section .icon-area h3, .linkgrid-section .link-area .box-area, .linkgrid-section .link-area .box-area .text-area, .centers-section .center-area .box-area, .centers-section .center-area .box-area:after, .content-section .icon-area h2, .sidebar .vertical-menu h3, .sidebar .widget.side-form form button, .scrollToTop {-webkit-transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out, border-color 0.3s ease-in-out; -o-transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out, border-color 0.3s ease-in-out; transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out, border-color 0.3s ease-in-out;} .locations-section .location-area .state-area.under-state, .blog-section .post-column {-webkit-transition: opacity 0.3s ease-in-out; -o-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out;} .boxgrid-section .link-area .text-area svg {-webkit-transition: margin 0.3s ease-in-out; -o-transition: margin 0.3s ease-in-out; transition: margin 0.3s ease-in-out;} .header, .header .logo-bar, .header .logo, .header .logo img, .header .logo svg, .header .top-area, .header .menu-bar, .header .navbar-nav > li, .linkgrid-section .link-area .box-area .rollover-area {-webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}