.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0 } * { --title-font: "Outfit",Helvetica,Arial,sans-serif; --body-font: "Inter",Helvetica,Arial,sans-serif; --border-default: solid 1px rgba(30, 30, 30, 1); --bg-color-even: #E8E8E8; --bg-color-odd: #F4F4F4; --bg-color-dark: #121212; --body-font-color: #4D5B7C; --dark-body-font-color: rgba(255, 255, 255, .75); --gray-color: #acacac } .g-custom-x { --bs-gutter-x: 30px } html { overflow-x: hidden; padding: 0; margin: 0; background: #fff } body { font-family: var(--body-font); font-size: 16px; font-weight: 400; color: var(--body-font-color); padding: 0; line-height: 1.7em; word-spacing: 0px; letter-spacing: -.2px } .dark-scheme { color: var(--dark-body-font-color) } body.dark-scheme { background: var(--bg-color-dark) } body .owl-stage .owl-item { margin-bottom: 15px } #wrapper { overflow: hidden } a, a:hover { text-decoration: none } header { width: 100%; position: absolute; left: 0; z-index: 1001; background: #2b313f; margin: 0; border-bottom: 1px solid rgba(255,255,255,0) } header.header-bg { background: rgba(0,0,0,.5) } header.transparent { background: 0 0 } header.autoshow { top: -120px; height: 70px !important } header.autoshow.scrollOff, header.autoshow.scrollOn { -o-transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; transition: .5s; outline: 0 } header.autoshow.scrollOn { top: 0 } header.autoshow.scrollOff { top: -120px } header div#logo { font-family: Oswald,sans-serif; color: #fff; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; transition: .3s } header .logo-2, header .logo-scroll { display: none } header .logo, header .logo-2 { font-family: var(--body-font); color: #fff; font-size: 40px; font-weight: 300 } header .logo-2 { color: #333 } header.header-full nav { float: left } header nav a { -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; transition: .3s } header nav a:hover { color: #555 } header.smaller #mainmenu ul ul { top: 0 } header.smaller { position: fixed; top: 0; background: #fff } .scroll-down { margin-top: -90px } .scroll-up { margin-top: 0 } .dark-scheme header.smaller { background: #121212 } header.smaller.scroll-light { background: #fff } header.smaller .logo-init { display: none } header.smaller #topbar { margin-top: -50px } header.smaller #topbar.topbar-dark a { color: #333 } header .logo-mobile { display: none } header.header-light .h-phone, header.smaller.scroll-light .h-phone { color: #202020 } header:not(.header-light).smaller.scroll-light div#logo .logo { display: none } header.smaller.scroll-light div#logo .logo-2, header.smaller.scroll-light div#logo .logo-scroll { display: inline-block } header.smaller.scroll-light #mainmenu li a, header.smaller.scroll-light #mainmenu li.has-child:after { color: #333 } header.smaller.scroll-light #mainmenu li li a:hover { color: #fff } .logo-smaller div#logo { width: 150px; height: 30px; line-height: 65px; font-size: 30px } .logo-smaller div#logo img { font-size: 30px } header.smaller div#logo .logo-1 { display: none } header.smaller div#logo .logo-2 { display: inline-block } .logo-small { margin-bottom: 20px } header.header-full { padding-left: 40px; padding-right: 40px } header .header-row { text-align: center } #subheader { text-align: center; overflow: hidden; padding: 50px 0 100px; position: relative } #subheader h1 { margin-top: 100px; margin-bottom: 10px; letter-spacing: -2px } #subheader.dark { background-color: #031b4e } #subheader.dark h1, #subheader.dark h2, #subheader.dark h4 { color: #fff } #subheader.dark h2 { font-size: 48px } #mainmenu { font-family: var(--title-font); font-weight: 500; font-size: 15px; margin: 0 auto; float: none } #mainmenu ul { margin: 0; padding: 0; height: 30px; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0px; background: #fff; color: var(--body-font-color) } #mainmenu ul:not(.mega) { box-shadow: 1px 1px 9px rgba(164,164,186,.3) } .dark-scheme #mainmenu ul { background: #121212; border: 1px solid rgba(255,255,255,.1) } #mainmenu li { margin: 0; padding: 0; float: left; display: inline; list-style: none; position: relative } .rtl #mainmenu > li { float: right } #mainmenu > li.has-child:after { font-family: FontAwesome; content: "\f078"; padding-left: 5px; font-size: 8px; position: relative; top: -2px; color: #fff } .rtl #mainmenu li.has-child:after { left: 25px } #mainmenu li > a { padding-right: 6px; font-weight: 500 } #mainmenu li.has-child > a { padding-right: 0 } #mainmenu a { position: relative; display: inline-block; padding: 30px; text-decoration: none; color: #fff; text-align: center; outline: 0 } #mainmenu p { line-height: 1.8em; margin-bottom: 0 } #mainmenu a span:not(.badge) { position: relative; width: 0%; color: #fff; display: block; font-size: 10px; text-transform: uppercase; line-height: 14px; border-bottom: 2px solid #fff } #mainmenu li:hover a span:not(.badge) { width: 100% } #mainmenu li li a span:not(.badge) { float: right; margin-top: 5px } #mainmenu a.active span:not(.badge) { width: 100%; margin-left: 0 } #mainmenu li li { font-family: var(--body-font); font-size: 14px; display: block; float: none; text-transform: none } #mainmenu li li:last-child, #mainmenu li:last-child > a { border-bottom: none } #mainmenu li li a { padding: 5px 15px; border-top: none; color: #606060; width: 100%; border-left: none; text-align: left; font-weight: 400; border-bottom: 1px solid rgba(255,255,255,.1) } .dark-scheme #mainmenu li li a { color: #fff } .rtl #mainmenu li li a { text-align: right } #mainmenu li li a:after { content: none } #mainmenu li li a:hover, #mainmenu ul li:hover > a { color: #fff } #mainmenu li ul { width: 230px; height: auto; position: absolute; left: 0; z-index: 10; visibility: hidden; opacity: 0; border-radius: 3px } #mainmenu ul li b { background: #333; color: #fff; padding: 0 3px 3px; font-size: 10px; margin-right: 3px; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px } #mainmenu li:hover > ul { visibility: visible; opacity: 1; margin-top: 0 } #mainmenu li ul ul { top: 0; margin-left: 188px } #mainmenu select { padding: 10px; height: 36px; font-size: 14px; border: none; background: #ff4200; color: #eceff3 } #mainmenu select option { padding: 10px } #menu-btn { display: none; float: right; width: 36px; height: 36px; padding: 4px; text-align: center; cursor: pointer; color: #fff; margin-top: 5px; margin-left: 20px } #menu-btn:before { font-family: FontAwesome; content: "\f0c9"; font-size: 20px } #menu-btn:hover { background: #fff } #menu-btn:hover:before { color: #222 } .rtl #menu-btn { float: left } #de-click-menu-notification { position: relative } .d-name h4 { line-height: 1.2em; margin-bottom: 0 } .d-name span { font-size: 15px } .rtl .d-balance, .rtl .d-name, .rtl .de-submenu h4 { text-align: right } .de-submenu-profile { list-style: none; margin: 0; padding: 0 } .rtl .de-submenu-profile { text-align: right } .de-submenu-profile a { color: #0d0c22; font-weight: 700; font-size: 14px; display: block; background: #fff } .dark-scheme .de-submenu-profile a { color: #fff } .de-submenu-profile li { padding: 5px 0 } .de-submenu-profile i { text-align: center; padding: 7px; background: #eee; color: #fff; border-radius: 30px; width: 28px; margin-right: 5px } .dark-scheme .de-submenu-profile i { background: rgba(255,255,255,.1) } #de-submenu-notification ul { margin: 10px 0 0; padding: 0; list-style: none } #de-submenu-notification li { line-height: 20px; margin-bottom: 15px } #de-submenu-notification li a { color: #0d0c22 } .dark-scheme #de-submenu-notification li a { color: #fff } #de-submenu-notification li img { width: 32px; height: 32px; position: absolute; border-radius: 30px; -moz-border-radius: 30px; -webkit-border-radius: 30px } .rtl #de-submenu-notification li img { right: 20px } #de-submenu-notification li:last-child { margin-bottom: 0 } #content { width: 100%; background: #fff; padding: 90px 0; z-index: 100 } .dark-scheme #content { background: var(--bg-color-even) } section { padding: 90px 0; position: relative } #content.zebra section:nth-child(2n) { background: #f6f6f6 } #content.no-bg, section.no-bg { background: 0 0 !important } .dark-scheme section { background: #121212 } .no-bg { background: 0 0 !important } .section-fixed { position: fixed; width: 100%; min-height: 100%; height: auto } footer { padding: 80px 0 0; font-size: 15px; background: var(--bg-color-dark) } .dark-scheme footer { background: rgba(255,255,255,.025) } .dark-scheme footer a { color: var(--dark-body-font-color) } .de_light footer h5, footer h5 { color: #fff; font-size: 18px; text-transform: none } footer a { color: #fff; text-decoration: none !important } .subfooter { border-top: 1px solid rgba(255,255,255,.1); padding: 20px 0 } header.side-header { border-bottom: none; margin: 0 } header.header-solid { background: #fff } header.smaller.header-dark { background: #222; border: none } header.smaller.header-dark #mainmenu a { color: #fff } header.s2 { background: #fff !important; border-bottom: 1px solid #eee; top: 0 } header.s2 #mainmenu > li > a { padding-top: 18px; padding-bottom: 18px } .side-layout header.smaller.header-dark #mainmenu > li { border-bottom: 1px solid rgba(255,255,255,.1) } .side-layout header.smaller.header-dark #mainmenu > li:last-child { border-bottom: none } header.header-mobile { position: fixed !important; background: #fff; top: 0; padding-bottom: 10px } header.header-mobile.menu-open { background: #ddd } header.header-mobile .container { max-width: 100% !important; padding-left: 20px; padding-right: 20px } .dark-scheme header.header-mobile { background: #121212 } header.header-mobile.has-topbar .header-col, header.header-mobile.has-topbar .header-row { margin-top: 10px } header.header-mobile nav { float: none } header.header-mobile .logo { display: none } header.header-mobile .logo-2 { display: inline-block } header.header-mobile #mainmenu ul { padding: 0 } #topbar { z-index: 1000; width: 100%; overflow: hidden; top: 0; background: rgba(0,0,0,.05) } #topbar.topbar-dark { background: #121212 } #topbar a { color: #161c2d; text-decoration: none } #topbar.text-light a { color: #fff } .topbar-left, .topbar-right { display: flex } .topbar-right { float: right } #topbar:not(.topbar-noborder) .topbar-right .topbar-widget { border-left: 1px solid rgba(255,255,255,.1) } #topbar:not(.topbar-noborder) .topbar-right span:last-child { border-right: 1px solid rgba(255,255,255,.1) } .topbar-left { float: left } .h-phone { position: relative; font-weight: 700; color: #031b4e; font-family: var(--title-font); padding-left: 40px; font-size: 20px; padding-top: 22px } .h-phone span { display: inline-block; position: absolute; left: 40px; top: 0; font-size: 14px; font-weight: 500 } .h-phone i { display: inline-block; position: absolute; font-size: 40px; left: 0; top: 12px } .topbar-widget { font-size: 14px; display: flex; padding: 3px 15px; font-weight: 400; height: 46px } .topbar-widget:first-child { padding-left: 0 } .topbar-widget.widget-text { padding-top: 6px } .topbar-widget i { font-size: 16px; margin-top: 8px; margin-right: 10px } .rtl .topbar-widget i { margin-right: 0; margin-left: 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 a span { font-weight: 700; margin-right: 10px; border-radius: 30px; -moz-border-radius: 30px; -webkit-border-radius: 30px } #de-sidebar { padding: 0 } .bloglist .post-text { border-bottom: solid 2px var(--primary-color); padding: 20px 30px 30px; background: #fff; margin: -40px 20px 0; position: relative; z-index: 100 } .dark-scheme .bloglist .post-text { background: #121212 } .bloglist .post-text a.btn-main { display: inline-block; margin-top: 0; padding: 5px 25px } .bloglist .date-box { width: 54px; position: absolute; text-align: center; color: #fff; margin: 20px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px } .bloglist .date-box .m { font-weight: 700; font-size: 32px; padding: 8px 8px 0 } .bloglist .date-box .d { font-size: 10px; letter-spacing: 5px; padding-left: 5px } .de-bloglist-type-1 .d-content { display: block; border-bottom: 1px solid rgba(0,0,0,.1); padding-bottom: 15px; margin-bottom: 0; padding-left: 80px } .de-bloglist-type-1 .d-image { position: absolute; overflow: hidden; width: 60px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px } .de-bloglist-type-1 .d-image img { width: 100% } .de-bloglist-type-1 .d-content h4 { font-size: 16px; margin-bottom: 2px } .de-bloglist-type-1 .d-date { position: relative; font-size: 12px; font-weight: 500; padding-left: 18px } .de-bloglist-type-1 .d-date:before { font-family: FontAwesome; font-weight: 300; color: var(--primary-color); content: "\f073"; left: 0; position: absolute } .de-post-type-1 { margin-bottom: 40px } .de-post-type-1 .d-image { position: relative; overflow: hidden; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; margin-bottom: 20px } .de-post-type-1 .d-image img { width: 100% } .de-post-type-1 h4 { margin-bottom: 10px } .de-post-type-1 h4 a { font-size: 20px; color: #333; margin-bottom: 0 } .blog-read h4 { color: #333; letter-spacing: normal; font-size: 24px; text-transform: none } .post-content { position: relative; overflow: hidden; margin-bottom: 20px } .post-content p { margin-bottom: 20px } .post-text { border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0 } .post-text h4 { margin-top: 10px; margin-bottom: 10px } .post-text h4 a { color: #031b4e; text-decoration: none; line-height: 1.5em } .dark-scheme .post-text h4 a { color: #fff } .post-text .tags { font-size: 10px; text-transform: uppercase } .p-tagline, .p-title { font-family: var(--body-font); background: rgba(var(--primary-color-rgb),.2); border-radius: 3px; display: inline-block; font-size: 10px; font-weight: 700; letter-spacing: 2px; line-height: 10px; padding: 7px 10px 6px; text-transform: uppercase; margin-bottom: 5px } .p-title { font-size: 12px; margin-bottom: 20px } .post-text .p-date { text-transform: uppercase; letter-spacing: 2px; font-size: 10px; font-weight: 500; color: #888; padding: 5px 10px; background: rgba(0,0,0,.05); border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px } .blog-read img { margin-bottom: 20px } .blog-read .post-text { padding: 0 } .post-author, .post-by, .post-comment, .post-date, .post-like { margin-right: 20px; font-size: 13px; color: #999; font-family: var(--body-font) } .dark-scheme .post-author, .dark-scheme .post-by, .dark-scheme .post-comment, .dark-scheme .post-date, .dark-scheme .post-like { color: #fff } .post-by:before, .post-comment:before, .post-date:before, .post-like:before { font-family: FontAwesome; padding-right: 10px; font-size: 11px } .post-meta { margin: 0 0 10px; border: 1px solid #eee; border-left: none; border-right: 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; text-align: center } .post-meta span i { float: none } .post-image { overflow: hidden; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; position: relative } .post-image img { width: 100%; margin-bottom: 0 } .blog-slide { padding: 0; margin: 0 } .post-image .post-author, .post-image .post-date { color: #fff } .product .price { margin-bottom: 10px; font-size: 20px; color: #222 } .product img { padding: 2px; background: #333; border: 1px solid #fff } .error { display: none; margin-top: 30px; color: #e7505a; clear: both; padding: 20px; background: rgba(231,80,90,.1); border: 1px solid #e7505a } .success { display: none; color: #96c346; margin-top: 30px; clear: both; padding: 20px; background: rgba(150,195,70,.1); border: 1px solid #96c346 } .error img { vertical-align: top } .full { width: 98% } .form-default input[type=email], .form-default input[type=text], .form-default select, .form-default textarea { padding: 10px; margin-bottom: 20px; background: rgba(255,255,255,.5); border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0px; height: auto; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; font-weight: 400; font-size: 18px } .form-border select { background: url("data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>") right 5px center no-repeat !important } .rtl .form-border select { background: 0 0 !important; padding-left: 20px } .form-default input[type=email]:focus, .form-default input[type=text]:focus, .form-default select:focus, .form-default textarea:focus { background: #f6f6f6 } .arrow-down, .arrow-up { 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 } address span { display: block; font-size: 18px; padding: 5px; background: #fff; border-radius: 5px } .dark-scheme address span { background: 0 0 } address span i { margin-top: 5px; margin-left: 5px; margin-right: 15px } .rtl address span i { margin-left: 15px; margin-right: 5px } .text-light address span a, .text-white address span a, .text-white address span a:hover { color: #fff } address.s1 span { background: 0 0; margin: 0 0 5px; padding: 0; font-size: 16px; line-height: 1.7em } address.s1 span i { font-size: 15px } address span strong { display: inline-block } .small-border { width: 50px; height: 2px; background: rgba(0,0,0,.5); border-left: none; border-right: none; display: block; margin: 0 auto 30px } .small-border.sm-left { margin-left: 0 } .rtl .small-border.sm-left { margin-right: 0 } .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 0 rgba(var(--primary-color-rgb),.3); -moz-box-shadow: 5px 5px 30px 0 rgba(var(--primary-color-rgb),.3); box-shadow: 5px 5px 30px 0 rgba(var(--primary-color-rgb),.3) } .icon-box { display: block; text-align: center; border: 1px solid #d2d2d2; padding: 20px 0 } .icon-box.s2 { margin: 1% } .icon-box.style-2 { border: none; background: rgba(var(--secondary-color-rgb),.1) } .text-light .icon-box { border: 2px solid rgba(255,255,255,.1) } .icon-box i { display: block; font-size: 40px; margin-bottom: 10px } .icon-box span { display: block; color: #606060; font-weight: 700; font-size: 14px; margin-top: 5px; line-height: 1.4em } .de-icon-box { padding: 30px; border: 1px solid #eee; border-radius: 12px; -moz-border-radius: 12px; -webkit-border-radius: 12px; box-shadow: 2px 2px 20px rgba(164,164,186,.2) } .de-icon-box p { margin-bottom: 0 } .dark-scheme .icon-box span, .text-light .icon-box span { color: #fff } .icon-box:hover { color: #fff; -webkit-box-shadow: 5px 5px 30px 0 rgba(var(--primary-color-rgb),.3); -moz-box-shadow: 5px 5px 30px 0 rgba(var(--primary-color-rgb),.3); box-shadow: 5px 5px 30px 0 rgba(var(--primary-color-rgb),.3) } .icon-box:hover i, .icon-box:hover span { color: #fff } a { text-decoration: none } a.btn-text { text-decoration: none; display: inline-block; font-weight: 600; padding: 0; color: #fff } a.btn-text:after { font-family: FontAwesome; content: "\f054"; padding-left: 10px } .btn, a.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 } .btn-fullwidth { display: block; width: 100% } .btn-main:hover, a.btn-main:hover { color: #fff; -webkit-box-shadow: 2px 2px 20px 0 rgba(var(--primary-color-rgb),.5); -moz-box-shadow: 2px 2px 20px 0 rgba(var(--primary-color-rgb),.5); box-shadow: 2px 2px 20px 0 rgba(var(--primary-color-rgb),.5) } a.btn-id, a.btn-id:hover { border: none } .btn-main.btn-small { padding: 5px 20px; font-weight: 700; text-transform: uppercase } #mainmenu li ul.mega a.btn-main, .btn-main, .btn-main:active, .btn-main:focus, .btn-main:visited, a.btn-line, input[type=button].btn-main { display: inline-block; font-family: var(--title-font); text-align: center; color: #fff; outline: 0; font-weight: 800; text-decoration: none; padding: 4px 30px; font-size: 14px; border: none; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px } .d-btn-close { color: #fff; cursor: poInter; display: block; text-align: center; width: 60px; height: 60px; background: #333; font-size: 32px; font-weight: 700; text-decoration: none; margin: 0 auto; padding-top: 12px; position: absolute; left: 0; right: 0 } .play-button { border-radius: 60px; -moz-border-radius: 60px; -webkit-border-radius: 60px; color: #fff; text-decoration: none; border: 5px solid 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: 5px solid #fff } .play-button.dark { color: #222; border: 5px solid rgba(0,0,0,.1) } .play-button.dark:before { color: #222 } .play-button.dark:hover { border: 5px solid 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: 5px solid 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: 5px solid rgba(255,255,255,.3) } .text-light .play-button.dark:before { color: #fff } .text-light .play-button.dark:hover { border: 5px solid #fff } .de_count { border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; font-size: 16px; background: #fff; padding: 30px 20px 20px 30px; color: #35404e; font-weight: 500 } .de_count h3, .de_count .h3 { font-size: 40px; letter-spacing: .1px; margin: 0 0 10px; padding: 0; line-height: 1em } .rtl .de_count h3, .rtl .de_count h5 { text-align: right } .de_count h3 span { font-size: 36px } .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; width: 100%; font-weight: lighter } .de_count.small h4 { font-size: 28px; margin-bottom: 0 } .spacer-single { width: 100%; height: 30px; display: block; clear: both } .spacer-double { width: 100%; height: 60px; 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 } hr { display: block; clear: both; margin: 40px 0 } .form-border input[type=date], .form-border input[type=email], .form-border input[type=password], .form-border input[type=tel], .form-border input[type=text], .form-border select, .form-border textarea, .form-underline input[type=email] { padding: 8px; margin-bottom: 10px; border: 2px solid #eee; background: rgba(0,0,0,.025); border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; height: auto; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; color: #333 } .dark-scheme .form-border input[type=date], .dark-scheme .form-border input[type=password], .dark-scheme .form-border input[type=text], .dark-scheme .form-border select, .dark-scheme .form-border textarea, .dark-scheme .form-underline input[type=email] { color: #fff; border: 1px solid rgba(255,255,255,.2) } .dark-scheme ::-webkit-calendar-picker-indicator { filter: invert(1) } .dark-scheme .form-border input::-moz-input-placeholder, .dark-scheme .form-border textarea::-moz-input-placeholder { color: rgba(255,255,255,.5) } .dark-scheme .form-border input::-webkit-input-placeholder, .dark-scheme .form-border textarea::-webkit-input-placeholder { color: rgba(255,255,255,.5) } .form-border input[type=date]:focus, .form-border input[type=email]:focus, .form-border input[type=tel]:focus, .form-border input[type=text]:focus, .form-border select:focus, .form-border textarea:focus, .form-underline input[type=email]:focus { background: rgba(var(--secondary-color-rgb),.1) } .text-light select option { color: #031b4e } .field-set label { color: #606060; font-weight: 500 } .dark-scheme .field-set label { color: #fff } .h1, .h1_big, .h2, .h3, .h4, .h5, .h6, footer.footer-light h5, h1, h2, h3, h4, h5, h6 { margin-top: 0; font-family: var(--title-font); font-weight: 600; color: #031b4e; text-transform: capitalize } .dark-scheme .h1, .dark-scheme .h1_big, .dark-scheme .h2, .dark-scheme .h3, .dark-scheme .h4, .dark-scheme .h5, .dark-scheme .h6, .dark-scheme h1, .dark-scheme h2, .dark-scheme h3, .dark-scheme h4, .dark-scheme h5, .dark-scheme h6, footer h1, footer h2, footer h4, footer h5, footer h6, h2.text-light { color: #fff } .h1, h1 { font-size: 52px; letter-spacing: -2px; margin-bottom: 20px; line-height: 52px; font-weight: 500 } 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.s2 { display: inline-block } h1.s2 > span { line-height: 1em; letter-spacing: 0; display: block } h1.s2 .c2 { color: rgba(255,255,255,0); -webkit-text-stroke: 1px rgba(255,255,255,.5); font-size: 140px; padding-bottom: 10px; margin-top: 10px; text-transform: uppercase; font-weight: 700 } h1.s2 .c3 { font-size: 20px; font-weight: 500 } h1 .small-border { margin-top: 30px } .h1_big, h1.big { font-size: 64px; margin: 0; line-height: 70px } h2 .small-border { margin-left: 0; margin-bottom: 15px; width: 40px } h2 { margin-top: 0; margin-bottom: 10px; font-size: 42px; letter-spacing: -1.8px; line-height: 50px } h2.style-2 { font-size: 30px; margin-bottom: 20px } h2.big { font-size: 48px; line-height: 1.3em; margin-bottom: 0 } .h2_s1, h2.s1 { font-size: 24px } h3 { font-size: 26px; margin-bottom: 20px; letter-spacing: -.5px } h4 { font-size: 20px; margin-top: 0; margin-bottom: 10px; line-height: 26px } h4.s2 { font-family: Inter,Arial,Helvetica,sans-serif; font-weight: 200; line-height: 1.8em } h1.title { font-size: 64px; letter-spacing: 10px } h1.title strong { text-transform: none; letter-spacing: 0; font-weight: 400 } h2.name { font-family: var(--body-font); color: #fff; font-size: 84px; line-height: 50px } h2.name span { display: block; font-size: 32px } h2.s2 { font-weight: 400 } h4.style-2 { font-size: 18px } h4.title { border-bottom: 1px solid #ddd; padding-bottom: 10px; margin-bottom: 20px } h5 { font-size: 16px } h5 span.label { display: inline-block; margin-right: 10px; background: #222; color: #fff; padding: 0 5px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px } h4.s1 { letter-spacing: 10px; font-size: 12px; letter-spacing: 20px; text-transform: uppercase; font-weight: 500 } .text-light { color: var(--dark-body-font-color) !important } .text-dark { color: #223044 } .de_light .text-white, .text-light h1, .text-light h2, .text-light h3, .text-light h4, .text-light h5, .text-light h6, .text-white, .text-white h1, .text-white h2, .text-white h4, .text-white h5, .text-white h6 { color: #fff } .feature-box .inner { position: relative; overflow: hidden; padding: 40px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px } .feature-box.s1 .inner { background: #fff } .feature-box.s1:hover .inner i { background: 0 0; 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.style-3 { position: relative; overflow: hidden !important } .feature-box.style-3 i { text-align: center; font-size: 28px; color: #fff; padding: 14px 0; width: 56px; height: 56px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px } .feature-box.style-4 { box-shadow: 3px 3px 12px rgba(164,164,186,.2); font-size: 15px; overflow: hidden; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; background: #fff } .feature-box.style-4 i { position: relative; z-index: 2; padding: 10px; min-width: 60px } .feature-box.style-4 .text { margin-top: -50px; position: relative; z-index: 1; background: #fff; padding: 50px 30px 30px } .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; 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: 0 0; padding: 0 } .feature-box-small-icon i.dark { background-color: #031b4e } .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.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: 0 0 } .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: #031b4e } .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: 0 0 } .feature-box-big-icon { text-align: center } .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: 0; -moz-border-radius: 0; -web-kit-border-radius: 0px; 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; 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-2 { padding: 40px 40px 30px; border-radius: 3px; background: #fff; position: relative; overflow: hidden } .dark-scheme .feature-box-type-2 { background: var(--bg-color-dark) } .feature-box-type-2 i { color: #fff; font-size: 48px; margin-bottom: 20px; width: 70px; height: 70px; padding-top: 10px; text-align: center; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px } .feature-box-type-2:hover i { text-shadow: 0 0 0 #fff } .d-gallery-item { overflow: hidden; position: relative; color: #fff } .d-gallery-item img { width: 100%; height: 100% } .d-gallery-item:hover img { transform: scale(1.2) } .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 } .activity-list, .activity-list li { list-style: none; padding: 0; margin: 0 } .activity-list li { padding: 20px 100px 20px 20px; border-radius: 0; margin-bottom: 20px; position: relative } .activity-list li:after { font-family: FontAwesome; margin-right: 15px; float: right; position: absolute; right: 20px; top: 30%; font-size: 26px; background: #fff; height: 48px; width: 48px; padding: 12px 0; text-align: center; border-radius: 100%; -moz-border-radius: 100%; -webkit-border-radius: 100%; -webkit-box-shadow: 2px 2px 20px 0 rgba(0,0,0,.1); -moz-box-shadow: 2px 2px 20px 0 rgba(0,0,0,.1); box-shadow: 2px 2px 20px 0 rgba(0,0,0,.1) } .activity-filter, .activity-filter li { margin: 0; padding: 0; list-style: none } .activity-filter li { display: inline-block; padding: 8px 10px; border: 1px solid #d2d2d2; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0px; margin-right: 5px; margin-bottom: 10px; width: 48%; font-weight: 700; cursor: pointer; font-family: var(--title-font) } .dark-scheme .activity-filter li { border-color: rgba(255,255,255,.2) } .activity-filter li:nth-child(2) { margin-right: 0 } .activity-filter i { height: 32px; width: 32px; padding: 9px 0; text-align: center; border-radius: 100%; -moz-border-radius: 100%; -webkit-border-radius: 100%; background: #eee; margin-right: 10px } .activity-filter li.active { color: #fff } .activity-filter li.active i { background: #fff } .activity-list img { width: 80px; position: absolute; border-radius: 100%; -moz-border-radius: 100%; -webkit-border-radius: 100% } .ul-style-4 { padding: 0; list-style: none; font-size: 14px } .ul-style-4 li { margin: 2px 0; font-weight: 500 } .ul-style-4 li:before { color: #fff; font-family: FontAwesome; content: "\f00c"; margin-right: 15px; padding: 3px; font-size: 12px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px } header.smaller { box-shadow: 0 0 80px 0 rgba(0,0,0,.15); -webkit-box-shadow: 0 0 80px 0 rgba(0,0,0,.15); -moz-box-shadow: 0 0 80px 0 rgba(0,0,0,.15) } .de-price { background: rgba(0,0,0,.05); padding: 20px 0 10px; font-size: 18px; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px } .dark-scheme .de-price { background: rgba(255,255,255,.1) } .de-price h3 { font-size: 60px } @-webkit-keyframes sk-bouncedelay { 0%,100%,80% { -webkit-transform: scale(0) } 40% { -webkit-transform: scale(1) } } @keyframes sk-bouncedelay { 0%,100%,80% { -webkit-transform: scale(0); transform: scale(0) } 40% { -webkit-transform: scale(1); transform: scale(1) } } @keyframes lds-roller { 0% { transform: rotate(0) } 100% { transform: rotate(360deg) } } @keyframes spin { 0% { transform: translate(2px,1px) rotate(0) } 10% { transform: translate(-1px,-3px) rotate(36deg) } 20% { transform: translate(-2px,0) rotate(72deg) } 30% { transform: translate(1px,2px) rotate(108deg) } 40% { transform: translate(1px,-1px) rotate(144deg) } 50% { transform: translate(-1px,3px) rotate(180deg) } 60% { transform: translate(-1px,1px) rotate(216deg) } 70% { transform: translate(3px,1px) rotate(252deg) } 80% { transform: translate(-2px,-1px) rotate(288deg) } 90% { transform: translate(2px,1px) rotate(324deg) } 100% { transform: translate(1px,-2px) rotate(360deg) } } @keyframes speed { 0%,90% { transform: translate(2px,1px) rotate(0) } 10% { transform: translate(-1px,-3px) rotate(-1deg) } 20% { transform: translate(-2px,0) rotate(1deg) } 30% { transform: translate(1px,2px) rotate(0) } 40% { transform: translate(1px,-1px) rotate(1deg) } 50% { transform: translate(-1px,3px) rotate(-1deg) } 60% { transform: translate(-1px,1px) rotate(0) } 70% { transform: translate(3px,1px) rotate(-1deg) } 80% { transform: translate(-2px,-1px) rotate(1deg) } 100% { transform: translate(1px,-2px) rotate(-1deg) } } @keyframes strikes { from { left: 25px } to { left: -80px; opacity: 0 } } @keyframes dots { from { width: 0 } to { width: 15px } } @keyframes fadeIn { from { opacity: 0 } to { opacity: 1 } } #de-preloader { position: fixed; z-index: 20000; background: #fff; top: 0; left: 0; width: 100%; height: 100%; text-align: center; display: flex; justify-content: center; align-items: center } #de-preloader .text { font-size: 16px; position: absolute; width: 100%; top: 60px; margin: 0 auto; font-weight: 700; color: var(--primary-color) } .car, .custom-loader-image { position: absolute; width: 300px; height: 67px; left: calc(50% - 150px); top: calc(50% - 34px) } .car .strike { position: absolute; width: 11px; height: 1px; background: var(--primary-color); animation: .2s linear infinite strikes } .de-progress { width: 100%; height: 8px; background: #fff; margin-top: 20px; margin-bottom: 20px; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; overflow: hidden } .accordion-section-title { color: #121212; padding: 15px 0; cursor: poInter; font-family: var(--body-font); width: 100%; display: inline-block; font-size: 17px; transition: .5s linear; text-decoration: none; overflow: none; border-bottom: 1px solid #ddd } .dark-scheme .accordion-section-title { color: #fff; border-bottom-color: rgba(255,255,255,.3) } .accordion-section-title:before { font-family: FontAwesome; content: "\f107"; float: right; color: #fff; text-align: center; padding: 2px 8px; font-size: 15px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; width: 30px } .rtl .accordion-section-title:before { float: left } .accordion-section-title.active:before { content: "\f106" } .accordion-section-title.active { margin-bottom: 0; text-decoration: none } .accordion-section-title:hover { text-decoration: none } .accordion-section-content { padding-top: 15px; padding-bottom: 5px; display: none; margin-bottom: 10px } .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: 1px solid #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 } .btn-left, .btn-right { background: 0 0; border: 1px solid rgba(255,255,255,.2); padding: 10px 20px; margin: 5px; font-family: var(--body-font); 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 } .d-flex-2, .v-center { display: flex; align-items: center } .mb25 { margin-bottom: 25px } .mb10 { margin-bottom: 10px } .mb20 { margin-bottom: 20px } .mb30 { margin-bottom: 30px } .mb-100 { margin-bottom: -100px } .mb-200 { margin-bottom: -200px } .pt60 { padding-top: 60px } .pb60 { padding-bottom: 60px } .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 } .bottom-0 { bottom: 0 } .bottom-20 { bottom: 20px } .overflow-hidden { overflow: hidden } #back-to-top.hide, #back-to-top.show, #contact_form *, #contact_form input, #form_subscribe input[type=text], #mainmenu a span, #mainmenu a.active span, #popup-box.popup-hide, #popup-box.popup-show, #purchase-now *, #quick_search, #selector *, #selector .dark-mode, #selector .dark-mode:hover, #slider-carousel *, .accordion .content, .activity-filter *, .btn-main, .btn-rsvp, .carousel-item .pf_text .title, .carousel-item .pf_text .title .type, .carousel-item:hover .pf_text .title, .carousel-item:hover .pf_text .title .type, .container-timeline *, .d-btn-close, .d-card:hover i, .d-carousel *, .d-gallery-item *, .d_demo_img *, .de-box-image *, .de-card *, .de-color-icons *, .de-country, .de-country *, .de-event-item *, .de-gallery .overlay .icon i, .de-gallery .overlay .icon i:hover, .de-image-hover *, .de-image-text *, .de-item *, .de-preloader, .de_count, .de_tab .de_nav li span, .de_tab.tab_methods .de_nav li span, .de_tab.tab_methods .de_nav li span:hover, .de_tab.tab_methods.style-2 .de_nav li.active .arrow, .de_tab.tab_style_4 .de_nav li, .dropdown *, .error_input, .f-box, .f-box *, .f_box img, .f_box span, .f_box.s2:hover img, .feature-box .inner, .feature-box .inner i, .feature-box-small-icon i, .feature-box-type-2, .feature-box-type-2 i, .feature-box.f-boxed, .feature-box.f-boxed:hover, .feature-box.style-3 h4, .feature-box.style-3 i, .feature-box:hover .inner, .feature-box:hover .inner i, .form-border *, .form-subscribe input[type=text], .form-underline input[type=email], .form-underline input[type=text], .form-underline select, .form-underline textarea, .fp-wrap, .fp-wrap *, .fp-wrap div, .fp-wrap img, .icon-box.style-2 *, .image-container *, .logo-carousel img, .mask *, .mask .cover, .mask .cover p, .mask img, .mask:hover .cover, .mask:hover img, .mfp-close, .mfp-close:hover, .overlay-v, .overlay-v i, .overlay-v i:hover, .overlay-v span, .owl-item.active.center div blockquote, .owl-slider-nav .next, .owl-slider-nav .prev, .pic-hover .bg-overlay, .pic-hover.hover-scale img, .pic-hover:hover > .bg-overlay, .product img, .product img:hover, .social-icons a i, .social-icons-sm i, .social-icons-sm i:hover, .table-pricing tbody tr, .text-rotate-wrap, .text-rotate-wrap .text-item, a.a-underline *, a.btn-border, a.btn-line:after, de_tab .de_nav li span, header, i.btn-action-hide { -o-transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; transition: .5s; outline: 0 } #mainmenu li, #mainmenu li ul, .author_list_pp img, .items_filter *, .owl-next, .owl-prev, .widget-post li .post-date, a.btn-fx:after, a.btn-fx:before, a.btn-fx:hover:after, a.btn-fx:hover:before { -o-transition: .2s; -ms-transition: .2s; -moz-transition: .2s; -webkit-transition: .2s; transition: .2s; outline: 0 } header.header-mobile #mainmenu > li > span { -o-transition: none; -ms-transition: none; -moz-transition: none; -webkit-transition: none; transition: none; outline: 0 } @-webkit-keyframes scaleIn { from { opacity: 1; -webkit-transform: scale3d(1.5,1.5,1.5); transform: scale3d(1.5,1.5,1.5) } 100% { opacity: 1; -webkit-transform: scale3d(var(--primary-color-rgb)); transform: scale3d(var(--primary-color-rgb)) } } @keyframes scaleIn { from { opacity: 1; -webkit-transform: scale3d(1.5,1.5,1.5); transform: scale3d(1.5,1.5,1.5) } 100% { opacity: 1; -webkit-transform: scale3d(var(--primary-color-rgb)); transform: scale3d(var(--primary-color-rgb)) } } @-webkit-keyframes scaleInFade { 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(var(--primary-color-rgb)); transform: scale3d(var(--primary-color-rgb)) } } @keyframes scaleInFade { 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(var(--primary-color-rgb)); transform: scale3d(var(--primary-color-rgb)) } } @-webkit-keyframes scaleOutFade { from { opacity: 0; -webkit-transform: scale3d(.75,.75,.75); transform: scale3d(.75,.75,.75) } 100% { opacity: 1; -webkit-transform: scale3d(var(--primary-color-rgb)); transform: scale3d(var(--primary-color-rgb)) } } @keyframes scaleOutFade { from { opacity: 0; -webkit-transform: scale3d(.75,.75,.75); transform: scale3d(.75,.75,.75) } 100% { opacity: 1; -webkit-transform: scale3d(var(--primary-color-rgb)); transform: scale3d(var(--primary-color-rgb)) } } @-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 } } object, video { display: inline-block; vertical-align: baseline; min-width: 100%; min-height: 100% } .video-fixed { width: 100%; position: fixed; top: 0 } .video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden } .video-container embed, .video-container iframe, .video-container object { position: absolute; top: 0; left: 0; width: 100%; height: 100% } #map { width: 100%; height: 500px } .map iframe { width: 100%; border: 1px solid #ccc; padding: 2px; background: #fff } @-webkit-keyframes pulsate { 0% { -webkit-transform: scale(.1,.1); opacity: 0 } 50% { opacity: 1 } 100% { -webkit-transform: scale(1.2,1.2); opacity: 0 } } .tab-default .tab-content { margin-top: 20px } .container-fluid { padding: 0; margin: 0 } img.img-auto { width: auto; height: auto } table thead { font-weight: 700; padding: 0 !important } p.lead { font-size: 17px; letter-spacing: .1px; margin-top: 0; font-weight: 400 } .dark-scheme p.lead { color: rgba(255,255,255,.6) } p.lead.big { font-size: 18px } p.sub { font-size: 14px } p.d-smaller { font-size: 12px; line-height: 1.5em } .progress { background: #27282b } .table-bordered, .table-bordered td { border: 1px solid #202220 } blockquote { font-family: var(--body-font); font-size: 24px; font-style: normal; font-weight: 500; line-height: 1.4em; border: none; border-left: 3px solid #333; padding-left: 30px; color: #606060 } .rtl blockquote { border-left: none; border-right: 3px solid #333; padding-left: 0; padding-right: 30px } .dark-scheme blockquote { color: #fff } blockquote span { font-family: var(--body-font); display: block; font-size: 14px; font-style: normal; font-weight: 400; margin-top: 20px; color: #161c2d; opacity: .8 } .dark-scheme blockquote span { color: #fff } .rtl .rtl-show { display: block } .rtl .rtl-hide { display: none } .box-icon { padding: 0; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; line-height: 1.6em } a.box-icon:hover { color: var(--body-font-color) !important } .box-icon .d-inner { padding-left: 56px } .rtl .box-icon .d-inner { padding-left: 0; padding-right: 56px } .box-icon h4 { font-size: 17px; margin-bottom: 3px } .box-icon img { width: 42px; position: absolute } .box-icon.s2 .d-inner { padding-left: 70px } .box-icon.s2 i { position: absolute; font-size: 32px; width: 54px; height: 54px; padding: 10px; text-align: center; color: #fff; border-radius: 5px } .box-icon.s2.d-invert .d-inner { padding: 0 70px 0 0; text-align: right } .box-icon.s2.d-invert i { right: 0 } .box-icon.p-small { font-size: 15px } .dark-scheme .box-icon.s2 { color: var(--dark-body-font-color) } .de-image-text { border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; position: relative; overflow: hidden } .de-image-text img { width: 100%; position: relative } .de-image-text:hover img { transform: scale(1.05) } .de-image-text .d-text { color: #fff; position: absolute; z-index: 1; width: 100%; height: 100%; padding: 40px; background: linear-gradient(0deg,rgba(30,30,30,0) 30%,#1e1e1e 100%) } .de-image-text .d-text h4 { color: #fff } .de-image-text .d-text blockquote { border: none; font-size: 15px; color: rgba(255,255,255,.7); padding: 0; line-height: 1.6em } .de-image-text .d-text blockquote .by { color: #fff; font-weight: 600; margin-top: 10px; padding-left: 30px } .de-image-text .d-text blockquote .by:before { content: ""; display: block; position: absolute; left: 40px; margin-top: 10px; width: 20px; height: 1px; background: #fff } .de-image-text .d-quote { right: 30px; font-size: 40px; text-align: right } .phone-num-big { color: #fff } .phone-num-big i { font-size: 48px; display: block; text-align: center; } .pnb-text { display: block; font-size: 12px; text-transform: uppercase; letter-spacing: 5px } .pnb-num { display: block; font-size: 36px; font-weight: 700; margin: 10px 0 20px } .toggle-list { list-style: none; margin: 0; padding: 0 } .toggle-list li { margin-bottom: 10px; background: #fff; border: 1px solid #ddd; border-bottom: 3px solid #ddd } .toggle-list li h2 { -moz-user-select: none; -html-user-select: none; user-select: none; color: #555; font-size: 16px; line-height: 20px; padding: 10px 20px 0 60px; font-weight: 700; display: block; letter-spacing: normal } .img-left { float: left; margin: 5px 15px 15px 0 } .img-right { float: right; margin: 5px 0 15px 15px } hr { border-top: 1px solid #555 } 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 } .test-column, .test-column:hover, a, a:hover { -o-transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; transition: .3s } .center-div { margin: 0 auto } #gallery-carousel .item { text-align: center; font-size: 12px; width: 100%; cursor: e-resize } #gallery-carousel .item img { width: 100%; height: auto } #gallery-carousel .item h4 { margin-bottom: 0; font-size: 14px } .carousel-item { width: 100% } .carousel-item img { width: 100%; height: auto } .overlay-v { text-align: center; position: absolute; width: 100%; height: 100%; overflow: hidden } .overlay-v i { background: #333; padding: 10px; width: 48px; height: 48px; font-weight: 400; font-size: 32px; border-radius: 60px; -moz-border-radius: 60px; -webkit-border-radius: 60px; margin-top: 100%; color: #222; opacity: 0 } .overlay-v:hover i { margin-top: 25%; opacity: 1 } .overlay-v span { background: #031b4e; padding: 40px; width: 100%; height: 100%; font-weight: 400; margin-top: 100%; color: #222; opacity: 0; position: absolute; left: 0 } .overlay-v:hover span { margin-top: 0; opacity: .9 } .overlay-v:hover { background: rgba(30,30,30,.5) } #d-btn-close-x { width: 100px; height: 100px; display: block; background: url(../images_02/close-2.png) center no-repeat; margin: 0 auto 80px; cursor: poInter; padding: 20px } span.overlay { font-family: var(--body-font); text-align: center; display: block; width: 100px; background: rgba(var(--primary-color-rgb),.8); position: absolute; opacity: .75; z-index: 500 } span.icon { cursor: poInter } #sidebar { padding-left: 30px; position: relative } .rtl #sidebar { padding-left: 0; padding-right: 30px } #sidebar.fixed { position: fixed; top: 0 } #sidebar.post-left { padding-left: 0; padding-right: 30px } .widget { margin-bottom: 30px; padding-bottom: 30px } .widget h4 { font-size: 20px; margin-top: 0; letter-spacing: normal } .widget ul { list-style: none; margin: 0; padding: 0 } .widget ul li { margin: 3px 0 } .widget .small-border { height: 2px; width: 30px; background: #fff; margin: 0 0 20px; display: block } .widget-post li { padding-bottom: 8px; margin-bottom: 8px } .widget-post li a { font-weight: 600; display: block; text-decoration: none; color: #606060 } .dark-scheme .widget-post li a { color: #fff } .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 { margin-top: 5px; margin-right: 10px; float: left; background: #333; color: #fff; display: inline-block; padding: 2px 3px; line-height: 1.4em; font-size: 12px; width: 60px; font-weight: 700; text-align: center; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px } .rtl .widget-post .date { float: right } footer .widget h5 { margin-bottom: 20px } .side-layout header { width: 20%; height: 100%; background: #222; position: fixed; padding: 30px; top: 0 } .side-layout #content, .side-layout footer { width: 80%; float: right } .side-layout .container { width: 90% } .side-layout section { width: 100%; float: right } .side-layout #mainmenu { padding: 0; margin-top: 40px } .side-layout #mainmenu > li { display: block; width: 100%; border-bottom: 1px solid rgba(255,255,255,.1); margin-bottom: 5px; padding-bottom: 5px } .side-layout header.smaller #mainmenu > li { border-bottom: 1px solid rgba(0,0,0,.1) } .side-layout header.smaller { border-right: 1px solid #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: 1px solid #888 } .side-layout header div#logo { display: block; float: none; text-align: center } .side-layout header div#logo img { width: 100% } .side-layout #subheader { width: 80%; float: right; text-align: left } .side-layout #subheader h1 { margin-top: 0; font-size: 24px } #cookit { position: fixed; width: 100%; bottom: 0; padding: 1rem 2rem; display: flex; z-index: 1022; background: #141414 !important } .dark-scheme #cookit { border-top: 1px solid rgba(255,255,255,.15) } #cookit.hidden { display: none } #cookit #cookit-container { margin: auto; width: 1300px; display: flex; align-items: center; flex-wrap: wrap } #cookit #cookit-container > * { margin: .4rem } #cookit #cookit-container p { line-height: 1.4rem } #cookit #cookit-container a { text-decoration: none } #cookit #cookit-container a:hover { opacity: .9 } #cookit #cookit-container #cookit-button { color: #fff !important; font-size: 14px; font-weight: 700; padding: .25rem 2rem; margin-left: auto } .symbol { display: inline-block; position: relative; flex-shrink: 0 } .symbol-50 { width: 50px } .symbol-60 { width: 60px } .select2-container--default .select2-selection--single { border-color: #fff; padding: 7.5px 0; border-radius: 0 } .select2-container--default .select2-selection--single .select2-selection__arrow { height: 58px } .select2-dropdown { border-radius: 0; box-shadow: #444 0 3px 5px; border: 0 } .bold { font-weight: 700 } .select2-container--default { margin-bottom: 20px } .select2-container--default img { width: 70px; margin-left: 5px; margin-right: 10px; padding: 7px 0 } .select2-container--default .select2-selection--single { background: 0 0; height: 65px; border: 1px solid rgba(3,27,78,.5) } .select2-container--default .select2-selection--single .select2-selection__rendered { color: #031b4e; font-weight: 700 } .select2-container--default .select2-results__option--selectable { background: #fff } .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable { background: var(--primary-color) } .dark-scheme .input-max, .dark-scheme .input-min { color: #fff; background: rgba(255,255,255,.05) } x .field input { width: 60px; outline: 0; font-size: 16px; margin-left: 12px; border-radius: 3px; border: none; font-weight: 700; -moz-appearance: textfield } .slider { height: 5px; position: relative; background: #ddd; border-radius: 5px } .slider .progress { height: 100%; left: 0; right: 0; position: absolute; border-radius: 5px; background: #17a2b8 } .range-input { position: relative; margin-bottom: 10px } .range-input input { position: absolute; width: 100%; height: 5px; top: -5px; background: 0 0; pointer-events: none; -webkit-appearance: none; -moz-appearance: none } .de-item { box-shadow: 3px 3px 9px rgba(164,164,186,.2); border: 1px solid #ddd; padding: 10px; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px } .dark-scheme .de-item { border: 1px solid rgba(255,255,255,.2); box-shadow: none } .de-item h4 { font-size: 18px; margin-bottom: 5px } .de-item .d-info { padding: 20px; position: relative } .de-item .d-atr-group { border-bottom: 1px solid #ddd; padding-bottom: 15px } .dark-scheme .de-item .d-atr-group { border-bottom: 1px solid rgba(255,255,255,.2) } .de-item .d-atr { font-size: 14px; display: inline-block; font-weight: 700; color: #031b4e; margin-right: 10px } .dark-scheme .de-item .d-atr { color: #fff } .de-item .d-atr img { float: left; width: 16px; padding-top: 5px; margin-right: 3px } .de-item .d-img { overflow: hidden; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px } .de-item .d-img img { box-shadow: 3px 3px 9px rgba(164,164,186,.5); box-shadow: none } .de-item .d-img:hover img { transform: scale(1.05) } .de-item .d-price { position: relative; margin-top: 10px; font-size: 14px } .de-item .d-price span { font-size: 26px; font-weight: 700; display: block; color: #031b4e } .dark-scheme .de-item .d-price span { color: #fff } .de-item .d-price .btn-main { position: absolute; right: 0; bottom: 5px; font-family: var(--title-font); text-align: center; color: #fff; outline: 0; font-weight: 800; text-decoration: none; padding: 4px 30px; font-size: 14px } .de-item.alt-2 { padding: 0; background: rgba(255,255,255,.05); border: none } .de-item.alt-2 .d-img { border-radius: 6px 6px 0 0 } .d-flex { display: flex; white-space: nowrap } .de-marquee-list { display: flex; align-items: top; -webkit-animation: 40s linear infinite loop; animation: 40s linear infinite loop } .de-marquee-list .d-item-txt { font-size: 64px; line-height: 64px; letter-spacing: -2px; font-style: normal; font-weight: 600; font-family: var(--title-font); color: #121212; background: -moz-linear-gradient(180deg,rgba(var(--primary-color-rgb),1) 0,rgba(var(--secondary-color-rgb),1) 100%); background: -webkit-linear-gradient(180deg,rgba(var(--primary-color-rgb),1) 0,rgba(var(--secondary-color-rgb),1) 100%); background: linear-gradient(180deg,rgba(var(--primary-color-rgb),1) 0,rgba(var(--secondary-color-rgb),1) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; user-select: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none } .de-marquee-list .d-item-display { display: inline } .de-marquee-list .d-item-dot { width: 100px; max-height: 10px; margin: 0 50px; padding: 2px; display: inline-block; transform: translateY(-15px); background: #333 } .de-marquee-list.style-2 .d-item-txt { font-size: 160px; background: rgba(255,255,255,.2); -webkit-background-clip: text; -webkit-text-fill-color: transparent } .de-marquee-list.style-2 .d-item-dot { transform: translateY(-40px); background: rgba(255,255,255,.2) } .de-marquee-list.d-marquee-small .d-item-txt { font-size: 36px; letter-spacing: 0 } .de-marquee-list.d-marquee-small .d-item-dot { transform: translateY(-5px); width: 50px; max-height: 2px; padding: 1px; margin: 0 30px } @keyframes loop { 100% { -webkit-transform: translateX(-100%); transform: translateX(-100%) } } .de-icon { color: #fff; width: 80px; text-align: center; font-size: 40px; background: rgba(85,85,85,.2); padding: 20px 0; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px } .rtl .bx-wrapper, .rtl .owl-carousel { direction: ltr } .rtl .owl-carousel .owl-item { direction: rtl } .de-flex { display: flex; justify-content: space-between } .de-flex > .de-flex-col { display: flex; justify-content: center; align-items: center } .d-item { display: none } .v-center { min-height: 100vh; display: flex; align-items: center } .f-logo { margin-right: 30px } .rtl .f-logo { margin-right: 0; margin-left: 30px } .vertical-center { min-height: 100vh; display: flex; align-items: center } @keyframes shadow-pulse { 0% { box-shadow: 0 0 0 0 rgba(120,169,56,.2) } 100% { box-shadow: 0 0 0 20px rgba(120,169,56,0) } } .rounded, div.round { border-radius: 0 !important; -moz-border-radius: 0 !important; -webkit-border-radius: 0px !important } .opt-1 { display: inline-block } .opt-2 { display: none } .border { border-color: #efefef !important } .f-profile { margin-bottom: 0; font-size: 14px } .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-btm { position: absolute; z-index: 1; width: 100%; height: 100%; opacity: .6 } .f-invert .fpw-overlay-btm { opacity: 0 } .fp-wrap:hover { -webkit-box-shadow: 0 40px 40px 0 rgba(10,10,10,.1); -moz-box-shadow: 0 40px 40px 0 rgba(10,10,10,.1); box-shadow: 0 40px 40px 0 rgba(10,10,10,.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 } i.big { display: inline-block; font-size: 48px } .text-light .border { border-color: rgba(255,255,255,.1) !important } .one-third { width: 33.3%; float: left } .owl-carousel { position: relative; margin-top: -5px; bottom: -5px; margin-bottom: -15px } .owl-stage-outer .feature-box-type-2 { overflow: none; margin: 30px 0 } .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: #fff } .owl-thumbs img { padding: 3px } #slider-carousel .owl-thumbs { padding: 3px; margin-bottom: 30px; width: auto } #slider-carousel .owl-thumbs button { border: none !important; padding: 0; margin-bottom: 20px; opacity: 1; overflow: hidden; opacity: .5; width: calc(25% - 15px); margin-right: 20px; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px } #slider-carousel .owl-thumbs button:nth-child(4n) { margin-right: 0 } #slider-carousel .owl-thumb-item.active { opacity: 1 } #slider-carousel button.owl-thumb-item.active { -webkit-box-shadow: 5px 5px 20px 0 rgba(0,0,0,.5); -moz-box-shadow: 5px 5px 20px 0 rgba(0,0,0,.5); box-shadow: 5px 5px 20px 0 rgba(0,0,0,.5) } #slider-carousel .owl-thumb-item img { background: #fff; padding: 0; width: 100% } strong { font-weight: 700 } .text-light strong { color: #fff } .bg-white { background: #fff } .bg-dark { background: #121212 !important } .border-top { border-top: 1px solid #e5e5e5 } .border-bottom { border-bottom: 1px solid #e5e5e5 } .dark-scheme header.border-bottom { border-bottom: 1px solid rgba(255,255,255,.1) !important } .border-box { border: 1px solid #d2d2d2 } .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 } #services-list { padding: 0; margin: 0 } #services-list li a { color: #fff; display: block; padding: 15px 20px; text-decoration: none } #services-list li.active a:after { font-family: FontAwesome; content: "\f054"; float: right } #services-list li { font-weight: 700; list-style: none; margin: 0 0 2px; background: rgba(0,0,0,.3) } #services-list li a:hover { color: #111 } #services-list li.active a, #services-list li.active a:hover { color: #fff; background: #333 } #navigation { position: fixed; width: 100%; height: 60px; top: 0; right: 20px; text-align: center; margin-bottom: 60px; z-index: 1000 } .nav-exit:before, .nav-next:before, .nav-prev:before { font-family: FontAwesome; content: '\f177'; color: #fff; padding: 20px; font-size: 24px; cursor: poInter } .nav-next:before { content: '\f178'; width: 100%; background: #555 } .no-bottom { margin-bottom: 0; padding-bottom: 0 !important } p { margin-bottom: 20px } .no-top { padding-top: 0 !important } .image-container { margin: 0; background-size: cover } .image-container:hover .background-image { transform: scale(1.05) } .inner-padding { padding: 90px } .float-left { float: left } .page-overlay { display: none; width: 120px; height: 120px; border-radius: 0; position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 10000; margin: auto } .form-control { border: 1px solid rgba(3,27,78,.5) } .form-control:focus { box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none } .date-time-field input[type=text] { width: 70%; height: 33px; float: left; padding: 3px 5px; border: 1px solid rgba(3,27,78,.5); border-radius: 5px 0 0 5px; -moz-border-radius: 5px 0 0 5px; -webkit-border-radius: 5px 0 0 5px } .date-time-field select { font-size: 17px; width: 30%; height: 33px; float: right; padding: 4px 4px 6px; border-radius: 0 5px 5px 0; -moz-border-radius: 0 5px 5px 0; -webkit-border-radius: 0 5px 5px 0; border: 1px solid rgba(3,27,78,.5); border-left: none } .d-carousel { position: relative; display: flex; align-items: center } .d-arrow-left, .d-arrow-right { display: none; cursor: pointer; position: absolute; margin-top: -10px; z-index: 100; width: 30px; height: 60px; background-color: #fff } .d-arrow-left { left: 25px; border-top-right-radius: 110px; border-bottom-right-radius: 110px } .d-arrow-right { right: 25px; border-top-left-radius: 110px; border-bottom-left-radius: 110px } .d-arrow-left i, .d-arrow-right i { position: absolute; top: 20px; color: #121212; font-size: 20px; font-weight: 700 } .d-arrow-left i { left: 8px } .d-arrow-right i { right: 8px } .owl-nav { display: flex } .d-nav-left, .d-nav-right, .owl-next, .owl-prev { cursor: pointer; position: absolute; top: 27.5%; z-index: 100; width: 40px; height: 40px; background-color: #fff; border: 1px solid #ccc } .dark-scheme .owl-next, .dark-scheme .owl-prev { background: #121212; color: #fff; border-color: rgba(255,255,255,.3) } .owl-next:hover, .owl-prev:hover { transform: scale(1.1); -webkit-box-shadow: 5px 5px 30px 0 rgba(0,0,0,.2); -moz-box-shadow: 5px 5px 30px 0 rgba(0,0,0,.2); box-shadow: 5px 5px 30px 0 rgba(0,0,0,.2) } .d-nav-left, .owl-prev { left: -12px; border-radius: 60px; padding-left: 4px } .d-nav-right, .owl-next { right: -12px; border-radius: 60px; padding-right: 4px } .d-nav-left i, .owl-next i { top: 12px; left: 16px } .container-fluid .d-nav-left, .container-fluid .owl-prev { left: 30px } .container-fluid .d-nav-right, .container-fluid .owl-next { right: 30px } .owl-arrow { 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 .next:before, .owl-arrow .prev:before { font-family: FontAwesome; content: '\f177'; color: #222; padding: 20px; font-size: 32px; display: block } .owl-arrow .next:before { content: '\f178' } .owl-theme .owl-nav.disabled + .owl-dots { margin-top: 0 } .owl-dots button { border: none; outline: 0; padding: 0; width: 8px; height: 8px; margin: 0 5px; border-radius: 30px } .owl-theme .owl-dots .owl-dot span { display: none } .text-slider { color: #fff; display: inline-block } .text-slider.big-text { font-size: 120px; line-height: 120px; font-weight: 700 } .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 } .bg-overlay { position: absolute; width: 100%; height: 100%; z-index: 1 } .center-y { position: relative } .overlay-bg { padding: 120px 0; width: 100%; height: 100%; z-index: 100; background: rgba(0,0,0,.5); position: absolute !important; top: 0px; } .overlay-solid { width: 100%; height: 100%; z-index: 100; top: 0 } .overlay-bg.light-5 { background: rgba(255,255,255,.5) } .overlay-bg.light-6 { background: rgba(255,255,255,.6) } .overlay-bg.light-7 { background: rgba(255,255,255,.7) } .overlay-bg.light-8 { background: rgba(255,255,255,.8) } .overlay-bg.dark { background: rgba(20,20,20,.8) } .wow { visibility: hidden } #back-to-top { background: #fff; position: fixed; bottom: -40px; right: 15px; z-index: 1020; width: 40px; height: 40px; text-align: center; line-height: 30px; cursor: poInter; padding-top: 3px; border: 0; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; text-decoration: none; transition: opacity .2s ease-out; outline: 0; opacity: 0 } #back-to-top:hover { transform: scale(1.1) } #back-to-top.show { bottom: 15px; opacity: 1 } #back-to-top.hide { bottom: -40px } #back-to-top:before { font-family: FontAwesome; font-size: 18px; content: "\f106"; color: #fff !important; position: relative } .scroll { display: block; width: 3px; height: 3px; margin: 6px auto; border-radius: 4px; background: #fff; -webkit-animation: 1s infinite finger; animation: 1s infinite finger } @-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) } } @-moz-keyframes bounce { 0%,100%,20%,50%,80% { -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%,100%,20%,50%,80% { -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%,100%,20%,50%,80% { -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) } } .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 } .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-next:hover:before, .owl-custom-nav .btn-prev:hover:before { cursor: poInter } .owl-dots { text-align: center } .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 } .dark-scheme .owl-dot { background: rgba(255,255,255,.3) } .owl-item.active div blockquote { background: #f5f5f5; position: relative; overflow: hidden; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px } .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 } .owl-stage { overflow: none } .table { display: table; margin-bottom: 0; color: var(--body-font-color) } .dark-scheme .table { color: var(--dark-body-font-color) } .table [class*=col-] { float: none; display: table-cell; vertical-align: top; padding: 0; height: 100% } .table .table { background: 0 0 } .typed-cursor { opacity: 1; -webkit-animation: .5s infinite blink; -moz-animation: .5s infinite blink; animation: .5s infinite blink } @keyframes blink { 0%,100% { opacity: 1 } 50% { opacity: 0 } } @-webkit-keyframes blink { 0%,100% { opacity: 1 } 50% { opacity: 0 } } @-moz-keyframes blink { 0%,100% { opacity: 1 } 50% { opacity: 0 } } .style-2 .date-box { text-align: center; position: absolute; right: 0; padding: 15px 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: var(--body-font); font-size: 13px; text-transform: uppercase; letter-spacing: 8px; margin-left: 8px } .list { margin: 0; padding: 0 } .list li { list-style: none } .list.s1 li:before, .rtl .list.s1 li:after { 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 } #owl-logo img:hover { opacity: 1 } .switch-set { font-weight: 500; direction: ltr !important } .dark-scheme .switch { background: rgba(255,255,255,.1) } .switch-set div { display: inline-block; padding: 0 5px; direction: ltr !important } .switch { margin-bottom: -5px; -webkit-appearance: none; height: 22px; width: 42px; background-color: #f4f4f4; border-radius: 60px; position: relative; cursor: poInter; border: none } .switch::after { content: ""; width: 18px; height: 18px; background-color: #fff; position: absolute; border-radius: 100%; transition: .5s; margin: 2px 0 0 2px } .switch:checked::after { transform: translateX(20px) } .switch:focus { outline-color: transparent } #selector { width: 500px; position: fixed; right: 0; top: 45%; padding: 5px; z-index: 1000 } #selector .opt { margin-top: 10px; margin-right: 5px; width: 16px; height: 16px; display: block; float: left; background: #fff; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; cursor: pointer; border: 1px solid rgba(255,255,255,.5) } #selector .opt:hover { border-color: #fff } .img-fullwidth { width: 100%; height: auto } .menu_side_area { margin-left: 20px } .countdown-section { font-size: 28px; margin-left: 8px; font-weight: 700 } .display-none, .hide-content { display: none } .ul-style-2 { padding: 0; list-style: none } .ul-style-2 li { position: relative; display: block; margin: 0 0 5px; padding: 0 0 0 40px; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0px; line-height: 1.6em; text-wrap: auto } .ul-style-2 li h4 { font-size: 18px; font-weight: 500 } .ul-style-2.s2 li h4 { font-weight: 600 } .ul-style-2.s2 li { margin-bottom: 30px } .ul-style-2 .d-label { background: #fdda76; font-weight: 700; padding: 0 5px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px } .ul-style-2 li:before { content: "\f00c"; position: absolute; left: 0; font-family: FontAwesome; content: "\f00c"; margin-right: 12px; width: 20px; line-height: 1; padding: 4px 0; font-size: 15px; display: inline-block; text-align: center; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0px } .rtl .ul-style-2 li:before { margin-right: 0; margin-left: 12px } .ul-style-3 { margin-top: 15px; padding: 0; list-style: none } .ul-style-3 li { display: inline-block; margin: 0; padding: 0 } .ul-style-3 li:after { content: "•"; margin: 0 5px 0 10px } .ul-style-3 li:last-child:after { content: "" } .de-review-list { list-style: none; margin: 0; padding: 0 } .de-review-list li { padding: 30px; margin-bottom: 20px; border: 1px solid #ddd; position: relative; overflow: hidden } .de-review-list p { margin-bottom: 0 } .de-review-list .d-user { font-weight: 500 } .de-review-list h5:after { font-family: FontAwesome; content: "\f10e"; font-size: 24px; position: absolute; top: 30px; right: 30px; color: rgba(0,0,0,.5); line-height: 1 } .rtl .de-review-list h5:after { right: auto; left: 30px } .de-country { border: 1px solid #ddd; margin-bottom: 25px; overflow: hidden } .dark-scheme .de-country { border: var(--border-default) } .de-country .d-title { padding: 20px 20px 15px; cursor: pointer } .de-country .d-title:after { font-family: FontAwesome; content: "\f078"; margin-top: 3px; float: right } .rtl .de-country .d-title:after { float: left } .de-country.expand .d-title:after { content: "\f077" } .de-country .d-title h4 { display: inline-block; margin-top: 5px; margin-left: 10px; font-size: 18px } .de-country img { width: 32px; height: auto; float: left } .rtl .de-country img { float: right; margin-left: 10px } .de-country .d-content { padding: 0 20px; max-height: 0 } .de-country .d-content ul { list-style: none; padding: 0 } .de-country .d-content a { color: #202020 } .dark-scheme .de-country .d-content a { color: #fff } .de-country.expand .d-content { padding: 0 20px 20px; max-height: 1000px } .de-country .d-content h5 { font-size: 16px } .de-country:hover { position: relative; margin-top: -5px; margin-bottom: 30px } #form_sb input, #mainmenu > li ul.mega, #quick_form, .box-url, .container-timeline ul li::before, .de-box, .de-card, .de-country, .de-event-item, .de-event-item .d-date, .de-image-text, .de-map-wrapper iframe, .de-review-list li, .de_count, .expand-custom, .feature-box-type-2, .pricing-s1, .pricing-s2, .pricing-table:not(.pricing-s1), .sc-opt, .shadow-soft, .table-pricing, header.smaller { -webkit-box-shadow: 0 30px 60px rgb(0 19 87 / 6%); -moz-box-shadow: 0 30px 60px rgb(0 19 87 / 6%); box-shadow: 0 30px 60px rgb(0 19 87 / 6%) } .de-card:hover, .de-country:hover, .de-image-text:hover, .dropdown ul { -webkit-box-shadow: 0 4px 6px 0 rgba(10,10,10,.2); -moz-box-shadow: 0 4px 6px 0 rgba(10,10,10,.2); box-shadow: 0 4px 6px 0 rgba(10,10,10,.2) } .de-box { padding: 30px; box-shadow: 3px 3px 9px rgba(164,164,186,.2); border: 1px solid #ddd; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px } .dark-scheme .de-box { border-color: rgba(255,255,255,.3); box-shadow: none } @-webkit-keyframes move-up-down { 0% { transform: translateY(0) } 100% { transform: translateY(-10px) } } @keyframes move-up-down { 0% { transform: translateY(0) } 100% { transform: translateY(-10px) } } .image-container { height: 100%; overflow: hidden; padding: 0; position: absolute; top: 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 } .dropdown { position: relative; z-index: 500; font-weight: 600; display: inline-block; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0px; text-align: left } .dropdown a, .dropdown a:hover { text-decoration: none; outline: 0; display: inline-block } .dropdown a, .header-light .dropdown a:hover { color: #333 } .dark-scheme .dropdown a, .dark-scheme .header-light .dropdown a:hover { color: #fff } .dropdown > a { display: inline-block; padding: 7px 12px; min-width: 140px; border: 1px solid rgba(0,0,0,.2); border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; font-weight: 700 } .dark-scheme .dropdown > a { border: 1px solid rgba(255,255,255,.2) } .dropdown > a:after { font-family: FontAwesome; font-size: 16px; content: "\f107"; position: relative; float: right; margin-left: 10px } .rtl .dropdown > a:after { margin-left: 0; float: left } .dropdown li, .dropdown ul { list-style: none; display: block; padding: 0; margin: 0 } .dropdown ul { background: #fff; position: absolute; z-index: 100; min-width: 140px; display: none; cursor: pointer; border: 1px solid rgba(0,0,0,.1) } .dark-scheme .dropdown ul { background: var(--bg-color-dark) } .dropdown li span { background: #fff; display: block; padding: 5px 10px; border-top: none; width: 100%; font-weight: 400; font-size: 14px } .dark-scheme .dropdown li span { background: var(--bg-color-dark); border: 1px solid rgba(255,255,255,.1) } .dark-scheme .dropdown li span:hover { background: var(--bg-color-even); color: #fff } .dropdown li span:hover { color: #fff; background: #eee } .dropdown li.active { display: none } .text-light .dropdown { background: 0 0; border: 1px solid rgba(255,255,255,.1) } .text-light .dropdown a { color: #fff } .dropdown.style-2, .dropdown.style-2 a, .dropdown.style-2 li, .dropdown.style-2 ul { width: 100% } .rtl .dropdown.style-2 { text-align: right } .dropdown.style-2 h4 { font-size: 15px; font-weight: 500 } .dropdown.style-2 a { font-size: 20px; color: #fff; padding: 5px 0; border: none; border-top: 1px solid rgba(255,255,255,.3) } .isotope, .isotope .isotope-item { -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 } .isotope .isotope-item.no-transition, .isotope.no-transition, .isotope.no-transition .isotope-item { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s } .isotope-item { z-index: 2 } .isotope-hidden.isotope-item { poInter-events: none; z-index: 1 } .next-slider, .prev-slider { float: left; display: block; text-align: center; margin-top: 10px; cursor: poInter } .next-slider i, .prev-slider i { border: 1px solid #ccc; padding: 5px 10px } .next-slider i:hover, .prev-slider i:hover { color: #fff; border: 1px solid #333; background: #333 } .logo-carousel.owl-carousel .owl-item img { width: auto; opacity: .5 } a, img { outline: 0 } .nav-pills .nav-link { font-weight: 500 } .text-light .nav-pills .nav-link { background: rgba(0,0,0,.5); color: #fff } .de-preloader { width: 100%; height: 100%; top: 0; position: fixed; background: #fff; z-index: 5000 } .dark-scheme .de-preloader { background: #121212 } @-webkit-keyframes grow { to { transform: translateX(-50%) scale(0) } } @keyframes grow { to { transform: translateX(-50%) scale(0) } } @keyframes anim4 { to { transform: rotate(360deg) } } @media (min-width:1400px) { .container, .container-lg, .container-md, .container-sm, .container-xl { max-width: 1300px } } @media(min-width:980px) and (max-width:1199px) { #mainmenu li a:after { margin-left: 15px } .container, .container-lg, .container-md, .container-sm { min-width: 95% } } @media only screen and (max-width:992px) { header .logo-init, header .logo-main { display: none } header .logo-mobile { display: block } header .logo-1 { display: none } .scroll-down, .scroll-up { margin-top: 0 } .menu_side_area .btn-main { display: none } .mb-sm-30 { margin-bottom: 30px } .sm-mt-0 { margin-top: 0 } .p-sm-30 { padding: 40px } .mb-sm-0 { margin-bottom: 0 } .sm-pt10 { padding-top: 10px } #menu-btn { display: block; float: right; z-index: 1000; top: 0; right: 0; background: #333 } .inner-padding { padding: 40px } .header-col-mid #mainmenu { position: absolute; top: 90px; width: 100%; padding: 0; left: 20px } header.header-bg { background: #000 } header, header.fixed { display: block; position: inherit; margin: 0; padding: 0; height: auto; background: #121212 } #de-sidebar { position: absolute; width: 100%; right: 1px } .de_light header.side-header, 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; z-index: 2000; height: 35px } header.side-header #mainmenu li { display: block } .de_light.de-navbar-left header #mainmenu > li > a, header.side-header #mainmenu a { display: block; text-align: center; color: #fff } header.side-header #mainmenu a:hover { background: 0 0 } header.autoshow { height: auto; top: 0 } header.autoshow #mainmenu li a { background: 0 0 } header.header-mobile-sticky { position: fixed } #subheader { padding: 180px 0 50px !important } #subheader h1 { margin-top: 0 } #subheader span { display: none } #content section:first-of-type { padding-top: 160px !important; } #sidebar { padding-left: 10px } #logo, #logo .inner { vertical-align: middle; height: auto } #mainmenu { position: fixed; height: 100%; z-index: 200; width: 200px; margin: 10px 0 0; padding: 20px 0 0; padding-bottom: 100px !important; overflow-y: auto; top: 100px } #mainmenu ul { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none } #mainmenu a.menu-item { text-align: left; padding-left: 0; padding-top: 10px; padding-bottom: 10px } #mainmenu li.has-child:after { display: none } #mainmenu li li a.menu-item, #mainmenu li li li a.menu-item { padding-left: 0 } #mainmenu a.menu-item:hover { background: #111 } #mainmenu li ul { display: block; position: inherit; margin: 0; border-top: 1px solid #eee; top: auto; width: auto; height: auto; position: inherit; visibility: visible; opacity: 1 } #mainmenu li { border-bottom: 1px solid #eee; margin: 0; width: 100%; display: block } #mainmenu li a.menu-item:after { display: none } #mainmenu li:last-child { margin-bottom: 30px } #mainmenu > li.menu-item-has-children > a.menu-item { position: relative; padding-right: 15px } #mainmenu > li.menu-item-has-children > a.menu-item:after { content: "\f107"; font-family: FontAwesome; display: inline-block; position: absolute; top: 0; right: 0 } #mainmenu li ul a.menu-item { width: 100%; background: 0 0; border: none } #mainmenu li ul li { border: none; padding-left: 40px } #mainmenu li ul li a.menu-item { display: block } #mainmenu li ul li:last-child { border-bottom: none; margin: 0 } #mainmenu li ul li:last-child a.menu-item { border-bottom: none } #mainmenu li a { color: #eceff3 } #mainmenu li li a.menu-item:hover { color: #fff } #mainmenu ul:not(.mega) { border: none } #back-to-top { display: none } header.header-mobile { overflow: hidden; position: relative } header.header-mobile #mainmenu { width: 100%; padding-right: 30px; padding-top: 20px } header.header-mobile #mainmenu ul { background: 0 0 } header.header-mobile #mainmenu a.menu-item { padding-top: 10px; padding-bottom: 10px } header.header-mobile #mainmenu a.menu-item:hover { background: 0 0 } header.header-mobile #mainmenu li { border-bottom: 1px solid #eee; margin: 0; width: 100%; display: block } .dark-scheme header.header-mobile #mainmenu li { border-bottom-color: rgba(255,255,255,.1) } 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.menu-item { color: #fff } header.header-mobile #mainmenu li a.menu-item:after { display: none } header.header-mobile #mainmenu li:last-child { margin-bottom: 30px } header.header-mobile #mainmenu li ul { display: block; margin: 0; width: 100%; border-top: none; top: auto; height: 0; overflow: hidden; position: relative; left: 0 } header.header-mobile #mainmenu li ul a.menu-item { width: 100%; background: 0 0; border: none } header.header-mobile #mainmenu li ul li { border: none; padding-left: 40px } header #mainmenu li ul li:first-child { border-top: 1px solid #eee } .dark-scheme header #mainmenu li ul li:first-child { border-top-color: rgba(255,255,255,.1) } header.header-mobile #mainmenu li ul li a.menu-item { display: block; border-bottom: 1px solid #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.menu-item { border-bottom: none } header.header-mobile #mainmenu li a.menu-item { color: #888 } .dark-scheme header.header-mobile #mainmenu li a.menu-item { color: #fff } header.header-mobile #mainmenu li a.menu-item:hover { color: #333 } .dark-scheme header.header-mobile #mainmenu li a.menu-item:hover { color: #fff } header.header-mobile #mainmenu li li a.menu-item:hover { color: #888 } header.header-mobile #mainmenu li ul li ul { margin-bottom: 10px } header.header-mobile #mainmenu > li > span { width: 36px; height: 36px; background: url(/images/ui/arrow-down.png) 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 } .dark-scheme header.header-mobile #mainmenu > li > span { background: url(/images/ui/arrow-down-light.png) center no-repeat } header.header-mobile #mainmenu li span.active { background: url(/images/ui/arrow-up.png) center no-repeat } .dark-scheme header.header-mobile #mainmenu li span.active { background: url(/images/ui/arrow-up-light.png) center no-repeat } header.header-mobile #mainmenu li > ul > li > span { width: 36px; height: 36px; background: url(/images/ui/arrow-down.png) 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(/images/ui/arrow-up.png) center no-repeat } .dark-scheme header.header-mobile #mainmenu li ul li a.menu-item { border-bottom-color: rgba(255,255,255,.1) } header.header-mobile #mainmenu li ul li:last-child > a.menu-item { border-bottom: none } header.header-mobile .h-phone { color: #202020 } .hidden-phone { display: none } .table [class*=col-] { float: none; display: block; vertical-align: top } .sm-hide { display: none } .d-btn-close { position: relative } #mainmenu a.menu-item span { display: none } .activity-filter li { width: 100% } .dropdown { display: inline-block; margin-bottom: 10px } .mb-sm-50 { margin-bottom: -50px } } @media only screen and (max-width:767px) { .menu_side_area { margin-left: 20px; width: 100%; position: relative; right: 0; text-align: right; z-index: 0; display: block } header .container { min-width: 100% } .container { padding-left: 30px; padding-right: 30px } .text-item { font-size: 48px; line-height: 48px } .text-item i { font-size: 36px } #de-sidebar { width: 100%; display: block; position: relative } .display-table [class*=col-] { display: table } h1.big, h1_big { font-size: 8vw; line-height: 10vw } .xs-hide { display: none } } @media only screen and (min-width:480px) and (max-width:767px) { .container { padding-left: 30px; padding-right: 30px } } @media only screen and (max-width:480px) { .text-item { font-size: 32px; line-height: 32px } .text-item i { font-size: 24px } h4.s2 span { display: block; margin: 0; padding: 0 } .h-phone { display: none } header a.btn-main i { display: inline-block } } @media only screen and (max-width:360px) { #topbar { display: none } } @media only screen and (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 only screen and (max-width:992px) { #subheader { -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-attachment: scroll } section { -webkit-background-size: auto 100%; -moz-background-size: auto 100%; -o-background-size: auto 100%; background-size: auto 100%; background-attachment: scroll } } .bg-dark-grey { background-color: #333 !important } #vehicleSpecsTable th { text-align: right } #vehicleSpecsTable td { text-align: left } .review .card-body { background-color: #f6f6f8; border-radius: 4px; padding: 3rem } .review .fa-star, .review .fa-star-half-stroke { color: #f5c518 } .de-item { background-color: #fff } .whiteSpaceNormal { white-space: normal } .btn-block { width: 100% } @media (max-width:991.98px) { .cta .s2 { text-align: center } } @media (max-width:767.98px) { .btn-main { width: 100% } .de-item .btn-main { width: auto } } #ccc-info { display: none; visibility: hidden } :root { --primary-color: #5ad15a; --primary-color-rgb: 90,209,90; --secondary-color: #179510; --secondary-color-rgb: 23,149,16 } #back-to-top, #btn-close-x:hover, #btn-search, #cookieConsent a.cookieConsentOK, #de-click-menu-notification .d-count, #de_modal::-webkit-scrollbar-thumb, #filters a.selected, #form_subscribe #btn-submit i, #mainmenu li li a.menu-item:hover, #mainmenu ul li b, #mainmenu ul li:hover > a.menu-item, #preloader .s1 span, #selector #dark-mode, #selector #related-items, #services-list li a:hover, #subheader .small-border-deco span, #testimonial-full, .accordion-section-title:before, .bg-color, .bg-gradient-to-right-2, .bg-id-color, .bloglist .date-box, .box-fx .info, .box-icon-simple .num, .btn-id, .btn-main, .btn-more, .btn-primary, .btn-rsvp, .circle, .custom-close:after, .custom-show:after, .d-card i, .d-card.hover i, .d-card:hover i, .d-gallery-item .dgi-1, .date-post, .daterangepicker td.active, .daterangepicker td.active:hover, .de-event-item .d-date, .de-icon, .de-marquee-list .d-item-dot, .de-progress .progress-bar, .de-submenu-profile i, .de-team-list .small-border, .de_light .de_tab.tab_style_3 .de_nav li.active span, .de_pricing-table .d-list li:before, .de_tab.tab_methods.style-2 .de_nav li.active span, .de_tab.tab_style_2 .de_nav li.active span, .de_tab.tab_style_4 .de_nav li.active, .de_tab.tab_style_4 .de_nav li.active span, .de_tab.timeline li.active .dot, .dih-overlay, .dropcap, .dropdown li span:hover, .feature-box-big-icon i, .feature-box-small-icon .border, .feature-box-small-icon.style-2 .number.bg-color, .feature-box.f-boxed.invert, .feature-box.f-boxed:hover, .fp-wrap .fpwow-icons a, .fpw-overlay-btm, .fullwidthbanner-container a.btn, .icon-box:hover, .icon-deco i, .lds-roller div:after, .mask .cover, .menu-col li a.active, .nav-pills .nav-link.active, .nav-pills .show > .nav-link, .owl-arrow span, .owl-custom-nav .btn-next:before, .owl-custom-nav .btn-prev:before, .owl-item.active.center .feature-box-type-2, .owl-item.active > div blockquote:before, .price-row, .pricing-table .ribbon, .product img:hover, .ribbon, .slider .progress, .slider-info .text1, .social-icons-sm i:hover, .spinner > div, .style-2 .date-box, .switch, .team-list .small-border, .testimonial-color .item:nth-child(1n) blockquote:before, .text-light .container-timeline ul li::before, .text-light .de-marquee-list .d-item-dot, .text-light .de_countdown, .text-light .dropdown li span, .timeline .tl-block .tl-line, .timeline > li > .timeline-badge, .tiny-border, .ul-style-4 li:before, .widget .small-border, .widget-post .date, .widget_tags li a, a.btn-border:hover, a.btn-main, body::-webkit-scrollbar-thumb, h1.s2 .c1 span, h5 span.label, header, input[type=range]::-webkit-slider-thumb, section.bg-color, section.call-to-action { background: var(--secondary-color) } #back-to-top:hover:before, #mainmenu li a.menu-item:after, #services-list li.active, #services-list li.active a:after, #topbar i, .accordion a:before, .blog-list .date-box .day, .btn-left:before, .btn-right:after, .countdown-s3 .countdown-period, .countdown-s4 .countdown-period, .crumb li .active, .dark .btn-line:after, .dark .btn-line:hover:after, .dark .feature-box-small-icon i, .dark a.btn-line.hover:after, .dark a.btn-line:after, .dark a.btn-line:hover:after, .date-box .day, .de_contact_info i, .de_tab .de_nav li span, .de_tab.tab_style_4 .de_nav li span, .de_testi.opt-2 blockquote:before, .de_testi.opt-2.review .p-rating, .demo-icon-wrap i, .demo-icon-wrap-s2 span, .expand-custom .toggle:before, .feature-box-small-icon-2 i, .h-phone i, .id-color, .list li:before, .mask .cover .date:before, .menu-col a i, .nav-link, .nav-link:focus, .nav-link:hover, .p-title, .post-meta span:before, .post-text h3 a:hover, .pricing-box li h1, .pricing-dark .pricing-box li.price-row, .pricing-s2 .bottom i, .pricing-table .bottom i, .profile_pic .subtitle, .ratings i, .schedule-item .sc-name, .separator span i, .sitemap.s1 li:before, .slider_text h1, .social-icons i, .social-icons i:hover, .social-icons-sm i, .team-list .social a, .testimonial-list:before, .title span, .topbar-widget a span, .widget_tags li a, .wm, .wm2, a#cookit-link, a.bc-btn, a.btn-border.light:hover, a.btn-line:after, a.btn-link, a.btn-main.btn-white, a.btn-slider:after, a.btn-text:after, address span strong, blockquote.s1:before, h1.id-color, h2.hs1 span, h2.id-color, h3.id-color, h4.id-color, h5.s2, header .info .social i:hover, header.smaller #mainmenu a.menu-item.active, i.large:hover, span.deco-big { color: var(--primary-color) } .accordion-button:not(.collapsed), .activity-filter i, .dark-scheme .demo-icon-wrap i, .dark-scheme .demo-icon-wrap-s2 span, .dark-scheme .small-border, .de_tab .de_nav li span, .de_tab.tab_methods .de_nav li.active span img, .de_table .tr .td:nth-child(2) span, .h-phone i.id-color-secondary, .icon-box i, .id-color-2, .id-color-secondary, .mask:hover .cover h3 i, .pricing-table.table-featured .bottom i, .ul-style-2 li:before, .ul-style-3 li:after, a, a:hover, address.s1 span i, footer .widget a:hover, span.id-color-2 { color: var(--secondary-color) } #btn_copy.clicked, #contact_form .radio-img input[type=checkbox]:checked + label, #contact_form .radio-img input[type=radio]:checked + label, #form_quick_search #btn-submit i, #form_sb #btn-submit i, #form_subscribe #btn-subscribe i.bg-color-secondary, #jpreBar, #mainmenu li li a.menu-item:hover, #mainmenu ul li:hover > a.menu-item, .activity-filter li.active, .author_list_pp i, .author_list_pp img, .bg-color-2, .bg-color-secondary, .btn-line.hover, .btn-line:hover, .coll_list_pp i, .container-timeline ul li::before, .dark-scheme .de_countdown.bg-color-secondary, .de-card .de-price span, .de-circle-1, .de-color-icons i, .de-switch input[type=checkbox]:checked + label, .de_form input[type=checkbox]:checked + label:before, .de_pricing-table .d-recommend, .icon-box.invert:hover, .owl-dot.active, .p-tagline, .p_list_pp i, .page-item.active .page-link, .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover, .pricing-table.table-featured .mid, .pricing-table.table-featured a.btn-main, .profile_avatar i, .t-circle, .testimonial-color .item:nth-child(2n) blockquote:before, .timeline h5, a.btn-line.hover, a.btn-line:hover, a.btn-main.bg-color-2, a.btn-main.invert, section.bg-color-2, section.bg-color-secondary { background: var(--secondary-color) } section.dark { background: rgba(var(--primary-color-rgb),.98) } .accordion-section-title.active, .accordion.secondary .accordion-section-title:before .d-card i, .feature-box-group .d-card i { background: var(--secondary-color) } #menu-btn, .bg-gradient-to-right, .de_table.table-style-2:not(.no-heading) .tr:first-child, .post-image .post-info .inner, .ribbon.s2, a.btn-main.secondary, h1 .label, header.header-gradient { background: var(--primary-color) } section.jarallax { background-color: #000 !important } section.jarallax img { opacity: .4 } section.jarallax .fp-image { opacity: unset } #preloader { background-image: linear-gradient(to top right,var(--primary-color),var(--secondary-color)) } #topbar { background: rgba(var(--primary-color-rgb),.1) } .activity-list li:after { color: rgba(var(--secondary-color-rgb),1) } , .accordion-button:not(.collapsed), .activity-filter i, .de_table .tr .td:nth-child(2) span, .item_info_counts > div { background: rgba(var(--secondary-color-rgb),.1) } .activity-list li { background: rgba(var(--secondary-color-rgb),.07) } #slider-carousel .owl-thumb-item.active img, .de_form input[type=checkbox] + label:before, .icon-box, .profile_avatar img, .small-border, a.btn-border.btn-invert { border-color: var(--primary-color) } #quick_search:hover, .form-border input[type=date]:focus, .form-border input[type=text]:focus, .form-border select:focus, .form-border textarea:focus, .form-underline input[type=email]:focus, .items_filter .dropdown:hover { webkit-box-shadow: 0px 0px 0px 4px rgba(var(--primary-color-rgb),.3); -moz-box-shadow: 0 0 0 4px rgba(var(--primary-color-rgb),.3); box-shadow: 0 0 0 4px rgba(var(--primary-color-rgb),.3) } .de-grey #subheader h1, header #mainmenu a.menu-item span, header.transparent #mainmenu a.menu-item span { border-bottom-color: var(--secondary-color) } .color-gradient, .de_count h3 { background: -webkit-linear-gradient(to right,var(--primary-color) 0,var(--secondary-color) 100%); background: -moz-linear-gradient(to right,var(--primary-color) 0,var(--secondary-color) 100%); background: linear-gradient(to right,var(--primary-color) 0,var(--secondary-color) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent } /* Ticker animation */ .ticker-wrap { width: max-content; animation: ticker 38s linear infinite; } .ticker-content { white-space: nowrap; } .bg-dark:hover .ticker-wrap { animation-play-state: paused; } @keyframes ticker { from { transform: translateX(0); } to { transform: translateX(-50%); } /* because we duplicated the content */ } #section-hero { position: relative; width: 100%; height: 100vh; /* Full screen */ } .hero-video { min-width: 100%; min-height: 100%; object-fit: cover; object-position: center; z-index: 0; } #home #section-hero { position: relative; padding-bottom: 360px; /* adds the extra height */ } #home #section-hero .overlay-bg { position: absolute; top: 0; right: 0; bottom: 0; left: 0; /* or: inset: 0; */ } #home #section-hero .container { position: relative; z-index: 1; } .owl-next, .owl-prev { cursor: pointer; position: absolute; top: 27.5%; z-index: 100; width: 40px; height: 40px; background-color: #fff !important; border: 1px solid #ccc !important; } /* Prevent JS from writing layout styles repeatedly */ header.menu-open { height: calc(var(--vh, 1vh) * 100); } /* Your data-bg* elements no longer need global "body,div,section" JS styling */ .bgcustom { background-size: 100% auto; background-repeat: no-repeat; }