/*** ==================================================================== Fonts ==================================================================== ***/ @import url('https://fonts.googleapis.com/css?family=Archivo:400,400i,500,500i,600,600i,700,700i|Lora:400,400i,700,700i'); /* font-family: 'Archivo', sans-serif; font-family: 'Jomhuria', cursive; */ @import url('flaticon.css'); @import url('animate.css'); @import url('jquery.touchspin.css'); @import url('owl.css'); @import url('jquery-ui.css'); @import url('jquery.fancybox.min.css'); /*** ==================================================================== Reset ==================================================================== ***/ *{ margin:0px; padding:0px; border:none; outline:none; font-size: 100%; } /*** ==================================================================== Global Settings ==================================================================== ***/ body { font-size:14px; color:#777777; line-height: 2em; font-weight:400; background:#f5f5f5; -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; font-family: 'Archivo', sans-serif; } a{ text-decoration:none; cursor:pointer; color:#FEC20E; } a:hover, a:focus, a:visited{ text-decoration:none; outline:none; } h1,h2,h3,h4,h5,h6 { position:relative; font-weight:normal; margin:0px; background:none; line-height:1.2em; font-family: 'Jomhuria', cursive; } textarea{ overflow:hidden; resize: none; } button{ outline: none !important; cursor: pointer; } p,.text{ font-size: 16px; line-height: 26px; font-weight: 400; color: #555555; margin: 0; } ::-webkit-input-placeholder{color: inherit;} ::-moz-input-placeholder{color: inherit;} ::-ms-input-placeholder{color: inherit;} .auto-container{ position:static; max-width:1200px; padding:0px 15px; margin:0 auto; } .page-wrapper{ position:relative; margin:0 auto; width:100%; min-width:300px; overflow: hidden; z-index: 99; } ul,li{ list-style:none; padding:0px; margin:0px; } .theme-btn{ display:inline-block; -webkit-transition:all 0.3s ease; -moz-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 !important; } /*Btn Style One*/ .btn-style-one{ position:relative; font-size:32px; line-height:20px; color:#ffffff; padding: 15px 35px; font-weight: 500; background-color: #FEC20E; font-family: 'Jomhuria', cursive; } .btn-style-one:hover{ background:#222222; color:#ffffff; } .btn-style-one-tow{ position:relative; font-size:32px; line-height:20px; color:#ffffff; padding: 15px 10px; font-weight: 500; background-color: #2A975B; font-family: 'Jomhuria', cursive; } .btn-style-one-tow:hover{ background:#222222; color:#ffffff; } /*Btn Style Two*/ .btn-style-two{ position:relative; font-size:14px; line-height:20px; color:#222222; padding: 15px 35px; font-weight: 700; background-color: #ffffff; } .btn-style-two:hover{ background:#222222; color:#ffffff; } /*Btn Style Three*/ .btn-style-three{ position:relative; font-size:14px; line-height:20px; color:#ffffff; padding: 15px 35px; font-weight: 700; background-color: #222222; } .btn-style-three:hover{ background:#ffffff; color:#222222; } /*=== List Style One ===*/ .list-style-one{ position: relative; } .list-style-one li{ position: relative; font-size: 14px; line-height: 24px; color: #777777; font-weight: 400; margin-bottom: 12px; padding-left: 35px; } .list-style-one li:before{ position: absolute; left: 0; top: 0; font-size: 13px; line-height: 24px; color: #FEC20E; font-weight: 600; content: "\f193"; font-family: "flaticon"; } .theme_color{ color:#FEC20E; } .pull-right{ float: right; } .pull-left{ float: left; } .preloader{ position:fixed; left:0px; top:0px; width:100%; height:100%; z-index:999999999; background-color:#ffffff; background-position:center center; background-repeat:no-repeat; background-image:url(../images/preloader.gif); } img{ display:inline-block; max-width:100%; height:auto; } /*** ==================================================================== Scroll To Top style ==================================================================== ***/ .scroll-to-top{ position:fixed; bottom:120px; right:20px; width:60px; height:60px; color:#ffffff; font-size:24px; line-height:60px; text-align:center; z-index:100; cursor:pointer; background:#1b1a1c; display:none; border-radius: 0; -webkit-transition:all 300ms ease; -moz-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; transition:all 300ms ease; } .scroll-to-top:hover{ background:#FEC20E; color: #ffffff; } .tabs-box{ position: relative; } .tabs-box .tab{ display: none; } .tabs-box .tab.active-tab{ display: block; } /*** ==================================================================== Main Header style ==================================================================== ***/ .main-header{ position: relative; width:100%; z-index: 999999; } .main-header .header-top{ position: relative; } .main-header .header-top:before{ position: absolute; left: 0; top: 0; height: 100%; width: 100%; background-color: #FEC20E; height: 10px; content: ""; } .main-header .header-top .inner-container{ padding: 0 25px; background-color: #FEC20E; border-radius: 0 0 20px 20px; } .main-header .top-left{ position: relative; float: left; } .main-header .top-left .text{ position: relative; font-size: 14px; line-height: 20px; color: #ffffff; font-weight: 400; padding:10px 0; } .main-header .top-right{ position: relative; float: right; } .main-header .top-right .text{ position: relative; float: left; font-size: 14px; line-height: 20px; color: #ffffff; font-weight: 400; padding:10px 0; } .main-header .top-right .text a{ color: #ffffff; } .main-header .top-right .social-icon-one{ position: relative; float: right; margin-left: 100px; padding: 10px 0; } .social-icon-one{ position: relative; } .social-icon-one li{ position: relative; float: left; margin-left: 15px; } .social-icon-one li:first-child{ margin-left: 0; } .social-icon-one li a{ position: relative; display: block; font-size: 14px; line-height: 20px; color: #ffffff; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .social-icon-one li a:hover{ color: #333333; } .main-header .header-upper{ position:relative; z-index:5; background-color: #ffffff; z-index: 99999; } .main-header .header-upper .logo-outer{ position:relative; float: left; z-index:25; } .main-header .logo-outer{ padding: 12px 0px; } .main-header .logo-outer .logo img{ position:relative; display:inline-block; max-width:100%; } .main-header .header-upper .upper-right{ position:relative; float: right; padding-top:4px; } .main-header .info-box{ position:relative; float:left; padding-left: 65px; margin-left: 40px; min-height:50px; } .main-header .info-box .icon-box{ position:absolute; left:0px; top: 0; height: 50px; width: 50px; line-height: 50px; text-align: center; font-size: 24px; color: #4c4c4c; font-weight: 600; border: 1px dashed #b71c1c; border-radius: 10px 10px 0 10px; -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-header .info-box li{ position:relative; font-size:14px; line-height:25px; color:#777777; font-weight:400; } .main-header .info-box li span{ position: relative; display: block; font-size: 34px; color: #222222; font-family: 'Jomhuria', cursive; font-weight: 500; } .main-header .info-box li a{ color: #222222; display: inline-block; -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-header .info-box li a:hover{ color: #FEC20E; } /*=== Header Lower ===*/ .main-header .header-lower{ position: relative; z-index: 99999; background: rgb(42,151,91); } .main-header .header-lower .nav-outer{ position:static; float: left; } .main-menu{ position:static; float:left; } .main-menu .navigation{ position:static; margin:0px; } .main-menu .navigation > li{ position:relative; float:left; margin-right: 23px; -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:15px; line-height:30px; font-weight:500; color:#ffffff; opacity:1; text-align:center; padding: 15px 0; -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 > ul > li > ul > li:hover > a{ color:#25262c; background:#ffffff; } .main-menu .navigation > li > ul > li > ul > li.dropdown > a:after{ font-family: 'Font Awesome 5 Free'; content: "\f105"; position:absolute; right:10px; top:11px; width:10px; height:20px; display:block; color:#292929; line-height:20px; font-size:13px; font-weight: 900; text-align:center; z-index:5; } .main-menu .navigation > li > ul > li > ul > li.dropdown:hover > a:after{ color:#ffffff; } .main-menu .navigation > li > ul{ position:absolute; left:0px; top:110%; width:200px; padding:0px 0px; z-index:100; background:rgba(47,46,50,.90); -webkit-transition:all 200ms linear; -moz-transition:all 200ms linear; -ms-transition:all 200ms linear; -o-transition:all 200ms linear; transition:all 200ms linear; opacity: 1; -webkit-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05); -ms-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05); -o-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05); -moz-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05); box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05); } .main-menu .navigation > li > ul.from-right{ left:auto; right:0px; } .main-menu .navigation > li > ul > li{ position:relative; width:100%; border-bottom:1px solid rgba(255,255,255,0.10); } .main-menu .navigation > li > ul > li:last-child{ border-bottom:none; } .main-menu .navigation > li > ul > li > a{ position:relative; display:block; padding:10px 20px; line-height:24px; font-weight:400; font-size:14px; color:#ffffff; text-transform:capitalize; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; } .main-menu .navigation > li > ul > li:hover > a{ background:#222222; } .main-menu .navigation > li > ul > li.dropdown > a:after{ font-family: 'Font Awesome 5 Free'; content: "\f105"; position:absolute; right:15px; top:11px; width:10px; height:20px; display:block; line-height:20px; font-size:16px; color: #ffffff; font-weight:900; text-align:center; z-index:5; } .main-menu .navigation > li > ul > li > ul{ position:absolute; left:110%; top:0%; width:200px; padding:0px 0px; z-index:100; background:rgba(47,46,50,.90); -webkit-transition:all 200ms linear; -moz-transition:all 200ms linear; -ms-transition:all 200ms linear; -o-transition:all 200ms linear; transition:all 200ms linear; -webkit-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05); -ms-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05); -o-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05); -moz-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05); box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05); } .main-menu .navigation > li > ul > li > ul > li{ position:relative; width:100%; border-bottom:1px solid rgba(255,255,255,0.10); } .main-menu .navigation > li > ul > li > ul > li:last-child{ border-bottom:none; } .main-menu .navigation > li > ul > li > ul > li > a{ position:relative; display:block; padding:10px 20px; line-height:24px; font-weight:400; font-size:14px; color:#ffffff; text-transform:capitalize; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; } .main-menu .navigation > li > ul > li > ul > li > a:hover{ color: #ffffff; background:#222222; } .main-menu .navigation > li.dropdown:hover > ul{ -webkit-transition:all 300ms linear; -moz-transition:all 300ms linear; -ms-transition:all 300ms linear; -o-transition:all 300ms linear; transition:all 300ms linear; visibility:visible; opacity:1; top:100%; } .main-menu .navigation li > ul > li.dropdown:hover > ul{ visibility:visible; opacity:1; top: 0; left: 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; } .main-menu .navbar-collapse > ul li.dropdown .dropdown-btn{ position:absolute; right:10px; top:8px; width:34px; height:30px; border:1px solid #ffffff; text-align:center; font-size:16px; line-height:30px; color:#ffffff; cursor:pointer; z-index:5; display:none; } .main-header .outer-box{ position: relative; float: right; margin-left: 45px; } /*Search Box Widget*/ .main-header .search-box-outer{ position: relative; float: left; margin-right: 30px; } .main-header .search-box{ position: relative; padding: 15px 0; min-width: 170px; } .main-header .search-box .form-group{ position:relative; margin:0px; } .main-header .search-box .form-group input[type="text"], .main-header .search-box .form-group input[type="search"]{ position:relative; display:block; font-size:14px; color:#ffffff; line-height:30px; height:30px; width:100%; background-color: transparent; -webkit-transition:all 500ms ease; -moz-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; transition:all 500ms ease; } .main-header .search-box .form-group input:focus{ border-color:#FEC20E; } .main-header .search-box .form-group input[type="submit"], .main-header .search-box .form-group button{ position:absolute; right:0px; top:0; height:30px; line-height: 30px; text-align:center; display:block; font-size:16px; background-color: transparent; color:#ffffff; } .main-header .outer-box .btn-box{ position: relative; float: right; } .main-header .outer-box .btn-box .theme-btn{ position: relative; display: block; font-size: 43px; line-height: 30px; padding: 15px 16px; font-weight: 500; border-radius: 0; } /************************ Mega Menu ***************************/ .main-menu .navigation > li.has-mega-menu{ position:static; } .main-menu .navigation > li > .mega-menu{ position:absolute; left:0px; right: 0; margin: auto; width:100%; max-width: 1170px; background:rgba(47,46,50,.90); padding: 30px 30px; top: 100%; z-index:100; opacity: 0; -webkit-transform: scaleY(0); -moz-transform: scaleY(0); -ms-transform: scaleY(0); -o-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: top; -moz-transform-origin: top; -ms-transform-origin: top; -o-transform-origin: top; transform-origin: top; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; -webkit-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05); -ms-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05); -o-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05); -moz-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05); box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05); } .main-menu .navigation > li:hover > .mega-menu{ opacity: 1; visibility: visible; -webkit-transform: scaleY(1); -moz-transform: scaleY(1); -ms-transform: scaleY(1); -o-transform: scaleY(1); transform: scaleY(1); } .main-menu .navigation > li > .mega-menu .mega-menu-bar{ position: relative; } .main-menu .navigation > li.has-mega-menu h3{ position: relative; display: block; font-size: 18px; line-height: 1.2em; color: #ffffff; font-weight: 500; margin-bottom: 15px; } .main-menu .navigation > li .mega-menu-bar ul{ position:relative; background-color: #FEC20E; } .main-menu .navigation > li .mega-menu-bar .column > ul > li{ position:relative; width:100%; border-bottom:1px solid rgba(255,255,255,0.10); text-transform:capitalize; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; } .main-menu .navigation > li .mega-menu-bar .column{ position:relative; margin-bottom:10px; } .main-menu .navigation > li .mega-menu-bar .column > ul > li:last-child{ border:none; } .main-menu .navigation > li .mega-menu-bar .column > ul > li > a{ position:relative; display:block; padding:10px 20px; line-height:24px; font-weight:400; font-size:15px; color:#ffffff; text-transform:capitalize; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; } .only_mob{ display: none; } .main-menu .navigation > li .mega-menu-bar .column > ul > li > a:hover{ background:#222222; } .main-header .main-menu .navigation > li > a:before{ position: absolute; left: 50%; bottom: 0; height: 2px; width: 0%; background-color: #FEC20E; content: ""; -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-header .main-menu .navigation > li > a:after{ position: absolute; left: 50%; bottom: 0; margin-left: -4px; border-left: 4px solid transparent; border-right: 4px solid transparent; border-bottom: 6px solid #FEC20E; content: ""; opacity: 0; -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-header .main-menu .navigation > li:hover > a:after, .main-header .main-menu .navigation > li.current > a:after{ opacity: 1; } .main-header .main-menu .navigation > li:hover > a:before, .main-header .main-menu .navigation > li.current > a:before{ width: 100%; left: 0; } .main-header .main-menu .navigation > li:hover > a, .main-header .main-menu .navigation > li.current > a, .main-header .main-menu .navigation > li.current-menu-item > a{ opacity:1; color: #FEC20E; } /*** ==================================================================== Header Style Two ==================================================================== ***/ .header-style-two{ position: absolute; left: 0; top: 60px; width: 100%; } .header-style-two .header-lower{ background: transparent; } .header-style-two .inner-container{ position: relative; background-color: #ffffff; } .header-style-two .logo-outer{ position: relative; float: left; padding: 10px 0 10px 20px; } .header-style-two .header-lower .nav-outer{ float: right; } .header-style-two .outer-box{ float: left; margin: 0; } .header-style-two .main-menu .navigation > li{ margin-right: 8px; } .header-style-two .main-menu .navigation > li > a{ position: relative; padding: 20px 15px; color: #333333; font-weight: 500; z-index: 9; } .header-style-two .main-menu .navigation > li > a:before{ position: absolute; left: 0; bottom: 0; height: 0; width: 100%; opacity: 0; visibility: hidden; background-color: #FEC20E; content: ""; z-index: -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; } .header-style-two .header-lower .main-menu .navigation > li.current > a, .header-style-two .header-lower .main-menu .navigation > li:hover > a{ color: #ffffff !important; } .header-style-two .main-menu .navigation > li.current > a:before, .header-style-two .main-menu .navigation > li:hover > a:before{ height: 110%; opacity: 1; visibility: visible; } /*search box btn*/ .header-style-two .search-box-outer{ position:relative; float: right; padding: 20px 0; margin-left: 25px; } .header-style-two .search-btn{ position: relative; display: block; cursor: pointer; background: none; font-size: 18px; line-height: 29px; color: #333333; font-weight: 600; outline: none; -webkit-transition:all 300ms ease; -moz-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; transition:all 300ms ease; } .header-style-two .search-btn:hover{ color: #FEC20E; } .dropdown-toggle::after{ display: none; } .header-style-two .search-box-outer .dropdown-menu{ top:20px !important; right: 0 !important; padding:0px; width:280px; border-radius:0px; border-top:3px solid #25262c; } .header-style-two .search-panel .form-container{ padding:25px 20px; } .header-style-two .search-panel .form-group{ position:relative; margin:0px; } .header-style-two .search-panel input[type="text"], .header-style-two .search-panel input[type="search"], .header-style-two .search-panel input[type="password"], .header-style-two .search-panel select{ display:block; width:100%; line-height:24px; padding:7px 40px 7px 15px; height:40px; font-size:14px; border:1px solid #e0e0e0; background:#ffffff; } .header-style-two .search-panel input:focus, .header-style-two .search-panel select:focus{ border-color:#FEC20E; } .header-style-two .search-panel .search-btn{ position:absolute; right:0px; top:0px; width:40px; height:40px; text-align:center; color:#555555; font-size:12px; background:none; cursor:pointer; } .header-style-two .share-btn{ position:relative; float: left; padding: 20px 0; margin-left: 25px; } .header-style-two .share-btn a{ position: relative; display: block; font-size: 18px; line-height: 30px; color: #333333; font-weight: 600; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .header-style-two .share-btn a:hover{ color: #FEC20E; } /*** ==================================================================== Header Style Three ==================================================================== ***/ .header-style-three{ position: relative; } .header-style-three .header-lower{ background: #ebebeb; } .header-style-three .logo-outer{ position: relative; float: left; padding: 25px 40px; min-width: 270px; text-align: center; background-color: #333333; } .header-style-three .logo-outer .logo{ position: relative; } .header-style-three .header-lower .nav-outer{ padding-left: 60px; } .header-style-three .main-menu .navigation > li{ padding: 32.5px 0; } .header-style-three .main-menu .navigation > li > a{ position: relative; font-size: 16px; line-height: 35px; color: #333333; padding: 0; } .header-style-three .main-menu .navigation > li > a:before, .header-style-three .main-menu .navigation > li > a:after{ position: absolute; left: 0; top: 0; height: 2px; width: 0%; content: ""; background-color: #FEC20E; transition: all 300ms ease; } .header-style-three .main-menu .navigation > li > a:after{ top: auto; bottom: 0; left: auto; right: 0; border: 0; } .header-style-three .main-menu .navigation > li:hover > a:before, .header-style-three .main-menu .navigation > li:hover > a:after, .header-style-three .main-menu .navigation > li.current > a:before, .header-style-three .main-menu .navigation > li.current > a:after{ width: 100%; } .header-style-three .main-menu .navigation > li:hover > a, .header-style-three .main-menu .navigation > li.current > a, .header-style-three .main-menu .navigation > li.current-menu-item > a{ color: #71b100; } .header-style-three .call-btn{ position: relative; float: right; } .header-style-three .call-btn:before{ position: absolute; left: 0; top: 0; height: 100%; width: 1000%; background-color: #FEC20E; content: ""; } .header-style-three .call-btn a{ position: relative; padding: 35px 30px; line-height: 30px; border-radius: 0; font-family: "Archivo",sans-serif; font-weight: 500; } .header-style-three .share-btn{ position: relative; float: left; padding: 35px 0; margin-right: 60px; } .header-style-three .share-btn a{ position: relative; display: block; font-size: 18px; line-height: 30px; color: #FEC20E; -webkit-transition:all 300ms ease; -moz-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; transition:all 300ms ease; } .header-style-three .share-btn a:hover{ color: #222222; } /*search box btn*/ .header-style-three .search-box-outer{ position:relative; float: left; background-color: #ffffff; text-align: center; margin: 0; -webkit-transition:all 300ms ease; -moz-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; transition:all 300ms ease; } .header-style-three .search-box-btn{ line-height: 29px; } .main-header .search-box-btn{ position: relative; cursor: pointer; background: none; font-size: 24px; color: #222222; outline: none; padding: 35px 0; width: 100px; -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-header .search-box-btn:hover{ color: #FEC20E; } .dropdown-toggle::after{ display: none; } .main-header .search-box-outer .dropdown-menu{ top:0px !important; right: 0 !important; padding:0px; width:280px; border-radius:0px; border-top:3px solid #25262c; } .main-header .search-panel .form-container{ padding:25px 20px; } .main-header .search-panel .form-group{ position:relative; margin:0px; } .main-header .search-panel input[type="text"], .main-header .search-panel input[type="search"], .main-header .search-panel input[type="password"], .main-header .search-panel select{ display:block; width:100%; line-height:24px; padding:7px 40px 7px 15px; height:40px; font-size:14px; border:1px solid #e0e0e0; background:#ffffff; } .main-header .search-panel input:focus, .main-header .search-panel select:focus{ border-color:#25262c; } .main-header .search-panel .search-btn{ position:absolute; right:0px; top:0px; width:40px; height:40px; text-align:center; color:#555555; font-size:12px; background:none; cursor:pointer; } /*** ==================================================================== Sticky Header ==================================================================== ***/ .sticky-header { position: fixed; visibility: hidden; opacity: 0; left: 0px; top: 0px; width: 100%; padding: 0px 0px; z-index: 99999; background: #ffffff; border-bottom: 1px solid #f1f1f1; box-shadow: 0 5px 5px rgba(0,0,0,0.05); } .fixed-header .sticky-header{ opacity:1; z-index: 9999; visibility:visible; } .fixed-header .sticky-header .logo{ padding: 10px 0; } .main-header .sticky-header .main-menu .navigation > li{ margin-right: 0; margin-left: 32px; padding: 0; background-color: transparent; } .main-header .sticky-header .main-menu .navigation > li:after{ display: none; } .main-header .sticky-header .main-menu .navigation > li > a{ padding:20px 0px; line-height:30px; font-size:16px; font-weight:500; color:#222222; text-transform:capitalize; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .sticky-header .main-menu .navigation > li:hover > a, .sticky-header .main-menu .navigation > li.current > a, .sticky-header .main-menu .navigation > li.current-menu-item > a{ opacity:1; color: #71b100; } .sticky-header .main-menu .navigation > li:before, .sticky-header .main-menu .navigation > li > a:after, .sticky-header .main-menu .navigation > li > a:before{ display: none; } /*** ==================================================================== Section Title ==================================================================== ***/ .sec-title{ position:relative; display: block; margin-bottom:15px; } .sec-title .title{ position: relative; display: block; font-size: 14px; line-height: 24px; color: #FEC20E; font-weight: 500; padding-bottom: 10px; margin-bottom: 10px; } .sec-title .title:before{ position: absolute; left: 0; bottom: 0; height: 2px; width: 40px; background-color: #33373f; border-right: 10px solid #ffffff; content: ''; } .sec-title .title:after{ position: absolute; left: 34px; bottom: 0; height: 2px; width: 6px; background-color: #FEC20E; content: ""; } .sec-title h2{ position: relative; display: inline-block; font-size:63px; line-height:50px; color: #ffffff; font-weight: 500; } .sec-title .text{ position: relative; font-size: 14px; line-height: 27px; color: #777777; font-weight: 400; margin-top: 25px; } .sec-title.text-center .title:before{ left: 0; right: 0; margin: 0 auto; } .sec-title.text-center .title:after{ left: 50%; margin-left: 1px; } .sec-title.light h2{ color: #ffffff; } .sec-title.light .title:before{ background-color: #ffffff; border-right-color: #000000; } /*** ==================================================================== Page Title ==================================================================== ***/ .page-title{ position:relative; padding: 170px 0; background-size:cover; background-position:center center; background-repeat:no-repeat; } .page-title:before{ content:''; left:0px; top:0px; width:100%; height:100%; background:#000000; opacity: .50; position:absolute; } .page-title .inner-container{ position: relative; } .page-title .title-box{ position: relative; float: left; padding: 5px 0; } .page-title h1{ position:relative; display: block; font-size:55px; color:#ffffff; line-height: 50px; font-weight: 500; } .page-title .bread-crumb { position: relative; float: right; background-color: #000000; border-radius: 30px; border: 1px dashed #ffffff; padding: 13px 40px; } .page-title .bread-crumb li{ position: relative; float: left; font-size: 18px; line-height: 30px; color:#ffffff; font-weight: 400; text-transform: capitalize; cursor: default; padding-right: 30px; margin-right: 15px; } .page-title .bread-crumb li:before{ font-family: "Font Awesome 5 Brands"; position: absolute; right: -2px; font-size: 18px; line-height: 30px; color: #FEC20E; font-weight: 900; content: "\f299"; } .page-title .bread-crumb li:last-child{ padding-right: 0; margin-right: 0; } .page-title .bread-crumb li:last-child:before{ display: none; } .page-title .bread-crumb li a{ color:#ffffff; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .page-title .bread-crumb li a:hover{ color:#FEC20E ; } /*** ==================================================================== Banner Section ==================================================================== ***/ .banner-section{ position: relative; } .banner-section .slide-item{ position: relative; background-repeat: no-repeat; background-position: center; background-size: cover; padding: 240px 0; } .banner-section .slide-item:before{ position: absolute; position: absolute; left: 0; top: 0; height: 100%; width: 100%; background-color: #000000; content: ""; opacity: .40; } .banner-section .content-box{ position: relative; text-align: center; } .banner-section h4{ position: relative; display: block; font-size: 70px; line-height: 1.2em; color: #ffffff; font-weight: 500; opacity: 0; margin-bottom: 20px; -webkit-transition: all 1000ms ease; -moz-transition: all 100ms ease; -ms-transition: all 1000ms ease; -o-transition: all 1000ms ease; transition: all 1000ms ease; -webkit-transform: translateY(-50px); -moz-transform: translateY(-50px); -ms-transform: translateY(-50px); -o-transform: translateY(-50px); transform: translateY(-50px); } .banner-section .active h4{ opacity: 1; -webkit-transition-delay: 1400ms; -moz-transition-delay: 1400ms; -ms-transition-delay: 1400ms; -o-transition-delay: 1400ms; transition-delay: 1400ms; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); } .banner-section h2{ position: relative; display: block; font-size: 120px; line-height: 1.2em; color: #ffffff; font-weight: 500; opacity: 0; letter-spacing: -20px; margin-bottom: 40px; text-transform: uppercase; -webkit-transition: all 1500ms ease; -moz-transition: all 1500ms ease; -ms-transition: all 1500ms ease; -o-transition: all 1500ms ease; transition: all 1500ms ease; } .banner-section .active h2{ opacity: 1; letter-spacing: 0px; -webkit-transition-delay: 700ms; -moz-transition-delay: 700ms; -ms-transition-delay: 700ms; -o-transition-delay: 700ms; transition-delay: 700ms; } .banner-section .content-box .text{ position: relative; display: block; font-size: 18px; line-height: 1.2em; color: #ffffff; font-weight: 400; opacity: 0; margin-bottom: 55px; -webkit-transition: all 1000ms ease; -moz-transition: all 100ms ease; -ms-transition: all 1000ms ease; -o-transition: all 1000ms ease; transition: all 1000ms ease; -webkit-transform: translateY(-100px); -moz-transform: translateY(-100px); -ms-transform: translateY(-100px); -o-transform: translateY(-100px); transform: translateY(-100px); } .banner-section .active .text{ opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition-delay: 300ms; -moz-transition-delay: 300ms; -ms-transition-delay: 300ms; -o-transition-delay: 300ms; transition-delay: 300ms; } .banner-section .link-box{ position: relative; opacity: 0; -webkit-transition: all 1000ms ease; -moz-transition: all 100ms ease; -ms-transition: all 1000ms ease; -o-transition: all 1000ms ease; transition: all 1000ms ease; -webkit-transform: translateY(50px); -moz-transform: translateY(50px); -ms-transform: translateY(50px); -o-transform: translateY(50px); transform: translateY(50px); } .banner-section .active .link-box{ opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition-delay: 1500ms; -moz-transition-delay: 1500ms; -ms-transition-delay: 1500ms; -o-transition-delay: 1500ms; transition-delay: 1500ms; } .banner-section .link-box a{ position: relative; display: inline-block; font-size: 16px; line-height: 30px; color: #ffffff; font-weight: 400; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .banner-section .link-box a:after, .banner-section .link-box a:before{ position: absolute; left: 0; right: 0; margin: 0 auto; bottom: 0; height: 1px; width: 100%; content: ""; background-color: #ffffff; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .banner-section .link-box a:after{ width: 60%; bottom: -5px; } .banner-section .link-box a i{ color: #FEC20E; } .banner-section .link-box a:hover:after, .banner-section .link-box a:hover:before{ width: 0; } .banner-section .link-box a:hover{ color: #FEC20E; } .banner-carousel .owl-nav{ position: absolute; top: 50%; width:100%; } .banner-carousel .owl-next, .banner-carousel .owl-prev{ position: absolute; left: 5%; top: 0; font-size: 16px; color: #ffffff; font-weight: 400; line-height: 20px; padding: 15px 0; padding-left: 25px; z-index: 9; -webkit-transition: all 200ms ease; -moz-transition: all 200ms ease; -ms-transition: all 200ms ease; -o-transition: all 200ms ease; transition: all 200ms ease; } .banner-carousel .owl-next{ left: auto; right: 5%; padding-left: 0; padding-right: 25px; } .banner-carousel .owl-next:hover, .banner-carousel .owl-prev:hover{ color: #FEC20E; } .banner-carousel .owl-next:before, .banner-carousel .owl-prev:before{ position: absolute; left: 0; top: 0; height: 50px; width: 50px; border: 1px solid #ffffff; border-right: 0; content: ""; z-index: -1; -webkit-transition: all 200ms ease; -moz-transition: all 200ms ease; -ms-transition: all 200ms ease; -o-transition: all 200ms ease; transition: all 200ms ease; } .banner-carousel .owl-next:hover:before, .banner-carousel .owl-prev:hover:before{ border-color: #FEC20E; } .banner-carousel .owl-next:before{ left: auto; right: 0px; border: 1px solid #ffffff; border-left: 0; } .banner-carousel .owl-next span{ margin-left: 5px; font-size: 14px; } .banner-carousel .owl-prev span{ margin-right: 5px; font-size: 14px; } /*** ==================================================================== Banner Section Two ==================================================================== ***/ .banner-section-two{ position: relative; } .banner-section-two .slide-item{ position: relative; background-repeat: no-repeat; background-position: center; background-size: cover; padding: 330px 0 240px; } .banner-section-two .slide-item:before{ position: absolute; position: absolute; left: 0; top: 0; height: 100%; width: 100%; background-color: #000000; content: ""; opacity: .60; } .banner-section-two .content-box{ position: relative; max-width: 680px; width: 100%; } .banner-section-two .content-box .inner-box{ position: relative; padding: 60px 60px; border-top: 5px solid transparent; -webkit-transition: all 700ms ease; -moz-transition: all 700ms ease; -ms-transition: all 700ms ease; -o-transition: all 700ms ease; transition: all 700ms ease; } .banner-section-two .active .content-box .inner-box{ border-top: 5px solid #ffffff; } .banner-section-two .content-box .inner-box:before{ position: absolute; left: 0; top: 0; height: 0; width: 100%; background-color: rgba(0,0,0,0.80); content: ""; -webkit-transition: all 700ms ease; -moz-transition: all 700ms ease; -ms-transition: all 700ms ease; -o-transition: all 700ms ease; transition: all 700ms ease; border-radius: 0 0 30px 30px; } .banner-section-two .active .content-box .inner-box:before{ height: 100%; -webkit-transition-delay: 500ms; -moz-transition-delay: 500ms; -ms-transition-delay: 500ms; -o-transition-delay: 500ms; transition-delay: 500ms; } .banner-section-two h4{ position: relative; display: block; font-size: 30px; line-height: 1.2em; color: #FEC20E; font-weight: 700; opacity: 0; margin-bottom: 10px; -webkit-transition: all 700ms ease; -moz-transition: all 700ms ease; -ms-transition: all 700ms ease; -o-transition: all 700ms ease; transition: all 700ms ease; -webkit-transform: translateY(-50px); -moz-transform: translateY(-50px); -ms-transform: translateY(-50px); -o-transform: translateY(-50px); transform: translateY(-50px); } .banner-section-two .active h4{ opacity: 1; -webkit-transition-delay: 1000ms; -moz-transition-delay: 1000ms; -ms-transition-delay: 1000ms; -o-transition-delay: 1000ms; transition-delay: 1000ms; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); } .banner-section-two h2{ position: relative; display: block; font-size: 56px; line-height: 1.2em; color: #ffffff; font-weight: 700; opacity: 0; margin-bottom: 30px; -webkit-transform: translateY(-50px); -moz-transform: translateY(-50px); -ms-transform: translateY(-50px); -o-transform: translateY(-50px); transform: translateY(-50px); -webkit-transition: all 1000ms ease; -moz-transition: all 1000ms ease; -ms-transition: all 1000ms ease; -o-transition: all 1000ms ease; transition: all 1000ms ease; } .banner-section-two .active h2{ opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition-delay: 1500ms; -moz-transition-delay: 1500ms; -ms-transition-delay: 1500ms; -o-transition-delay: 1500ms; transition-delay: 1500ms; } .banner-section-two .content-box .text{ position: relative; display: block; font-size: 18px; line-height: 30px; color: #ffffff; font-weight: 400; opacity: 0; margin-bottom: 30px; -webkit-transition: all 1000ms ease; -moz-transition: all 100ms ease; -ms-transition: all 1000ms ease; -o-transition: all 1000ms ease; transition: all 1000ms ease; -webkit-transform: translateY(-100px); -moz-transform: translateY(-100px); -ms-transform: translateY(-100px); -o-transform: translateY(-100px); transform: translateY(-100px); } .banner-section-two .active .text{ opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition-delay: 2000ms; -moz-transition-delay: 2000ms; -ms-transition-delay: 2000ms; -o-transition-delay: 2000ms; transition-delay: 2000ms; } .banner-section-two .link-box{ position: relative; opacity: 0; -webkit-transition: all 1000ms ease; -moz-transition: all 100ms ease; -ms-transition: all 1000ms ease; -o-transition: all 1000ms ease; transition: all 1000ms ease; -webkit-transform: translateY(50px); -moz-transform: translateY(50px); -ms-transform: translateY(50px); -o-transform: translateY(50px); transform: translateY(50px); } .banner-section-two .active .link-box{ opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition-delay: 2500ms; -moz-transition-delay: 2500ms; -ms-transition-delay: 2500ms; -o-transition-delay: 2500ms; transition-delay: 2500ms; } .banner-section-two .link-box a{ position: relative; display: inline-block; font-size: 16px; line-height: 30px; color: #ffffff; font-weight: 400; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .banner-section-two .link-box a:after, .banner-section-two .link-box a:before{ position: absolute; left: 0; bottom: -5px; height: 1px; width: 100%; content: ""; background-color: #ffffff; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .banner-section-two .link-box a:after{ width: 40%; bottom: 0px; } .banner-section-two .link-box a i{ color: #FEC20E; } .banner-section-two .link-box a:hover:after, .banner-section-two .link-box a:hover:before{ width: 0; } .banner-section-two .link-box a:hover{ color: #FEC20E; } /*** ==================================================================== Banner Section Three ==================================================================== ***/ .banner-section-three{ position: relative; } .banner-section-three .slide-item{ position: relative; overflow: hidden; } .banner-section-three .content-box{ position: relative; float: left; width: 44%; padding: 100px 0; z-index: 1; } .banner-section-three .content-box .inner-box{ position: relative; float: right; max-width: 470px; width: 100%; background-color: #eeeeee; padding: 130px 15px; } .banner-section-three .content-box .inner-box:before{ position: absolute; top: 0; right: 0px; height: 100%; width: 1000%; background-color: #eeeeee; content: ""; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; } .banner-section-three .active .content-box .inner-box:before{ right: -70px; } .banner-section-three h4{ position: relative; display: block; font-size: 30px; line-height: 1.2em; color: #FEC20E; font-weight: 700; opacity: 0; margin-bottom: 10px; -webkit-transition: all 700ms ease; -moz-transition: all 700ms ease; -ms-transition: all 700ms ease; -o-transition: all 700ms ease; transition: all 700ms ease; -webkit-transform: translateY(-50px); -moz-transform: translateY(-50px); -ms-transform: translateY(-50px); -o-transform: translateY(-50px); transform: translateY(-50px); } .banner-section-three .active h4{ opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); -webkit-transition-delay: 500ms; -moz-transition-delay: 500ms; -ms-transition-delay: 500ms; -o-transition-delay: 500ms; transition-delay: 500ms; } .banner-section-three h2{ position: relative; display: block; font-size: 56px; line-height: 1.2em; color: #333333; font-weight: 700; opacity: 0; margin-bottom: 50px; -webkit-transform: translateY(-50px); -moz-transform: translateY(-50px); -ms-transform: translateY(-50px); -o-transform: translateY(-50px); transform: translateY(-50px); -webkit-transition: all 1000ms ease; -moz-transition: all 1000ms ease; -ms-transition: all 1000ms ease; -o-transition: all 1000ms ease; transition: all 1000ms ease; } .banner-section-three .active h2{ opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition-delay: 1000ms; -moz-transition-delay: 1000ms; -ms-transition-delay: 1000ms; -o-transition-delay: 1000ms; transition-delay: 1000ms; } .banner-section-three .content-box .text{ position: relative; display: block; font-size: 18px; line-height: 30px; color: #777777; font-weight: 400; opacity: 0; margin-bottom: 40px; -webkit-transition: all 1000ms ease; -moz-transition: all 100ms ease; -ms-transition: all 1000ms ease; -o-transition: all 1000ms ease; transition: all 1000ms ease; -webkit-transform: translateY(-100px); -moz-transform: translateY(-100px); -ms-transform: translateY(-100px); -o-transform: translateY(-100px); transform: translateY(-100px); } .banner-section-three .active .text{ opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition-delay: 1500ms; -moz-transition-delay: 1500ms; -ms-transition-delay: 1500ms; -o-transition-delay: 1500ms; transition-delay: 1500ms; } .banner-section-three .link-box{ position: relative; opacity: 0; -webkit-transition: all 1000ms ease; -moz-transition: all 100ms ease; -ms-transition: all 1000ms ease; -o-transition: all 1000ms ease; transition: all 1000ms ease; -webkit-transform: translateY(50px); -moz-transform: translateY(50px); -ms-transform: translateY(50px); -o-transform: translateY(50px); transform: translateY(50px); } .banner-section-three .active .link-box{ opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition-delay: 2000ms; -moz-transition-delay: 2000ms; -ms-transition-delay: 2000ms; -o-transition-delay: 2000ms; transition-delay: 2000ms; } .banner-section-three .link-box a{ position: relative; display: inline-block; font-size: 16px; line-height: 30px; color: #333333; font-weight: 700; font-family: 'Jomhuria', cursive; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .banner-section-three .link-box a:after, .banner-section-three .link-box a:before{ position: absolute; left: 0; bottom: -5px; height: 1px; width: 100%; content: ""; background-color: #bbbbbb; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .banner-section-three .link-box a:after{ width: 40%; bottom: 0px; } .banner-section-three .link-box a i{ color: #FEC20E; } .banner-section-three .link-box a:hover:after, .banner-section-three .link-box a:hover:before{ width: 0; } .banner-section-three .link-box a:hover{ color: #FEC20E; } .banner-section-three .image-box{ position: absolute; right: -70px; top: 0; height: 100%; width: 56%; background-repeat: no-repeat; background-position: center; background-size: cover; opacity: 0; visibility: hidden; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; } .banner-section-three .active .image-box{ opacity: 1; visibility: visible; right: 0; } .banner-section-three .owl-nav{ position: absolute; bottom: 0px; height: 50px; width: 190px; left: 50%; margin-left: -550px; } .banner-section-three .owl-nav:before { position: absolute; top: 15px; left: 0; right: 0; margin: 0 auto; font-size: 16px; color: #333333; font-weight: 400; line-height: 20px; content: "/"; text-align: center; } .banner-section-three .owl-next, .banner-section-three .owl-prev{ position: absolute; left: 0; top: 0; font-size: 16px; color: #222222; font-weight: 400; line-height: 20px; padding: 15px 0; padding-left: 25px; z-index: 9; text-transform: capitalize; -webkit-transition: all 200ms ease; -moz-transition: all 200ms ease; -ms-transition: all 200ms ease; -o-transition: all 200ms ease; transition: all 200ms ease; } .banner-section-three .owl-next{ left: auto; right: 0; padding-left: 0; padding-right: 25px; } .banner-section-three .owl-next:hover, .banner-section-three .owl-prev:hover{ color: #FEC20E; } .banner-section-three .owl-next:before, .banner-section-three .owl-prev:before{ position: absolute; left: 0; top: 0; height: 50px; width: 50px; border: 1px solid #dddddd; border-right: 0; content: ""; z-index: -1; -webkit-transition: all 200ms ease; -moz-transition: all 200ms ease; -ms-transition: all 200ms ease; -o-transition: all 200ms ease; transition: all 200ms ease; } .banner-section-three .owl-next:hover:before, .banner-section-three .owl-prev:hover:before{ border-color: #FEC20E; } .banner-section-three .owl-next:before{ left: auto; right: 0px; border: 1px solid #dddddd; border-left: 0; } .banner-section-three .owl-next span{ margin-left: 5px; } .banner-section-three .owl-prev span{ margin-right: 5px; } .banner-section-three .carousel-outer{ margin: 0 -15px; } /*** ==================================================================== About Section ==================================================================== ***/ .about-section{ position: relative; padding: 100px 0; } .about-section.alternate{ padding-bottom: 170px; } .about-section .content-column{ position: relative; position: relative; z-index: 9; } .about-section .content-column .inner-column{ position: relative; padding-top: 85px; } .about-section .content-column .content{ position: relative; padding: 50px 50px; background-color: #ffffff; box-shadow: 0 2px 23px rgba(0,0,0,0.10); } .about-section .content-column .sec-title{ margin-bottom: 20px; } .about-section .content-column .text{ position: relative; display: block; font-size: 14px; line-height: 27px; color: #777777; font-weight: 400; margin-bottom: 30px; } .about-section .content-column .link-box{ position: relative; } .about-section .content-column .link-box a{ position: relative; display: block; font-size: 30px; line-height: 20px; color: #222222; font-weight: 500; font-family: 'Jomhuria', cursive; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .about-section .content-column .link-box a i{ color: #FEC20E; margin-left: 5px; font-size: 14px; } .about-section .content-column .link-box a:hover{ color: #FEC20E; } .about-section .image-column{ position: relative; } .about-section .image-column .inner-column{ position: relative; margin-right: -30px; padding-left: 70px; } .about-section .image-column .image-box{ position: relative; } .about-section .image-column .image-box:before{ position: absolute; left: -90px; top: 90px; height: 490px; width: 890px; background-color: #FEC20E; content: ""; } .about-section .image-column .image{ position: relative; margin-bottom: 0; } .about-section .image-column .image img{ display: block; width: 100%; height: auto; } /*** ==================================================================== Services Section ==================================================================== ***/ .services-section{ position: relative; } .services-section .outer-box{ position: relative; margin-top: -85px; } .service-block{ position: relative; } .service-block .inner-box{ position: relative; overflow: 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; } .service-block .inner-box:hover{ box-shadow: 0 0px 30px rgba(0,0,0,.10) } .service-block .image-box{ position: relative; } .service-block .image-box .image{ position: relative; margin-bottom: 0; } .service-block .image-box .image img{ display: block; width: 100%; height: 250px; } .service-block .caption-box{ position: relative; padding: 20px 40px; padding-right: 70px; background-color: #ffffff; border: 1px solid #ebebeb; border-top: 0; } .service-block .caption-box .icon{ position: absolute; right: 0; top: 0; height: 70px; width: 70px; text-align: center; background-color: #FEC20E; font-size: 30px; line-height: 70px; color: #ffffff; } .service-block .caption-box h4{ position: relative; display: block; font-size: 50px; line-height: 30px; color: #333333; font-weight: 500; } .service-block .caption-box h4 a{ display: inline-block; color: #333333; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .service-block .caption-box h4 a:hover{ color: #FEC20E; } .service-block .overlay-box{ position: absolute; left: 0; top: 100%; height: 100%; width: 100%; background-color: rgb(34,34,34,.90); -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 600ms ease; } .service-block .inner-box:hover .overlay-box{ top:0%; } .service-block .overlay-box:before{ position: absolute; left: 40px; bottom: 0; height: 90%; width: 1px; background-color: #ffffff; content: ""; opacity: .70; } .service-block .overlay-box:after{ position: absolute; bottom: 40px; left: 0; height: 1px; width: 90%; background-color: #ffffff; opacity: .70; content: ""; } .service-block .overlay-box .inner{ position: absolute; left: 0; bottom: 80px; width: 100%; padding-left: 70px; padding-right: 30px; } .service-block .overlay-box .text{ position: relative; display: block; font-size: 14px; line-height: 27px; color: #ffffff; font-weight: 400; margin-bottom: 20px; } .service-block .overlay-box .link-box{ position: relative; display: block; } .service-block .overlay-box .link-box a{ position: relative; display: inline-block; font-size: 30px; padding: 5px 15px; border: 1px solid; line-height: 1.2em; color: #ffffff; font-weight: 500; font-family: 'Jomhuria', cursive; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .service-block .overlay-box .link-box a:hover{ color: #FEC20E; } .service-block .overlay-box .link-box a i{ margin-left: 5px; color: #FEC20E; } .services-carousel .owl-nav{ position: absolute; top: 50%; width:100%; } .services-carousel .owl-next, .services-carousel .owl-prev{ position: absolute; left: -115px; top: 0; font-size: 16px; color: #333333; font-weight: 400; line-height: 20px; padding: 15px 0; padding-left: 25px; z-index: 9; -webkit-transition: all 200ms ease; -moz-transition: all 200ms ease; -ms-transition: all 200ms ease; -o-transition: all 200ms ease; transition: all 200ms ease; } .services-carousel .owl-next{ left: auto; right: -115px; padding-left: 0; padding-right: 25px; } .services-carousel .owl-next:hover, .services-carousel .owl-prev:hover{ color: #FEC20E; } .services-carousel .owl-next:before, .services-carousel .owl-prev:before{ position: absolute; left: 0; top: 0; height: 50px; width: 50px; border: 1px solid #777777; border-right: 0; content: ""; z-index: -1; -webkit-transition: all 200ms ease; -moz-transition: all 200ms ease; -ms-transition: all 200ms ease; -o-transition: all 200ms ease; transition: all 200ms ease; } .services-carousel .owl-next:hover:before, .services-carousel .owl-prev:hover:before{ border-color: #FEC20E; } .services-carousel .owl-next:before{ left: auto; right: 0px; border: 1px solid #777777; border-left: 0; } .services-carousel .owl-next span{ margin-left: 5px; font-size: 14px; } .services-carousel .owl-prev span{ margin-right: 5px; font-size: 14px; } .services-section.style-two{ position: relative; padding: 100px 0 40px; } .services-section.style-two .service-block{ margin-bottom: 60px; } /*** ==================================================================== Services Section Two ==================================================================== ***/ .services-section-two{ position: relative; padding: 100px 0; } .services-section-two .outer-box{ position: relative; } .services-section-two .title-column{ position: relative; float: left; max-width: 37.5%; width: 100%; } .services-section-two .title-column .inner-column{ position: relative; float: right; max-width: 350px; width: 100%; padding-right: 60px; padding-top: 120px; } .services-section-two .services-column{ position: relative; float: right; max-width: 62.5%; width: 100%; } .services-section-two .services-column .inner-column{ position: relative; padding: 85px 55px 0; } .services-section-two .services-column .inner-column:before{ position: absolute; left: 0; top: 0; height: 300px; width: 100%; background-image: url(../images/pattern-2.jpg); background-repeat: repeat; background-position:center; content: ''; } .services-carousel-two{ position: relative; } .service-block-two{ position: relative; padding: 15px 15px 25px; } .service-block-two .inner-box{ position: relative; background-color: #ffffff; padding: 70px 15px 70px; text-align: center; box-shadow: 0 5px 15px rgba(0,0,0,0.10); } .service-block-two .icon-box{ position: relative; display: block; } .service-block-two .icon-box .icon{ position: relative; display: inline-block; font-size: 50px; line-height: 1em; color: #FEC20E; font-weight: 400; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .service-block-two .inner-box:hover .icon-box .icon{ color: #222222; } .service-block-two h5{ position: relative; display: block; font-size: 41px; color: #333333; font-weight: 500; margin-bottom: 10px; } .service-block-two h5 a{ color: #333333; display: inline-block; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .service-block-two h5 a:hover{ color: #FEC20E; } .service-block-two .text{ position: relative; display: block; font-size: 14px; line-height: 27px; color: #666666; font-weight: 400; } .service-block-two .link-box{ position: absolute; left: 0; right: 0; bottom: -25px; margin: 0 auto; } .service-block-two .link-box a{ position: relative; display: inline-block; height: 50px; width: 50px; line-height: 50px; background-color: #FEC20E; text-align: center; font-size: 20px; color: #ffffff; border-radius: 50%; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .service-block-two .link-box a:hover{ background-color: #222222; } .services-carousel-two .owl-nav{ position: absolute; left: -410px; bottom: 50px; width: 190px; } .services-carousel-two .owl-nav:before { position: absolute; top: 15px; left: 0; right: 0; margin: 0 auto; font-size: 16px; color: #333333; font-weight: 400; line-height: 20px; content: "/"; text-align: center; } .services-carousel-two .owl-next, .services-carousel-two .owl-prev{ position: absolute; left: 0; top: 0; font-size: 16px; color: #222222; font-weight: 400; line-height: 20px; padding: 15px 0; padding-left: 25px; z-index: 9; -webkit-transition: all 200ms ease; -moz-transition: all 200ms ease; -ms-transition: all 200ms ease; -o-transition: all 200ms ease; transition: all 200ms ease; } .services-carousel-two .owl-next{ left: auto; right: 0; padding-left: 0; padding-right: 25px; } .services-carousel-two .owl-next:hover, .services-carousel-two .owl-prev:hover{ color: #FEC20E; } .services-carousel-two .owl-next:before, .services-carousel-two .owl-prev:before{ position: absolute; left: 0; top: 0; height: 50px; width: 50px; border: 1px solid #dddddd; border-right: 0; content: ""; z-index: -1; -webkit-transition: all 200ms ease; -moz-transition: all 200ms ease; -ms-transition: all 200ms ease; -o-transition: all 200ms ease; transition: all 200ms ease; } .services-carousel-two .owl-next:hover:before, .services-carousel-two .owl-prev:hover:before{ border-color: #FEC20E; } .services-carousel-two .owl-next:before{ left: auto; right: 0px; border: 1px solid #dddddd; border-left: 0; } .services-carousel-two .owl-next span{ margin-left: 5px; } .services-carousel-two .owl-prev span{ margin-right: 5px; } /*** ==================================================================== Services Section Three ==================================================================== ***/ .services-section-three{ position: relative; padding: 100px 0; } .services-carousel-three{ position: relative; } .service-block-three{ position: relative; padding: 15px 15px 25px; } .service-block-three .inner-box{ position: relative; background-color: #ffffff; padding: 40px 15px 70px; text-align: center; box-shadow: 0 5px 15px rgba(0,0,0,0.10); } .service-block-three .inner-box:before{ position: absolute; left: 0; top: 0; height: 0; width: 100%; background-color: #FEC20E; content: ""; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; } .service-block-three .inner-box:hover:before{ height: 100%; } .service-block-three .icon-box{ position: relative; height: 70px; width: 70px; background-color: #ffffff; border-radius: 50%; display: block; margin: 0 auto 25px; } .service-block-three .icon-box .icon{ position: relative; display: inline-block; font-size: 54px; line-height: 70px; color: #FEC20E; font-weight: 400; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; } .service-block-three .inner-box:hover .icon-box .icon{ color: #333333; -webkit-transform: scale(.7); -moz-transform: scale(.7); -ms-transform: scale(.7); -o-transform: scale(.7); transform: scale(.7); } .service-block-three h5{ position: relative; display: block; font-size: 30px; color: #2A975B; font-weight: 500; margin-bottom: 30px; } .service-block-three h5 a{ color: #333333; display: inline-block; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; } .service-block-three .inner-box:hover h5 a{ color: #ffffff; } .service-block-three .text{ position: relative; display: block; font-size: 14px; line-height: 27px; color: #666666; font-weight: 400; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; } .service-block-three .inner-box:hover .text{ color: #ffffff; } .service-block-three .link-box{ position: absolute; left: 0; right: 0; bottom: -25px; margin: 0 auto; } .service-block-three .link-box a{ position: relative; display: inline-block; height: 50px; width: 50px; line-height: 50px; background-color: #FEC20E; text-align: center; font-size: 20px; color: #ffffff; border-radius: 50%; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; } .service-block-three .inner-box:hover .link-box a{ background-color: #222222; } .services-carousel-three .owl-nav{ position: relative; height: 50px; width: 190px; margin: 80px auto 0px; } .services-carousel-three .owl-nav:before { position: absolute; top: 15px; left: 0; right: 0; margin: 0 auto; font-size: 16px; color: #333333; font-weight: 400; line-height: 20px; content: "/"; text-align: center; } .services-carousel-three .owl-next, .services-carousel-three .owl-prev{ position: absolute; left: 0; top: 0; font-size: 16px; color: #222222; font-weight: 400; line-height: 20px; padding: 15px 0; padding-left: 25px; z-index: 9; -webkit-transition: all 200ms ease; -moz-transition: all 200ms ease; -ms-transition: all 200ms ease; -o-transition: all 200ms ease; transition: all 200ms ease; } .services-carousel-three .owl-next{ left: auto; right: 0; padding-left: 0; padding-right: 25px; } .services-carousel-three .owl-next:hover, .services-carousel-three .owl-prev:hover{ color: #FEC20E; } .services-carousel-three .owl-next:before, .services-carousel-three .owl-prev:before{ position: absolute; left: 0; top: 0; height: 50px; width: 50px; border: 1px solid #dddddd; border-right: 0; content: ""; z-index: -1; -webkit-transition: all 200ms ease; -moz-transition: all 200ms ease; -ms-transition: all 200ms ease; -o-transition: all 200ms ease; transition: all 200ms ease; } .services-carousel-three .owl-next:hover:before, .services-carousel-three .owl-prev:hover:before{ border-color: #FEC20E; } .services-carousel-three .owl-next:before{ left: auto; right: 0px; border: 1px solid #dddddd; border-left: 0; } .services-carousel-three .owl-next span{ margin-left: 5px; } .services-carousel-three .owl-prev span{ margin-right: 5px; } .services-section-three .carousel-outer{ margin: 0 -15px; } /*** ==================================================================== Service Detail Section ==================================================================== ***/ .service-detail-section{ position: relative; padding: 100px 0 60px; } .service-detail{ position: relative; } .service-detail .image-box{ position: relative; } .service-detail .image-box img{ position: relative; display: block; width: 100%; } .service-detail .lower-content{ position: relative; padding-top: 30px; } .service-detail .lower-content h2{ position: relative; display: block; font-size: 30px; line-height: 1.2em; color: #333333; font-weight: 700; margin-bottom: 25px; } .service-detail .lower-content h3{ position: relative; display: block; font-size: 24px; line-height: 1.2em; color: #333333; font-weight: 700; margin-bottom: 20px; } .service-detail .lower-content p{ position: relative; display: block; font-size: 14px; line-height: 27px; color: #777777; font-weight: 400; margin-bottom: 27px; } .service-detail .two-column{ position: relative; margin-top: 30px; } .service-detail .two-column .image-column{ position: relative; margin-bottom: 30px; } .service-detail .two-column .image{ position: relative; margin-bottom: 0; } .service-detail .two-column .image img{ display: block; width: 100%; height: auto; } .service-detail .two-column .info-column{ position: relative; margin-bottom: 30px; } .accordion-box.style-two{ margin-bottom: 30px; margin-top: 30px; } .accordion-box.style-two .block { position: relative; border-radius: 0; margin-bottom: 10px; } .accordion-box.style-two .block .acc-btn{ position:relative; font-size:16px; line-height:28px; color:#333333; font-weight:700; padding:15px 20px 15px; padding-right: 40px; background-color: #f5f5f5; border-radius: 0; border:0; font-family: 'Jomhuria', cursive; } .accordion-box.style-two .block .acc-btn.active{ background-color: #ffffff; color: #FEC20E; } .accordion-box.style-two .block .icon{ position:absolute; left: auto; right: 15px; top:15px; height: 30px; width: 30px; font-size: 17px; line-height: 30px; font-weight: 400; color: #FEC20E; text-align: center; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; } .accordion-box.style-two .block .acc-btn.active .icon:before{ left: auto; right: 7px; content: "\f358"; color: #333333; font-size: 17px; background-color: #ffffff; font-weight: 400; font-family: 'Font Awesome 5 Free'; } .accordion-box.style-two .block .content{ border:0; padding:0 20px 20px; } /*======================= Service Tabs Style =======================*/ .table-style-one{ position: relative; height: 212px; overflow-y: scroll; background-color: white; } .table-style-one table{ position: relative; border: 1px solid #dddddd; min-width: 800px; } .table-style-one thead{ position: relative; background-color: #f1f1f1; } .table-style-one thead th{ position: relative; font-size: 28px; line-height: 30px; color: #333333; font-weight: 400; font-family: 'Jomhuria', cursive; padding: 15px 40px; text-align: center; } .table-style-one tbody th{ position: relative; font-size: 14px; line-height: 48px; padding: 20px 40px; color: #333333; font-weight: 400; font-family: 'Jomhuria', cursive; } .table-style-one tbody tr, .table-style-one tbody td{ position: relative; text-align: center; padding: 20px 40px; border-right: 1px solid #dddddd; } .table-style-one tbody tr th:first-child{ text-align: left; border-right: 1px solid #dddddd; font-weight: 600; } .table-style-one tbody tr th{ padding: 10px 40px; font-weight: 700; font-family: "Archivo", sans-serif; border-top: 1px solid #dddddd; border-right: 1px solid #dddddd; } .service-detail .table-style-one{ margin-bottom: 60px; } /*======================= Service Tabs Style =======================*/ .service-info-tabs{ position:relative; margin-bottom: 60px; } .service-tabs .tab-btns{ position:relative; z-index:1; } .service-tabs .tab-btns .tab-btn{ position:relative; float:left; top: 2px; margin-right:5px; font-size:15px; line-height:30px; color:#222222; font-weight:700; cursor:pointer; text-transform:capitalize; background-color: transparent; border:1px solid transparent; padding:10px 25px; font-family: 'Jomhuria', cursive; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease; } .service-tabs .tab-btns .tab-btn:hover:after, .service-tabs .tab-btns .tab-btn.active-btn:after{ position:absolute; content:''; left:0px; bottom:-3px; width:100%; height:5px; background-color:#ffffff; border-bottom: 0; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease; } .service-tabs .tab-btns .tab-btn:hover, .service-tabs .tab-btns .tab-btn.active-btn{ color:#FEC20E; border-color:#FEC20E; background:#ffffff; } .service-tabs .tabs-content{ position:relative; padding:30px 30px 30px; border:1px solid #FEC20E; } .service-tabs .tabs-content .tab{ position:relative; display:none; } .service-tabs .tabs-content .tab.active-tab{ display:block; } .service-tabs .tabs-content .tab .content{ position:relative; } .service-tabs .tabs-content .tab .content:after{ display: table; content: ""; clear: both; } .service-tabs .tabs-content .tab .content .image{ position: relative; float: left; margin-bottom: 0; margin-right: 30px; } .service-tabs .tabs-content .tab .content .thumb img{ display: block; width: 100%; } .service-tabs .tabs-content .tab .content p{ position:relative; font-size:14px; line-height:30px; color:#777777; margin-bottom:0px; padding-top: 10px; } /*Services Category*/ .services--list{ position:relative; margin-bottom: 50px; border: 1px solid #dddddd; } .services--list li{ position:relative; overflow: hidden; } .services--list li a{ font-size:18px; font-weight:700; color:#333333; line-height: 28px; padding: 20px 25px; display:block; font-family:'Jomhuria', cursive; border-bottom:1px solid #dddddd; overflow: hidden; padding-right: 75px; transition:all 300ms ease; -moz-transition:all 300ms ease; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; } .services--list li:last-child a{ border-bottom: 0; } .services--list li .icon{ position: absolute; height: 72px; width: 72px; background-color: #FEC20E; color: #ffffff; top: -1px; right: -1px; text-align: center; line-height: 70px; font-size: 30px; font-weight: 400; } .services--list li.active a, .services--list li:hover a{ color: #ffffff; } .services--list li a:after{ position: absolute; left: -1px; top: 0; height: 100%; width: 0; content: ""; background-color: #222222; z-index: -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; } .services--list li.active a:after, .services--list li:hover a:after{ width: 101%; } /*Brochure links*/ .sidebar .links-box{ position: relative; } .sidebar .links-box .sec-title .title{ margin-bottom: 10px; } .sidebar .links-box .sec-title{ margin-bottom: 30px; } .sidebar .links-box .sec-title h2{ font-size: 55px; color: #2A975B; } .sidebar .brochure-link{ position: relative; margin-bottom:10px; } .sidebar .brochure-link a{ position:relative; display: block; font-size: 16px; line-height: 30px; color: #333333; font-weight: 400; padding: 15px 25px; padding-left: 35px; background-color: #84c19f; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease; } .sidebar .brochure-link a i{ position: relative; float: right; font-size: 20px; line-height: 30px; color: #FEC20E; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease; } .sidebar .brochure-link a:hover{ background-color: #333333; color: #ffffff; } /*brochure Box*/ .brochure-box{ position:relative; background-repeat: no-repeat; background-position: center; background-size:cover; padding:45px 40px 50px; margin-bottom: 50px; text-align: center; } .brochure-box:before{ position: absolute; left: 0; top: 0; height: 100%; width: 100%; background-color: #000000; opacity: 0.90; content: ""; } .brochure-box .sec-title{ margin-bottom: 20px; } .brochure-box p{ position:relative; font-size:16px; line-height:30px; color:#ffffff; font-weight: 400; margin-bottom:24px; } .brochure-box .theme-btn{ position: relative; padding: 10px 35px; font-size: 14px; line-height: 18px; font-weight: 400; color: #FEC20E; border: 1px solid #ffffff; background-color: transparent; } .brochure-box .theme-btn:hover{ background-color: #FEC20E; border-color: #FEC20E; color: #ffffff; } /*** ==================================================================== Why Choose Us ==================================================================== ***/ .why-choose-us{ position: relative; padding: 100px 0 50px; } .why-choose-us:before{ position: absolute; left: 0; top: 0; height: 100%; width: 35%; background-color: #f7f7f7; content: ""; } .why-choose-us .image-column{ position: relative; margin-bottom: 50px; } .why-choose-us .image-column .inner-column{ position: relative; } .why-choose-us .image-column .image{ position: relative; margin-bottom: 0; display: inline-block; } .why-choose-us .image-column .image:before{ position: absolute; top: 60px; right: -65px; width: 65px; height: 460px; background-image: url(../images/pattern-4.jpg); content: ""; z-index: 1; } .why-choose-us .image-column .image img{ display: block; max-width: 100%; height: auto } .image-column .image{ position: relative; margin-bottom: 0; display: inline-block; } .image-column .image:before{ position: absolute; top: 60px; right: -65px; width: 65px; height: 460px; background-image: url(../images/pattern-4.jpg); content: ""; z-index: 1; } .image-column .image img{ display: block; max-width: 100%; height: auto } .why-choose-us .features-column{ position: relative; } .why-choose-us .features-column .inner-column{ position: relative; } .why-choose-us .features-column .sec-title{ /*margin-bottom: 70px;*/ } .feature-block{ position: relative; margin-bottom: 10px; } .feature-block .inner-box{ position: relative; } .feature-block .icon{ position: relative; display: inline-block; font-size: 50px; color: #FEC20E; font-weight: 400; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .feature-block .inner-box:hover .icon{ -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); color: #333333; } .feature-block h5{ position: relative; display: block; font-size: 33px; line-height: 1.2em; color: #333333; font-weight: 500; } .feature-block h5 a{ color: #333333; display: inline-block; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .feature-block h5 a:hover{ color: #FEC20E; } .feature-block .text{ position: relative; display: block; font-size: 14px; line-height: 22px; color: #777777; font-weight: 400; font-family: "Archivo", sans-serif; padding-right: 30px; } /*** ==================================================================== Work Section ==================================================================== ***/ .work-section{ position: relative; padding: 100px 0 50px; } .work-tabs{ position: relative; text-align: center; } .work-tabs .tab-btns{ position:relative; display: inline-block; border-radius: 30px; z-index:1; } .work-tabs .tab-btns .tab-btn{ position: relative; float: left; border-radius: 30px; margin: 4px; font-size: 15px; line-height: 30px; color: #ffffff; background: #2a975b; text-transform: capitalize; font-weight: 400; cursor: pointer; padding: 12px 16px; min-width: 187px; text-align: center; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; } .work-tabs .tab-btns .tab-btn.active-btn{ color:#ffffff; background:#FEC20E; } .work-tabs .tabs-content{ position:relative; text-align: left; padding: 70px 0 0; } .work-tabs .content-column{ position: relative; margin-bottom: 50px; } .work-tabs .content-column .inner-column{ position: relative; max-width: 370px; margin: 0 auto; } .work-tabs .content-column h3{ position: relative; display: block; font-size: 54px; line-height: 1.2em; color: #333333; font-weight: 500; margin-bottom: 35px; } .work-tabs .content-column .text{ position: relative; display: block; font-size: 14px; color: #777777; line-height: 27px; margin-bottom: 23px; } .work-tabs .content-column .list-style-one{ margin-bottom: 35px; } .work-tabs .content-column .btn-box{ position: relative; } .work-tabs .image-column{ position: relative; margin-bottom: 50px; } .work-tabs .image-column .inner-column{ position: relative; padding: 0 30px; } .work-tabs .image-column .image{ position: relative; margin-bottom: 0; } .work-tabs .image-column .image:before{ position: absolute; left: -60px; top: 40px; height: 100%; width: 100%; border: 15px solid #ebebeb; content: ""; z-index: -1; } .work-tabs .image-column .image img{ display: block; width: 100%; height: auto; } /*** ==================================================================== Testimonial Section ==================================================================== ***/ .testimonial-section{ position: relative; background-repeat: no-repeat; background-position: center; background-size: cover; padding: 0 0 100px; margin-top: 100px; } .testimonial-section .testimonial-column{ position: relative; float: right; max-width: 600px; background-color: #f5f5f5; margin-top: -100px; border-radius: 15px; } .testimonial-section .testimonial-column .inner-column{ position: relative; padding: 95px 90px 165px; } /*** ==================================================================== Call Back and Testimonial ==================================================================== ***/ .call-back-and-testimonial{ position: relative; padding: 100px 0 50px; background-color: #a5d6a7; } .call-back-and-testimonial .form-column{ position: relative; margin-bottom: 50px; } .call-back-and-testimonial .form-column .inner-column{ position: relative; padding-top: 70px; padding-left: 100px; } .call-back-and-testimonial .form-column .image-box{ position: absolute; left: 0; top: 0; } .call-back-and-testimonial .form-column .image{ position: relative; margin-bottom: 0; } .call-back-and-testimonial .form-column .image img{ display: inline-block; max-width: 100%; height: auto; } .appointment-form{ position: relative; padding: 45px 45px 35px; background-color: #ffffff; z-index: 9; -webkit-box-shadow: 0 0 40px rgba(0,0,0,0.10); -moz-box-shadow: 0 0 40px rgba(0,0,0,0.10); -ms-box-shadow: 0 0 40px rgba(0,0,0,0.10); -o-box-shadow: 0 0 40px rgba(0,0,0,0.10); box-shadow: 0 0 40px rgba(0,0,0,0.10); } .appointment-form .title-box{ position: relative; text-align: center; margin-bottom: 25px; } .appointment-form .title-box h3{ position: relative; font-size: 50px; line-height: 1.2em; color: #333333; font-weight: 500; } .appointment-form .form-group{ position:relative; margin-bottom:10px; } .appointment-form .form-group input[type="text"], .appointment-form .form-group input[type="password"], .appointment-form .form-group input[type="email"], .appointment-form .form-group input[type="tel"], .appointment-form .form-group input[type="url"], .appointment-form .form-group textarea, .appointment-form .form-group select{ position: relative; display: block; font-size: 14px; line-height: 20px; color: #000000; font-weight: 400; padding: 14px 25px; width: 100%; height: 50px; background-color: #ffffff; border: 1px solid #dddddd; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .appointment-form .form-group textarea{ height: 100px; resize: none; margin-bottom: 10px; } .appointment-form .form-group input[type="submit"], .appointment-form button{ margin-top: 20px; font-size: 45px; min-width: 150px; } .appointment-form .form-group input:focus, .appointment-form .form-group textarea:focus, .appointment-form .form-group select:focus{ border-color: #FEC20E; } .appointment-form .message-box{ position: relative; margin-top: 25px; display: block; font-size: 14px; line-height: 24px; color: #777777; font-weight: 400; text-align: center; } .appointment-form .message-box span{ color: #FEC20E; } .appointment-form .message-box a{ color: #777777; display: inline-block; } .appointment-form .message-box a:hover{ text-decoration: underline; } .call-back-and-testimonial .testimonial-column{ position: relative; margin-bottom: 50px; } .call-back-and-testimonial .testimonial-column .inner-column{ position: relative; padding-top: 70px; padding-left: 100px; padding-right: 50px; } .testimonial-carousel{ position: relative; } .testimonial-block{ position: relative; } .testimonial-block .inner-box{ position: relative; } .testimonial-block .info-box{ position: relative; padding-left: 100px; padding-top: 10px; } .testimonial-block .info-box .thumb{ position: absolute; left: 0; top: 0; height: 70px; width: 70px; } .testimonial-block .info-box .thumb img{ display: block; width: 100%; height: auto; } .testimonial-block .info-box .name{ position: relative; display: block; font-size: 30px; line-height: 1.2em; color: #71b100; font-weight: 500; } .testimonial-block .info-box .designation{ position: relative; font-size: 14px; line-height: 24px; color: #ffffff; font-weight: 500; } .testimonial-block .info-box .rating{ position: absolute; right: 0; bottom: 0; font-size: 14px; line-height: 25px; color: #71b100; font-weight: 400; } .testimonial-block .info-box .rating .dark{ color: #fff; } .testimonial-block .content-box{ position: relative; padding-top: 40px; margin-top: 40px; border-top: 1px solid #bbbbbb; } .testimonial-block .content-box .icon{ position: absolute; right: 30px; top: -16px; height: 30px; width: 30px; font-size: 14px; text-align: center; background-color: #2A975B; color: #ffffff; line-height: 30px; } .testimonial-block .content-box .text{ position: relative; font-size: 14px; line-height: 27px; color: #fff; font-weight: 400; } .testimonial-carousel{ position: relative; } .testimonial-carousel .owl-nav{ display: none; } .testimonial-carousel .owl-dots{ position: absolute; left: 0; bottom: -70px; } .testimonial-carousel .owl-dot{ position: relative; float: left; height: 6px; width: 16px; margin-right: 10px; background-color: #71b100; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .testimonial-carousel .owl-dot:hover{ background-color: #333333; } .testimonial-carousel .owl-dot.active{ width: 30px; background-color: #333333; } /*** ==================================================================== Projects Section ==================================================================== ***/ .projects-section{ position: relative; padding: 100px 0; } .mixitup-gallery .filters{ margin-bottom:25px; text-align:center; } .mixitup-gallery .filters .filter-tabs{ position:relative; display: inline-block; } .mixitup-gallery .filters li{ position: relative; float: left; font-size: 16px; line-height: 30px; color: #777777; font-weight: 500; cursor: pointer; text-transform: capitalize; padding: 0 0 10px; margin: 0 15px; -webkit-transition:all 300ms ease; -moz-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; transition: all 300ms ease; } .mixitup-gallery .filters li.active, .mixitup-gallery .filters li:hover{ color: #DF646A; } .mixitup-gallery .filters li:after, .mixitup-gallery .filters li:before{ position: absolute; left: 0; right: 0; bottom: 5px; height: 1px; width: 0%; content: ""; background-color: #777777; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .mixitup-gallery .filters li:after{ margin: 0; bottom: 10px; } .mixitup-gallery .filters li.active:before{ width: 100%; } .mixitup-gallery .filters li.active:after{ width: 60%; } .project-block.mix{ display: none; } .project-block{ position: relative; padding: 0 2px; margin-bottom: 4px; } .project-block .image-box{ position: relative; overflow: hidden; } .project-block .image-box .image{ position: relative; margin-bottom: 0; } .project-block .image-box .image img{ display: block; width: 100%; height: auto; } .project-block .overlay-box{ position: absolute; left: 0; top: 0; height: 100%; width: 100%; z-index:1; background-color: rgb(34,34,34,.90); -webkit-transition: -webkit-transform 0.4s 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(1, 0); -ms-transform: scale(1, 0); transform: scale(1, 0); -webkit-transform-origin: bottom center; -ms-transform-origin: bottom center; transform-origin: bottom center; } .project-block .image-box:hover .overlay-box{ -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1); -webkit-transform-origin: top center; -ms-transform-origin: top center; transform-origin: top center; } .project-block .overlay-box:before{ position: absolute; left: 40px; top: 0; height: 90%; width: 1px; background-color: #ffffff; content: ""; opacity: .70; } .project-block .overlay-box:after{ position: absolute; top: 40px; left: 0; height: 1px; width: 90%; background-color: #ffffff; opacity: .70; content: ""; } .project-block .overlay-box .inner{ position: absolute; left: 0; top: 80px; width: 100%; padding-left: 70px; padding-right: 30px; } .project-block .overlay-box h4{ position: relative; display: block; font-size: 40px; line-height: 36px; color: #ffffff; font-weight: 500; margin-bottom: 10px; } .project-block .overlay-box h4 a{ color: #ffffff; display: inline-block; transition: all 300ms ease; } .project-block .overlay-box .text{ position: relative; display: block; font-size: 14px; line-height: 27px; color: #ffffff; font-weight: 400; margin-bottom: 20px; } .project-block .overlay-box .link-box{ position: relative; display: block; } .project-block .overlay-box .link-box a{ position: relative; display: block; font-size: 14px; line-height: 1.2em; color: #ffffff; font-weight: 700; font-family: 'Jomhuria', cursive; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .project-block .overlay-box .link-box a:hover{ color: #FEC20E; } .project-block .overlay-box .link-box a i{ margin-left: 5px; color: #FEC20E; } .project-block .overlay-box .tag{ position: absolute; left: 30px; bottom: 30px; text-align: right; opacity:0; font-size: 14px; line-height: 24px; color: #ffffff; font-weight: 400; text-transform: uppercase; -webkit-transform:scale(0,0); -moz-transform:scale(0,0); -ms-transform:scale(0,0); -o-transform:scale(0,0); transform:scale(0,0); -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -ms-transition: all 400ms ease; -o-transition: all 400ms ease; transition: all 400ms ease; } .project-block .image-box:hover .overlay-box .tag{ opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition-delay: 1000ms; -moz-transition-delay: 1000ms; -ms-transition-delay: 1000ms; -o-transition-delay: 1000ms; transition-delay: 1000ms; } .projects-section.alternate{ padding: 100px 0; } .projects-section.alternate .btn-box{ position: relative; margin-top: 75px; } .projects-section.alternate .btn-box a{ font-size: 16px; } /*** ==================================================================== Projects Section Two ==================================================================== ***/ .projects-section-two{ position: relative; padding: 100px 0; } .projects-carousel-two{ position: relative; max-width: 1100px; margin: 0 auto; } .project-block-two{ position: relative; padding: 0 20px; padding-right: 310px; transition: all 300ms ease; } .project-block-two .image-box{ position: relative; } .project-block-two .image-box .image{ position: relative; margin-bottom: 0; } .project-block-two .image-box .image img{ display: block; width: 100%; height: auto; } .project-block-two .image-box .date{ position: absolute; left: -20px; bottom: 55px; font-size: 18px; line-height: 30px; color: #ffffff; font-weight: 700; padding: 9px 35px 9px 55px; border: 1px solid #ffffff; background-color: #333333; border-radius: 0 30px 30px 0; font-family: "Lora",sans-serif; } .project-block-two .image-box .date:before{ position: absolute; left: 0; bottom: -21px; border-left: 20px solid transparent; border-top: 20px solid #777777; content: ""; } .project-block-two .info-box{ position: absolute; right: -40px; top: 55px; opacity: 0; visibility: hidden; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; } .projects-carousel-two .active .project-block-two .info-box{ right: 20px; opacity: 1; visibility: visible; -webkit-transition-delay: 500ms; -moz-transition-delay: 500ms; -ms-transition-delay: 500ms; -o-transition-delay: 500ms; transition-delay: 500ms; } .project-block-two .info-box .inner-box{ position: relative; background: #ffffff; max-width: 330px; width: 100%; padding: 35px 40px 40px; -webkit-box-shadow: 0 10px 18px rgba(0,0,0,0.08); -moz-box-shadow: 0 10px 18px rgba(0,0,0,0.08); -ms-box-shadow: 0 10px 18px rgba(0,0,0,0.08); -o-box-shadow: 0 10px 18px rgba(0,0,0,0.08); box-shadow: 0 10px 18px rgba(0,0,0,0.08); } .project-block-two .info-box h3{ position: relative; display: block; font-size: 24px; line-height: 1.2em; color: #333333; font-weight: 700; margin-bottom: 35px; } .project-block-two .info-box .text{ position: relative; display: block; font-size: 14px; line-height: 27px; color: #777777; font-weight: 400; margin-bottom: 35px; } .project-block-two .info-box .link-box{ position: relative; } .project-block-two .link-box a{ position: relative; display: inline-block; font-size: 14px; line-height: 30px; color: #FEC20E; font-weight: 400; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .project-block-two .link-box a:after, .project-block-two .link-box a:before{ position: absolute; left: 0; bottom: -5px; height: 1px; width: 100%; content: ""; background-color: #777777; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .project-block-two .link-box a:after{ width: 40%; bottom: 0px; } .project-block-two .link-box a i{ color: #FEC20E; } .project-block-two .link-box a:hover:after, .project-block-two .link-box a:hover:before{ width: 0; } .project-block-two .link-box a:hover{ color: #222222; } .projects-section-two .message-box{ position: relative; text-align: right; margin-top: -30px; } .projects-section-two .message-box .text{ position: relative; display: block; font-size: 16px; line-height: 24px; color: #333333; font-weight: 400; } .projects-section-two .message-box .text a{ color: #FEC20E; } .projects-section-two .message-box .text a:hover{ text-decoration: underline; } .projects-section-two .owl-nav{ position: absolute; right: 0; top: -100px; width: 190px; } .projects-section-two .owl-nav:before { position: absolute; top: 15px; left: 0; right: 0; margin: 0 auto; font-size: 16px; color: #333333; font-weight: 400; line-height: 20px; content: "/"; text-align: center; } .projects-section-two .owl-next, .projects-section-two .owl-prev{ position: absolute; left: 0; top: 0; font-size: 16px; color: #222222; font-weight: 400; line-height: 20px; padding: 15px 0; padding-left: 25px; z-index: 9; -webkit-transition: all 200ms ease; -moz-transition: all 200ms ease; -ms-transition: all 200ms ease; -o-transition: all 200ms ease; transition: all 200ms ease; } .projects-section-two .owl-next{ left: auto; right: 0; padding-left: 0; padding-right: 25px; } .projects-section-two .owl-next:hover, .projects-section-two .owl-prev:hover{ color: #FEC20E; } .projects-section-two .owl-next:before, .projects-section-two .owl-prev:before{ position: absolute; left: 0; top: 0; height: 50px; width: 50px; border: 1px solid #dddddd; border-right: 0; content: ""; z-index: -1; -webkit-transition: all 200ms ease; -moz-transition: all 200ms ease; -ms-transition: all 200ms ease; -o-transition: all 200ms ease; transition: all 200ms ease; } .projects-section-two .owl-next:hover:before, .projects-section-two .owl-prev:hover:before{ border-color: #FEC20E; } .projects-section-two .owl-next:before{ left: auto; right: 0px; border: 1px solid #dddddd; border-left: 0; } .projects-section-two .owl-next span{ margin-left: 5px; } .projects-section-two .owl-prev span{ margin-right: 5px; } /*** ==================================================================== Project Section Three ==================================================================== ***/ .projects-section-three{ position: relative; padding: 100px 0; } .projects-section-three .carousel-outer{ position: relative; } .projects-section-three .carousel-outer:before{ position: absolute; top: 0; right: 100%; width: 1000%; background-color: #ffffff; height: 100%; content: ""; z-index: 5; } .projects-carousel-three{ position: relative; padding-bottom: 110px; } .projects-carousel-three .owl-stage-outer{ overflow: visible; } .project-block-three{ position: relative; } .project-block-three .inner-box{ position: relative; } .project-block-three .image-box{ position: relative; overflow: hidden; } .project-block-three .image-box .image{ position: relative; margin-bottom: 0; } .project-block-three .image-box .image img{ display: block; width: 100%; height: auto; } .project-block-three .overlay-box{ position: absolute; left: 0; top: 100%; height: 100%; width: 100%; transition: all 500ms ease; } .project-block-three .overlay-box:before{ position: absolute; left: 0; top: 0; height: 100%; width: 100%; background-color: #71b100; opacity: .90; content: ""; } .project-block-three .inner-box:hover .overlay-box{ top: 0; } .project-block-three .overlay-box .inner{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; } .project-block-three .overlay-box .inner:before{ position: absolute; left: 40px; bottom: 0; height: 108%; width: 2px; background-color: #ffffff; content: ""; opacity: .70; } .project-block-three .overlay-box .inner:after{ position: absolute; left: 0; bottom: 50px; height: 2px; width: 100%; background-color: #ffffff; opacity: .70; content: ""; } .project-block-three .inner-box:hover .overlay-box .inner{ -webkit-transition-delay: 400ms; -moz-transition-delay: 400ms; -ms-transition-delay: 400ms; -o-transition-delay: 400ms; transition-delay: 400ms; bottom: 0; } .project-block-three .btn-box{ position: absolute; right: 50px; top: 50px; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); } .project-block-three .btn-box a{ position: relative; display: inline-block; height: 50px; width: 50px; text-align: center; font-size: 14px; color: #71b100; font-weight: 400; line-height: 50px; background-color: #ffffff; margin-left: 15px; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .project-block-three .btn-box a:hover{ background-color: #333333; border-color: #ffffff; color: #ffffff; } .project-block-three .inner-box:hover .btn-box{ top: 50px; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(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; -webkit-transition-delay: 500ms; -moz-transition-delay: 500ms; -ms-transition-delay: 500ms; -o-transition-delay: 500ms; transition-delay: 500ms; } .project-block-three .overlay-box .link-box{ position: absolute; left: 80px; bottom: 80px; } .project-block-three .overlay-box .link-box a{ position: relative; display: block; font-size: 16px; line-height: 20px; color: #ffffff; font-weight: 400; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .project-block-three .overlay-box .link-box a:hover{ color: #ffffff; } .project-block-three .lower-content{ position: relative; padding: 20px 40px; border: 2px solid #ebebeb; } .project-block-three .lower-content .name{ position: relative; display: block; font-size: 20px; color: #222222; line-height: 1.2em; font-weight: 700; margin-bottom: 5px; } .project-block-three .lower-content .name a{ color: #222222; display: inline-block; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .project-block-three .lower-content .category{ position: relative; display: block; font-size: 14px; line-height: 27px; color: #FEC20E; font-weight: 400; } .project-block-three .lower-content .name a:hover{ color: #FEC20E; } .projects-carousel-three .owl-nav{ position: absolute; right: 0; bottom: 0; height: 50px; width: 190px; margin: 80px auto 0px; } .projects-carousel-three .owl-nav:before { position: absolute; top: 15px; left: 0; right: 0; margin: 0 auto; font-size: 16px; color: #333333; font-weight: 400; line-height: 20px; content: "/"; text-align: center; } .projects-carousel-three .owl-next, .projects-carousel-three .owl-prev{ position: absolute; left: 0; top: 0; font-size: 16px; color: #222222; font-weight: 400; line-height: 20px; padding: 15px 0; padding-left: 25px; z-index: 9; -webkit-transition: all 200ms ease; -moz-transition: all 200ms ease; -ms-transition: all 200ms ease; -o-transition: all 200ms ease; transition: all 200ms ease; } .projects-carousel-three .owl-next{ left: auto; right: 0; padding-left: 0; padding-right: 25px; } .projects-carousel-three .owl-next:hover, .projects-carousel-three .owl-prev:hover{ color: #FEC20E; } .projects-carousel-three .owl-next:before, .projects-carousel-three .owl-prev:before{ position: absolute; left: 0; top: 0; height: 50px; width: 50px; border: 1px solid #dddddd; border-right: 0; content: ""; z-index: -1; -webkit-transition: all 200ms ease; -moz-transition: all 200ms ease; -ms-transition: all 200ms ease; -o-transition: all 200ms ease; transition: all 200ms ease; } .projects-carousel-three .owl-next:hover:before, .projects-carousel-three .owl-prev:hover:before{ border-color: #FEC20E; } .projects-carousel-three .owl-next:before{ left: auto; right: 0px; border: 1px solid #dddddd; border-left: 0; } .projects-carousel-three .owl-next span{ margin-left: 5px; } .projects-carousel-three .owl-prev span{ margin-right: 5px; } .projects-section-three .carousel-outer{ margin: 0 -15px; } /*** ==================================================================== Project Detail ==================================================================== ***/ .project-detail{ position: relative; padding: 100px 0; } .project-detail .outer-container{ position: relative; max-width: 1000px; padding: 0 15px; margin: 0 auto; } .project-detail .upper-box{ position: relative; margin-bottom: 50px; } .project-detail .upper-box .image-box{ position: relative; } .project-detail .upper-box .image{ position: relative; margin-bottom: 0; } .project-detail .upper-box .image img{ display: block; max-width: 100%; height: auto; } .project-detail .content-box h2{ position: relative; display: block; font-size: 55px; line-height: 1.2em; color: #333333; font-weight: 500; margin-bottom: 25px; } .project-detail .content-box h3{ position: relative; display: block; font-size: 24px; line-height: 1.2em; color: #333333; font-weight: 700; margin-bottom: 20px; } .project-detail .content-box p{ position: relative; display: block; font-size: 14px; line-height: 30px; color: #777777; font-weight: 400; margin-bottom: 30px; } .project-detail .content-box .image-box{ position: relative; margin-bottom: 50px; } .project-detail .content-box .image-box .image{ position: relative; margin-bottom: 0; } .project-detail .content-box .image-box .image img{ display: inline-block; max-width: 100%; height: auto; } .project-detail .two-column .list-style-one{ padding-top: 15px; } .project-detail .two-column .list-style-one li{ position: relative; font-size: 14px; line-height: 30px; margin-bottom: 12px; } .project-detail .two-column .list-style-one li:before{ font-size: 15px; line-height: 30px; } .project-detail .owl-nav{ position: absolute; left: -100px; right: -100px; top: 50%; margin-top:-25px; } .project-detail .owl-next, .project-detail .owl-prev{ position: absolute; left: 0; top: 0; font-size: 16px; color: #222222; font-weight: 400; line-height: 20px; padding: 15px 0; padding-left: 25px; z-index: 9; -webkit-transition: all 200ms ease; -moz-transition: all 200ms ease; -ms-transition: all 200ms ease; -o-transition: all 200ms ease; transition: all 200ms ease; } .project-detail .owl-next{ left: auto; right: 0; padding-left: 0; padding-right: 25px; } .project-detail .owl-next:hover, .project-detail .owl-prev:hover{ color: #FEC20E; } .project-detail .owl-next:before, .project-detail .owl-prev:before{ position: absolute; left: 0; top: 0; height: 50px; width: 50px; border: 1px solid #dddddd; border-right: 0; content: ""; z-index: -1; -webkit-transition: all 200ms ease; -moz-transition: all 200ms ease; -ms-transition: all 200ms ease; -o-transition: all 200ms ease; transition: all 200ms ease; } .project-detail .owl-next:hover:before, .project-detail .owl-prev:hover:before{ border-color: #FEC20E; } .project-detail .owl-next:before{ left: auto; right: 0px; border: 1px solid #dddddd; border-left: 0; } .project-detail .owl-next span{ margin-left: 5px; } .project-detail .owl-prev span{ margin-right: 5px; } .accordion-box.style-three{ margin-bottom: 50px; } .accordion-box.style-three .block { position: relative; border-radius: 0; margin-bottom: 10px; border: 0; } .accordion-box.style-three .block .acc-btn{ position:relative; font-size: 32px; line-height: 28px; color: #333333; font-weight: 500; padding:10px 15px 10px; padding-left: 70px; background-color: transparent; border-radius: 0; border:1px solid #dddddd; font-family: 'Jomhuria', cursive; } .accordion-box.style-three .block .acc-btn.active{ background-color: #ffffff; color: #FEC20E; } .accordion-box.style-three .block .icon{ position:absolute; left: 0; top: 0; height: 50px; width: 50px; line-height: 50px; background-color: #FEC20E; color: #ffffff; font-size: 16px; font-weight: 900; text-align: center; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; } .accordion-box.style-three .block .acc-btn.active .icon:before{ position: absolute; left: 0; top: 0; text-align: center; width: 50px; line-height: 50px; content: "\f358"; color: #ffffff; height: 50px; background-color: #333333; font-size: 16px; font-weight: 900; font-family: 'Font Awesome 5 Free'; } .accordion-box.style-three .block .content{ border:0; padding:15px 0; font-size: 14px; color: #888888; line-height: 30px; } .project-detail .post-controls{ margin-top: 50px; } .post-controls{ position: relative; display: block; min-height: 50px; text-align: center; } .post-controls .next a, .post-controls .prev a{ position: absolute; left: 0; top: 0; font-size: 16px; color: #222222; font-weight: 400; line-height: 20px; padding: 15px 0; padding-left: 25px; z-index: 9; -webkit-transition: all 200ms ease; -moz-transition: all 200ms ease; -ms-transition: all 200ms ease; -o-transition: all 200ms ease; transition: all 200ms ease; } .post-controls .next a{ left: auto; right: 0; padding-left: 0; padding-right: 25px; } .post-controls .next:hover a, .post-controls .prev:hover a{ color: #FEC20E; } .post-controls .next:before, .post-controls .prev:before{ position: absolute; left: 0; top: 0; height: 50px; width: 50px; border: 1px solid #777777; border-right: 0; content: ""; z-index: -1; -webkit-transition: all 200ms ease; -moz-transition: all 200ms ease; -ms-transition: all 200ms ease; -o-transition: all 200ms ease; transition: all 200ms ease; } .post-controls .next:hover:before, .post-controls .prev:hover:before{ border-color: #FEC20E; } .post-controls .next:before{ left: auto; right: 0px; border: 1px solid #777777; border-left: 0; } .post-controls .next span{ margin-left: 5px; } .post-controls .prev span{ margin-right: 5px; } .post-controls .load-more a{ position: relative; display: inline-block; font-size: 30px; line-height: 50px; color: #bbbbbb; font-weight: 900; height: 50px; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .post-controls .load-more a:hover{ color: #FEC20E; } /*** ==================================================================== Project Detail Section ==================================================================== ***/ .project-detail-section{ padding: 100px 0 50px; } .project-detail-section .project-detail{ padding: 0; } .project-detail-section .content-side{ margin-bottom: 50px; } .project-detail-section .upper-box{ position: relative; margin-bottom: 40px; } .project-detail-section .carousel-outer{ position: relative; } .project-detail-section .carousel-outer .image-carousel{ position: relative; margin-bottom: 40px; } .project-detail-section .carousel-outer .thumbs-carousel{ position: relative; max-width: 600px; margin: 0 auto; padding: 0 30px; } .project-detail-section .carousel-outer .thumbs-carousel img{ -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .project-detail-section .carousel-outer .thumbs-carousel li:hover img{ opacity: .70; cursor: pointer; } .project-detail-section .owl-nav { position: absolute; left: -85px; right: -85px; top: 50%; margin-top: -25px; } .project-detail-section .two-column .list-style-one{ padding-top: 0; text-align: initial; } /*** ==================================================================== Call To Action ==================================================================== ***/ .call-to-action{ position: relative; background-repeat: no-repeat; background-position:center; background-size: cover; background-attachment: fixed; padding: 100px 0 50px; } .call-to-action:before{ position: absolute; left: 0; top: 0; height: 100%; width: 100%; background-color: #000000; content: ""; opacity: .60; } .call-to-action .content-column{ position: relative; margin-bottom: 50px; } .call-to-action .content-column .inner-column{ position: relative; } .call-to-action .content-column .title{ position: relative; display: block; font-size: 14px; line-height: 27px; color: #ffffff; font-weight: 400; margin-bottom: 20px; } .call-to-action .content-column h3{ position: relative; display: block; font-size: 30px; line-height: 1.2em; color: #ffffff; font-weight: 700; margin-bottom: 20px; } .call-to-action .content-column .text{ position: relative; display: block; font-size: 14px; line-height: 27px; color: #ffffff; font-weight: 400; } .call-to-action .btn-column{ position: relative; margin-bottom: 50px; } .call-to-action .btn-column .inner-column{ position: relative; text-align: right; padding-top: 50px; } .call-to-action .btn-column .message-box{ position: relative; display: inline-block; font-size: 24px; line-height: 30px; color: #FEC20E; font-weight: 700; font-family: 'Jomhuria', cursive; } .call-to-action .btn-column .message-box span{ float: right; line-height: 30px; color: #ffffff; margin-left: 25px; margin-right: 40px; } .call-to-action .btn-column .btn-box{ position: relative; display: inline-block; } /*** ==================================================================== Call To Action Two ==================================================================== ***/ .call-to-action-two{ position: relative; background-repeat: no-repeat; background-position:center; padding: 0 0 100px; } .call-to-action-two .outer-box{ position:relative; background-repeat: no-repeat; background-position: center; background-size: cover; padding: 50px 70px; } .call-to-action-two .outer-box:before{ position: absolute; left: 0; top: 0; height: 100%; width: 100%; background-color: #333333; opacity: .60; content: ""; } .call-to-action-two .outer-box:after{ position: absolute; top: 20px; right: 20px; bottom: 20px; left: 20px; border: 1px dashed #ffffff; content: ""; } .call-to-action-two .title-box{ position: relative; float: left; z-index: 9; padding: 10px 0; } .call-to-action-two .title-box h4{ position: relative; display: block; font-size: 24px; line-height: 40px; color: #ffffff; font-weight: 700; } .call-to-action-two .btn-box{ position: relative; float: right; z-index: 9; padding: 5px 0; } .call-to-action-two .btn-box a{ font-family: "Lora",sans-serif; color: #FEC20E; } /*** ==================================================================== Products Section ==================================================================== ***/ .products-section{ position: relative; padding: 100px 0; } .products-carousel{ position: relative; padding-bottom: 130px; } .product-block{ position: relative; } .product-block .inner-box{ position: relative; } .product-block .image-box{ position: relative; overflow: hidden; border: 1px solid transparent; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .product-block .inner-box:hover .image-box{ border: 1px solid #FEC20E; } .product-block .image-box .image{ position: relative; margin-bottom: 0; } .product-block .image-box .tag{ position: absolute; left: -140px; top: -140px; height: 80px; width: 80px; background-color: #FEC20E; font-size: 14px; line-height: 20px; color: #ffffff; text-align: center; padding-top: 58px; opacity: 0; z-index: 9; -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-block .inner-box:hover .image-box .tag{ left: -40px; top: -40px; opacity: 1; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .product-block .image-box .image{ position: relative; } .product-block .image-box .image img{ display: block; width: 100%; height: auto; } .product-block .btn-box{ position: absolute; left: 0; top: 50%; width: 100%; margin-top: -25px; text-align: center; -webkit-transition: -webkit-transform 0.4s 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; } .product-block .btn-box a{ position: relative; } .product-block .inner-box:hover .btn-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; } .product-block .lower-content{ position: relative; padding: 25px 0 0; } .product-block .lower-content .name{ position: relative; display: block; font-size: 20px; line-height: 1.2em; color: #222222; font-weight: 700; margin-bottom: 15px; } .product-block .lower-content .name a{ color: #222222; display: inline-block; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .product-block .lower-content .name a:hover{ color: #FEC20E; } .product-block .lower-content .price{ position: relative; display: block; font-size: 22px; line-height: 30px; color: #FEC20E; font-weight: 700; font-family: 'Jomhuria', cursive; margin-bottom: 13px; } .product-block .lower-content .price del{ position: relative; display: inline-block; font-size: 18px; color: #777777; margin-right: 10px; } .product-block .lower-content .rating{ position: relative; display: block; font-size: 14px; line-height: 24px; color: #71b100; font-weight: 400; } .product-block .lower-content .rating span{ margin-right: 3px; } .product-block .lower-content .rating .light{ color: #dddddd; } .products-carousel .owl-nav{ position: absolute; left: 0; right: 0; bottom: 0; margin: 0 auto; width: 170px; } .products-carousel .owl-nav:before{ position: absolute; bottom: 15px; left: 0; right: 0; margin: 0 auto; font-size: 16px; color: #333333; font-weight: 400; line-height: 20px; content: "/"; text-align: center; } .products-carousel .owl-next, .products-carousel .owl-prev{ position: absolute; left: 0; bottom: 0; font-size: 16px; color: #333333; font-weight: 400; line-height: 20px; padding: 15px 0; padding-left: 25px; z-index: 9; -webkit-transition: all 200ms ease; -moz-transition: all 200ms ease; -ms-transition: all 200ms ease; -o-transition: all 200ms ease; transition: all 200ms ease; } .products-carousel .owl-next{ left: auto; right: 0; padding-left: 0; padding-right: 25px; } .products-carousel .owl-next:hover, .products-carousel .owl-prev:hover{ color: #FEC20E; } .products-carousel .owl-next:before, .products-carousel .owl-prev:before{ position: absolute; left: 0; top: 0; height: 50px; width: 50px; border: 1px solid #bbbbbb; border-right: 0; content: ""; z-index: -1; -webkit-transition: all 200ms ease; -moz-transition: all 200ms ease; -ms-transition: all 200ms ease; -o-transition: all 200ms ease; transition: all 200ms ease; } .products-carousel .owl-next:before{ left: auto; right: 0px; border: 1px solid #bbbbbb; border-left: 0; } .products-carousel .owl-next span{ margin-left: 5px; } .products-carousel .owl-prev span{ margin-right: 5px; } /*** ==================================================================== Fun Fact Section ==================================================================== ***/ .fun-fact-section{ position: relative; padding:100px 0 20px; z-index: 9; -webkit-box-shadow: 0 0 15px rgba(0,0,0,0.10); -moz-box-shadow: 0 0 15px rgba(0,0,0,0.10); -ms-box-shadow: 0 0 15px rgba(0,0,0,0.10); -o-box-shadow: 0 0 15px rgba(0,0,0,0.10); box-shadow: 0 0 15px rgba(0,0,0,0.10); } .fun-fact-section:before{ position: absolute; left: 0; top: 0; height: 100%; width: 50%; background-color: #88c630; content: ""; } .fun-fact-section .fact-counter{ position: relative; } .fun-fact-section .counter-column{ position:relative; margin-bottom:80px; } .fun-fact-section .count-box{ position: relative; padding-left: 100px; font-size:30px; line-height: 1em; font-weight:700; color:#ffffff; } .fun-fact-section .count-box .icon{ position: absolute; left:30px; top: 0; font-size:48px; line-height: 50px; font-weight:400; color:#333333; margin-bottom: 30px; } .fun-fact-section .count-box .count-text{ position:relative; display: inline-block; font-size:30px; line-height: 1em; font-weight:700; color:#ffffff; font-family: "Lora",sans-serif; } .fun-fact-section .count-box .counter-title{ position: relative; display: block; font-size:14px; line-height:24px; font-weight:400; color:#ffffff; } .fun-fact-section .counter-column:nth-child(3n + 3) .icon, .fun-fact-section .counter-column:nth-child(3n + 4) .icon{ color: #FEC20E; } .fun-fact-section .counter-column:nth-child(3n + 3) .counter-title, .fun-fact-section .counter-column:nth-child(3n + 4) .counter-title{ color: #777777; } .fun-fact-section .counter-column:nth-child(3n + 3) .count-box, .fun-fact-section .counter-column:nth-child(3n + 4) .count-box, .fun-fact-section .counter-column:nth-child(3n + 3) .count-text, .fun-fact-section .counter-column:nth-child(3n + 4) .count-text{ color: #333333; } /*** ==================================================================== Fun Fact Section Two ==================================================================== ***/ .fun-fact-section-two{ position: relative; background-repeat: no-repeat; background-position:center; background-size: cover; background-attachment: fixed; padding:100px 0 50px; z-index: 9; } .fun-fact-section-two .fact-counter{ position: relative; } .fun-fact-section-two .counter-column{ position:relative; text-align: center; margin-bottom: 50px; } .fun-fact-section-two .icon{ position: relative; display: inline-block; font-size:52px; line-height: 50px; font-weight:400; color:#71b100; margin-bottom: 30px; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .fun-fact-section-two .counter-column:hover .icon{ -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); color: #ffffff; } .fun-fact-section-two .counter-title{ position: relative; display: block; font-size:44px; line-height:24px; font-weight:400; color:#ffffff; margin-bottom: 30px; } .fun-fact-section-two .count-box{ position: relative; font-size:36px; line-height: 1em; font-weight:700; color:#ffffff; font-family: 'Jomhuria', cursive; } .fun-fact-section-two .count-box .count-text{ position:relative; display: inline-block; font-size:36px; line-height: 1em; font-weight:700; color:#ffffff; font-family: "Lora",sans-serif; } .fun-fact-section-two .counter-column:nth-child(even){ margin-top: 50px; } /*** ==================================================================== Team Section ==================================================================== ***/ .team-section{ position: relative; background-repeat: no-repeat; background-position:center; background-size: cover; background-attachment: fixed; padding: 100px 0 0; } .team-section:before{ position: absolute; left: 0; bottom: 0; height: 100%; width: 100%; background-color: #000000; content: ""; opacity: 0.90; } .team-section:after{ position: absolute; left: 0; bottom: 0; height: 250px; width: 100%; background-color: #ffffff; content: ""; } .team-section .sec-title{ margin-bottom: 60px; } .team-block{ position: relative; z-index: 9; } .team-block .inner-box{ position: relative; } .team-block .image-box{ position: relative; overflow: hidden; border-radius: 20px 20px 0px 0px; } .team-block .image-box .image{ position: relative; margin-bottom: 0; } .team-block .image-box .image img{ display: block; width: 100%; object-fit: contain; height: 255px; } .team-block .overlay-box{ position: absolute; left: 0; top: 100%; height: 100%; width: 100%; padding-top: 30px; padding-right: 30px; background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,1) 100%); background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(0,0,0,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(0,0,0,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#000000',GradientType=0 ); transition: all 500ms ease; } .team-block .inner-box:hover .overlay-box{ top: 0; } .team-block .overlay-box:before{ position: absolute; left: 40px; bottom: 0; height: 88%; width: 1px; background-color: #ffffff; content: ""; opacity: .70; } .team-block .overlay-box:after{ position: absolute; left: 0; bottom: 28px; height: 1px; width: 88%; background-color: #ffffff; opacity: .70; content: ""; } .team-block .overlay-box .inner{ position: absolute; width: 100%; left: 0; bottom: -200px; padding: 30px 30px 0 55px; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; } .team-block .inner-box:hover .overlay-box .inner{ -webkit-transition-delay: 400ms; -moz-transition-delay: 400ms; -ms-transition-delay: 400ms; -o-transition-delay: 400ms; transition-delay: 400ms; bottom: 0; } .team-block .social-links{ position: relative; top: -20px; padding-bottom: 10px; opacity: 0; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .team-block .inner-box:hover .social-links{ top: 0; opacity: 1; -webkit-transition-delay: 1000ms; -moz-transition-delay: 1000ms; -ms-transition-delay: 1000ms; -o-transition-delay: 1000ms; transition-delay: 1000ms; } .team-block .social-links li{ position: relative; display: inline-block; margin-right: 15px; } .team-block .social-links li a{ position: relative; display: inline-block; font-size: 16px; line-height: 24px; color: #ffffff; font-weight: 400; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .team-block .social-links li a:hover{ color: #FEC20E; } .team-block .overlay-box .email{ position: relative; display: block; padding: 10px 0; } .team-block .overlay-box .email a{ position: relative; display: block; font-size: 14px; line-height: 20px; color: #ffffff; font-weight: 400; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .team-block .overlay-box .email a:hover{ color: #FEC20E; } .team-block .lower-content{ position: relative; padding: 20px 34px; border: 2px solid #f1f1f1; border-radius: 0px 0px 20px 20px; border-top: 0; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .team-block .inner-box:hover .lower-content{ background-color: #FEC20E; } .team-block .lower-content .name{ position: relative; display: block; font-size: 35px; line-height: 1.2em; color: #FEC20E; font-weight: 500; margin-bottom: 5px; } .team-block .lower-content .name a{ color: #FEC20E; display: inline-block; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .team-block .lower-content .designation{ position: relative; display: block; font-size: 14px; line-height: 24px; color: #777777; font-weight: 400; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .team-block .inner-box:hover .lower-content .designation, .team-block .inner-box:hover .lower-content .name a{ color: #ffffff; } .team-carousel{ position: relative; } .team-carousel .owl-nav{ position: absolute; right: 0; top: -130px; width: 190px; } .team-carousel .owl-nav:before { position: absolute; top: 15px; left: 0; right: 0; margin: 0 auto; font-size: 16px; color: #777777; font-weight: 400; line-height: 20px; content: "/"; text-align: center; } .team-carousel .owl-next, .team-carousel .owl-prev{ position: absolute; left: 0; top: 0; font-size: 16px; color: #ffffff; font-weight: 400; line-height: 20px; padding: 15px 0; padding-left: 25px; z-index: 9; -webkit-transition: all 200ms ease; -moz-transition: all 200ms ease; -ms-transition: all 200ms ease; -o-transition: all 200ms ease; transition: all 200ms ease; } .team-carousel .owl-next{ left: auto; right: 0; padding-left: 0; padding-right: 25px; } .team-carousel .owl-next:hover, .team-carousel .owl-prev:hover{ color: #FEC20E; } .team-carousel .owl-next:before, .team-carousel .owl-prev:before{ position: absolute; left: 0; top: 0; height: 50px; width: 50px; border: 1px solid #434343; border-right: 0; content: ""; z-index: -1; -webkit-transition: all 200ms ease; -moz-transition: all 200ms ease; -ms-transition: all 200ms ease; -o-transition: all 200ms ease; transition: all 200ms ease; } .team-carousel .owl-next:hover:before, .team-carousel .owl-prev:hover:before{ border-color: #FEC20E; } .team-carousel .owl-next:before{ left: auto; right: 0px; border: 1px solid #434343; border-left: 0; } .team-carousel .owl-next span{ margin-left: 5px; } .team-carousel .owl-prev span{ margin-right: 5px; } .team-section.style-two{ background-color: #ffffff; padding: 100px 0 40px; } .team-section.style-two:before{ display: none; } .team-section.style-two .team-block{ margin-bottom: 60px; } /*** ==================================================================== Pricing Section ==================================================================== ***/ .pricing-section{ position: relative; padding: 100px 0 70px; } .pricing-table{ position: relative; margin-bottom: 40px; } .pricing-table .inner-box{ position: relative; padding: 50px 20px 45px; margin-left: 20px; height: 670px; margin-right: 20px; text-align: center; background-color: white; overflow: hidden; border: 1px solid #cccccc; border-top: 5px solid #FEC20E; border-bottom: 5px solid #FEC20E; -webkit-transition:all 300ms ease; -moz-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; transition:all 300ms ease; } .pricing-table:hover .inner-box, .pricing-table.tagged .inner-box{ border-top: 5px solid #333333; border-bottom: 5px solid #333333; } .pricing-table .title{ position: relative; display: block; font-size: 38px; color: #2A975B; font-weight: 500; margin-bottom: 15px; font-family: 'Jomhuria', cursive; } .pricing-table .price{ position: relative; font-size: 49px; line-height: 0.6em; color: #FEC20E; font-weight: 500; font-family: 'Jomhuria', cursive; -webkit-transition:all 300ms ease; -moz-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; transition:all 300ms ease; } .pricing-table .price1 { position: relative; font-size: 35px; line-height: 24px; margin-top: 10px; color: red; font-weight: 500; font-family: 'Jomhuria', cursive; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .pricing-table .price span{ position: relative; display: inline-block; font-size: 24px; line-height: 30px; color: #FEC20E; font-weight: 400; text-align: left; font-family: "Archivo", sans-serif; } .pricing-table:hover .price, .pricing-table:hover .price1, .pricing-table.tagged .price{ color: #333333; } .pricing-table .table-content{ position: relative; padding-top: 15px; } .pricing-table .table-content ul{ position: relative; max-width: 180px; margin: 0 auto 40px; text-align: left; } .pricing-table .table-content ul li{ position: relative; font-size: 15px; line-height: 24px; color: #888888; font-weight: 400; padding-left: 16px; margin-bottom: 7px; font-family: "Archivo", sans-serif; } .pricing-table .table-content ul li:before{ position: absolute; top: 0; left: 0; font-size: 13px; color: #888888; font-weight: 900; content: "\f101"; font-family: "Font Awesome 5 Free"; } .pricing-table .table-footer{ position: relative; } .pricing-table .table-footer .theme-btn{ position: relative; display: inline-block; font-size: 40px; line-height: 28px; padding: 14px 14px; color: #ffffff; font-weight: 500; font-family: 'Jomhuria', cursive; background-color: #333333; border-radius: 10px; border: 1px solid #333333; } .pricing-table .table-footer .theme-btn i{ margin-left: 4px; } .pricing-table.tagged .table-footer .theme-btn, .pricing-table .inner-box:hover .table-footer .theme-btn{ background-color: #ffffff; border-color: #FEC20E; color: #FEC20E; } .pricing-tabs{ position: relative; } .pricing-tabs .tab-buttons{ position: relative; text-align: center; margin-top: 40px; } .pricing-tabs .tab-btns{ position: relative; display: inline-block; } .pricing-tabs .tab-btns li{ position: relative; float: left; padding:14px 30px; line-height: 20px; font-size: 16px; color: #222222; font-weight: 400; margin-left: -1px; cursor: pointer; background-color: #ffffff; min-width: 115px; border: 1px solid #dddddd; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .pricing-tabs .tab-btns .tab-btn.active-btn{ background-color: #FEC20E; border-color: #FEC20E; color: #ffffff; } /*** ================================================================== Contact Section ================================================================== ***/ .contact-section{ position: relative; padding:100px 0 0; } .contact-section .form-column{ position: relative; margin-bottom: 50px; } .contact-section .contact-form{ position: relative; } .contact-form .form-group{ position:relative; margin-bottom:20px; } .contact-form .form-group input[type="text"], .contact-form .form-group input[type="email"], .contact-form .form-group input[type="url"], .contact-form .form-group textarea, .contact-form .form-group select{ position: relative; display: block; width: 100%; font-size: 13px; color: #222222; line-height: 20px; padding: 14px 25px; background-color: transparent; font-weight: 400; height: 50px; border: 1px solid #cccccc; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .contact-form .form-group input:focus, .contact-form .form-group select:focus, .contact-form .form-group textarea:focus{ border-color:#FEC20E; } .contact-form .form-group textarea{ height: 120px; resize: none; } .contact-form .form-group button{ margin-top: 20px; padding: 15px 50px; line-height: 20px; font-size: 16px; } .contact-section .image-column{ position: relative; } .contact-section .image-column .inner-column{ position: relative; margin-top: -10px; } .contact-section .image-column .image{ position: relative; margin-bottom: -70px; z-index: 9; } /*** ==================================================================== Contact Map Section ==================================================================== ***/ .map-section{ position: relative; background-color: #c6ecb5; } .map-section{ position:relative; } .map-section .map-outer iframe{ position: relative; left: 0; top: 0; width: 100%; height: 590px; margin-bottom: -10px; } .map-data{ text-align:center; font-size:14px; font-weight:400; line-height:1.8em; } .map-data h6{ font-size:16px; font-weight:700; text-align:center; margin-bottom:5px; color:#222222; } .map-canvas{ height:590px; } /*** ==================================================================== News Section ==================================================================== ***/ .news-section{ position: relative; padding: 100px 0; background-color: #71b100; } .news-section:before{ position: absolute; left: 0; bottom: 0; height: 240px; width: 100%; background-color: #ffffff; content: ""; } .news-section .outer-container{ position: relative; max-width: 1680px; padding: 0 15px; margin: 0 auto; } .news-section .title-column{ position: relative; } .news-section .title-column .sec-title .text, .news-section .title-column .sec-title span{ color: #ffffff; max-width: 300px; } .news-section .carousel-column{ position: relative; } .news-section .carousel-outer{ margin: -40px -15px 0; } .news-section .news-carousel{ position: relative; } .news-block{ position: relative; padding: 20px 30px; } .news-block .row{ background-color: #ffffff; box-shadow: 0 2px 18px rgba(0,0,0,0.18); padding-top: 70px; } .news-block .row:before{ position: absolute; left: 0; top: 0; height:90px; width: 100%; background-color: #71b100; content: ""; } .news-block .image-column{ position: relative; } .news-block .image-column .image{ position: relative; padding: 0 55px 55px; padding-right: 40px; margin-bottom: 0; margin-top: -50px; transition: all 500ms ease; opacity: 0; top: -100px; } .news-section .active .news-block .image-column .image{ opacity: 1; top: 0px; transition-delay: 400ms; } .news-block .image-column .image img{ display: block; width: 100%; height: auto; -webkit-box-shadow: 0 2px 18px rgba(0,0,0,0.10); -moz-box-shadow: 0 2px 18px rgba(0,0,0,0.10); -ms-box-shadow: 0 2px 18px rgba(0,0,0,0.10); -o-box-shadow: 0 2px 18px rgba(0,0,0,0.10); box-shadow: 0 2px 18px rgba(0,0,0,0.10); } .news-block .content-column{ position: relative; } .news-block .content-column .inner{ position: relative; padding-top: 60px; padding-right: 55px; padding-bottom: 55px; } .news-block .content-column h3{ position: relative; display: block; font-size: 24px; line-height: 1.6em; color: #333333; font-weight: 700; margin-bottom: 10px; } .news-block .content-column h3 a{ color: #333333; display: inline-block; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .news-block .content-column h3 a:hover{ color: #71b100; } .news-block .content-column .info{ position: relative; display: block; margin-bottom: 15px; } .news-block .content-column .info li{ position: relative; display: inline-block; font-size: 14px; line-height: 24px; color: #33373f; font-weight: 400; margin-right: 15px; } .news-block .content-column .info li a{ position: relative; display: inline-block; color: #33373f; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .news-block .content-column .info li a:hover{ color: #FEC20E; } .news-block .content-column .info li i{ display: inline-block; margin-right: 10px; font-size: 12px; line-height: 24px; color: #FEC20E; } .news-block .content-column .text{ position: relative; display: block; font-size: 14px; line-height: 27px; color: #777777; font-weight: 400; margin-bottom: 20px; } .news-block .content-column .link-box{ position: relative; } .news-block .content-column .link-box a{ position: relative; display: inline-block; font-size: 16px; line-height: 30px; color: #333333; font-weight: 700; font-family: 'Jomhuria', cursive; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .news-block .content-column .link-box a:after, .news-block .content-column .link-box a:before{ position: absolute; left: 0; bottom: -5px; height: 1px; width: 100%; content: ""; background-color: #bbbbbb; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .news-block .content-column .link-box a:after{ width: 40%; bottom: 0px; } .news-block .content-column .link-box a i{ color: #FEC20E; } .news-block .content-column .link-box a:hover:after, .news-block .content-column .link-box a:hover:before{ width: 0; } .news-block .content-column .link-box a:hover{ color: #FEC20E; } .news-section .owl-nav{ position: absolute; bottom: 20px; height: 50px; width: 190px; left: 0; margin-left: -32%; } .news-section .owl-nav:before { position: absolute; top: 15px; left: 0; right: 0; margin: 0 auto; font-size: 16px; color: #333333; font-weight: 400; line-height: 20px; content: "/"; text-align: center; } .news-section .owl-next, .news-section .owl-prev{ position: absolute; left: 0; top: 0; font-size: 16px; color: #222222; font-weight: 400; line-height: 20px; padding: 15px 0; padding-left: 25px; z-index: 9; text-transform: capitalize; -webkit-transition: all 200ms ease; -moz-transition: all 200ms ease; -ms-transition: all 200ms ease; -o-transition: all 200ms ease; transition: all 200ms ease; } .news-section .owl-next{ left: auto; right: 0; padding-left: 0; padding-right: 25px; } .news-section .owl-next:hover, .news-section .owl-prev:hover{ color: #FEC20E; } .news-section .owl-next:before, .news-section .owl-prev:before{ position: absolute; left: 0; top: 0; height: 50px; width: 50px; border: 1px solid #dddddd; border-right: 0; content: ""; z-index: -1; -webkit-transition: all 200ms ease; -moz-transition: all 200ms ease; -ms-transition: all 200ms ease; -o-transition: all 200ms ease; transition: all 200ms ease; } .news-section .owl-next:hover:before, .news-section .owl-prev:hover:before{ border-color: #FEC20E; } .news-section .owl-next:before{ left: auto; right: 0px; border: 1px solid #dddddd; border-left: 0; } .news-section .owl-next span{ margin-left: 5px; } .news-section .owl-prev span{ margin-right: 5px; } /*** ==================================================================== News Section Two ==================================================================== ***/ .news-section-two{ position: relative; padding: 100px 0 85px; background-color: #f5f5f5; } .news-section-two:before{ position: absolute; left: 0; top: 0; height: 100%; width: 100%; background-image: url(../images/pattern-3.jpg); background-position:center; background-size: cover; content:''; } .news-sectio-two .carousel-outer{ margin: 0 -15px; } .news-sectio-two .news-block-two{ position: relative; padding: 0 15px 15px; } .news-block-two{ position: relative; } .news-block-two .inner-box{ position: relative; background-color: #ffffff; } .news-block-two .image-box{ position: relative; } .news-block-two .image-box .image{ position: relative; margin-bottom: 0; } .news-block-two .image-box .image img{ display: block; width: 100%; height: auto; } .news-block-two .overlay-box{ position: absolute; right: 0; top: 0; width: 50%; height: 100%; } .news-block-two .overlay-box:before{ position: absolute; right: 0; top: 0; height: 100%; width: 0; opacity: 0.90; z-index: 9; content: ""; background-color: #FEC20E; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .news-block-two .inner-box:hover .overlay-box:before{ width: 100%; } .news-block-two .overlay-box .link{ position: absolute; left: 0; right: 0; bottom: 25px; width: 100%; font-size: 35px; line-height: 24px; color: #ffffff; font-weight: 500; text-align: center; z-index: 99; opacity: 0; margin-left: -30px; font-family: 'Jomhuria', cursive; } .news-block-two .overlay-box .link:hover{ text-decoration: underline; } .news-block-two .overlay-box .link i{ display: inline-block; font-size: 14px; } .news-block-two .inner-box:hover .overlay-box .link{ opacity: 1; margin-left: 0px; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; transition-delay: 300ms; } .news-block-two .lower-content{ position: relative; padding: 30px 30px 30px; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .news-block-two .inner-box:hover .lower-content{ z-index: 2; -webkit-box-shadow: 0 2px 15px rgba(0,0,0,0.13); -moz-box-shadow: 0 2px 15px rgba(0,0,0,0.13); -ms-box-shadow: 0 2px 15px rgba(0,0,0,0.13); -o-box-shadow: 0 2px 15px rgba(0,0,0,0.13); box-shadow: 0 2px 15px rgba(0,0,0,0.13); } .news-block-two .lower-content .info-box{ position: relative; min-height: 55px; } .news-block-two .lower-content .date{ position: absolute; left: 0; top: 0; height: 70px; width: 50px; background-color: #f5f5f5; font-size: 24px; line-height: 50px; color: #33373f; font-weight: 700; text-align: center; font-family: 'Jomhuria', cursive; } .news-block-two .lower-content .date span{ position: relative; display: block; font-size: 12px; line-height: 20px; color: #ffffff; font-family: "Archivo", sans-serif; background-color: #FEC20E; } .news-block-two .lower-content h4{ position: relative; display: block; font-size: 41px; line-height: 27px; color: #33373f; font-weight: 500; top: -5px; margin-bottom: -3px; } .news-block-two .lower-content h4 a{ color: #33373f; display: inline-block; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .news-block-two .lower-content h4 a:hover{ color: #FEC20E; } .news-block-two .lower-content .info{ position: relative; display: block; } .news-block-two .lower-content .info li{ position: relative; display: inline-block; font-size: 14px; line-height: 24px; color: #33373f; font-weight: 400; margin-right: 15px; } .news-block-two .lower-content .info li a{ position: relative; display: inline-block; color: #33373f; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .news-block-two .lower-content .info li a:hover{ color: #FEC20E; } .news-block-two .lower-content .info li i{ display: inline-block; margin-right: 10px; font-size: 14px; line-height: 24px; color: #FEC20E; } .news-block-two .lower-content .text{ position: relative; display: block; font-size: 14px; line-height: 27px; color: #777777; font-weight: 400; } .news-carousel-two .owl-nav{ position: absolute; right: 15px; top: -110px; width: 190px; } .news-carousel-two .owl-nav:before { position: absolute; top: 15px; left: 0; right: 0; margin: 0 auto; font-size: 16px; color: #333333; font-weight: 400; line-height: 20px; content: "/"; text-align: center; } .news-carousel-two .owl-next, .news-carousel-two .owl-prev{ position: absolute; left: 0; top: 0; font-size: 16px; color: #222222; font-weight: 400; line-height: 20px; padding: 15px 0; padding-left: 25px; z-index: 9; -webkit-transition: all 200ms ease; -moz-transition: all 200ms ease; -ms-transition: all 200ms ease; -o-transition: all 200ms ease; transition: all 200ms ease; } .news-carousel-two .owl-next{ left: auto; right: 0; padding-left: 0; padding-right: 25px; } .news-carousel-two .owl-next:hover, .news-carousel-two .owl-prev:hover{ color: #FEC20E; } .news-carousel-two .owl-next:before, .news-carousel-two .owl-prev:before{ position: absolute; left: 0; top: 0; height: 50px; width: 50px; border: 1px solid #dddddd; border-right: 0; content: ""; z-index: -1; -webkit-transition: all 200ms ease; -moz-transition: all 200ms ease; -ms-transition: all 200ms ease; -o-transition: all 200ms ease; transition: all 200ms ease; } .news-carousel-two .owl-next:hover:before, .news-carousel-two .owl-prev:hover:before{ border-color: #FEC20E; } .news-carousel-two .owl-next:before{ left: auto; right: 0px; border: 1px solid #dddddd; border-left: 0; } .news-carousel-two .owl-next span{ margin-left: 5px; font-size: 14px; } .news-carousel-two .owl-prev span{ margin-right: 5px; font-size: 14px; } .news-carousel-two .owl-prev span{ margin-right: 5px; font-size: 14px; } .news-section-two .owl-carousel .owl-stage-outer{ padding: 0 0 15px; } .news-section-two.alternate{ padding: 100px 0; } .news-section-two.alternate .news-block-two{ margin-bottom: 50px; } /*** ==================================================================== News Section Three ==================================================================== ***/ .news-section-three{ position: relative; background-color: #f5f5f5; padding: 100px 0; } .news-block-three{ position: relative; } .news-block-three .row{ background-color: #ffffff; } .news-block-three .image-column{ position: relative; background-repeat: no-repeat; background-position: center; background-size: cover; } .news-block-three .image-column .image{ position: relative; margin-bottom: 0; display: none; } .news-block-three .image-column .image img{ display: block; width: 100%; height: auto; -webkit-box-shadow: 0 2px 18px rgba(0,0,0,0.10); -moz-box-shadow: 0 2px 18px rgba(0,0,0,0.10); -ms-box-shadow: 0 2px 18px rgba(0,0,0,0.10); -o-box-shadow: 0 2px 18px rgba(0,0,0,0.10); box-shadow: 0 2px 18px rgba(0,0,0,0.10); } .news-block-three .content-column{ position: relative; } .news-block-three .content-column .inner{ position: relative; padding: 60px 55px; } .news-block-three .content-column h3{ position: relative; display: block; font-size: 24px; line-height: 1.6em; color: #333333; font-weight: 700; margin-bottom: 20px; } .news-block-three .content-column h3 a{ color: #333333; display: inline-block; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .news-block-three .content-column h3 a:hover{ color: #71b100; } .news-block-three .content-column .info{ position: relative; display: block; margin-bottom: 15px; } .news-block-three .content-column .info li{ position: relative; display: inline-block; font-size: 14px; line-height: 24px; color: #33373f; font-weight: 400; margin-right: 15px; } .news-block-three .content-column .info li a{ position: relative; display: inline-block; color: #33373f; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .news-block-three .content-column .info li a:hover{ color: #FEC20E; } .news-block-three .content-column .info li i{ display: inline-block; margin-right: 10px; font-size: 12px; line-height: 24px; color: #FEC20E; } .news-block-three .content-column .text{ position: relative; display: block; font-size: 14px; line-height: 27px; color: #777777; font-weight: 400; margin-bottom: 20px; } .news-block-three .content-column .link-box{ position: relative; } .news-block-three .content-column .link-box a{ position: relative; display: inline-block; font-size: 16px; line-height: 30px; color: #333333; font-weight: 700; font-family: 'Jomhuria', cursive; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .news-block-three .content-column .link-box a:after, .news-block-three .content-column .link-box a:before{ position: absolute; left: 0; bottom: -5px; height: 1px; width: 100%; content: ""; background-color: #bbbbbb; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .news-block-three .content-column .link-box a:after{ width: 40%; bottom: 0px; } .news-block-three .content-column .link-box a i{ color: #FEC20E; } .news-block-three .content-column .link-box a:hover:after, .news-block-three .content-column .link-box a:hover:before{ width: 0; } .news-block-three .content-column .link-box a:hover{ color: #FEC20E; } .news-section-three .owl-nav{ display: none; } .news-section-three .owl-dots{ position: relative; display: block; margin-top: 60px; text-align: center; } .news-section-three .owl-dot{ position: relative; display: inline-block; height: 6px; width: 16px; margin: 0 5px; background-color: #71b100; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .news-section-three .owl-dot:hover{ background-color: #333333; } .news-section-three .owl-dot.active{ width: 30px; background-color: #333333; } /*** ==================================================================== Blog Classic ==================================================================== ***/ .blog-classic{ position: relative; } .blog-classic .news-block-two{ margin-bottom: 50px; } .news-block-two h3{ position: relative; display: block; font-size: 24px; line-height: 1.3em; color: #33373f; font-weight: 700; margin-bottom: 10px; padding-top: 5px; } .news-block-two h3 a{ color: #33373f; display: inline-block; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .news-block-two h3 a:hover{ color: #FEC20E; } .news-block-two .image-box .abs-link{ position: absolute; left: 0; top: 0; height: 100%; width: 100%; } .news-block-two .image-box .abs-link .icon{ position: absolute; left: 0; top: 30px; height: 40px; width: 50px; text-align: center; line-height: 40px; background-color: #ffffff; font-size: 14px; color: #222222; } .news-block-two .image-box .owl-nav{ position: absolute; left: 0; width: 100%; top: 50%; margin-top: -60px; } .news-block-two .image-box .owl-nav .owl-next, .news-block-two .image-box .owl-nav .owl-prev{ position: absolute; left: 0; top: 0; width: 30px; height: 120px; text-align: center; line-height: 120px; font-size: 16px; color: #000000; font-weight: 400; background-color: rgba(255,255,255,.70); -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .news-block-two .image-box .owl-nav .owl-next{ left: auto; right: 0; } .news-block-two .image-box .owl-nav .owl-next:hover, .news-block-two .image-box .owl-nav .owl-prev:hover{ background-color: rgba(0,0,0,.70); color: #ffffff; } /*** ==================================================================== Blog Detail ==================================================================== ***/ .blog-detail{ position: relative; } .blog-detail .news-block-two p{ position: relative; display: block; font-size: 14px; line-height: 30px; color: #777777; font-weight: 400; margin-bottom: 30px; } .blog-detail blockquote{ position: relative; max-width: 600px; margin: 35px auto; background-color: #f5f5f5; border-left: 3px solid #FEC20E; padding: 25px 40px; text-align: right; } .blog-detail .news-block-two blockquote p{ position: relative; display: block; font-size: 18px; line-height: 36px; color: #333333; font-weight: 700; font-style: italic; text-align: left; margin-bottom: 20px; font-family: 'Jomhuria', cursive; } .blog-detail blockquote cite{ position: relative; display: inline-block; font-size: 14px; line-height: 24px; color: #777777; font-weight: 400; font-family: "Archivo", sans-serif; font-style: normal; } .blog-detail blockquote cite:before{ position: absolute; left: -35px; top: 10px; height: 2px; width: 30px; background-color: #FEC20E; content:''; } .blog-detail .two-column{ position: relative; margin-bottom: 25px; } .blog-detail .two-column .image-column{ position: relative; margin-bottom: 40px; } .blog-detail .two-column .image-column .image{ position: relative; margin-bottom: 0; } .blog-detail .two-column .image-column .image img{ display: block; width: 100%; } .blog-detail .two-column .text-column{ position: relative; padding-top: 25px; } .blog-detail .post-share-options{ position: relative; padding-top: 20px; border-top: 2px solid #dddddd; } .blog-detail .post-share-options .text{ position: relative; display: block; font-size: 18px; line-height: 25px; color: #333333; font-weight: 700; font-family: 'Jomhuria', cursive; padding: 20px 0 0; } .blog-detail .post-share-options .social-icon{ position: relative; padding: 15px 0 0; } .blog-detail .post-share-options .social-icon li{ position: relative; display: inline-block; margin-left: 15px; } .blog-detail .post-share-options .social-icon li a{ position: relative; display: block; font-size: 14px; line-height: 35px; color: #ffffff; height: 35px; width: 35px; text-align: center; background-color: #FEC20E; border-radius: 50%; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .blog-detail .post-share-options .social-icon li a:hover{ color: #ffffff; background-color: #333333; } /* post-controls */ .blog-detail .post-controls{ position: relative; text-align: left; padding: 40px 40px; border-top: 1px solid #dddddd; border-bottom: 1px solid #dddddd; background-color: #ffffff; margin-bottom: 50px; margin-top: 75px; } .blog-detail .post-controls .inner{ position: relative; } .blog-detail .post-controls:before{ position: absolute; left: 50%; top: 0; height: 100%; border-right: 1px solid #dddddd; content: ""; } .blog-detail .post-controls .title a{ position: relative; display: inline-block; font-size: 12px; line-height: 30px; color: #777777; font-weight: 400; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .blog-detail .post-controls .title a:hover{ color: #FEC20E; } .blog-detail .post-controls h5{ position: relative; display: inline-block; font-size: 16px; line-height: 24px; color: #222222; font-weight: 700; max-width: 150px; } .blog-detail .post-controls h5 a{ display: inline-block; color: #222222; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .blog-detail .post-controls h5 a:hover{ color: #FEC20E; } .blog-detail .post-controls .prev-post{ position: relative; float: left; width: 50%; padding-left: 100px; } .blog-detail .post-controls .prev-post .thumb{ position: absolute; left: 0; top: 0; height: 70px; width: 70px; } .blog-detail .post-controls .prev-post .thumb img{ display: block; width: 100%; } .blog-detail .post-controls .next-post{ position: relative; float: right; width: 50%; text-align: right; padding-right: 100px; } .blog-detail .post-controls .next-post .thumb{ position: absolute; right: 0; top: 0; height: 70px; width: 70px; } .blog-detail .post-controls .next-post .thumb img{ display: block; width: 100%; } /*** ==================================================================== Styled Pagination ==================================================================== ***/ .styled-pagination{ position:relative; display: block; width: 100%; } .styled-pagination ul{ position:relative; width: 100%; text-align: center; } .styled-pagination li{ position:relative; display: inline-block; margin: 0 10px 8px; } .styled-pagination li a{ position:relative; display: block; height:40px; width: 40px; text-align: center; line-height:38px; font-weight:400; font-size:14px; color:#333333; border:1px solid #bbbbbb; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; transition:all 300ms ease; } .styled-pagination li a:hover, .styled-pagination li.active a{ color:#222222; border-color:#FEC20E; background:#ffffff; } .styled-pagination li.next-post a, .styled-pagination li.prev-post a{ width: auto; padding: 0 20px; } /*** ==================================================================== FAQ Section ==================================================================== ***/ .faq-section{ position: relative; padding: 100px 0 80px; } .faq-section .image-column{ position: relative; } .faq-section .image-column .inner-column{ position: relative; padding-top: 15px; } .faq-section .image-column .image-box{ position: relative; } .faq-section .image-column .image{ position: relative; margin-bottom: 0; text-align: center; } .faq-section .image-column .image img{ display: inline-block; max-width: 100%; height: auto; } .faq-section .faq-column{ position: relative; } .faq-section .faq-column .inner-column{ position: relative; } .faq-section .accordion-box{ position: relative; } .accordion-box .block { position: relative; margin-bottom: 20px; border:1px solid #cacaca; border-radius: 15px; background-color: #ffffff; } .accordion-box .block .acc-btn{ position:relative; font-size:16px; line-height:28px; color:#222222; font-weight:700; padding:15px 30px 15px; cursor:pointer; padding-left: 60px; font-family: 'Jomhuria', cursive; -webkit-transition:all 500ms ease; -moz-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; transition:all 500ms ease; } .accordion-box .block .acc-btn.active{ color: #FEC20E; } .accordion-box .block .icon{ position:absolute; left: 25px; top:15px; height: 30px; font-size: 14px; line-height: 30px; color: #FEC20E; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; } .accordion-box .block .acc-btn.active .icon:before{ position: absolute; left: 0px; top:0px; font-size: 14px; line-height: 30px; color: #222222; content: "\f068"; font-family: "Font Awesome 5 Free"; text-align: center; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; } .accordion-box .block .acc-content{ position:relative; display:none; } .accordion-box .block .content{ position:relative; padding: 0 30px 25px; } .accordion-box .block .acc-content.current{ display: block; } .accordion-box .block .content .text{ display: block; font-size: 14px; line-height: 27px; color: #777777; } /*** ==================================================================== Clients Section ==================================================================== ***/ .clients-section{ position: relative; padding: 50px 0; background-color: #fafafa; } .clients-section .sponsors-outer{ position: relative; } .clients-section .slide-item{ position: relative; } .clients-section .image-box{ position: relative; margin: 0; text-align: center; } .clients-section .image-box img{ display: inline-block; max-width: 100%; width: auto; height: auto; 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; } .clients-section .image-box:hover img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } .clients-section .sponsors-carousel .owl-dots, .clients-section .sponsors-carousel .owl-nav{ display: none; } .clients-section.style-two{ background-color: #ffffff; -webkit-box-shadow: 0 0px 20px rgba(0,0,0,0.10); -moz-box-shadow: 0 0px 20px rgba(0,0,0,0.10); -ms-box-shadow: 0 0px 20px rgba(0,0,0,0.10); -o-box-shadow: 0 0px 20px rgba(0,0,0,0.10); box-shadow: 0 0px 20px rgba(0,0,0,0.10); } .clients-section.style-two.alternate{ box-shadow: none; padding-top: 100px; } /*** ================================================================== Main Footer ================================================================== ***/ .main-footer{ position:relative; background-repeat: no-repeat; background-position: center; background-size: cover; } .main-footer:before{ position: absolute; left: 0; top: 0; height: 100%; width: 100%; background-color: #000000; opacity: .80; content: ""; } /*=== Widgets Section ===*/ .main-footer .widgets-section{ position:relative; padding: 100px 0 40px; } .main-footer .footer-column{ position:relative; } .main-footer .footer-widget{ position:relative; margin-bottom:40px; } .main-footer .widget-title{ position: relative; font-size:35px; font-weight:500; color:#ffffff; line-height: 30px; margin-bottom: 40px; } /*=== About Widget ===*/ .main-footer .about-widget{ position: relative; } .main-footer .about-widget .footer-logo{ position: relative; margin-bottom: 30px; } .main-footer .about-widget .footer-logo .image{ position: relative; margin-bottom: 0; } .main-footer .about-widget .footer-logo img{ display: block; height: auto; max-width: 100%; } .main-footer .about-widget .text{ position: relative; display: block; font-size: 14px; line-height: 22px; color: #ffffff; font-weight: 400; margin-bottom: 35px; } .main-footer .about-widget .social-links{ position: relative; display: block; } .main-footer .about-widget .social-links li{ position: relative; display: inline-block; margin-right: 17px; font-size: 16px; line-height: 30px; color: #ffffff; font-weight: 400; } .main-footer .about-widget .social-links li a{ color: #ffffff; display: inline-block; -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-footer .about-widget .social-links li a:hover{ color: #FEC20E; } /*=== Cities Widget ===*/ .main-footer .links-widget{ position: relative; padding-left: 30px; } .main-footer .list{ position: relative; } .main-footer .list li{ position:relative; display: block; font-size: 14px; line-height: 20px; color: #ffffff; font-weight: 400; padding-left: 17px; margin-bottom: 8px; } .main-footer .list li:before{ position: absolute; left: 0; top: 0; font-size: 14px; line-height: 20px; color: #FEC20E; font-weight: 900; content: "\f105"; font-family: "Font Awesome 5 Free"; } .main-footer .list li a{ display: block; color: #ffffff; -webkit-transition: all 200ms ease; -moz-transition: all 200ms ease; -ms-transition: all 200ms ease; -o-transition: all 200ms ease; transition: all 200ms ease; } .main-footer .list li a:hover{ color:#FEC20E; } /*=== Popular Posts ===*/ .popular-posts{ position: relative; } .popular-posts .post{ position: relative; min-height: 80px; padding-left: 115px; border-bottom: 1px solid #555555; padding-bottom: 25px; margin-bottom: 25px; } .popular-posts .post:last-child{ margin-bottom: 0; padding-bottom: 0; border-bottom: 0; } .popular-posts .post .thumb{ position: absolute; left: 0; top: 0; height: 80px; width: 80px; overflow: hidden; } .popular-posts .post .thumb a{ display: block; } .popular-posts .post .thumb img{ display: block; width: 100%; height: auto; } .popular-posts .post h4{ position: relative; top: -3px; font-size:28px; color: #ffffff; line-height: 30px; font-weight: 500; margin-bottom: 5px; } .popular-posts .post h4 a{ color:#ffffff; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .popular-posts .post h4 a:hover{ color: #FEC20E; } .popular-posts .post .date{ position: relative; display: block; font-size: 12px; line-height: 24px; color: #bbbbbb; } /*=== Subscribe Area ===*/ .subscribe-area{ position: relative; padding: 27px 0; border-top: 1px solid #333333; } .subscribe-area .title-column{ position: relative; } .subscribe-area .title-column .text{ position: relative; display: block; font-size: 18px; color: #ffffff; line-height: 30px; font-weight: 400; padding: 10px 0; } .subscribe-area .title-column .text span{ position: relative; display: inline-block; font-size: 24px; line-height: 30px; color: #FEC20E; margin-left: 15px; } /*=== Subscribe Form ===*/ .main-footer .subscribe-form{ position: relative; } .main-footer .subscribe-form .form-group{ position:relative; width: 100%; margin:0px; } .main-footer .subscribe-form .form-group input[type="text"], .main-footer .subscribe-form .form-group input[type="email"]{ position:relative; display:block; font-size:14px; color:#ffffff; line-height:28px; padding:10px 20px; padding-right: 160px; height:50px; width:100%; border:1px solid #343434; background-color: transparent; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; } ::-webkit-input-placeholder{color:#999999;} ::-moz-input-placeholder{color:#999999;} ::-ms-input-placeholder{color:#999999;} .main-footer .subscribe-form .form-group input:focus{ border-color:#FEC20E; } .main-footer .subscribe-form .form-group input[type="submit"], .main-footer .subscribe-form .form-group button{ position:absolute; right: 0; top: 0; } /*=== Footer Bottom ===*/ .main-footer .footer-bottom{ position:relative; background-color: #FEC20E; } .main-footer .footer-bottom .copyright-text{ position: relative; padding:20px 0; text-align: center; } .main-footer .footer-bottom .copyright-text{ position: relative; font-size: 14px; line-height: 20px; color: #ffffff; font-weight: 400; } .main-footer .footer-bottom .copyright-text a{ color: #000000; } .main-footer .footer-bottom .copyright-text a:hover{ text-decoration: underline; } .main-footer.style-two .footer-bottom{ background-color: #222222; } .main-footer.style-two .footer-bottom .copyright-text a{ color: #FEC20E; } /*** ==================================================================== Main Footer Style Three ==================================================================== ***/ .main-footer.style-three .widgets-section{ position: relative; padding-top: 220px; padding-bottom: 10px; z-index: 2; } .main-footer.style-three:after{ position: absolute; left: 0; top: 0; height: 150px; width: 100%; background-color: #f5f5f5; content: ""; } .main-footer .contact-widget{ position: relative; padding-right: 40px; } .contact-form-two{ position: relative; background-color: #ffffff; padding: 50px 40px 30px; margin-top: -220px; box-shadow: 0 0 27px rgba(0,0,0,0.07); } .contact-form-two .sec-title{ margin-bottom: 30px; } .contact-form-two .form-group{ position:relative; margin-bottom:20px; } .contact-form-two .form-group input[type="text"], .contact-form-two .form-group input[type="email"], .contact-form-two .form-group input[type="url"], .contact-form-two .form-group textarea, .contact-form-two .form-group select{ position: relative; display: block; width: 100%; font-size: 15px; color: #999999; line-height: 28px; padding: 10px 20px; border: 1px solid #bbbbbb; background-color: #ffffff; font-weight: 400; border-radius: 5px; height: 50px; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; -moz-transition: all 300ms ease; transition: all 300ms ease; } .contact-form-two .form-group input:focus, .contact-form-two .form-group select:focus, .contact-form-two .form-group textarea:focus{ border-color:#FEC20E; } .contact-form-two .form-group textarea{ height: 150px; resize: none; } .contact-form-two .form-group button{ padding: 15px 40px; font-size: 16px; font-weight: 400; font-family: "Archivo", sans-serif; } .contact-form-two label.error{ color: #ff0000; } .main-footer .contact-info-list { position: relative; } .main-footer .contact-info-list li{ position: relative; font-size: 15px; line-height: 24px; color: #777777; font-weight: 400; padding-left: 70px; min-height: 50px; margin-bottom: 50px; } .main-footer .contact-info-list li:last-child{ margin-bottom: 0; } .main-footer .contact-info-list li .icon{ position: absolute; left: 0; top: 0; height: 50px; width: 50px; text-align: center; line-height: 48px; border:1px dashed #FEC20E; border-radius: 10px 10px 0 10px; color: #ffffff; font-size: 24px; } .main-footer .contact-info-list li strong{ display: block; font-size: 39px; line-height: 24px; color: #ffffff; font-weight: 500; font-family: 'Jomhuria', cursive; } .main-footer .contact-info-list li p{ font-size: 15px; line-height: 24px; color: #bbbbbb; font-weight: 400; } .main-footer .contact-info-list li p a{ color: #bbbbbb; -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-footer .contact-info-list li a:hover{ color: #FEC20E; } .main-footer .title-column{ position: relative; } .main-footer .title-column .text{ position: relative; display: block; font-size: 18px; color: #ffffff; line-height: 30px; font-weight: 400; padding: 10px 0; } .main-footer .title-column .text span{ position: relative; display: inline-block; font-size: 24px; line-height: 30px; color: #FEC20E; margin-left: 15px; } .main-footer.style-three .footer-bottom{ background-color: transparent; } .main-footer.style-three .footer-bottom .outer-box{ position: relative; border-top: 1px solid #777777; } .main-footer.style-three .footer-bottom .copyright-text{ position: relative; float: left; padding: 25px 0; } .main-footer.style-three .footer-bottom .copyright-text a{ color: #FEC20E; } .main-footer.style-three .footer-bottom .copyright-text a:hover{ text-decoration: underline; } .main-footer.style-three .footer-bottom .social-links{ position: relative; float: right; padding: 25px 0; } .main-footer.style-three .footer-bottom .social-links li{ margin-left: 20px; } .main-footer.style-three .footer-bottom .social-links li a{ font-size: 16px; } .main-footer.style-three .footer-bottom .social-links li a:hover{ color: #FEC20E; } .main-footer.style-three.alternate:after{ display: none; } .main-footer.style-three.alternate .widgets-section{ padding-top: 60px; } .main-footer.style-three.alternate .contact-form-two .form-group textarea{ height: 200px; } .main-footer.style-three.alternate .contact-form-two{ margin-bottom: -160px; } /*** ================================================================== Sidebar Page Container ================================================================== ***/ .sidebar-page-container{ position: relative; overflow: hidden; padding: 100px 0 50px; } .sidebar-page-container.bg-colored{ background-color: #f5f5f5; } .sidebar-page-container .sidebar-side, .sidebar-page-container .content-side{ position: relative; margin-bottom: 50px; } .sidebar-page-container .sidebar{ background-color: #ffffff; padding: 40px 35px; } .sidebar-side .sec-title .title{ margin-bottom: 10px; } .sidebar-side .sec-title{ margin-bottom: 30px; } .sidebar-side .sec-title h2{ font-size: 24px; } .sidebar-widget{ position: relative; margin-bottom:55px; } .sidebar-side .sidebar-widget:last-child{ margin-bottom: 0; } .sidebar-page-container .sidebar-title{ position: relative; margin-bottom: 35px; } .sidebar-page-container .sidebar-title h3{ position: relative; display: inline-block; font-size: 24px; line-height: 1.2em; color: #222222; font-weight: 700; text-transform: capitalize; } /*Search Box Widget*/ .sidebar .search-box{ position: relative; } .sidebar .search-box .form-group{ position:relative; margin:0px; } .sidebar .search-box .form-group input[type="text"], .sidebar .search-box .form-group input[type="search"]{ position:relative; display:block; font-size:16px; color:#777777; line-height:28px; padding:15px 25px; height:60px; width:100%; border:1px solid #dddddd; background-color: #ffffff; 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 .search-box .form-group input:focus{ border-color:#FEC20E; } .sidebar .search-box .form-group input[type="submit"], .sidebar .search-box .form-group button{ position:absolute; right:0; top:0; width:60px; height:60px; line-height: 60px; text-align:center; display:block; font-size:16px; background-color: transparent; color:#FEC20E; font-weight:normal; -webkit-transition:all 300ms ease; -moz-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; transition:all 300ms ease; } .sidebar .search-box .form-group input[type="submit"]:hover, .sidebar .search-box .form-group button:hover{ color: #222222; } /*=== Categories ===*/ .sidebar .categories .sidebar-title{ margin-bottom: 20px; } .cat-list{ position:relative; } .cat-list li{ position:relative; } .cat-list li a{ position:relative; font-size:16px; color:#888888; line-height: 20px; font-weight:400; padding: 20px 0px; display:block; border-bottom :1px solid #dddddd; -webkit-transition:all 300ms ease; -moz-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; transition:all 300ms ease; } .cat-list li a span{ float: right; } .cat-list li:last-child a{ border-bottom: 0; } .cat-list li.active a, .cat-list li:hover a{ color: #FEC20E; } /*=== Latest News ===*/ .latest-news .post{ position: relative; padding-left: 95px; margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px solid #dddddd; min-height: 80px; } .latest-news .post:last-child{ padding-bottom: 0; margin-bottom: 0; border-bottom: 0; } .latest-news .post-thumb{ position: absolute; left: 0; top: 0; height: 80px; width: 80px; margin-bottom: 20px; } .latest-news .post-thumb img{ position: relative; display: block; width: 100%; } .latest-news .post h5{ position: relative; font-size: 18px; line-height: 28px; color: #222222; font-weight: 700; margin-bottom: 4px; } .latest-news .post h5 a{ color: #222222; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .latest-news .post:hover h5 a{ color: #FEC20E; } .latest-news .post .post-info{ position: relative; font-size: 14px; line-height: 24px; color: #888888; font-weight: 400; } /*=== Gallery Widget ===*/ .sidebar .gallery-widget .sec-title .title{ margin-bottom: 20px; } .sidebar .gallery-widget .sec-title, .sidebar .gallery-widget .widget-title{ margin-bottom: 30px; } .sidebar .gallery-widget .link-box{ position: relative; float: right; margin-top: -60px; } .sidebar .gallery-widget .link-box a{ position: relative; display: inline-block; font-size: 16px; color: #888888; font-weight: 400; } .sidebar .gallery-widget .gallery-outer{ position:relative; margin: 0px -5px 0; } .sidebar .gallery-widget .gallery-outer .image{ position:relative; float:left; width: 33.333333%; padding-right: 5px; padding-left: 5px; margin-bottom: 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; overflow: hidden; } .sidebar .gallery-widget .gallery-outer .image img{ display:block; width:100%; } .sidebar .gallery-widget .btn-box{ position: relative; display: block; margin-top: 25px; text-align: center; } .sidebar .gallery-widget .btn-box a{ padding: 8px 45px; } /*=== Tags ===*/ .tag-list{ position: relative; display: block; } .tag-list li{ position: relative; float: left; margin-bottom: 13px; margin-right: 10px; } .tag-list li a{ position: relative; display: block; font-size: 14px; color: #888888; line-height: 20px; padding: 9px 30px; font-weight: 400; text-align: center; border: 1px solid #dddddd; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .tag-list li a:hover{ background-color: #FEC20E; border-color: #FEC20E; color: #ffffff; } /*Sidebar Range slider */ .range-slider-one{ position:relative; min-height:48px; padding-top: 10px; overflow: hidden; margin-top:-20px; } .range-slider-one .title{ position:relative; float:left; color:#000000; font-size:16px; font-weight:400; margin-top:8px; } .range-slider-one .title:before{ position:absolute; content:'$'; right:-14px; top:0px; color:#848484; font-size:16px; font-weight:300; } .range-slider-one .input{ float:right; left: 8px; max-width:75px; padding-left:8px; margin-top:8px; position: relative; } .range-slider-one .input input{ background:none; color:#777777; font-size:16px; font-weight:300; width:auto; text-align:left; } .range-slider-one .ui-widget.ui-widget-content{ height:3px; border:none; margin-bottom:35px; background:#eeeeee; } .range-slider-one .ui-slider .ui-slider-range{ top:0px; height:3px; background:#333333; } .range-slider-one .ui-state-default, .range-slider-one .ui-widget-content .ui-state-default{ top:-3px; width:10px; height:10px; background:#FEC20E; cursor:pointer; border-radius:0px; border-color:#FEC20E; } .range-slider-one .theme-btn{ padding:8px 35px; border-radius:0px; } .range-slider-one .theme-btn:before{ display: none; } /*Sidebar Realated Posts */ .sidebar .related-posts .post{ position:relative; padding:0px 0px; padding-left:90px; margin-bottom:20px; } .sidebar .related-posts .post:last-child{ margin-bottom:0px; border:0px; min-height:inherit; } .sidebar .related-posts .post .post-thumb{ position:absolute; left:0px; top:0px; width:70px; } .sidebar .related-posts .post .post-thumb img{ display:block; width:100%; } .sidebar .related-posts .post h4{ top:-2px; font-size:18px; font-weight:600; color:#333333; line-height:1.2em; text-transform:capitalize; } .sidebar .related-posts .post h4 a{ color:#333333; transition:all 300ms ease; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; } .sidebar .related-posts .post a, .sidebar .related-posts .post a:hover{ color:#FEC20E; } .sidebar .related-posts .post .price{ font-size:15px; letter-spacing:1px; font-weight:400; color:#777777; } .sidebar .related-posts .post .rating{ margin-bottom:1px; line-height:1em; } .sidebar .related-posts .post .rating .fa{ position:relative; display:inline-block; font-size:14px; line-height:26px; color:#FEC20E; } .sidebar.shop-sidebar{ padding: 0; } .our-shop .styled-pagination{ margin-top:40px; } /*** ==================================================================== Comment Area ==================================================================== ***/ .group-title{ position: relative; margin-bottom: 55px; } .group-title h4{ position: relative; display: block; font-size: 24px; line-height: 1.2em; color: #333333; font-weight: 700; } .comments-area{ position:relative; margin-bottom: 60px; } .comments-area .comment-box{ position:relative; margin-bottom:80px; } .comments-area .comment-box.reply-comment{ margin-left: 120px; } .comments-area .comment-box:last-child{ margin-bottom: 0; } .comments-area .comment{ position:relative; min-height: 135px; padding-top: 30px; padding-left: 160px; } .comments-area .comment-box .author-thumb{ position:absolute; left:0px; top:0px; height: 135px; width: 120px; } .comments-area .comment-box .author-thumb img{ display:block; width:100%; border: 3px solid #ffffff; } .comments-area .comment-info{ position: relative; display: block; margin-bottom: 13px; } .comments-area .comment-box .name{ position: relative; display: inline-block; font-size:18px; line-height:30px; font-weight:700; color:#222222; font-family: 'Jomhuria', cursive; } .comments-area .comment-box .date{ position: relative; display: inline-block; font-size: 13px; line-height: 30px; color: #FEC20E; font-weight: 400; margin-left: 25px; } .comments-area .comment-box .text{ font-size: 14px; line-height: 24px; color:#777777; font-weight: 400; } .comments-area .comment-box .reply-btn{ position: absolute; left: 0; right: 0; bottom: 0; font-size: 14px; width: 80px; line-height: 35px; color: #ffffff; background-color: #FEC20E; font-weight: 700; text-align: center; margin: 0 auto; letter-spacing: 0.02em; font-family: 'Jomhuria', cursive; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .comments-area .comment-box .reply-btn:hover{ color: #ffffff; background-color: #222222; } /*** ==================================================================== Comment Form ==================================================================== ***/ .comment-form{ position: relative; } .comment-form .group-title{ margin-bottom: 30px; } .comment-form .form-group{ position:relative; margin-bottom: 30px; } .comment-form .form-group:last-child{ margin-bottom: 0; } .comment-form .form-group input[type="text"], .comment-form .form-group input[type="url"], .comment-form .form-group input[type="date"], .comment-form .form-group input[type="email"], .comment-form .form-group textarea, .comment-form .form-group select{ position: relative; display: block; height: 50px; width: 100%; font-size: 15px; color: #555555; line-height: 20px; font-weight: 400; padding: 13px 22px; background-color: #ffffff; border: 2px solid #dddddd; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; -moz-transition: all 300ms ease; transition: all 300ms ease; } .comment-form .form-group input[type="submit"], .comment-form .form-group button{ font-size: 18px; line-height: 30px; } .comment-form .form-group input:focus, .comment-form .form-group select:focus, .comment-form .form-group textarea:focus{ border-color:#FEC20E; } .comment-form .form-group textarea{ height: 185px; resize: none; } /*** ==================================================================== Shop Page ==================================================================== ***/ .shop-item{ position:relative; margin-bottom:60px; } .shop-item .inner-box{ position:relative; 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; } .shop-item .inner-box .image{ position:relative; z-index:11; text-align:center; background-color:#f8f8f8; overflow: hidden; } .shop-item .overlay-box{ position: absolute; left: 0; top: 0; height: 100%; width: 100%; opacity: 0; visibility: hidden; -webkit-transform: scale(1.50); -moz-transform: scale(1.50); -ms-transform: scale(1.50); -o-transform: scale(1.50); transform: scale(1.50); -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .shop-item .inner-box:hover .overlay-box{ opacity: 1; visibility: visible; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .shop-item .overlay-box .tag{ position: absolute; left: 20px; top: 25px; padding: 0px 15px; border-radius: 3px; background-color: #FEC20E; font-size: 12px; line-height: 25px; color: #ffffff; border-radius: 5px; } .shop-item .overlay-box .like{ position: absolute; right: 30px; top: 25px; } .shop-item .overlay-box .like a{ position: relative; display: block; font-size: 12px; color: #222222; line-height: 25px; height: 25px; width: 25px; border-radius: 50%; text-align: center; background-color: #ffffff; box-shadow: 0 5px 20px rgba(1,0,57,.27); -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .shop-item .overlay-box .like a:hover{ background-color: #FEC20E; color: #ffffff; } .shop-item .overlay-box .btn-box{ position: absolute; text-align: center; bottom: 30px; width: 100%; } .shop-item .overlay-box .btn-box a{ padding: 10px 25px; border-radius: 5px; } .shop-item .inner-box .image img{ width:100%; display:inline-block; } .shop-item .inner-box .lower-content{ position:relative; z-index:11; padding:20px 0px 0px; text-align: center; } .shop-item .inner-box .lower-content h3{ position:relative; font-size:18px; font-weight:500; margin-bottom:5px; text-transform:capitalize; } .shop-item .inner-box .lower-content h3 a{ color:#222222; 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; } .shop-item .inner-box .lower-content h3 a:hover{ color:#FEC20E; } .shop-item .inner-box .lower-content .price{ position:relative; color:#FEC20E; font-size:20px; font-weight:700; } .shop-item .inner-box .lower-content .price .discount{ position:relative; color:#777777; margin-right:8px; text-decoration:line-through; } .shop-item .inner-box .lower-content .rating .fa{ position:relative; display:inline-block; font-size:12px; color:#FEC20E; margin: 0 -1px; } /*=== Product Detail ===*/ .product-details .basic-details{ position:relative; margin-bottom:50px; } .product-details .image-column, .product-details .info-column{ margin-bottom:20px; } .product-details .image-column .image-box img{ position:relative; display:block; width:100%; background-color:#f7f7f7; } .product-details .basic-details .details-header{ position:relative; margin-bottom:16px; } .product-details .basic-details .details-header h4{ font-size:24px; font-weight:700; margin:5px 0px 20px; line-height:1.4em; color:#222222; } .product-details .basic-details .details-header h4 a{ color:#333333; } .product-details .basic-details .details-header .rating{ font-size:18px; color:#FEC20E; margin-bottom:15px; display:inline-block; } .product-details .basic-details .details-header .reviews{ position:relative; display:inline-block; color:#777777; font-weight:400; margin-left:15px; } .product-details .basic-details .details-header .rating .fa{ display:inline-block; } .product-details .basic-details .details-header .rating .txt{ font-size:14px; padding-left:10px; color:#777777; } .product-details .basic-details .details-header .item-price{ font-size:22px; font-weight:700; color:#FEC20E; line-height:24px; } .product-details .basic-details .prod-info{ margin-bottom:15px; line-height:1.6em; font-size:13px; } .product-details .basic-details .prod-info strong{ font-weight:700; color:#111111; } .product-details .basic-details .text{ margin-bottom:25px; color:#777777; font-size:16px; font-weight:400; line-height:1.8em; } .product-details .basic-details .item-quantity .field-label{ float:left; font-weight:700; font-size:14px; line-height:32px; display:inline-block; padding-right:20px; } .product-details .basic-details .quantity-spinner, .cart-section input.quantity-spinner{ line-height:24px; padding:10px 15px !important; height:46px !important; box-shadow:none !important; } .cart-section .bootstrap-touchspin .input-group-btn-vertical{ position: absolute; right: 20px; top: 0; z-index: 99; } .product-details .basic-details .bootstrap-touchspin .input-group-btn-vertical > .btn, .cart-section .bootstrap-touchspin .input-group-btn-vertical > .btn{ padding:11px 10px; background:#f4f5f6; } .product-details .bootstrap-touchspin .input-group-btn-vertical i, .cart-section .bootstrap-touchspin .input-group-btn-vertical i{ top:6px; } .product-details .basic-details .item-quantity{ position:relative; float:left; width:85px; margin-bottom:25px; margin-right:25px; } .product-details .basic-details .item-quantity .field-label{ float:left; font-weight:700; font-size:14px; line-height:32px; display:inline-block; padding-right:20px; } .product-details .basic-details .quantity-spinner, .cart-table input.quantity-spinner{ font-size:18px; line-height:24px; padding:10px 15px !important; height:50px !important; box-shadow:none !important; } .product-details .basic-details .bootstrap-touchspin .input-group-btn-vertical > .btn, .cart-table .bootstrap-touchspin .input-group-btn-vertical > .btn{ padding:12px 10px; background:#f4f5f6; border-radius:0px; } .product-details .bootstrap-touchspin .input-group-btn-vertical i, .cart-table .bootstrap-touchspin .input-group-btn-vertical i{ top:8px; font-weight: 900; } .product-details .basic-details .add-to-cart{ padding:15px 40px; font-weight:600; font-size:16px; border-radius:50px; margin-left: 20px; } .comments-area.style-two{ max-width: 700px; } .comments-area.style-two .comment-box{ margin-bottom: 50px; } .comments-area.style-two .comment{ padding-top: 0; padding-left: 90px; min-height: 70px; } .comments-area.style-two .comment-box .author-thumb{ height: 70px; width: 70px; } .comments-area.style-two .comment-info{ margin-bottom: 0px; } .comments-area.style-two .comment-info span{ color: #FEC20E; } .comments-area.style-two .comment-box .rating{ font-size: 12px; line-height: 20px; color: #FEC20E; margin-bottom: 5px; } /*** ==================================================================== Shop Single ==================================================================== ***/ .shop-single .product-details .prod-tabs{ position:relative; } .shop-single .product-details .prod-tabs .tab-btns{ position:relative; z-index:1; margin-bottom:50px; } .shop-single .product-details .prod-tabs .tab-btns .tab-btn{ position:relative; top:1px; display:block; float:left; margin-right:10px; font-size:16px; background:#eeeeee; color:#000000; font-weight:600; line-height:24px; cursor:pointer; border-radius:50px; padding:15px 50px 15px; transition:all 500ms ease; } .shop-single .product-details .prod-tabs .tab-btns .tab-btn:hover, .shop-single .product-details .prod-tabs .tab-btns .tab-btn.active-btn{ color:#ffffff; background:#FEC20E; } .shop-single .product-details .prod-tabs .tabs-content{ position:relative; } .shop-single .product-details .prod-tabs .tabs-content .tab{ position:relative; display:none; border-top:0px; } .shop-single .product-details .prod-tabs .tabs-content .tab.active-tab{ display:block; } .shop-single .product-details .prod-tabs .tabs-content .tab .content{ position:relative; } .shop-single .product-details .prod-tabs .tabs-content .tab .content p{ position:relative; font-size:16px; line-height:1.7em; margin-bottom:25px; color:#797979; } .shop-single .product-details .prod-tabs .tabs-content .tab .content p:last-child{ margin-bottom:0px; } .prod-tabs .tabs-content .tab .title{ position:relative; color:#222222; font-size:24px; font-weight:600; margin-bottom:30px; font-family: 'Montserrat', sans-serif; } /*Comment Form*/ .shop-comment-form{ position:relative; margin-top:50px; } .shop-comment-form h2{ position:relative; color:#222222; font-size:22px; font-weight:700; margin-bottom:10px; } .shop-comment-form .mail-text{ position:relative; color:#777777; font-size:16px; margin-bottom:15px; } .shop-comment-form .group-title{ margin-bottom:20px; } .shop-comment-form .rating-box{ position:relative; margin-bottom:20px; } .shop-comment-form .rating-box .text{ position:relative; font-size:16px; color:#333333; margin-bottom:15px; } .shop-comment-form .rating-box .rating{ position:relative; margin-right:10px; display:inline-block; } .shop-comment-form .rating-box .rating .fa{ position:relative; margin-right:5px; display:inline-block; } .shop-comment-form .rating-box .rating a{ position:relative; color:#cccccc; font-size:14px; display:inline-block; } .shop-comment-form .rating-box .rating a:hover{ color:#FEC20E; } .shop-comment-form .form-group{ position:relative; margin-bottom:20px; } .shop-comment-form .form-group label{ position:relative; color:#333333; font-size:16px; font-weight:400; } .shop-comment-form .form-group:last-child{ margin-bottom:0px; } .shop-comment-form .form-group input[type="text"], .shop-comment-form .form-group input[type="password"], .shop-comment-form .form-group input[type="tel"], .shop-comment-form .form-group input[type="email"], .shop-comment-form .form-group select{ position:relative; display:block; width:100%; line-height:28px; padding:10px 15px; border:1px solid #dddddd; height:50px; color:#848484; font-weight:300; background:#ffffff; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; transition:all 300ms ease; } .shop-comment-form .form-group input[type="text"]:focus, .shop-comment-form .form-group input[type="password"]:focus, .shop-comment-form .form-group input[type="tel"]:focus, .shop-comment-form .form-group input[type="email"]:focus, .shop-comment-form .form-group select:focus, .shop-comment-form .form-group textarea:focus{ border-color:#FEC20E; } .shop-comment-form .form-group textarea{ position:relative; display:block; width:100%; line-height:26px; padding:10px 15px; color:#848484; border:1px solid #dddddd; height:120px; font-weight:300; background:#ffffff; resize: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; } .shop-comment-form button{ position:relative; font-weight:600; font-size:16px; padding:10px 32px; margin-top:10px; text-transform:uppercase; } .shop-comment-form input:focus, .shop-comment-form select:focus, .shop-comment-form textarea:focus{ border-color:#FEC20E; } /*** ==================================================================== Cart Section style ==================================================================== ***/ .cart-section{ position:relative; padding:100px 0px 60px; } .cart-outer{ position:relative; } .checkout-page .cart-outer{ margin-bottom:40px; } .cart-outer .table-outer{ position:relative; width:100%; overflow-x: auto; } .cart-outer .cart-table{ width:100%; min-width:900px; } .cart-table .cart-header{ position:relative; width:100%; text-transform:uppercase; font-size:13px; background:#222222; color:#ffffff; border:1px solid #ebebeb; } .cart-table thead tr th{ line-height:24px; padding:15px 25px; font-weight:700; font-size:16px; letter-spacing:1px; text-align:center; text-transform:uppercase; border-right:1px solid #ffffff; font-family: 'Arimo', sans-serif; } .cart-table thead tr th .fa{ font-size:18px; } .cart-table tbody tr td{ line-height:24px; padding:30px 25px 30px; } .cart-table tbody tr .qty{ width:200px; } .cart-table tbody tr .qty .item-quantity{ max-width: 100px; margin: 0 auto; } .cart-table tbody tr .qty .quantity-spinner{ background:#ffffff; } .cart-table tbody tr .prod-column .column-box{ position:relative; min-height:110px; } .cart-table tbody tr .prod-column .column-box .prod-thumb{ position:relative; width:140px; margin: 0 auto; text-align: center; } .cart-table tbody tr .prod-column .column-box .prod-thumb img{ display:inline-block; max-width:100%; } .cart-table tbody tr .prod-column .column-box h4{ font-size:14px; color:#444444; font-weight:400; line-height:90px; } .cart-table tbody tr .prod-column .author{ font-size:13px; color:#333333; margin-bottom:0px; } .cart-table tbody tr .sub-total{ font-weight:400; color:#222222; font-size:16px; } .cart-table tbody tr .sub-total.price{ } .cart-table tbody tr .remove-btn{ position:relative; font-size:14px; color:#FEC20E; line-height:30px; -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-btn .fa{ position:relative; font-size:18px; line-height:30px; } .cart-table tbody tr .remove-btn:hover{ color:#444444; } .cart-table tbody tr{ border-bottom:1px solid #cccccc; } .cart-table tbody tr td{ vertical-align:middle; color:#797979; font-size:17px; text-align:center; border-left:1px solid #cccccc; } .cart-table tbody tr td.prod-column{ padding-left:48px; } .cart-table tbody tr td.total{ font-size:18px; color:#333333; } .cart-table tbody tr td:last-child{ border-right:1px solid #ebebeb; text-align:center; } .cart-table tbody tr td .prod-title{ position:relative; font-size:16px; color:#222222; font-weight:400; font-family: 'Arimo', sans-serif; } .cart-table tbody tr td .quantity-spinner{ padding:5px 0px 5px 20px; line-height:24px; height:34px; display:block; width:100%; position:relative; } .cart-table tbody .available-info{ position:relative; padding-left:50px; } .cart-table tbody .available-info .icon{ position:absolute; left:0px; top:5px; width:40px; height:40px; line-height:40px; text-align:center; font-size:18px; color:#ffffff; background:#223555; border-radius:50%; } .cart-section .cart-options{ position:relative; padding:40px 0px 10px; margin-bottom:30px; border-top:0px; } .cart-section .apply-coupon{ position:relative; } .cart-section .cart-options .cart-btn{ padding:13px 36px; line-height: 24px; font-size:15px; color:#ffffff; font-weight:700; border-radius:50px; text-transform:capitalize; background-color:#FEC20E; font-family: 'Montserrat', sans-serif; -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-section .cart-options .cart-btn:hover{ background-color:#222222; } .cart-section .apply-coupon .form-group{ position:relative; float:left; margin-right:30px; } .cart-section .apply-coupon .form-group input[type="text"]{ display:block; line-height:28px; padding:10px 25px; border:1px solid #cccccc; width:225px; height:50px; background:#ffffff; border-radius:50px; } .cart-section .coupon-btn{ padding:13px 29px; line-height: 24px; font-size:16px; color:#ffffff; font-weight:700; border-radius:50px; text-transform:capitalize; background-color:#FEC20E; font-family: 'Montserrat', sans-serif; -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-section .coupon-btn:hover{ background-color:#222222; } .cart-section .cart-options .btn-style-one{ top:-7px; padding-left:32px; padding-right:32px; } .cart-section .totals-table{ position:relative; margin-bottom:20px; border:1px solid #cccccc; } .cart-section .totals-table li{ line-height:24px; padding:18px 30px; border-bottom:1px solid #cccccc; } .cart-section .totals-table li:first-child{ background-color:#dddddd; } .cart-section .totals-table li h3{ position:relative; font-weight:700; color:#333333; font-size:18px; font-family: 'Arimo', sans-serif; } .cart-section .totals-table li:last-child{ border-bottom:none; padding:40px 20px 50px; } .cart-section .totals-table .col{ position:relative; display:block; float:left; line-height:24px; width:50%; color:#222222; font-size:16px; font-weight:700; text-transform:capitalize; font-family: 'Arimo', sans-serif; } .cart-section .totals-table li .col:last-child{ text-align:right; } .cart-section .totals-table .total .price{ color:#FEC20E; font-weight:400; } .cart-section .totals-table .proceed-btn{ padding: 13px 33px; line-height: 24px; font-size: 15px; color: #ffffff; font-weight: 700; border-radius:50px; text-transform: capitalize; background-color: #FEC20E; font-family: 'Montserrat', sans-serif; -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-section .totals-table .proceed-btn:hover{ background-color:#222222; } .shipping-block{ position:relative; margin-bottom:60px; } .shipping-block .inner-box{ position:relative; padding:20px 25px 10px; border:1px solid #cccccc; } .shipping-block .inner-box h3{ position:relative; color:#333333; font-size:24px; font-weight:700; margin-bottom:4px; text-transform:capitalize; } .shipping-block .inner-box h4{ position:relative; color:#222222; font-size:14px; font-weight:400; margin-bottom:22px; text-transform:capitalize; } .shipping-form{ position:relative; } .shipping-form .row{ position:relative; margin:0px -10px; } .shipping-form .form-group{ position:relative; margin-bottom:20px; padding:0px 10px; } .shipping-form .form-group input[type="text"], .shipping-form .form-group input[type="password"], .shipping-form .form-group input[type="tel"], .shipping-form .form-group input[type="email"]{ position:relative; display:block; width:100%; line-height:23px; padding:10px 20px; height:45px; font-size:14px; border:1px solid #cccccc; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; transition:all 300ms ease; } .shipping-form .form-group input[type="text"]:focus, .shipping-form .form-group input[type="password"]:focus, .shipping-form .form-group input[type="tel"]:focus, .shipping-form .form-group input[type="email"]:focus, .shipping-form .form-group select:focus, .shipping-form .form-group textarea:focus{ border-color:#FEC20E; } .shipping-form button{ padding: 13px 33px; line-height: 24px; font-size: 15px; color: #ffffff; font-weight: 700; margin-top:6px; border-radius:50px; text-transform: capitalize; background-color: #FEC20E; font-family: 'Montserrat', sans-serif; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; -moz-transition: all 500ms ease; transition: all 500ms ease; } .shipping-form button:hover{ background-color:#222222; } /*==================================================================== CheckOut Section ====================================================================*/ .checkout-page{ position:relative; padding:100px 0px 50px; } .checkout-page .default-links{ position:relative; margin-bottom:50px; } .checkout-page .default-links li{ line-height:25px; padding:25px 25px; font-size:16px; font-weight: 500; color:#666666; background-color :#eeeeee; margin-bottom: 20px; } .checkout-page .default-links li .fa{ position:relative; font-size:24px; line-height: 25px; color:#FEC20E; margin-right:20px; } .checkout-page .default-links li a{ color:#666666; font-size: 16px; display: inline-block; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .checkout-page .default-links li a:hover{ color: #FEC20E; } .checkout-page .sec-title{ margin-bottom: 20px; } .checkout-page .sec-title h3{ font-size: 69px; line-height: 1.2em; color: #222222; font-weight: 400; } .checkout-form{ position:relative; } .checkout-form .column{ position: relative; margin-bottom: 50px; } .checkout-form .form-group{ position:relative; margin-bottom: 15px; } .checkout-form .form-group .field-label{ display:block; line-height:24px; text-transform:capitalize; color:#222222; font-size:15px; font-weight:500; margin-bottom:10px; } .checkout-form .form-group .field-label span{ position: relative; font-size: 16px; color: #222222; display: block; font-weight: 600; } .checkout-form .form-group .field-label sup{ top:-1px; font-size:15px; color: #009fe9; } .checkout-form .form-group .text{ position:relative; color:#777777; font-size:14px; line-height: 24px; } .checkout-form input[type="text"], .checkout-form input[type="email"], .checkout-form input[type="password"], .checkout-form input[type="tel"], .checkout-form input[type="number"], .checkout-form input[type="url"], .checkout-form select, .checkout-form textarea{ position:relative; display:block; width:100%; background:#ffffff; font-size: 16px; line-height:26px; color: #777777; padding:12px 22px; height:50px; border:1px solid #e0e0e0; transition:all 300ms ease; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; } .checkout-form select{ cursor:pointer; -webkit-appearance:none; -ms-appearance:none; -o-appearance:none; -moz-appearance:none; background:#ffffff url(../images/icon-select.png) right center no-repeat; } .checkout-form textarea{ resize:none; height:60px !important; padding-left: 30px; } .checkout-form input:focus, .checkout-form select:focus, .checkout-form textarea:focus{ border-color: #FEC20E; } .checkout-page .check-box{ line-height:24px; font-size:14px; font-weight:normal; padding-top:5px; } .checkout-page .check-box label{ position:relative; top:-1px; font-weight:normal; padding:0px; font-size:16px; cursor:pointer; color:#333333; } .checkout-page .lower-content{ margin-top:30px; } .checkout-page .lower-content .order-column{ margin-bottom:40px; } .checkout-page .lower-content .column h2{ position:relative; color:#222222; font-size:24px; margin-bottom:30px; padding-bottom:12px; } .checkout-page .lower-content .column h2:after{ position:absolute; content:''; left:0px; bottom:0px; width:40px; height:2px; background-color:#FEC20E; } /*Coupon Box*/ .coupon-box{ position:relative; padding:25px 25px; margin-bottom:25px; background-color:#f5f5f5; } .coupon-form{ position:relative; } .coupon-form .form-group{ position:relative; margin-bottom:0px; } .coupon-form .form-group input[type="text"]{ position:relative; display:block; width:100%; line-height:28px; padding:10px 20px; height:44px; font-size:14px; border:1px solid #cccccc; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; transition:all 300ms ease; } .coupon-form .form-group input[type="text"]:focus{ border-color: #FEC20E; } .coupon-form button{ margin-top:0px; font-size:16px; font-weight:700; border-radius:0px; -webkit-border-radius:0px; -moz-border-radius:0px; -ms-border-radius:0px; -o-border-radius:0px; padding:8px 26px; text-transform:capitalize; } .order-box{ position:relative; margin-bottom: 50px; } .order-box .sec-title{ margin-bottom: 25px; } .order-box .sec-title h2{ font-size: 63px; padding-bottom: 0; color: black; } .order-box .sec-title h2:before{ display: none; } .order-box .title-box{ position:relative; padding:15px 30px; font-weight: 500; color: #ffffff; background-color :#222222; } .order-box .title-box .col{ position:relative; width:50%; float:left; color:#ffffff; font-size: 16px; line-height: 25px; } .order-box ul{ position:relative; } .order-box ul li{ position:relative; padding: 25px 30px; font-size: 16px; font-weight: 500; color: #777777; line-height: 30px; border-bottom:1px solid #cccccc; } .order-box ul li strong{ color:#222222; font-weight: 500; font-size:16px; } .order-box ul li span{ width:50%; float:right; color:#FEC20E; font-size:16px; } .order-box ul li span.free{ color:#777777; } .order-box ul li:last-child{ border-bottom: 0; } .payment-box{ position:relative; margin-bottom: 50px; } .payment-box .upper-box{ position:relative; padding:15px 35px; background-color:#f5f5f5; border-bottom:1px solid #b7b7b7; } .payment-options{ position:relative; margin-top:20px; margin-bottom:20px; } .payment-box .payment-options li{ position:relative; margin-bottom:15px; } .payment-box .payment-options li .radio-option{ position:relative; } .payment-box .payment-options li .radio-option label{ position:relative; display:block; padding-left:30px; font-weight: 500; text-transform:capitalize; color:#222222; cursor:pointer; font-size:16px; } .payment-box .payment-options li .radio-option label strong{ font-weight: 400; } .payment-box .payment-options li .radio-option input[type="radio"]{ position:absolute; left:0px; top:3px; } .payment-box .payment-options li .radio-option label .small-text{ position:relative; display:none; letter-spacing:0px; text-transform:none; font-weight:normal; font-size:14px; color:#ffffff; line-height:1.8em; padding:15px 20px; margin-top:20px; background-color :#FEC20E; } .payment-box .payment-options li .radio-option input:checked + label .small-text{ display:block; } .payment-box .payment-options li .radio-option label .small-text:before{ position:absolute; content:''; left:30px; top:-8px; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 8px solid #FEC20E; } .payment-box .payment-options li .radio-option label img{ position:relative; display:block; max-width:100%; padding-left:30px; margin-top:20px; } .payment-box .payment-options li .radio-option .what-paypall{ position:relative; display:block; color:#777777; font-size:16px; font-weight:700; margin-left:120px; margin-top:10px; } .payment-box .lower-box{ position:relative; background-color: #f5f5f5; padding: 30px 35px; } .payment-box .lower-box .theme-btn{ padding: 13px 32px; font-weight: 400; margin-right: 0; } /*** ==================================================================== Login Section ==================================================================== ***/ .login-section{ position:relative; padding:100px 0px 60px; } .login-form.register-form{ padding-bottom:47px; } .login-section h2{ position:relative; color:#222222; font-size:60px; font-weight:500; line-height:1.2em; margin-bottom:25px; } .login-form{ position:relative; margin-bottom:40px; padding:30px 40px 25px; background-color:#f9f9f9; } .login-form .form-group{ position:relative; margin-bottom:16px; } .login-form .form-group.check-box{ margin-bottom:0px; } .login-form .form-group:nth-child(2){ margin-bottom:25px; } .login-section.style-two .login-form .form-group:nth-child(2){ margin-bottom:15px; } .login-form .form-group label{ position:relative; top:-1px; color:#666666; font-weight:400; font-size:14px; margin-bottom:12px; } .login-form .form-group.no-margin{ margin-bottom:0px; } .login-form .form-group input[type="text"], .login-form .form-group input[type="password"], .login-form .form-group input[type="tel"], .login-form .form-group input[type="email"]{ position:relative; display:block; width:100%; line-height:28px; padding:10px 20px; height:50px; color: #666666; font-size:14px; border:1px solid #e0e0e0; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; transition:all 300ms ease; } .login-form .form-group input[type="text"]:focus, .login-form .form-group input[type="password"]:focus, .login-form .form-group input[type="tel"]:focus, .login-form .form-group input[type="email"]:focus, .login-form .form-group select:focus, .login-form .form-group textarea:focus{ border-color:#FEC20E; } .login-form button{ top:0px; margin-top:0px; font-size:16px; font-weight:700; padding:10px 36px; line-height: 25px; color:#ffffff; text-transform:uppercase; } .login-form .psw{ position:relative; color:#666666; font-size:16px; } .login-form .psw:hover{ text-decoration: underline; } /*** ==================================================================== Error Section ==================================================================== ***/ .error-section{ position:relative; text-align:center; padding:170px 0px 170px; } .error-section .error-title{ position:relative; color:#222222; font-size:200px; font-weight:800; line-height:1em; } .error-section .error-title span{ color: #71b100; } .error-section h4{ color:#333333; font-size:40px; font-weight:600; text-transform:capitalize; } .error-section .text{ color:#666666; font-size:24px; margin-top:18px; margin-bottom:45px; } .error-section .theme-btn{ border-radius:5px; font-size:18px; font-weight:700; text-transform:uppercase; } /*** ==================================================================== Coming Soon ==================================================================== ***/ .coming-soon{ position:fixed; width:100%; height:100%; display:block; overflow-y:auto; background-repeat: no-repeat; background-position: center; background-size: cover; } .coming-soon .content{ position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; display: table; text-align:center; vertical-align: middle; } .coming-soon .content .content-inner{ position: relative; padding: 100px 15px; display: table-cell; vertical-align: middle; } .coming-soon .content .content-inner .logo{ position:relative; margin-bottom: 30px; } .coming-soon .content .content-inner h2{ position:relative; color:#ffffff; font-size:40px; font-weight:600; line-height:1.2em; margin-bottom:30px; letter-spacing: 0.1em; text-transform:uppercase; } .coming-soon .content .content-inner .text{ position:relative; color:#ffffff; font-size:20px; font-weight:400; line-height:1.6em; margin-top:0px; margin-bottom:60px; } .time-counter{ position:relative; } .time-counter .time-countdown{ position:relative; } .time-counter .time-countdown .counter-column{ position:relative; margin:0px 15px 0px; width:140px; height:120px; text-align:center; display:inline-block; color:#FEC20E; font-size:20px; line-height:30px; text-transform:uppercase; border-radius:50%; font-weight:700; margin-bottom:60px; } .time-counter .time-countdown .counter-column .count{ position:relative; display:block; font-size:80px; line-height:40px; padding:40px 0px 30px; color:#ffffff; letter-spacing:1px; font-weight:700; } .coming-soon .emailed-form .form-group{ position:relative; display:block; max-width:770px; margin:0 auto; width:100%; margin-bottom:20px; } .coming-soon .emailed-form .form-group input[type="text"], .coming-soon .emailed-form .form-group input[type="tel"], .coming-soon .emailed-form .form-group input[type="email"], .coming-soon .emailed-form .form-group textarea{ position:relative; display:block; width:100%; line-height:20px; height:60px; font-size:18px; color:#222222; overflow:hidden; padding:20px 50px 20px 50px; background:#ffffff; border-radius:50px; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; transition:all 300ms ease; } .coming-soon .emailed-form .form-group input[type="submit"], .coming-soon .emailed-form button{ position:absolute; right:0px; top:0px; width:195px; height:60px; line-height:40px; padding: 10px 50px; font-size:18px; font-weight:600; text-align:center; border-radius:0px 50px 50px 0px; } /*** ================================================================== Right To Left Style ================================================================== ***/ .rtl{ direction: rtl; text-align: right; } .rtl .styled-pagination, .rtl .owl-carousel{ direction: ltr !important; } .rtl .product-details .basic-details .item-quantity, .rtl .page-title .title-box, .rtl .main-footer.style-three .footer-bottom .copyright-text, .rtl .call-to-action-two .title-box, .rtl .main-header .header-lower .nav-outer, .rtl .main-header .header-upper .logo-outer, .rtl .main-header .top-right .text, .rtl .main-header .top-left{ float: right; } .rtl .cat-list li a span, .rtl .sidebar .gallery-widget .link-box, .rtl .sidebar .brochure-link a i, .rtl .page-title .bread-crumb, .rtl .main-footer.style-three .footer-bottom .social-links, .rtl .call-to-action-two .btn-box, .rtl .header-style-two .header-lower .nav-outer, .rtl .main-header .header-upper .upper-right, .rtl .main-header .top-right{ float: left; } .rtl .payment-box .payment-options li .radio-option input[type="radio"], .rtl .sidebar .related-posts .post .post-thumb, .rtl .comments-area .comment-box .author-thumb, .rtl .latest-news .post-thumb, .rtl .main-footer .contact-info-list li .icon, .rtl .why-choose-us:before, .rtl .header-style-three .call-btn:before, .rtl .news-block-two .lower-content .date, .rtl .fun-fact-section:before, .rtl .popular-posts .post .thumb, .rtl .call-back-and-testimonial .form-column .image-box, .rtl .testimonial-block .info-box .thumb, .rtl .list-style-one li:before, .rtl .team-block .overlay-box:after, .rtl .project-block .overlay-box:after, .rtl .service-block .overlay-box:after, .rtl .main-header .info-box .icon-box{ left: auto; right: 0; } .rtl .sidebar .search-box .form-group input[type="submit"], .rtl .sidebar .search-box .form-group button, .rtl .team-carousel .owl-nav, .rtl .projects-section-two .owl-nav, .rtl .testimonial-block .info-box .rating, .rtl .service-block .caption-box .icon, .rtl .main-footer .subscribe-form .form-group input[type="submit"], .rtl .main-footer .subscribe-form .form-group button, .rtl .main-header .search-box .form-group input[type="submit"], .rtl .main-header .search-box .form-group button{ right: auto; left: 0; } .rtl .sec-title .title:before{ left: auto; right: 0; } .rtl .sec-title .title:after{ left: auto; right: 0; } .rtl .sec-title.text-center .title:before{ left: 0; right: 0; } .rtl .sec-title.text-center .title:after{ left: 50%; right: auto; margin-left: 15px; } .rtl .work-tabs .tabs-content{ text-align: right; } .rtl .fixed-header .sticky-header .logo{ float: right !important; } .rtl .fixed-header .sticky-header .pull-right{ float: left !important; } .rtl .main-header .top-right .social-icon-one{ float: left; margin-left: 0; margin-right: 100px; } .rtl .main-header .info-box { float: right; padding-left: 0; padding-right: 65px; margin-left: 0; margin-right: 40px; } .rtl .main-header .outer-box{ float: left; margin-left: 0; margin-right: 45px; } .rtl .main-header .search-box-outer{ float: right; margin-left: 30px; margin-right: 0; } .rtl .main-menu .navigation > li > ul > li.dropdown > a:after{ right: auto; left: 15px; transform: rotate(180deg); } .rtl .main-footer .list li:before{ left: auto; right: 0; transform: rotate(180deg); } .rtl .main-menu .navigation > li{ float: right; margin-left: 40px; margin-right: 0; } .rtl .main-menu .navigation > li > ul{ left: auto; right: 0; } .rtl .main-menu .navigation > li > ul > li > ul { left: auto; right: 100%; } .rtl .main-header .sticky-header .main-menu .navigation > li{ margin-left: 0; margin-right: 40px; } .rtl .header-style-two .main-menu .navigation > li{ margin-left: 8px; margin-right: 0; } .rtl .header-style-two .logo-outer{ float: right; padding: 10px 20px 10px 0px; } .rtl .header-style-two .search-box-outer{ float: left; } .rtl .header-style-two .outer-box{ float: right; margin-left: 45px; margin-right: 0; } .rtl .service-block .caption-box{ padding-right: 40px; padding-left: 70px; } .rtl .service-block .overlay-box .inner { padding-right: 70px; padding-left: 30px; } .rtl .project-block .overlay-box:before, .rtl .service-block .overlay-box:before{ left: auto; right: 40px; } .rtl .service-block .overlay-box .link-box a i{ float: left; margin-right: 5px; margin-left: 0; } .rtl .list-style-one li{ padding-left: 0; padding-right: 35px; } .rtl .testimonial-block .info-box{ padding-left: 0; padding-right: 100px; } .rtl .testimonial-block .content-box .icon{ left: 30px; right: auto; } .rtl .call-back-and-testimonial .form-column .inner-column{ padding-left: 0; padding-right: 100px; } .rtl .project-block .overlay-box .inner{ padding-left: 30px; padding-right: 70px; } .rtl .call-to-action .btn-column .inner-column{ text-align: left; } .rtl .call-to-action .btn-column .message-box span { float: left; margin-right: 25px; margin-left: 40px; } .rtl .news-section .owl-nav { left: auto; right: 0; margin-left: 0; margin-right: -32%; } .rtl .news-block .content-column .info li i{ margin-right: 0; margin-left: 10px; float: right; } .rtl .news-block .content-column .info li{ margin-right: 0; margin-left: 15px; } .rtl .main-footer .list li{ padding-left: 0; padding-right: 25px; } .rtl .popular-posts .post{ padding-left: 0; padding-right: 115px; } .rtl .banner-section-two .auto-container{ direction: rtl; } .rtl .cart-table tbody tr .qty .item-quantity, .rtl .product-details .basic-details .item-quantity, .rtl .range-slider-one, .rtl .pricing-table .price{ direction: ltr; } .rtl .about-section .image-column .inner-column { margin-right: 0; margin-left: -30px; padding-right: 70px; } .rtl .about-section .image-column .image-box:before{ left: auto; right: -90px; } .rtl .services-section-two .title-column .inner-column { float: left; padding-right: 0; padding-left: 60px; } .rtl .services-section-two .title-column{ float: right } .rtl .services-section-two .services-column{ float: left; } .rtl .services-section-two .title-column{ max-width: 35.6%; } .rtl .fun-fact-section .count-box{ padding-left: 0; padding-right: 100px; } .rtl .fun-fact-section .count-box .icon{ left: auto; right: 30px; } .rtl .team-block .overlay-box:before{ left: auto; right: 50px; } .rtl .team-block .overlay-box .inner { padding: 30px 60px 0 30px; } .rtl .team-block .social-links li{ margin-right: 0; margin-left: 15px; } .rtl .news-carousel-two .owl-nav{ right: auto; left: -15px; } .rtl .news-block-two .lower-content .info-box{ padding-left: 0; padding-right: 70px; } .rtl .news-block-two .lower-content .info li{ margin-left: 15px; margin-right: 0; } .rtl .news-block-two .lower-content .info li i{ float: right; margin-left: 10px; margin-right: 0; } .rtl .accordion-box .block .acc-btn{ padding-left: 30px; padding-right: 60px; } .rtl .accordion-box .block .acc-btn.active .icon:before{ left: auto; } .rtl .accordion-box .block .icon{ left: auto; right: 25px; } .rtl .main-footer .title-column .text span{ margin-left: 0; margin-right: 15px; } .rtl .main-footer .subscribe-form .form-group input[type="text"], .rtl .main-footer .subscribe-form .form-group input[type="email"]{ padding: 10px 20px; padding-left: 160px; } .rtl .header-style-three .logo-outer{ float: right; } .rtl .header-style-three .header-lower .nav-outer{ padding-left: 0; padding-right: 60px; } .rtl .header-style-three .share-btn, .rtl .header-style-three .header-lower .main-menu{ float: right; } .rtl .header-style-three .search-box-outer{ margin: 0; } .rtl .header-style-three .share-btn{ margin-left: 60px; margin-right: 0; } .rtl .main-header .outer-box{ margin-left: 0; margin-right: 45px; } .rtl .feature-block .text{ padding-left: 30px; padding-right: 0; } .rtl .projects-section-three .carousel-outer:before{ right: auto; left: 100%; } .rtl .pricing-table .table-content ul{ text-align: right; } .rtl .pricing-table .table-content ul li{ padding-left: 0; padding-right: 35px; } .rtl .pricing-table .table-content ul li:before{ left: auto; right: 0; transform: rotate(180deg); } .rtl .main-footer .contact-widget{ padding-right: 0; padding-left: 40px; } .rtl .main-footer.style-three .footer-bottom .social-links li{ margin-left: 0; margin-right: 20px; } .rtl .main-footer .contact-info-list li{ padding-left: 0; padding-right: 70px; } .rtl .page-title .bread-crumb li:last-child{ padding-left: 0; margin-left: 0; } .rtl .page-title .bread-crumb li { float: right; padding-left: 30px; padding-right: 0px; margin-right: 0px; margin-left: 15px; } .rtl .page-title .bread-crumb li:before{ right: auto; left: 0px; } .rtl .coming-soon .emailed-form .form-group input[type="submit"], .rtl .coming-soon .emailed-form button { right: auto; left: 0; border-radius: 50px 0px 0px 50px; } .rtl .services--list li a{ padding: 20px 25px; padding-left: 75px; } .rtl .services--list li .icon{ right: auto; left: -1px; } .rtl .service-tabs .tabs-content .tab .content .image{ margin-left: 30px; margin-right: 0; float: right; } .rtl .accordion-box.style-three .block .acc-btn.active .icon:before, .rtl .accordion-box.style-three .block .icon{ right: 0; } .rtl .accordion-box.style-three .block .acc-btn{ padding-left: 15px; padding-right: 75px; } .rtl .post-controls .prev span{ float: left; margin-top: 1px; } .rtl .post-controls .next span{ float: right; margin-top: 1px; } .rtl .latest-news .post{ padding-left: 0; padding-right: 90px; } .rtl .tag-list li{ float: right; margin-left: 10px; margin-right: 0; } .rtl .comments-area .comment-box .date{ margin-left: 0; margin-right: 25px; } .rtl .comments-area .comment{ padding-left: 0; padding-right: 160px; } .rtl .sidebar .related-posts .post{ padding-left: 0; padding-right: 90px; } .rtl .product-details .basic-details .add-to-cart{ margin-left: 0; margin-right: 20px; } .rtl .shop-single .product-details .prod-tabs .tab-btns .tab-btn{ float: right; margin-right: 0; margin-left: 10px; } .rtl .comments-area.style-two .comment{ padding-left: 0; padding-right: 90px; } .rtl .shop-comment-form .rating-box .rating{ margin-right: 0; margin-left: 10px; } .rtl .product-details .basic-details .details-header .reviews{ margin-left: 0; margin-right: 15px; } .rtl .checkout-page .default-links li .fa{ margin-right: 0; margin-left: 20px; } .rtl .checkout-form select{ background-position: 20px center; } .rtl .payment-box .payment-options li .radio-option label{ padding-right: 30px; padding-left: 0; } .rtl .payment-box .payment-options li .radio-option label .small-text:before{ left: auto; right: 30px; } .rtl .payment-box .payment-options li .radio-option .what-paypall{ margin-right: 120px; margin-left: 0; } .rtl .login-form .form-group.pw{ text-align: left; } .rtl .blog-detail .news-block-two blockquote p{ text-align: right; } .rtl .blog-detail blockquote{ border-left: 0; border-right: 3px solid #FEC20E; } /*** ==================================================================== Box Layout ==================================================================== ***/ .box-layout .page-wrapper{ max-width: 1400px; margin: 0 auto; border: 15px solid #ffffff; overflow: hidden; background-color: #ffffff; } .box-layout{ background-image: url(../images/background/3.jpg); background-repeat: no-repeat; background-position: center; background-attachment: fixed; background-size: cover; } .box-layout .sticky-header{ max-width: 1370px; left: 0; right: 0; margin: 0 auto; } .box-layout .coming-soon{ position: relative; } .box-layout .coming-soon .content{ position: relative; } .box-layout .banner-carousel .owl-next{ right: 10px; } .box-layout .banner-carousel .owl-prev{ left: 10px; } .box-layout .header-style-three .share-btn{ display: none; }