@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,400i,500,600,700,900|Open+Sans:300,400,600,700');
@import url('https://fonts.googleapis.com/css?family=BenchNine:300,400,700');
@import url('flaticon.css');
@import url('fontawesome-all.css');
@import url('animate.css');
@import url('jquery-ui.css');
@import url('jquery.mCustomScrollbar.min.css');
@import url('owl.css');
@import url('jquery.bootstrap-touchspin.css');
@import url('jquery-ui.css');
@import url('jquery.fancybox.min.css');
*{ margin:0px; padding:0px; border:none; outline:none; font-size: 100%; }
body { font-size:14px; color:#777777; line-height: 28px; font-weight:400; background:#ffffff; -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; font-family: 'Open Sans', sans-serif; }
a{ text-decoration:none; cursor:pointer; color:#fbbc05; transition: all 500ms ease; }
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: 'Montserrat', sans-serif; }
textarea{ overflow:hidden; resize: none; }
figure{ margin: 0; padding: 0; }
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; text-align: center; -webkit-transition:all 0.3s linear; -moz-transition:all 0.3s linear; -ms-transition:all 0.3s linear; -o-transition:all 0.3s linear; transition:all 0.3s linear; }
.centered{ text-align:center !important; }
.dv-alienhe a, .btn-style-one{ position:relative; font-size:16px; line-height:30px; color:#ffffff !important; padding: 15px 40px; text-transform: capitalize; font-weight: 400; border-radius: 50px; background-color: #fbbc05; }
.dv-alienhe a:hover, .btn-style-one:hover{ color: #ffffff !important; -webkit-box-shadow: rgba(34, 34, 34, 1) 0 0px 0px 40px inset; -moz-box-shadow: rgba(34, 34, 34, 1) 0 0px 0px 40px inset; -ms-box-shadow: rgba(34, 34, 34, 1) 0 0px 0px 40px inset; -o-box-shadow: rgba(34, 34, 34, 1) 0 0px 0px 40px inset; box-shadow: rgba(34, 34, 34, 1) 0 0px 0px 40px inset; }
.dv-alienhe a:before, .btn-style-one:before{ position: absolute; top: -1px; right: -1px; left: -1px; bottom: -1px; content: ""; border-radius: 50px; border:2px solid #222222; transition: all 300ms ease; opacity: 0; }
.dv-alienhe a:nth-child(1) { display: none; }
.dv-alienhe { text-align: center; }
.dv-alienhe a:hover:before, .btn-style-one:hover:before{ opacity: 1; }
.dv-alienhe a { display: inline-block; }
.dv-alienhe { padding: 10px 0 0; }
.btn-style-two{ position:relative; font-size:16px; line-height:20px; color:#222222; padding: 13px 45px; text-transform: capitalize; font-weight: 400; border-radius: 50px; background-color: #ffffff; border:2px solid #fbbc05; -webkit-box-shadow: rgba(255, 255, 255, 0) 0 0px 0px 0px inset; -moz-box-shadow: rgba(255, 255, 255, 0) 0 0px 0px 0px inset; -ms-box-shadow: rgba(255, 255, 255, 0) 0 0px 0px 0px inset; -o-box-shadow: rgba(255, 255, 255, 0) 0 0px 0px 0px inset; box-shadow: rgba(255, 255, 255, 0) 0 0px 0px 0px inset; }
.btn-style-two:hover{ color: #ffffff; border:2px solid #fbbc05; -webkit-box-shadow: rgba(277, 139, 0, 1) 0 0px 0px 40px inset; -moz-box-shadow: rgba(277, 139, 0, 1) 0 0px 0px 40px inset; -ms-box-shadow: rgba(277, 139, 0, 1) 0 0px 0px 40px inset; -o-box-shadow: rgba(277, 139, 0, 1) 0 0px 0px 40px inset; box-shadow: rgba(277, 139, 0, 1) 0 0px 0px 40px inset; }
.btn-style-three{ position:relative; font-size:16px; line-height:20px; color:#fff; padding: 18px 35px; text-transform: capitalize; font-weight: 400; border-radius: 50px; background-color: #494949; -webkit-box-shadow: rgba(255, 255, 255, 0) 0 0px 0px 0px inset; -moz-box-shadow: rgba(255, 255, 255, 0) 0 0px 0px 0px inset; -ms-box-shadow: rgba(255, 255, 255, 0) 0 0px 0px 0px inset; -o-box-shadow: rgba(255, 255, 255, 0) 0 0px 0px 0px inset; box-shadow: rgba(255, 255, 255, 0) 0 0px 0px 0px inset; }
.btn-style-three:hover{ color: #ffffff; -webkit-box-shadow: rgba(277, 139, 0, 1) 0 0px 0px 40px inset; -moz-box-shadow: rgba(277, 139, 0, 1) 0 0px 0px 40px inset; -ms-box-shadow: rgba(277, 139, 0, 1) 0 0px 0px 40px inset; -o-box-shadow: rgba(277, 139, 0, 1) 0 0px 0px 40px inset; box-shadow: rgba(277, 139, 0, 1) 0 0px 0px 40px inset; }
.color-palate { display: none; }
.btn-style-four{ position:relative; font-size:16px; line-height:20px; color:#fff; padding: 18px 35px; text-transform: capitalize; font-weight: 400; border-radius: 50px; background-color: #222222; -webkit-box-shadow: rgba(255, 255, 255, 0) 0 0px 0px 0px inset; -moz-box-shadow: rgba(255, 255, 255, 0) 0 0px 0px 0px inset; -ms-box-shadow: rgba(255, 255, 255, 0) 0 0px 0px 0px inset; -o-box-shadow: rgba(255, 255, 255, 0) 0 0px 0px 0px inset; box-shadow: rgba(255, 255, 255, 0) 0 0px 0px 0px inset; }
.btn-style-four:hover{ color: #ffffff; -webkit-box-shadow: rgba(277, 139, 0, 1) 0 0px 0px 40px inset; -moz-box-shadow: rgba(277, 139, 0, 1) 0 0px 0px 40px inset; -ms-box-shadow: rgba(277, 139, 0, 1) 0 0px 0px 40px inset; -o-box-shadow: rgba(277, 139, 0, 1) 0 0px 0px 40px inset; box-shadow: rgba(277, 139, 0, 1) 0 0px 0px 40px inset; }
.btn-style-five{ position:relative; font-size:16px; line-height:30px; color:#ffffff; padding: 10px 45px; text-transform: capitalize; font-weight: 400; border-radius: 50px; background-color: #fbbc05; }
.btn-style-five:hover{ color: #ffffff; background-color: #222222; }
.list-style-one{ position: relative; }
.list-style-one li{ position: relative; float: left; width: 100%; font-size: 14px; line-height: 28px; color: #666666; font-weight: 400; padding-left: 35px; padding-bottom: 10px; }
.list-style-one li:before{ position: absolute; left: 0; top: 0; font-size: 14px; line-height: 28px; color: #fbbc05; content: "\f058"; font-family: "Font Awesome 5 Free"; }
.list-style-two{ position: relative; display: block; margin-bottom: 30px; }
.list-style-two li{ position: relative; font-size: 14px; line-height: 20px; color: #222222; font-weight: 500; padding-left: 35px; margin-bottom: 15px; font-family: "Rubik", sans-serif; }
.list-style-two li:before{ position: absolute; left: 0; top: 0; font-size: 14px; line-height: 20px; color: #fbbc05; font-weight: 900; font-family: "FontAwesome"; content: "\f061"; }
.theme_color{ color:#fbbc05; }
.pull-right{ float: right; }
.pull-left{ float: left; }
.preloader{ position:fixed; left:0px; top:0px; width:100%; height:100%; z-index:999999; background-color:#ffffff; background-position:center center; background-repeat:no-repeat; background-image:url(../images/preloader.svg); }
img{ display:inline-block; max-width:100%; height:auto; }
.scroll-to-top{ position:fixed; bottom:80px; right:20px; width:50px; height:50px; color:#ffffff; font-size:20px; line-height:50px; text-align:center; z-index:100; cursor:pointer; background:#222222; display:none; 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; }
.scroll-to-top:hover{ background:#fbbc05; color: #222222; }
.main-header{ position: relative; left: 0; top: 0; width:100%; z-index: 9999; }
.main-header .top-left{ position: relative; float: left; }
.main-header .top-left .contact-list{ position: relative; padding: 5px 0; }
.main-header .top-left .contact-list li{ position: relative; float: left; font-size: 14px; line-height: 30px; color: #222222; font-weight: 400; margin-right: 25px; }
.main-header .top-left .contact-list li:last-child{ margin-right: 0; }
.main-header .top-left .contact-list li i{ float: left; font-size: 16px; line-height: 30px; margin-right: 10px; color: #ffffff; }
.main-header .top-left .contact-list 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 .top-left .contact-list li a:hover{ color: #ffffff; }
.main-header .top-right{ position: relative; float: right; padding:5px 0; }
.social-icon-four{ position: relative; }
.social-icon-four li{ position: relative; float: left; margin-left: 20px; }
.social-icon-four li:first-child{ margin-left: 0; }
.social-icon-four li a{ position: relative; display: block; font-size: 16px; line-height: 30px; 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-four li a:hover{ color: #222222; }
.main-header .main-box{ position:relative; display: block; }
.main-header .inner-container{ position: relative; padding: 0 15px; }
.main-header .logo-box{ position: relative; float: left; }
.main-header .logo-box .logo{ position: relative; 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-header .nav-outer{ position: static; float: right; }
.navbar-toggler{ border: 0 !important; }
.main-menu { position: static; float: left; font-family: 'Montserrat', sans-serif; }
.main-menu .navbar-header{ display: none; }
.main-menu .navbar-collapse{ padding:0px; }
.main-menu .navigation{ position:static; margin:0px; }
.main-menu .navigation > li{ position:relative; float:left; margin-left: 45px; -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:#fff; padding:35px 0; opacity:1; text-align:center; text-transform: uppercase; -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.current > a{ color:#fbbc05; }
.main-menu .navigation > li > a:hover::before, .main-menu .navigation > li.current > a::before { content: ""; position: absolute; left: 0; top: 0; margin: 0 auto; width: 44px; height: 2px; background: #fbbc05; }
.main-menu .navigation > li > a:hover::after, .main-menu .navigation > li.current > a::after { content: ""; position: absolute; left: 50%; top: 0; width: 0; height: 0; margin: 0 auto; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #fbbc05; transform: translateX(-50%); }
.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: 'FontAwesome'; 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(0,0,0,.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:15px; color:#ffffff; text-align:left; text-transform:capitalize; border-left: 4px solid 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; }
.main-menu .navigation > li > ul > li:hover > a{ border-left: 4px solid #fbbc05; background:#222222; }
.main-menu .navigation > li > ul > li.dropdown > a:after{ content: "\f105"; position:absolute; right:15px; top:11px; width:10px; height:20px; display:block; line-height:20px; font-size:16px; color: #ffffff; font-weight:normal; text-align:center; z-index:5; font-family: 'Font Awesome 5 Free'; font-weight: 900; }
.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:15px; color:#ffffff; text-align:left; text-transform:capitalize; border-left: 4px solid 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; }
.main-menu .navigation > li > ul > li > ul > li > a:hover{ color: #ffffff; background:#222222; border-left: 4px solid #fbbc05; }
.main-menu .navigation > li: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: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; top: 0; right: 0; }
.main-header .outer-box .nav-toggler { position: relative; margin-left: 18px; width: 40px; height: 40px; line-height: 40px; border-radius: 50%; font-size: 16px; color: #fbbc05; transition: all 0.5s ease-in-out; }
.main-header .outer-box .nav-toggler:hover{ color: #fff; }
.social-icon-one{ position: relative; }
.social-icon-one li{ position: relative; float: left; margin-left: 22px; }
.social-icon-one li a{ position: relative; display: block; font-size: 13px; line-height: 30px; color: #222222; 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; }
.social-icon-one li a:hover{ color: #fbbc05; }
.main-header .contact-info{ position: relative; }
.main-header .contact-info li{ position: relative; float: left; margin-left: 35px; font-size: 14px; line-height: 30px; color: #222222; font-weight: 400; }
.main-header .contact-info li span{ position: relative; float: left; font-size: 14px; line-height: 30px; color: #aaaaaa; font-weight: 400; }
.main-header .contact-info li a{ color: #222222; transition: all 300ms ease; }
.main-header .contact-info li a:hover{ color: #fbbc05; }
.header-style-one{ position: absolute; left: 0; top: 0; width:100%; z-index: 9999; background: rgba(0,0,0,0.7); }
.header-style-one{ position: fixed; left: 0; top: 0; width: 100%; }
.header-style-one .header-lower{ position: relative; background-color: rgba(0,0,0,0.80); margin: 0 30px; padding: 0 40px; }
.header-style-one .header-lower:before{ position: absolute; top: 0; left: -30px; height: 0; width: 0; border-left: 30px solid transparent; border-top: 100px solid rgba(0,0,0,0.80); content:""; }
.header-style-one .header-lower:after{ position: absolute; top: 0; right: -30px; height: 0; width: 0; border-right: 30px solid transparent; border-top: 100px solid rgba(0,0,0,0.80); content:""; }
.header-style-one .nav-outer{ float: right; }
.header-style-one .main-menu .navigation > li{ margin-left: 35px; }
.header-style-one .main-menu .navigation > li > a{ position: relative; color: #ffffff; font-weight: 500; font-size: 15px; }
.header-style-one .main-menu .navigation > li > a:hover{ color: #fbbc05; }
.header-style-one .main-menu .navigation > li > a:before{ position: absolute; left: 50%; width: 0; height: 1px; bottom: 35px; content: ""; background-color: #fbbc05; transition: all 300ms ease; }
.header-style-one .main-menu .navigation > li:hover > a:before, .header-style-one .main-menu .navigation > li.current > a:before{ left: 0%; width: 100%; }
.header-style-one .outer-box { padding: 29.5px 0; margin-left: 32px; }
.header-style-one .search-box-btn:hover{ color: #ffffff !important; }
.header-style-one .search-box-outer .dropdown-menu{ top: 20px !important; }
.main-header.header-style-two:after { display: none; }
.header-style-two{ position: relative; width: 100%; border-bottom: none; }
.header-style-two .header-top .inner-container{ padding: 0 40px; }
.header-style-two .header-lower{ position: relative; width: 100%; background-image: url(../images/resource/main-header-two.jpg); background-position: top center; background-repeat: no-repeat; background-size: cover; }
.header-style-two .header-lower .auto-container{ position: relative; max-width: 1170px; }
.header-style-two .header-lower .main-box { position: relative; width: 100%; }
.header-style-two .nav-outer{ float: right; }
.header-style-two .main-menu .navigation > li{ margin-left: 35px; }
.header-style-two .main-menu .navigation > li > a{ position: relative; color: #ffffff; font-weight: 500; font-size: 15px; }
.header-style-two .main-menu .navigation > li > a:before{ position: absolute; left: 50%; width: 0; height: 1px; bottom: 35px; content: ""; background-color: #fbbc05; transition: all 300ms ease; }
.header-style-two .main-menu .navigation > li:hover > a:before, .header-style-two .main-menu .navigation > li.current > a:before{ left: 0%; width: 100%; }
.header-style-two .outer-box{ padding: 32.5px 0; margin-left: 45px; }
.header-style-two .search-box-btn:hover{ color: #ffffff !important; }
.header-style-two .search-box-outer .dropdown-menu{ top: 37px !important; }
.header-style-two .search-box-outer{ float: right; margin-left: 40px; }
.main-header .cart-btn{ position: relative; float: left; }
.main-header .cart-btn a{ position: relative; display: inline-block; font-size: 20px; line-height: 35px; color: #fbbc05; }
.main-header .cart-btn a i:before{ margin-left: 0; font-size: 26px; }
.main-header .cart-btn .count{ position: absolute; right: -11px; top: 0; height: 22px; width: 22px; line-height: 22px; color: #fbbc05; font-size: 12px; text-align: center; font-weight: 400; background-color: #fff; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; }
.main-header .search-box-outer{ position:relative; -webkit-transition:all 300ms ease; -moz-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; transition:all 300ms ease; display: inline-block; }
.main-header .search-box-btn{ position: relative; height: 35px; width: 35px; cursor: pointer; background: none; font-size: 15px; color: #fff; line-height: 33px; border: 1px dashed #fbbc05; border-radius: 50%; 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; }
.main-header .search-box-btn:hover{ color: #fbbc05; }
.dropdown-toggle::after{ display: none; }
.main-header .search-box-outer .dropdown-menu{ top:37px !important; right: 0 !important; left: auto !important; transform: none !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; }
.header-searchbar { position: relative; display: inline-block; margin-left: 20px; }
.header-searchbar i{ position: relative; height: 35px; width: 35px; cursor: pointer; text-align: center; background: none; font-size: 15px; color: #fff; line-height: 33px; border: 1px dashed #fbbc05; border-radius: 50%; 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; }
.wraper_search { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 999; opacity: 0; visibility: hidden; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; }
.wraper_search > .table { display: table; table-layout: fixed; width: 100%; height: 100%; margin: 0; }
.wraper_search > .table > .table-cell { position: relative; display: table-cell; width: 100%; height: 100%; vertical-align: middle; text-align: center; }
.wraper_search > .table > .table-cell > .search-layer:nth-child(1) { left: 0; background-color: rgba(0, 0, 0, 0.5); transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; }
.wraper_search > .table > .table-cell > .search-layer { position: absolute; top: 0; right: 0; bottom: 0; z-index: 1; transform: translateX(100%); -webkit-transform: translateX(100%); }
.wraper_search > .table > .table-cell > .search-layer:nth-child(2) { left: 300px; background-color: rgba(0, 0, 0, 0.4); transition: all 0.3s ease-in-out 0.3s; -webkit-transition: all 0.3s ease-in-out 0.3s; }
.wraper_search > .table > .table-cell > .search-layer { position: absolute; top: 0; right: 0; bottom: 0; z-index: 1; transform: translateX(100%); -webkit-transform: translateX(100%); }
.wraper_search > .table > .table-cell > .search-layer:nth-child(3) { left: 600px; background-color: rgba(0, 0, 0, 0.9); transition: all 0.9s ease-in-out 0.6s; -webkit-transition: all 0.9s ease-in-out 0.6s; }
.wraper_search > .table > .table-cell > .search-layer { position: absolute; top: 0; right: 0; bottom: 0; z-index: 1; transform: translateX(100%); -webkit-transform: translateX(100%); }
.wraper_search > .table > .table-cell > .search-close { position: absolute; top: 40px; right: 40px; width: 30px; z-index: 2; text-align: center; cursor: pointer; }
.wraper_search > .table > .table-cell > .search-close > .search-close-line:nth-child(1) { transform: rotate(45deg); -webkit-transform: rotate(45deg); }
.wraper_search > .table > .table-cell > .search-close > .search-close-line { width: 100%; height: 2px; float: left; margin-bottom: 5px; background-color: #fff; }
.wraper_search > .table > .table-cell > .search-close > .search-close-line:nth-child(2) { margin-top: -7px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); }
.wraper_search > .table > .table-cell > .search-close > .search-close-line { width: 100%; height: 2px; float: left; margin-bottom: 5px; background-color: #fff; }
.wraper_search > .table > .table-cell .inner_search { position: relative; z-index: 1; float: right; width: 100%; max-width: 500px; padding: 100px 40px 100px 40px; text-align: right; }
.wraper_search > .table > .table-cell .inner_search > .flyout-search-title { margin-bottom: 30px; }
.wraper_search > .table > .table-cell .inner_search > .flyout-search-title > *:last-child { margin-bottom: 0 !important; }
.wraper_search > .table > .table-cell .inner_search > .flyout-search-title h4 { margin-bottom: 20px; text-transform: uppercase; font-weight: 600; font-size: 25px; color: #fff; line-height: 45px; letter-spacing: 50px; opacity: 0; transition: all 1s ease-in-out 0s; -webkit-transition: all 1s ease-in-out 0s; }
.wraper_search > .table > .table-cell .inner_search > .search-bar .form-row { position: relative; padding: 0; margin: 0; }
.wraper_search > .table > .table-cell .inner_search > .search-bar .form-row input[type=search] { width: 100%; height: 60px; padding: 0px 40px 0px 0px; background-color: initial; border: none; border-bottom: 3px #dedede solid; box-shadow: initial; font-size: 20px; color: #fff; }
.wraper_search > .table > .table-cell .inner_search > .search-bar .form-row button { position: absolute; top: 17px; right: 0; z-index: 1; width: 40px; height: auto; background-color: initial; border: none; cursor: pointer; }
.wraper_search > .table > .table-cell .inner_search > .search-bar .form-row button i { font-size: 20px; color: #fff; line-height: 20px; }
.wraper_search > .table > .table-cell .inner_search > .search-bar .form-row input[type=search] { width: 100%; height: 60px; padding: 0px 40px 0px 0px; background-color: initial; border: none; border-bottom: 3px #dedede solid; box-shadow: initial; font-size: 20px; color: #fff; }
body.flyout-searchbar-active .wraper_search { opacity: 1; visibility: visible; }
body.flyout-searchbar-active .wraper_search > .table > .table-cell > .search-layer { transform: translateX(0); -webkit-transform: translateX(0); }
body.flyout-searchbar-active .wraper_search > .table > .table-cell > .search-layer { transform: translateX(0); -webkit-transform: translateX(0); }
body.flyout-searchbar-active .wraper_search > .table > .table-cell > .search-layer { transform: translateX(0); -webkit-transform: translateX(0); }
body.flyout-searchbar-active .wraper_search > .table > .table-cell .inner_search > .flyout-search-title h4 { letter-spacing: 0; opacity: 1; }
.header-style-three{ position: relative; background-color: #232122; }
.header-style-three .logo-box:before{ position: absolute; top: 0; margin-right: -230px; right: 100%; height: 100%; width: 1000%; background-color: #ffffff; content: ""; transform:skew(40deg); }
.header-style-three .inner-container{ position: relative; }
.header-style-three .nav-outer{ float: right; }
.header-style-three .outer-box{ position: relative; float: right; padding: 30px 0; }
.header-style-three .main-menu .navigation > li{ margin-left: 35px; }
.header-style-three .main-menu .navigation > li > a{ position: relative; color: #ffffff; font-weight: 500; font-size: 15px; }
.header-style-three .main-menu .navigation > li > a:before{ position: absolute; left: 50%; width: 0; height: 1px; bottom: 35px; content: ""; background-color: #fbbc05; transition: all 300ms ease; }
.header-style-three .main-menu .navigation > li:hover > a:before, .header-style-three .main-menu .navigation > li.current > a:before{ left: 0%; width: 100%; }
.header-style-three .outer-box{ margin-left: 30px; }
.header-style-three .search-box-outer{ margin-left: 20px; }
.header-style-three .nav-toggler{ position: relative; height: 30px; width: 30px; text-align: center; line-height: 30px; font-size: 15px; color: #222222; font-weight: 400; background-color: #ffffff; border-radius: 5px; cursor: pointer; transition: all 300ms ease; }
.header-style-three .nav-toggler:hover{ background-color: #ffa500; color: #ffffff; }
.header-style-four .header-top { position: relative; background-color: #222222 !important; }
.header-style-four .top-left .contact-list { margin-left: -24px; }
.header-style-four .top-right {padding:0}
.header-style-four .top-left .contact-list li i{ color: #fbbc05; }
.header-style-four .top-left .contact-list li{ color: #fff; }
.header-style-four .top-left .contact-list li a{ color: #fff; }
.header-style-four .top-left .contact-list li a:hover{ color: #fbbc05; }
.main-header.header-style-four:after { display: none; }
.header-style-four .social-icon-four { margin-right: -25px; }
.header-style-four .social-icon-four li a { position: relative; display: block; font-size: 16px; line-height: 30px; 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; padding: 5px 7px; width: 30px; text-align: center; }
.header-style-four .social-icon-four li a:hover { background-color: #fff; color: #fbbc05; }
.header-style-four{ position: relative; width: 100%; border-bottom: none; }
.header-style-four .header-top .inner-container{ padding: 0 40px; }
.header-style-four .header-lower{ position: absolute; width: 100%; background:none; }
.header-style-four .header-lower:before{ content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 50%; background-color: #222222; }
.header-style-four .header-lower .auto-container{ position: relative; max-width: 1170px; }
.header-style-four .header-lower .main-box { position: relative; width: 100%; background-image: url(../images/resource/main-header-four.jpg); background-position: top center; background-repeat: no-repeat; padding: 0 30px; background-size: cover; }
.header-style-four .nav-outer{ float: right; }
.header-style-four .main-menu .navigation > li{ margin-left: 35px; }
.header-style-four .main-menu .navigation > li > a{ position: relative; color: #222222; font-weight: 500; font-size: 15px; }
.header-style-four .main-menu .navigation > li > a:hover{ color: #fbbc05; }
.header-style-four .main-menu .navigation > li > a:before{ position: absolute; left: 50%; top: auto; width: 0; height: 1px; bottom: 31px; content: ""; background-color: #fbbc05; transition: all 300ms ease; }
.header-style-four .navigation > li > a:hover::before, .header-style-four .navigation > li.current > a::before { content: ""; position: absolute; left: 0; top: auto; bottom: 31px; margin: 0 auto; width: 49px; height: 2px; background: #fbbc05; }
.header-style-four .navigation > li > a:hover::after, .header-style-four .navigation > li.current > a::after{ display: none; }
.header-style-four .outer-box{ padding: 32.5px 0; margin-left: 45px; }
.header-style-four .search-box-btn{ color: #222; }
.header-style-four .search-box-btn:hover{ color: #fbbc05 !important; }
.header-style-four .search-box-outer .dropdown-menu{ top: 37px !important; }
.header-style-four .search-box-outer{ float: right; margin-left: 40px; }
.main-header .cart-btn{ position: relative; float: left; }
.main-header .cart-btn a{ position: relative; display: inline-block; font-size: 20px; line-height: 35px; color: #fbbc05; }
.main-header .cart-btn a i:before{ margin-left: 0; font-size: 26px; }
.main-header .cart-btn .count{ position: absolute; right: -11px; top: 0; height: 22px; width: 22px; line-height: 22px; color: #fbbc05; font-size: 12px; text-align: center; font-weight: 400; background-color: #fff; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; }
.header-style-four .header-searchbar i{ color: #fbbc05; }
.header-style-five{ position: absolute; }
.header-style-five .main-menu{ margin-right: 200px; }
.header-style-five .main-menu .navigation{ margin-left: 15px; }
.header-style-five .nav-outer { background: rgba(255,255,255,0.6); }
.header-style-five .logo-box { position: relative; float: left; background: rgba(255,255,255,0.6); padding-right: 75px; }
.header-style-five .logo-box:before { content: ""; position: absolute; left: -100%; top: 0; width: 100%; height: 100%; background: rgba(255,255,255,0.6); }
.header-style-five .logo-box .logo { padding: 15px 0; }
.header-style-five .inner-container { position: relative; padding-left: 60px; padding-right: 0; margin-top: 50px; }
.header-style-five .main-menu .navigation > li{ margin-left: 35px; }
.header-style-five .main-menu .navigation > li > a{ position: relative; color: #222222; font-weight: 500; font-size: 15px; }
.header-style-five .main-menu .navigation > li > a:hover{ color: #fbbc05; }
.header-style-five .main-menu .navigation > li > a:before{ position: absolute; left: 50%; top: auto; width: 0; height: 1px; bottom: 31px; content: ""; background-color: #fbbc05; transition: all 300ms ease; }
.header-style-five .navigation > li > a:hover::before, .header-style-five .navigation > li.current > a::before { content: ""; position: absolute; left: 0; top: auto; bottom: 31px; margin: 0 auto; width: 49px; height: 2px; background: #fbbc05; }
.header-style-five .navigation > li > a:hover::after, .header-style-five .navigation > li.current > a::after{ display: none; }
.header-style-five .outer-box{ position: relative; padding: 45px 0; float: right; }
.header-style-five .search-box-outer .phone-num { position: relative; left: -160px; top: 36px; font-size: 16px; color: #333; }
.header-style-five .search-box-outer .search-box-btn { color: #333; border: 1px dashed #fbbc05; background-color: #fff; margin-top: 4px; }
.header-style-five .search-box-outer { float: left; position: relative; right: 0; }
.header-style-five .header-searchbar i{ color: #fbbc05; }
.sidenav-bar{ position:fixed; left:-350px; top:0px; width: 350px; height:100%; overflow-y:auto; background:#111111; z-index: 99999; transition: all 500ms ease; }
.active-side-nav .sidenav-bar{ left: 0; }
.sidenav-bar .inner-box{ position: relative; padding: 50px 30px; }
.sidenav-bar:before{ position: absolute; left: 0; top: 0; height: 100%; width: 100%; background-image: url(../images/icons/icon-dots-dark.jpg); background-repeat: repeat; background-position: center; content: ""; }
.sidenav-bar .upper-box{ position: relative; margin-bottom: 50px; }
.sidenav-bar .upper-box .logo a{ position: relative; }
.sidenav-bar .cross-icon{ position: absolute; right: 0; top: 15px; height: 40px; width: 40px; text-align: center; line-height: 40px; font-size: 18px; color: #222222; font-weight: 400; background-color: #ffffff; cursor: pointer; transition: all 300ms ease; }
.sidenav-bar .cross-icon:hover{ background-color: #ffa500; color: #ffffff; }
.sidenav-bar .side-nav{ position: relative; margin-bottom: 50px; }
.sidenav-bar .side-nav .navigation > li.dropdown > a:before{ font-family: 'FontAwesome'; content: "\f105"; position:absolute; right:0px; top: 10px; line-height: 30px; display:block; font-size:16px; z-index:5; font-weight:300; }
.sidenav-bar .side-nav .navigation > li.dropdown.active > a:before{ content: "\f107"; }
.sidenav-bar .side-nav .navigation > li.dropdown > ul, .sidenav-bar .side-nav .navigation > li.dropdown > ul > li.dropdown > ul{ position:relative; display:block; left:0%; top:0px; width:100%; z-index:100; padding:10px 0px; }
.sidenav-bar .side-nav .navigation li.dropdown .dropdown-btn{ position:absolute; right:0px; top:10px; width:34px; height:30px; border:1px solid #e0e0e0; text-align:center; font-size:16px; line-height:28px; color:#ffffff; cursor:pointer; z-index:5; display:none; }
.sidenav-bar .subscribe-form{ position: relative; }
.sidenav-bar .subscribe-form h5{ position: relative; display: block; font-size: 20px; line-height: 1.2em; color: #ffffff; font-weight: 400; margin-bottom: 25px; }
.sidenav-bar .subscribe-form form{ position: relative; }
.sidenav-bar .subscribe-form input[type="text"], .sidenav-bar .subscribe-form input[type="email"]{ position: relative; display: block; width: 100%; font-size: 14px; line-height: 30px; color: #999999; font-weight: 400; padding: 10px 30px; background-color: #000000; border-radius: 30px; transition: all 300ms ease; }
.sidenav-bar .subscribe-form button, .sidenav-bar .subscribe-form input[type="submit"]{ position: relative; display: block; width: 100%; margin-top: 10px; height: 50px; font-size: 16px; line-height: 30px; color: #000000; font-weight: 600; padding: 10px 30px; text-transform: uppercase; }
.sidenav-bar .subscribe-form button:hover, .sidenav-bar .subscribe-form input[type="submit"]:hover{ color: #ffffff; }
.form-back-drop{ position:fixed; right:0px; top:0px; width:100%; height:100%; opacity:0; background:rgba(0,0,0,0.70); visibility:hidden; z-index:99999; transition:all 0.5s ease; -moz-transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -ms-transition:all 0.5s ease; -o-transition:all 0.5s ease; }
.active-side-nav .form-back-drop{ opacity:1; visibility:visible; }
.mCSB_inside>.mCSB_container{ margin-right: 0; }
.hidden-bar{ position: fixed; left: -500px; top: 0px; max-width: 100%; height:100%; overflow-y:auto; z-index: 99999; opacity: 0; background-color: #222222; visibility: hidden; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
.active-side-nav .hidden-bar{ left:0px; opacity:1; visibility:visible; }
.hidden-bar .inner-box { position: relative; background-color: #222222; padding: 28px 30px 20px; }
.hidden-bar .inner-box .cross-icon{ position:absolute; right:30px; top:30px; cursor:pointer; color:#ffffff; font-size:20px; z-index: 2; }
.hidden-bar .inner-box h2{ position:relative; font-size:22px; font-weight:500; line-height:1.5; color:#ffffff; margin-bottom:20px; }
.hidden-bar .appointment-form{ position:relative; }
.hidden-bar .appointment-form .form-group{ position:relative; margin-bottom:15px; }
.hidden-bar .appointment-form input[type="text"], .hidden-bar .appointment-form input[type="email"], .hidden-bar .appointment-form textarea{ position:relative; display:block; width:100%; line-height:23px; padding:10px 25px; height:45px; color:#ffffff; font-size:16px; border:1px solid rgba(255,255,255,0.10); background:none; transition:all 300ms ease; -ms-transition:all 300ms ease; -webkit-transition:all 300ms ease; }
.hidden-bar .appointment-form input::placeholder, .hidden-bar .appointment-form textarea::placeholder{ color:#bdbdbd; }
.hidden-bar .appointment-form input:focus, .hidden-bar .appointment-form textarea:focus{ border-color: #ffffff; }
.hidden-bar .appointment-form textarea{ height:135px; resize:none; }
.hidden-bar .appointment-form .form-group button{ margin-top:10px; display: block; width: 100%; border-radius: 0; font-weight: 700; background-color: #ffffff; color: #222222; }
.hidden-bar .appointment-form .form-group button:hover{ color: #ffffff; }
.contact-info-box{ position:relative; padding-top:20px; }
.contact-info-box .info-list{ position:relative; padding-bottom:18px; margin-bottom:25px; }
.contact-info-box .info-list li{ position:relative; display: block; color:#ffffff; font-size:18px; font-weight:500; margin-bottom:5px; }
.contact-info-box .info-list li a{ position:relative; display: inline-block; color:#ffffff; font-size:16px; font-weight:500; }
.contact-info-box .info-list:before{ position:absolute; content:''; left:0px; bottom:0px; width:50px; height:1px; background-color:#ffffff; }
.contact-info-box .social-list{ position:relative; }
.contact-info-box .social-list li { position: relative; width: auto; float: left; margin-bottom: 6px; display: inline-block; margin-right: 18px; }
.dv-lang { display: inline-block; padding: 0; }
.dv-lang img { height: 18px; width: auto; }
.dv-lang a { display: block; line-height: 0; }
.dv-lang li { display: inline-block; margin-left: 7px; }
.contact-info-box .social-list li a{ position:relative; font-size:13px; font-weight:500; color:rgba(255,255,255,0.50); 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; }
.contact-info-box .social-list li a:hover{ color:rgba(255,255,255,0.80); }
.mCSB_inside>.mCSB_container{ margin-right: 0; }
.sticky-header{ position: fixed; visibility: hidden; opacity: 0; left: 0px; top: 0px; width: 100%; padding: 0px 0px; z-index: -1; background-color:#fff; -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); -webkit-transition: top 300ms ease; -moz-transition: top 300ms ease; -ms-transition: top 300ms ease; -o-transition: top 300ms ease; transition: top 300ms ease; }
.fixed-header .sticky-header{ opacity:1; z-index: 9999; visibility:visible; }
.fixed-header .sticky-header .logo{ padding: 10px 0; }
.fixed-header .sticky-header .main-menu{ float: right; }
.sticky-header .main-menu .navigation > li{ margin-left: 30px !important; padding: 0; margin-right: 0; background-color: transparent; }
.sticky-header .main-menu .navigation > li > a:before, .sticky-header .main-menu .navigation > li:after{ display: none !important; }
.sticky-header .main-menu .navigation > li > a{ padding:20px 10px !important; line-height:30px; font-size:16px; font-weight:400; color:#333; 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: #fbbc05; }
.sticky-header .main-menu .navigation > li > a:hover::after, .sticky-header .main-menu .navigation > li.current > a::after{ display: none; }
.sticky-header .main-menu .navigation > li:before, .sticky-header .main-menu .navigation > li.dropdown > a:after{ display: none; }
.sticky-header .main-menu .navigation > li.dropdown:hover > ul{ margin-top: 0; }
.header-style-four.fixed-header .logo-box .logo{ padding: 10px 0; }
.header-style-four.fixed-header .main-menu .navigation > li > a{ padding: 30px 0; }
.header-style-four.fixed-header .search-box-btn{ top: 5px; }
.header-style-four.fixed-header .search-box-outer .dropdown-menu{ top: 0 !important; }
.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(0,0,0,.90); padding: 45px 40px 30px 45px; 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 .mega-menu-bar h3{ position:relative; color:#f1f1f1; font-size:18px; font-weight:500; padding-bottom:10px; border-bottom:1px solid rgba(255,255,255,0.10); text-align: left; }
.main-menu .navigation > li .mega-menu-bar > ul{ position:relative; }
.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-align:left; text-transform:capitalize; border-left: 4px solid 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; }
.main-menu .navigation > li .mega-menu-bar .column > ul > li > a:hover{ border-left: 4px solid #fbbc05; background:#222222; }
.banner-section{ position: relative; width: 100%; }
.banner-carousel .content-box{ position: relative; z-index: 33; }
.banner-carousel h1{ position: relative; display: block; font-size: 48px; line-height: 72px; color: #ffffff; font-weight: 700; margin-bottom: 20px; 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); z-index: 33; }
.banner-carousel .active h1{ opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition-delay: 700ms; -moz-transition-delay: 700ms; -ms-transition-delay: 700ms; -o-transition-delay: 700ms; transition-delay: 700ms; z-index: 33; }
.banner-carousel .content-box .text{ position: relative; display: block; font-size: 24px; line-height: 1.5; color: #ffffff; font-weight: 400; margin-bottom: 40px; 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(-100px); -moz-transform: translateY(-100px); -ms-transform: translateY(-100px); -o-transform: translateY(-100px); transform: translateY(-100px); }
.banner-carousel .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 .banner-carousel { position: relative; text-align: center; }
.banner-section .owl-item, .banner-section .owl-stage, .banner-section .owl-wrapper, .banner-section .owl-stage-outer, .banner-section .owl-wrapper-outer { height: 100% !important; }
.banner-section .slide-item{ position: relative; width: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; padding: 0; }
.banner-section .slide-item:before{ position: absolute; left: 0; top: 0; height: 100%; width: 100%; content: ""; background-color: #000000; opacity: 0.40; }
.banner-section .auto-container { min-height: 100vh; display: flex; align-items: center; justify-content: center; }
.banner-section .slide-item .content-box { position: relative; max-width: 900px; }
.banner-section .content-box .title{ position: relative; display: block; font-size: 18px; line-height: 1.2em; color: #aaaaaa; font-weight: 700; margin-bottom: 30px; text-transform: uppercase; opacity: 0; visibility: hidden; transform: translateY(-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; }
.banner-section .active .content-box .title{ opacity: 1; visibility: visible; transform: translateY(0px); transition-delay: 1000ms; }
.banner-section .content-box h2{ position: relative; display: block; font-size: 78px; line-height: 1.2em; margin-bottom: 0; }
.banner-section .active .content-box h2{ animation: slideInRight 1s; animation-delay: 500ms; }
.banner-section .content-box .video-link a{ position: relative; display: inline-block; height: 60px; width: 60px; text-align: center; line-height: 60px; font-size: 16px; color: #ffa500; font-weight: 400; border: 2px solid #ffffff; border-radius: 50%; background-color: rgba(0,0,0,0.46); transform: translateY(-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; }
.banner-section .content-box .video-link a:hover{ color: #ffffff; border-color: #000000; }
.banner-section .owl-nav{ display: none !important; }
.banner-section .owl-dots { position: absolute; left: auto; bottom: 91px; display: none !important; right: auto; margin: 0 auto; }
.banner-section .owl-dot{ position: relative; display: inline-block; height: 6px; width: 6px; background-color: #fff; border-radius: 50%; margin-bottom: 35px; margin-right: 38px; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; border: 1px solid #fff; }
.banner-section .owl-dots:before{ content: ""; position: absolute; left: 0; top: 4px; width: 95px; height: 2px; background: #fff; }
.banner-section .owl-dot.active { background-color: #fbbc05; height: 8px; width: 8px; border: 1px solid #fff; top: 1px; }
.banner-section .social-links { position: absolute; left: 80px; bottom: 90px; z-index: 9; }
.social-icon-three{ position: relative; }
.social-icon-three li{ position: relative; display: block; margin-bottom: 25px; }
.social-icon-three li a { position: relative; display: block; font-size: 16px; line-height: 40px; 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; width: 40px; height: 40px; border: 1px dashed transparent; border-radius: 50%; text-align: center; }
.social-icon-three li a:hover{ color: #fff; border: 1px dashed #fbbc05; }
.banner-section .carousel-column{ position: relative; }
.banner-section .carousel-column .carousel-outer{ position: relative; }
.banner-section .thumbs-carousel { position: absolute; right: 22%; bottom: 50px; transform-origin: right; max-width: 230px; background-color: #fff; }
.banner-section .thumbs-carousel .thumb-box{ position: relative; }
.banner-section .thumbs-carousel .thumb-box figure { position: relative; margin-bottom: 0; right: -30px; }
.banner-section .carousel-outer .thumbs-carousel img{ width: 200px; height: auto; }
.banner-section .carousel-outer .thumbs-carousel .owl-dots{ display: none !important; }
.banner-section .carousel-outer .thumbs-carousel .owl-nav { position: absolute; left: -44px; bottom: 37px; display: block !important; }
.banner-section .carousel-outer .thumbs-carousel .owl-prev{ display: none; }
.banner-section .carousel-outer .thumbs-carousel .owl-next { position: relative; font-size: 16px; color: #fff; font-weight: 600; text-transform: uppercase; line-height: 18px; 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-section .carousel-outer .thumbs-carousel .owl-next:hover{ color: #fbbc05; }
.banner-section .carousel-outer .thumbs-carousel .owl-next i { display: block; }
.banner-section .carousel-outer .thumbs-carousel .owl-next i:before { margin-left: 28px; font-size: 40px; color: #fbbc05; }
.banner-section-two{ position: relative; width: 100%; background-size: cover; background-repeat: no-repeat; }
.banner-section-two:before{ content: ""; position: absolute; left: 0; bottom: 0; width: 1920px; height: 203px; background-image: url(../images/main-slider/image-4.png); z-index: 1; }
.banner-section-two .outer-column { position: relative; width: 100%; padding: 150px 0 194px; z-index: 1; }
.banner-section-two .text-column { position: relative; width: 100%; padding: 147px 40px 0 90px; }
.banner-section-two .text-column .content-box h1 { font-size: 48px; color: #fff; font-weight: 400; }
.banner-section-two .text-column .content-box .text { color: #fff; padding: 21px 0px; }
.banner-section-two .form-column { position: relative; width: 100%; padding: 0 90px; }
.banner-section-two .form-column .content-box { width: 100%; position: relative; background-color: #fff; border-radius: 25px; }
.banner-section-two .form-column .content-box .title-box { position: relative; width: 100%; background-color: #fbbc05; border-radius: 25px 25px 0 0; padding: 25px 35px 30px; text-align: center; }
.banner-section-two .form-column .content-box .title-box h2{ font-size: 24px; line-height: 30px; color: #fff; font-weight: 600; }
.banner-section-two .form-column .content-box .title-box .text { color: #000; font-size: 16px; padding-top: 6px; }
.banner-form { position: relative; width: 100%; padding: 35px; }
.banner-form .form-group{ position:relative; margin-bottom:20px; text-align: center; }
.banner-form .form-group input[type="text"], .banner-form .form-group input[type="email"] { position: relative; display: block; width: 100%; font-size: 14px; color: #777777; line-height: 30px; padding: 14px 25px; background-color: #ffffff; height: 60px; border: 1px solid #888888; font-weight: 400; border-radius: 60px; -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-form .form-group input:focus, .banner-form .form-group select:focus{ border-color:#fbbc05; }
.banner-form .form-group button{ text-transform: capitalize; font-size: 16px; font-weight: 700; padding: 15px 45px; line-height: 30px; }
.banner-section-three{ position: relative; z-index: 99; padding-left: 100px; }
.banner-section-three .banner-carousel-two{ z-index: 99; position: relative; }
.banner-section-three .banner-carousel-two:before{ content: ""; position: absolute; left: -100px; bottom: 0; width: 100px; height: 295px; background-color: rgba(0,0,0,0.50); }
.banner-section-three .slide-item{ background-repeat: no-repeat; background-repeat: no-repeat; background-position: center center; background-size: cover; padding: 530px 0 0; }
.banner-carousel-two .content-box{ position: relative; }
.banner-carousel-two .content-box .inner-box{ position: relative; float: left; max-width: 672px; background-color: rgba(0,0,0,0.50); padding: 58px 70px 37px 3px; opacity: 0; margin-left: -100px; visibility: hidden; -webkit-transform: translateX(100px); -moz-transform: translateX(100px); -ms-transform: translateX(100px); -o-transform: translateX(100px); transform: translateX(100px); }
.banner-carousel-two .content-box .inner-box:before{ position: absolute; top: 0; right: 100%; height: 100%; width: 1000%; background-color: rgba(0,0,0,0.50); content: ""; }
.banner-carousel-two .active .content-box .inner-box{ visibility: visible; opacity: 1; -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -ms-transform: translateX(0px); -o-transform: translateX(0px); transform: translateX(0px); -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -webkit--moz-transition-delay: 300ms; -moz--moz-transition-delay: 300ms; -ms--moz-transition-delay: 300ms; -o--moz-transition-delay: 300ms; -moz-transition-delay: 300ms; }
.banner-carousel-two .content-box .title { position: relative; display: block; font-size: 24px; line-height: 1.2em; color: #fbbc05; font-weight: 600; margin-bottom: 22px; 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); font-family: "Open Sans", sans-serif; }
.banner-carousel-two .active .content-box .title{ 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-carousel-two .content-box h2{ position: relative; display: block; font-size: 48px; line-height: 1.2em; color: #ffffff; font-weight: 600; margin-bottom: 20px; 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-carousel-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: 700ms; -moz-transition-delay: 700ms; -ms-transition-delay: 700ms; -o-transition-delay: 700ms; transition-delay: 700ms; }
.banner-carousel-two .content-box .text{ position: relative; display: block; font-size: 14px; line-height: 26px; color: #ffffff; font-weight: 400; margin-bottom: 20px; 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(-100px); -moz-transform: translateY(-100px); -ms-transform: translateY(-100px); -o-transform: translateY(-100px); transform: translateY(-100px); padding-right: 100px; }
.banner-carousel-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: 300ms; -moz-transition-delay: 300ms; -ms-transition-delay: 300ms; -o-transition-delay: 300ms; transition-delay: 300ms; }
.banner-carousel-two .link-box { position: absolute; 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); right: 55px; bottom: 53px; }
.banner-carousel-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: 1500ms; -moz-transition-delay: 1500ms; -ms-transition-delay: 1500ms; -o-transition-delay: 1500ms; transition-delay: 1500ms; }
.banner-carousel-two .link-box a{ display: inline-block; font-size: 16px; line-height: 30px; color: #ffad00; font-weight: 400; padding: 0; transition: all 300ms ease; }
.banner-carousel-two .link-box a:hover{ color: #ffffff; }
.banner-section-three .contact-info{ position: absolute; left: 45px; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); transform-origin: left; bottom: 75px; }
.banner-section-three .contact-info li{ position: relative; float: left; margin-right: 35px; font-size: 14px; line-height: 30px; color: #222222; font-weight: 400; }
.banner-section-three .contact-info li span{ position: relative; float: left; font-size: 14px; line-height: 30px; color: #aaaaaa; font-weight: 400; }
.banner-section-three .contact-info li 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; }
.banner-section-three .contact-info li a:hover{ color: #ff8a00; }
.banner-carousel-two .owl-nav{ position: absolute; max-width: 1170px; padding: 0 20px; width: 180%; text-align: right; margin: 0 auto; left: 0; right: 0; bottom: -30px; height: 0; }
.banner-carousel-two .owl-next, .banner-carousel-two .owl-prev{ position: relative; display: inline-block; padding-left: 25px; font-size: 14px; color: #bbbbbb; font-weight: 400; text-transform: uppercase; line-height: 30px; padding-top: 6px; background-color: transparent; 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-two .owl-next:hover, .banner-carousel-two .owl-prev:hover{ color: #ff8a00; }
.banner-carousel-two .owl-next:before, .banner-carousel-two .owl-prev:before{ position: absolute; left: 0; top: 0; height: 40px; width: 60px; border: 2px 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; }
.banner-carousel-two .owl-next:hover:before, .banner-carousel-two .owl-prev:hover:before{ border-color: #ff8a00; }
.banner-carousel-two .owl-next:before{ left: auto; right: -25px; border: 2px solid #bbbbbb; border-left: 0; }
.banner-carousel-two .owl-next span{ margin-left: 5px; }
.banner-carousel-two .owl-prev span{ margin-right: 5px; }
.banner-section-three .bottom-box{ position: relative; background-color: #fff; margin-left: -100px; box-shadow: 15px 0 51px rgba(0,0,0,0.2); }
.banner-section-three .bottom-box .outer-box{ position: relative; }
.banner-section-three .social-links { position: relative; z-index: 1; float: left; width: 40%; padding: 29px 0; }
.banner-section-three .social-links li{ position: relative; display: inline-block; margin-right: 30px; font-weight: 500; text-transform: uppercase; -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 .social-links li span{ position: relative; font-size: 16px; line-height: 30px; color: #333; font-weight: 500; text-align: center; -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 .social-links li a{ color: #333; text-align: center; -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 .social-links li a { position: relative; display: block; font-size: 16px; line-height: 40px; 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; width: 40px; height: 40px; border: 1px dashed transparent; border-radius: 50%; text-align: center; }
.banner-section-three .social-links li a:hover{ color: #fbbc05; border: 1px dashed #fbbc05; }
.banner-section-three .info-bottom { float: left; background-color: #333; width: 60%; padding: 35px 0; position: relative; }
.banner-section-three .info-bottom:before { content: ""; position: absolute; right: 0; top: -8px; width: 205px; height: 106px; background-image: url(../images/background/banner-bottom.png); }
.banner-section-three .info-bottom li { position: relative; display: inline-block; text-align: right; width: 41%; color: #fff; }
.banner-section-three .info-bottom li a{ color: #fff; }
.banner-section-three .info-bottom li a:hover{ text-decoration: underline; }
.banner-section-three .info-bottom li span{ color: #fbbc05; font-weight: 700; }
.main-slider{ position:relative; z-index:99; }
.main-slider .tp-caption{ z-index:98 ; position: relative; }
.main-slider .rev_slider .slotholder:before { width: 100%; height: 100%; content: ""; position: absolute; left: 0; top: 0; pointer-events: none; background: rgba(0, 0, 0, 0.7); z-index: 1; }
.main-slider h1{ font-size:60px; line-height:1em; color: #ffffff; font-weight:700; text-align: center; text-transform: uppercase; }
.main-slider .text{ color: #fff; font-size: 18px; text-align: center; }
.btns-box { position: relative; text-align: center; margin: 40px 0 !important; }
.anim-icons{ position: absolute; left: 0; top: 0; right: 0; height: 100%; width: 100%; max-width: 1170px; margin: 0 auto; }
.arrow-down { position: absolute; left: 50%; bottom: 50px; z-index: 99; text-align: center; opacity: 1; margin-left: -21px; animation: fadeInDown 3s infinite; background: rgb(0 0 0 / 30%); padding: 26px 12px; cursor: pointer; border-radius: 48px; border: 1px solid #fff; }
.arrow-down::before { content: ""; position: absolute; left: 19px; top: -11px; width: 2px; height: 32px; background-color: #fff; }
.arrow-down .fa { position: relative; display: inline-block; width: 16px; bottom: -19px; font-size: 16px; color: #fff; }
.main-slider.style-two{ position:relative; z-index:99; margin-top: 0; }
.main-slider.style-two .rev_slider .slotholder:before { width: 100%; height: 100%; content: ""; position: absolute; left: 0; top: 0; pointer-events: none; background: rgba(0, 0, 0, 0); z-index: 1; }
.main-slider.style-two h1 { font-size: 72px; line-height: 1em; color: #ffffff; font-weight: 700; text-align: center; text-transform: none !important; text-shadow: 5px 0 13px rgba(0,0,0,0.24); }
.main-slider.style-two .arrow-down { position: absolute; left: 50%; bottom: 50px; z-index: 99; text-align: center; opacity: 1; margin-left: -8px; animation: fadeInDown 3s infinite; background: rgba(0,0,0,0.3); padding: 26px 12px; cursor: pointer; border-radius: 48px; border: 1px solid #fff; }
.main-slider.style-two .social-links { position: absolute; top: 35%; left: 150px; }
.main-slider.style-two .social-icon-three { position: relative; }
.main-slider.style-two .social-icon-three li { position: relative; display: block; margin-bottom: 25px; }
.main-slider.style-two .social-icon-three li a { position: relative; display: block; font-size: 16px; line-height: 40px; color: #333; 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; width: 40px; height: 40px; border: none; border-radius: 0; text-align: center; z-index: 99; }
.main-slider.style-two .social-icon-three li a:hover{ background-color: #fff; color: #fbbc05; border: none; }
.page-title { position: relative; padding: 233px 0 165px; 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: .40; position:absolute; }
.page-title .inner-container{ position: relative; }
.page-title .title-box{ position: relative; float: left; }
.page-title h1{ position:relative; display: block; font-size:48px; color:#ffffff; line-height: 50px; font-weight: 600; margin-bottom: 35px; }
.page-title .title{ position: relative; display: block; font-size: 24px; line-height: 40px; color: #ffffff; font-weight: 400; }
.page-title .bread-crumb { position: relative; float: right; background: rgba(0,0,0,0.5); padding: 14px 30px; border-radius: 30px 0 0px 30px; border:1px dashed #fff; border-right: none; }
.page-title .bread-crumb:before { position: absolute; width: 771px; left: 100%; height: 60px; top: -1px; content: ""; background: rgba(0,0,0,0.5); border: 1px dashed #fff; border-right: none; border-left: none; }
.page-title .bread-crumb li { position: relative; float: left; font-size: 14px; line-height: 30px; color: #fbbc05; font-weight: 700; text-transform: capitalize; cursor: default; padding-right: 20px; margin-right: 20px; }
.page-title .bread-crumb span{margin-right: 10px;}
.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:#fbbc05 ; }
.sec-title { position: relative; margin-bottom: 30px; }
.sec-title h2 { position: relative; display: block; font-size: 36px; line-height: 1.3; color: #333333; font-weight: 600; padding: 0 0 20px; -webkit-mask-image: linear-gradient(-75deg, rgba(10,21,169,0.6) 50%, #ff7e00 50%, rgba(0,0,0,1) 70%); -webkit-mask-size: 200%; animation: shine 3s infinite; }
.sec-title h2:before{ content: ""; position: absolute; left: 0; bottom: 0; width: 40px; height: 2px; background-color:#fbbc05; }
.sec-title h2:after{ content: ""; position: absolute; left: 45px; bottom: 0; width: 10px; height: 2px; background-color:#333333; }
.sec-title.text-center { right: 0; margin: 0 auto; }
.sec-title.text-center h2:before{ left: 47% }
.sec-title.text-center h2:after{ left: 51%; }
@-webkit-keyframes shine { from { -webkit-mask-position: 150%; }
to { -webkit-mask-position: -50%; }
}
.sec-title { position: relative; margin-bottom: 30px; }
.sec-title h3 { position: relative; display: block; font-weight: 600; padding: 0 0 30px; font-size: 18px; line-height: 30px; color: #222222; font-weight: 600; }
.sec-title h3:before{ content: ""; position: absolute; left: 0; bottom: 0; width: 40px; height: 2px; background-color:#fbbc05; }
.sec-title h3:after{ content: ""; position: absolute; left: 45px; bottom: 0; width: 10px; height: 2px; background-color:#333333; }
.sec-title.text-center { right: 0; margin: 0 auto; }
.sec-title.text-center h3:before{ left: 47% }
.sec-title.text-center h3:after{ left: 51%; }
.about-section{ position: relative; background-repeat: no-repeat; background-position: center left; padding: 70px 0 50px; }
.about-section .image-column{ position: relative; }
.about-section .image-column .inner-column { position: relative; text-align: center; }
.about-section .image-column .title-box{ position: absolute; left: 95px; bottom: 75px; width: 100%; text-align: left; z-index: 9; }
.about-section .image-column .title-box h2{ position: relative; display: block; font-size: 60px; line-height: 78px; color: #f2f2f2; font-weight: 900; text-transform: uppercase; text-shadow: 0 0 10px #000; font-family: "Rubik", sans-serif; }
.about-section .image-column .image-box{ position: relative; z-index: 1; }
.about-section .image-column .image-box .image{ position: relative; margin-bottom: 0; z-index: 1; }
.about-section .image-column .image-box .image:before{ content: ""; position: absolute; left: 0; bottom: -50px; width: 471px; height: 500px; background-image: url(../images/1.png); background-position: top center; background-repeat: no-repeat; z-index: -1; }
.about-section .image-column .image-box .image img { max-width: calc(100% - 100px); }
.about-section .image-column .image img{ display: inline-block; max-width: 100%; height: auto; }
.about-section .content-column{ position: relative; }
.about-section .content-column .inner-column{ position: relative; padding-top: 68px; }
.about-section .content-column .content-box { position: relative; }
.about-section .content-column .content-box h5 { color: #fbbc05; font-size: 22px; line-height: 1.5; font-weight: 500; padding-bottom: 20px; }
.about-section .content-column .content-box .text{ position: relative; display: block; font-size: 14px; line-height: 28px; color: #777777; margin-bottom: 45px; }
.about-section .content-column .content-box .link-box{ position: relative; }
.about-section .content-column .content-box .link-box a{ font-weight: 700; }
.services-section { position: relative; padding: 70px 0 80px; background-position: center; background-repeat: no-repeat; background-size: 100%; }
.services-section:before{ content: ""; position: absolute; right: 0; bottom:0; width: 250px; height: 381px; animation: slideInRight 1s; animation-delay: 500ms; background-image: url(../images/5.png); z-index: -1; background-repeat: no-repeat; }
.services-section .upper-box { position: relative; padding: 46px 0 341px; }
.services-section .upper-box:before{ position: absolute; left: 0; top: 0; height: 100%; width: 100%; content: ""; opacity: .85; }
.services-section .services-box { position: relative; margin-top: 75px; }
.services-section .services-box .auto-container{ padding: 0; }
.services-carousel { position: relative; padding-bottom: 52px; }
.service-block{ position: relative; padding: 0 15px 15px; }
.service-block .inner-box{ position: relative; }
.service-block .inner-box .icon-box { position: relative; text-align: center; -webkit-transition: all 0.7s ease-in-out; -moz-transition: all 0.7s ease-in-out; -ms-transition: all 0.7s ease-in-out; -o-transition: all 0.7s ease-in-out; transition: all 0.7s ease-in-out; }
.service-block:hover .icon-box { transform: rotateY(190deg); }
.service-block .inner-box .icon-box i:before{ margin:0; font-size: 55px; color: #bbbbbb; line-height: 60px; -webkit-transition: all 0.7s ease-in-out; -moz-transition: all 0.7s ease-in-out; -ms-transition: all 0.7s ease-in-out; -o-transition: all 0.7s ease-in-out; transition: all 0.7s ease-in-out; }
.service-block:hover .inner-box .icon-box i:before{ color: #fbbc05; }
.service-block .lower-content { position: relative; padding: 25px 20px 0; text-align: center; -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-section .service-block .lower-content h3 { position: relative; display: block; font-size: 18px; line-height: 30px; color: #222222; font-weight: 600; margin-bottom: 8px; }
.service-block .lower-content h3 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; }
.service-block .lower-content h3 a:hover{ color: #fbbc05; }
.service-block .lower-content .text{ position: relative; display: block; font-size: 14px; line-height: 27px; color: #777777; font-weight: 400; margin-bottom: 27px; }
.service-block .lower-content .link-box{ position: relative; }
.service-block .lower-content .link-box a{ position: relative; display: inline-block; font-size: 14px; line-height: 1.2em; color: #fbbc05; 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; }
.service-block .lower-content .link-box a:hover{ color: #222; }
.services-carousel .owl-nav{ display: none; }
.services-carousel .owl-dots{ position: absolute; display: block !important; left: 0; bottom: 0; width: 100%; text-align: center; }
.services-carousel .owl-dot{ position: relative; display: inline-block; height: 6px; width: 12px; margin: 0 5px; background-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; margin-bottom: 7px; }
.services-carousel .owl-dot:hover, .services-carousel .owl-dot.active{ background-color: #fbbc05; }
.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: auto; }
.service-block .image-box .overlay-box{ position: absolute; left: 0; top: 0; height: 0%; width: 100%; background: #fbbc05 padding-box content-box; content: ""; padding: 15px; opacity: 0; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -ms-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; }
.service-block .inner-box:hover .overlay-box{ height: 100%; opacity: 0.70; }
.service-block .overlay-box a{ position: absolute; left: 50%; top: 50%; height: 40px; width: 40px; margin-left: -20px; margin-top: -20px; text-align: center; font-size: 30px; line-height: 40px; color: #000000; font-weight: 400; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); }
.service-block .inner-box:hover .overlay-box a{ -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -ms-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; -webkit-transition-delay: 300ms; -moz-transition-delay: 300ms; -ms-transition-delay: 300ms; -o-transition-delay: 300ms; transition-delay: 300ms; }
.service-block .overlay-box a i{ -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 a:hover i{ color: #ffffff; }
.services-section.style-two { position: relative; background-position: top center; background-repeat: no-repeat; background-size: cover; background-attachment: fixed; padding: 10px 0 100px; }
.services-section.style-two::before { display: none; }
.services-section.style-two::after{ content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background:rgba(0,0,0,0.5); }
.services-section.style-two .services-carousel-two .service-block { position: relative; background-color: #fff; margin: 0 15px; padding: 35px 50px; margin-top: 90px; -webkit-transition: all 0.7s ease-in-out; -moz-transition: all 0.7s ease-in-out; -ms-transition: all 0.7s ease-in-out; -o-transition: all 0.7s ease-in-out; transition: all 0.7s ease-in-out; }
.services-section.style-two .services-carousel-two .center .service-block{ margin-top: 15px; background-color: #fbbc05; }
.services-section.style-two .services-carousel { position: relative; padding-bottom: 0; }
.services-section.style-two .service-block .lower-content h3{ font-size: 24px; margin-bottom: 42px; position: relative; }
.services-section.style-two .services-carousel-two .center .service-block .lower-content h3 a, .services-section.style-two .services-carousel-two .center .service-block .lower-content .text{ color: #fff; }
.services-section.style-two .services-carousel-two .center .service-block .lower-content a{ color: #fff; }
.services-section.style-two .service-block .lower-content h3::before { content: ""; position: absolute; left: 50%; bottom: -18px; width: 40px; height: 1px; background-color: #dddddd; transform: translateX(-50%); }
.services-section.style-two .services-carousel-two .center .service-block .lower-content h3::before{ background-color: #fff; }
.services-section.style-two .services-carousel-two .number-slide { position: absolute; right: -43px; font-size: 72px; font-weight: 700; bottom: -3px; opacity: 0.1; color: #333; }
.services-section.style-three { position: relative; width: 100%; z-index: 2; padding: 98px 0 83px; }
.services-section.style-three:before { content: ""; position: absolute; left: 0; top: -398px; width: 100%; height: 815px; background-image: url(../images/background/10.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover; animation: none; }
.services-section.style-three .services-box{ position: relative; z-index: 2; margin-top: 60px; }
.services-section.style-three .sec-title { z-index: 2; }
.services-section.style-four{ position: relative; padding: 38px 0 98px; }
.services-section.style-four .sec-title { position: relative; margin-bottom: 34px; }
.services-section.style-four .owl-item { position: relative; display: inline-block; }
.services-section.style-four .sec-title h3{ padding: 0 0 23px; }
.services-section.style-four:before{ display: none; }
.services-section.style-four .col-lg-3.col-md-6.col-sm-12 { padding: 0; margin: 0; }
.services-section.style-four .service-block{ position: relative; padding: 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; overflow: hidden; }
.services-section.style-four .service-block:hover{ background-image: none; }
.services-section.style-four .service-block:before{ content: ""; position: absolute; left: -100%; opacity: 0; top: 0; width: 100%; height: 100%; background-color: #000; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; }
.services-section.style-four .service-block:hover:before{ left: 0; opacity: 1; }
.yellow-block{ background-color: #fbbc05; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; }
.services-section.style-four .service-block:hover .lower-content .sec-title h3 a, .services-section.style-four .service-block:hover .lower-content .text, .services-section.style-four .service-block:hover .lower-content .link-box a{ color: #fff; }
.grey-img-block{ background-image: url('../images/background/service-block-1.jpg'); background-repeat: no-repeat; background-size: cover; }
.drk-grey-block{ background-color: #333333; }
.services-section.style-four .service-block .lower-content { position: relative; padding: 89px 48px 73px 74px; text-align: left; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; }
.services-section.style-four .yellow-block .lower-content .sec-title h3, .services-section.style-four .yellow-block .lower-content .sec-title h3 a, .services-section.style-four .yellow-block .lower-content .text, .services-section.style-four .drk-grey-block .lower-content .sec-title h3, .services-section.style-four .drk-grey-block .lower-content .sec-title h3 a, .services-section.style-four .drk-grey-block .lower-content .link-box a{ color: #fff; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; }
.services-section.style-four .drk-grey-block .lower-content .text{ color: #bbbbbb; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; }
.services-section.style-four .yellow-block .lower-content .link-box a, .services-section.style-four .grey-img-block .lower-content .link-box a{ color: #333; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; }
.services-section.style-four .yellow-block .lower-content .sec-title h3:before{ background-color: #fff; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; }
.services-section.style-four .drk-grey-block .lower-content .sec-title h3:after{ background-color: #fff; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; }
.services-section.style-four .owl-nav, .services-section.style-four .owl-dots { display: none; }
.services-section.style-five:before{ display: none; }
.services-section.style-five .services-box.style-two{ margin-top: 0; }
.services-section.style-six { position: relative; background-position: top center; background-repeat: no-repeat; background-size: cover; background-attachment: fixed; padding: 10px 0 99px; }
.services-section.style-six::before { display: none; }
.services-section.style-six::after{ content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background:rgba(0,0,0,0.9); }
.services-section.style-six .services-carousel-two .service-block { position: relative; background-color: #fff; margin: 0 15px; padding: 35px 50px; margin-top: 90px; -webkit-transition: all 0.7s ease-in-out; -moz-transition: all 0.7s ease-in-out; -ms-transition: all 0.7s ease-in-out; -o-transition: all 0.7s ease-in-out; transition: all 0.7s ease-in-out; }
.services-section.style-six .services-carousel-two .center .service-block{ margin-top: 15px; background-color: #fbbc05; }
.services-section.style-six .services-carousel { position: relative; padding-bottom: 0; }
.services-section.style-six .service-block .lower-content h3{ font-size: 24px; margin-bottom: 42px; position: relative; }
.services-section.style-six .services-carousel-two .center .service-block .lower-content h3 a, .services-section.style-six .services-carousel-two .center .service-block .lower-content .text{ color: #fff; }
.services-section.style-six .services-carousel-two .center .service-block .lower-content a{ color: #333; }
.services-section.style-six .service-block .lower-content h3::before { content: ""; position: absolute; left: 50%; bottom: -18px; width: 40px; height: 1px; background-color: #dddddd; transform: translateX(-50%); }
.services-section.style-six .services-carousel-two .center .service-block .lower-content h3::before{ background-color: #000; }
.services-section.style-six .services-carousel-two .number-slide { position: absolute; right: -43px; font-size: 72px; font-weight: 700; bottom: -3px; opacity: 0.1; color: #333; }
.services-section.style-seven { padding: 98px 0 47px; }
.services-section.style-seven .service-block .inner-box .icon-box{ text-align: left; }
.services-section.style-seven .service-block .lower-content{ padding: 29px 0px 29px; text-align: left; }
.services-section.style-seven .service-block:hover .icon-box { transform: rotateY(0); }
.fluid-section-one{ position:relative; z-index: 1; }
.fluid-section-one.style-two{ padding: 100px 0; }
.fluid-section-one .container-fluid{ position:relative; min-height:350px; }
.fluid-section-one .content-column { position: relative; float: left; width: 48%; padding: 150px 0 99px 0; z-index: 22; }
.fluid-section-one .content-column .inner-column::before { content: ""; position: absolute; left: 0; top: -152px; width: 501px; height: 190px; background-image: url(../images/2.png); z-index: -1; opacity: 0.78; background-repeat: no-repeat; }
.fluid-section-one .content-column .inner-column::after { content: ""; position: absolute; left: 205px; bottom: -97px; width: 173px; height: 193px; background-image: url(../images/3.png); background-repeat: no-repeat; }
.fluid-section-one .content-column .inner-column { position: relative; max-width: 870px; margin: 0 auto; box-shadow: 29px 0px 51px rgba(0,0,0,0.24); background-color: #fff; }
.fluid-section-one .content-column .row{ margin: 0 -38px; }
.fluid-section-one .content-column .text-column { position: relative; z-index: 1; }
.fluid-section-one .content-column .text-column .inner-box { position: relative; padding: 90px 130px 167px 243px; z-index: 2; }
.fluid-section-one .content-column .inner-column::before { content: ""; position: absolute; left: 0; top: -152px; width: 501px; height: 190px; background-image: url(../images/2.png); z-index: -1; }
.fluid-section-one .content-column .text-column .inner-box h4 { font-size: 24px; font-weight: 400; line-height: 1.6; margin-bottom: 31px; }
.fluid-section-one .content-column .text-column .inner-box .text { position: relative; margin-left: 70px; color: #fbbc05; font-size: 18px; font-weight: 600; }
.fluid-section-one .content-column .text-column .inner-box .text::before { content: ""; position: absolute; left: -70px; top: 11px; width: 50px; height: 3px; background-color: #333; }
.fluid-section-one .image-column { position: absolute; float: right; right: 0px; top: 0px; width: 55%; height: 100%; background-repeat: no-repeat; background-position: center right; background-size: cover; }
.fluid-section-one .image-column:before{ position: absolute; left: 0; top: 0; height: 100%; width: 100%; background-color: #141b28; opacity: .10; content: ""; }
.fluid-section-one .image-column .image-box{ position:relative; display:none; }
.fluid-section-one .image-column .image-box img{ position:relative; display:block; width:100%; }
.fluid-section-one .image-column .video-link{ position: absolute; left: 0; top: 0; height: 100%; width: 100%; }
.fluid-section-one .image-column a{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; }
.fluid-section-one .image-column a h5{ font-size: 15px; display: block; color: #ffffff; line-height: 1.2em; font-weight: 400; text-decoration: underline; }
.fluid-section-one .image-column .fa{ position: relative; display: block; height: 70px; width: 70px; margin: 0 auto; border-radius: 50%; color: #fbbc05; text-align: center; font-size: 24px; line-height: 65px; background-color: rgba(255,255,255,0.43); border:1px solid #fbbc05; }
.fluid-section-one .image-column .video-link:before { content: ""; position: absolute; z-index: 0; left: 50%; top: 50%; -webkit-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); display: block; width: 80px; height: 80px; background: #fff; border-radius: 50%; -webkit-animation: pulse-border 1.5s cubic-bezier(.77, 0, .175, 1) infinite; animation: pulse-border 1.5s cubic-bezier(.77, 0, .175, 1) infinite; }
@-webkit-keyframes pulse-border { 0% { -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1); transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1); opacity: 1; }
100% { -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5); transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5); opacity: 0; }
}
@keyframes pulse-border { 0% { -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1); transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1); opacity: 1; }
100% { -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5); transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5); opacity: 0; }
}
.fluid-section-two{ position:relative; z-index: 1; }
.fluid-section-two .container-fluid{ position:relative; min-height:350px; }
.fluid-section-two .image-column { position: absolute; float: left; left: 0px; top: 0px; width: 55%; height: 93%; background-repeat: no-repeat; background-position: center right; background-size: cover; }
.fluid-section-two .image-column:before{ position: absolute; left: 0; top: 0; height: 100%; width: 100%; background-color: #141b28; opacity: .10; content: ""; }
.fluid-section-two .image-column .image-box{ position:relative; display: none; }
.fluid-section-two .image-column .image-box img{ position:relative; display:block; width:100%; }
.fluid-section-two .content-column { position: relative; float: right; width: 54%; padding: 54px 0 0 0; z-index: 22; }
.fluid-section-two .content-column .inner-column { position: relative; max-width: 1045px; box-shadow: 29px 0px 51px rgba(0,0,0,0.24); background-color: #fff; margin-right: -25px; }
.fluid-section-two .content-column .text-column { position: relative; z-index: 1; }
.fluid-section-two .services-box .col-lg-6.col-md-6 { padding: 0; }
.fluid-section-two .content-column .text-column .inner-box { position: relative; padding: 90px 338px 42px 98px; z-index: 2; }
.fluid-section-two .content-column .text-column .inner-box .text { position: relative; color: #777; font-size: 14px; font-weight: 400; padding-bottom: 26px; }
.fluid-section-two .services-box { position: relative; padding-top: 45px; }
.fluid-section-two .services-box .box-cloumn { position: relative; margin-bottom: 85px; }
.fluid-section-two .services-box .box-cloumn .icon-box { position: absolute; left: 0; top: 6px; }
.fluid-section-two .services-box .box-cloumn .icon-box i:before { margin: 0; font-size: 60px; color: #1f1f1f; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -ms-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; }
.fluid-section-two .services-box .box-cloumn h4 { font-size: 18px; color: #777; font-weight: 500; padding-left: 76px; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -ms-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; }
.fluid-section-two .services-box .box-cloumn:hover h4 { color: #333333; }
.fluid-section-two .services-box .box-cloumn:hover .icon-box i:before { color: #fbbc05; }
.skill-section { position: relative; width: 100%; padding: 100px 0 0; }
.skill-section .skills-column { position: absolute; right: -97%; max-width: 570px; width: 100%; margin: 0 auto; background-color: #fff; box-shadow: 7px 0 51px rgba(0,0,0,0.11); padding: 62px 60px 35px; top: -550px; }
.skill-section .inner-column .image-column img { width: 100%; }
.progress-levels{ position:relative; }
.normal-section .column .progress-levels{ padding-left:15px; }
.progress-levels .progress-box{ position:relative; margin-bottom:30px; overflow:hidden; }
.member-details .progress-levels .progress-box{ margin-bottom:40px; }
.member-details .progress-levels .progress-box:last-child{ margin-bottom:0px; }
.about-myself .progress-levels .progress-box:last-child{ margin-bottom:30px; }
.progress-levels .progress-box .box-title { position: relative; font-size: 14px; color: #fbbc05; text-transform: capitalize; margin-bottom: 7px; font-family: 'Open Sans',sans-serif; }
.progress-levels .progress-box .bar{ position:relative; height:4px; }
.progress-levels .progress-box .bar .bar-innner { position: relative; left: 0px; top: 0px; width: 100%; height: 4px; background: #ddd; }
.progress-levels .progress-box .bar .bar-fill{ position:absolute; left:-100%; top:0px; width:0px; height:4px; background:#888888; transition:all 2000ms ease 300ms; -moz-transition:all 2000ms ease 300ms; -webkit-transition:all 2000ms ease 300ms; -ms-transition:all 2000ms ease 300ms; -o-transition:all 2000ms ease 300ms; }
.progress-levels .progress-box.animated .bar .bar-fill{ left:0px; }
.progress-levels .progress-box .percent{ position:absolute; left:0px; top: -34px; width:100%; text-align:right; letter-spacing:1px; font-size:14px; color:#636363 !important; line-height:24px; opacity:0; transition:all 2000ms ease 700ms; -moz-transition:all 2000ms ease 700ms; -webkit-transition:all 2000ms ease 700ms; -ms-transition:all 2000ms ease 700ms; -o-transition:all 2000ms ease 700ms; }
.progress-levels .progress-box.animated .percent{ opacity:1; }
.skill-section.style-two { position: relative; width: 100%; padding:0; }
.skill-section.style-two .col-lg-6.col-md-12 { padding: 0; }
.skill-section.style-two .inner-column .image-column{ position: absolute; float: left; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center right; background-size: cover; }
.skill-section.style-two .inner-column .image-column .image-box{ position: relative; display: none; }
.skill-section.style-two .inner-column .image-column .image-box img{ width: 100%; display: block; }
.skill-section.style-two .skills-column { position: relative; right: auto; max-width: 100%; width: 100%; margin: 0 auto; box-shadow: none; top: 0; padding: 95px 131px 69px; }
.skill-section.style-two .sec-title h2{ color: #fff; }
.skill-section.style-two .sec-title h2:after{ background-color: #fff; }
.skill-section.style-two .progress-levels .progress-box .percent{ color: #777 !important; }
.skill-section.style-three{ padding: 100px 0 60px; }
.video-secion{ position: relative; width: 100%; }
.video-secion:before{ content: ""; position: absolute; width: 100%; height: 545px; background-color: #141729; }
.video-secion .text-column .inner-column { max-width: 850px; margin: 0 auto; }
.video-secion .text-column .inner-column h3 { color: #fbbc05; font-size: 24px; font-weight: 600; padding-bottom: 36px; }
.video-secion .text-column .inner-column .text { color: #fff; font-size: 14px; line-height: 30px; font-weight: 600; }
.video-secion .image-column { position: relative; width: 100%; margin-top: 88px; z-index: 4; }
.video-secion .image-column .image-box img{ position:relative; display:block; width:100%; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); }
.video-secion .image-column .video-link{ position: absolute; left: 0; top: 0; height: 100%; width: 100%; }
.video-secion .image-column a{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.video-secion .image-column .fa{ position: relative; display: block; height: 70px; width: 70px; margin: 0 auto; border-radius: 50%; color: #fbbc05; text-align: center; font-size: 24px; line-height: 65px; background-color: rgba(255,255,255,1); border:1px solid #fbbc05; }
.video-secion .image-column a:before { content: ""; position: absolute; z-index: 0; left: 50%; top: 50%; -webkit-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); display: block; width: 80px; height: 80px; background: #fff; border-radius: 50%; -webkit-animation: pulse-border 1.5s cubic-bezier(.77, 0, .175, 1) infinite; animation: pulse-border 1.5s cubic-bezier(.77, 0, .175, 1) infinite; }
.video-section{ position: relative; }
.video-section .outer-box{ position: relative; max-width: 1720px; margin: 0 auto; background-repeat: no-repeat; background-position: center; background-size: cover; padding: 100px 0; }
.video-section .outer-box:before{ position: absolute; left: 0; top: 0; height: 100%; width: 100%; background-color: #222222; opacity: 0.90; content: ""; }
.video-section .content-column{ position: relative; order: 12; }
.video-section .content-column .inner-column{ position: relative; padding: 35px 35px 0px 40px; }
.video-section .content-column .sec-title{ margin-bottom: 22px; }
.video-section .content-column .title{ position: relative; display: block; font-size: 18px; line-height: 25px; color: #fbbc05; font-weight: 400; margin-bottom: 30px; }
.video-section .content-column .text{ position: relative; display: block; font-size: 14px; line-height: 28px; color: #ffffff; font-weight: 400; }
.video-section .video-column .inner-column{ position: relative; padding-left: 50px; }
.video-section .video-column .video-box{ position: relative; }
.video-section .video-column .video-box .image{ position: relative; margin-bottom: 0; }
.video-section .video-column .video-box .image img{ display: block; width: 100%; height: auto; }
.video-section .video-column .video-box .link{ position: absolute; left: 0; top: 0; height: 100%; width: 100%; text-align: center; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; }
.video-section .video-column .video-box .link:hover{ background-color: rgba(0,0,0,0.50); }
.video-section .video-column .video-box .link .icon{ position: absolute; left: 50%; top: 50%; height: 60px; width: 60px; background-color: #333333; padding-left: 4px; font-size: 18px; color: #fbbc05; border-radius: 50%; text-align: center; line-height: 60px; margin-top: -30px; margin-left: -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; }
.video-section .video-column .video-box .link:hover .icon{ -webkit-transform: scale(1.5); -moz-transform: scale(1.5); -ms-transform: scale(1.5); -o-transform: scale(1.5); transform: scale(1.5); }
.video-section.style-two .outer-box{ padding-bottom: 155px; }
.video-section.style-two .outer-box:before{ display: none; }
.video-section.style-two .content-column .text{ color: #777777; }
.video-section .video-column .video-box:before{ position: absolute; left: -50px; height: 320px; width: 520px; bottom: -55px; background-image: url(../images/icons/icon-lines.jpg); background-repeat: no-repeat; background-position: center; content: ""; }
.price-section{ position: relative; }
.sec-title.text-center { margin-bottom: 48px; }
.price-section .price-block{ position: relative; width: 100%; }
.price-section .price-block .inner-box { position: relative; background-position: right top; background-repeat: no-repeat; border:1px solid #d7d7d7; background-color: #fff; overflow:hidden; background-color: #fff; -webkit-transition: all 0.7s ease-in-out; -moz-transition: all 0.7s ease-in-out; -ms-transition: all 0.7s ease-in-out; -o-transition: all 0.7s ease-in-out; transition: all 0.7s ease-in-out; margin-bottom: 60px; }
.price-section .price-block .inner-box:before{ content: ""; position: absolute; right: -100%; top: 0; width: 100%; height: 100%; top: 0; background-color: #fff; -webkit-transition: all 0.7s ease-in-out; -moz-transition: all 0.7s ease-in-out; -ms-transition: all 0.7s ease-in-out; -o-transition: all 0.7s ease-in-out; transition: all 0.7s ease-in-out; }
.price-section .price-block:hover .inner-box:before{ right: 0; }
.price-section .price-block .upper-box h3 { font-size: 18px; font-weight: 600; color: #fff; background-color: #333333; text-align: center; padding: 19px; margin-right: 116px; border-radius: 0 35px 35px 0; -webkit-transition: all 0.7s ease-in-out; -moz-transition: all 0.7s ease-in-out; -ms-transition: all 0.7s ease-in-out; -o-transition: all 0.7s ease-in-out; transition: all 0.7s ease-in-out; }
.price-section .price-block:hover .upper-box h3{ margin-right: 0px; }
.price-section .price-block .price { position: relative; font-size: 48px; font-weight: 600; color: #333333; font-family: 'Montserrat', sans-serif; padding: 63px 60px 0; -webkit-transition: all 0.7s ease-in-out; -moz-transition: all 0.7s ease-in-out; -ms-transition: all 0.7s ease-in-out; -o-transition: all 0.7s ease-in-out; transition: all 0.7s ease-in-out; -webkit-transition: all 0.7s ease-in-out; -moz-transition: all 0.7s ease-in-out; -ms-transition: all 0.7s ease-in-out; -o-transition: all 0.7s ease-in-out; transition: all 0.7s ease-in-out; }
.price-section .price-block .price sub{ font-size: 16px; font-weight: 600; color: #fbbc05; -webkit-transition: all 0.7s ease-in-out; -moz-transition: all 0.7s ease-in-out; -ms-transition: all 0.7s ease-in-out; -o-transition: all 0.7s ease-in-out; transition: all 0.7s ease-in-out; }
.price-section .price-block .price span { display: block; font-size: 14px; font-weight: 600; margin-top: 15px; font-family: 'Montserrat', sans-serif; -webkit-transition: all 0.7s ease-in-out; -moz-transition: all 0.7s ease-in-out; -ms-transition: all 0.7s ease-in-out; -o-transition: all 0.7s ease-in-out; transition: all 0.7s ease-in-out; }
.price-section .price-block:hover .price { padding: 63px 0 0 106px; }
.price-section .price-block .middle-box { position: relative; width: 100%; padding: 31px 60px 48px; -webkit-transition: all 0.7s ease-in-out; -moz-transition: all 0.7s ease-in-out; -ms-transition: all 0.7s ease-in-out; -o-transition: all 0.7s ease-in-out; transition: all 0.7s ease-in-out; }
.price-section .price-block:hover .middle-box { padding: 31px 60px 48px 104px; }
.price-section .price-block .purchased { margin: 0 0 54px 55px; display: inline-block; -webkit-transition: all 0.7s ease-in-out; -moz-transition: all 0.7s ease-in-out; -ms-transition: all 0.7s ease-in-out; -o-transition: all 0.7s ease-in-out; transition: all 0.7s ease-in-out; }
.price-section .price-block:hover .purchased{ margin: 0 0 54px 105px; }
.price-section .price-block .middle-box ul li { font-size: 14px; color: #777; font-family: "Open Sans", sans-serif; }
.pricing-tabs .tabs-btn { position: relative; width: 100%; text-align: center; }
.pricing-tabs .tab-buttons{ position:relative; overflow:hidden; border-radius: 60px; display:inline-block; border:1px solid #e3e3e3; }
.pricing-tabs .tab-buttons .tab-btn{ position:relative; color:#222222; font-size:14px; font-weight:600; float:left; cursor:pointer; padding: 17px 45px; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; transition:all 300ms ease; font-family: 'Montserrat', sans-serif; border-radius: 60px; }
.pricing-tabs .tab-buttons .tab-btn:hover, .pricing-tabs .tab-buttons .tab-btn.active-btn{ color:#ffffff; background-color:#222222; }
.pricing-tabs .tabs-content .tab{ position:relative; display:none; }
.pricing-tabs .tabs-content .tab.active-tab{ display:block; }
.price-section.style-two{ position: relative; padding: 100px 0 90px; }
.legacy-section { position: relative; width: 100%; padding: 100px 0 0; }
.legacy-section.style-three{ padding: 100px 0; }
.legacy-section .image-column { position: relative; }
.legacy-section .outer-column { position: absolute; top: -668px; background-color: #fff; box-shadow: 5px 0 40px rgba(0,0,0,0.13); padding: 67px 65px 26px; left: 100px; }
.legacy-section .outer-column .inner-column .text { position: relative; padding-bottom: 36px; }
.legacy-section.style-two { position: relative; width: 100%; padding: 0; }
.legacy-section.style-two .col-lg-6 { padding: 0; }
.legacy-section.style-two .inner-column .image-column{ position: absolute; float: left; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center right; background-size: cover; }
.legacy-section.style-two .inner-column .image-column .image-box{ position: relative; display: none; }
.legacy-section.style-two .inner-column .image-column .image-box img{ width: 100%; display: block; }
.legacy-section.style-two .outer-column { position: relative; top: 0; background-color: #fff; box-shadow: none; padding: 97px 80px 55px 119px; left: 0; }
.subscribe-section{ position:relative; padding:0 0 95px; }
.subscribe-section .auto-container{ position:relative; }
.subscribe-section .inner-container { position: relative; max-width: 1170px; margin: 0 auto; padding-left: 470px; }
.subscribe-section .inner-container h2{ position:absolute; left:0px; top:-20px; color:#333333; font-size:36px; font-weight: 600; line-height:1.1em; text-transform:capitalize; }
.subscribe-section .inner-container h2 span{ position:relative; font-size:16px; font-weight:700; display:block; color:#777777; text-transform:capitalize; }
.newsletter-form{ margin-top:20px; }
.newsletter-form .form-group{ position:relative; display:block; max-width:650px; margin:0 auto; width:100%; margin-bottom:20px; }
.newsletter-form .form-group input[type="text"], .newsletter-form .form-group input[type="tel"], .newsletter-form .form-group input[type="email"], .newsletter-form .form-group textarea { position: relative; display: block; width: 100%; line-height: 20px; height: 60px; font-size: 14px; color: #777; overflow: hidden; border-radius: 50px; background: #eeeeee; padding: 10px 50px 10px 30px; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; -moz-transition: all 300ms ease; transition: all 300ms ease; }
.newsletter-form .form-group input[type="submit"], .newsletter-form button{ position:absolute; right: 0; top: 0; width: 160px; height: 60px; color:#ffffff; font-size:16px; font-weight:700; text-align:center; background:#fbbc05; letter-spacing:1px; border-radius:50px; text-transform:uppercase; }
.fun-fact-section{ position: relative; }
.fun-fact-section .outer-box { position: relative; background-repeat: no-repeat; background-position: center; background-size: cover; background-attachment: fixed; max-width: 100%; margin: 0 auto; padding: 143px 0 45px; margin-top: -51px; }
.fact-counter{ position: relative; }
.fact-counter .counter-column{ position:relative; margin-bottom:40px; }
.fact-counter .count-box{ position: relative; font-size: 60px; line-height: 1em; color: #ffffff; font-weight: 700; padding: 20px 0; }
.fact-counter .count-box .count { position: relative; display: block; width: 100%; text-align: center; font-size: 40px; line-height: 1em; color: #fbbc05; font-weight: 700; }
.fact-counter .count-box .count-text{ position: relative; display: inline-block; font-size: 40px; line-height: 1em; color: #fbbc05; font-weight: 700; }
.fact-counter .count-box .counter-title{ position: relative; display: block; font-size:16px; line-height: 1.2em; font-weight:600; color:#333333; padding: 31px 0 9px; font-family: "Montserrat", sans-serif; text-align: center; }
.fun-fact-section.style-two .outer-box { position: relative; background-repeat: no-repeat; background-position: center; background-size: cover; background-attachment: fixed; max-width: 100%; margin: 0 auto; margin-top: 0px; padding: 93px 0 85px; }
.project-section { position: relative; padding: 96px 0px 90px; }
.project-section .tabs-header { position: relative; margin-bottom: 15px; }
.project-section .product-tab-btns { position: relative; padding-top: 39px; }
.project-section .product-tab-btns .p-tab-btn{ position:relative; cursor:pointer; color:#333; font-weight:600; font-size:16px; display:inline-block; margin-bottom:10px; margin-left:30px; 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; }
.project-section .product-tab-btns .p-tab-btn:last-child{ padding-right:0px; }
.project-section .product-tab-btns .p-tab-btn:last-child::after{ display:none; }
.project-section .product-tab-btns .p-tab-btn:hover, .project-section .product-tab-btns .p-tab-btn.active-btn{ color:#fbbc05; }
.project-tab{ position:relative; }
.project-tab .sec-title{ margin-bottom:40px; }
.project-tab .projects-carousel .owl-dots{ display:none; }
.project-tab .projects-carousel .owl-nav { display: block; float: right; margin-top: 40px; }
.project-tab .projects-carousel .owl-nav .owl-next span{ margin-left: 15px; }
.project-tab .projects-carousel .owl-nav .owl-next::before { content: ""; position: absolute; left: -15px; top: 6px; width: 2px; height: 15px; background-color: #bbbbbb; }
.project-tab .projects-carousel .owl-nav .owl-prev span{ margin-right: 15px; }
.project-tab .projects-carousel .owl-nav .owl-prev, .project-tab .projects-carousel .owl-nav .owl-next { display: inline-block; margin: 0 14px; font-size: 16px; font-weight: 600; color: #333; position: relative; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
.project-tab .projects-carousel .owl-nav .owl-prev:hover, .project-tab .projects-carousel .owl-nav .owl-next:hover { color: #fbbc05; }
.project-tab .projects-carousel .owl-nav .owl-prev span, .project-tab .projects-carousel .owl-nav .owl-next span{ transform: rotate(270deg); }
.project-tab .p-tabs-content{ position:relative; display:block; }
.project-tab .p-tab{ position:absolute; left:0px; top:0px; width:100%; height:auto; visibility:hidden; }
.project-block .title:hover { color: #222222; }
.project-block .title { color: #fbbc05; font-size: 20px; font-weight: 600; margin: 15px 0 0; display: block; position: relative; z-index: 111; }
.project-block .title span { display: block; font-weight: 300; font-size: 16px; letter-spacing: 2px; color: #333;text-decoration: none; }
.p-tab.active-tab{ position:relative; visibility:visible; z-index:5; }
.p-tab .project-block { transition: all 0.7s ease; -moz-transition: all 0.7s ease; -webkit-transition: all 0.7s ease; -ms-transition: all 0.7s ease; -o-transition: all 0.7s ease; -webkit-transform: scaleY(0); -ms-transform: scaleY(0); -o-transform: scaleY(0); -moz-transform: scaleY(0); transform: scaleY(0); }
.p-tab.active-tab .project-block { -webkit-transform: scaleY(1); -ms-transform: scaleY(1); -o-transform: scaleY(1); -moz-transform: scaleY(1); transform: scaleY(1); }
.project-section .text-column { position: relative; padding-top: 54px; }
.project-section .text-column .inner-box .text { font-size: 18px; color: #333; font-weight: 600; }
.project-section .text-column .inner-box h3 { color: #fbbc05; font-size: 30px; font-weight: 600; margin: 13px 0 27px; }
.project-section .text-column .inner-box h6 { font-size: 14px; color: #777; font-weight: 400; margin-bottom: 46px; }
.project-section .text-column .inner-box .more-project { position: relative; margin-top: 100px; }
.project-section .text-column .inner-box .more-project a{ color: #333; font-size: 16px; font-weight: 600; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; }
.project-section .text-column .inner-box .more-project a:hover{ color: #fbbc05; }
.project-section .text-column .inner-box .more-project a i{ color: #fbbc05; margin-left: 10px; }
.project-block { position: relative; margin-left: 34px; }
.project-block .inner-box{ position:relative; }
.project-block .inner-box .image{ position:relative; }
.project-block .inner-box .image img{ position:relative; width:100%; display:block; }
.project-block .inner-box:hover .image:before{ opacity:0; }
.project-block .inner-box .image .overlay-box{ position: absolute; left: 0px; bottom: 0px; right: 0px; top:0px; z-index:2; width:100%; height:100%; display:block; opacity:0; background:rgba(0,0,0,0.67); -webkit-transition: all 900ms ease; -ms-transition: all 900ms ease; -o-transition: all 900ms ease; transition: all 900ms ease; -webkit-transform: perspective(400px) rotateY(-90deg); -moz-transform: perspective(400px) rotateY(-90deg); -ms-transform: perspective(400px) rotateY(-90deg); -o-transform: perspective(400px) rotateY(-90deg); transform: perspective(400px) rotateY(-90deg); -webkit-transform-origin: top; -moz-transform-origin: top; -ms-transform-origin: top; -o-transform-origin: top; transform-origin: top; -ms-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
.project-block .inner-box:hover .image .overlay-box{ opacity:1; -webkit-transform: perspective(400px) rotateY(0deg); -moz-transform: perspective(400px) rotateY(0deg); -ms-transform: perspective(400px) rotateY(0deg); -o-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); }
.project-block .inner-box .image .overlay-box .overlay-inner { position: absolute; left: -3px; top: 0; width: 100%; height: 100%; display: table; text-align: left; padding: 10px 20px; vertical-align: middle; z-index: 999; transform: translate(-20%, 23%); }
.project-block .inner-box .overlay-box .overlay-inner .overlay-content{ position: relative; display: table-cell; vertical-align: middle; }
.project-block .inner-box .image .overlay-box .see-more { position: relative; }
.project-block .inner-box .image .overlay-box .see-more span:before { margin-left: 0; font-size: 20px; color: #fff; padding: 26px 25px; background-color: #fbbc05; }
.project-section.style-three { position: relative; padding: 51px 0px 138px; }
.project-section.style-three .sec-title { margin-bottom: 53px; }
.project-section.style-three:before{ content: ""; position: absolute; left: 0; top: 0; width: 10%; height: 100%; background-image: url('../images/background/11.jpg'); }
.project-section.style-three::after { content: ""; position: absolute; right: 0; top: 0; width: 40%; height: 709px; background-color: #ebebeb; }
.project-section.style-three .text-column .inner-box .more-project { position: relative; margin-top: 106px; }
.project-section.style-three .project-block { position: relative; padding: 0 100px 0 45px; }
.projects-carousel-three .owl-nav { display: none; }
.projects-carousel-three .owl-dots { display: block; margin-top: 35px; margin-left: 16px; }
.projects-carousel-three .owl-dots .owl-dot { background-color: #d7d7d7; width: 30px; height: 2px; display: inline-block; margin-right: 14px; }
.projects-carousel-three .owl-dots .owl-dot.active{ background-color: #222222; }
.projects-carousel-three .inner-box .image .overlay-box .overlay-inner { position: absolute; left: 37px; top: 24px; width: 100%; height: 100%; display: table; text-align: left; padding: 10px 20px; vertical-align: middle; z-index: 999; transform: translate(-20%, 23%); }
.projects-carousel-three .inner-box .image .overlay-box{ position: absolute; left: 0px; bottom: 0px; right: 0px; top:0px; z-index:2; width:100%; height:100%; display:block; opacity:0; background:rgba(0,0,0,0); -webkit-transition: all 900ms ease; -ms-transition: all 900ms ease; -o-transition: all 900ms ease; transition: all 900ms ease; -webkit-transform: perspective(400px) rotateY(-90deg); -moz-transform: perspective(400px) rotateY(-90deg); -ms-transform: perspective(400px) rotateY(-90deg); -o-transform: perspective(400px) rotateY(-90deg); transform: perspective(400px) rotateY(-90deg); -webkit-transform-origin: top; -moz-transform-origin: top; -ms-transform-origin: top; -o-transform-origin: top; transform-origin: top; -ms-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
.gallery-section{ position:relative; overflow:hidden; padding: 97px 0px 98px; }
.gallery-section .row{ margin:0px -15px; }
.gallery-section .column-gallery{ position: relative; width: 33.33%; float: left; padding: 0px 12px 10px; }
.gallery-section .small-column{ position: relative; width: 33.33%; float: left; padding: 0px 8px; }
.gallery-section .filters{ position:relative; }
.gallery-section .filters .filter-tabs{ position:relative; margin-bottom:60px; text-align:center; }
.gallery-section .filters .filter-tabs .filter a{ color:#333; }
.gallery-section .filters .filter-tabs .filter.active a, .gallery-section .filters .filter-tabs .filter:hover a{ color:#fbbc05; }
.gallery-section .filters .filter-tabs .filter{ position:relative; color:#333; font-size:14px; cursor:pointer; font-weight:600; padding:0px 20px; text-transform:capitalize; display:inline-block; line-height:1em; 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; }
.gallery-section .filters .filter-tabs .filter:after { position: absolute; content: '|'; right: -7px; top: 0px; color: #cacaca; font-size: 14px; }
.gallery-section .filters .filter-tabs .filter:last-child::after{ display:none; }
.gallery-section .filters .filter-tabs .filter.active, .gallery-section .filters .filter-tabs .filter:hover{ color:#fbbc05; }
.gallery-section .default-portfolio-item{ margin-bottom:16px; }
.default-portfolio-item{ position:relative; display: block; margin-bottom:30px; }
.default-portfolio-item .inner-box{ position:relative; width:100%; overflow:hidden; }
.default-portfolio-item .image-box{ position:relative; display:block; }
.default-portfolio-item .image-box img{ position:relative; display:block; width:100%; }
.default-portfolio-item .overlay-box { position: absolute; left: 0px; top: 0px; opacity: 0; color: #ffffff; text-align: center; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; visibility: hidden; width: 100%; height: 100%; }
.default-portfolio-item .inner-box .overlay-box .overlay-inner { position: absolute; left: -100%; bottom: 20%; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; }
.default-portfolio-item .inner-box:hover .overlay-box{ opacity:1; visibility:visible; left: 0; }
.default-portfolio-item .inner-box:hover .overlay-box .overlay-inner{ opacity:1; visibility:visible; left: 0; }
.default-portfolio-item .inner-box:hover .overlay-box.overlay-box-new{ display: none; }
.default-portfolio-item .inner-box .content-inner { position: relative; background: #222222; text-align: left; padding: 14px 26px 19px;max-width: calc(100% - 80px); min-width: calc(200px); }
.default-portfolio-item .overlay-inner h3 a {
    color: #fabb13 !important;
    line-height: 1.3;
    display: block;
}
.overlay-box.overlay-box-new .content-inner { background: rgb(34 34 34 / 54%); }
.overlay-box.overlay-box-new a.link { background: #e38b0059 !important; opacity: 0; }
.default-portfolio-item .overlay-inner .content{ position:relative; display:table-cell; vertical-align:middle; }
.default-portfolio-item .overlay-inner .content .tags { position: relative; font-size: 12px; font-weight: 400; color: #fff; text-transform: capitalize; }
.default-portfolio-item .overlay-inner h3 { font-size: 16px; color: #fff; font-weight: 600; text-transform: capitalize; }
.default-portfolio-item .overlay-inner h3 a{ color:#fff; transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; }
.default-portfolio-item .overlay-inner h3 a:hover{ color:#fbbc05; }
.default-portfolio-item .overlay-inner .link { position: absolute; width: 80px; height: 80px; display: inline-block; font-size: 30px; color: #fff; text-align: center; line-height: 38px; background-color: #fbbc05; transition: all 300ms ease; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; right: -80px; bottom: 0; }
.default-portfolio-item .overlay-inner .link .icon { position: relative; margin-top: 18px; display: block; }
.default-portfolio-item .overlay-inner .link .icon:before{ color: #fff; text-align: center; margin-left: 0; font-size: 30px; }
.default-portfolio-item .overlay-inner .link:hover{ background-color:#ffffff; }
.default-portfolio-item .overlay-inner .link:hover .icon:before{ color: #fbbc05; }
.gallery-section .load-more-btn { position: relative; margin-top: 42px; }
.gallery-section.style-two{ position:relative; overflow:hidden; padding: 97px 0px 98px; margin-top: -1px; }
.gallery-section.style-two .sec-title h2{ color: #fff; }
.gallery-section.style-two .sec-title h2::after { background-color: #fff; }
.gallery-section.style-two .default-portfolio-item { margin-bottom: 0; }
.gallery-section.style-two .big-column{ position: relative; width: 50%; float: left; padding: 0; }
.gallery-section.style-two .small-column{ position: relative; width: 25%; float: left; padding: 0; }
.gallery-section.style-two .filters .filter-tabs .filter{ color: #fff; }
.projects-section-two{ position: relative; padding: 100px 0; }
.projects-section-two .upper-box{ position: relative; }
.projects-section-two .upper-box .sec-title{ float: left; margin-bottom: 50px; }
.projects-section-two .upper-box .link-box{ position: relative; float: right; margin-top: 25px; }
.projects-section-two .upper-box .link-box a{ position: relative; display: block; font-size: 18px; line-height: 30px; color: #fbbc05; font-weight: 700; font-family: "Open Sans", sans-serif; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; }
.projects-section-two .upper-box .link-box a:hover{ color: #222222; }
.projects-carousel-two{ position: relative; }
.project-block-two{ position: relative; padding-left: 200px; 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 .info-box{ position: absolute; left: 200px; top: 50%; opacity: 0; visibility: hidden; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-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; }
.projects-carousel-two .active .project-block-two .info-box{ left: 18px; 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: 300px; width: 100%; padding: 35px 30px 20px; -webkit-box-shadow: 0 0 18px rgba(0,0,0,0.18); -moz-box-shadow: 0 0 18px rgba(0,0,0,0.18); -ms-box-shadow: 0 0 18px rgba(0,0,0,0.18); -o-box-shadow: 0 0 18px rgba(0,0,0,0.18); box-shadow: 0 0 18px rgba(0,0,0,0.18); }
.project-block-two .info-box .title{ position: relative; display: block; font-size: 15px; line-height: 1.2em; color: #777777; font-weight: 500; text-transform: uppercase; margin-bottom: 15px; }
.project-block-two .info-box h3{ position: relative; display: block; font-size: 30px; line-height: 1.2em; color: #222222; font-weight: 500; margin-bottom: 25px; }
.project-block-two .info-box .text{ position: relative; display: block; font-size: 15px; line-height: 30px; color: #777777; font-weight: 400; margin-bottom: 65px; }
.project-block-two .info-box .link-box{ position: relative; }
.project-block-two .info-box .link-box a{ position: relative; display: block; font-size: 15px; line-height: 30px; color: #fbbc05; font-weight: 700; font-family: "Open Sans", sans-serif; -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 .info-box .link-box a:hover{ color: #222222; }
.projects-carousel-two .owl-nav{ position: absolute; left: 15px; bottom: 0; width: 60px; height: 30px; }
.projects-carousel-two .owl-next, .projects-carousel-two .owl-prev{ position: absolute; left: 15px; bottom: 0; font-size: 12px; line-height: 30px; color: #222222; font-weight: 400; transition: all 300ms ease; z-index: 9; }
.projects-carousel-two .owl-next{ left: auto; right: -15px; }
.projects-carousel-two .owl-next:hover, .projects-carousel-two .owl-prev:hover{ color: #fbbc05; }
.projects-carousel-two .owl-dots { position: absolute; left: 15px; bottom: 0; height: 30px; width: 60px; z-index: 0; counter-reset: slides-num; }
.projects-carousel-two .owl-dots:after { position: absolute; left: 52px; content:counter(slides-num); display: inline-block; line-height: 30px; font-size: 16px; font-weight: 700; color: #222222; }
.projects-carousel-two .owl-dot { display: inline-block; counter-increment: slides-num; }
.projects-carousel-two .owl-dot span { display: none; }
.projects-carousel-two .owl-dot.active:before { position: absolute; content: counter(slides-num) " /"; line-height: 30px; font-size: 16px; font-weight: 700; color: #222222; left: 30px; top: 0; }
.project-details-section{ position: relative; padding: 100px 0 60px; }
.tabs-box{ position: relative; }
.tabs-box .tab{ display: none; }
.tabs-box .tab.active-tab{ display: block; }
.project-detail .upper-box{ position: relative; }
.project-detail .project-tabs{ position: relative; }
.project-detail .project-tabs .tab-btns{ position: relative; float: left; margin-left: 30px; width: 270px; }
.project-detail .project-tabs .tab-btn{ position: relative; display: block; cursor: pointer; margin-bottom: 25px; }
.project-detail .project-tabs .tab-btn img{ display: block; width: 100%; height: auto; }
.project-detail .tabs-content{ position: relative; float: left; }
.project-detail .tabs-content .image{ position: relative; overflow: hidden; background: #000; }
.project-detail .tabs-content .image img{ display: block; width: 100%; height: auto; transition: all 500ms ease; }
.project-detail .tabs-content .image:hover img{ transform: scale(1.1); opacity: 0.5; }
.project-detail .lower-content{ position: relative; padding-top: 50px; }
.project-detail .lower-content .content-column{ position: relative; }
.project-detail .lower-content h2{ position: relative; display: block; font-size: 30px; line-height: 1.2em; color: #222222; font-weight: 500; margin-bottom: 20px; }
.project-detail .lower-content h3{ position: relative; display: block; font-size: 24px; line-height: 1.2em; color: #222222; font-weight: 500; margin-bottom: 27px; }
.project-detail .lower-content h4{ position: relative; display: block; font-size: 24px; line-height: 1.2em; color: #222222; font-weight: 500; margin-bottom: 20px; }
.project-detail .lower-content p{ position: relative; display: block; font-size: 14px; line-height: 28px; color: #666666; font-weight: 400; margin-bottom: 30px; }
.project-detail .list-image { position: relative; width: 100%; margin-bottom: 20px; }
.project-detail .list-image .image-box-right img { width: 100%; }
.project-detail .list-style-one { position: relative; margin-bottom: 30px; }
.project-detail .list-style-one:after{ display: table; clear: both; content: ""; }
.project-detail .info-column{ position: relative; margin-bottom: 40px; }
.project-detail .info-list{ position: relative; display: block; margin-bottom: 40px; }
.project-detail .info-list li{ position: relative; font-size: 14px; line-height: 28px; color: #666666; font-weight: 400; }
.project-detail .info-list li strong{ position: relative; float: left; color: #222222; font-weight: 700; width: 165px; }
.help-box{ position:relative; background-size:cover; background-repeat: no-repeat; background-position: center; background-image: url(../images/icons/help-bg.jpg); }
.help-box:before{ content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(34,34,34,0.7); }
.help-box .inner{ position:relative; border: 1px solid #dddddd; padding:35px 40px; -webkit-box-shadow: 0 0 16px rgba(0,0,0,0.07); -moz-box-shadow: 0 0 16px rgba(0,0,0,0.07); -ms-box-shadow: 0 0 16px rgba(0,0,0,0.07); -o-box-shadow: 0 0 16px rgba(0,0,0,0.07); box-shadow: 0 0 16px rgba(0,0,0,0.07); }
.help-box .inner .title{ position: relative; display: block; font-size: 14px; line-height: 24px; color: #fbbc05; font-weight: 700; margin-bottom: 10px; }
.help-box .inner h2 { position: relative; color: #fff; font-size: 30px; font-weight: 600; line-height: 1.2em; text-transform: uppercase; margin-bottom: 23px; }
.help-box .inner .text{ position:relative; color:#fff; font-size:15px; line-height: 28px; margin-bottom:30px; }
.help-box .inner .theme-btn{ background-color: #fff; border: 1px solid #fff; padding: 10px 35px; line-height: 20px; color: #fbbc05; }
.help-box .inner .theme-btn:hover{ color: #ffffff; border: 1px solid #fbbc05; }
.recent-projects { position: relative; width: 100%; background-color: #f5f5f5; padding: 100px 0 70px; }
.recent-projects .sec-title { margin-left: 15px; }
.recent-portfolio-carousal { float: left; width: 100%; display: inline-block; position: relative; padding: 0 15px; }
.recent-portfolio-carousal .owl-stage-outer { position: relative; width: 100%; overflow: hidden; }
.recent-portfolio-carousal .owl-item { float: left; position: relative; }
.recent-portfolio-carousal .owl-nav { display: block; margin-top: 0; position: absolute; right: 0; top: -50px; }
.recent-portfolio-carousal .owl-nav .owl-next span{ margin-left: 15px; }
.recent-portfolio-carousal .owl-nav .owl-next::before { content: ""; position: absolute; left: -15px; top: 6px; width: 2px; height: 15px; background-color: #bbbbbb; }
.recent-portfolio-carousal .owl-nav .owl-prev span{ margin-right: 15px; }
.recent-portfolio-carousal .owl-nav .owl-prev, .recent-portfolio-carousal .owl-nav .owl-next { display: inline-block; margin: 0 14px; font-size: 16px; font-weight: 600; color: #333; position: relative; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; cursor: pointer; }
.recent-portfolio-carousal .owl-nav .owl-prev:hover, .recent-portfolio-carousal .owl-nav .owl-next:hover { color: #fbbc05; }
.recent-portfolio-carousal .owl-nav .owl-prev span, .recent-portfolio-carousal .owl-nav .owl-next span{ transform: rotate(270deg); }
.styled-pagination{ position:relative; display: block; width: 100%; }
.styled-pagination ul{ position:relative; width: 100%; text-align: center; }
.nums.styled-pagination.no_box { padding: 30px 0 0; }
.styled-pagination li{ position:relative; display: inline-block; margin: 0 6px 8px; float: left; }
.nums.no_box.styled-pagination ul { display: inline-block; margin: 0 auto; width: auto; }
.nums.no_box.styled-pagination { text-align: center; }
.styled-pagination li a{ position:relative; display: block; height:50px; width: 50px; text-align: center; line-height:46px; font-weight:700; font-size:16px; background:#ffffff; color:#333; border-radius: 50%; border:2px dashed #333; -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:#fff; background-color: #fbbc05; border-color:#fbbc05; }
.styled-pagination li.next-post a, .styled-pagination li.prev-post a{ width: auto; padding: 0px 20px; background-color: #333; border-color:#333; border-radius: 39px 39px 0 39px; color: #fff; }
.styled-pagination li.next-post a:hover, .styled-pagination li.prev-post a:hover{ color: #333; background-color: #ebebeb; border-color: #ebebeb; }
.offer-section{ position: relative; background-repeat: no-repeat; background-position:right center; background-size: cover; padding: 100px 0 0px; z-index: 99; }
.offer-section:before{ position: absolute; left: 0; bottom: 0; height: 200px; width: 100%; background-color: #ffffff; content: ""; }
.offer-section .content-column{ position: relative; margin-bottom: 50px; }
.offer-section .content-column .title{ position: relative; display: block; font-size: 18px; line-height: 1.2em; color: #fbbc05; font-weight: 700; margin-bottom: 20px; }
.offer-section .content-column h2{ position: relative; display: block; font-size: 30px; line-height: 1.2em; color: #f2f2f2; font-weight: 700; font-family: "Montserrat", sans-serif; margin-bottom: 30px; }
.offer-section .content-column h2 span{ text-transform: uppercase; }
.offer-section .content-column .discount{ position: relative; display: block; font-size: 84px; line-height: 1em; color: #fbbc05; font-weight: 800; margin-bottom: 40px; }
.offer-section .content-column .text{ position: relative; display: block; font-size: 16px; line-height: 30px; color: #f2f2f2; font-weight: 700; }
.offer-section .form-column{ position: relative; z-index: 9; }
.offer-section .form-column .inner-column{ position: relative; margin-left: -15px; }
.discount-form{ position: relative; background-color: #f7f7f7; padding: 55px 50px 35px; border-radius: 10px; box-shadow: 0 10px 30px rgba(0,0,0,0.10); }
.discount-form .form-group{ position:relative; margin-bottom:20px; }
.discount-form .form-group input[type="text"], .discount-form .form-group input[type="email"], .discount-form .form-group input[type="url"], .discount-form .form-group textarea, .discount-form .form-group select{ position: relative; display: block; width: 100%; font-size: 14px; color: #777777; line-height: 30px; padding: 14px 25px; background-color: #ffffff; height: 60px; border: 1px solid #bbbbbb; font-weight: 400; border-radius: 10px; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; }
.discount-form .form-group input:focus, .discount-form .form-group select:focus, .discount-form .form-group textarea:focus{ border-color:#fbbc05; }
.discount-form .form-group textarea{ height: 220px; resize: none; margin-bottom: 10px; }
.discount-form .form-group button{ text-transform: capitalize; font-size: 16px; font-weight: 700; padding: 15px 45px; line-height: 30px; }
.team-section{ position: relative; padding: 97px 0 40px; }
.team-section::before { content: ""; position: absolute; left: 0; top: 50%; width: 243px; height: 533px; background-image: url(../images/background/4.png); z-index: -1; transform: translateY(-50%); }
.team-section .sec-title{ margin-bottom: 60px; position: relative; }
.team-section .team-block{ position: relative; margin-bottom: 60px; }
.team-section .team-block .inner-box{ position: relative; z-index: 1; }
.team-section .team-block .image-box{ position: relative; }
.team-section .team-block .image-box .image{ position: relative; margin-bottom: 0; overflow: hidden; z-index: 9; }
.team-section .team-block .image-box img{ display: block; width: 100%; height: auto; -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-section .team-block .inner-box:hover .image-box 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); }
.team-section .team-block .inner-box .image:before{ position:absolute; content:''; left:0px; bottom:0px; width:100%; height:100px; opacity:0; z-index:1; transition:all 0.3s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; background:-webkit-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0.8)); background:-moz-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0.8)); background:-o-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0.8)); background:-ms-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0.8)); }
.team-section .team-block .inner-box:hover .image:before{ opacity:1; }
.team-section .team-block .image-box .social-links { position: absolute; left: 0; bottom: 0; width: 100%; text-align: center; z-index: 9999; }
.team-section .team-block .image-box .social-links li{ position: relative; display: inline-block; left: 0; opacity: 0; visibility: hidden; margin: 0 5px; }
.team-section .team-block .image-box .social-links li a{ display: block; text-align: center; font-size: 19px; line-height: 50px; width: 30px; text-align: center; color: #fff; 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-section .team-block .image-box .social-links li a:hover{ background-color: #fbbc05; border-radius: 25px 25px 0 0; color: #fff; }
.team-section .team-block .inner-box:hover .image-box .social-links li:nth-child(2){ transition-delay: 100ms; }
.team-section .team-block .inner-box:hover .image-box .social-links li:nth-child(3){ transition-delay: 200ms; }
.team-section .team-block .inner-box:hover .image-box .social-links li:nth-child(4){ transition-delay: 300ms; }
.team-section .team-block .inner-box:hover .image-box .social-links li:nth-child(5){ transition-delay: 400ms; }
.team-section .team-block .inner-box:hover .image-box .social-links li:nth-child(6){ transition-delay: 500ms; }
.team-section .team-block .inner-box:hover .image-box .social-links li:nth-child(7){ transition-delay: 600ms; }
.team-section .team-block .inner-box:hover .image-box .social-links li:nth-child(8){ transition-delay: 700ms; }
.team-section .team-block .inner-box:hover .image-box .social-links li:nth-child(9){ transition-delay: 800ms; }
.team-section .team-block .inner-box:hover .image-box .social-links li:nth-child(10){ transition-delay: 900ms; }
.team-section .team-block .inner-box:hover .image-box .social-links li{ left: 0; bottom:0; opacity: 1; visibility: visible; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -ms-transition: all 200ms linear; -o-transition: all 200ms linear; transition: all 200ms linear; z-index: 9; }
.team-section .team-block .inner-box .info-box { position: relative; border-bottom: 1px solid #dddddd; padding: 23px 0 33px; -webkit-transition: all 0.7s ease-in-out; -moz-transition: all 0.7s ease-in-out; -ms-transition: all 0.7s ease-in-out; -o-transition: all 0.7s ease-in-out; transition: all 0.7s ease-in-out; }
.team-section .team-block .inner-box:hover .info-box{ border-bottom: 1px solid #fbbc05; }
.team-section .team-block .inner-box .info-box .name a{ font-size: 20px; line-height: 30px; font-weight: 600; color: #333333; text-align: left; -webkit-transition: all 0.7s ease-in-out; -moz-transition: all 0.7s ease-in-out; -ms-transition: all 0.7s ease-in-out; -o-transition: all 0.7s ease-in-out; transition: all 0.7s ease-in-out; }
.team-section .team-block .inner-box:hover .info-box .name a{ color: #fbbc05; }
.team-section .team-block .inner-box .designation{ position: relative; display: block; width: 100%; text-align: left; font-size: 14px; line-height: 30px; color: #777777; font-weight: 400; }
.team-section.style-two{ position: relative; padding: 97px 0 40px; }
.team-section.style-two::before { display: none; }
.team-section.style-two::after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.7); }
.team-section.style-two .sec-title h2{ color: #fff; z-index: 1; }
.team-section.style-two .sec-title h2:after{ background-color: #fff; }
.team-section.style-two .inner-box .info-box { border-bottom: 1px solid #fff; }
.team-section.style-two .team-block .inner-box .info-box .name a{ color: #fff; }
.team-section.style-two .team-block .inner-box .designation{ color: #fff; }
.team-section.style-two .team-block .inner-box:hover .info-box .name a{ color: #fbbc05; }
.testimonial-section{ position: relative; }
.testimonial-section .outer-container{ position:relative; min-height:350px; }
.testimonial-section .image-column { position: absolute; float: left; left: 0px; top: 0px; width: 62%; height: 100%; background-repeat: no-repeat; background-position: center right; background-size: cover; max-height: 570px; }
.testimonial-section .image-column:before{ position: absolute; left: 0; top: 0; height: 100%; width: 100%; background-color: #000; opacity: .55; content: ""; }
.testimonial-section .image-column-two { position: absolute; float: right; right: 0px; top: 0px; width: 38%; height: 100%; background-repeat: no-repeat; background-position: center right; background-size: cover; max-height: 570px; }
.testimonial-section .image-column .image-box{ position:relative; display:none; }
.testimonial-section .image-column .image-box img{ position:relative; display:block; width:100%; }
.testimonial-section .title-column{ position: relative; float: right; width: 100%; max-width: 35%; }
.testimonial-section .title-column .inner-column{ position: relative; padding:100px 15px 0; max-width: 500px; text-align: right; margin: 0 auto; }
.testimonial-section .title-column .sec-title{ margin-bottom: 60px; }
.testimonial-section .title-column .text{ position: relative; display: block; font-size: 16px; line-height: 30px; color: #777777; font-weight: 400; }
.testimonial-section .testimonial-column { position: relative; width: 100%; max-width: 900px; margin: 100px auto 0; }
.testimonial-section .testimonial-column::before { content: ""; position: absolute; right: 0; right: 0; bottom: 0; width: 171px; height: 251px; background-image: url(../images/8.png); z-index: 1 }
.testimonial-section .testimonial-column .inner-column { position: static; float: left; width: 100%; padding: 87px 160px 98px 90px; box-shadow: 7px 0 51px rgba(0,0,0,0.11); }
.testimonial-section .testimonial-column .inner-column:before{ position: absolute; left: 0; top: 0; height: 100%; width: 100%; background-color: #fff; content: ""; }
.testimonial-carousel { position: relative; }
.testimonial-carousel .info-box .image-box, .testimonial-carousel .info-box .text-box { position: relative; float: left; }
.testimonial-carousel .info-box .text-box { padding: 24px 0 0 37px; }
.testimonial-section .testimonial-block { position: relative; width: 100%; }
.testimonial-section .testimonial-block .inner-box { position: relative; }
.testimonial-section .testimonial-block .inner-box::before { position: absolute; right: 117px; bottom: -133px; font-size: 48px; line-height: 30px; color: #dbdbdb; font-weight: 900; font-family: "Font Awesome 5 Free"; content: "\f10e"; }
.testimonial-section .testimonial-block .info-box { position: relative; width: 100%; margin-top: 39px; }
.testimonial-carousel .info-box .text-box .name { font-size: 18px; font-weight: 600; color: #fbbc05; line-height: 30px; }
.testimonial-carousel .info-box .text-box .designation { font-size: 14px; }
.testimonial-carousel .owl-nav{ position: absolute; left: 15px; bottom: 0; width: 60px; height: 30px; display: none; }
.testimonial-carousel .owl-next, .testimonial-carousel .owl-prev{ position: absolute; left: 15px; bottom: 0; font-size: 12px; line-height: 30px; color: #222222; font-weight: 400; transition: all 300ms ease; z-index: 9; }
.testimonial-carousel .owl-next{ left: auto; right: -15px; }
.testimonial-carousel .owl-next:hover, .testimonial-carousel .owl-prev:hover{ color: #fbbc05; }
.testimonial-carousel .owl-dots { position: absolute; right: -24%; top: -297px; height: 180px; width: 150px; z-index: 9999; counter-reset: slides-num; background-color: #fbbc05; }
.testimonial-carousel .owl-dots::after { position: absolute; left: 63%; content: counter(slides-num); display: inline-block; line-height: 30px; font-size: 14px; font-weight: 400; color: #fff; top: 54%; transform: translate(-50%, -50%); }
.testimonial-carousel .owl-dot { display: inline-block; counter-increment: slides-num; }
.testimonial-carousel .owl-dot span { display: none; }
.testimonial-carousel .owl-dot.active::before { position: absolute; content: counter(slides-num) " /"; line-height: 30px; font-size: 36px; font-weight: 700; color: #fff; left: 43%; top: 50%; text-align: center; transform: translate(-50%, -50%); }
.testimonial-section-two { position: relative; padding: 298px 0 309px; background-size: cover; background-repeat: no-repeat; margin-top: -199px; }
.testimonial-carousel-two{ position: relative; }
.testimonial-block-two{ position: relative; }
.testimonial-block-two .inner-box{ position: relative; padding: 43px 45px; border: 1px solid #bbbbbb; background-color: #ffffff; }
.testimonial-block-two .inner-box .text{ position: relative; display: block; font-size: 16px; line-height: 30px; color: #777777; font-weight: 400; margin-bottom: 20px; }
.testimonial-block-two .image-box { position: relative; text-align: left; }
.testimonial-block-two .image-box:before { content: ""; position: absolute; left: 49px; top: 100px; width: 3px; height: 55px; background-color: #fbbc05; }
.testimonial-block-two .image-box .thumb{ position: absolute; left: 0; top: 0; width: 100px; height: 100px; border-radius: 50%; }
.testimonial-block-two .image-box .thumb img{ display: block; width: 100px; height: 100px; border-radius: 50%; }
.testimonial-block-two .info-box { position: relative; width: 100%; padding-left: 129px; }
.testimonial-block-two .info-box .name{ position: relative; display: block; font-size: 20px; line-height: 25px; color: #222222; font-weight: 600; }
.testimonial-block-two .info-box .name span { font-size: 15px; color: #fbbc05; margin-left: 10px; }
.testimonial-carousel-two .owl-dots { position: absolute; display: block !important; left: 0; bottom: -76px; width: 100%; text-align: center; }
.testimonial-carousel-two .owl-dot { width: 10px; height: 10px; background-color: #fbbc05; display: inline-block; margin-right: 10px; -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-two .owl-dot.active, .testimonial-carousel-two .owl-dot:hover{ width: 30px; height: 6px; background-color: #333; }
.faq-section { position: relative; padding: 0 0 100px; }
.faq-section .container-fluid{ position:relative; min-height:350px; }
.faq-section .image-column { position: absolute; float: right; right: 0px; top: 0px; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center right; background-size: cover; }
.faq-section .image-column:before{ position: absolute; right: 0; top: 0; height: 100%; width: 100%; background-color: #000; opacity: .10; content: ""; }
.faq-section .image-column .image-box{ position:relative; display: none; }
.faq-section .image-column .image-box img{ position:relative; display:block; width:100%; }
.faq-section .accordion-column{ position: relative; z-index: 999; }
.faq-section .accordion-column .inner-column { position: relative; margin-left: 334px; background-color: #fff; padding: 78px 53px 33px 60px; border-radius: 45px; box-shadow: 12px 0 51px rgba(0,0,0,0.17); margin-bottom: 80px; margin-top: 80px; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; }
.faq-section .accordion-column .sec-title{ margin-bottom: 35px; }
.faq-section .accordion-box{ position: relative; -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 { position: relative; }
.accordion-box .block { position: relative; padding-top: 0px; border-bottom: 1px solid #f2f2f2; margin-bottom: 11px; }
.accordion-box .block:last-child { margin-bottom: 0px; border-bottom: 1px solid transparent; }
.accordion-box .block .acc-btn { position: relative; font-size: 16px; cursor: pointer; line-height: 1.2em; color: #222; font-weight: 500; padding: 20px 30px 20px 55px; transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; font-family: 'Montserrat', sans-serif; }
.accordion-box .block .acc-btn.active { background: #ffffff; }
.accordion-box .block .icon-outer { position: absolute; left: 0; top: 36px; font-size: 25px; color: #222222; 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 .icon-outer .icon { position: absolute; top: 50%; margin-top: -15px; font-size: 18px; color: #fbbc05; line-height: 1em; 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; }
.accordion-box .block .icon-outer .icon_right { opacity: 1; }
.accordion-box .block .icon-outer .icon_down { opacity: 0; color: #222 !important; font-family: "Font Awesome 5 Free" font-weight: 900; }
.accordion-box .block .acc-btn.active .icon-outer .icon_down { opacity: 1; }
.accordion-box .block .acc-btn.active .icon-outer .icon_right { opacity: 0; }
.accordion-box .block .acc-btn.active-block .icon-outer .icon_down { opacity: 1; }
.accordion-box .block .acc-btn.active .icon-outer { color: #ff4747; }
.accordion-box .block .acc-content { position: relative; display: none; padding: 0 20px; padding-left: 55px; border-bottom: 1px solid #f2f2f2; }
.accordion-box .block .acc-content .content-text { padding-bottom: 6px; }
.accordion-box .block .acc-content.current { display: block; border-bottom: 1px solid transparent; }
.accordion-box .block .content { position: relative; font-size: 14px; }
.accordion-box .block .content .text { margin-bottom: 10px; }
.faq-section.style-two { position: relative; padding: 100px 0 0; }
.faq-section.style-two .accordion-column { position: relative; z-index: 999; padding: 0 0px; }
.faq-section.style-two .upper-column { position: relative; width: 100%; }
.faq-section.style-two .upper-column .text { font-size: 20px; line-height: 40px; }
.faq-section.style-two .accordion-column .inner-column { margin-left: 0; margin-top: 0; box-shadow: none; padding: 78px 53px 0px 60px; }
.faq-section.style-two .accordion-box .block .acc-btn { font-size: 18px; }
.featured-secion { position: relative; width: 100%; padding: 100px 0 0; }
.featured-secion .outer-cloumn { position: relative; border: 1px solid #ddd; display: table; padding: 38px 29px 28px; -webkit-transition: all 500ms ease-in-out; -moz-transition: all 500ms ease-in-out; -o-transition: all 500ms ease-in-out; -ms-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out; width: 100%; margin-bottom:30px; }
.featured-secion .outer-cloumn:hover{ border-color: #fbbc05; }
.featured-secion .outer-cloumn .icon-box { display: table-cell; vertical-align: middle; }
.featured-secion .outer-cloumn .icon-box i:before { margin: 0; color: #fbbc05; font-size: 48px; -webkit-transition: all 500ms ease-in-out; -moz-transition: all 500ms ease-in-out; -o-transition: all 500ms ease-in-out; -ms-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out; }
.featured-secion .outer-cloumn:hover .icon-box i:before{ color: #333; }
.featured-secion .outer-cloumn .text-box { display: table-cell; padding-left: 20px; }
.featured-secion .outer-cloumn .text-box h4 { font-size: 22px; color: #333; font-weight: 600; -webkit-transition: all 500ms ease-in-out; -moz-transition: all 500ms ease-in-out; -o-transition: all 500ms ease-in-out; -ms-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out; }
.featured-secion .outer-cloumn:hover .text-box h4{ color: #fbbc05; }
.products-section{ position: relative; padding: 67px 0px 113px; }
.products-section .sec-title{ margin-bottom: 70px; }
.product-block{ position: relative; margin-bottom: 40px; }
.product-block .inner-box{ position: relative; overflow: hidden; padding-bottom: 45px; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; transition:all 300ms ease; }
.product-block .inner-box .image{ position: relative; }
.product-block .inner-box .image:before{ position: absolute; left: 0; top: 0; content: ""; width: 100%; height: 100%; background:rgba(255,255,255,0.7); z-index: 1; -webkit-transition:all 900ms ease; -ms-transition:all 900ms ease; -o-transition:all 900ms ease; -moz-transition:all 900ms ease; transition:all 900ms ease; transform: scale(0); }
.product-block .inner-box:hover .image:before{ transform: scale(1); }
.product-block .inner-box .image .options-box{ position: absolute; top: 42%; left: 40%; transform: translate(-50%, -50%); -webkit-transition:all 900ms ease; -ms-transition:all 900ms ease; -o-transition:all 900ms ease; -moz-transition:all 900ms ease; transition:all 900ms ease; z-index: 2; transform: scale(0); }
.product-block .inner-box:hover .image .options-box{ transform: scale(1); }
.product-block .inner-box .image .options-box .icon-area{ position:relative; margin-bottom: 12px; }
.product-block .inner-box .image .options-box .icon-area a{ position:relative; width: 50px; height: 50px; color: #fff; font-size: 20px; line-height: 48px; display: block; font-weight: 500; text-align: center; border-radius: 50px; background-color: #fbbc05; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; transition:all 300ms ease; }
.product-block .inner-box .image .options-box .icon-area a:hover{ color:#fbbc05; background-color: #fff; }
.product-block .inner-box .image img{ position: relative; width: 100%; display: block; }
.product-block .inner-box .lower-box { position: relative; text-align: center; border-bottom: 1px solid #ddd; padding: 24px 0px 19px; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; transition:all 300ms ease; }
.product-block .inner-box:hover .lower-box { position: relative; background-color: #dddddd; }
.product-block .inner-box .lower-box h3 { position: relative; font-size: 18px; font-weight: 600; line-height: 1.4em; margin-bottom: 3px; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; -moz-transition: all 300ms ease; transition: all 300ms ease; }
.product-block .inner-box .lower-box h3 a{ position: relative; color: #222; }
.product-block .inner-box .lower-box .product-price{ position: relative; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; transition:all 300ms ease; }
.product-block .inner-box .lower-box .product-price li{ position: relative; color: #fbbc05; font-size: 16px; margin: 0px 4px; font-weight: 600; display: inline-block; font-family: 'Montserrat', sans-serif; }
.product-block .inner-box .lower-box .product-price li.discount{ color:#777777; font-size: 14px; text-decoration: line-through; }
.load-more { display: block; width: 100%; }
.products-section.style-two { position: relative; padding: 97px 0px 132px; }
.products-section.style-two .sec-title{ margin-bottom: 40px; }
.products-section.style-two .products-column{ padding: 0; }
.products-carousel{ position: relative; }
.products-section.style-two .product-block { border-right: 2px solid #dddddd; }
.products-section.style-two .product-block:last-child{ border-right: none; }
.products-section.style-two .product-block .inner-box{ position: relative; -webkit-transition: all 500ms ease-in-out; -moz-transition: all 500ms ease-in-out; -ms-transition: all 500ms ease-in-out; -o-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out; padding-bottom: 0; }
.products-section.style-two .product-block .inner-box .image:before{ display: none; }
.products-section.style-two .product-block .info-box { position: relative; padding: 33px 36px; text-align: left; }
.products-section.style-two .product-block .info-box .name { font-size: 18px; font-weight: 600; color: #fbbc05; }
.products-section.style-two .product-block .inner-box .lower-box { position: relative; text-align: left; border-bottom: none; padding: 27px 36px; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; -moz-transition: all 300ms ease; transition: all 300ms ease; float: left; width: 100%; }
.products-section.style-two .product-block .inner-box:hover .lower-box { position: relative; background-color: transparent; }
.products-section.style-two .product-block .inner-box .lower-box .product-price { position: relative; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; -moz-transition: all 300ms ease; transition: all 300ms ease; float: left; }
.products-section.style-two .product-block .inner-box .lower-box .product-price li { position: relative; color: #333; font-size: 18px; margin: 0px 4px; font-weight: 700; display: inline-block; font-family: 'Open Sans', sans-serif; }
.products-section.style-two .product-block .inner-box .lower-box .product-price li.discount { color: #777777; font-size: 14px; text-decoration: line-through; }
.products-section.style-two .product-block .inner-box .lower-box .icon-area{ position:relative; float: right; top: -7px; }
.products-section.style-two .product-block .inner-box .lower-box .icon-area a{ position:relative; width: 43px; height: 43px; color: #333333; font-size: 18px; line-height: 42px; font-weight: 500; display: inline-block; text-align: center; border-radius: 50px; background-color: #ebebeb; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; transition:all 300ms ease; }
.products-section.style-two .product-block .inner-box:hover .lower-box a{ color:#fff; background-color: #fbbc05; }
.products-section.style-two .owl-dots { position: absolute; display: block !important; left: 0; bottom: -44px; width: 100%; text-align: center; }
.products-section.style-two .owl-dot { width: 15px; height: 3px; background-color: #bbbbbb; display: inline-block; margin-right: 5px; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; }
.products-section.style-two .owl-dot.active, .products-section.style-two .owl-dot:hover{ width: 30px; height: 3px; background-color: #333; }
.offers-banner-section .col-xl-6 { padding: 0; }
.offers-banner-section .offer-box-left { position: relative; float: left; width: 98%; padding: 137px 140px 137px 0; border-radius: 0px 50px 50px 0; background-size: cover; background-repeat: no-repeat; }
.offers-banner-section .offer-box-left .inner-column { float: right; }
.offers-banner-section .offer-box-left .inner-column .text, .offers-banner-section .offer-box-right .inner-column .text { font-size: 16px; color: #fff; line-height: 60px; }
.offers-banner-section .offer-box-left .inner-column h3, .offers-banner-section .offer-box-right .inner-column h3 { font-size: 36px; color: #fff; font-weight: 700; }
.offers-banner-section .offer-box-left .inner-column .offer-text { font-size: 18px; font-weight: 600; line-height: 48px; color: #fbbc05; }
.offers-banner-section .offer-box-right .inner-column .offer-text { font-size: 18px; font-weight: 600; line-height: 48px; color: #333333; }
.offers-banner-section .offer-box-right { position: relative; float: right; width: 98%; padding: 137px 0px 137px 140px; border-radius: 50px 0px 0px 50px; background-size: cover; background-repeat: no-repeat; }
.offers-banner-section .offer-box-right .inner-column { float: left; text-align: right; }
.news-section{ position: relative; padding: 90px 0 60px; }
.news-section .news-box { margin: 0; }
.news-section .sec-title{ position: relative; margin-bottom: 45px; z-index: 1; }
.news-block { position: relative; z-index: 1; height: 100%;padding-bottom: 30px; }
.news-block .inner-box { position: relative; -webkit-box-shadow: 0 0 13px rgb(0 0 0 / 7%); -moz-box-shadow: 0 0 13px rgba(0,0,0,0.07); -ms-box-shadow: 0 0 13px rgba(0,0,0,0.07); -o-box-shadow: 0 0 13px rgba(0,0,0,0.07); box-shadow:0 0 13px rgb(0 0 0 / 7%); height: 100%; }
.news-block .image-box{ position: relative; }
.news-block .image-box .image{ position: relative; margin-bottom: 0; }
.news-block .image-box .image img{ display: block; width: 100%; height: auto; }
.news-block .image-box .overlay-box{ position: absolute; left: 0; top: 0; height: 0%; width: 100%; background: #fbbc05 padding-box content-box; content: ""; padding: 15px; opacity: 0; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -ms-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; }
.news-block .inner-box:hover .overlay-box{ height: 100%; opacity: 0.70; }
.news-block .overlay-box a{ position: absolute; left: 50%; top: 50%; height: 40px; width: 40px; margin-left: -20px; margin-top: -20px; text-align: center; font-size: 30px; line-height: 40px; color: #000000; font-weight: 400; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); }
.news-block .inner-box:hover .overlay-box a{ -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -ms-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; -webkit-transition-delay: 300ms; -moz-transition-delay: 300ms; -ms-transition-delay: 300ms; -o-transition-delay: 300ms; transition-delay: 300ms; }
.news-block .overlay-box a i{ -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 .overlay-box a:hover i{ color: #ffffff; }
.showText h3 { font-size: 20px; color: #333; font-family: 'Arial', sans-serif;}
.showText h2 { font-size: 24px; color: #333; font-family: 'Arial', sans-serif;}
.news-block .caption-box-2 { position: relative; margin-top: 0px; margin-left: 0px; padding: 22px 30px 30px; background-color: #ffffff; }
.clients-section .image-box a { display: block; width: 100%; height: 100%; }
.blog-classic.blog-classic-ds .news-block .inner-box { padding: 20px; -webkit-box-shadow: 0 0 18px rgb(0 0 0 / 8%); -moz-box-shadow: 0 0 18px rgba(0,0,0,0.08); -ms-box-shadow: 0 0 18px rgba(0,0,0,0.08); -o-box-shadow: 0 0 18px rgba(0,0,0,0.08); box-shadow: 0 0 18px rgb(0 0 0 / 8%); height: auto; }
.news-block .caption-box h3 { position: relative; display: block; font-size: 18px; line-height: 1.5; color: #222; font-weight: 600; margin-top: 4px; }
.news-block .caption-box .text { margin-top: 12px; }
.news-carousel { position: relative; width: 100%; }
.news-carousel .owl-stage-outer { position: relative; width: 100%; overflow: hidden; }
.news-carousel .owl-item { float: left; }
.news-block .inner-box .caption-box .post-date { position: absolute; left: -60px; background-color: #fbbc05; padding: 12px 4px 21px; font-size: 20px; text-align: center; font-weight: 600; color: #fff; border-radius: 0 0 30px 30px; top: 30px; line-height: 20px; -webkit-transition: all 0.7s ease-in-out; -moz-transition: all 0.7s ease-in-out; -ms-transition: all 0.7s ease-in-out; -o-transition: all 0.7s ease-in-out; transition: all 0.7s ease-in-out; width: 50px; }
.news-block .inner-box .caption-box .post-date span{ width: 100%; display: inline-block; font-size: 14px; }
.news-block .inner-box:hover .caption-box .post-date{ background-color: #222222; }
.news-block .caption-box h3 a{ color: #222; 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 .inner-box .caption-box h3 a:hover{ color: #fbbc05; }
.news-block .caption-box .info{ position: relative; display: block; }
.news-block .caption-box .info li{ position: relative; display: inline-block; font-size: 14px; line-height: 24px; color: #777777; font-weight: 400; margin-right: 25px; -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 .caption-box .info li i { margin-right: 10px; color: #fbbc05; }
.news-block .inner-box:hover .caption-box .info li{ color: #222222; }
.news-block .caption-box .info li a{ color: #777777; }
.news-carousel .owl-nav { display: block; margin-top: 0; position: absolute; right: 0; top: -50px; }
.news-carousel .owl-nav .owl-next span{ margin-left: 15px; }
.news-carousel .owl-nav .owl-next::before { content: ""; position: absolute; left: -15px; top: 6px; width: 2px; height: 15px; background-color: #bbbbbb; }
.news-carousel .owl-nav .owl-prev span{ margin-right: 15px; }
.news-carousel .owl-nav .owl-prev, .news-carousel .owl-nav .owl-next { display: inline-block; margin: 0 14px; font-size: 16px; font-weight: 600; color: #333; position: relative; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; cursor: pointer; }
.news-carousel .owl-nav .owl-prev:hover, .news-carousel .owl-nav .owl-next:hover { color: #fbbc05; }
.news-carousel .owl-nav .owl-prev span, .news-carousel .owl-nav .owl-next span{ transform: rotate(270deg); }
.news-section.style-two { position: relative; padding: 97px 0 70px; }
.news-carousel-two { position: relative; width: 100%; }
.news-carousel-two .owl-stage-outer { position: relative; width: 100%; overflow: hidden; }
.news-carousel-two .owl-item { float: left; }
.news-carousel-two .owl-nav { display: block; margin-top: 0; position: absolute; right: 0; top: -50px; }
.news-carousel-two .owl-nav .owl-next span{ margin-left: 15px; }
.news-carousel-two .owl-nav .owl-next::before { content: ""; position: absolute; left: -15px; top: 6px; width: 2px; height: 15px; background-color: #bbbbbb; }
.news-carousel-two .owl-nav .owl-prev span{ margin-right: 15px; }
.news-carousel-two .owl-nav .owl-prev, .news-carousel-two .owl-nav .owl-next { display: inline-block; margin: 0 14px; font-size: 16px; font-weight: 600; color: #333; position: relative; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; cursor: pointer; }
.news-carousel-two .owl-nav .owl-prev:hover, .news-carousel-two .owl-nav .owl-next:hover { color: #fbbc05; }
.news-carousel-two .owl-nav .owl-prev span, .news-carousel-two .owl-nav .owl-next span{ transform: rotate(270deg); }
.blog-classic .news-block{ margin-bottom: 60px; width: 100%; display: inline-block; position: relative; }
.blog-carousal .owl-item { float: left; overflow: hidden; }
.news-block .blog-carousal { position: relative; overflow: hidden; }
.news-block.style-two .caption-box{ float: left; z-index: 9; }
.news-block.style-two .image-box .overlay-box{ padding: 27px; }
.blog-carousal .owl-nav { position: absolute; top: 50%; transform: translateY(-50%); width: 100%; }
.blog-carousal .owl-nav .owl-prev { float: left; }
.blog-carousal .owl-nav .owl-next { float: right; }
.blog-carousal .owl-nav .owl-prev, .blog-carousal .owl-nav .owl-next{ cursor: pointer; font-size: 16px; color: #fff; padding: 50px 10px; background:rgba(0,0,0,0.5); -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-carousal .owl-nav .owl-prev:hover, .blog-carousal .owl-nav .owl-next:hover{ background:rgba(255,255,255,0.5); color: #000; }
.news-block .blockquote { position: relative; display: block; padding: 50px 50px 110px 59px; margin-bottom: 0; }
.news-block .blockquote:before { position: absolute; left: 0; top: 0; height: 100%; width: 100%; background-color: #ffffff; opacity: 0.80; content: ""; }
.news-block .blockquote .icon { position: absolute; right: 70px; bottom: 29px; height: 106px; width: 65px; background-color: #ffffff; line-height: 60px; text-align: center; font-size: 30px; color: #bbbbbb; font-weight: 700; font-family: "Font Awesome 5 Free"; -webkit-box-shadow: 0 0 13px rgba(0,0,0,0.09); -moz-box-shadow: 0 0 13px rgba(0,0,0,0.09); -ms-box-shadow: 0 0 13px rgba(0,0,0,0.09); -o-box-shadow: 0 0 13px rgba(0,0,0,0.09); box-shadow: 0 0 13px rgba(0,0,0,0.09); border-radius: 70px 70px 0 0; }
.news-block .blockquote h2 { position: relative; display: block; font-size: 46px; line-height: 1.2em; color: #222222; font-weight: 400; letter-spacing: -0.04em; font-family: 'BenchNine', sans-serif; }
.news-block .blockquote .author { position: relative; line-height: 25px; color: #ffffff; font-size: 14px; background-color: #222222; padding: 7px 15px; margin-bottom: 25px; display: inline-block; }
.news-block .blockquote h2 span { color: #ff8a00; text-transform: uppercase; }
.news-block .image-box .image { position: relative; margin-bottom: 0; }
.news-block .image-box .link-box{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.news-block .image-box .link{ position: relative; display: block; height: 70px; width: 70px; margin: 0 auto; border-radius: 50%; color: #fbbc05; text-align: center; font-size: 24px; line-height: 65px; background-color: rgba(255,255,255,1); border:1px solid #fbbc05; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; font-family: "Font Awesome 5 Free"; font-weight: 900; z-index: 1; }
.news-block .image-box .link:before { content: ""; position: absolute; z-index: 0; left: 50%; top: 50%; -webkit-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); display: block; width: 80px; height: 80px; background: #fff; border-radius: 50%; -webkit-animation: pulse-border 1.5s cubic-bezier(.77, 0, .175, 1) infinite; animation: pulse-border 1.5s cubic-bezier(.77, 0, .175, 1) infinite; z-index: -1; }
.blog-detail .news-block { position: relative; margin-bottom: 20px; z-index: 1; }
.blog-detail .news-block .caption-box h3{ font-size: 24px; margin-bottom: 15px; }
.blog-detail .news-block .caption-box p{ position: relative; font-size: 14px; line-height: 30px; color: #777777; font-weight: 400; margin-bottom: 30px; }
.blog-detail .news-block .caption-box blockquote{ position: relative; display: block; padding-left: 40px; font-size: 18px; line-height: 36px; color: #777777; font-weight: 600; font-style: italic; margin-bottom: 30px; padding-top: 15px; font-family: 'Montserrat', sans-serif; }
.blog-detail .news-block .caption-box blockquote:before { content: ""; position: absolute; left: 0; top: 12px; width: 2px; height: 80px; background-color: #fbbc05; }
.blog-detail .tags{ position: relative; margin-bottom: 30px; }
.blog-detail .tags .title { position: relative; margin-left: 236px; font-size: 15px; line-height: 28px; color: #333; font-weight: 600; font-family: "Montserrat", sans-serif; padding: 5px 0; margin-bottom: 10px; float: left; }
.blog-detail .tags ul{ position: relative; float: right; }
.blog-detail .tags ul li{ position: relative; float: left; margin-right: 10px; margin-bottom: 10px; }
.blog-detail .tags ul li a{ position: relative; display: block; font-size: 14px; line-height: 25px; color: #939292; font-weight: 400; padding: 5px 25px; border: 1px solid #e1e1e1; border-radius: 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; }
.blog-detail .tags ul li a:hover{ background-color: #222222; color: #ffffff; }
.blog-detail .share-option { position: absolute; bottom: 0; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); left: -209px; }
.blog-detail .share-option .title{ position: relative; display: block; margin-right: 23px; font-size: 16px; line-height: 25px; color: #333; font-weight: 700; padding: 5px 0; margin-bottom: 10px; font-family: "Montserrat", sans-serif; writing-mode: vertical-rl; text-orientation: mixed; }
.blog-detail .social-icon { position: relative; display: inline-block; writing-mode: vertical-rl; transform: rotate(90deg); right: 119px; top: 93px; }
.blog-detail .social-icon li{ position: relative; margin-right: 6px; margin-bottom: 10px; }
.blog-detail .social-icon li a{ position: relative; display: block; font-size: 16px; line-height: 25px; color: #bbbbbb; font-weight: 500; padding: 5px 6px; border-radius: 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; }
.blog-detail .social-icon li a i{ margin-right: 10px; }
.blog-detail .social-icon li a:hover{ color: #fbbc05; }
.next-pre-post { position: relative; width: 100%; margin-bottom: 53px; }
.next-pre-post ul li { width: 50%; float: left; border: 1px solid #dddddd; padding: 40px; position: relative; }
.next-pre-post .post { position: relative; padding-left: 101px; }
.next-pre-post .post-thumb { position: absolute; left: 0px; top: 0px; height: 80px; width: 80px; margin-bottom: 20px; }
.next-pre-post .post h3 { position: relative; font-size: 18px; line-height: 28px; color: #222222; font-weight: 600; margin-bottom: 10px; }
.next-pre-post .post h3 a{ color: #333; }
.next-pre-post .post h3 a:hover{ color: #fbbc05; }
.next-pre-post .post .post-info a { position: relative; font-size: 12px; line-height: 17px; color: #777777; font-weight: 600; }
.next-pre-post .post .post-info a:hover{ color: #fbbc05; }
.next-pre-post ul li.next { text-align: right; }
.next-pre-post ul li.next .post { padding-right: 101px; padding-left: 0; }
.next-pre-post ul li.next .post-thumb { right: 0; left: auto; }
.clients-section { position: relative; z-index: 9; background-color: #eeeeee; padding: 35px 0 ; }
.clients-section .sponsors-outer{ position: relative; padding: 0px 35px; }
.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; }
.clients-section .sponsors-carousel .owl-dots, .clients-section .sponsors-carousel .owl-nav{ display: none; }
.clients-section.style-two{ position: relative; z-index: 9; background:transparent; padding: 0; }
.clients-section.style-two:before{ display: none; }
.clients-section.style-two:after{ display: none; }
.clients-section.style-two .auto-container{ position: relative; max-width: 1200px; margin: 0 auto; padding: 0; }
.clients-section.style-two .sponsors-outer{ position: relative; padding: 75px 45px; -webkit-box-shadow: 0 0 21px rgba(0,0,0,0.30); -moz-box-shadow: 0 0 21px rgba(0,0,0,0.30); -ms-box-shadow: 0 0 21px rgba(0,0,0,0.30); -o-box-shadow: 0 0 21px rgba(0,0,0,0.30); box-shadow: 0 0 21px rgba(0,0,0,0.30); background-color: #ffffff; margin: 0 15px; }
.clients-section.style-two .sponsors-outer:before{ position: absolute; left: 0; top: 0; height: 50%; width: 100%; background-color: #ffffff; content: ""; }
.clients-section.style-two .slide-item{ position: relative; }
.clients-section.style-two .image-box{ position: relative; margin: 0; text-align: center; }
.clients-section.style-two .image-box img{ display: inline-block; max-width: 100%; width: auto; height: auto; }
.clients-section.style-two .sponsors-carousel .owl-dots, .clients-section.style-two .sponsors-carousel .owl-nav{ display: none; }
.clients-section.style-two .sponsors-outer.style-two{ background-color: #eeeeee; }
.clients-section.style-two .sponsors-outer.style-two:before{ background-color: #eeeeee; }
.clients-section.style-four { position: relative; z-index: 9; background-color: #222222; padding: 24px 0; }
.clients-section.style-four:after{ display: none; }
.clients-section.style-five { position: relative; z-index: 9; background: transparent; padding: 0; margin-top: -144px; }
.clients-section.style-five:after{ display: none; }
.clients-section.style-five .auto-container{ position: relative; max-width: 1200px; margin: 0 auto; padding: 0; }
.clients-section.style-five .sponsors-outer{ position: relative; padding: 75px 45px; -webkit-box-shadow: 0 0 21px rgba(0,0,0,0.30); -moz-box-shadow: 0 0 21px rgba(0,0,0,0.30); -ms-box-shadow: 0 0 21px rgba(0,0,0,0.30); -o-box-shadow: 0 0 21px rgba(0,0,0,0.30); box-shadow: 0 0 21px rgba(0,0,0,0.30); background-color: #ffffff; margin: 0 15px; }
.clients-section.style-five .sponsors-outer:before{ position: absolute; left: 0; top: 0; height: 50%; width: 100%; background-color: #ffffff; content: ""; }
.clients-section.style-five .slide-item{ position: relative; }
.clients-section.style-five .image-box{ position: relative; margin: 0; text-align: center; }
.clients-section.style-five .image-box img{ display: inline-block; max-width: 100%; width: auto; height: auto; }
.clients-section.style-five .sponsors-carousel .owl-dots, .clients-section.style-five .sponsors-carousel .owl-nav{ display: none; }
.clients-section.style-six{ background-color: #fff; }
.clients-section.style-six:after{ display: none; }
.contact-section { position: relative; padding: 96px 0 69px; background-position: top center; background-repeat: no-repeat; background-size: 100%; }
.contact-section .sec-title{ margin-bottom: 40px; }
.contact-section .inner-container{ position: relative; max-width: 1000px; margin: 0 auto; padding: 0 15px; }
.contact-section .info-column{ position: relative; }
.contact-section .info-column .inner-column{ position: relative; }
.contact-section .info-column h4{ position: relative; font-size: 20px; line-height: 1.2em; color: #2f2f2f; font-weight: 500; margin-bottom: 25px; }
.contact-section .info-column .contact-info{ position: relative; }
.contact-section .info-column .contact-info li{ position: relative; display: block; font-size: 14px; line-height: 28px; color: #777777; font-weight: 400; margin-bottom: 28px; margin-left: 55px; }
.contact-section .info-column .contact-info li a{ display: inline-block; 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; }
.contact-section .info-column .contact-info li a:hover{ color: #fbbc05; }
.contact-section .info-column .contact-info li i:before { font-size: 35px; color: #fbbc05; display: inline-block; margin-left: -54px; position: absolute; margin-top: 17px; }
.contact-section .info-column .contact-info li span { font-size: 20px; font-weight: 600; line-height: 42px; color: #2f2f2f; font-family: 'Montserrat', sans-serif; }
.contact-section .form-column{ position: relative; }
.contact-section .form-column .inner-column{ margin-top: -20px; }
.contact-section .contact-form{ position: relative; }
.contact-form .formBox , .contact-form .form-group{ position:relative; margin-bottom:30px; }
.contact-form .formBox input[type="text"], .contact-form .formBox input[type="email"], .contact-form .formBox input[type="url"], .contact-form .formBox textarea, .contact-form .formBox select , .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: #777777; line-height: 19px; padding: 15px 30px; background-color: #fff; font-weight: 400; height: 50px; 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; border-radius: 25px; }
.contact-form .formBox input:focus, .contact-form .formBox textarea:focus, .contact-form .formBox select:focus , .contact-form .form-group input:focus, .contact-form .form-group select:focus, .contact-form .form-group textarea:focus{ border-color:#fbbc05; }
.contact-form .formBox textarea, .contact-form .form-group textarea{ height: 140px; resize: none; border-radius: 15px; }
.dv-alienhe a, .contact-form .form-group button{ padding: 15px 50px; line-height: 20px; text-transform: uppercase; }
.contact-form .form-group label.error{ color: #ff0000; }
.contact-form .right li { width: calc(100% / 1 - 20px); }
.contact-section.style-two { position: relative; padding: 96px 0 69px; background: #f6f6f6; }
.contact-section.style-two .sec-title { margin-bottom: 70px; }
.main-footer{ position:relative; background-repeat: no-repeat; background-position: center; background-size: cover; z-index: 1; }
.main-footer:before{ position: absolute; left: 0; top: 0; height: 100%; width: 100%; background:#222222; content: ""; }
.main-footer .widgets-section { position: relative; padding: 95px 0 47px; }
.main-footer.alternate .widgets-section{ margin-top: 0; padding-top: 95px; }
.main-footer .footer-column{ position:relative; }
.main-footer .footer-widget{ position:relative; margin-bottom:40px; }
.main-footer .footer-column .widget-title { position: relative; font-size: 18px; font-weight: 600; color: #ffffff; line-height: 24px; margin-bottom: 45px; }
.main-footer .footer-column .widget-title::before { position: absolute; left: 0; bottom: -12px; content: ""; width: 30px; height: 2px; background-color: #fbbc05; }
.main-footer .about-widget{ position: relative; padding-right: 0px; }
.footer-widget.links-widget.links-widget-vew { padding-left: 20px; }
.main-footer .footer-logo{ position:relative; margin-bottom: 20px; }
.main-footer .footer-logo figure{ margin: 0; margin-top: -20px; }
.main-footer .footer-logo img{ display:block; max-width:100%; max-height: 80px; }
.main-footer .about-widget .text p{ position: relative; font-size: 14px; line-height: 24px; color: #eee; font-weight: 400; margin-bottom: 10px; }
.main-footer .about-widget .text { position: relative; font-size: 14px; line-height: 24px; color: #fff; font-weight: 400; }
.recent-posts{ position: relative; }
.recent-posts .post{ position: relative; min-height: 70px; padding-left: 105px; margin-bottom: 30px; }
.recent-posts .post .thumb{ position: absolute; left: 0; top: 0; height: 70px; width: 80px; overflow: hidden; }
.recent-posts .post .thumb a{ display: block; }
.recent-posts .post .thumb img{ display: block; width: 100%; height: auto; }
.recent-posts .post h4{ position: relative; font-size: 18px; color: #f4f4f4; line-height: 24px; font-weight: 600; margin-bottom: 3px; }
.recent-posts .post h4 a{ color:#f4f4f4; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; }
.recent-posts .post h4 a:hover{ color: #fbbc05; }
.recent-posts .post .info{ position: relative; display: block; }
.recent-posts .post .info li{ position: relative; display: inline-block; font-size: 12px; line-height: 20px; color: #f4f4f4; font-weight: 400; padding-right: 3px; margin-right: 3px; }
.recent-posts .post .info li:before{ position: absolute; right: -4px; top: 0; font-size: 12px; line-height: 20px; color: #f4f4f4; font-weight: 400; content: "/"; }
.recent-posts .post .info li:last-child:before{ display: none; }
.main-footer .links-widget{ position: relative; }
.main-footer .links-widget .list li{ position:relative; display: block; padding-left: 30px; margin-bottom: 18px; }
.main-footer .links-widget .list li:before{ color: #fbbc05; position: absolute; left: 0; top: 0; height: 20px; font-size: 11px; line-height: 25px; font-weight: 900; content: "\f101"; font-family: "Font Awesome 5 Free"; }
.main-footer .links-widget .list li a{ position:relative; display: block; line-height: 1.6; font-size: 14px; color: #eee; font-weight: 400; -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 .links-widget .list li:hover:before{ color:#eee; }
.main-footer .links-widget .list li a:hover{ color:#fbbc05; }
.main-footer .links-widget .list-address{ position:relative; margin-bottom:50px; }
.main-footer .links-widget .list-address li { position: relative; color: #eee; font-size: 14px; font-weight: 400; padding-left: 30px; margin-bottom: 15px; }
.main-footer .links-widget .list-address li a { position: relative; color: #eee; font-size: 14px; font-weight: 400; }
.main-footer .links-widget .list-address li a:hover{ text-decoration: underline; }
.main-footer .links-widget .list-address li i{ position:absolute; left:0px; top: 5px; color:#fbbc05; font-size:20px; }
.main-footer .gallery-widget{ position: relative; }
.main-footer .gallery-widget .outer{ position:relative; margin: 0px -7px 0; }
.main-footer .gallery-widget .outer .image{ position:relative; float:left; width:33.3333%; padding:0px 7px; margin-bottom:14px; }
.main-footer .gallery-widget .image img{ display:block; width:100%; }
.main-footer .gallery-widget .image a{ position: relative; display: block; }
.main-footer .gallery-widget .image a:before{ position: absolute; left: 0; top: 0; height: 100%; width: 100%; background: #fbbc05 padding-box content-box; padding: 5px; opacity: .80; content: ""; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(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-footer .gallery-widget .image a:hover:before{ -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
.main-footer .gallery-widget .image a:after{ position: absolute; height: 20px; width: 20px; left: 50%; top: 50%; margin-left: -10px; margin-top: -10px; content: "\f0b2"; text-align: center; line-height: 20px; font-size: 14px; color: #000000; font-family: "Font Awesome 5 Free"; font-weight: 700; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(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-footer .gallery-widget .image a:hover:after{ -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
.social-icon-two { position: relative; margin-top: 26px; }
.social-icon-two li{ position: relative; float: left; margin-right: 26px; }
.social-icon-two li a{ position: relative; display: block; font-size: 16px; line-height: 30px; color: #f4f4f4; 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; }
.social-icon-two li a:hover{ color: #fbbc05; }
.main-footer.style-two{ position:relative; background-repeat: no-repeat; background-position: center; background-size: cover; z-index: 1; }
.main-footer.style-two:before{ position: absolute; left: 0; top: 0; height: 100%; width: 100%; background:#000000; content: ""; opacity: 0.70; }
.main-footer.style-two:after{ display: none; }
.main-footer.style-two .widgets-section{ position:relative; padding: 195px 0 24px; margin-top: -100px; }
.main-footer.style-three .widgets-section{ position:relative; padding: 195px 0 24px; margin-top: -100px; }
.main-footer.style-three:after{ display: none; }
.main-footer .footer-bottom { position: relative; background-color: #383838; z-index: 1; }
.main-footer .footer-bottom .inner-container{ position: relative; }
.main-footer .footer-bottom .copyright-text{ position: relative; float: left; padding:20px 0; padding-right: 40px; }
.main-footer .footer-bottom .copyright-text p { position: relative; line-height: 30px; font-size: 14px; color: #fff; font-weight: 400; }
.main-footer .footer-bottom .copyright-text a{ color: #fff; -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 .footer-bottom .copyright-text a:hover{ text-decoration: underline; }
.main-footer .footer-bottom .footer-menu{ position: relative; float: right; padding: 18px 0;display: none; }
.main-footer .footer-bottom .footer-menu ul { position: relative; }
.main-footer .footer-bottom .footer-menu ul li{ position: relative; display: inline-block; margin-right: 26px; }
.main-footer .footer-bottom .footer-menu ul li::before { content: ""; position: absolute; right: -13px; top: 9px; width: 2px; height: 10px; background-color: #6f6f6f; }
.main-footer .footer-bottom .footer-menu ul li:last-child::before{ display: none; }
.main-footer .footer-bottom .footer-menu ul li a{ position: relative; display: block; font-size: 14px; line-height: 30px; color: #999999; 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; }
.main-footer .footer-bottom .footer-menu ul li a:hover{ color: #ffffff; }
.footer-bottom.style-two { position: relative; background-color: #fbbc05; z-index: 1; }
.footer-bottom.style-two .footer-menu ul li::before { background-color: #222; }
.footer-bottom.style-two .footer-menu ul li a{ color: #222222; }
.footer-bottom.style-two.footer-menu ul li a:hover{ color: #ffffff; }
.sidebar-page-container{ position: relative; overflow: hidden; padding: 100px 0 41px; }
.sidebar-page-container.sidebar-page-container-child { padding: 80px 0 0; }
.sidebar-page-container .sidebar-side, .sidebar-page-container .content-side{ position: relative; margin-bottom: 50px; }
.sidebar-page-container .sidebar-side .sidebar { border: 1px solid #ebebeb; padding: 35px 30px; }
.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: 20px; }
.sidebar-page-container .sidebar-title h3{ position: relative; display: inline-block; font-size: 24px; line-height: 1.2em; color: #222222; font-weight: 600; text-transform: capitalize; }
.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:14px; color:#777777; line-height:28px; padding:15px 25px; height:60px; width:100%; border:1px solid #e1e1e1; background-color: #ffffff; border-radius: 60px; 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:#fbbc05; }
.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:18px; background:none; color:#fbbc05; font-weight:normal; border-radius: 0 30px 30px 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; }
.sidebar .search-box .form-group input[type="submit"]:hover, .sidebar .search-box .form-group button:hover{ color: #222222; }
.cat-list{ position:relative; }
.cat-list li{ position:relative; margin-left: -1px; font-family: "Open Sans", sans-serif; -webkit-transition:all 300ms ease; -moz-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; transition:all 300ms ease; }
ul.cat-list li a:before { color: #fbbc05; position: absolute; left: 0; top: 15px; height: 20px; font-size: 11px; line-height: 25px; font-weight: 900; content: "\f101"; font-family: "Font Awesome 5 Free"; }
.cat-list li a { position: relative; font-size: 15px; color: #333; line-height: 20px; font-weight: 600; padding: 15px 18px 15px 25px; display: block; border-bottom: 1px solid #ededed; -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; font-size: 16px; line-height: 20px; font-family: "Open Sans", sans-serif; }
.cat-list li.active a, .cat-list li:hover a{ color: #fbbc05; }
.cat-list li.active a span, .cat-list li:hover a span{ color: #fbbc05; }
.latest-news .post { position: relative; padding-left: 101px; margin-bottom: 20px; min-height: 90px; border-bottom: 1px solid #e7e7e7; padding-bottom: 20px; min-height: 104px; }
.latest-news .post:last-child{ border-bottom: none; }
.latest-news .post-thumb{ position: absolute; left: 0; top: 0; height: auto; width: 80px; }
.latest-news .post-thumb img{ position: relative; display: block; width: 100%;top: 3px; }
.latest-news .post h3 { position: relative; font-size: 16px; line-height: 1.5; color: #222222; font-weight: 600; margin-bottom: 10px; }
.latest-news .post h3 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 h3 a{ color: #ff8a00; }
.latest-news .post .post-info { position: relative; font-size: 14px; line-height: 17px; color: #888888; font-weight: 400; }
.sidebar .instagram-widget .images-outer{ position:relative; margin:0px -5px; }
.sidebar .instagram-widget .image-box{ position:relative; float:left; width:33.3333%; padding:0px 5px; margin-bottom:12px; }
.sidebar .instagram-widget .image-box:nth-child(3), .sidebar .instagram-widget .image-box:nth-child(6){ margin-right:0px; }
.sidebar .instagram-widget .image-box .overlay-box{ position:absolute; content:''; left:12px; top:8px; bottom:8px; right:12px; display:block; z-index:1; opacity:0; text-align:center; padding:8px; color:#ffffff; font-size:24px; line-height:44px; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; transition:all 300ms ease; background-color:#fbbc05; }
.sidebar .instagram-widget .image-box .overlay-box:before{ position:absolute; top:50%; margin-left:-12px; margin-top:-22px; display:inline-block; }
.sidebar .instagram-widget .image-box:hover .overlay-box{ opacity:0.8; }
.sidebar .instagram-widget .image-box img{ position:relative; display:block; width:100%; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; transition:all 300ms ease; }
.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: #777777; line-height: 25px; padding: 10px 30px; font-weight: 400; text-align: center; border-radius: 50px; text-transform: uppercase; 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: #fbbc05; border: 1px solid #fbbc05; color: #ffffff; }
.group-title { position: relative; margin-bottom: 40px; }
.group-title h2 { position: relative; display: block; font-size: 30px; line-height: 30px; color: #333333; font-weight: 600; padding: 0 0 30px; }
.group-title h2:before{ content: ""; position: absolute; left: 0; bottom: 0; width: 40px; height: 2px; background-color:#fbbc05; }
.group-title h2:after{ content: ""; position: absolute; left: 45px; bottom: 0; width: 10px; height: 2px; background-color:#333333; }
.comments-area{ position:relative; margin-bottom: 70px; }
.comments-area .comment-box{ position:relative; margin-bottom:56px; }
.comments-area .comment-box.reply-comment{ margin-left: 100px; }
.comments-area .comment-box.reply-comment.reply{ margin-left: 200px; }
.comments-area .comment-box:last-child{ margin-bottom: 0; }
.comments-area .comment { position: relative; min-height: 80px; padding-top: 28px; padding-left: 150px; }
.comments-area .comment-box .author-thumb{ position:absolute; left:0px; top:0px; width: 120px; height: 118px; border:1px solid #ddd; }
.comments-area .comment-box .author-thumb img{ width:100%; display:block; }
.comments-area .comment-info{ position: relative; display: block; }
.comments-area .comment-box .name { position: relative; display: inline-block; font-size: 20px; line-height: 1.2em; font-weight: 500; color: #222222; font-family: "Montserrat", sans-serif; margin-bottom: 13px; }
.comments-area .comment-box .date{ position: relative; display: inline-block; font-size: 13px; line-height: 24px; color: #fbbc05; font-weight: 600; margin-left: 25px; }
.comments-area .comment-box .text{ font-size: 14px; line-height: 28px; color:#777777; font-weight: 400; }
.comments-area .comment-box .rating{ position: relative; display: block; font-size: 14px; color:#ff8a00; line-height: 20px; }
.comments-area .comment-box .reply-btn { position: absolute; left: 20px; bottom: -17px; font-size: 14px; line-height: 25px; color: #fff; font-weight: 600; font-family: "Open Sans", sans-serif; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; padding: 8px 22px; background-color: #fbbc05; border-radius: 25px; }
.comments-area .comment-box .reply-btn:hover{ color: #fff; background-color: #222; }
.comment-form { position: relative; width: 100%; }
.comment-form form{ width: 100%; }
.comment-form .group-title{ margin-bottom: 30px; }
.comment-form .form-group{ position:relative; margin-bottom: 20px; }
.comment-form .form-group:last-child{ margin-bottom: 0; }
.comment-form .form-group input[type="text"], .comment-form .form-group input[type="email"]{ border-radius: 40px; }
.comment-form .form-group input[type="text"], .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: 14px; color: #999999; line-height: 20px; font-weight: 400; padding: 14px 22px; background-color: #ffffff; border: 1px solid #e1e1e1; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; -moz-transition: all 300ms ease; transition: all 300ms ease; border-radius: 15px; }
.comment-form .form-group textarea{ max-height: 190px; }
.comment-form .form-group input:focus, .comment-form .form-group select:focus, .comment-form .form-group textarea:focus{ border-color:#ff8a00; }
.comment-form .form-group textarea{ height: 120px; resize: none; }
.contact-page-section { position: relative; width: 100%; background-repeat: no-repeat; background-position: center; padding: 97px 0 68px; }
.contact-page-section .contact-form { position: relative; width: 100%; padding: 0 100px; }
.map-column .inner-column{ position: relative; height: 500px; width: 100%; }
.map-section { position: relative; }
.map-section .map-column { padding-right: 0; padding-left: 0; }
.map-column .map-outer{ position: absolute; height: 500px; width: 100%; background-color: #222222; }
.map-column .map-canvas{ position:absolute; height: 100%; width: 100%; }
.contact-page-info { position: relative; width: 100%; padding: 84px 0 63px; }
.contact-page-info .info-column{ position: relative; }
.contact-page-info .info-column .inner-column{ position: relative; }
.contact-page-info .info-column .contact-info{ position: relative; }
.contact-page-info .info-column .contact-info .info-box{ position: relative; font-size: 14px; line-height: 28px; color: #777777; font-weight: 400; margin-bottom: 28px; margin-left: 70px; }
.contact-page-info .info-column .contact-info .info-box a{ display: inline-block; 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; }
.contact-page-info .info-column .contact-info .info-box a:hover{ color: #fbbc05; }
.contact-page-info .info-column .contact-info .info-box i:before { font-size: 35px; color: #fbbc05; display: inline-block; margin-left: -66px; position: absolute; margin-top: 17px; }
.contact-page-info .info-column .contact-info .info-box span { font-size: 20px; font-weight: 600; line-height: 42px; color: #2f2f2f; font-family: 'Montserrat', sans-serif; }
ul.thumbs-carousel.owl-carousel.owl-theme.owl-loaded.owl-drag { display: none; }
.main-header .logo-box .logo a { display: block; line-height: 0; }
.main-header .logo-box .logo a img { height: 70px; }
.main-menu .navigation > li > ul > li > ul > li.dropdown > a:after, .main-menu .navigation > li > ul > li.dropdown > a:after{ display: none; }
.testimonial-carousel .info-box .image-box img { height: 100px; width: 100px; object-fit: cover; }
.owl-stage { display: flex; display: -webkit-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; }
.lm_1 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
.lm_2 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.lm_3 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.lm_4 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }
.service-block .inner-box .icon-box img { height: 130px; width: 130px; display: inline-block; border-radius: 100%; border: 2px solid rgb(250 187 19 / 0%); padding: 5px; }
.service-block .inner-box:hover .icon-box img { border-color: #fabb13; }
.ajax_img_loading { height: 14px; margin-left: 5px; display: none; }
.hidden-bar .appointment-form .form-group span { position: absolute; right: 0; }
.hidden-bar .appointment-form .form-group span img { top: 2px !important; right: 1px !important; }
.dv-box-child { padding: 70px 0; }
.showText, .showText p { line-height: 1.7; font-size: 16px; }
.showText p,.showText h1,.showText h3,.showText h2,.showText h4,.showText h5,.showText h6, .showText img, .showText ul, .showText iframe { margin-bottom: 12px; max-width: 100%; }
.showText img{ height: auto; padding-top: 12px;margin-bottom: 15px; }
ul.bread-crumb.clearfix i.fa.fa-home { color: #fff; margin-right: 10px; }
ul.bread-crumb span i { padding: 0 5px 0 25px; }
.overlay-box.overlay-box-new { opacity: 1 !important; visibility: visible !important; left: 0 !important; }
.overlay-box.overlay-box-new .overlay-inner { opacity: 1 !important; visibility: visible !important; left: 0 !important; }
.styled-pagination li a.active.pagination { background: #e38b00; border-color: #e38b00; color: #fff; }
li.page.db_right_pt ,li.page.db_left_pt{ display: none; }
.gallery-section.gallery-section-child { padding: 60px 0 0; }
.blog-classic.blog-classic-ds {}
.blog-classic.blog-classic-ds .news-block { margin: 0; padding: 0 0 15px; }
.blog-classic.blog-classic-ds .news-block .image-box { width: 30%; float: left; }
.blog-classic.blog-classic-ds .news-block .caption-box { width: 70%; float: left; padding: 0 0 0 25px; }
.clr { clear: both; }
.dv-box-child-detail { padding-bottom: 0; }
.sec-title-title .title-fill { font-size: 30px; }
.map-column .map-outer iframe { width: 100%; height: 100%; }
.contact-form li { width: calc(100% / 2 - 20px); float: left; margin: 0 10px 25px; position: relative; }
.contact-form li span { position: absolute; right: 0; z-index: 9; }
.contact-form li span img { height: 47px !important; border-radius: 0 100px 100px 0; }
.flex { display: flex; display: -webkit-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; }
.dv-dichvu .service-block { width: calc(100% / 3 - 30px); margin: 0 15px 35px; padding: 0; }
section.services-section.style-five.dv-box-child.style-five.dv-box-child-deltail { padding: 40px 0 0; }
div#lightgallery div { width: calc(100% / 4 - 20px); margin: 0 10px 20px; }
div#lightgallery div a { display: block; width: 100%; height: 100%; }
div#lightgallery div a img { width: 100%; height: 100%; object-fit: cover; }
div#lightgallery div a img:hover { opacity: 0.8; }
div#lightgallery { margin: 0 -10px; }
.owl-item .news-block .caption-box { position: relative; margin-top: 0px; margin-left: 0px; padding: 22px 30px 30px; background-color: #ffffff; }
.owl-item .news-block { width: calc(100% - 30px); margin: 0 15px; }
.news-box.row.news-box-slider { margin: 0 -15px; }
.contact-page-section { padding: 60px 0 30px; }
.showText h2,
.showText h3 { padding: 15px 0 0; }
.caption-box-2 ul.info i {
    margin-right: 10px;
    color: #e6aa0f;
}

.default-portfolio-item .inner-box .content-inner  ~ a {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
}

.default-portfolio-item .inner-box .content-inner ~ a span {
    padding: 0;
    margin: 0 !important;
}
.caption-box-2 ul.info {
    margin-bottom: 15px;
    margin-top: -15px;
}
@media only screen and (max-width: 1199px) { .header-style-one .main-menu .navigation > li > a { padding: 25px 6px !important; }
.about-section .content-column .inner-column { padding-top: 0 !important; }
.news-carousel.owl-theme { padding: 0; }
.about-section .image-column .image-box .image::before { display: none; }
.contact-page-info { padding: 50px 0; }
.about-section .image-column .image-box .image img { max-width: 100%; }
.big-column.col-xl-6.col-lg-12.col-md-12.col-sm-12 { margin-top: 25px; }
.main-footer .widgets-section { padding: 60px 0 30px; }
.clients-section { padding: 30px 0; }
.footer-widget.links-widget.links-widget-vew { padding-left: 0; }
}
@media only screen and (max-width: 991px) { .banner-section .slide-item { padding: 0 !important; }
.banner-carousel h1 { font-size: 40px !important; line-height: 1.3; }
.banner-section .content-box .text { font-size: 18px !important; }
.banner-section .slide-item .content-box { padding: 0 !important; }
.banner-section .auto-container { min-height: 600px; height: auto; }
.content-box { margin-top: -50px; }
.arrow-down { padding: 20px 10px; }
.arrow-down::before { left: 17px; }
.dv-alienhe a, .btn-style-one { padding: 15px 30px; line-height: 1.5; }
.outer-box.clearfix { position: absolute; top: 10px; right: 10px; }
.header-style-one .main-menu .navigation > li > a { padding: 20px 5px 15px !important; }
div#navbarSupportedContent { text-align: center; width: 100%; display: block !important; }
nav.main-menu.navbar-expand-md { width: 100%; display: block; }
.main-menu .navigation { display: inline-block !important; margin: 0 auto; }
section.about-section .content-box { margin: 0; padding: 20px 0; }
.about-section .content-column .content-box { padding: 25px 0 0 !important; }
section.services-section { padding: 30px 0; }
section.about-section { padding: 50px 0 30px; }
.fluid-section-one .content-column { padding: 30px 0 0; }
.fluid-section-one .content-column .inner-column { max-width: 100% !important; }
.fluid-section-one .content-column .inner-column::before { top: -50px !important; }
.fluid-section-one .content-column .text-column .inner-box { padding: 50px !important; }
.fluid-section-one .content-column .row { margin: 0; }
section.project-section { padding: 40px 0; }
.project-section .text-column .inner-box .more-project { margin-top: 70px; }
section.news-section { padding: 40px 0; }
div#lightgallery div { width: calc(100% / 4 - 10px); margin: 0 5px 10px; }
.footer-widget.links-widget.links-widget-vew { padding-left: 0; }
}
@media only screen and (max-width: 767px) { div#navbarSupportedContent:not(.show) { display: none !important; }
ul.navigation.clearfix ul ul { display: block !important; }
div#lightgallery div { width: calc(100% / 3 - 10px); }
.main-menu .navigation ul { display: block !important; padding-left: 25px !important; }
ul.navigation.clearfix ul, ul.navigation.clearfix ul li, ul.navigation.clearfix ul li a { background: #bc7300 !important; }
div.main-menu .navigation ul li a,div .main-menu .navbar-collapse > .navigation li > ul > li > a { padding-left: 0 !important; margin: 0 !important; border: none; }
div .main-menu .navbar-collapse > .navigation > li > ul,div .main-menu .navbar-collapse > .navigation > li > ul > li > ul, div .main-menu .navbar-collapse > .navigation > li,div .main-menu .navbar-collapse > .navigation > li > ul > li,div .main-menu .navbar-collapse > .navigation > li > ul > li > ul > li, div .main-menu .navbar-collapse > .navigation > li, .main-menu .navbar-collapse > .navigation > li > ul > li,div .main-menu .navbar-collapse > .navigation > li > ul > li > ul > li { border-top: 1px solid rgb(255 255 255 / 33%) !important; }
.main-header .outer-box { display: inline-block !important; margin-right: 45px;z-index: 9; }
.banner-carousel h1 { font-size: 30px !important; line-height: 1.5; }
.banner-section .auto-container { min-height: 500px; }
.btn-style-three { font-size: 14px; padding: 12px 25px; }
.about-section .content-column .content-box .text { margin-bottom: 30px; }
.fluid-section-one .content-column .text-column .inner-box h4 { font-size: 20px; }
.fluid-section-one .content-column .text-column .inner-box { padding: 30px !important; }
.project-section .text-column { padding: 0 !important; }
.project-section .tabs-header { position: relative !important; top: 0 !important; }
.project-section .product-tab-btns { padding-top: 20px; }
.sec-title.text-left {}
section.project-section .sec-title { margin-bottom: 20px; }
.project-section .text-column .inner-box h6 { margin-bottom: 30px; }
.testimonial-section .testimonial-column .inner-column { padding: 60px 45px !important; }
.owl-item .news-block .caption-box { padding: 20px ; }
.main-footer .footer-column { margin-bottom: 20px; }
.big-column.col-xl-6.col-lg-12.col-md-12.col-sm-12 { margin: 0; }
.main-footer .footer-widget { margin-bottom: 20px; }
.main-footer .links-widget .list-address { margin: 0; }
.main-footer .footer-bottom { padding: 15px 0; }
.main-footer .links-widget .list-address li { margin-bottom: 15px; }
.testimonial-carousel .owl-dots { width: 100px; padding: 0; top: -205px; right: -45px; height: 100px; }
.main-footer .footer-bottom .copyright-text p { line-height: 1.8; }
.clients-section { padding: 20px 0; }
.main-header .logo-box { width: auto !important; }
.page-title .bread-crumb:before { right: 0; display: none; }
.page-title .bread-crumb { border: 1px dashed #fff; padding: 0 10px; font-weight: normal;border-radius: 10px; }
.page-title h1 { font-size: 30px; line-height: 1.5; }
.page-title { padding: 70px 0 !important; }
.dv-box-child { padding: 50px 0; }
.page-title .bread-crumb li a { font-weight: normal; }
.services-section .service-block .lower-content h3 { font-size: 16px; line-height: 1.5; }
.dv-dichvu .service-block { width: calc(100% / 2 - 20px); margin: 0 10px 25px; padding: 0; }
.main-footer .gallery-widget .outer .image { width: calc(100% / 3) !important; }
.gallery-section.gallery-section-child { padding: 40px 0 0; }
.sec-title-title .title-fill { font-size: 25px; line-height: 1.4 }
.news-block .caption-box-2 { padding: 15px; }
.footer-widget.links-widget.links-widget-vew { padding-left: 0; }
}
@media only screen and (max-width: 479px) { .dv-dichvu .service-block { width: calc(100% / 1 - 20px); }
.page-title { padding: 60px 0 !important; }
.banner-carousel h1 { font-size: 20px !important; line-height: 1.5; margin-bottom: 10px !important; }
.banner-section .content-box .text { font-size: 16px !important; line-height: 1.6 !important; margin-bottom: 24px !important; }
.dv-alienhe a, .btn-style-one { padding: 12px 25px; }
.content-box { margin: 0; }
.banner-section .auto-container { min-height: 400px; }
.sec-title { margin-bottom: 25px !important; }
.about-section .content-column .content-box h5 { font-size: 20px; }
.fluid-section-one .content-column .text-column .inner-box h4 { font-size: 18px !important; line-height: 1.7 !important; margin-bottom: 20px !important; }
.testimonial-carousel .owl-dots { display: none; }
.testimonial-section .testimonial-column { margin: 40px 0 0; }
.testimonial-section .testimonial-column .inner-column { padding: 20px !important; }
.testimonial-carousel .info-box .image-box { float: left  !important; margin-right: 12px; }
.news-carousel.owl-theme.owl-loaded.owl-drag { padding: 0; }
.main-footer .footer-column { margin: 0 0 10px; }
.main-footer .footer-widget { margin: 0; }
section.news-section { padding: 40px 0 20px; }
div#lightgallery div { width: calc(100% / 2 - 10px); }
.contact-form li { width: calc(100% / 1 - 20px); float: left; margin: 0 10px 15px; position: relative; }
}