/* Treker */ @import url('../../../css2'); /* font-family: 'Poppins', sans-serif; font-family: 'Corinthia', cursive; font-family: 'Prata', serif; */ @import url('font-awesome.css'); @import url('simple-line-icons.css'); @import url('animate.css'); @import url('owl.css'); @import url('jquery-ui.css'); @import url('custom-animate.css'); @import url('jquery.fancybox.min.css'); @import url('jquery.bootstrap-touchspin.css'); @import url('odometer-theme-default.css'); /*** ==================================================================== Reset ==================================================================== ***/ * { margin: 0px; padding: 0px; border: none; outline: none; } /*** ==================================================================== Global Settings ==================================================================== ***/ body { font-family: 'Poppins', sans-serif; font-size: 16px; color: #2E2E2E; line-height: 1.70em; font-weight: 400; background: #ffffff; -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; } a{ text-decoration: none; cursor: pointer; color: #1DC5CE; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; transition:all 300ms ease; } a:hover, a:focus, a:visited, a:active, button:active, button:focus { text-decoration: none; outline: none; } ul, ul li, ol, ol li{ list-style: none; margin: 0 0; } h1, h2, h3, h4, h5, h6{ position: relative; font-family: 'Poppins', sans-serif; font-weight: 400; margin: 0 0 15px; background: none; color: #03030f; line-height: 1.33em; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{ color: #03030f; } h1{ font-size: 72px; } h2{ font-size: 54px; } h3{ font-size: 30px; } h4{ font-size: 24px; } h5{ font-size: 20px; } h6{ font-size: 16px; } input, button, select, textarea { font-family: 'Poppins', sans-serif; } textarea { overflow: hidden; resize: none; } p{ position: relative; line-height: 1.70em; margin-bottom: 20px; } .text { position: relative; line-height: 1.70em; margin-bottom: 0px; } .strike-through { text-decoration: line-through; } .auto-container{ position: static; max-width: 1210px; padding: 0px 20px; margin: 0 auto; } .page-wrapper{ position: relative; margin: 0 auto; width: 100%; min-width: 300px; } .theme-btn { display: inline-block; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .centered { text-align: center; } .btn-style-one{ position:relative; display:inline-block; vertical-align: top; font-family: 'Poppins', sans-serif; margin: 0; line-height: 30px; padding: 11px 25px 11px; color: #1DC5CE; font-weight: 400; font-size: 16px; text-align: center; text-transform: capitalize; background: none; border: 1px solid #1DC5CE; border-radius: 6px; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease; } .btn-style-one span{ position: relative; display: block; z-index: 1; } .btn-style-one i{ position: relative; display: inline-block; top: 0; vertical-align: middle; padding-left: 12px; line-height: 30px; z-index: 1; } .btn-style-one i.fa, .btn-style-one i.far{ position: relative; top: 1px; padding-left: 18px; font-size: 18px; } .btn-style-one i img{ position: relative; max-height: 12px; } .btn-style-one:hover{ color: #ffffff; background: #1DC5CE; border-color: #1DC5CE; } .btn-style-one:hover i img{ -webkit-filter: brightness(10); -ms-filter: brightness(10); -moz-filter: brightness(10); } .btn-style-two{ position:relative; display:inline-block; vertical-align: top; font-family: 'Poppins', sans-serif; margin: 0; line-height: 30px; padding: 11px 25px 11px; color: #ffffff; font-weight: 400; font-size: 16px; text-align: center; text-transform: capitalize; background: #1DC5CE; border: 1px solid #1DC5CE; border-radius: 6px; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease; } .btn-style-two span{ position: relative; display: block; z-index: 1; } .btn-style-two i{ position: relative; display: inline-block; top: 0; vertical-align: middle; padding-left: 12px; line-height: 30px; z-index: 1; } .btn-style-two i.fa, .btn-style-two i.far{ position: relative; top: 1px; padding-left: 18px; font-size: 18px; } .btn-style-two i img{ position: relative; max-height: 12px; } .btn-style-two:hover{ color: #1DC5CE; background: none; border-color: #1DC5CE; } .btn-style-two i img{ -webkit-filter: brightness(10); -ms-filter: brightness(10); -moz-filter: brightness(10); } .btn-style-two:hover i img{ -webkit-filter: none; -ms-filter: none; -moz-filter: none; } .theme-btn .icon-left { padding-right: 10px; } .theme-btn .icon-right { padding-left: 10px; } .theme_color { color: #1DC5CE; } .light-font { font-weight: 300; } .regular-font { font-weight: 400; } .semibold-font { font-weight: 600; } .bold-font { font-weight: 700; } .ex-bold-font { font-weight: 800; } .heavy-font { font-weight: 900; } .bg-lightgrey { background-color: #f6f7f8; } .no-bg { background: none; } .text-uppercase { text-transform: uppercase; } .grey-color { color: #333333 !important; } .preloader { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 999999; background-color: #ffffff; background-position: center center; background-repeat: no-repeat; background-size:100px; background-image: url(../images/icons/preloader.svg); } img { display: inline-block; max-width: 100%; height: auto; } /*** ==================================================================== Scroll To Top style ==================================================================== ***/ .scroll-to-top{ position: fixed; bottom: 20px; right: 20px; width: 44px; height: 52px; color: #ffffff; font-size: 16px; text-transform: uppercase; line-height: 52px; text-align: center; z-index: 100; cursor: pointer; border-radius: 15px 15px 0 0; background: #1DC5CE; display: none; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; -moz-transition: all 300ms ease; transition: all 300ms ease; } .scroll-to-top img{ position: relative; top: -2px; vertical-align: middle; height: 10px; } .scroll-to-top:hover { color: #ffffff; background: #1DC5CE; } /*** ==================================================================== Default Form Style ==================================================================== ***/ form{ position:relative; } /* Default Form Style */ .default-form{ position: relative; } form .form-group{ position:relative; margin-bottom: 20px; } form .row{ margin: 0 -15px; } form .row .form-group{ position:relative; padding: 0 15px; margin-bottom: 30px; } form .field-inner{ position: relative; display: block; } form .field-inner .alt-icon{ position: absolute; right: 20px; top: 50%; margin-top: -15px; line-height: 30px; font-size: 16px; color: #1DC5CE; z-index: 1; pointer-events: none; } form .form-group .field-label{ position:relative; display: block; color: #03030f; font-size: 16px; font-weight: 500; line-height: 24px; text-transform: capitalize; margin-bottom: 12px; } form .form-group .e-label{ position: relative; } form .form-group input[type="text"], form .form-group input[type="email"], form .form-group input[type="password"], form .form-group input[type="tel"], form .form-group input[type="url"], form .form-group input[type="file"], form .form-group input[type="number"], form .form-group textarea, form .form-group select{ position: relative; display: block; height: 54px; width: 100%; font-size: 16px; color: #101010; line-height: 30px; font-weight: 500; padding: 11px 20px; padding-right: 48px; background-color: #ffffff; border: 1px solid #e0e0e0; border-radius:0px; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; -moz-transition: all 300ms ease; transition: all 300ms ease; } form .form-group textarea{ height: 150px; padding-top: 20px; resize: none; } form .form-group select{ -webkit-appearance:none; -ms-appearance:none; -moz-appearance:none; -o-appearance:none; appearance:none; background:#ffffff url(../images/icons/icon-select.png) right center no-repeat; cursor:pointer; } form .form-group select option{ line-height: 30px; padding-left:20px; text-indent: 20px; cursor:pointer; } form .form-group input[type="submit"], form .form-group button{ display:inline-block; } form .form-group input[type="text"]:focus, form .form-group input[type="email"]:focus, form .form-group input[type="password"]:focus, form .form-group input[type="tel"]:focus, form .form-group input[type="url"]:focus, form .form-group input[type="file"]:focus, form .form-group input[type="number"]:focus, form .form-group textarea:focus, form .form-group select:focus, .form-group .ui-selectmenu-button.ui-button:focus, .form-group .ui-selectmenu-button.ui-button:active{ border-color: #1DC5CE; } form ::-webkit-input-placeholder{color: #656363;} form ::-moz-input-placeholder{color: #656363; } form ::-ms-input-placeholder{color: #656363;} form label.error{ color: #ff0000; font-size:14px; text-transform: capitalize; text-align:left; display:block; padding-top:7px; line-height: 24px; } .check-block{ position: relative; margin-bottom: 15px; } .check-block input{ position: absolute; left: 0; top: 0; visibility: hidden; opacity: 0; } .check-block label{ position: relative; display: block; line-height: 28px; padding-left: 34px; font-weight: 400; color: #505050; font-size: 16px; cursor: pointer; margin: 0; } .check-block label:before{ content: ''; position: absolute; left: 0; top: 1px; width: 24px; height: 24px; line-height: 22px; background: #ffffff; border: 1px solid #1DC5CE; border-radius: 50%; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .check-block input:checked + label:before{ content: ''; background: #1DC5CE; color: #ffffff; } .check-block input:checked + label:after{ content: '\f00c'; font-family: "Font Awesome 6 Pro"; position: absolute; left: 0; top: 3px; width: 22px; height: 22px; line-height: 22px; text-align: center; font-size: 12px; color: #ffffff; line-height: 22px; } .radio-block{ position: relative; margin-bottom: 15px; } .radio-block input{ position: absolute; left: 0; top: 0; visibility: hidden; opacity: 0; } .radio-block label{ position: relative; display: block; line-height: 28px; padding-left: 30px; font-weight: 400; color: #505050; font-size: 16px; cursor: pointer; margin: 0; } .radio-block label:before{ content: ''; position: absolute; left: 0; top: 4px; width: 20px; height: 20px; background: #ffffff; border: 1px solid #1DC5CE; border-radius: 50%; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .radio-block label:after{ content: ''; position: absolute; left: 4px; top: 8px; width: 12px; height: 12px; background: #1DC5CE; border-radius: 50%; opacity: 0; z-index: 1; } .radio-block input:checked + label:after{ opacity: 1; } /*Custom Select*/ .form-group .ui-selectmenu-button.ui-button{ width:100%; font-size:16px; font-weight: 500; height:54px; padding:11px 20px; line-height:30px; font-family: 'Poppins', sans-serif; color:#585f5f; border-radius:0px; background-color:#ffffff; border: 1px solid #e0e0e0; } .form-group .ui-button .ui-icon{ background:none; position:relative; top:6px; right: 0px; text-indent:0px; color:#999999; } .form-group .ui-button .ui-icon:before{ font-family: 'simple-line-icons'; content: "\e604"; position:absolute; right:0px; top:0px !important; width:15px; height:30px; display:block; color:#1DC5CE; line-height:20px; font-size:14px; font-weight:700; text-align:center; z-index:5; } .ui-selectmenu-menu{ min-width: 150px; max-height: 200px; overflow-y: auto; } .ui-widget.ui-widget-content{ border:1px solid #1DC5CE; border-top: none; font-family: 'Poppins', sans-serif; border-radius: 0; padding: 0; } .ui-menu .ui-menu-item{ font-size:16px; border-bottom:1px solid #1DC5CE; } .ui-menu .ui-menu-item:last-child{ border:none; } .ui-menu .ui-menu-item-wrapper{ position:relative; display:block; padding:10px 18px !important; font-size:16px; line-height:28px; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; -moz-transition: all 300ms ease; transition: all 300ms ease; } .ui-menu .ui-menu-item-wrapper:hover, .ui-menu .ui-menu-item-wrapper.ui-state-active, .ui-state-active, .ui-widget-content .ui-state-active{ background: #252525; font-weight: 400; border: none; border-bottom:1px solid #1DC5CE; margin: 0; } .site-form form .form-group{ margin-bottom: 30px; } .site-form form .form-group .field-inner{ position: relative; } .site-form form .form-group .field-inner .alt-icon{ position: absolute; right: 20px; top: 50%; margin-top: -15px; height: 30px; color: #1DC5CE; font-size: 18px; line-height: 30px; pointer-events: none; } .site-form form .form-group .f-label{ position: relative; font-size: 16px; font-weight: 500; line-height: 24px; margin-bottom: 15px; } .site-form form .form-group .f-label i{ color: #1DC5CE; font-style: normal; } .site-form form .form-group input[type="text"], .site-form form .form-group input[type="email"], .site-form form .form-group input[type="password"], .site-form form .form-group input[type="url"], .site-form form .form-group input[type="number"], .site-form form .form-group input[type="file"], .site-form form .form-group input[type="range"], .site-form form .form-group select, .site-form form .form-group textarea{ height: 58px; line-height: 26px; padding: 15px 20px; border: 1px solid rgba(0, 0, 0, 0.03); color: #10221B; font-weight: 500; background: #ffffff; } .site-form form .form-group textarea{ height: 170px; } .site-form form .form-group select option{ text-indent: 20px; } .site-form form .form-group input[type="text"]:focus, .site-form form .form-group input[type="email"]:focus, .site-form form .form-group input[type="password"]:focus, .site-form form .form-group input[type="url"]:focus, .site-form form .form-group input[type="number"]:focus, .site-form form .form-group input[type="file"]:focus, .site-form form .form-group input[type="range"]:focus, .site-form form .form-group select:focus, .site-form form .form-group textarea:focus{ border-color: #1DC5CE; } /*** ==================================================================== Main Header style ==================================================================== ***/ .main-header{ position: absolute; left: 0; top: 0; width: 100%; padding: 0px 0px; background: none; min-height: 100px; font-family: 'Poppins', sans-serif; z-index: 999; } .main-header.alternate{ position: relative; min-height: 126px; } .main-header .auto-container{ max-width: 1700px; padding: 0 20px; } .header-top{ position: relative; padding: 15px 0; background: #1DC5CE; color: #ffffff; } .header-top .top-left{ position: relative; float: left; line-height: 30px; } .header-top .top-left .info{ position: relative; } .header-top .top-left .info li{ position: relative; float: left; padding-left: 28px; margin-right: 60px; line-height: 30px; font-size: 14px; } .header-top .top-left .info li:last-child{ margin-right: 0; } .header-top .top-left .info li .icon{ position: absolute; left: 0; top: 0; width: 24px; line-height: 30px; font-size: 16px; } .header-top .top-left .info li a{ position: relative; display: block; line-height: 30px; color: #ffffff; } .header-top .top-left .info li a:hover{ text-decoration: underline; } .header-top .top-right{ position: relative; float: right; line-height: 30px; } .header-top .top-right .lang-box{ position: relative; float: left; z-index: 10; } .main-header .lang-box .lang-btn{ position: relative; display: block; padding: 3px 0; line-height: 24px; color: #ffffff; cursor: pointer; } .main-header .lang-box .lang-btn .img{ position: relative; top: 4px; float: left; } .main-header .lang-box .lang-btn .txt{ position: relative; float: left; font-size: 14px; font-weight: 400; text-transform: uppercase; margin-left: 10px; } .main-header .lang-box .lang-btn .icon{ position: relative; float: left; top: -2px; font-size: 14px; margin-left: 8px; line-height: 24px; font-weight: 700; } .main-header .lang-box .lang-list{ position: absolute; left: 0px; top: 145%; width: 130px; opacity: 0; border-radius: 0px; visibility: hidden; background: #ffffff; border: 1px solid rgba(0, 0, 0, 0.10); box-shadow: 0 0 15px 0px rgba(0, 0, 0, 0.20); } .main-header .lang-box .lang-list:before{ position: absolute; content:''; left: 0px; top:-20px; right:0px; height:20px; } .main-header .lang-box:hover .lang-list{ opacity: 1; visibility: visible; } .main-header .lang-box .lang-list li{ position: relative; float: none; display: block; font-size: 13px; text-transform: uppercase; margin: 0 0; border-bottom: 1px solid rgba(0, 0, 0, 0.10); } .main-header .lang-box .lang-list li:last-child{ border-bottom: none; } .main-header .lang-box .lang-list li a{ position: relative; display: block; line-height: 20px; color: #2E2E2E; padding: 5px 10px; } .main-header .lang-box .lang-list li a:hover{ color: #1DC5CE; } .header-top .top-right .login{ position: relative; float: left; margin-left: 60px; padding-left: 26px; line-height: 30px; font-size: 14px; } .header-top .top-right .login .icon{ position: absolute; left: 0; top: 0; width: 24px; line-height: 30px; font-size: 16px; } .header-top .top-right .login a{ position: relative; display: block; line-height: 30px; color: #ffffff; text-transform: uppercase; } .header-top .top-right .login a:hover{ text-decoration: underline; } .main-header .header-upper{ position: absolute; left: 0; top: 60px; width: 100%; background: none; padding: 0 0; border-bottom: 1px solid rgba(0,0,0,0.0); transition: all 300ms ease; -moz-transition: all 300ms ease; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; } .header-style-two .header-upper{ top: 0; } .header-style-two .auto-container{ max-width: 1600px; } .fixed-header .header-upper{ position: fixed; top: 0; background: #ffffff; border-bottom-color: rgba(0,0,0,0.15); } .visible-search .main-header .header-upper{ background: #ffffff; border-bottom-color: rgba(0,0,0,0.15); } .main-header ul, .main-header ul li { list-style: none; margin: 0; padding: 0; } .main-header .main-box{ position: relative; padding: 0px; } .main-header .main-box .logo-box{ position: relative; display: block; float: left; padding: 30px 0px; transition: all 300ms ease; -moz-transition: all 300ms ease; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; z-index: 5; } .fixed-header .main-box .logo-box{ } .main-header .main-box .logo-box .logo{ position: relative; display: block; } .main-header .main-box .logo-box .logo img { position: relative; display: block; height: 100px; z-index: 1; margin-top: -14px; margin-bottom: 0px; } .main-header .nav-box{ position: relative; float: right; } .main-header .header-upper .links-box{ position: relative; float: left; padding-top: 41px; margin-left: 60px; } .main-header .header-upper .links-box .link{ position: relative; float: left; margin-left: 40px; } .main-header .search-btn{ position: relative; cursor: pointer; font-size: 18px; line-height: 44px; } .main-header .search-btn:hover{ color: #1DC5CE; } .main-header .fav-btn{ position: relative; padding-top: 7px; } .main-header .fav-btn a{ position: relative; display: block; width: 36px; line-height: 30px; color: #10221B; } .main-header .fav-btn .icon{ position: relative; font-size: 20px; line-height: 30px; } .main-header .fav-btn .count{ position: absolute; right: 0; top: -2px; width: 22px; height: 22px; background: #1DC5CE; color: #ffffff; text-align: center; font-size: 12px; font-weight: 500; text-transform: uppercase; line-height: 22px; border-radius: 50%; } .main-header .cart-btn{ position: relative; background: #EAF6F6; font-size: 14px; border: 2px solid #ffffff; border-radius: 4px; } .main-header .cart-btn a{ position: relative; display: block; color: #10221B; line-height: 30px; padding: 5px 20px; } .header-style-two .cart-btn{ background: none; border-color: rgba(0, 0, 0, 0); } .header-style-two .cart-btn a{ padding-right: 0; padding-left: 0; background: none; } .main-header .cart-btn .cart-info{ position: relative; float: left; } .main-header .cart-btn .icon{ font-size: 16px; padding-right: 10px; } .main-header .cart-btn .amount{ position: relative; float: left; color: #1DC5CE; padding-left: 18px; margin-left: 17px; } .main-header .cart-btn .amount:before{ content: ''; position: absolute; left: 0px; top: 8px; bottom: 8px; border-left: 1px solid rgba(0, 0, 0, 0.10); } .main-header .nav-toggler{ position: relative; float: left; left: 0; top: 0; padding: 14px 0px 0; margin-top: 15px; margin-left: 20px; display: none; } .main-header .nav-toggler button { position: relative; width: 30px; height: 44px; line-height: 24px; padding: 5px 0px; background: none; color: #e1e1e1; font-size: 16px; margin: 0px; border-radius: 0px; outline: none !important; } .main-header .nav-toggler button img{ position: relative; display: inline-block; vertical-align: middle; height: 34px; } .main-header .nav-outer{ position: relative; float: left; } .main-menu{ position:relative; display: block; padding: 0px 0px; } .main-menu .navbar-collapse{ padding:0px; margin:0px; border:none; box-shadow:none; } .main-menu .navigation{ position:relative; z-index: 1; } .main-menu .navigation > li{ position:relative; display: block; float: left; padding:30px 0px; margin-left: 40px; -webkit-transition:all 300ms ease; -moz-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; transition:all 300ms ease; } .main-menu .navigation > li > a{ position:relative; display:block; font-size:16px; color:#10221B; padding:18px 0px; font-weight:500; letter-spacing: 2.5px; line-height:30px; opacity:1; -webkit-transition:all 300ms ease; -moz-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; transition:all 300ms ease; } .main-menu .navigation > li > a:before{ content: ""; position:absolute; left:0px; top: 3px; display:block; width: 100%; height: 20px; background: url(../images/icons/logo-icon.svg) center top no-repeat; opacity: 0; visibility: hidden; -webkit-transition:all 300ms ease; -moz-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; transition:all 300ms ease; z-index:1; } .main-menu .navigation > li:hover > a:before, .main-menu .navigation > li.current > a:before, .main-menu .navigation > li.current-menu-item > a:before{ opacity: 1; visibility: visible; } .main-menu .navigation > li:hover > a, .main-menu .navigation > li.current > a, .main-menu .navigation > li.current-menu-item > a{ color: #1DC5CE; text-decoration: none; opacity:1; } .main-menu .navigation > li > ul{ position:absolute; left:0px; top:100%; width:260px; padding:15px 10px; z-index:100; opacity: 1; text-align:left; background:#ffffff; border: none; border-radius:5px; -webkit-box-shadow:2px 2px 10px 1px rgba(0,0,0,0.03),-2px 0px 10px 1px rgba(0,0,0,0.03); -ms-box-shadow:2px 2px 10px 1px rgba(0,0,0,0.03),-2px 0px 10px 1px rgba(0,0,0,0.03); -o-box-shadow:2px 2px 10px 1px rgba(0,0,0,0.03),-2px 0px 10px 1px rgba(0,0,0,0.03); -moz-box-shadow:2px 2px 10px 1px rgba(0,0,0,0.03),-2px 0px 10px 1px rgba(0,0,0,0.03); box-shadow:2px 2px 10px 1px rgba(0,0,0,0.03),-2px 0px 10px 1px rgba(0,0,0,0.03); -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); -moz-transition:all 100ms ease; -webkit-transition:all 100ms ease; -ms-transition:all 100ms ease; -o-transition:all 100ms ease; transition:all 100ms ease; } .main-menu .navigation > li > ul > li{ position:relative; margin-bottom: 0px; } .main-menu .navigation > li > ul > li:last-child{ border-bottom: none; margin-bottom: 0; } .main-menu .navigation > li > ul > li > a{ position:relative; display:block; padding:8px 16px; font-size:16px; line-height:26px; font-weight: 500; color:#2E2E2E; text-transform: capitalize; -moz-transition:all 300ms ease; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; transition:all 300ms ease; } .main-menu .navigation > li > ul > li:hover > a, .main-menu .navigation > li > ul > li.current > a{ color:#1DC5CE; background: rgba(0, 0, 0, 0.05); } .main-menu .navigation > li.dropdown:hover > ul{ visibility:visible; opacity:1; top: 100%; -webkit-transform: translate(0px); -ms-transform: translate(0px); transform: translate(0px); -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; transition:all 500ms ease; } .main-header .search-box{ position: absolute; left: 0; top: 130%; width: 100%; opacity:0; visibility:hidden; transition: all 300ms ease; -moz-transition: all 300ms ease; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; } .visible-search .main-header .search-box{ opacity: 1; visibility: visible; top: 110%; } .visible-search .header-style-three .search-box{ top: 140%; } .main-header .search-box .inner-box{ position: relative; display: block; padding: 20px 25px; background: #ffffff; border-top: 5px solid #1DC5CE; border-radius: 0px; } .main-header .search-box .form-box{ position: relative; padding-left: 40px; padding-right: 40px; } .main-header .search-box .s-icon{ position: absolute; left: 0; top: 0; height: 44px; line-height: 44px; font-size: 20px; z-index: 1; } .main-header .search-box .s-close-btn{ position: absolute; right: 0; top: 0; height: 44px; line-height: 40px; font-size: 24px; cursor: pointer; z-index: 1; } .main-header .search-box .form-group{ margin: 0; } .main-header .search-box form input{ height: 44px; line-height: 34px; padding: 5px 0; background: none; border: none; width: 100%; font-size: 20px; box-shadow: none; } .search-backdrop{ position: fixed; right: 0; top: 0; width: 100%; height: 100%; z-index: 990; background: rgba(0, 0, 0, 0.90); opacity:0; visibility:hidden; transition: all 300ms ease; -moz-transition: all 300ms ease; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; } .visible-search .search-backdrop{ opacity: 1; visibility: visible; } body.visible-search{ overflow-y: hidden; } /*** ==================================================================== Hidden Sidebar style ==================================================================== ***/ body.visible-sidebar{ overflow-y: hidden; } .menu-backdrop{ position: fixed; right: 0; top: 0; width: 100%; height: 100%; z-index: 9990; background: rgba(0,0,0,0.70); cursor: pointer; opacity:0; visibility:hidden; transition: all 300ms ease; -moz-transition: all 300ms ease; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; } .visible-sidebar .menu-backdrop { opacity: 1; visibility: visible; } .hidden-bar{ position: fixed; top: 0; left: 0; bottom: 0; width: 100%; max-width: 320px; background: #ffffff; padding-top: 60px; color: #101010; border-right: 4px solid #1DC5CE; z-index: 9999; visibility: hidden; -ms-transform: translateX(-400px); transform: translateX(-400px); transition: all 500ms ease-in; -webkit-transition: all 500ms ease-in-out; -ms-transition: all 500ms ease-in-out; -o-transition: all 500ms ease-in-out; -moz-transition: all 500ms ease-in-out; } .hidden-bar .hidden-bar-closer{ display: none; } .hidden-bar.visible-sidebar{ opacity: 1; visibility: visible; -ms-transform: translateX(0px); transform: translateX(0px); } .hidden-bar .nav-logo-box{ position: relative; padding: 10px 25px 20px; margin-bottom: 20px; } .hidden-bar .nav-logo-box img{ max-height: 60px; } .hidden-bar ol, .hidden-bar ol li, .hidden-bar ul, .hidden-bar ul li{ list-style-type:none; margin:0px; } .hidden-bar .hidden-bar-closer{ position: absolute; right: -5px; top: 0px; padding: 14px 20px; line-height: 30px; cursor: pointer; display: block; transition: all 300ms ease; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; -moz-transition: all 300ms ease; z-index: 9999; } .hidden-bar .hidden-bar-closer svg{ width: 20px; height: 20px; stroke-width: 1.25px; } .hidden-bar-wrapper{ position: absolute; left: 0; top: 0px; bottom: 0; width: 100%; overflow-y: auto; padding: 20px 0px 35px; overflow-x: hidden; } .hidden-bar .side-menu{ position: relative; display: block; border-top: 1px solid rgba(0,0,0,0.07); font-family: 'Poppins', sans-serif; } .hidden-bar .side-menu ul li{ position: relative; display: block; padding: 5px 0px; border-bottom: 1px solid rgba(0,0,0,0.20); } .hidden-bar .side-menu ul li a{ position: relative; color: #8E8E8E; display: block; font-weight: 600; font-size:14px; line-height: 24px; text-transform: capitalize; padding: 5px 30px; letter-spacing: 0.05em; transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; } .hidden-bar .side-menu ul li a:hover, .hidden-bar .side-menu ul > li.current > a, .hidden-bar .side-menu ul > li > ul > li.current > a { color: #1DC5CE; } .hidden-bar .side-menu ul li ul li{ border-bottom: none; border-top: 1px solid rgba(0,0,0,0.07); padding-left: 10px; } .hidden-bar .side-menu ul li ul li a{ line-height: 24px; font-weight: 500; text-transform: capitalize; font-size: 15px; } .hidden-bar .side-menu ul li .btn-expander{ position: absolute; top: 11px; right: 0; background: none; color: rgba(0,0,0,0.70); font-size: 14px; height: 24px; width: 20px; line-height: 24px; border-radius: 0px; outline: none; cursor: pointer; z-index: 1; transition: all 300ms ease; -moz-transition: all 300ms ease; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; } .hidden-bar .side-menu ul li{ border-bottom: 1px solid rgba(0,0,0,0.07); padding: 0; } .hidden-bar .side-menu ul li a{ display: block; vertical-align: top; padding: 12px 30px 12px 25px; font-size: 16px; font-weight: 500; color: #231F20; text-transform: capitalize; } .hidden-bar .side-menu ul li ul li a{ font-size: 14px; font-weight: 500; } .hidden-bar .side-menu ul li .btn-expander{ top: 9px; right: 15px; font-weight: 700; font-size: 13px; width: 30px; height: 30px; border: 1px solid rgba(0,0,0,0.50); transition: all 300ms ease; -moz-transition: all 300ms ease; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; } .hidden-bar .side-menu ul li .btn-expander i{ font-weight: 800; transition: all 300ms ease; -moz-transition: all 300ms ease; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; } .hidden-bar .side-menu ul li ul{ padding: 0px 0px; } .hidden-bar .side-menu ul li ul li ul{ padding: 0px 0px; margin-left: 0px; } .hidden-bar .side-menu ul li ul li{ margin-bottom: 0px; } .hidden-bar .side-menu ul li ul li:last-child{ margin-bottom: 0; } .hidden-bar .links-box{ position: relative; display: block; padding: 30px 25px; } .hidden-bar .links-box .link{ position: relative; margin-top: 15px; } .hidden-bar .links-box .link .theme-btn{ display: block; } /*** ==================================================================== Banner Slider Section ==================================================================== ***/ .banner-section{ position: relative; padding: 0 0; background: #f9fcff; } .banner-section .auto-container{ max-width: 1700px; padding: 0 20px; } .banner-section .banner-container{ position: relative; } .banner-section .banner-slider{ position:relative; width:100%; overflow: hidden; } .banner-section .slide-item{ position: relative; width:100%; padding:0px; overflow: hidden; } .banner-section .slide-item:before{ content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.0); z-index: 1; } .banner-section .slide-item .content-box{ position:relative; display: table; vertical-align: middle; width: 100%; padding: 200px 0px 50px; height: 1080px; z-index: 10; } .banner-section .slide-item .content{ position:relative; display: table-cell; width: 100%; vertical-align: middle; z-index: 5; } .banner-section .slide-item .inner{ position: relative; display: block; max-width: 750px; width: 100%; z-index: 5; opacity:1; -webkit-transform:translateY(0px); -ms-transform:translateY(0px); transform:translateY(0px); } .banner-section .slide-item .inner{ opacity:1; -webkit-transform:translate(0); -ms-transform:translate(0); transform:translate(0); -webkit-transition:all 1000ms ease 300ms; -ms-transition:all 1000ms ease 300ms; -o-transition:all 1000ms ease 300ms; -moz-transition:all 1000ms ease 300ms; transition:all 1000ms ease 300ms; } .banner-section .slide-item h2{ position: relative; font-weight:600; font-family: 'Poppins', sans-serif; font-size: 64px; color: #10221B; text-transform: capitalize; line-height:1.20em; margin:0px 0px; } .banner-section .slide-item h1{ position: relative; font-weight:700; font-size: 150px; color: #10221B; text-transform: capitalize; line-height:1.20em; margin:0px 0px; } .banner-section .slide-item .bg-image{ position: absolute; left: -100px; top: -25px; } .banner-section .slide-item .text{ position: relative; display: block; padding-top: 20px; max-width: 680px; } .banner-section .slide-item .links-box{ position: relative; display: block; padding-top: 70px; } .banner-section .slide-item .links-box .link{ position: relative; float: left; margin-right: 50px; } .banner-section .slide-item .links-box .link:last-child{ margin-right: 0; } .banner-section .slide-item .links-box .link .ripple, .banner-section .slide-item .links-box .link .ripple:before, .banner-section .slide-item .links-box .link .ripple:after { position: absolute; top: 50%; left: 50%; width:55px; height: 55px; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-border-radius: 50% 50% 50% 50%; -moz-border-radius: 50% 50% 50% 50%; -ms-border-radius: 50% 50% 50% 50%; -o-border-radius: 50% 50% 50% 50%; border-radius: 50% 50% 50% 50%; -webkit-box-shadow: 0 0 0 0 rgba(29, 197, 206, .6); -moz-box-shadow: 0 0 0 0 rgba(29, 197, 206, .6); -ms-box-shadow: 0 0 0 0 rgba(29, 197, 206, .6); -o-box-shadow: 0 0 0 0 rgba(29, 197, 206, .6); box-shadow: 0 0 0 0 rgba(29, 197, 206, .6); -webkit-animation: ripple 3s infinite; -moz-animation: ripple 3s infinite; -ms-animation: ripple 3s infinite; -o-animation: ripple 3s infinite; animation: ripple 3s infinite; } .banner-section .slide-item .links-box .link .ripple:before { -webkit-animation-delay: .9s; -moz-animation-delay: .9s; -ms-animation-delay: .9s; -o-animation-delay: .9s; animation-delay: .9s; content: ""; position: absolute; } .banner-section .slide-item .links-box .link .ripple:after { -webkit-animation-delay: .6s; -moz-animation-delay: .6s; -ms-animation-delay: .6s; -o-animation-delay: .6s; animation-delay: .6s; content: ""; position: absolute; } @-webkit-keyframes ripple { 70% {box-shadow: 0 0 0 70px rgba(253, 167, 0, 0);} 100% {box-shadow: 0 0 0 0 rgba(253, 167, 0, 0);} } @keyframes ripple { 70% {box-shadow: 0 0 0 70px rgba(253, 167, 0, 0);} 100% {box-shadow: 0 0 0 0 rgba(253, 167, 0, 0);} } .banner-section .slide-item .banner-image{ position: absolute; left: 660px; top: 210px; z-index: 0; opacity:1; -webkit-transform:translateX(0px); -ms-transform:translateX(0px); transform:translateX(0px); } .banner-section .slide-item .banner-image .image{ position: relative; } .banner-section .slide-item .banner-image .image img{ position: relative; height: 780px; width: auto; max-width: none; } .banner-section .slide-item .circle-orange{ position: absolute; bottom: 150px; left: 55%; margin-left: -40px; width: 24px; height: 24px; background: #fbbeac; opacity: 0.50; border-radius: 50%; z-index: 0; } .banner-section .slide-item .circle-blue{ position: absolute; bottom: 100px; left: 55%; margin-left: 0px; width: 60px; height: 60px; background: #96d9f7; opacity: 0.50; border-radius: 50%; z-index: 0; } /*** ==================================================================== Banner Slider Section ==================================================================== ***/ .banner-two{ position: relative; padding: 0 0; background: #f9fcff; } .banner-two .floated-icon{ position: absolute; } .banner-two .floated-icon.left{ left: 35px; bottom: 230px; } .banner-two .floated-icon.right{ right: 120px; bottom: 45px; } .banner-two .auto-container{ max-width: 1700px; padding: 0 20px; } .banner-two .banner-container{ position: relative; } .banner-two .banner-slider{ position:relative; width:100%; overflow: hidden; } .banner-two .slide-item{ position: relative; width:100%; padding:0px; overflow: hidden; } .banner-two .slide-item:before{ content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.0); z-index: 1; } .banner-two .slide-item .content-box{ position:relative; display: table; vertical-align: middle; width: 100%; padding: 170px 0px 60px; height: 1080px; z-index: 10; } .banner-two .slide-item .content{ position:relative; display: table-cell; width: 100%; vertical-align: top; z-index: 5; } .banner-two .slide-item .inner{ position: relative; float: right; display: block; max-width: 750px; padding-top: 250px; width: 100%; z-index: 5; opacity:1; -webkit-transform:translateY(0px); -ms-transform:translateY(0px); transform:translateY(0px); } .banner-two .slide-item .inner{ opacity:1; -webkit-transform:translate(0); -ms-transform:translate(0); transform:translate(0); -webkit-transition:all 1000ms ease 300ms; -ms-transition:all 1000ms ease 300ms; -o-transition:all 1000ms ease 300ms; -moz-transition:all 1000ms ease 300ms; transition:all 1000ms ease 300ms; } .banner-two .slide-item h2{ position: relative; font-weight:600; font-family: 'Poppins', sans-serif; font-size: 44px; color: #10221B; text-transform: capitalize; line-height:1.20em; margin:0px 0px; } .banner-two .slide-item h1{ position: relative; font-weight:700; font-size: 140px; color: #10221B; text-transform: capitalize; line-height:1.20em; margin:0px 0px; } .banner-two .slide-item .bg-image-1{ position: absolute; right: 0px; top: 45px; } .banner-two .slide-item .bg-image-1 img{ max-width: none; } .banner-two .slide-item .bg-image-2{ position: absolute; right: 770px; top: 140px; } .banner-two .slide-item .bg-image-2 img{ max-width: none; } .banner-two .slide-item .text{ position: relative; display: block; padding-top: 20px; } .banner-two .slide-item .links-box{ position: relative; display: block; padding-top: 70px; } .banner-two .slide-item .links-box .link{ position: relative; float: left; margin-right: 30px; } .banner-two .slide-item .links-box .link:last-child{ margin-right: 0; } .banner-two .slide-item .banner-image{ position: absolute; right: 950px; top: 170px; z-index: 0; opacity:1; -webkit-transform:translateX(0px); -ms-transform:translateX(0px); transform:translateX(0px); } .banner-two .slide-item .banner-image .image{ position: relative; } .banner-two .slide-item .banner-image .image img{ position: relative; height: 840px; width: auto; max-width: none; } /*** ==================================================================== Title Box ==================================================================== ***/ .title-box{ position: relative; margin-bottom: 60px; } .title-box.centered{ text-align: center; max-width: 780px; margin: 0 auto 60px; } .title-box .subtitle{ position: relative; font-size: 30px; line-height: 36px; text-transform: capitalize; font-family: 'Corinthia', cursive; font-weight: 700; color: #1DC5CE; margin: 0 0 30px; } .title-box h2{ position: relative; font-weight: 700; text-transform: capitalize; margin: 0 0; } .title-box h2 span{ position: relative; z-index: 1; } .title-box h2 .bg-vector{ position: absolute; left: 0; top: 10px; width: 287px; height: 44px; background: url(../images/icons/title-vector.svg) no-repeat; z-index: 0; -webkit-animation: shape-animation 3s infinite; animation: shape-animation 3s infinite; } @keyframes shape-animation { 0% { width: 0; } 15% { width: 95%; } 85% { opacity: 1; } 90% { width: 95%; opacity: 0; } to { width: 0; opacity: 0; } } @keyframes shape-animation-2 { 0% { width: 0; } 15% { width: 125%; } 85% { opacity: 1; } 90% { width: 125%; opacity: 0; } to { width: 0; opacity: 0; } } .title-box.centered h2 .bg-vector{ position: absolute; left: 0; top: 14px; width: 342px; height: 44px; background: url(../images/icons/title-vector-2.svg) center top no-repeat; z-index: 0; } .title-box.centered h2 .bg-vector{ left: 50%; transform:translateX(-50%); } .title-box .text{ position: relative; display: block; font-weight: 400; font-size: 16px; padding-top: 30px; } /*** ==================================================================== About Us Section ==================================================================== ***/ .about-us{ position: relative; padding: 0px 0px 0px; } .about-us .text-col{ position: relative; margin-bottom: 30px; order: 12; } .about-us .text-col .title-box{ margin-bottom: 30px; } .about-us .text-col .inner{ position: relative; display: block; padding-top: 70px; } .about-us .text-col .lower-box{ position: relative; padding: 22px 20px; background: #ffffff; border-radius: 6px; box-shadow: 0 12px 30px 0 rgba(29, 197, 206, 0.15); } .about-us .text-col .lower-inner{ position: relative; min-height: 112px; padding-top: 4px; padding-right: 180px; } .about-us .text-col .image-box{ position: absolute; right: 0; top: 0; width: 148px; border-radius: 4px; } .about-us .text-col .image-box img{ display: block; width: 100%; border-radius: 4px; } .about-us .text-col .image-box .overlink{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; text-align: center; border-radius: 4px; } .about-us .text-col .image-box .overlink .icon{ position: absolute; width: 66px; height: 66px; left: 50%; top: 50%; margin: -33px 0 0 -33px; text-align: center; font-size: 16px; line-height: 62px; color: #ffffff; border: 2px solid #ffffff; border-radius: 50%; } .about-us .text-col .image-box .overlink:hover{ opacity: 0.70; } .about-us .text-col .lower-inner ul li{ position: relative; padding-left: 41px; line-height: 1.6em; font-weight: 500; margin-bottom: 12px; } .about-us .text-col .lower-inner ul li:last-child{ margin-bottom: 0; } .about-us .text-col .lower-inner ul li:before{ content: "\f00c"; font-family: 'Font Awesome 6 Pro'; font-weight: 700; font-size: 14px; position: absolute; left: 0; top: 0; width: 26px; height: 26px; line-height: 26px; text-align: center; color: #1DC5CE; background: rgba(29, 197, 206, 0.15); border-radius: 50%; -webkit-transition:all 600ms ease; -ms-transition:all 600ms ease; -o-transition:all 600ms ease; -moz-transition:all 600ms ease; transition:all 600ms ease; } .about-us .text-col .lower-inner ul li:hover::before{ transform:rotateY(360deg); } .about-us .image-col{ position: relative; margin-bottom: 50px; order: 0; } .about-us .image-col .inner{ position: relative; display: block; min-height: 0; } .about-us .image-col .bg-image{ position: absolute; top: 35px; right: 80px; } .about-us .image-col .bg-image img{ max-width: none; } .about-us .image-col .image-box{ position: relative; } .about-us .floated-icon.right{ position: absolute; right: -30px; bottom: 125px; } /*** ==================================================================== Popular Section ==================================================================== ***/ .popular-section{ position: relative; padding: 120px 0px; } .popular-section .bg-layer{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center top; background-size: cover; } .popular-section.style-two .bg-layer:before{ content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #10221B; opacity: 0.70; } .popular-section .title-box{ max-width: 500px; } .popular-section.style-two .subtitle, .popular-section.style-two h2{ color: #ffffff; } .popular-section .content-box{ } .trek-block-one{ position: relative; margin-bottom: 30px; } .owl-theme .trek-block-one{ margin-bottom: 0; } .trek-block-one .inner-box{ position: relative; display: block; background: #ffffff; padding: 30px 30px 30px; border: 1px solid #DEDEDE; border-radius: 8px; } .trek-block-one .image-box{ position: relative; margin-bottom: 30px; } .trek-block-one .image-box .price{ position: absolute; left: 20px; top: 20px; line-height: 20px; padding: 10px 15px; background: #1DC5CE; color: #ffffff; font-size: 20px; font-weight: 600; border-radius: 5px; } .trek-block-one .image-box .image{ position: relative; background: #101010; border-radius: 8px; overflow: hidden; } .trek-block-one .image-box .image img{ position: relative; width: 100%; border-radius: 8px; -webkit-transition:all 600ms ease; -ms-transition:all 600ms ease; -o-transition:all 600ms ease; -moz-transition:all 600ms ease; transition:all 600ms ease; } .trek-block-one .inner-box:hover .image img{ opacity: 0.75; transform:scale(1.05,1.05); } .trek-block-one .info{ position: relative; padding: 14px 10px 14px 16px; line-height: 30px; margin: -29px 20px 0px; background: #EAF6F6; font-size: 14px; font-weight: 500; color: #505050; border-radius: 4px; } .trek-block-one .info .icon{ position: relative; padding-right: 5px; } .trek-block-one h4{ position: relative; font-weight: 700; color: #10221B; margin-bottom: 20px; } .trek-block-one h4 a{ color: #10221B; } .trek-block-one h4 a:hover{ color: #1DC5CE; } .trek-block-one .ratings{ position: relative; line-height: 20px; } .trek-block-one .ratings .stars{ position: relative; float: left; } .trek-block-one .ratings .stars i{ position: relative; display: inline-block; vertical-align: top; margin-right: 3px; color: #FC8F00; } .trek-block-one .ratings .stars i.empty{ color: #BFBFBF; } .trek-block-one .ratings .rev{ position: relative; float: left; font-weight: 500; font-size: 14px; margin-left: 38px; } .trek-block-one .ratings .rev a{ color: #505050; } .trek-block-one .ratings .rev a:hover{ color: #1DC5CE; } .trek-block-one .lower-content .text{ position: relative; padding-top: 30px; } .trek-block-one .bottom-box{ position: relative; padding-top: 28px; margin-top: 30px; border-top: 1px dashed #CFCFCF; } .trek-block-one .bottom-box .more-link{ position: relative; float: left; } .trek-block-one .bottom-box .more-link a{ color: #10221B; display: inline-block; vertical-align: top; line-height: 26px; } .trek-block-one .bottom-box .more-link i{ position: relative; display: inline-block; top: 0; vertical-align: middle; padding-left: 10px; line-height: 26px; z-index: 1; } .trek-block-one .bottom-box .more-link i img{ position: relative; top: -1px; max-height: 12px; -webkit-filter: brightness(0); -ms-filter: brightness(0); -moz-filter: brightness(0); } .trek-block-one .bottom-box .more-link a:hover i img{ -webkit-filter: none; -ms-filter: none; -moz-filter: none; } .trek-block-one .bottom-box .more-link a:hover{ color: #1DC5CE; } .trek-block-one .bottom-box .video-link{ position: relative; float: right; } .trek-block-one .bottom-box .video-link a{ color: #7D7D7D; display: inline-block; vertical-align: top; font-size: 22px; line-height: 26px; } .trek-block-one .bottom-box .video-link a:hover{ color: #1DC5CE; } .popular-section .owl-theme .owl-nav{ display: none; } .popular-section .owl-theme .owl-dots{ position: relative; text-align: center; padding-top: 60px; } .popular-section .owl-theme .owl-dots .owl-dot{ position: relative; display: inline-block; margin: 0 3px; } .popular-section .owl-theme .owl-dots .owl-dot span{ position: relative; display: block; width: 28px; height: 7px; background: none; border: 1px solid #ffffff; margin: 0 2.5px; border-radius: 5px; } .popular-section.style-two .owl-theme .owl-dots .owl-dot span{ border-color: #1DC5CE; } .popular-section .owl-theme .owl-dots .owl-dot.active span{ width: 42px; border-color: #ffffff; background: #ffffff; } .popular-section.style-two .owl-theme .owl-dots .owl-dot.active span{ border-color: #1DC5CE; background: #1DC5CE; } /*** ==================================================================== Why Section ==================================================================== ***/ .why-section{ position: relative; padding: 0px 0px 90px; } .why-section.extra-padd{ padding-top: 210px; } .why-section .floated-icon{ position: absolute; } .why-section .floated-icon.left{ left: 35px; bottom: 112px; } .why-section .floated-icon.right{ right: 30px; top: 120px; } .why-section .left-col{ position: relative; order: 0; } .why-section .right-col{ position: relative; order: 12; } .why-section .image-col{ position: relative; text-align: center; margin-bottom: 30px; } .why-section .image-col .inner{ position: relative; display: block; padding-top: 30px; } .why-block{ position: relative; margin-bottom: 30px; } .why-block .inner-box{ position: relative; display: block; } .why-block .icon-box{ position: relative; display: block; margin-bottom: 20px; display:inline-block; transition: all 600ms ease; -moz-transition: all 600ms ease; -webkit-transition: all 600ms ease; -ms-transition: all 600ms ease; -o-transition: all 600ms ease; } .why-block .inner-box:hover .icon-box{ -webkit-transform: scale(-1) rotate(180deg); -moz-transform: scale(-1) rotate(180deg); -ms-transform: scale(-1) rotate(180deg); -o-transform: scale(-1) rotate(180deg); transform: scale(-1) rotate(180deg); } .why-block h4{ position: relative; color: #10221B; font-weight: 700; margin-bottom: 12px; } .why-block .text{ position: relative; } /*** ==================================================================== Trending Destinations Section ==================================================================== ***/ .trending-destinations{ position: relative; padding: 120px 0px 90px; background: #F9FCFF; } .trending-destinations .gallery-box{ position: relative; } .dest-block-one{ position: relative; margin-bottom: 30px; } .dest-block-one .inner-box{ position: relative; display: block; border-radius: 8px; overflow: hidden; } .dest-block-one .image-box{ position: relative; display: block; border-radius: 8px; overflow: hidden; } .dest-block-one .image-box img{ position: relative; display: block; width: 100%; border-radius: 8px; transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; } .dest-block-one .inner-box:hover img{ transform:scale(1.05,1.05); } .dest-block-one .hvr-box{ position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background: rgba(29, 197, 206, 0.35); border-radius: 8px; z-index: 10; transition: all 900ms ease; -moz-transition: all 900ms ease; -webkit-transition: all 900ms ease; -ms-transition: all 900ms ease; -o-transition: all 900ms ease; transition: -webkit-transform 0.4s ease; transition: transform 0.4s ease; transition: transform 0.4s ease, -webkit-transform 0.4s ease; -webkit-transform: scale(0, 1); -ms-transform: scale(0, 1); transform: scale(0, 1); -webkit-transform-origin: right center; -ms-transform-origin: right center; transform-origin: right center; background-position:center center; } .dest-block-one:hover .hvr-box{ -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1); -webkit-transform-origin: left center; -ms-transform-origin: left center; transform-origin: left center; } .dest-block-one .hvr-box .cap-box{ position: absolute; left: 30px; bottom: 30px; right: 30px; } .dest-block-one .hvr-box .cap-inner{ position: relative; display: inline-block; vertical-align: top; padding: 20px 30px; background: #ffffff; border-radius: 6px; } .dest-block-one .hvr-box h4{ position: relative; float: left; font-weight: 700; text-transform: capitalize; margin-bottom: 0; line-height: 36px; padding: 5px 0px; } .dest-block-one .hvr-box h4 a{ color: #10221B; } .dest-block-one .hvr-box h4 a:hover{ text-decoration: underline; } .dest-block-one .hvr-box .tour-count{ position: relative; float: left; display: inline-block; vertical-align: top; margin-left: 100px; line-height: 26px; padding: 10px 24px; font-weight: 500; color: #ffffff; background: #1DC5CE; border-radius: 23px; } .dest-block-one .alt-hvr{ text-align: center; } .dest-block-one .alt-hvr h4{ float: none; } .dest-block-one .alt-hvr .tour-count{ float: none; margin-left: 0; margin-top: 10px; } /*** ==================================================================== Products Section ==================================================================== ***/ .products-section{ position: relative; padding: 120px 0px; } .products-section.related-prod{ background: #F3F7FA; background: -webkit-linear-gradient(top,#F3F7FA 0%, #FFFFFF 100%); background: -ms-linear-gradient(top,#F3F7FA 0%, #FFFFFF 100%); background: -moz-linear-gradient(top,#F3F7FA 0%, #FFFFFF 100%); } .products-page .title-box{ max-width: 900px; } .products-section .floated-icon{ position: absolute; } .products-section .floated-icon.left{ left: 35px; bottom: 300px; } .products-section.related-prod .floated-icon.left{ left: 100px; bottom: auto; top: 180px; } .products-page .floated-icon.left{ left: 35px; bottom: 50%; } .products-section .floated-icon.right{ right: 30px; top: 200px; } .products-page .floated-icon.right-2{ right: 100px; bottom: 220px; } .prod-block{ position: relative; margin-bottom: 30px; } .owl-theme .prod-block{ margin-bottom: 0; } .prod-block .inner-box{ position: relative; display: block; } .prod-block .image-box{ position: relative; display: block; border-radius: 6px; overflow: hidden; } .prod-block .image-box .image{ position: relative; display: block; border-radius: 6px; } .prod-block .image-box .image img{ position: relative; display: block; width: 100%; border-radius: 6px; } .prod-block .lower-box{ position: relative; display: block; padding: 20px 0 0; } .prod-block h5{ position: relative; color: #10221B; font-size: 18px; font-weight: 500; margin-bottom: 12px; } .prod-block h5 a{ color: #10221B; } .prod-block h5 a:hover{ color: #1DC5CE; text-decoration: underline; } .prod-block .price{ position: relative; font-size: 16px; font-weight: 600; color: #1DC5CE; line-height: 1.2em; } .prod-block .hvr-box{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; z-index: 1; background: rgba(29, 197, 206, 0.35); transition: all 900ms ease; -moz-transition: all 900ms ease; -webkit-transition: all 900ms ease; -ms-transition: all 900ms ease; -o-transition: all 900ms ease; transition: -webkit-transform 0.4s ease; transition: transform 0.4s ease; transition: transform 0.4s ease, -webkit-transform 0.4s ease; -webkit-transform: scale(0, 1); -ms-transform: scale(0, 1); transform: scale(0, 1); -webkit-transform-origin: left center; -ms-transform-origin: left center; transform-origin: left center; background-position:center center; } .prod-block:hover .hvr-box{ -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1); -webkit-transform-origin: right center; -ms-transform-origin: right center; transform-origin: right center; } .prod-block .hvr-box .hvr-inner{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: table; vertical-align: middle; z-index: 1; } .prod-block .hvr-box .hvr-content{ position: relative; display: table-cell; width: 100%; vertical-align: middle; } .prod-block .hvr-box .link{ position: relative; text-align: center; margin-bottom: 10px; } .prod-block .hvr-box .link:last-child{ margin-bottom: 0; } .prod-block .hvr-box .link .theme-btn{ position: relative; display: inline-block; min-width: 172px; line-height: 30px; padding: 12px 15px; font-weight: 500; color: #1DC5CE; text-transform: capitalize; background: #ffffff; border-radius: 6px; box-shadow: 0 12px 20px 0 rgba(29, 197, 206, 0.22); } .prod-block .hvr-box .link .theme-btn i{ position: relative; padding-right: 10px; } .prod-block .hvr-box .link .theme-btn:hover{ color: #ffffff; background: #1DC5CE; } .prod-block .add-fav{ position: absolute; right: 20px; top: 20px; width: 38px; height: 38px; z-index: 2; } .prod-block .add-fav a{ position: relative; display: block; width: 38px; height: 38px; line-height: 40px; font-size: 20px; color: #1DC5CE; background: #ffffff; text-align: center; border-radius: 50%; } .prod-block .add-fav a:hover{ color: #ffffff; background: #1DC5CE; } .products-section .see-more-link{ position: relative; text-align: center; padding-top: 50px; } .products-section .owl-theme .owl-nav{ display: none; } .products-section .owl-theme .owl-dots{ position: relative; text-align: center; padding-top: 60px; } .products-section .owl-theme .owl-dots .owl-dot{ position: relative; display: inline-block; margin: 0 3px; } .products-section .owl-theme .owl-dots .owl-dot span{ position: relative; display: block; width: 28px; height: 7px; background: none; border: 1px solid #1DC5CE; margin: 0 2.5px; border-radius: 5px; } .products-section .owl-theme .owl-dots .owl-dot.active span{ width: 42px; border-color: #1DC5CE; background: #1DC5CE; } .products-section .filters-row{ position: relative; min-height: 50px; padding-right: 220px; } .products-section .filters-row .cat-links{ position: relative; float: left; margin-bottom: 40px; } .products-section .filters-row .cat-links ul li{ position: relative; display: inline-block; margin: 0 0 20px; } .products-section .filters-row .cat-links ul li a{ position: relative; display: block; padding: 13px 28px; line-height: 30px; font-size: 16px; font-weight: 500; color: #10221B; background: none; border-radius: 28px 28px; min-width: 82px; cursor: pointer; } .products-section .filters-row .cat-links ul li a.active{ color: #ffffff; background: #1DC5CE; } .products-section .filters-row .sort-by{ position: absolute; float: right; right: 0; top: 0; width: 200px; padding: 1px 0; margin-bottom: 40px; } .products-section .results-info{ position: relative; font-size: 18px; font-weight: 500; line-height: 1.5em; margin-bottom: 30px; } .drop-list-one{ position:relative; display:block; width:100%; } .drop-list-one .dropdown-outer{ position:relative; } .drop-list-one .btn-box{ position:relative; display:block; width:100%; line-height:30px; color:#101010; font-weight:400; font-size:16px; text-transform:capitalize; padding:12px 20px; background:#F5F7F7; } .drop-list-one .btn-box:before{ content: "\e604"; font-family: 'simple-line-icons'; position:absolute; right:20px; top:13px; height:30px; display:block; color:#1DC5CE; line-height:30px; font-size:12px; font-weight:700; z-index:5; } .drop-list-one .btn-box::after{ display: none; } .drop-list-one .dropdown-menu{ top: 100%; width:100%; padding:0px 0px; margin:0px; background:#F5F7F7; border-radius:0px; border:1px solid rgba(0,0,0,0.07); border-top: none; transform: none; } .drop-list-one .dropdown-menu li{ position:relative; display:block; border: none; padding:0px 0px; border-top: 1px solid rgba(0,0,0,0.07); } .drop-list-one .dropdown-menu li:last-child{ } .drop-list-one .dropdown-menu li a{ position:relative; display:block; line-height:26px; color:#10221B; font-weight:400; font-size:15px; text-transform:capitalize; padding:8px 20px; transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; } .drop-list-one .dropdown-menu li:hover > a{ color:#ffffff; background: #1DC5CE; } /*** ==================================================================== Group Travel Section ==================================================================== ***/ .group-travel{ position: relative; padding: 120px 0px 80px; } .group-travel .bg-layer{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center top; background-size: cover; } .group-travel .content-box{ } .travel-block-one{ position: relative; margin-bottom: 30px; } .owl-theme .travel-block-one{ margin-bottom: 0; } .group-travel .content-box .row{ margin: 0 -20px; } .group-travel .content-box .row .travel-block-one{ padding: 0 20px; margin-bottom: 40px; } .travel-block-one .inner-box{ position: relative; display: block; padding-left: 92px; background: #ffffff; border-radius: 10px; overflow: hidden; } .travel-block-one.alternate .inner-box{ padding-right: 92px; padding-left: 0; } .travel-block-one .title{ position: absolute; left: 0; top: 0; width: 92px; height: 100%; background: #1DC5CE; } .travel-block-one.alternate .title{ left: auto; right: 0; } .travel-block-one .title h4{ position: absolute; left: 65px; bottom: 0px; width: 364px; color: #ffffff; text-align: center; line-height: 40px; margin: 0; -ms-transform: rotate(-90deg); transform: rotate(-90deg); -ms-transform-origin: left bottom; transform-origin: left bottom; } .travel-block-one.alternate .title h4{ } .travel-block-one .content{ position: relative; display: block; text-align: center; padding: 35px 30px; min-height: 372px; } .travel-block-one .price{ position: relative; color: #1DC5CE; font-weight: 700; font-size: 24px; line-height: 32px; padding-top: 25px; border-top: 1px dashed #DBDBDB; margin-top: 25px; } .travel-block-one .info{ position: relative; line-height: 24px; margin: 0 0px; font-size: 14px; font-weight: 500; color: #505050; } .travel-block-one .info .icon{ position: relative; padding-right: 5px; } .travel-block-one h4{ position: relative; font-weight: 700; color: #10221B; margin-bottom: 20px; } .travel-block-one h4 a{ color: #10221B; } .travel-block-one h4 a:hover{ color: #1DC5CE; } .travel-block-one .content .text{ position: relative; margin-top: 20px; } .travel-block-one .link-box{ position: relative; padding-top: 40px; } /*** ==================================================================== Testimonials Section ==================================================================== ***/ .testimonials-one{ position: relative; padding: 120px 0px; } .testimonials-one .floated-icon{ position: absolute; } .testimonials-one .floated-icon.left{ left: 160px; top: 180px; } .testimonials-one .floated-icon.right{ right: 60px; bottom: 120px; } .testimonials-one .bg-layer{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center bottom; background-size: cover; } .testimonials-one .carousel-box{ } .testi-block{ position: relative; margin-bottom: 30px; } .testi-block .image-layer{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center bottom; background-size: cover; border-radius: 10px; } .testi-block .image-layer:before{ content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #10221B; opacity: 0.70; border-radius: 10px; } .testi-block .over-box{ position: absolute; left: 0; bottom: 0; padding: 0 20px 60px 30px; width: 100%; } .testi-block .over-box .over-title{ position: relative; font-size: 24px; font-weight: 700; font-style: italic; text-transform: uppercase; color: #ffffff; line-height: 30px; padding: 13px 0px; } .testi-block .over-box .over-title a{ color: #ffffff; } .testi-block .over-box .over-title:before{ content: ''; position: absolute; left: 0; top: 0; width: 120px; border-top: 1px solid #ffffff; } .testi-block .over-box .over-title:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 120px; border-bottom: 1px solid #ffffff; } .owl-theme .testi-block{ margin-bottom: 0; } .testi-block .inner-box{ position: relative; display: block; margin-top: 40px; min-height: 332px; padding: 45px 40px 32px; background: #ffffff; border: 1px solid #1DC5CE; border-radius: 10px; } .testi-block.alternate .inner-box{ border: none; } .testi-block .icon{ position: relative; } .testi-block .icon img{ max-width: 48px; max-height: 35px; } .testi-block .image{ position: absolute; top: -38px; right: 28px; width: 94px; height: 132px; border-radius: 47px; overflow: hidden; transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; } .testi-block .image img{ position: relative; width: 94px; height: 100px; border-radius: 47px; } .testi-block .inner-box:hover .image{ transform:rotateY(180deg); } .testi-block .text{ position: relative; margin-top: 25px; } .testi-block .info{ position: relative; margin-top: 15px; } .testi-block .info .name{ font-size: 18px; font-weight: 700; font-style: italic; margin-bottom: 7px; } .testi-block .info .designation{ position: relative; float: left; font-size: 16px; font-weight: 400; margin-bottom: 10px; } .testi-block .info .rating{ position: relative; float: right; font-size: 16px; font-weight: 400; color: #FFA200; } .testi-block .info .rating i{ position: relative; display: inline-block; vertical-align: middle; margin-right: 5px; } .testi-block .info .rating i:last-child{ margin-right: 0; } .testimonials-one .owl-theme .owl-dots{ display: none; } .testimonials-one .owl-theme .owl-nav{ position: absolute; left: 0; top: -120px; width: 100%; height: 0; } .testimonials-one .owl-theme .owl-nav .owl-prev{ position: absolute; left: 0; width: 56px; height: 56px; line-height: 54px; text-align: center; font-size: 26px; color: #1DC5CE; border: 1px solid #1DC5CE; border-radius: 28px; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; transition:all 300ms ease; } .testimonials-one .owl-theme .owl-nav .owl-next{ position: absolute; right: 0; width: 56px; height: 56px; line-height: 54px; text-align: center; font-size: 26px; color: #1DC5CE; border: 1px solid #1DC5CE; border-radius: 28px; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; transition:all 300ms ease; } .testimonials-one .owl-theme .owl-nav .owl-next:hover, .testimonials-one .owl-theme .owl-nav .owl-prev:hover{ background: rgba(29, 197, 206, 0.30); color:#ffffff; } /*** ==================================================================== Sponsors Section ==================================================================== ***/ .sponsors-one{ position: relative; padding: 120px 0px; } .sponsors-one.style-two{ background: #F9FCFF; } .sponsors-one.style-two .bg-layer{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: 30% bottom; } .sponsors-one .carousel-box{ } .sponsors-one .owl-theme .owl-stage-outer{ overflow: visible; } .sponsor-block{ position: relative; margin-bottom: 30px; } .owl-theme .sponsor-block{ margin-bottom: 0; opacity: 0; visibility: hidden; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .owl-theme .active .sponsor-block{ opacity: 1; visibility: visible; } .sponsor-block .inner-box{ position: relative; display: block; text-align: center; background: #ffffff; border-radius: 10px; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .sponsor-block .inner-box:hover{ box-shadow: 0 15px 30px 0 rgba(29, 197, 206, 0.20); } .sponsor-block .image{ position: relative; display: block; padding: 20px 20px; line-height: 230px; border: 1px dashed #E2E2E2; border-radius: 10px; } .sponsor-block .image img{ display: inline-block; width: auto; max-width: 100%; } .sponsors-one .owl-theme .owl-nav, .sponsors-one .owl-theme .owl-dots{ display: none; } /*** ==================================================================== News Section ==================================================================== ***/ .news-section{ position: relative; padding: 120px 0px 90px; background: #F9FCFF; } .news-section.style-two{ background: none; } .news-section .floated-icon{ position: absolute; } .news-section .floated-icon.left{ left: 42px; top: 150px; } .news-section .floated-icon.right{ right: 25px; bottom: 115px; } .news-section .content-box{ } .news-block-one{ position: relative; margin-bottom: 30px; } .owl-theme .news-block-one{ margin-bottom: 0; } .news-block-one .inner-box{ position: relative; display: block; min-height: 100%; } .news-block-one .image-box{ position: relative; } .news-block-one .image-box .play-link{ position: absolute; left: 50%; top: 50%; width: 80px; height: 80px; margin: -40px 0 0 -40px; } .news-block-one .image-box .play-link a{ position: relative; display: block; width: 80px; height: 80px; line-height: 80px; text-align: center; background: rgba(29, 197, 206, 0.80); color: #ffffff; font-size: 36px; border-radius: 50%; } .news-block-one .image-box .cat{ position: absolute; left: 30px; top: 30px; line-height: 20px; padding: 10px 15px; background: #1DC5CE; color: #ffffff; font-size: 15px; font-weight: 400; border-radius: 4px; } .news-block-one .image-box .image{ position: relative; background: #101010; border-radius: 10px; overflow: hidden; } .news-block-one .inner-box:hover .image-box .image img{ transform:scale(1.04,1.04); } .news-block-one .image-box .image img{ position: relative; width: 100%; transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; } .news-block-one .inner-box:hover .image img{ opacity: 0.75; } .news-block-one .lower-content{ position: relative; display: block; padding: 30px 20px 32px 30px; background: #ffffff; margin-top: 30px; border: 1px solid #1DC5CE; border-radius: 10px; } .news-block-one.alternate .lower-content{ margin-top: 0; margin-bottom: 30px; } .news-block-one.no-image .lower-content{ margin-top: 0; margin-bottom: 0; } .news-block-one .info{ position: relative; line-height: 24px; font-size: 15px; font-weight: 400; color: #7D7D7D; margin-bottom: 21px; } .news-block-one .info .icon{ position: relative; padding-right: 5px; } .news-block-one h4{ position: relative; font-weight: 700; text-transform: uppercase; color: #10221B; line-height: 1.35em; margin-bottom: 21px; } .news-block-one h4 a{ color: #10221B; } .news-block-one h4 a:hover{ color: #1DC5CE; } .news-block-one .lower-content .text{ position: relative; padding-right: 10px; } /*** ==================================================================== Newsletter Section ==================================================================== ***/ .subscribe-section{ position: relative; padding: 70px 0px 120px; } .subscribe-section .content-box{ position: relative; display: block; padding: 100px 60px 0px 50px; background: #1DC5CE; color: #ffffff; border-radius: 10px; overflow: hidden; box-shadow: 0 15px 30px 0 rgba(29, 197, 206, 0.25); } .subscribe-section .content-box .bg-layer{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center top; background-size: cover; } .subscribe-section .image-col{ position: relative; margin-bottom: 50px; } .subscribe-section .image-col .inner{ position: relative; display: block; } .subscribe-section .text-col{ position: relative; margin-bottom: 50px; } .subscribe-section .text-col .inner{ position: relative; display: block; padding-top: 20px; } .subscribe-section .title{ position: relative; margin-bottom: 25px; } .subscribe-section .title .subtitle{ position: relative; font-size: 30px; line-height: 36px; text-transform: capitalize; font-family: 'Corinthia', cursive; font-weight: 700; color: #ffffff; margin: 0 0 10px; } .subscribe-section .title h2{ position: relative; font-weight: 700; text-transform: uppercase; color: #ffffff; margin: 0 0; } .subscribe-section .title h2 span{ position: relative; z-index: 1; } .subscribe-section .title .text{ position: relative; display: block; font-weight: 400; font-size: 16px; padding-top: 20px; } .subscribe-section form .form-group input{ height: 88px; line-height: 30px; padding: 27px 200px 27px 70px; font-weight: 400; background: #ffffff; border-radius: 10px; } .subscribe-section form .form-group .field-inner{ position: relative; } .subscribe-section form .form-group .alt-icon{ position: absolute; left: 25px; top: 29px; line-height: 30px; width: 30px; color: #1DC5CE; font-size: 24px; font-weight: 300; margin: 0 0; z-index: 1; pointer-events: none; } .subscribe-section form .theme-btn{ position: absolute; right: 20px; top: 17px; width: 174px; line-height: 30px; padding: 12px 20px; border: none; background: #1DC5CE; color: #ffffff; font-size: 16px; font-weight: 600; text-transform: uppercase; } /*** ==================================================================== Main Footer ==================================================================== ***/ .main-footer{ position: relative; background: #F9FCFF; color: #505050; padding: 1px 0 0; } .main-footer .floated-icon{ position: absolute; top: 65px; left: 50%; margin-left: -120px; } .main-footer .bg-layer{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center bottom; background-size: 100% auto; } .main-footer .info-section{ position: relative; } .main-footer .info-section .info-column, .main-footer .info-section .footer-column{ position: relative; margin-bottom: 30px; } .main-footer .info-section .footer-logo{ position: relative; margin-bottom: 30px; margin-top: -42px; } .main-footer .info-section h6{ font-size: 18px; text-transform: uppercase; font-weight: 600; margin-bottom: 30px; } .main-footer .info-block{ margin-bottom: 30px; } .main-footer .info-block ul{ position: relative; max-width: 200px; } .main-footer .info-block ul li{ line-height: 30px; } .main-footer .info-block ul li:last-child{ margin-bottom: 0; } .main-footer .info-block ul li a{ color: #505050; } .main-footer .info-block ul li a:hover{ text-decoration: underline; } .main-footer ul, .main-footer ul li{ list-style: none; margin: 0; } .main-footer h3{ font-size: 24px; text-transform: capitalize; margin-bottom: 25px; font-weight: 400; color: #ffffff; } .main-footer .footer-gallery{ position: relative; padding-top: 5px; } .main-footer .footer-gallery .inner{ position: relative; margin: 0 -5px; } .main-footer .footer-gallery .image-block{ position: relative; float: left; width: 33.333%; padding: 0 5px; margin-bottom: 10px; } .main-footer .footer-gallery .image{ position: relative; display: block; background: #101010; border-radius: 4px; overflow: hidden; } .main-footer .footer-gallery .image img{ position: relative; display: block; width: 100%; border-radius: 4px; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease; } .main-footer .footer-gallery .image-block:hover .image img{ opacity: 0.70; } .main-footer .lower-section{ position: relative; padding: 10px 0 0; } .main-footer .lower-section .content-box{ position: relative; padding: 60px 60px 20px; background: #ffffff; border: 1px solid rgba(0, 0, 0, 0.05); box-shadow: 0 15px 30px 0 rgba(29, 197, 206, 0.16); } .main-footer .lower-section .footer-column{ position: relative; margin-bottom: 40px; } .main-footer .lower-section h6{ position: relative; font-weight: 600; text-transform: capitalize; padding-bottom: 20px; margin-bottom: 15px; } .main-footer .lower-section h6:before{ content: ''; position: absolute; left: 0; bottom: 0; width: 60px; border-bottom: 2px solid #1DC5CE; } .main-footer .lower-section .links{ position: relative; } .main-footer .lower-section .links li{ position: relative; display: block; font-weight: 400; line-height: 24px; text-transform: capitalize; margin-bottom: 7px; } .main-footer .lower-section .links li:last-child{ margin-bottom: 0; } .main-footer .lower-section .links li a{ position: relative; color: #505050; line-height: 24px; } .main-footer .lower-section .links li a:hover{ color: #1DC5CE; text-decoration: underline; } .main-footer .f-bottom{ position: relative; padding: 0 0; } .main-footer .f-bottom .inner{ position: relative; padding: 35px 0 100px; } .main-footer .f-bottom .social-links{ position: relative; float: left; } .main-footer .social-links ul{ position: relative; } .main-footer .social-links li{ position: relative; display: inline-block; vertical-align: top; margin-right: 8px; } .main-footer .social-links li:last-child{ margin-right: 0; } .main-footer .social-links li a{ position: relative; display: block; width: 28px; height: 28px; line-height: 28px; font-size: 14px; color: #1DC5CE; border: 1px solid #1DC5CE; text-align: center; border-radius: 50%; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease; } .main-footer .social-links li a:hover{ background: #1DC5CE; color: #ffffff; } .main-footer .copyright{ position: relative; float: right; font-size: 14px; color: #505050; line-height: 28px; } .main-footer .copyright a{ position: relative; color: #ff0000; } .main-footer .copyright a:hover{ text-decoration: underline; } .main-footer .bottom-links{ position: relative; float: right; } .main-footer .bottom-links li{ position: relative; display: inline-block; vertical-align: top; margin-right: 20px; } .main-footer .bottom-links li:last-child{ margin-right: 0; } .main-footer .bottom-links li a{ position: relative; display: block; line-height: 24px; font-size: 16px; color: #ffffff; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease; } .main-footer .bottom-links li a:hover{ text-decoration: underline; } /*** ==================================================================== Why Section ==================================================================== ***/ .why-two{ position: relative; padding: 120px 0px 90px; } .why-two .floated-icon{ position: absolute; } .why-two .floated-icon.left{ left: 35px; bottom: 112px; } .why-two .floated-icon.right{ right: 30px; top: 120px; } .why-block-two{ position: relative; margin-bottom: 30px; } .why-block-two .inner-box{ position: relative; display: block; padding: 50px 50px 42px 50px; background: #ffffff; min-height: 100%; border: 1px dashed rgba(29, 197, 206, 0.50); border-radius: 10px; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease; } .why-block-two .inner-box:hover{ box-shadow: 0 12px 30px 0 rgba(29, 197, 206, 0.20); } .why-block-two .inner-box:hover .icon-box{ -webkit-transform: scale(-1) rotate(180deg); -moz-transform: scale(-1) rotate(180deg); -ms-transform: scale(-1) rotate(180deg); -o-transform: scale(-1) rotate(180deg); transform: scale(-1) rotate(180deg); } .why-block-two .icon-box{ position: relative; line-height: 44px; margin-bottom: 20px; display: inline-block; transition: all 600ms ease; -moz-transition: all 600ms ease; -webkit-transition: all 600ms ease; -ms-transition: all 600ms ease; -o-transition: all 600ms ease; } .why-block-two .icon-box img{ max-height: 44px; } .why-block-two h4{ position: relative; color: #10221B; font-weight: 700; margin-bottom: 12px; } .why-block-two .text{ position: relative; } /*** ==================================================================== About Us Section ==================================================================== ***/ .about-two{ position: relative; padding: 0px 0px; background: #F9FCFF; } .about-two .bg-layer{ position: absolute; left: 50%; top: 0; width: 50%; height: 100%; background-repeat: repeat; background-position: left top; background-color: #1DC5CE; } .about-two .floated-icon.left{ position: absolute; left: 15px; bottom: 120px; } .about-two .text-col{ position: relative; } .about-two .text-col .title-box{ margin-bottom: 30px; } .about-two .text-col .inner{ position: relative; display: block; padding: 120px 20px 120px 0px; } .about-two .text-col .lower-box{ position: relative; padding: 22px 20px; background: #ffffff; border-radius: 6px; box-shadow: 0 12px 30px 0 rgba(29, 197, 206, 0.15); } .about-two .text-col .lower-inner{ position: relative; min-height: 112px; padding-top: 4px; padding-right: 180px; } .about-two .text-col .image-box{ position: absolute; right: 0; top: 0; width: 148px; border-radius: 4px; } .about-two .text-col .image-box img{ display: block; width: 100%; border-radius: 4px; } .about-two .text-col .image-box .overlink{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; text-align: center; border-radius: 4px; } .about-two .text-col .image-box .overlink .icon{ position: absolute; width: 66px; height: 66px; left: 50%; top: 50%; margin: -33px 0 0 -33px; text-align: center; font-size: 16px; line-height: 62px; color: #ffffff; border: 2px solid #ffffff; border-radius: 50%; } .about-two .text-col .image-box .overlink:hover{ opacity: 0.70; } .about-two .text-col .lower-inner ul li{ position: relative; padding-left: 41px; line-height: 1.6em; font-weight: 500; margin-bottom: 12px; } .about-two .text-col .lower-inner ul li:last-child{ margin-bottom: 0; } .about-two .text-col .lower-inner ul li:before{ content: "\f00c"; font-family: 'Font Awesome 6 Pro'; font-weight: 700; font-size: 14px; position: absolute; left: 0; top: 0; width: 26px; height: 26px; line-height: 26px; text-align: center; color: #1DC5CE; background: rgba(29, 197, 206, 0.15); border-radius: 50%; } .about-two .image-col{ position: relative; } .about-two .image-col .inner{ position: relative; display: block; padding: 40px 0 40px 20px; min-height: 100%; } .about-two .image-col .image{ position: relative; } .about-two .image-col .image img{ max-width: none; max-height: 655px; } /*** ==================================================================== Trending Destinations Section ==================================================================== ***/ .trending-two{ position: relative; padding: 120px 0px 0px; } .trending-two .carousel-box{ position: relative; } .trending-two .carousel-box:before{ content: ''; position: absolute; right: 100%; top: 0; bottom: 0; width: 2000px; background: #ffffff; z-index: 10; } .dest-block-two{ position: relative; margin-bottom: 30px; } .owl-theme .dest-block-two{ margin-bottom: 0; } .trending-two .carousel-box .owl-theme .owl-stage-outer{ overflow: visible; } .dest-block-two .inner-box{ position: relative; display: block; border-radius: 8px; overflow: hidden; } .dest-block-two .image-box{ position: relative; display: block; border-radius: 8px; overflow: hidden; } .dest-block-two .image-box img{ position: relative; display: block; width: 100%; border-radius: 8px; } .dest-block-two .hvr-box{ position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background: rgba(29, 197, 206, 0.35); border-radius: 8px; z-index: 10; transition: all 900ms ease; -moz-transition: all 900ms ease; -webkit-transition: all 900ms ease; -ms-transition: all 900ms ease; -o-transition: all 900ms ease; transition: -webkit-transform 0.4s ease; transition: transform 0.4s ease; transition: transform 0.4s ease, -webkit-transform 0.4s ease; -webkit-transform: scale(0, 1); -ms-transform: scale(0, 1); transform: scale(0, 1); -webkit-transform-origin: right center; -ms-transform-origin: right center; transform-origin: right center; background-position:center center; } .dest-block-two:hover .hvr-box{ -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1); -webkit-transform-origin: left center; -ms-transform-origin: left center; transform-origin: left center; } .dest-block-two .hvr-box .cap-box{ position: absolute; left: 20px; bottom: 60px; right: 20px; text-align: center; } .dest-block-two .hvr-box .cap-inner{ position: relative; display: inline-block; vertical-align: top; padding: 20px 30px; background: #ffffff; border-radius: 6px; } .dest-block-two .hvr-box h4{ position: relative; float: left; font-weight: 700; text-transform: capitalize; margin-bottom: 0; line-height: 36px; padding: 5px 0px; } .dest-block-two .hvr-box h4 a{ color: #10221B; } .dest-block-two .hvr-box h4 a:hover{ text-decoration: underline; } .dest-block-two .hvr-box .tour-count{ position: relative; float: left; display: inline-block; vertical-align: top; margin-left: 100px; line-height: 26px; padding: 10px 24px; font-weight: 500; color: #ffffff; background: #1DC5CE; border-radius: 23px; } .dest-block-two .alt-hvr{ text-align: center; } .dest-block-two .alt-hvr h4{ float: none; } .dest-block-two .alt-hvr .tour-count{ float: none; margin-left: 0; margin-top: 10px; } .trending-two .owl-theme .owl-dots{ display: none; } .trending-two .owl-theme .owl-nav{ position: absolute; right: 0; top: -116px; } .trending-two .owl-theme .owl-nav .owl-prev, .trending-two .owl-theme .owl-nav .owl-next{ position: relative; display: inline-block; vertical-align: top; margin-left: 20px; width: 56px; height: 56px; line-height: 54px; text-align: center; font-size: 26px; color: #1DC5CE; border: 1px solid #1DC5CE; border-radius: 28px; } .trending-two .owl-theme .owl-nav .owl-next:hover, .trending-two .owl-theme .owl-nav .owl-prev:hover{ background: rgba(29, 197, 206, 0.30); } /*** ==================================================================== Footer Two ==================================================================== ***/ .footer-two{ position: relative; background: #F9FCFF; color: #505050; padding: 0 0; } .footer-two .bg-layer{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center bottom; background-size: cover; } .footer-two .upper-section{ position: relative; padding: 150px 0 0; } .footer-two .upper-section .info-column{ position: relative; margin-bottom: 40px; } .footer-two .upper-section .footer-logo{ position: relative; margin-bottom: 30px; margin-top: -42px; } .footer-two .info-block{ margin-bottom: 30px; } .footer-two .info-block ul{ position: relative; max-width: 300px; } .footer-two .info-block ul li{ line-height: 26px; margin-bottom: 30px; } .footer-two .info-block ul li:last-child{ margin-bottom: 0; } .footer-two .info-block ul li a{ color: #505050; } .footer-two .info-block ul li a:hover{ text-decoration: underline; } .footer-two ul, .footer-two ul li{ list-style: none; margin: 0; } .footer-two .upper-section{ position: relative; padding: 140px 0 0; } .footer-two .upper-section .big-column{ position: relative; padding-left: 50px; } .footer-two .upper-section .footer-column{ position: relative; margin-bottom: 40px; } .footer-two .upper-section h6{ position: relative; font-weight: 600; text-transform: capitalize; padding-bottom: 20px; margin-bottom: 15px; } .footer-two .upper-section h6:before{ content: ''; position: absolute; left: 0; bottom: 0; width: 60px; border-bottom: 2px solid #1DC5CE; } .footer-two .upper-section .links{ position: relative; } .footer-two .upper-section .links li{ position: relative; display: block; font-weight: 400; line-height: 24px; text-transform: capitalize; margin-bottom: 8px; } .footer-two .upper-section .links li:last-child{ margin-bottom: 0; } .footer-two .upper-section .links li a{ position: relative; color: #505050; line-height: 24px; } .footer-two .upper-section .links li a:hover{ color: #1DC5CE; text-decoration: underline; } .footer-two .upper-section .social-links{ position: relative; padding-top: 30px; } .footer-two .upper-section .social-links ul{ position: relative; } .footer-two .upper-section .social-links ul li{ position: relative; display: inline-block; vertical-align: top; margin-right: 8px; } .footer-two .upper-section .social-links ul li:last-child{ margin-right: 0; } .footer-two .upper-section .social-links ul li a{ position: relative; display: block; width: 28px; height: 28px; line-height: 28px; font-size: 14px; color: #1DC5CE; border: 1px solid #1DC5CE; text-align: center; border-radius: 50%; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease; } .footer-two .upper-section .social-links ul li a:hover{ background: #1DC5CE; color: #ffffff; } .footer-two .f-bottom{ position: relative; padding: 0 0; background: #10221B; } .footer-two .f-bottom .inner{ position: relative; padding: 15px 0; text-align: center; } .footer-two .f-bottom .copyright{ position: relative; font-size: 14px; letter-spacing: 0.1em; color: #ffffff; line-height: 30px; } .footer-two .f-bottom .copyright a{ position: relative; color: #ffffff; } .footer-two .f-bottom .copyright a:hover{ text-decoration: underline; } /*** ==================================================================== Testimonials Section ==================================================================== ***/ .testimonials-two{ position: relative; padding: 120px 0px; } .testimonials-two .auto-container{ max-width: 830px; } .testimonials-two .bg-layer{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center bottom; background-size: cover; } .testimonials-two .carousel-box{ position: relative; } .testimonials-two .carousel-box .slider-box{ position: relative; } .testi-block-two{ position: relative; margin-bottom: 30px; } .owl-theme .testi-block-two{ margin-bottom: 0; } .testi-block-two .inner-box{ position: relative; display: block; text-align: center; } .testi-block-two .icon{ position: relative; } .testi-block-two .icon img{ max-width: 62px; max-height: 55px; } .testi-block-two .info{ position: relative; margin-top: 22px; } .testi-block-two .info .name{ font-size: 20px; font-weight: 700; color: #10221B; line-height: 1.2em; } .testi-block-two .text{ position: relative; font-size: 20px; line-height: 1.65em; margin-top: 12px; } .testimonials-two .pagers-box{ position: relative; max-width: 340px; margin: 0 auto; text-align: center; margin-top: 30px; } .testimonials-two .pagers-box:before{ content: ''; position: absolute; left: 0; top: 50%; margin-top: -1px; width: 100%; border-bottom: 2px solid #1DC5CE; } .testimonials-two .pagers-box .pager-one{ position: relative; display: inline-block; padding-left: 40px; padding-right: 40px; background: #ffffff; } .testimonials-two .pagers-box .pager-one .pager-item{ position: relative; display: inline-block; vertical-align: top; margin: 0 -20px; width: 68px; height: 68px; border: 4px solid #ffffff; border-radius: 50%; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .testimonials-two .pagers-box .pager-one .pager-item.active{ border-color: #1DC5CE; z-index: 1; } .testimonials-two .pagers-box .pager-one .pager-item img{ position: relative; display: inline-block; vertical-align: top; width: 60px; height: 60px; border-radius: 50%; } .testimonials-two .bx-controls{ position: absolute; left: 50%; margin-left: -225px; bottom: -45px; width: 450px; max-width: 100%; } .testimonials-two .bx-controls .bx-prev{ position: absolute; left: 0; top: 0; line-height: 40px; font-size: 36px; color: #1DC5CE; } .testimonials-two .bx-controls .bx-next{ position: absolute; right: 0; top: 0; line-height: 40px; font-size: 36px; color: #1DC5CE; } /*** ==================================================================== Page Info ==================================================================== ***/ .page-info{ position: relative; padding: 30px 0px; border-top: 1px dashed #CBCBCB; } .page-info .links{ position: relative; font-size: 16px; line-height: 28px; color: #10221B; } .page-info .links a{ position: relative; display: inline-block; vertical-align: top; color: #10221B; } .page-info .links i{ font-size: 14px; } .page-info .links a:hover, .page-info .links .current{ color: #1DC5CE; } /*** ==================================================================== Inner Banner Section ==================================================================== ***/ .inner-banner{ position: relative; padding: 250px 0px 140px; } .inner-banner .image-layer{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center bottom; background-size: cover; } .inner-banner .image-layer:before{ content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.30); background: -webkit-linear-gradient(top,rgba(255,255,255,1.0),rgba(255,255,255,1.0),rgba(255,255,255,0.57),rgba(16,34,27,0.35),rgba(16,34,27,1.0)); background: -ms-linear-gradient(top,rgba(255,255,255,1.0),rgba(255,255,255,1.0),rgba(255,255,255,0.57),rgba(16,34,27,0.35),rgba(16,34,27,1.0)); background: -moz-linear-gradient(top,rgba(255,255,255,1.0),rgba(255,255,255,1.0),rgba(255,255,255,0.57),rgba(16,34,27,0.35),rgba(16,34,27,1.0)); } .inner-banner .image-layer:after{ content: ''; position: absolute; left: 0; bottom: -1px; width: 100%; background: url(../images/background/banner-pattern.png) bottom center repeat-x; height: 39px; z-index: 1; background-repeat:repeat-x; animation: 80s linear 0s infinite normal none running slide; } @keyframes slide{ from { background-position: 0 0; } to { background-position: 3000px 0; } } .inner-banner .content-box{ position: relative; text-align: center; } .inner-banner .content-box h2{ position: relative; color: #ffffff; text-transform: uppercase; font-weight: 700; margin-bottom: 10px; } .inner-banner .bread-crumb{ position: relative; line-height: 24px; padding-left: 44px; } .inner-banner .bread-crumb .icon-home{ position: absolute; left: -44px; top: 0px; width: 34px; height: 34px; font-size: 14px; line-height: 34px; text-align: center; background: #1DC5CE; color: #ffffff; border-radius: 50%; } .inner-banner .bread-crumb ul li{ position: relative; display: inline-block; vertical-align: top; line-height: 24px; padding: 5px 0; text-transform: capitalize; margin-right: 22px; color: #ffffff; } .inner-banner .bread-crumb ul li:last-child{ margin-right: 0; } .inner-banner .bread-crumb ul li:after{ content: '\f0da'; position: absolute; right: -24px; top: 6px; width: 22px; text-align: center; font-weight: 700; font-family: 'Font Awesome 6 Pro'; } .inner-banner .bread-crumb ul li:last-child:after{ display: none; } .inner-banner .bread-crumb ul li a{ position: relative; color: #ffffff; } .inner-banner .bread-crumb ul li a:hover{ text-decoration: underline; } /*** ==================================================================== About Us Section ==================================================================== ***/ .about-three{ position: relative; padding: 120px 0px 90px; } .about-three .floated-icon.right{ position: absolute; right: 0px; bottom: 100px; } .about-three .text-col{ position: relative; margin-bottom: 30px; order: 12; } .about-three .text-col .inner{ position: relative; display: block; padding-top: 40px; } .about-three .text-col h2{ font-weight: 700; text-transform: capitalize; margin-bottom: 30px; } .about-three .text-col .upper-text{ position: relative; margin-bottom: 30px; } .about-three .text-col .f-blocks{ position: relative; margin: 0 -30px; } .about-three .text-col .f-blocks .f-block{ position: relative; float: left; width: 50%; padding: 0 30px; margin-bottom: 30px; } .about-three .text-col .f-block:nth-child(1):after{ content: ''; position: absolute; right: 15px; top: 14px; height: 36px; border-left: 1px dashed #001111; } .about-three .text-col .f-block .inner-box{ position: relative; min-height: 60px; padding-left: 75px; padding-right: 25px; } .about-three .text-col .f-block .icon{ position: absolute; left: 0; top: 0; } .about-three .text-col .f-block h6{ font-size: 18px; font-weight: 700; line-height: 32px; margin-bottom: 0; } .about-three .text-col .quote-box{ position: relative; } .about-three .text-col .quote-box .quote{ position: relative; padding: 30px 30px; background: #F9FCFF; font-weight: 500; font-size: 16px; line-height: 1.70em; font-style: italic; border-radius: 0px; margin-bottom: 35px; } .about-three .text-col .quote-box .quote-info{ position: relative; padding-left: 80px; min-height: 65px; } .about-three .text-col .quote-box .quote-info .image{ position: absolute; left: 0; top: 0; width: 65px; height: 65px; border-radius: 50%; } .about-three .text-col .quote-box .quote-info .image img{ display: block; width: 65px; height: 65px; border-radius: 50%; } .about-three .text-col .quote-box .quote-info .info{ position: relative; float: left; padding-top: 7px; } .about-three .text-col .quote-box .quote-info .info .name{ position: relative; display: block; font-weight: 700; font-size: 16px; line-height: 1.5em; margin-bottom: 5px; } .about-three .text-col .quote-box .quote-info .info .designation{ position: relative; display: block; font-size: 14px; color: #1DC5CE; line-height: 1.5em; } .about-three .text-col .quote-box .quote-info .signature{ position: relative; top: -3px; float: left; margin-left: 25px; } .about-three .image-col{ position: relative; margin-bottom: 30px; order: 0; } .about-three .image-col .inner{ position: relative; display: block; margin-left: -70px; padding-right: 15px; min-height: 0; } .about-three .image-col .bg-image{ position: absolute; top: 35px; right: 80px; } .about-three .image-col .bg-image img{ max-width: none; } .about-three .image-col .image-box{ position: relative; } /*** ==================================================================== Facts Section ==================================================================== ***/ .facts-section{ position: relative; padding: 120px 0px 210px; margin-bottom: 90px; } .facts-section .image-layer{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center bottom; background-size: cover; } .facts-section .image-layer:before{ content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.0); } .facts-section .content-box{ position: relative; max-width: 920px; margin: 0 auto; text-align: center; } .facts-section .content-box .video-btn{ position: relative; margin-bottom: 60px; } .facts-section .content-box .video-btn a:hover{ opacity: 0.70; } .facts-section .content-box .subtitle{ position: relative; font-size: 30px; line-height: 36px; text-transform: none; font-family: 'Corinthia', cursive; font-weight: 700; color: #ffffff; margin: 0 0 30px; } .facts-section .content-box h2{ position: relative; font-weight: 700; color: #ffffff; text-transform: none; margin: 0 0; } .facts-section .content-box h2 span{ position: relative; z-index: 1; } .facts-section .facts-box{ position: absolute; left: 0; bottom: -90px; width: 100%; z-index: 1; } .facts-section .facts-box .inner-box{ position: relative; display: block; padding: 34px 20px 0; background: #ffffff; border-radius: 8px; box-shadow: 0 12px 30px 0 rgba(29, 197, 206, 0.20); } .facts-section .facts-box .fact-block{ position: relative; text-align: center; margin-bottom: 32px; } .facts-section .facts-box .fact-block .inner{ position: relative; display: block; } .facts-section .facts-box .fact-block .inner:after{ content: ''; position: absolute; right: -15px; top: 15px; height: 30px; border-left: 1px dashed #1DC5CE; } .facts-section .facts-box .fact-block:last-child .inner:after{ display: none; } .facts-section .facts-box .fact-block .count{ position: relative; display: block; width: 70px; height: 70px; line-height: 70px; font-size: 24px; font-weight: 600; font-style: italic; background: #1DC5CE; color: #ffffff; margin: 0 auto 18px; border-radius: 50%; } .facts-section .facts-box .fact-block .fact-title{ position: relative; display: block; font-size: 16px; font-weight: 400; line-height: 1.6em; } /*** ==================================================================== Features Section ==================================================================== ***/ .features-section{ position: relative; padding: 120px 0px 225px; margin-bottom: 170px; } .features-section .image-layer{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center bottom; background-size: cover; } .features-section .image-layer:before{ content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.0); } .features-section .upper-box{ position: relative; text-align: center; } .feature-block{ position: relative; margin-bottom: 30px; } .feature-block .inner-box{ position: relative; display: block; max-width: 220px; margin: 0 auto; } .feature-block .icon-box{ position: relative; color: #ffffff; margin-bottom: 20px; display:inline-block; -webkit-transition:all 600ms ease; -ms-transition:all 600ms ease; -o-transition:all 600ms ease; -moz-transition:all 600ms ease; transition:all 600ms ease; } .feature-block .inner-box:hover .icon-box{ transform:rotateY(180deg); } .feature-block h5{ position: relative; font-weight: 700; text-transform: capitalize; color: #ffffff; margin-bottom: 12px; } .feature-block .text{ position: relative; color: #ffffff; } .features-section .carousel-box{ position: absolute; left: 0; bottom: -170px; width: 100%; z-index: 1; } .features-section .carousel-box .inner-box{ position: relative; display: block; padding: 60px 60px 60px; background: #ffffff; border-radius: 7px; box-shadow: 0 12px 30px 0 rgba(29, 197, 206, 0.20); } .features-section .slide-item{ position: relative; } .features-section .slide-item .inner{ position: relative; padding-left: 165px; min-height: 96px; } .features-section .slide-item .left-image{ position: absolute; left: 0; top: 0; width: 135px; } .features-section .slide-item .left-image .image{ position: absolute; right: 0; top: 0; width: 96px; height: 96px; border: 4px solid #BFD145; border-radius: 50%; overflow: hidden; } .features-section .slide-item .left-image .image img{ display: block; width: 88px; height: 88px; border-radius: 50%; } .features-section .slide-item .left-image .icon{ position: absolute; left: 0; top: 17px; width: 62px; height: 62px; line-height: 62px; text-align: center; background: #1DC5CE; color: #ffffff; border-radius: 50%; overflow: hidden; z-index: 1; } .features-section .slide-item .left-image .icon img{ display: inline-block; max-width: 100%; width: auto; } .features-section .slide-item .rating{ position: relative; line-height: 24px; margin-bottom: 10px; } .features-section .slide-item .rating i{ position: relative; display: inline-block; vertical-align: top; margin-right: 5px; color: #FFC107; } .features-section .slide-item .text{ position: relative; font-size: 20px; line-height: 1.6em; } .features-section .slide-item .info{ position: relative; padding-top: 30px; } .features-section .slide-item .info .name{ position: relative; display: block; font-weight: 700; font-size: 20px; line-height: 1.5em; margin-bottom: 5px; } .features-section .slide-item .info .designation{ position: relative; display: block; font-weight: 500; font-size: 14px; color: #1DC5CE; line-height: 1.5em; } .features-section .owl-theme .owl-dots{ display: none; } .features-section .owl-theme .owl-nav{ position: absolute; right: 0; bottom: 10px; } .features-section .owl-theme .owl-nav .owl-next, .features-section .owl-theme .owl-nav .owl-prev{ position: relative; display: inline-block; vertical-align: top; margin-left: 30px; color: #1DC5CE; font-size: 30px; line-height: 30px; } .features-section .owl-theme .owl-nav .owl-prev:before{ content: ''; position: absolute; left: -20px; top: -6px; width: 40px; height: 40px; background: #1DC5CE; opacity: 0.0; border-radius: 50%; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .features-section .owl-theme .owl-nav .owl-next:before{ content: ''; position: absolute; right: -20px; top: -6px; width: 40px; height: 40px; background: #1DC5CE; opacity: 0.0; border-radius: 50%; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .features-section .owl-theme .owl-nav .owl-prev:hover:before, .features-section .owl-theme .owl-nav .owl-next:hover:before{ opacity: 0.10; } /*** ==================================================================== Team Section ==================================================================== ***/ .team-section{ position: relative; padding: 120px 0px; } .team-section.alternate-2{ background: #F3F7FA; background: -webkit-linear-gradient(top,#F3F7FA 0%, #FFFFFF 100%); background: -ms-linear-gradient(top,#F3F7FA 0%, #FFFFFF 100%); background: -moz-linear-gradient(top,#F3F7FA 0%, #FFFFFF 100%); } .team-section .floated-icon{ position: absolute; } .team-section .floated-icon.left{ left: 70px; bottom: 36%; } .team-section .floated-icon.right{ right: 100px; top: 30%; } .team-section.team-page .floated-icon.right{ right: 100px; top: 70px; } .team-section.team-page .floated-icon.left{ left: 80px; top: 62%; } .team-section.alternate-2 .floated-icon.right{ right: 5%; top: 70%; } .team-section.alternate-2 .floated-icon.left{ left: 100px; top: 200px; } .team-section .carousel-box{ } .team-block-one{ position: relative; margin-bottom: 30px; } .owl-theme .team-block-one{ margin: 0 15px; margin-bottom: 15px; } .team-block-one .inner-box{ position: relative; display: block; padding: 0px 0px; border-radius: 8px 8px 0 0; } .team-block-one .image-box{ position: relative; } .team-block-one .image-box .image{ position: relative; overflow: hidden; border-radius: 8px 8px 0 0; } .team-block-one .image-box .image img{ position: relative; width: 100%; border-radius: 8px 8px 0 0; -webkit-transition:all 600ms ease; -ms-transition:all 600ms ease; -o-transition:all 600ms ease; -moz-transition:all 600ms ease; transition:all 600ms ease; } .team-block-one .inner-box:hover .image img{ -webkit-filter: grayscale(100%); transform:scale(1.05,1.05); } .team-block-one .lower-box{ position: relative; display: block; padding: 30px 100px 30px 30px; min-height: 120px; background: #ffffff; box-shadow: 0 3px 20px 0 rgba(0, 0, 0, 0.10); border-radius: 0 0 8px 8px; } .team-block-one h4{ position: relative; font-weight: 700; text-transform: capitalize; color: #10221B; margin-bottom: 0; } .team-block-one h4 a{ color: #10221B; } .team-block-one h4 a:hover{ color: #1DC5CE; } .team-block-one .designation{ position: relative; color: #505050; margin-top: 5px; } .team-block-one .phone{ position: absolute; right: 30px; top: 30px; width: 60px; height: 60px; } .team-block-one .phone{ position: absolute; right: 30px; top: 30px; width: 60px; height: 60px; } .team-block-one .call-btn{ position: relative; display: block; width: 60px; height: 60px; line-height: 60px; text-align: center; color: #ffffff; background: #001111; font-size: 24px; border-radius: 3px; } .team-block-one .call-btn img{ display: inline-block; width: auto; max-width: 100%; } .team-block-one .call-btn:hover{ background: #1DC5CE; } .team-section .owl-theme .owl-nav{ display: none; } .team-section .owl-theme .owl-dots{ position: relative; text-align: center; padding-top: 45px; } .team-section .owl-theme .owl-dots .owl-dot{ position: relative; display: inline-block; margin: 0 3px; } .team-section .owl-theme .owl-dots .owl-dot span{ position: relative; display: block; width: 28px; height: 7px; background: none; border: 1px solid #1DC5CE; margin: 0 2.5px; border-radius: 5px; } .team-section .owl-theme .owl-dots .owl-dot.active span{ width: 42px; border-color: #1DC5CE; background: #1DC5CE; } .team-section .load-more{ position: relative; text-align: center; margin-top: 30px; } /*** ==================================================================== Trekking Section ==================================================================== ***/ .trekking-section{ position: relative; padding: 120px 0px 120px; } .trekking-section .floated-icon{ position: absolute; } .trekking-section .floated-icon.left{ left: 40px; top: 45%; } .trekking-section .floated-icon.right{ right: 100px; top: 20%; } .trekking-section .floated-icon.right-2{ right: 100px; bottom: 230px; } .trekking-section .title-box{ max-width: 880px; margin-bottom: 40px; } .trekking-section .title-box h2{ text-transform: none; } .mixitup-gallery{ position: relative; } .mixitup-gallery .mix{ display: none; } .mixitup-gallery .gallery-filters{ position: relative; padding-bottom: 40px; } .mixitup-gallery .filter-tabs{ position: relative; text-align: center; } .mixitup-gallery .filter-tabs li{ position: relative; display: inline-block; padding: 13px 28px; line-height: 30px; font-size: 16px; font-weight: 500; color: #10221B; background: none; border-radius: 28px 28px; cursor: pointer; margin: 0 0px 20px; } .mixitup-gallery .filter-tabs li.active{ color: #ffffff; background: #1DC5CE; } .trek-block-one.style-two .inner-box{ background: #F3F7FA; border-color: #E8E8E8; } .trek-block-one.style-two .info{ background: #1DC5CE; color: #ffffff; } .trekking-section .load-more{ position: relative; text-align: center; margin-top: 30px; } /*** ==================================================================== FAQ Section ==================================================================== ***/ .faq-one{ position: relative; padding: 10px 0px 10px; } .faq-one.alternate{ background: #F3F7FA; padding-top:100px; padding-bottom:90px; } .faq-one.tracking-page{ padding-top:100px; padding-bottom:90px; } .faq-one .title-box{ max-width: none; } .faq-one .floated-icon.left{ position: absolute; left: 100px; top: 110px; } .faq-one .floated-icon.right{ position: absolute; right: 100px; bottom: 110px; } .faq-one .text-col{ position: relative; margin-bottom: 30px; } .faq-one .text-col .inner{ position: relative; display: block; } .faq-one .accordion-box{ position: relative; border: 1px solid #DEDEDE; background: #ffffff; border-radius: 8px; margin: 0; } .faq-one .accordion-box ::marker{ display: none; } .faq-one .accordion-box .block{ position: relative; list-style: none; display: block; border-bottom: 1px solid #DEDEDE; } .faq-one .accordion-box .block:last-child{ border-bottom: none; } .faq-one .accordion-box .block.active-block{ } .faq-one .accordion-box .block .acc-btn{ position:relative; top: 0; width: 100%; font-size:20px; line-height:30px; font-weight:600; color: #101010; cursor:pointer; padding:30px 90px 30px 30px; } .faq-one .accordion-box .block.active-block .acc-btn{ } .faq-one .accordion-box .block .acc-btn i{ position: absolute; right: 30px; top: 50%; margin-top: -14px; height: 28px; width: 28px; text-align: center; background: #1DC5CE; color: #ffffff; font-size: 16px; line-height: 30px; border-radius: 50%; cursor:pointer; -webkit-transition:all 400ms ease; -moz-transition:all 400ms ease; -ms-transition:all 400ms ease; -o-transition:all 400ms ease; transition:all 400ms ease; } .faq-one .accordion-box .block .acc-btn.active i{ background: #8A8A8A; transform: rotate(180deg); } .faq-one .accordion-box .block .acc-content{ position:relative; width: 100%; display: none; } .faq-one .accordion-box .active-block .acc-content{ display:block; } .faq-one .accordion-box .block .content{ position:relative; padding: 0 30px 30px 30px; } .faq-one .accordion-box .block .content .text{ display: block; line-height: 1.70em; margin: 0; font-size: 16px; } .faq-one .image-col{ position: relative; margin-bottom: 30px; } .faq-one .image-col .inner{ position: relative; display: block; } /*** ==================================================================== Activities Section ==================================================================== ***/ .actvity-section{ position: relative; padding: 120px 0px 120px; } .actvity-section .title-box{ max-width: 880px; } .actvity-section .load-more{ position: relative; text-align: center; margin-top: 30px; } .activity-block-one{ position: relative; margin-bottom: 30px; } .owl-theme .activity-block-one{ margin-bottom: 0; } .activity-block-one .inner-box{ position: relative; display: block; background: #ffffff; padding: 0 0; border-radius: 8px; } .activity-block-one .image-box{ position: relative; } .activity-block-one .image-box .price{ position: absolute; left: 20px; top: 20px; line-height: 20px; padding: 10px 15px; background: #1DC5CE; color: #ffffff; font-size: 20px; font-weight: 600; border-radius: 5px; } .activity-block-one .image-box .image{ position: relative; background: #101010; border-radius: 8px 8px 0 0; overflow: hidden; } .activity-block-one .image-box .image img{ position: relative; width: 100%; border-radius: 8px 8px 0 0; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .activity-block-one .inner-box:hover .image img{ opacity: 0.75; } .activity-block-one .image-box .info{ position: absolute; left: 0; bottom: 0; width: 100%; font-size: 14px; font-weight: 500; color: #ffffff; padding: 0 20px 18px; line-height: 30px; } .activity-block-one .image-box .info div{ position: relative; } .activity-block-one .image-box .info:before{ content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 80px; background: rgba(0, 0, 0, 0.30); background: -webkit-linear-gradient(top,rgba(0,0,0,0) 0%, #10221B 100%); background: -ms-linear-gradient(top,rgba(0,0,0,0) 0%, #10221B 100%); background: -moz-linear-gradient(top,rgba(0,0,0,0) 0%, #10221B 100%); } .activity-block-one .image-box .info .icon{ position: relative; top: -2px; display: inline-block; line-height: 30px; padding-right: 10px; } .activity-block-one .image-box .info .icon img{ width: auto; height: 24px; } .activity-block-one .lower-content{ position: relative; display: block; padding: 20px 20px 20px; border: 1px solid #E8E8E8; border-top: none; border-radius: 0 0 8px 8px; } .activity-block-one h4{ position: relative; font-weight: 700; color: #10221B; margin-bottom: 20px; } .activity-block-one h4 a{ color: #10221B; } .activity-block-one h4 a:hover{ color: #1DC5CE; } .activity-block-one .ratings{ position: relative; line-height: 20px; } .activity-block-one .ratings .stars{ position: relative; float: left; } .activity-block-one .ratings .stars i{ position: relative; display: inline-block; vertical-align: top; margin-right: 3px; color: #FC8F00; } .activity-block-one .ratings .stars i.empty{ color: #BFBFBF; } .activity-block-one .ratings .rev{ position: relative; float: left; font-weight: 500; font-size: 14px; margin-left: 10px; } .activity-block-one .ratings .rev a{ color: #505050; } .activity-block-one .ratings .rev a:hover{ color: #1DC5CE; } .activity-block-one .lower-content .text{ position: relative; padding-top: 20px; } .activity-block-one .bottom-box{ position: relative; padding-top: 20px; margin-top: 24px; border-top: 1px dashed #DEDEDE; } .activity-block-one .bottom-box .more-link{ position: relative; float: left; } .activity-block-one .bottom-box .more-link a{ color: #10221B; display: inline-block; vertical-align: top; line-height: 26px; } .activity-block-one .bottom-box .more-link i{ position: relative; display: inline-block; top: 0; vertical-align: middle; padding-left: 10px; line-height: 26px; z-index: 1; } .activity-block-one .bottom-box .more-link i img{ position: relative; top: -1px; max-height: 12px; -webkit-filter: brightness(0); -ms-filter: brightness(0); -moz-filter: brightness(0); } .activity-block-one .bottom-box .more-link a:hover i img{ -webkit-filter: none; -ms-filter: none; -moz-filter: none; } .activity-block-one .bottom-box .more-link a:hover{ color: #1DC5CE; } .activity-block-one .bottom-box .fav-link{ position: relative; float: right; } .activity-block-one .bottom-box .fav-link a{ color: #7D7D7D; display: inline-block; vertical-align: top; font-size: 22px; line-height: 26px; } .activity-block-one .bottom-box .fav-link a:hover{ color: #1DC5CE; } /*** ==================================================================== Destination Tours Section ==================================================================== ***/ .dest-tours{ position: relative; padding: 120px 0px 60px; } .dest-tours .floated-icon{ position: absolute; } .dest-tours .floated-icon.left{ left: 100px; bottom: 45%; } .dest-tours .floated-icon.right{ right: 100px; top: 70px; } .dest-tours .title-box{ max-width: 900px; } .dest-tours .load-more{ position: relative; text-align: center; margin-top: 30px; } .tour-block-one{ position: relative; margin-bottom: 30px; } .owl-theme .tour-block-one{ margin-bottom: 0; } .tour-block-one .inner-box{ position: relative; display: block; background: #F3F7FA; border: 1px solid #E8E8E8; padding: 20px 20px; border-radius: 8px; } .tour-block-one .image-box{ position: relative; } .tour-block-one .image-box .image{ position: relative; background: #101010; border-radius: 8px 8px; overflow: hidden; } .tour-block-one .image-box .image img{ position: relative; width: 100%; border-radius: 8px 8px; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .tour-block-one .inner-box:hover .image img{ opacity: 0.75; } .tour-block-one .lower-content{ position: relative; display: block; padding: 25px 0px 0px; } .tour-block-one .lower-content .price{ position: absolute; right: 0px; top: 26px; line-height: 30px; border: 1px solid #1DC5CE; min-width: 66px; text-align: center; color: #1DC5CE; font-size: 20px; border-radius: 5px; font-weight: 600; } .tour-block-one h4{ position: relative; font-weight: 700; color: #10221B; margin-bottom: 20px; } .tour-block-one h4 a{ color: #10221B; } .tour-block-one h4 a:hover{ color: #1DC5CE; } .tour-block-one .ratings{ position: relative; line-height: 20px; } .tour-block-one .ratings .stars{ position: relative; float: left; } .tour-block-one .ratings .stars i{ position: relative; display: inline-block; vertical-align: top; margin-right: 3px; color: #FC8F00; } .tour-block-one .ratings .stars i.empty{ color: #BFBFBF; } .tour-block-one .ratings .rev{ position: relative; float: left; font-weight: 500; font-size: 14px; margin-left: 10px; } .tour-block-one .ratings .rev a{ color: #505050; } .tour-block-one .ratings .rev a:hover{ color: #1DC5CE; } .tour-block-one .lower-content .text{ position: relative; padding-top: 2px; } .tour-block-one .bottom-box{ position: relative; padding-top: 20px; margin-top: 20px; border-top: 1px dashed #CFCFCF; } .tour-block-one .info{ position: relative; line-height: 24px; font-size: 14px; font-weight: 500; color: #505050; border-radius: 4px; } .tour-block-one .info .icon{ position: relative; padding-right: 5px; } /*** ==================================================================== Destinations Section ==================================================================== ***/ .dest-section{ position: relative; padding: 120px 0px 120px; } .dest-section .floated-icon{ position: absolute; } .dest-section .floated-icon.left{ left: 100px; bottom: 45%; } .dest-section .floated-icon.right{ right: 100px; top: 70px; } .dest-section .title-box{ max-width: 900px; margin-bottom: 40px; } .dest-section .load-more{ position: relative; text-align: center; margin-top: 10px; } .trend-block-one{ position: relative; margin-bottom: 50px; } .owl-theme .trend-block-one{ margin-bottom: 0; } .trend-block-one .inner-box{ position: relative; display: block; background: #101010; padding: 0 0; border-radius: 8px; overflow: hidden; } .trend-block-one .image-box{ position: relative; } .trend-block-one .image-box .image{ position: relative; background: #101010; border-radius: 8px 8px; overflow: hidden; } .trend-block-one .image-box .image img{ position: relative; width: 100%; border-radius: 8px 8px; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .trend-block-one .inner-box:hover .image img{ opacity: 0.75; } .trend-block-one .count{ position: absolute; left: 30px; top: 30px; min-width: 90px; padding: 10px 20px; line-height: 22px; font-size: 16px; font-weight: 500; color: #ffffff; background: #1DC5CE; border-radius: 21px; } .trend-block-one .title{ position: absolute; left: 0; bottom: 0; width: 100%; font-size: 14px; font-weight: 500; color: #ffffff; padding: 0 20px 30px 30px; line-height: 30px; } .trend-block-one .title h4{ position: relative; float: left; color: #ffffff; font-weight: 700; text-transform: capitalize; line-height: 30px; margin: 10px 0; } .trend-block-one .title h4 a{ color: #ffffff; } .trend-block-one .title .more-link{ position: relative; float: right; } .trend-block-one .title .more-link a{ position: relative; display: block; width: 50px; height: 50px; line-height: 50px; font-size: 20px; text-align: center; color: #ffffff; border: 1px solid #ffffff; border-radius: 50%; } .trend-block-one .title .more-link a:hover{ color: #ffffff; border-color: #1DC5CE; background: #1DC5CE; } .trend-block-one .title:before{ content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 130px; background: rgba(0, 0, 0, 0.30); background: -webkit-linear-gradient(top,rgba(0,0,0,0) 0%, #10221B 100%); background: -ms-linear-gradient(top,rgba(0,0,0,0) 0%, #10221B 100%); background: -moz-linear-gradient(top,rgba(0,0,0,0) 0%, #10221B 100%); } /*** ==================================================================== Team Member Section ==================================================================== ***/ .team-single{ position: relative; padding: 120px 0px 90px; } .team-single .floated-icon{ position: absolute; } .team-single .floated-icon.left{ left: 10%; top: 60px; } .team-single .floated-icon.right{ right: 70px; top: 70px; } .team-single .image-col{ position: relative; margin-bottom: 30px; } .team-single .image-col .inner{ position: relative; display: block; padding-right: 40px; } .team-single .image-col .image{ position: relative; display: block; border-radius: 8px; } .team-single .image-col .image img{ position: relative; display: block; width: 100%; border-radius: 8px; } .team-single .content-col{ position: relative; margin-bottom: 30px; } .team-single .content-col .inner{ position: relative; display: block; padding-top: 7px; } .team-single .social-links{ position: relative; padding-top: 40px; } .team-single .member-info{ position: relative; } .team-single .member-info .name{ font-weight: 600; margin-bottom: 0; } .team-single .member-info .designation{ position: relative; margin-top: 5px; color: #1DC5CE; line-height: 1.5em; } .team-single .member-about{ position: relative; margin-top: 30px; } .team-single .member-about h6{ font-weight: 600; margin-bottom: 12px; } .team-single .member-contact{ position: relative; margin-top: 35px; padding-bottom: 25px; } .team-single .member-contact .phone, .team-single .member-contact .email{ position: relative; font-weight: 600; margin-bottom: 15px; line-height: 30px; } .team-single .member-contact .phone .icon, .team-single .member-contact .email .icon{ position: relative; top: -2px; padding-right: 12px; } .team-single .member-contact .phone a, .team-single .member-contact .email a{ position: relative; color: #7D7D7D; font-weight: 400; } .team-single .member-contact .phone a:hover, .team-single .member-contact .email a:hover{ color: #1DC5CE; } .team-single .member-quote{ position: relative; display: block; padding: 27px 105px 27px 30px; background: #F3F7FA; } .team-single .member-quote:before{ content: ''; position: absolute; left: 0; top: 10px; bottom: 10px; border-left: 3px solid #1DC5CE; } .team-single .member-quote .icon{ position: absolute; right: 10px; top: 26px; opacity: 0.10; } .team-single .member-quote .quote{ position: relative; font-size: 18px; font-weight: 600; color: #10221B; line-height: 1.85em; font-style: italic; text-decoration: underline; } .team-single .social-links ul{ position: relative; } .team-single .social-links ul li{ position: relative; display: inline-block; vertical-align: top; margin-right: 8px; } .team-single .social-links ul li:last-child{ margin-right: 0; } .team-single .social-links ul li a{ position: relative; display: block; width: 28px; height: 28px; line-height: 28px; font-size: 14px; color: #1DC5CE; border: 1px solid #1DC5CE; text-align: center; border-radius: 50%; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease; } .team-single .social-links ul li a:hover{ background: #1DC5CE; color: #ffffff; } /* Sheraz Code */ .pull-left{ float:left; } .pull-right{ float:right; } .packages-banner{ position:relative; background-size: cover; background-position: center top; padding-bottom:30px; } .packages-banner.style-two{ min-height:580px; } .packages-banner::before{ position:absolute; content:''; left:0px; right:0px; bottom:0px; z-index:1; height:40%; background-image: -ms-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,1) 100%); background-image: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,1) 100%); background-image: -o-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,1) 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255,255,255,0)), color-stop(100, rgba(0,0,0,1))); background-image: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,1) 100%); background-image: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(0,0,0,1) 100%); } .packages-banner.style-two:before{ display: none; } .packages-banner .banner-list{ position:relative; padding-top:520px; z-index:2; } .packages-banner .banner-list li{ position:relative; color:#ffffff; font-size:14px; font-weight:500; margin-right:15px; display:inline-block; } .packages-banner .banner-list li .icon{ position:relative; margin-right:15px; } .packages-banner .banner-list li:last-child{ padding:5px 12px; border-radius:3px; background-color:#1DC5CE; } /* Package Detail Section */ .package-detail-section{ position:relative; padding:80px 0px 100px; } .package-detail-section .upper-box{ position:relative; } .package-detail-section .upper-box h4{ position:relative; font-weight:700; text-transform:uppercase; } .package-detail-section .upper-box .price{ position:relative; color:#31c8d0; font-size:24px; font-weight:700; } .package-detail-section .upper-box .price span{ position:relative; font-weight:400; font-size:16px; color:#10221B; } .package-info-box{ position:relative; margin-top:15px; padding:30px 50px; border-radius:6px; margin-bottom:30px; background-color:#f3f7fa; } .package-info-block{ position: relative; } .package-info-block .inner-box{ position:relative; padding-left:90px; color:#505050; padding-top:5px; min-height:65px; } .package-info-block .inner-box:before{ position:absolute; content:''; right:-60px; top:13px; width:1px; height:45px; background-color:#DEDEDE; } .package-info-block:last-child .inner-box:before{ display:none; } .package-info-block .inner-box .icon{ position:absolute; left:0px; top:0px; width:65px; height:65px; line-height:65px; border-radius:50%; text-align:center; background-color:#d3f0f4; } .package-info-block .inner-box strong{ position:relative; font-weight:600; color:#10221B; display:block; margin-bottom:4px; } /* Rating Box */ .package-detail-section .rating-box{ position:relative; padding:15px 0px; margin-bottom:30px; border-top:1px dashed #CBCBCB; border-bottom:1px dashed #CBCBCB; } .package-detail-section .rating-box{ position:relative; } .package-detail-section .rating-box .rating{ position:relative; color:#505050; font-size:14px; } .package-detail-section .rating-box .fa{ position:relative; color:#ffc107; font-size:13px; } .package-detail-section .rating-box .post-info{ position:relative; } .package-detail-section .rating-box .post-info li{ position:relative; margin-left:15px; color:#10221B; font-size:14px; margin-left:20px; padding-left:30px; display:inline-block; } .package-detail-section .rating-box .post-info li .icon{ position:absolute; left:0px; } .package-detail-section .content-column{ position:relative; } .package-detail-section .content-column h5{ position:relative; font-weight:700; color:#000000; margin-bottom:20px; } .package-detail-section .content-column p{ position:relative; color:#505050; font-size:16px; line-height:28px; margin-bottom:15px; } .package-detail-section .content-column .feature-box{ position:relative; margin-top:30px; padding:35px 0px 32px; border-top:1px dashed #CBCBCB; border-bottom:1px dashed #CBCBCB; } .package-detail-section .content-column .feature-box h5{ margin-bottom:35px; } .package-detail-section .content-column .feature-list{ position:relative; } .package-detail-section .content-column .feature-list li{ position:relative; padding-left:32px; color:#2E2E2E; font-size:16px; margin-bottom:15px; } .package-detail-section .content-column .feature-list li:before{ position:absolute; content:''; left:0px; top:3px; width:20px; height:20px; background:url(../images/icons/check-icon.png); } .package-detail-section .content-column .feature-list li:last-child{ margin-bottom:0px; } /* Facility Box */ .package-detail-section .facility-box{ position:relative; margin-top:35px; } .package-detail-section .facility-box h5{ margin-bottom:40px; } .package-detail-section .facility-box .facility-option{ position:relative; padding-left:30px; font-size:16px; color:#505050; margin-bottom:35px; } .package-detail-section .facility-box .facility-option .icon{ position:absolute; left:0px; } .package-detail-section .itinerary-box{ position:relative; padding:30px 0px 30px; border-top:1px dashed #CBCBCB; border-bottom:1px dashed #CBCBCB; } .package-detail-section .itinerary-box .days-outer{ position:relative; } .package-detail-section .day-box{ position:relative; margin-bottom:20px; } .package-detail-section .day-box:last-child{ margin-bottom:0px; } .package-detail-section .day-box .title{ position:relative; color:#505050; font-size:16px; font-weight:600; padding-left:35px; } .package-detail-section .day-box .title:before{ position:absolute; content:'\f017'; left:0px; top:1px; color:#1DC5CE; font-size:20px; font-weight:normal; font-family: 'Font Awesome 6 Pro'; } .package-detail-section .day-box .day-text{ position:relative; color:#505050; font-size:16px; line-height:28px; margin-top:20px; padding-left:35px; } .package-detail-section .day-box .day-text:before{ position:absolute; content:''; left:8px; top:0px; width:1px; height:100%; background-color:#DEDEDE; } .package-detail-section .day-box:nth-child(2n + 0) .title:before{ color:#8A8A8A; } .package-detail-section .day-box:last-child .day-text:before{ display:none; } .package-detail-section .gallery-box{ position:relative; padding:30px 0px 35px; border-bottom:1px dashed #CBCBCB; } .package-detail-section .gallery-box h5{ margin-bottom:30px; } .package-detail-section .gallery-box .image{ position:relative; border-radius:10px; overflow:hidden; } .package-detail-section .gallery-box .owl-dots{ display:none; } .package-detail-section .gallery-box .owl-nav{ position:absolute; top:50%; left:20px; right:20px; margin-top:-25px; } .package-detail-section .gallery-box .owl-nav .owl-prev{ position:absolute; left:0px; width:50px; height:50px; line-height:50px; text-align:center; font-size:26px; color:#000000; border-radius:50px; background-color:rgba(255,255,255,0.40); -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; transition:all 300ms ease; } .package-detail-section .gallery-box .owl-nav .owl-next{ position:absolute; right:0px; width:50px; height:50px; line-height:50px; text-align:center; font-size:26px; color:#000000; border-radius:50px; background-color:rgba(255,255,255,0.40); -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; transition:all 300ms ease; } .package-detail-section .gallery-box .owl-nav .owl-prev:hover, .package-detail-section .gallery-box .owl-nav .owl-next:hover{ background-color:rgba(255,255,255,1); } .package-detail-section .map-box{ position:relative; padding-top:35px; } .package-detail-section .map-box h5{ margin-bottom:35px; } .package-detail-section .map-box iframe{ position:relative; width:100%; height:370px; } .package-detail-section .sidebar-column{ position:relative; } .package-detail-section .sidebar-column .inner-column{ position:relative; padding:40px 30px 1px; border-radius:10px; background-color:#f3f7fa; } .sidebar-widget{ position:relative; margin-bottom:55px; } .sidebar-title{ position:relative; margin-bottom:30px; } .sidebar-title h5{ position:relative; color:#000000; font-weight:700; } .sidebar-title h5:before{ position:absolute; content:''; left:-30px; top:5px; width:3px; height:18px; background-color:#2ec5ce; } .booking-widget{ position:relative; border-radius:8px; padding:35px 22px 15px; background-color:#1db4bc; background-size:cover; } .booking-widget:after{ position:absolute; content:''; left:-30px; top:5px; width:3px; height:18px; background-color:#2ec5ce; } .booking-widget:before{ position:absolute; content:''; left:0px; top:0px; right:0px; bottom:0px; opacity:0.90; border-radius:8px; background-color:#2ec5ce; } .booking-widget h5{ position:relative; color:#ffffff; font-weight:700; margin-bottom:25px; } .booking-widget .booking-form input{ height:60px !important; color:#ffffff !important; border-radius:4px !important; border:1px solid rgba(255,255,255,0.60) !important; background-color:rgba(255,255,255,0.25) !important; } .booking-widget .booking-form .icon{ position:absolute; right:22px; top:20px; z-index:2; font-size:20px; color:#ffffff; } .booking-widget .booking-form input::placeholder, .booking-widget .booking-form textarea::placeholder{ color:#ffffff !important; } .booking-widget .booking-form input:focus::placeholder{ color:#10221B !important; } .booking-widget .booking-form input:focus{ color:#10221B !important; border-color:#ffffff !important; background-color:#ffffff !important; } .booking-widget .booking-form input:focus+.icon{ color: #1db4bc; } .booking-widget .booking-form .send-btn{ position:relative; padding:14px 24px; color:#ffffff !important; border-radius:6px !important; margin-top:10px; border:1px solid rgba(255,255,255,0.85) !important; background-color:rgba(255,255,255,0.05) !important; } .booking-widget .booking-form .send-btn i{ position:relative; font-style:normal; margin-left:5px; top:1px; } .booking-widget .booking-form .send-btn:hover{ color:#10221B !important; border-color:#ffffff !important; background-color:#ffffff !important; } /*quantity spinner*/ .quantity-spinner{ position:relative; display:block; width:120px; } .booking-widget .booking-form .item-quantity{ position:absolute; right:12px; top:11px; } .booking-widget .booking-form .quantity-spinner input{ position:relative; display:block; width:32px; line-height:24px; padding:9px 10px; margin:0px 44px; font-weight:500; height:42px !important; border:0px !important; text-align:center; background:none !important; } .quantity-spinner .minus{ position:absolute; left:0px; top:0px; width:38px; height:38px; line-height:18px; padding:10px 10px; text-align:center; background:none; font-weight:400; color:#ffffff; font-size:14px; border-radius:6px; border:1px solid #DEDEDE; z-index:1; } .quantity-spinner .plus{ position:absolute; right:0px; top:0px; width:38px; height:38px; line-height:18px; padding:10px 10px; text-align:center; background:none; font-weight:400; color:#ffffff; font-size:14px; border-radius:6px; border:1px solid #DEDEDE; z-index:1; } /* Follow Widget */ .follow-widget .social-list{ position:relative; } .follow-widget .social-list li{ position:relative; padding:25px 25px; border-radius:6px; margin-bottom:15px; color:#505050; font-size:14px; font-weight:500; background-color:#ffffff; } .follow-widget .social-list li .icon{ position:relative; width:46px; height:46px; color:#ffffff; border-radius:6px; line-height:46px; font-size:20px; display:inline-block; margin-right:25px; background-color:#0643d1; } .follow-widget .social-list li strong{ position:relative; font-weight:600; font-size:18px; color:#10221B; margin-right:25px; } .follow-widget .social-list li.twitter .icon{ background-color:#0e8fe5; } .follow-widget .social-list li.youtube .icon{ background-color:#f10000; } .follow-widget .social-list li.linkedin .icon{ background-color:#00669f; } .follow-widget .social-list li:last-child{ margin-bottom:0px; } /* Sidebar Category List */ .sidebar-category-list{ position:relative; } .sidebar-category-list li{ position:relative; z-index:1; padding:37px 25px; border-radius:6px; overflow:hidden; color:#ffffff; font-size:18px; font-weight:600; background-size:cover; margin-bottom:15px; } .sidebar-category-list li:before{ position:absolute; content:''; left:0px; top:0px; right:0px; bottom:0px; opacity:0.60; background-color:#1D1D1D; } .sidebar-category-list li .txt{ position: relative; z-index: 2; } .sidebar-category-list li .number{ position:absolute; right:30px; top:27px; width:44px; height:44px; color:#ffffff; line-height:44px; text-align:center; border-radius:50px; display:inline-block; background-color:#1dc5ce; z-index: 2; } .sidebar-category-list li:last-child{ margin-bottom:0px; } /* Buy Treker Widget */ .buy-treker-widget .widget-content{ position:relative; text-align:center; border-radius:6px; overflow:hidden; padding:50px 15px 35px; background-size:cover; } .buy-treker-widget .logo{ position:relative; } .buy-treker-widget .widget-content:before{ position:absolute; content:''; left:0px; top:0px; right:0px; bottom:0px; background:url(../images/background/pattern-layer.png) no-repeat; background-size:cover; } .buy-treker-widget .text{ position:relative; color:#ffffff; line-height:35px; font-size:20px; font-family: 'Prata', serif; margin-top:45px; } .buy-treker-widget .buy-now{ position:relative; color:#ffffff; font-size:16px; font-weight:600; padding:13px 34px; border-radius:3px; border-radius:6px; margin-top:80px; text-transform:uppercase; background-color:#1dc5ce; } .buy-treker-widget .buy-now:hover{ color:#1dc5ce; background-color:#ffffff; } /*** ==================================================================== News Section Two ==================================================================== ***/ .news-section-two{ position: relative; padding: 120px 0px 110px; background: #F3F7FA; background: -webkit-linear-gradient(to bottom, #F3F7FA 0%, #ffffff 100%); background: -moz-linear-gradient(to bottom, #F3F7FA 0%, #ffffff 100%); background: linear-gradient(to bottom, #F3F7FA 0%, #ffffff 100%); } .news-section-two.tours-page .title-box{ max-width: 880px; } .news-section-two .floated-icon{ position: absolute; } .news-section-two .floated-icon.left{ left: 42px; top: 150px; } .news-section-two .floated-icon.right{ right: 25px; bottom: 115px; } .news-section-two .content-box{ position:relative; } .news-section-two .owl-theme .owl-nav{ display: none; } .news-section-two .owl-theme .owl-dots{ position: relative; text-align: center; padding-top: 30px; } .news-section-two .owl-theme .owl-dots .owl-dot{ position: relative; display: inline-block; margin: 0 3px; } .news-section-two .owl-theme .owl-dots .owl-dot span{ position: relative; display: block; width: 28px; height: 7px; background: none; border: 1px solid #1dc5ce; margin: 0 2.5px; border-radius: 5px; } .news-section-two .owl-theme .owl-dots .owl-dot.active span{ width: 42px; border-color: #1dc5ce; background: #1dc5ce; } .news-section-two .trek-block-one .inner-box{ background-color:#f3f7fa; } .news-section-two .trek-block-one .info{ box-shadow:0px 5px 10px rgba(0,0,0,0.10); } /* Package Info Box Two */ .package-info-box-two{ position:relative; margin-top:15px; padding:32px 50px; border-radius:6px; margin-bottom:30px; background-color:#f3f7fa; } .package-info-block-two{ position: relative; } .package-info-block-two .inner-box{ position:relative; padding-left:50px; color:#505050; } .package-info-block-two .inner-box:before{ position:absolute; content:''; right:-35px; top:8px; width:1px; height:20px; background-color:#DEDEDE; } .package-info-block-two:last-child .inner-box:before{ display:none; } .package-info-block-two .inner-box .icon{ position:absolute; left:0px; top:0px; color:#d3f0f4; } .package-info-box.style-two .package-info-block .inner-box:before{ right:-40px; } .package-info-box.style-two .package-info-block .inner-box{ padding-left:85px; } /* Facility Box Two */ .facility-box-two{ position:relative; color:#505050; font-size:16px; text-align:center; border-radius:10px; margin-bottom:30px; padding:28px 15px 25px; background-color:#f3f7fa; } .facility-box-two .icon{ position:relative; display:block; margin-bottom:15px; } .faq-one .accordion-box{ position: relative; border: 1px solid #DEDEDE; background: #ffffff; border-radius: 8px; margin: 0; } .faq-one .accordion-box ::marker{ display: none; } .faq-one .accordion-box .block{ position: relative; list-style: none; display: block; border-bottom: 1px solid #DEDEDE; } .faq-one .accordion-box .block:last-child{ border-bottom: none; } .faq-one .accordion-box .block.active-block{ } .faq-one .accordion-box .block .acc-btn{ position:relative; top: 0; width: 100%; font-size:20px; line-height:30px; font-weight:600; color: #101010; cursor:pointer; padding:30px 90px 30px 30px; } .faq-one .accordion-box .block.active-block .acc-btn{ } .faq-one .accordion-box .block .acc-btn i{ position: absolute; right: 30px; top: 50%; margin-top: -14px; height: 28px; width: 28px; text-align: center; background: #1DC5CE; color: #ffffff; font-size: 16px; line-height: 30px; border-radius: 50%; cursor:pointer; -webkit-transition:all 400ms ease; -moz-transition:all 400ms ease; -ms-transition:all 400ms ease; -o-transition:all 400ms ease; transition:all 400ms ease; } .faq-one .accordion-box .block .acc-btn.active i{ background: #8A8A8A; transform: rotate(180deg); } .faq-one .accordion-box .block .acc-content{ position:relative; width: 100%; display: none; } .faq-one .accordion-box .active-block .acc-content{ display:block; } .faq-one .accordion-box .block .content{ position:relative; padding: 0 30px 30px 30px; } .faq-one .accordion-box .block .content .text{ display: block; line-height: 1.70em; margin: 0; font-size: 16px; } .faq-one .image-col{ position: relative; margin-bottom: 30px; } .faq-one .image-col .inner{ position: relative; display: block; } .faq-one.style-two .accordion-box .block.active-block .acc-btn{ border-bottom:1px solid #DEDEDE; } .faq-one.style-two .accordion-box .block.active-block{ border-bottom:0px; } .faq-one.style-two .accordion-box .block .content{ padding:35px 30px 30px; } .faq-one.style-three{ padding-top:100px; padding-bottom:90px; } .faq-one .accordion-box .block .bold-text{ position:relative; color:#10221B; font-size:16px; font-weight:600; margin-bottom:18px; } .faq-one .faq-gallery{ position:relative; margin-top:35px; padding-bottom:40px; margin-bottom:40px; border-bottom:1px dashed #DEDEDE; } .faq-one .faq-gallery .image{ position:relative; border-radius:10px; overflow:hidden; } .faq-one .faq-gallery .image img{ position:relative; width:100%; display:block; } .faq-one .map-boxed{ position:relative; display:block; border-radius:6px; text-align:center; padding:40px 0px; border:2px solid #1DC5CE; } .faq-one .map-boxed .icon{ position:relative; color:#1DC5CE; font-size:54px; line-height:1em; } .faq-one .map-boxed h6{ position:relative; display:block; color:#1DC5CE; font-weight:500; margin-top:30px; line-height:28px; margin-bottom:0px; } /* Faq Tabs */ .faq-tabs{ position:relative; } .faq-tabs .tab-btns{ position:relative; margin-bottom:25px; } .faq-tabs .tab-btns .tab-btn{ position:relative; display:block; float:left; font-weight:500; margin-right:25px; font-size:16px; color:#505050; text-transform:capitalize; font-weight:500; line-height:24px; cursor:pointer; padding-bottom:15px; transition:all 500ms ease; } .faq-tabs .tab-btns .tab-btn:hover, .faq-tabs .tab-btns .tab-btn.active-btn{ } .faq-tabs .tab-btns .tab-btn:before{ position:absolute; content:''; left:0px; bottom:0px; width:0%; height:2px; background-color:#1DC5CE; -webkit-transition:all 400ms ease; -moz-transition:all 400ms ease; -ms-transition:all 400ms ease; -o-transition:all 400ms ease; transition:all 400ms ease; } .faq-tabs .tab-btns .tab-btn:hover::before, .faq-tabs .tab-btns .tab-btn.active-btn::before{ width:70%; } .faq-tabs .tabs-content{ position:relative; } .faq-tabs .tabs-content .tab{ position:relative; display:none; } .faq-tabs .tabs-content .tab.active-tab{ display:block; } .faq-tabs .hotel-info{ position:relative; min-height:116px; padding-left:145px; padding-top:15px; margin-top:30px; } .faq-tabs .hotel-info .hotel-image{ position:absolute; left:0px; top:0px; width:116px; overflow:hidden; border-radius:10px; } .faq-tabs .hotel-info .hotel-name{ position:relative; font-weight:600; color:#505050; line-height:28px; margin-bottom:15px; text-transform:uppercase; } .faq-tabs .hotel-info .list{ position:relative; } .faq-tabs .hotel-info .list li{ position:relative; margin-right:40px; font-size:14px; color:#1DC5CE; display:inline-block; } .faq-tabs .hotel-info .list li span{ position:relative; display:block; color:#8A8A8A; font-weight:500; } /* Activity Block Two */ .activity-block-two{ position: relative; margin-bottom: 30px; } .activity-block-two .inner-box{ position: relative; display: block; padding: 0 0; border-radius: 8px; background: #f9fcff; } .activity-block-two .image-box{ position: relative; } .activity-block-two .price{ position: absolute; right: 20px; top: 30px; line-height: 20px; padding: 12px 10px 8px; border:2px solid #1DC5CE; color: #1DC5CE; font-size: 20px; font-weight: 600; border-radius: 5px; } .activity-block-two .image-box .image{ position: relative; background: #101010; border-radius: 8px 8px 0 0; overflow: hidden; } .activity-block-two .image-box .image img{ position: relative; width: 100%; border-radius: 8px 8px 0 0; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .activity-block-two .inner-box:hover .image img{ opacity: 0.75; } .activity-block-two .lower-content{ position: relative; display: block; padding: 30px 20px 20px; border: 1px solid #E8E8E8; border-top: none; border-radius: 0 0 8px 8px; } .activity-block-two h4{ position: relative; font-weight: 700; color: #10221B; margin-bottom: 20px; } .activity-block-two h4 a{ color: #10221B; } .activity-block-two h4 a:hover{ color: #1DC5CE; } .activity-block-two .ratings{ position: relative; line-height: 20px; } .activity-block-two .ratings .stars{ position: relative; float: left; } .activity-block-two .ratings .stars i{ position: relative; display: inline-block; vertical-align: top; margin-right: 3px; color: #FC8F00; } .activity-block-two .ratings .stars i.empty{ color: #BFBFBF; } .activity-block-two .ratings .rev{ position: relative; float: left; font-weight: 500; font-size: 14px; margin-left: 10px; } .activity-block-two .ratings .rev a{ color: #505050; } .activity-block-two .ratings .rev a:hover{ color: #1DC5CE; } .activity-block-two .lower-content .text{ position: relative; padding-top: 20px; line-height:28px; } .activity-block-two .bottom-box{ position:relative; padding-top:18px; margin-top:20px; border-top:1px dashed #CFCFCF; } .activity-block-two .bottom-box li{ position:relative; color:#505050; font-size:14px; line-height:1em; font-weight:500; margin-right:15px; padding-right:15px; display:inline-block; border-right:1px solid #7D7D7D; } .activity-block-two .bottom-box li .icon{ position:relative; margin-right:5px; } .activity-block-two .bottom-box li:last-child{ margin-right:0px; padding-right:0px; } /*Search Box Widget*/ .sidebar-column .search-box .form-group{ position:relative; margin:0px; } .sidebar-column .search-box .form-group input[type="text"], .sidebar-column .search-box .form-group input[type="search"]{ position:relative; line-height:43px; padding:10px 50px 10px 25px; border:1px solid #DCDCDC; background-color:#ffffff; display:block; font-size:16px; width:100%; height:58px; color:#8A8A8A; border-radius:3px; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; } .sidebar-column .search-box .form-group button{ position:absolute; right:0px; top:0px; height:56px; width:60px; display:block; font-size:22px; color:#707070; cursor:pointer; line-height:100%; font-weight:normal; background:none; } .sidebar-column .search-box .form-group input[type="text"]:focus, .sidebar-column .search-box .form-group input[type="search"]:focus{ } /* Post Widget */ .popular-posts .post{ position:relative; min-height:85px; margin-bottom:20px; padding-left:110px; padding-bottom:20px; border-bottom:1px dashed #C7C7C7; } .popular-posts .post:last-child{ margin-bottom: 0; border-bottom:0px; min-height:auto; } .popular-posts .post .post-thumb{ position:absolute; left:0px; top:0px; width:96px; border-radius:5px; overflow:hidden; } .popular-posts .post .post-thumb .overlay-box{ position: absolute; content: ''; left: 0px; top: 0px; width: 100%; height: 100%; display: block; color: #ffffff; font-size: 18px; opacity: 0; text-align: center; transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; background-color: rgba(0,0,0,0.30); } .popular-posts .post .post-thumb .overlay-box .fa{ top: 50%; position: relative; margin-top: -12px; display: block; } .popular-posts .post:hover .post-thumb .overlay-box{ opacity:1; } .popular-posts .post .post-thumb img{ display:block; width:100%; transition:all 0.3s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; } .popular-posts .post .text{ position:relative; top:0px; font-size:16px; margin:0px 0px 0px; font-weight:500; color:#505050; line-height:28px; text-transform:capitalize; } .popular-posts .post .text a{ color:#505050; transition:all 0.3s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; } .popular-posts .post a:hover{ color:#1dc5ce; } .popular-posts .post-info{ position:relative; font-size:15px; color:#7D7D7D; font-weight:400; margin-top:5px; padding-left:20px; } .popular-posts .post-info:before{ position:absolute; content:''; left:0px; top:8px; width:7px; height:7px; background-color:#39ccd4; } /*** ==================================================================== Sidebar Page Container ==================================================================== ***/ .sidebar-page-container{ position:relative; padding:100px 0px 70px; } .sidebar-page-container .content-side, .sidebar-page-container .sidebar-side{ margin-bottom:40px; } .sidebar-page-container .blog-grid .news-block-one:nth-child(2n + 0) .lower-content{ margin-top:0px; margin-bottom:30px; } .sidebar-page-container .sidebar-column .inner-column{ position:relative; padding: 40px 30px 1px; border-radius: 10px; background-color: #f3f7fa; } /*** ==================================================================== Styled Pagination ==================================================================== ***/ .sidebar-page-container .blog-grid .styled-pagination{ margin-top:40px; } .sidebar-page-container .blog-classic .styled-pagination{ margin-top:55px; } .styled-pagination{ position:relative; } .styled-pagination li{ position:relative; float:left; margin-right:15px; margin-bottom: 10px; } .styled-pagination li a{ position:relative; display:inline-block; line-height:40px; height:42px; width:42px; min-width:42px; font-size:16px; font-weight:400; border-radius:4px; text-align:center; color:#505050; text-transform:capitalize; transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; -moz-transition:all 500ms ease; border:1px solid #DEDEDE; } .styled-pagination li.prev a, .styled-pagination li.next a{ width:auto; border:0px; font-weight:600; padding-top: 2px; font-size:18px; color:rgba(16,34,27,0.60); text-transform:uppercase; } .styled-pagination li a:hover, .styled-pagination li a.active{ color:#ffffff; border-color:#1dc5ce; background-color:#1dc5ce; } .styled-pagination li.prev a:hover, .styled-pagination li.next a:hover{ background:none; color:#1dc5ce; } /* News Block Two */ .news-block-two{ position: relative; margin-bottom: 30px; padding-bottom:30px; border-bottom:1px dashed #CBCBCB; } .news-block-two .inner-box{ position: relative; display: block; min-height: 100%; } .news-block-two .image-box{ position: relative; } .news-block-two .image-box .image{ position: relative; background: #101010; border-radius: 10px; overflow: hidden; } .news-block-two .image-box .image img{ position: relative; width: 100%; border-radius: 10px; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .news-block-two .inner-box:hover .image img{ opacity: 0.75; } .news-block-two .lower-content{ position: relative; display: block; margin-top: 30px; } .news-block-two .info{ position: relative; line-height: 24px; font-size: 15px; font-weight: 400; color: #7D7D7D; margin-bottom: 15px; } .news-block-two .info .icon{ position: relative; padding-right: 5px; } .news-block-two .category{ position:relative; padding-left:22px; } .news-block-two .category:before{ position:absolute; content:''; left:0px; top:8px; width:7px; height:7px; background-color:#1DC5CE; } .news-block-two h4{ position: relative; font-weight: 700; text-transform: uppercase; color: #10221B; line-height: 1.35em; margin-top: 15px; margin-bottom:0px; } .news-block-two h4 a{ color: #10221B; } .news-block-two h4 a:hover{ color: #1DC5CE; } .news-block-two .lower-content .text{ position: relative; line-height:28px; color:#2E2E2E; padding-right: 10px; margin-bottom:30px; } .news-block-two .inner-box .overlay-box{ position:absolute; left:30px; bottom:30px; right:30px; z-index:1; padding:30px 30px; border-radius:8px; background-color:#ffffff; } .news-block-two .inner-box .read-more{ position:relative; color:#1DC5CE; padding:13px 25px; border-radius:4px; font-size:16px; border:2px solid #1DC5CE; display:inline-block; } .news-block-two .inner-box .read-more .fa{ position:relative; margin-left:5px; top:1px; } .news-block-two .inner-box .read-more:hover{ color:#ffffff; border-color:#1DC5CE; background-color:#1DC5CE; } .news-detail{ position:relative; } .news-detail .inner-box{ position:relative; } .news-detail .inner-box .image{ position:relative; border-radius:10px; overflow:hidden; } .news-detail .inner-box .image img{ position:relative; width:100%; display:block; } .news-detail .lower-content{ position:relative; padding-top:30px; } .news-detail .lower-content .info{ position: relative; line-height: 24px; font-size: 15px; font-weight: 400; color: #7D7D7D; margin-bottom: 15px; } .news-block-two .info .icon{ position: relative; padding-right: 5px; } .news-detail .lower-content h4{ color:#10221B; font-weight:700; text-transform:uppercase; } .news-detail .lower-content p{ position:relative; color:#505050; line-height:28px; margin-bottom:20px; } .news-detail .lower-content .feature-list{ position:relative; margin-bottom:25px; } .news-detail .lower-content .feature-list li{ position:relative; padding-left:32px; color:#2E2E2E; font-size:16px; margin-bottom:15px; } .news-detail .lower-content .feature-list li:before{ position:absolute; content:''; left:0px; top:3px; width:20px; height:20px; background:url(../images/icons/check-icon.png); } .news-detail .lower-content .feature-list li:last-child{ margin-bottom:0px; } .news-detail .lower-content .gallery-box{ position:relative; margin-top:30px; } .news-detail .lower-content .gallery-box .column{ margin-bottom: 30px; } .news-detail .lower-content blockquote{ position:relative; font-style:italic; font-size:18px; font-weight:600; line-height:35px; border-radius:10px; margin-bottom:30px; background-color:#f3f7fa; padding:25px 30px 22px 35px; } .news-detail .lower-content blockquote span{ position:relative; display:block; padding-left:20px; font-size:14px; font-weight:500; color:#505050; font-style:normal; margin-top:10px; text-transform:uppercase; } .news-detail .lower-content blockquote span:before{ position:absolute; content:''; left:0px; top:12px; width:7px; height:7px; background-color:#1dc5ce; } .news-detail .lower-content blockquote .quote-icon{ position:absolute; right:50px; top:35px; } .news-detail .post-share-options{ position:relative; padding-top:20px; padding-bottom:30px; border-bottom:1px dashed #C7C7C7; } .news-detail .post-share-options .tags{ position:relative; } .news-detail .post-share-options .tags .tag{ position:relative; font-weight:500; font-size:18px; margin-right:15px; } .news-detail .post-share-options .tags a{ position:relative; color:#505050; font-size:14px; font-weight:500; padding:6px 14px; border-radius:4px; margin-right:10px; border:1px solid #1dc5ce; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .news-detail .post-share-options .tags a:hover{ background-color:#1dc5ce; color:#ffffff; } /* Author Box */ .blog-author-box{ position:relative; overflow:hidden; margin-top:30px; margin-bottom:40px; padding: 40px 50px 40px; background-color:#f3f7fa; } .blog-author-box .author-inner{ position:relative; padding-top:10px; padding-left: 150px; } .blog-author-box .thumb{ position:absolute; left:0px; top:0px; width: 120px; overflow: hidden; border-radius:50%; } .blog-author-box .thumb img{ display: block; width: 100%; height: auto; } .blog-author-box .name{ display: block; font-weight:600; font-size:18px; color: #10221B; } .blog-author-box .text{ color:#505050; margin-top: 15px; margin-bottom: 15px; } .blog-author-box .social-icons{ position: absolute; right:0px; top:5px; } .blog-author-box .social-icons li{ position:relative; margin-left:3px; display:inline-block; } .blog-author-box .social-icons li a{ position:relative; width:28px; height:28px; font-size:14px; text-align:center; border-radius:50px; display:inline-block; color:rgba(29,197,206,0.40); -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; transition:all 300ms ease; border:1px solid rgba(29,197,206,0.40); } .blog-author-box .social-icons li a:hover{ color:#ffffff; border-color:#1DC5CE; background-color:#1DC5CE; } .news-detail .more-posts{ position:relative; padding-bottom:35px; border-bottom:1px dashed #C7C7C7; } .news-detail .more-posts a{ position:relative; color:#505050; font-size:14px; font-weight:500; padding:12px 24px; border-radius:4px; margin-right:10px; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; border:1px solid rgba(29,197,206,0.50); } .news-detail .more-posts a:hover{ color:#ffffff; border-color:#1DC5CE; background-color:#1DC5CE; } .news-detail .more-posts .grid-icon{ position:absolute; left:50%; top:-5px; color:#1dc5ce; font-size:36px; display:inline-block; transform:translateX(-50%); } .news-detail .carousel-box{ position:relative; padding-top:30px; padding-bottom:35px; border-bottom:1px dashed #C7C7C7; } .news-detail .carousel-box .owl-dots{ display:none; } .news-detail .carousel-box .owl-nav{ position:absolute; right:0px; top:-50px; } .news-detail .carousel-box .owl-nav .owl-prev, .news-detail .carousel-box .owl-nav .owl-next{ color:#1dc5ce; font-size:24px; margin-left:30px; display:inline-block; } .news-detail .carousel-box h5{ display:block; color:#000000; font-weight:700; margin-bottom:25px; text-transform:uppercase; } .news-detail .carousel-box .image-column{ position:relative; } .news-detail .carousel-box .image-column .inner-column{ position:relative; } .news-detail .carousel-box .image-column .image{ position:relative; } .news-detail .carousel-box .image-column .image img{ position:relative; width:100%; display:block; } .news-detail .carousel-box .content-column{ position:relative; } .news-detail .carousel-box .content-column .inner-column{ position:relative; padding:30px 25px; border-radius:10px; border:1px dashed #1dc5ce; min-height: 100%; } .news-detail .carousel-box .info{ position: relative; line-height: 24px; font-size: 15px; font-weight: 400; color: #7D7D7D; margin-bottom: 21px; } .news-detail .carousel-box .info .icon{ position: relative; padding-right: 5px; } .news-detail .carousel-box h4{ position: relative; font-weight: 700; color: #10221B; line-height: 1.35em; margin-bottom: 21px; text-transform: uppercase; } .news-detail .carousel-box h4 a{ color: #10221B; } .news-detail .carousel-box h4 a:hover{ color: #1DC5CE; } .news-detail .carousel-box .text{ position: relative; padding-right: 10px; } /*** ==================================================================== Comments Area ==================================================================== ***/ .sidebar-page-container .comments-area{ position:relative; margin-top:50px; margin-bottom:50px; padding-bottom:30px; border-bottom:1px dashed #C7C7C7; } .sidebar-page-container .group-title{ position:relative; } .sidebar-page-container .group-title h5{ font-weight:700; color:#000000; font-size:20px; margin-bottom:35px; text-transform:uppercase; } .sidebar-page-container .comments-area .comment-box{ position:relative; margin-bottom:40px; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; transition:all 300ms ease; } .sidebar-page-container .comments-area .comment-box:last-child{ border:none; padding:0px; margin-bottom:0px; } .sidebar-page-container .comments-area .comment{ position:relative; font-size:14px; min-height:120px; padding:0px 0px 0px 100px; } .sidebar-page-container .comments-area .reply-comment{ margin-left:100px; } .sidebar-page-container .comments-area .comment-box .author-thumb{ position:absolute; left:0px; top:0px; width:70px; height:70px; border-radius:50%; overflow:hidden; } .sidebar-page-container .comments-area .comment-box .author-thumb img{ width:100%; display:block; } .sidebar-page-container .comments-area .comment-info{ } .sidebar-page-container .comments-area .comment-box strong{ font-size:16px; font-weight:600; color:#10221B; display:block; line-height:1.3em; text-transform:capitalize; font-family: 'Poppins', sans-serif; } .sidebar-page-container .comments-area .comment-box .text{ color:#505050; font-size:16px; line-height:28px; margin-top:20px; margin-bottom:15px; } .sidebar-page-container .comments-area .comment-info .comment-time{ position:absolute; right:0px; top:0px; color:#7D7D7D; display:inline-block; font-size:14px; } .sidebar-page-container .comments-area .comment-box .theme-btn{ position:relative; color:#1DC5CE; font-weight:600; font-size:16px; text-transform:capitalize; } .sidebar-page-container .comments-area .comment-box .theme-btn:hover{ color:#000000; } /*** ==================================================================== Comment Form ==================================================================== ***/ .comment-form .form-group{ margin-bottom:5px; } .comment-form .form-group:last-child{ margin-bottom:0px; } .comment-form .form-group input[type="text"], .comment-form .form-group input[type="password"], .comment-form .form-group input[type="tel"], .comment-form .form-group input[type="email"], .comment-form .form-group select{ position:relative; display:block; width:100%; line-height:28px; padding:15px 0px; color:#505050; height:54px; font-size:16px; border-radius:0px; font-weight:400; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; transition:all 300ms ease; border:none; border-bottom:2px solid rgba(29,197,206,0.30); } .comment-form .form-group input[type="text"]:focus, .comment-form .form-group input[type="password"]:focus, .comment-form .form-group input[type="tel"]:focus, .comment-form .form-group input[type="email"]:focus, .comment-form .form-group select:focus, .comment-form .form-group textarea:focus{ border-color: rgba(29,197,206,0.80); } .comment-form .form-group textarea{ position:relative; display:block; width:100%; line-height:24px; padding:0px 0px 25px; color:#505050; height:140px; font-size:16px; resize:none; font-weight:400; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; transition:all 300ms ease; border:none; border-bottom:2px solid rgba(29,197,206,0.30); } /*** ==================================================================== Terms Section ==================================================================== ***/ .terms-section{ position: relative; padding: 120px 0px 60px; } .terms-section .text-col{ position: relative; } .terms-section .term-block{ position: relative; margin-bottom: 60px; } .terms-section .term-block .inner{ position: relative; display: block; } .terms-section .term-block .title{ position: relative; padding-bottom: 15px; border-bottom: 1px dashed #CBCBCB; margin-bottom: 30px; } .terms-section .term-block .title h5{ position: relative; font-weight: 700; line-height: 1.4em; margin-bottom: 0; } .terms-section .term-block .text{ position: relative; } /*** ==================================================================== FAQs Section ==================================================================== ***/ .faq-two{ position: relative; padding: 120px 0px 60px; } .faq-two .floated-icon{ position: absolute; } .faq-two .floated-icon.left{ left: 100px; top: 240px; } .faq-two .floated-icon.right{ right: 90px; bottom: 230px; } .faq-two .title-box{ max-width: 880px; margin-bottom: 40px; } .faq-two .text-col{ position: relative; } .faq-two .faq-block{ position: relative; margin-bottom: 60px; } .faq-two .faq-block .inner{ position: relative; display: block; } .faq-two .faq-block .title{ position: relative; padding-bottom: 15px; border-bottom: 1px dashed #CBCBCB; margin-bottom: 30px; } .faq-two .faq-block .title h5{ position: relative; font-weight: 700; line-height: 1.4em; margin-bottom: 0; } .faq-two .faq-block .text{ position: relative; } .faq-two .tabs-box{ position: relative; } .faq-two .tabs-box .tab-buttons{ position: relative; text-align: center; margin-bottom: 40px; } .faq-two .tabs-box .tab-buttons .tab-btn{ position: relative; display: inline-block; padding: 15px 25px; min-width: 82px; font-size: 16px; line-height: 28px; font-weight: 500; color: #10221B; background: none; border: 1px solid rgba(0, 0, 0, 0.0); border-radius: 30px 30px; margin: 0 0px 20px; cursor: pointer; } .faq-two .tabs-box .tab-buttons .tab-btn.active-btn{ color: #1DC5CE; border-color: #1DC5CE; } .faq-two .tabs-box .tabs-content{ position: relative; } .faq-two .tabs-box .tabs-content .tab{ position: relative; display: none; } .faq-two .tabs-box .tabs-content .active-tab{ display: block; } /*** ==================================================================== Gallery Section ==================================================================== ***/ .gallery-section{ position: relative; padding: 0px 0px 0px; } .gallery-section .title-box{ margin-bottom: 40px; } .gallery-section .mixitup-gallery .filter-tabs li{ border: 1px solid transparent; line-height: 28px; } .gallery-section .mixitup-gallery .filter-tabs li.active{ border-color: #1DC5CE; color: #1DC5CE; background: none; } .gallery-section .outer-container{ position: relative; padding: 0 20px; } .gallery-section .floated-icon{ position: absolute; right: 100px; top: 70px; } .gallery-section .title-box{ max-width: 900px; } .gallery-section .load-more{ position: relative; text-align: center; margin-top: 40px; } .gallery-block{ position: relative; margin-bottom: 30px; } .owl-theme .gallery-block{ margin-bottom: 0; } .gallery-section .row{ margin: 0 -10px; } .gallery-section .row .gallery-block{ padding: 0 10px; margin-bottom: 20px; } .gallery-block .inner-box{ position: relative; display: block; background: #101010; padding: 0 0; overflow: hidden; } .gallery-block .image-box{ position: relative; text-align: center; } .gallery-block .image-box .image{ position: relative; background: #101010; overflow: hidden; } .gallery-block .inner-box:hover .image-box .image:before{ -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1); -webkit-transform-origin: left center; -ms-transform-origin: left center; transform-origin: left center; } .gallery-block .image-box .image:before{ content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #001111; z-index: 1; transition: all 900ms ease; -moz-transition: all 900ms ease; -webkit-transition: all 900ms ease; -ms-transition: all 900ms ease; -o-transition: all 900ms ease; transition: -webkit-transform 0.4s ease; transition: transform 0.4s ease; transition: transform 0.4s ease, -webkit-transform 0.4s ease; -webkit-transform: scale(0, 1); -ms-transform: scale(0, 1); transform: scale(0, 1); -webkit-transform-origin: right center; -ms-transform-origin: right center; transform-origin: right center; background-position:center center; } .gallery-block .inner-box:hover .image-box .image:before{ opacity: 0.40; } .gallery-block .image-box .image img{ position: relative; width: 100%; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .gallery-block .inner-box:hover .image img{ -webkit-filter: grayscale(100%); -ms-filter: grayscale(100%); -moz-filter: grayscale(100%); } .gallery-block .inner-box:hover .zoom-btn{ top:50%; transition-delay: 300ms; } .gallery-block .zoom-btn{ position: absolute; left: 50%; top: 60%; margin: -40px 0 0 -40px; line-height: 80px; font-size: 24px; font-weight: 400; color: #ffffff; opacity: 0; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; z-index: 5; } .gallery-block .inner-box:hover .zoom-btn{ opacity: 1; } .gallery-block .zoom-btn .icon{ position: relative; display: block; } /*** ==================================================================== 404 Section ==================================================================== ***/ .error-page{ position: relative; height: 100vh; overflow: hidden; } .error-page .not-found{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; padding: 140px 0px 170px; overflow-y: auto; } .error-page .image-layer{ position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center bottom; background-size: contain; } .not-found .auto-container{ max-width: 900px; } .not-found .not-found-inner{ position: relative; display: block; text-align: center; } .not-found .cloud{ position: absolute; } .not-found .cloud-left{ position: absolute; left: 10%; top: 240px; width: 190px; } .not-found .cloud-right{ position: absolute; right: 10%; top: 240px; width: 210px; } .not-found .image-box{ position: relative; margin-bottom: 60px; } .not-found h2{ position: relative; font-weight: 700; margin-bottom: 20px; } .not-found .text{ max-width: 740px; margin: 0 auto; } .not-found .link-box{ position: relative; padding-top: 40px; } /*** ==================================================================== Booking Section ==================================================================== ***/ .booking-section{ position: relative; padding: 120px 0px 120px; } .booking-section .floated-icon{ position: absolute; } .booking-section .floated-icon.left{ left: 100px; top: 100px; } .booking-section .floated-icon.right{ right: 90px; bottom: 120px; } .booking-section .title-box{ max-width: 670px; margin-bottom: 60px; } .booking-section .title-box h2{ text-transform: none; } .booking-section .booking-form{ position: relative; padding: 40px 40px 15px; background: #F3F7FA; } .booking-section .booking-form h6{ margin-bottom: 30px; color: #1DC5CE; font-weight: 600; } .booking-section .booking-form .rates{ position: relative; padding-top: 20px; } .booking-section .booking-form .rates .rate-block{ position: relative; display: inline-block; color: #10221B; font-size: 18px; font-weight: 600; line-height: 30px; vertical-align: top; margin-right: 50px; } .booking-section .booking-form .rates .rate-block .price{ color: #7d7d7d; } /*** ==================================================================== Login Section ==================================================================== ***/ .login-section{ position: relative; padding: 120px 0px; } .login-section .auto-container{ max-width: 720px; } .login-section .login-form{ position: relative; max-width: 570px; margin: 0 auto; padding: 40px 40px 10px; background: #F3F7FA; } .login-section .login-form h5{ text-transform: capitalize; margin-bottom: 35px; font-weight: 700; } .login-section .login-form .remember{ position: relative; float: left; } .login-section .login-form .check-block{ margin-bottom: 0; } .login-section .login-form .forgot-pass{ position: relative; float: right; line-height: 28px; } .login-section .login-form .forgot-pass a{ position: relative; color: #505050; } .login-section .login-form .forgot-pass a:hover{ text-decoration: underline; } .login-section .lower-link{ position: relative; text-align: center; line-height: 1.70em; margin-top: 60px; } .login-section .lower-link a{ color: #1DC5CE; text-decoration: underline; } /*** ==================================================================== Signup Section ==================================================================== ***/ .signup-section{ position: relative; padding: 120px 0px; } .signup-section .auto-container{ max-width: 720px; } .signup-section .signup-form{ position: relative; max-width: 570px; margin: 0 auto; padding: 40px 40px 10px; background: #F3F7FA; } .signup-section .signup-form h5{ text-transform: capitalize; margin-bottom: 35px; font-weight: 700; } .signup-section .lower-link{ position: relative; text-align: center; line-height: 1.70em; margin-top: 60px; } .signup-section .lower-link a{ color: #1DC5CE; text-decoration: underline; } /*** ==================================================================== Reset Password Section ==================================================================== ***/ .reset-section{ position: relative; padding: 120px 0px; } .reset-section .auto-container{ max-width: 720px; } .reset-section .reset-form{ position: relative; max-width: 570px; margin: 0 auto; padding: 40px 40px 10px; background: #F3F7FA; } .reset-section .reset-form h5{ text-transform: capitalize; margin-bottom: 35px; font-weight: 700; } .reset-section .lower-link{ position: relative; text-align: center; line-height: 1.70em; margin-top: 60px; } .reset-section .lower-link a{ color: #1DC5CE; text-decoration: underline; } .reset-section .invalid-alert{ position: relative; display: block; font-weight: 500; color: #1DC5CE; padding: 15px 20px; line-height: 24px; background: #D3F0F4; } .reset-section .invalid-alert i{ font-size: 18px; padding-right: 15px; } /*** ==================================================================== Contact Section ==================================================================== ***/ .contact-section{ position: relative; padding: 120px 0px 0px; } .contact-section .floated-icon{ position: absolute; } .contact-section .floated-icon.right{ right: 70px; top: 120px; } .contact-section .floated-icon.right-2{ right: 90px; bottom: 250px; } .contact-section .title-box{ max-width: 670px; margin-bottom: 60px; } .contact-section .title-box h2{ text-transform: none; } .contact-section .contact-form{ position: relative; padding: 40px 40px 15px; background: #F3F7FA; } .contact-section .info-section{ position: relative; margin-bottom: 90px; } .info-section .info-block{ position: relative; margin-bottom: 30px; } .info-section .info-block .inner-box{ position: relative; display: block; text-align: center; padding: 30px 30px; background: #ffffff; border: 1px dashed #1DC5CE; min-height: 100%; border-radius: 8px; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .info-section .info-block .inner-box:hover{ box-shadow: 0 12px 30px 0 rgba(29, 197, 206, 0.20); } .info-section .info-block .map-icon{ position: relative; margin-bottom: 30px; } .info-section .info-block h5{ position: relative; font-size: 22px; font-weight: 700; margin-bottom: 20px; } .info-section .info-block .address{ position: relative; margin-bottom: 20px; } .info-section .info-block .phone{ position: relative; font-size: 16px; font-weight: 500; color: #1DC5CE; line-height: 24px; } .info-section .info-block .phone a{ color: #1DC5CE; text-decoration: underline; } /*** ==================================================================== Find Us Section ==================================================================== ***/ .find-us{ position: relative; padding: 120px 0px 100px; } .find-us .title-box{ max-width: 670px; margin-bottom: 80px; } .find-us .title-box h2{ text-transform: none; } .find-us .floated-icon.left{ position: absolute; left: 10%; top: 150px; } .find-us .floated-icon.right{ position: absolute; right: 80px; bottom: 110px; } .find-us .text-col{ position: relative; margin-bottom: 30px; } .find-us .text-col .inner{ position: relative; display: block; } .find-us .accordion-box{ position: relative; border: 1px solid #DEDEDE; background: #ffffff; border-radius: 8px; margin: 0; } .find-us .accordion-box ::marker{ display: none; } .find-us .accordion-box .block{ position: relative; list-style: none; display: block; border-bottom: 1px solid #DEDEDE; } .find-us .accordion-box .block:last-child{ border-bottom: none; } .find-us .accordion-box .block.active-block{ } .find-us .accordion-box .block .acc-btn{ position:relative; top: 0; width: 100%; font-size:20px; line-height:30px; font-weight:600; color: #101010; cursor:pointer; padding:30px 90px 30px 30px; } .find-us .accordion-box .block.active-block .acc-btn{ } .find-us .accordion-box .block .acc-btn i{ position: absolute; right: 30px; top: 50%; margin-top: -14px; height: 28px; width: 28px; text-align: center; background: #1DC5CE; color: #ffffff; font-size: 16px; line-height: 30px; border-radius: 50%; cursor:pointer; -webkit-transition:all 400ms ease; -moz-transition:all 400ms ease; -ms-transition:all 400ms ease; -o-transition:all 400ms ease; transition:all 400ms ease; } .find-us .accordion-box .block .acc-btn.active i{ background: #8A8A8A; transform: rotate(180deg); } .find-us .accordion-box .block .acc-content{ position:relative; width: 100%; display: none; } .find-us .accordion-box .active-block .acc-content{ display:block; } .find-us .accordion-box .block .content{ position:relative; padding: 0 30px 30px 30px; } .find-us .accordion-box .block .content .text{ display: block; line-height: 1.70em; margin: 0; font-size: 16px; } .find-us .map-col{ position: relative; margin-bottom: 30px; } .find-us .map-col .inner{ position: relative; display: block; padding-top: 90px; } .find-us .map-col .map{ position: relative; display: block; } .find-us .map-col .map .map-image{ position: relative; display: block; } .find-us .map-col .map .map-image svg{ position: relative; display: block; width: 100%; } .find-us .map-col .map .loc-point{ position: absolute; width: 50px; height: 60px; z-index: 1; } .find-us .map-col .map .loc-point:hover{ z-index: 2; } .find-us .map-col .map .loc-1{ left: 16%; top: 0%; } .find-us .map-col .map .loc-2{ left: 16%; top: 40%; } .find-us .map-col .map .loc-3{ left: 52%; top: 40%; } .find-us .map-col .map .loc-4{ left: 80%; top: 5%; } .find-us .map-col .map .loc-point .loc-icon{ position: absolute; width: 44px; height: 60px; } .find-us .map-col .map .loc-point .loc-icon img{ position: relative; -webkit-transition:all 400ms ease; -moz-transition:all 400ms ease; -ms-transition:all 400ms ease; -o-transition:all 400ms ease; transition:all 400ms ease; -webkit-filter: grayscale(100%); -ms-filter: grayscale(100%); -moz-filter: grayscale(100%); } .find-us .map-col .map .loc-point:hover .loc-icon img{ -webkit-filter: grayscale(0%); -ms-filter: grayscale(0%); -moz-filter: grayscale(0%); } .find-us .map-col .map .loc-point .loc-popup{ position: absolute; left: 50%; margin-left: -95px; top: 100%; width: 200px; padding: 20px 16px; font-size: 14px; color: #505050; line-height: 25px; background: #ffffff; box-shadow: 0 3px 20px 0 rgba(0, 0, 0, 0.16); opacity: 0; visibility: hidden; -webkit-transition:all 400ms ease; -moz-transition:all 400ms ease; -ms-transition:all 400ms ease; -o-transition:all 400ms ease; transition:all 400ms ease; } .find-us .map-col .map .loc-point:hover .loc-popup{ opacity: 1; visibility: visible; } .find-us .map-col .map .loc-point .text{ font-size: 14px; } .find-us .map-col .map .loc-point .link{ position: relative; font-weight: 500; } .find-us .map-col .map .loc-point .link a{ color: #1DC5CE; text-decoration: underline; } .map-section{ position: relative; } .map-section .map-box{ position: relative; display: block; width: 100%; height: 500px; background: #f0f0f0; } .map-section .map-box iframe, .map-section .map-box .map-frame { position: absolute; left: 0; top: 0; height: 100%; width: 100%; border: none; outline: none; } /** product-details **/ .product-details{ position: relative; padding: 120px 0px 60px 0px; } .product-details .basic-details{ position: relative; padding-bottom: 20px; border-bottom: 1px dashed #CBCBCB; margin-bottom: 55px; } .product-details .basic-details .image-column{ position: relative; margin-bottom: 40px; } .product-details .basic-details .image-column .inner{ position: relative; display: block; } .product-details .basic-details .carousel-box{ position: relative; padding-left: 100px; } .product-details .basic-details .carousel-box .slider-box{ position: relative; } .product-details .basic-details .carousel-box .slider-box .slide-block .image{ position: relative; display: block; } .product-details .basic-details .carousel-box .slider-box .slide-block .image img{ display: block; width: 100%; } .product-details .basic-details .carousel-box .slider-box .slide-block .zoom-btn{ position: absolute; right: 10px; top: 10px; width: 40px; height: 40px; text-align: center; line-height: 40px; } .product-details .basic-details .carousel-box .slider-box .bx-controls{ position: absolute; left: 0; top: 50%; width: 100%; height: 0; max-width: 100%; } .product-details .basic-details .carousel-box .slider-box .bx-controls .bx-prev{ position: absolute; left: 15px; top: 0; width: 38px; height: 38px; line-height: 38px; font-size: 20px; color: #505050; background: #ffffff; text-align: center; border-radius: 50%; } .product-details .basic-details .carousel-box .slider-box .bx-controls .bx-next{ position: absolute; right: 15px; top: 0; width: 38px; height: 38px; line-height: 38px; font-size: 20px; color: #505050; background: #ffffff; text-align: center; border-radius: 50%; } .product-details .basic-details .carousel-box .pagers-box{ position: absolute; left: 0; top: 0; width: 70px; } .product-details .basic-details .carousel-box .pagers-box .pager-item{ position: relative; display: block; width: 70px; height: 70px; margin-bottom: 15px; } .product-details .basic-details .carousel-box .pagers-box .pager-item img{ display: block; width: 70px; height: 70px; } .product-details .basic-details .carousel-box .pagers-box .pager-item.active img{ -webkit-filter: grayscale(100%); } .product-details .content-column{ position: relative; margin-bottom: 40px; } .product-details .product-details-content{ position: relative; } .product-details .product-details-content .avail{ position: relative; margin-bottom: 15px; } .product-details .product-details-content .avail span{ position: relative; display: inline-block; padding: 5px 14px; line-height: 20px; font-size: 14px; font-weight: 500; color: #ffffff; background: #1DC5CE; border-radius: 15px; } .product-details .product-details-content h4{ position: relative; display: block; font-weight: 700; text-transform: capitalize; margin-bottom: 25px; } .product-details .product-details-content .rating-box{ position: relative; font-size: 15px; color: #FC8F00; line-height: 24px; display: inline-block; vertical-align: top; } .product-details .product-details-content .rating-box li{ position: relative; display: inline-block; float: left; line-height: 24px; color: #FC8F00; font-size: 15px; margin-right: 4px; } .product-details .product-details-content .rating-box li .empty{ color: #BFBFBF; } .product-details .product-details-content .rating-box li:last-child{ margin-right: 0px; } .product-details .product-details-content .reviews{ position: relative; display: inline-block; font-size: 14px; color: #505050; line-height: 24px; vertical-align: top; margin-left: 10px; } .product-details .product-details-content .reviews a{ position: relative; font-size: 14px; color: #505050; font-weight: 500; line-height: 24px; } .product-details .product-details-content .item-price{ position: relative; display: block; margin: 15px 0px 25px 0px; } .product-details .product-details-content .item-price span{ position: relative; font-size: 24px; color: #1DC5CE; line-height: 30px; font-weight: 700; } .product-details .product-details-content .text{ position: relative; display: block; padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px dashed #CBCBCB; } .product-details .basic-details .color-range{ position: relative; margin-bottom: 28px; } .product-details .basic-details .color-range .c-title{ position: relative; float: left; font-size: 16px; font-weight: 500; color: #10221B; } .product-details .basic-details .color-range .colors{ position: relative; float: left; margin-top: 7px; margin-left: 15px; } .product-details .basic-details .color-range .clr{ position: relative; float: left; width: 16px; height: 16px; background: none; margin-right: 10px; border-radius: 50%; cursor: pointer; -webkit-transition:all 400ms ease; -moz-transition:all 400ms ease; -ms-transition:all 400ms ease; -o-transition:all 400ms ease; transition:all 400ms ease; } .product-details .basic-details .color-range .clr:before{ content: ''; position: absolute; left: -3px; top: -3px; right: -3px; bottom: -3px; border: 1px solid #8F1818; border-radius: 50%; opacity: 0; } .product-details .basic-details .color-range .clr:hover, .product-details .basic-details .color-range .clr:active, .product-details .basic-details .color-range .clr:focus{ transform: scale(1.2); } .product-details .basic-details .color-range .clr-one{ background: #8F1818; } .product-details .basic-details .color-range .clr-two{ background: #A45A3F; } .product-details .basic-details .color-range .clr-three{ background: #F7A56F; } .product-details .basic-details .color-range .clr-four{ background: #CBB487; } .cart-section .quantity-box{ position: relative; display: inline-block; min-width: 140px; margin: 0 auto; } .quantity-box .item-quantity{ position: relative; display: inline-block; max-width: 140px; width: 100%; float: left; padding: 0px 45px; } .quantity-box .item-quantity .input-group{ position: relative; display: table; border-collapse: separate; max-width: 144px; width: 100%; height: 50px; } .quantity-box .item-quantity input.qty-spinner { line-height: 44px; height: 44px; width: 50px !important; padding: 0px !important; box-shadow: none !important; border: none; text-align: center; font-size: 18px; font-weight: 500; color: #1e1e2a; border: none; border-radius: 0; } .quantity-box .item-quantity input.qty-spinner:focus{ background: none; } .quantity-box .bootstrap-touchspin .input-group-btn-vertical > .btn.bootstrap-touchspin-down{ position: absolute; height: 44px; width: 44px; background: #F5F7F7; padding: 6px 0px !important; line-height: 30px; left: -40px; top: -44px; border: 1px solid #DEDEDE; border-radius: 5px 5px 5px 5px; } .quantity-box .bootstrap-touchspin .input-group-btn-vertical > .btn.bootstrap-touchspin-up{ position: absolute; height: 44px; width: 40px; background: #F5F7F7; padding: 6px 0px !important; line-height: 30px; right: -40px; top: -44px; border: 1px solid #DEDEDE; border-radius: 5px 5px 5px 5px; margin-top: 0px; } .quantity-box .bootstrap-touchspin .glyphicon-chevron-up:before { content: "\f067"; font-size: 16px; font-style: normal; color: #0c2957; font-family: 'Font Awesome 6 Pro'; font-weight: 400; } .quantity-box .bootstrap-touchspin .glyphicon-chevron-down:before { content: "\f068"; font-size: 16px; font-style: normal; color: #0c2957; font-weight: 400; font-family: 'Font Awesome 6 Pro'; } .quantity-box .bootstrap-touchspin .input-group-btn-vertical{ position: absolute; width: 100%; } .quantity-box .bootstrap-touchspin .input-group-btn-vertical i{ top: 6px; left: 14px; font-size: inherit !important; } .quantity-box .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down{ margin-top: 0px; } .product-details .product-details-content .other-options .link-box{ position: relative; display: inline-block; float: left; margin-bottom: 20px; } .product-details .product-details-content .other-options .quantity-box{ position: relative; float: left; top: 6.5px; margin-bottom: 20px; margin-right: 20px; height: 50px; } .product-details .product-details-content .other-options .link-box .btn-style-two{ padding: 11px 25px; border-radius: 6px; } .product-details .product-details-content .other-options .link-box .btn-style-two i{ padding-left: 0; } .product-details .product-details-content .other-options .link-box .add-wishlist{ position: relative; font-size: 16px; line-height: 30px; padding: 13px 0 11px; color: #10221B; font-weight: 500; background: none; margin-left: 15px; } .product-details .product-details-content .other-options .link-box .add-wishlist:hover{ color: #1DC5CE; } .product-details .product-details-content .other-options .link-box .add-wishlist i{ position: relative; top: 1px; display: inline-block; font-size: 18px; padding-right: 0px; } .product-details .product-details-content .other-options{ position: relative; display: block; padding-bottom: 15px; margin-bottom: 30px; border-bottom: 1px dashed #CBCBCB; } .product-details .product-details-content .product-cat{ position: relative; line-height: 28px; margin-bottom: 7px; } .product-details .product-details-content .product-cat strong{ position: relative; color: #10221B; font-size: 16px; font-weight: 500; } .product-details .product-details-content .product-cat a{ position: relative; color: #8A8A8A; font-size: 14px; } .product-details .product-description .tabs-box{ position: relative; } .product-details .product-description .tabs-box .tabs-content{ position: relative; } .product-details .product-description .tabs-box .tabs-content .tab{ position: relative; display: none; } .product-details .product-description .tabs-box .tabs-content .active-tab{ display: block; } .product-details .product-description .tab-btn-box{ position: relative; display: block; text-align: center; margin-bottom: 40px; } .product-details .product-description .tab-btn-box .tab-btns{ position: relative; display: inline-block; vertical-align: top; } .product-details .product-description .tab-btn-box .tab-btns:before{ position: absolute; content: ''; border-bottom: 1px solid #E8E8E8; left: 25px; right: 25px; bottom: 0; } .product-details .product-description .tab-btn-box .tab-btns li{ position: relative; display: inline-block; vertical-align: top; font-size: 16px; font-weight: 500; text-transform: uppercase; color: #505050; border-bottom: 3px solid rgba(0,0,0,0.0); text-align: center; padding: 0 0 10px; line-height: 24px; margin: 0px 25px; cursor: pointer; z-index: 1; transition: all 500ms ease; } .product-details .product-description .tab-btn-box .tab-btns li.active-btn, .product-details .product-description .tab-btn-box .tab-btns li:hover{ color: #505050; border-color: #1DC5CE; } .product-details .product-description .tabs-content .text-content h5{ font-weight: 600; font-size: 18px; margin-bottom: 20px; color: #10221B; } .product-details .product-description .tabs-content .text-content p{ position: relative; font-size: 16px; margin-bottom: 40px; } .product-details .product-description .tabs-content .text-content ul li{ position:relative; padding-left:36px; color:#2E2E2E; font-size:16px; line-height: 28px; margin-bottom:12px; } .product-details .product-description .tabs-content .text-content ul li:before{ position:absolute; content:''; left:0px; top:3px; width:20px; height:20px; background:url(../images/icons/check-icon.png); } .news-detail .lower-content .feature-list li:last-child{ margin-bottom:0px; } .product-details .product-description .customer-comment{ position: relative; padding-bottom: 20px; border-bottom: 1px dashed #CBCBCB; margin-bottom: 60px; } .product-details .product-description .tabs-content .customer-comment .comment{ position: relative; display: block; margin-bottom: 30px; padding: 0 0 0 90px; } .product-details .product-description .tabs-content .customer-comment .comment .customer-thumb{ position: absolute; left: 0px; top: 0px; width: 70px; height: 70px; border-radius: 50%; overflow: hidden; } .product-details .product-description .tabs-content .customer-comment .comment .customer-thumb img{ width: 100%; border-radius: 50%; } .product-details .product-description .tabs-content .customer-comment .comment .info{ position: relative; margin-bottom: 0px; } .product-details .product-description .tabs-content .customer-comment .comment .info h6{ position: relative; display: inline-block; font-size: 18px; font-weight: 600; margin: 0px 0px 5px; } .product-details .product-description .tabs-content .customer-comment .comment .info span{ position: relative; display: inline-block; color: #7D7D7D; font-size: 16px; font-weight: 400; } .product-details .product-description .tabs-content .customer-comment .comment .rating{ position: relative; color: #FC8F00; margin-bottom: 16px; } .product-details .product-description .tabs-content .customer-comment .comment .rating li{ position: relative; display: inline-block; font-size: 14px; float: left; margin-right: 4px; } .product-details .product-description .tabs-content .customer-comment .comment .rating li .empty{ color: #BFBFBF; } .product-details .product-description .tabs-content .customer-comment .comment p{ font-size: 16px; font-weight: 400; margin: 0px; } .product-details .product-description .reply-box{ position: relative; } .product-details .product-description .reply-box h5{ position: relative; font-size: 18px; font-weight: 600; margin: 0px 0px 35px; } .product-details .product-description .reply-inner{ position: relative; display: block; background: #F3F7FA; padding: 40px 40px 10px 40px; } .product-details .product-description .tabs-content textarea{ height: 220px; } .product-details .product-description .reply-box .add-rating{ position: relative; font-size: 16px; color: #BFBFBF; } .product-details .product-description .reply-box .add-rating i{ position: relative; margin-right: 4px; } .product-details .product-description .reply-box .add-rating:hover{ color: #1DC5CE; } .product-details .product-description{ position: relative; margin-bottom: 60px; } .product-details .related-product{ position: relative; } .product-details .related-product h3{ position: relative; font-size: 30px; font-weight: 700; color: #132728; text-transform: capitalize; text-align: center; margin-bottom: 45px; } /*** ==================================================================== Cart Section style ==================================================================== ***/ .cart-section{ position:relative; padding:120px 0px; } .cart-section .cart-outer{ position:relative; } .cart-section .table-outer{ position:relative; width:100%; margin-bottom:50px; } .cart-section .table-box{ position: relative; width: 100%; overflow-x: auto; } .cart-section .cart-table{ width:100%; min-width: 730px; } .cart-table .cart-header { position: relative; width: 100%; text-transform: uppercase; color: #ffffff; } .cart-table thead tr th{ font-size:16px; color:#25283a; line-height:24px; padding:20px 15px; min-width:120px; font-weight:600; text-align: center; border-bottom: 1px dashed #CBCBCB; } .cart-table thead tr th.prod-column{ text-align:left; padding-left:0px; } .cart-table tbody tr{ border-bottom:1px dashed #CBCBCB; } .cart-table tbody tr:last-child{ border-bottom: 0; } .cart-table tbody tr td{ line-height:24px; padding:20px 20px 20px 20px; min-width:50px; text-align: center; } .cart-table tbody tr td.prod-column{ padding-left: 0; } .cart-table tbody tr td.price{ font-size:16px; font-weight:500; color:#8A8A8A; } .cart-table tbody tr .prod-column .column-box h3{ font-size:17px; color:#222222; font-weight:500; margin-bottom:5px; } .cart-table tbody tr .prod-column .column-box{ position:relative; min-height:200px; padding-left:270px; padding-top:90px; text-align:left; min-width:250px; } .cart-table tbody tr .prod-column .column-box .prod-thumb{ position:absolute; width:200px; left:0px; top:0px; } .cart-table tbody tr .prod-column .column-box .prod-thumb img{ display:block; width:100%; border-radius:0; } .cart-table tbody tr .prod-column .column-box h4{ font-size:16px; color:#505050; font-weight:600; margin-bottom:5px; text-transform:capitalize; } .cart-table tbody tr .sub-total{ font-size:16px; line-height: 24px; font-weight:500; color:#8A8A8A; } .cart-table tbody tr td.remove{ position: relative; } .cart-table tbody tr .remove-btn{ position:relative; font-size:26px; color:#93949d; line-height: 40px; text-align:center; display:inline-block; font-weight: 400; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; -moz-transition:all 500ms ease; transition:all 500ms ease; } .cart-table tbody tr .remove{ text-align:center; } .cart-table tbody tr .remove-btn:hover{ color:#3cc88f; border-color:#3cc88f; } .cart-table tbody tr td .quantity-spinner{ padding:5px 0px 5px 20px; line-height:24px; height:34px; display:block; width:100%; position:relative; } /*=== Counper Outer ===*/ .cart-section .coupon-outer{ position:relative; border-top: 1px dashed #CBCBCB; } .cart-section .coupon-outer .content-box{ position: relative; padding:20px 0px 20px; } .cart-section .coupon-outer .link-box{ } .cart-section .coupon-outer .cart-btn{ min-width: 150px; cursor: pointer; padding:13px 30px; line-height:30px; color: #101010; font-weight: 500; background: #F3F7FA; border-radius: 6px; cursor: pointer; } .cart-section .coupon-outer .cart-btn:hover{ background: #1DC5CE; color: #ffffff; } .cart-section .apply-coupon{ position:relative; float: left; max-width: 70%; } .cart-section .link-box{ position:relative; float: right; } .cart-section .apply-coupon .form-group{ position:relative; float:left; margin-right:0; margin-bottom: 0; } .cart-section .apply-coupon .form-group .coupon-btn{ padding:12px 30px; line-height:30px; cursor: pointer; } .cart-section .apply-coupon .form-group input{ display:block; font-size: 14px; line-height:30px; color: #8a8d91; padding:12px 20px; border:1px solid rgba(0, 0, 0, 0.0); height:56px; width:180px; background:#F3F7FA; margin-right: 20px; border-radius:6px; } .cart-section .apply-coupon .form-group input[type="text"]:focus{ border-color: #1DC5CE; } .cart-section .totals-column{ position: relative; } .cart-section .totals-column .inner{ position: relative; max-width: 370px; float: right; padding:20px 20px; border:1px dashed #F3F7FA; background: #F3F7FA; width: 100%; } .cart-total{ position: relative; } .cart-total .title{ position: relative; display: block; font-size: 24px; line-height: 30px; font-weight: 700; margin-bottom:26px; } .cart-section .totals-table{ position:relative; border-radius:3px; } .cart-section .totals-table .col{ position:relative; display:block; float:left; padding: 0; width:50%; font-size:16px; line-height:24px; font-weight:500; color:#25283a; text-align: right; } .cart-section .totals-table .col strong{ font-weight: 500; font-size: 16px; } .cart-section .totals-table .col-title{ text-align: left; } .cart-section .totals-table li{ position:relative; padding-bottom: 15px; border-bottom: 1px dashed #DEDEDE; margin-bottom: 15px; } .cart-section .totals-table li:last-child{ margin-bottom:0px; padding-bottom: 0; padding-top: 15px; border-bottom: none; } .cart-section .totals-table li .total-price{ color:#10221B; } .cart-section .totals-table .theme-btn .btn-title{ } .cart-section .totals-table .theme-btn{ position: relative; cursor: pointer; } /*** ==================================================================== Wishlist Section style ==================================================================== ***/ .wishlist-section{ position:relative; padding:120px 0px; } .wishlist-section .wishlist-outer{ position:relative; } .wishlist-section .table-outer{ position:relative; width:100%; } .wishlist-section .table-box{ position: relative; width: 100%; overflow-x: auto; } .wishlist-section .wishlist-table{ width:100%; min-width: 700px; } .wishlist-table figure{ margin-bottom: 0; } .wishlist-table tbody tr{ border-top:1px dashed #CBCBCB; } .wishlist-table tbody tr:last-child{ border-bottom: 0; } .wishlist-table tbody tr td{ line-height:24px; padding:20px 20px 20px 20px; min-width:50px; } .wishlist-table tbody tr td.image-column{ padding-left: 0; width: 280px; } .wishlist-table tbody tr td.avail{ padding-right: 0; width: 280px; } .wishlist-table tbody tr .prod-column h4{ font-size:16px; color:#505050; font-weight:600; margin-bottom:10px; } .wishlist-table tbody tr .prod-column .price{ font-size:16px; color:#505050; font-weight:600; margin-bottom:10px; } .wishlist-table tbody tr .prod-column .price span{ color: #1DC5CE; } .wishlist-table tbody tr .prod-column .date{ font-size:18px; color:#7D7D7D; font-weight:400; } .wishlist-table tbody tr .prod-column .column-box{ position:relative; min-height:200px; padding-left:250px; padding-top:90px; text-align:left; min-width:250px; } .wishlist-table tbody tr .prod-column .prod-thumb{ position:relative; width:200px; left:0px; top:0px; } .wishlist-table tbody tr .prod-column .prod-thumb img{ display:block; width:100%; border-radius:0; } .wishlist-table tbody tr .avail .yes{ position: relative; display: block; font-size: 14px; font-weight: 500; margin-bottom: 12px; } .wishlist-table tbody tr .avail .add-cart-btn{ position: relative; display: inline-block; line-height: 30px; padding: 12px 25px; background: #10221B; color: #ffffff; border-radius: 6px; } .wishlist-table tbody tr .avail .add-cart-btn i{ position: relative; font-size: 18px; vertical-align: middle; padding-right: 15px; } .wishlist-table tbody tr .avail .add-cart-btn:hover{ background: #1DC5CE; } .wishlist-section .wishlist-lower{ position:relative; border-top:1px dashed #CBCBCB; padding-top: 30px; } .wishlist-section .wishlist-lower .left{ position: relative; float: left; } .wishlist-section .wishlist-lower .link-title{ position: relative; float: left; line-height: 30px; padding-top: 13px; } .wishlist-section .wishlist-lower .link-form{ position: relative; float: left; margin-left: 20px; } .wishlist-section .link-form .field{ position: relative; float: left; margin-bottom: 0; } .wishlist-section .link-form .button{ position: relative; float: left; margin-left: 20px; } .wishlist-section .link-form .field input{ display:block; font-size: 16px; line-height:30px; color: #505050; padding:12px 20px; border:1px solid rgba(0, 0, 0, 0.0); height:56px; width:330px; background:#F3F7FA; border-radius:6px; } .wishlist-section .link-form .field input:focus{ border-color: #1DC5CE; } .wishlist-section .wishlist-lower .share{ position: relative; float: right; padding-top: 13px; } .wishlist-section .wishlist-lower .share-title{ position: relative; float: left; font-size: 18px; line-height: 30px; color: #7D7D7D; padding-right: 10px; } .wishlist-section .wishlist-lower .share-links{ position: relative; float: left; } .wishlist-section .wishlist-lower .share-links li{ position: relative; float: left; margin-left: 10px; } .wishlist-section .wishlist-lower .share-links li a{ position: relative; display: block; width: 30px; height: 30px; line-height: 28px; font-size: 15px; text-align: center; color: #1DC5CE; border: 1px solid #1DC5CE; border-radius: 50%; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .wishlist-section .wishlist-lower .share-links li a:hover{ color: #ffffff; background: #1DC5CE; } /*** ==================================================================== CheckOut Sectioon ==================================================================== ***/ .checkout-page{ position:relative; padding:120px 0px 90px; } .checkout-page .default-links{ position:relative; padding-bottom: 15px; border-bottom: 1px dashed #CBCBCB; margin-bottom: 30px; } .checkout-page .default-links li{ position: relative; font-size:16px; line-height:30px; padding:25px 20px 25px 30px; color:#505050; background:#F3F7FA; font-weight:400; border-radius:0; margin-bottom:15px; } .checkout-page .default-links li i.icon{ padding-right: 20px; } .checkout-page .default-links li.with-border{ font-weight:500; border-top: 3px solid #505050; } .checkout-page .default-links li a{ color:#1DC5CE; text-decoration:underline; } .checkout-page .default-links .coupon-form{ position: relative; } .checkout-page .default-links .coupon-form .c-label{ position: relative; margin-bottom: 10px; } .checkout-page .default-links .coupon-form .form-group{ position: relative; padding-right: 185px; margin-bottom: 0; } .checkout-page .default-links .coupon-form .form-group .theme-btn{ position: absolute; right: 0; top: 0; width: 165px; padding-left: 10px; padding-right: 10px; } .checkout-title{ position: relative; font-size:24px; line-height:1.4em; margin-bottom: 25px; font-weight:700; } .billing-detail{ position: relative; } .billing-detail .billing-column{ position: relative; } .billing-detail .billing-form{ position: relative; padding: 30px 30px 10px; background: #F3F7FA; margin-bottom: 30px; } .billing-detail .site-form form .form-group{ margin-bottom: 20px; } .site-form .billing-detail form .form-group .f-label{ font-weight: 400; } /*Payment Option*/ .checkout-page .order-box{ position: relative; padding: 30px 30px 30px; background: #F3F7FA; margin-bottom: 30px; } .checkout-page .order-box .order-summary{ position: relative; } .checkout-page .order-box .order-summary li{ position: relative; line-height: 30px; font-weight: 500; color: #10221B; margin-bottom: 10px; } .checkout-page .order-box .order-summary li.sum-head{ margin-bottom: 25px; } .checkout-page .order-box .order-summary li.prod{ font-weight: 400; } .checkout-page .order-box .order-summary li .ttl{ position: relative; float: left; } .checkout-page .order-box .order-summary li .dtl{ position: relative; float: right; } .checkout-page .payment-options{ position:relative; padding-top: 30px; margin-top: 30px; border-top: 1px dashed #CBCBCB; } .checkout-page .payment-options h3{ position: relative; display: block; font-size: 24px; line-height: 1.2em; color: #25283a; font-weight: 400; margin-bottom: 30px; } .checkout-page .payment-options li{ position:relative; margin-bottom:10px; } .checkout-page .payment-options li .radio-option{ position:relative; margin-bottom:12px; } .checkout-page .payment-options li .radio-option label{ position:relative; display:inline-block; padding-left:30px; text-transform:capitalize; color:#505050; cursor:pointer; margin-bottom: 0; } .checkout-page .payment-options li .radio-option label strong{ color:#505050; font-weight: 400; font-size:16px; } .checkout-page .payment-options li .radio-option label strong a{ font-size:15px; color:#3cc88f; margin-left:25px; font-weight:400; text-decoration:underline; } .checkout-page .payment-options li .radio-option input[type="radio"]{ position:absolute; left:0px; top:7px; color: #1DC5CE; opacity: 1; -webkit-transform: scale(1.5); -ms-transform: scale(1.5); transform: scale(1.5); } .checkout-page .payment-options .agreement{ position:relative; margin-top: 25px; margin-bottom:25px; } .checkout-page .payment-options .agreement label{ position:relative; display:inline-block; padding-left:30px; text-transform:capitalize; color:#1DC5CE; cursor:pointer; margin-bottom: 0; } .checkout-page .payment-options .agreement label a{ color: #505050; text-decoration: underline; } .checkout-page .payment-options .agreement input[type="checkbox"]{ position:absolute; left:0px; color: #1DC5CE; top:7px; opacity: 1; -webkit-transform: scale(1.5); -ms-transform: scale(1.5); transform: scale(1.5); } .checkout-page .payment-options .btn-box{ position: relative; } .checkout-page .payment-options .theme-btn .btn-title{ padding:14px 50px; font-size: 16px; cursor: pointer; } /*** ==================================================================== Cart Sidebar ==================================================================== ***/ .cart-sidebar{ position: fixed; right: 0; top: 0; width: 425px; max-width: 100%; height: 100%; background: #ffffff; z-index: 99999; visibility: hidden; -ms-transform: translateX(600px); transform: translateX(600px); transition: all 500ms ease-in; -webkit-transition: all 500ms ease-in-out; -ms-transition: all 500ms ease-in-out; -o-transition: all 500ms ease-in-out; -moz-transition: all 500ms ease-in-out; } .visible-cart-bar .cart-sidebar{ opacity: 1; visibility: visible; -ms-transform: translateX(0px); transform: translateX(0px); } .cart-sidebar .cart-side-inner{ position: absolute; right: 0; top: 0; width: 100%; bottom: 160px; padding: 30px 30px; overflow-y: auto; } .cart-sidebar .cart-side-header{ position: relative; } .cart-sidebar .cart-side-header h5{ font-weight: 600; font-size: 18px; margin-bottom: 0; } .cart-sidebar .closer-btn{ position: absolute; right: 0; top: -7px; width: 70px; height: 36px; line-height: 36px; text-align: center; background: rgba(246, 57, 57, 0.15); color: #FF0000; cursor: pointer; z-index: 1; border-radius: 6px; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; -moz-transition: all 300ms ease; transition: all 300ms ease; } .cart-sidebar .closer-btn:hover{ color: #ffffff; background: #FF0000; } .cart-sidebar .prod-block{ position: relative; padding-top: 30px; margin-top: 30px; border-top: 1px dashed #CBCBCB; } .cart-sidebar .prod-block .prod-inner{ position: relative; padding-left: 110px; min-height: 90px; } .cart-sidebar .prod-block .prod-thumb{ position: absolute; left: 0; top: 0; width: 90px; } .cart-sidebar .prod-block .prod-thumb img{ width: 90px; } .cart-sidebar .prod-block .remove-item{ position: absolute; right: 0; top: 5px; line-height: 20px; z-index: 1; } .cart-sidebar .prod-block .remove-item a{ color: #707070; } .cart-sidebar .prod-block .remove-item a:hover{ color: #1DC5CE; } .cart-sidebar .prod-block .prod-title{ position: relative; font-size: 16px; font-weight: 600; color: #505050; margin-bottom: 16px; } .cart-sidebar .prod-block .prod-title a{ color: #505050; } .cart-sidebar .prod-block .calculations{ position: absolute; bottom: 2px; right: 0; } .cart-sidebar .prod-block .calculations span{ color: #1DC5CE; } .cart-sidebar .lower-content{ position: absolute; left: 30px; bottom: 0; right: 30px; padding: 30px 0px 30px; border-top: 1px dashed #CBCBCB; } .cart-sidebar .lower-content .count{ position: relative; font-size: 16px; line-height: 24px; font-weight: 500; } .cart-sidebar .lower-content .count .ttl{ position: relative; float: left; } .cart-sidebar .lower-content .count .dtl{ position: relative; float: right; color: #1DC5CE; } .cart-sidebar .lower-content .links{ position: relative; margin-top: 20px; } .cart-sidebar .lower-content .links .theme-btn{ min-width: 164px; } .cart-sidebar .lower-content .links .left{ position: relative; float: left; } .cart-sidebar .lower-content .links .left .theme-btn{ background: #F5F7F7; border-color: #F5F7F7; color: #000000; } .cart-sidebar .lower-content .links .right{ position: relative; float: right; } .cart-backdrop{ position: fixed; right: 0; top: 0; width: 100%; height: 100%; z-index: 990; background: #10221B; opacity:0; visibility:hidden; transition: all 300ms ease; -moz-transition: all 300ms ease; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; } .visible-cart-bar .cart-backdrop{ opacity: 0.80; visibility: visible; } .visible-cart-bar .main-header{ z-index: 3; } body.visible-cart-bar{ overflow-y: hidden; } .ui-datepicker td span, .ui-datepicker td a{ text-align:center; }