/* Theme Name: Adalia Author: Digilife team */ @import url('https://fonts.googleapis.com/css?family=Poppins:100,200,300,400,500,600,600,800,900'); :focus{outline:none} :-moz-any-link:focus{outline:none;text-decoration:none} ::-moz-focus-inner{padding:0;border:0;outline:none} ::selection{color:#fff;background:#d3a15d} ::-moz-selection{color:#fff;background:#d3a15d} html,body{width:100%;min-height:100%} body{font-family:'Poppins',sans-serif;font-size:16px;line-height:24px;font-weight:300;color:#161e29;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%} a,a:hover,a:focus{cursor:pointer;text-decoration:none!important;color:#d3a15d} strong,b{font-weight:600} img{max-width:100%;height:auto} ul,ol{padding:0;margin:0} .icons-list{list-style:none} ul li,ol li,.icons-list li{padding:5px 0;font-size:16px;line-height:24px} .icons-list i{font-size:12px;margin-right:8px;color:#444} .icons-list strong{color:#666} .dark-section .icons-list,.dark-section .icons-list i,.dark-section .icons-list strong{color:#161e29} h1,h2,h3,h4,h5,h6{font-family:'Poppins',sans-serif;color:#161e29;margin:0 0 10px;font-weight:600} h1{font-size:35px;line-height:45px} h2{font-size:30px;line-height:40px} h3{font-size:24px;line-height:30px} h4{font-size:18px;line-height:24px} h5{font-size:14px;line-height:20px} h6{font-size:12px;line-height:18px} p{font:300 16px/24px Poppins;margin:0 0 10px} p strong{font-weight:600} .light-text{color:#fff} .gray-text{color:#bbb} .uppercase{text-transform:uppercase} .contant-form-bx label{color:#444;font-size:13px;font-weight:400;margin-bottom:4px} .dark-section .contant-form-bx label{color:#ddd} input,textarea{font-size:13px;font-weight:400;margin-bottom:15px;outline:none;max-width:100%} input[type="text"],input[type="text"]:hover,input[type="text"]:focus,textarea,textarea:hover,textarea:focus{color:#444;min-width:100%;padding:6px 9px;background-color:#fff;border:1px solid #ccc} .hr.border{height:1px;background-color:#f3f2f1} .dark-section input[type="text"],.dark-section input[type="text"]:hover,.dark-section input[type="text"]:focus,.dark-section textarea,.dark-section textarea:hover,.dark-section textarea:focus{color:#444;background-color:rgba(255,255,255,.05);border-color:transparent} textarea,textarea:hover,textarea:focus{padding:8px 10px} input[type="text"]:hover,textarea:hover{border-color:#d2d2d2} .dark-section input[type="text"]:hover,.dark-section textarea:hover{border-color:transparent} input[type="text"]:focus,textarea:focus{color:#444;border-color:#d3a15d;-webkit-box-shadow:0 0 3px #d3a15d inset;-moz-box-shadow:0 0 3px #d3a15d inset;-o-box-shadow:0 0 3px #d3a15d inset;box-shadow:0 0 3px #d3a15d inset} .dark-section input[type="text"]:focus,.dark-section textarea:focus{color:#888;border-color:transparent;background-color:rgba(255,255,255,.04);-webkit-box-shadow:none;-moz-box-shadow:none;-o-box-shadow:none;box-shadow:none} input[type="submit"]{font-weight:600;overflow:hidden;position:relative;display:inline-block;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:0;color:#fff;font-size:11px;padding:6px 20px;border:none;width:100%;background-color:#d3a15d} .light-section input[type="submit"]:hover{background-color:#000} .dark-section input[type="submit"]:hover{color:#000;background-color:#fff} .parallax,.parallax-section,.parallax-bg,.parallax-full{background-position:50% 0;background-attachment:fixed!important;background-repeat:no-repeat;-webkit-background-size:cover!important;-moz-background-size:cover!important;-o-background-size:cover!important;background-size:cover!important} .section{position:relative;background-position:center center;background-repeat:no-repeat;-webkit-background-size:cover!important;-moz-background-size:cover!important;-o-background-size:cover!important;background-size:cover!important;padding:90px 0;background:#fff} .section .container,.section .container-fluid{z-index:36;position:relative} .dark-section h1,.dark-section h2,.dark-section h3,.dark-section h4,.dark-section h5,.dark-section h6{color:#fff} .dark-section,.dark-section p{color:#fff} .section-home.dark-section{background-color:#000} .section-home.one-slide{overflow:hidden;position:relative} .section-home.light-section p{color:#444} .section-home .container{z-index:36;position:relative; max-width: calc(100% - 8rem);} .home-slider-bg .owl-wrapper::before{content: "";position:absolute;top:0;left:0;width:100%;height:100%;z-index:31;background:-moz-linear-gradient(top,rgba(22,30,41,1) 0%,rgba(22,30,41,0.5) 100%);background:-webkit-linear-gradient(top,rgba(22,30,41,1) 0%,rgba(22,30,41,0.5) 100%);background:linear-gradient(to bottom,rgba(22,30,41,1) 0%,rgba(22,30,41,0.5) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#161e29',endColorstr='#cc161e29',GradientType=0)} .section-home .home-slider-bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:9} .home-slider-bg .item,.home-slider-bg .owl-wrapper-outer,.home-slider-bg .owl-wrapper,.home-slider-bg .owl-item{width:100%;height:100%} .home-slider-bg .item{-webkit-background-size:cover!important;-moz-background-size:cover!important;-o-background-size:cover!important;background-size:cover!important} .section-overlay{display: none;} /*.section-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;background:rgba(0,0,0,.5)}*/ .section-overlay-gray{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;background:rgba(245,246,247,1);background:-moz-linear-gradient(top,rgba(245,246,247,1) 0%,rgba(245,246,247,0.85) 100%);background:-webkit-gradient(left top,left bottom,color-stop(0%,rgba(245,246,247,1)),color-stop(100%,rgba(245,246,247,0.85)));background:-webkit-linear-gradient(top,rgba(245,246,247,1) 0%,rgba(245,246,247,0.85) 100%);background:-o-linear-gradient(top,rgba(245,246,247,1) 0%,rgba(245,246,247,0.85) 100%);background:-ms-linear-gradient(top,rgba(245,246,247,1) 0%,rgba(245,246,247,0.85) 100%);background:linear-gradient(to bottom,rgba(245,246,247,1) 0%,rgba(245,246,247,0.85) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f6f7',endColorstr='#f5f6f7',GradientType=0)} .section-overlay-dark{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;background:-moz-linear-gradient(top,rgba(22,30,41,0.8) 0%,rgba(22,30,41,0.8) 1%,rgba(22,30,41,1) 100%);background:-webkit-linear-gradient(top,rgba(22,30,41,0.8) 0%,rgba(22,30,41,0.8) 1%,rgba(22,30,41,1) 100%);background:linear-gradient(to bottom,rgba(22,30,41,0.8) 0%,rgba(22,30,41,0.8) 1%,rgba(22,30,41,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#cc000000',endColorstr='#000000',GradientType=0)} .light-section h1,.light-section h2,.light-section h3,.light-section h4,.light-section h5,.light-section h6{color:#000} .light-section,.light-section p{color:#000} .light-section .section-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;background:rgba(245,246,247,.9)} #container{border-bottom:1px solid #f3f2f1;padding-bottom:30px} #container .title{margin-bottom:12px} #container p{margin-bottom:14px} #container h1,#container h2,#container h3,#container h4,#container h5,#container h6{margin-bottom:8px} .page-header{position:relative;padding:230px 0 150px;margin:0;background-position:center center!important;background-repeat:no-repeat;-webkit-background-size:cover!important;-moz-background-size:cover!important;-o-background-size:cover!important;background-size:cover!important;overflow:hidden} .page-header .container{z-index:36;position:relative} .page-header h1{font-weight:400;margin-bottom:10px;letter-spacing:1px;text-transform:capitalize} .page-header h1 span{font-weight:600} .page-header p{margin-bottom:0} .header .nav-menu ul > li:hover > a::before,.header .nav-menu ul > li.active > a::before{border-bottom-color:#d3a15d!important} .header .nav-menu ul > li:hover > a,.header .nav-menu ul > li.active > a{color:#d3a15d!important} #hidden-header{background-color:#fff} #header ul{list-style:none} #header .navbar-toggle{height:100%;width:60px;background:none;position:absolute;top:0;right:0;padding:0;margin:0;border:none;border-radius:0} .header .navbar-toggle i{position:relative;top:2px;font-size:16px;color:#fff!important} .header-bg .navbar-toggle i{position:relative;top:2px;font-size:16px;color:#000!important} #header.light-header .navbar-toggle{background:none} #header.light-header .navbar-toggle i{color:#000} .header{height:62px;line-height:58px;z-index:99} #logo img{max-height:52px} /*==sub menu==*/ #header .nav-menu .menu-item-has-children a i{margin-left: 0.5rem;vertical-align: middle;} #header .menu-item-has-children:hover .sub-menu{ display: block; } @media screen and (max-width: 1080px) and (min-width: 992px){ .header .nav-menu ul > li > a { padding-left: 4px!important;padding-right: 4px!important;font-size: 12px!important; } } @media screen and (min-width: 992px){ #header .sub-menu{ position: absolute; left: 0; top: 100%; min-width: 300px; } } #header .sub-menu{ display: none; z-index: 1; border: 1px solid #afafb0; } .header.header-bg.light-header .sub-menu{background-color: #ffffff;} #header .sub-menu li:not(:last-child){border-bottom: 1px solid #afafb0;} .header-bg #logo img{max-height:46px} .header-bg #logo .light-logo{display:none} .light-header #logo .dark-logo{display:none} .header-bg #logo .dark-logo{display:block} .header #logo{float:left} .header #logo a{display:block} .header-bg .nav-menu ul > li > a{color:#222!important} .header .nav-menu{line-height:62px;float:right} .header .nav-menu li{line-height:normal;padding:0} .header .nav-menu > ul > li{display:inline-block;position:relative;display:-webkit-inline-flex!important;display:inline-flex!important;align-items: center;justify-content: center;line-height:30px;} .header{position:absolute;top:25px;width:100%;background-color:transparent} .header.header-bg{position:fixed;top:0;-webkit-animation-duration:.4s;-moz-animation-duration:.4s;-o-animation-duration:.4s;animation-duration:.4s;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:headerFadeIn;-moz-animation-name:headerFadeIn;-o-animation-name:headerFadeIn;animation-name:headerFadeIn} .header.light-header .nav-menu ul > li > .quote{padding:8px 20px;color:#fff;border-radius:25px;background:#d3a15d;line-height:14px;margin:0 0 0 10px;border:none;font-size:13px;font-weight:500;text-transform:uppercase;letter-spacing:.5px;overflow:hidden!important;position:relative} .header.light-header .nav-menu ul > li > .quote:after{content:"";height:220%;width:35%;position:absolute;z-index:1;right:0;top:10%;margin:-5px 0 0 -5px;-webkit-transform-origin:0 0;-webkit-transform:rotate(-20deg);-moz-transform-origin:0 0;-moz-transform:rotate(-20deg);-ms-transform-origin:0 0;-ms-transform:rotate(-20deg);transform-origin:0 0;transform:rotate(-20deg);background:rgba(255,255,255,0.15);transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out;} .header.light-header .nav-menu ul > li > .quote:hover:after{width:50%;background:rgba(255,255,255,0.2)} .header.light-header .nav-menu ul > li > .quote:before{display:none} .header.light-header .nav-menu ul > li > .quote i{margin-right:5px;display:inline-block;position:relative;top:1px} .header.light-header .nav-menu ul > li > .quote:hover,.header-bg.light-header .nav-menu ul > li > button.quote:hover{color:#fff!important} @-webkit-keyframes headerFadeIn { 0%{top:-60px;opacity:0;-webkit-animation-timing-function:ease-out} 100%{top:0;opacity:1;-webkit-animation-timing-function:ease-in} } @-moz-keyframes headerFadeIn { 0%{top:-60px;opacity:0;-moz-animation-timing-function:ease-out} 100%{top:0;opacity:1;-moz-animation-timing-function:ease-in} } @-o-keyframes headerFadeIn { 0%{top:-60px;opacity:0;-o-animation-timing-function:ease-out} 100%{top:0;opacity:1;-o-animation-timing-function:ease-in} } @keyframes headerFadeIn { 0%{top:-60px;opacity:0;animation-timing-function:ease-out} 100%{top:0;opacity:1;animation-timing-function:ease-in} } .header.header-bg.light-header{background-color:#fff;box-shadow:0 1px 1px rgba(0,0,0,0.1)} .header .nav-menu ul > li > a{outline:0;text-transform:uppercase;position:relative;display:block;font-size:13px;font-weight:500;padding:15px 8px;letter-spacing:1px} .header .nav-menu > ul > li > a::before{position:absolute;top:100%;left:12px;width:0;margin-top:-10px;border-bottom:1px solid transparent;content:''} .header .nav-menu ul > li:hover > a::before,.header .nav-menu ul > li.active > a::before{width:20px;margin-left:0} .header.light-header .nav-menu ul > li > a{color:#fff} .header.light-header .nav-menu ul > li.active > a::before{border-bottom-color:#fff} .header-bg .nav-menu ul > li.active > a::before{border-bottom-color:#d3a15d!important} .header-bg .nav-menu ul > li.active > a{color:#d3a15d!important} .header.light-header .nav-menu ul > li.active > a.quote{color:#ffffff!important;} .scroll-down-icon{position:absolute;bottom:-36px;left:calc(50% - 36px);z-index:0;font-size:14px;width:72px;height:72px;line-height:48px;text-align:center;color:#fff;z-index:37;color:#fff;outline:none} .scroll-down-icon:hover{color:#fff;background:#62269e} .scroll-down-icon:focus{color:#fff} .scroll-down-icon i{position:relative;top:-10px} .scroll-down-icon:hover i{top:0} .btn-sys, .btn-custom a{font-weight:400;overflow:hidden;position:relative;display:inline-block;text-transform:uppercase;margin-right:8px;margin-bottom:15px;letter-spacing:1.5px} .btn-sys i{position:relative;top:1px} .btn-sys.btn-crv{border-radius:25px} .btn-sys.btn-mini{font-size:11px;padding:4px 17px} .btn-sys.btn-mini i{font-size:12px} .btn-sys.btn-mini.btn-border{padding:3px 18px} .btn-sys.btn-small{font-size:11px;padding:6px 20px} .btn-sys.btn-small i{font-size:12px} .btn-sys.btn-small.btn-border{padding:5px 20px} .btn-sys.btn-medium{font-size:13px;padding:8px 22px} .btn-sys.btn-medium.btn-border{padding:7px 22px} .btn-sys.btn-medium i{font-size:14px} .btn-sys.btn-large{font-size:13px;padding:10px 26px} .btn-sys.btn-large.btn-border{padding:9px 26px} .btn-sys.btn-large i{font-size:14px;margin-left:5px;position:relative;top:1px} .btn-sys.btn-border{border:1px solid;background-color:transparent} .btn-light{color:#000;background-color:#fff} .btn-light:hover{color:#000} .btn-border.btn-light:after{content:"";height:200%;width:35%;position:absolute;z-index:1;right:0;top:0;margin:-5px 0 0 -5px;-webkit-transform-origin:0 0;-webkit-transform:rotate(-20deg);-moz-transform-origin:0 0;-moz-transform:rotate(-20deg);-ms-transform-origin:0 0;-ms-transform:rotate(-20deg);transform-origin:0 0;transform:rotate(-20deg);background:rgba(255,255,255,0.05)} .btn-border.btn-light{color:#fff;border-color:#fff} .btn-border.btn-light:hover{color:#000;background-color:#fff} .btn-border.btn-light:hover:after{right:0} .btn-color{color:#fff} .btn-color:hover{color:#fff} .btn-color:focus{color:#fff} .btn-color:after, .btn-custom a::after{content:"";height:220%;width:35%;position:absolute;z-index:1;right:0;top:10%;margin:-5px 0 0 -5px;-webkit-transform-origin:0 0;-webkit-transform:rotate(-20deg);-moz-transform-origin:0 0;-moz-transform:rotate(-20deg);-ms-transform-origin:0 0;-ms-transform:rotate(-20deg);transform-origin:0 0;transform:rotate(-20deg);background:rgba(255,255,255,0.15)} .btn-color:hover:after, .btn-custom a:hover::after{width:50%;background:rgba(255,255,255,0.2)} .btn-border.btn-color:hover{color:#fff} .btn-border.btn-color:hover:after{right:0} .btn-sys.btn-border.btn-color{border-color:#d3a15d;background:none} .btn-color{background:#d3a15d} .btn-border.btn-color{color:#d3a15d;border-color:#d3a15d} .btn-border.btn-color:hover{background:#d3a15d} ul.nav-tabs{list-style:none;border-bottom:1px solid #e1e2e3} ul.nav-tabs li{padding:0;display:inline-block;float:inherit} ul.nav-tabs li a{display:block;font-size:14px;letter-spacing:0;font-weight:600;text-transform:uppercase;padding:0 0 15px;border:0!important;color:#333;background-color:transparent!important;margin-right:30px} ul.nav-tabs li a:hover{color:#000} ul.nav-tabs li.active a{border-bottom:1px solid!important} ul.nav-tabs li a i{font-size:12px} ul.nav-tabs li.active a{border-bottom-color:#d3a15d!important} ul.nav-tabs li.active a,ul.nav-tabs li.active a:hover{color:#d3a15d} .container-portfolio{z-index:36;position:relative;width:1200px;margin:0 auto;padding:0} .portfolio-filters{text-align:center;padding:0 0 30px} .portfolio-filters a{display:inline-block;color:#161e29;font-size:14px;letter-spacing:1px;text-transform:uppercase;font-weight:600;padding:0;line-height:22px} .portfolio-filters a:after{content:"/";color:rgba(0,0,0,.225);margin:0 15px;font-weight:200;font-size:10px} .portfolio-filters a:last-child:after{display:none} .portfolio-filters a:hover,.portfolio-filters a.active{color:#d3a15d} #portfolio-grid{width:100%;margin:0 auto;padding:0} #portfolio-grid .portolio-item{overflow:hidden;position:relative;margin:-.5px;width:20%!important} #portfolio-grid .portolio-item:hover .portfolio-img img{-webkit-transform:scale(1.1);transform:scale(1.1);-webkit-filter:grayscale(100%);filter:grayscale(100%)} #portfolio-grid .portolio-item .portfolio-overlay{position:absolute;top:0;left:0;width:100%;height:100%} #portfolio-grid .portolio-item:hover .portfolio-overlay{background:#161e29;opacity:.8} #portfolio-grid .portolio-item .portfolio-details{position:absolute;top:50%;left:0;width:100%;margin-top:-15px;text-align:center;opacity:0;filter:Alpha(Opacity=0)} #portfolio-grid .portolio-item .portfolio-details h4{position:relative;right:-22px;color:#d3a15d;opacity:0;filter:Alpha(Opacity=0);line-height:24px;letter-spacing:0;font-size:18px;margin-bottom:0} #portfolio-grid .portolio-item:hover .portfolio-details h4{right:0;opacity:1;filter:Alpha(Opacity=1)} #portfolio-grid .portolio-item .portfolio-details h5{position:relative;left:-15px;font-size:11px;color:#fff;opacity:0;filter:Alpha(Opacity=0);letter-spacing:1px;display:block;text-transform:uppercase;font-weight:300} #portfolio-grid .portolio-item:hover .portfolio-details h5{left:0;opacity:1;filter:Alpha(Opacity=1)} #portfolio-grid .portolio-item:hover .portfolio-details{opacity:1;filter:Alpha(Opacity=1)} #portfolio-grid .portolio-item .portfolio-details a{outline:none;display:inline-block;position:relative;left:-15px;width:40px;height:40px;color:#fff;line-height:40px;text-align:center;margin:15px auto 0;display:block;font-size:14px;background:none;border:1px solid rgba(255,255,255,.25)} #portfolio-grid .portolio-item:hover .portfolio-details a{left:0} #portfolio-grid .portolio-item .portfolio-details a:hover{border-color:#d3a15d;background:#d3a15d} #footer{padding:90px 0;text-align:center;overflow:hidden;background:#161e29} #goTop{display:block;position:absolute;bottom:-36px;left:50%;width:72px;height:72px;line-height:48px;font-size:14px;color:rgba(255,255,255,.5);border-radius:50% 50% 0 0;margin-left:-32px;background-color:transparent;z-index:50} #goTop:hover{color:#FFF!important;background:#d3a15d} #goTop:focus{color:#FFF} #goTop i{position:relative;top:-10px} #goTop:hover i{top:0} #footer .logo-img img{max-height:150px;margin-bottom:20px} #footer .copyright p{font-size:13px;letter-spacing:1px;margin-bottom:2px;text-transform:uppercase;color:rgba(255,255,255,.66);line-height:20px;margin-bottom:10px} #footer .copyright p a{color:#fff;margin:0} #footer .copyright p a:after{content:"|";margin:0 10px 0 15px;color:rgba(255,255,255,.1)} #footer .copyright p a:last-child:after{display:none} #footer .copyright p a:hover{color:#d3a15d} #footer .social-icons ul{list-style:none;margin:0 0 20px} #footer .social-icons ul li{display:inline-block} #footer .social-icons ul li a{font-size:16px;display:block;margin:0 3px;width:42px;line-height:42px;height:42px;border:1px solid rgba(255,255,255,.1);color:#fff} #footer .social-icons ul li a:hover{color:#fff!important;background:#d3a15d} #footer .social-icons ul li a:hover i{transform:rotate(360deg);-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);-moz-transform:rotate(360deg)} #footer.light-section .social-icons ul li a:hover,#footer.dark-section .social-icons ul li a:hover{color:#d3a15d} .page-loader{display:block;width:100%;height:100%;position:fixed;top:0;left:0;background:#161e29;z-index:1000;text-align:center} .page-loader img{position:relative;top:calc(50% - 25px);margin:0 auto;left:0;right:0;display:block;width:50px;height:50px;text-align:center} .loader{width:110px;height:110px;position:absolute;top:calc(50% - 55px);left:0;right:0;text-align:center;margin:0 auto;border-top:3px solid #161e29;border-right:3px solid #161e29;border-bottom:3px solid #161e29;border-left:3px solid #d3a15d;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;-webkit-animation:spinner 700ms infinite linear;-moz-animation:spinner 700ms infinite linear;-ms-animation:spinner 700ms infinite linear;-o-animation:spinner 700ms infinite linear;animation:spinner 700ms infinite linear;z-index:1000} @-webkit-keyframes spinner { 0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)} 100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)} } @-moz-keyframes spinner { 0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)} 100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)} } @-o-keyframes spinner { 0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)} 100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)} } @keyframes spinner { 0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)} 100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)} } .section-home p{color:#fff;font-size:17px;line-height:25px} .section-home img{margin-bottom:20px;max-height:100px} .section-home h1{text-transform:uppercase;font-size:35px;font-weight:300;line-height:45px;color:#fff;letter-spacing:0;text-transform:capitalize} .section-home .btn-sys{margin:20px 0 0} .header-title{margin-bottom:50px;text-align:center} .header-title h1{margin-bottom:5px;text-transform:capitalize;font-weight:200} .header-title h1 span{color:#d3a15d;font-weight:600} .header-title p{margin-bottom:0} .header-title-cta{margin-bottom:0;text-align:center} .header-title-cta h1{margin-bottom:5px;text-transform:capitalize;font-weight:200} .header-title-cta h1 span{color:#d3a15d;font-weight:600} .header-title-cta p{margin-bottom:0} .header-title-cta .btn-sys{margin:30px 0 0} .header-title-cta .btn-sys i{position:relative;top:1px;margin-right:5px} .center-col{float:none!important;margin-left:auto!important;margin-right:auto!important} .mt60{margin-top:60px} .mt50{margin-top:50px} .mt40{margin-top:40px} .mt30{margin-top:30px} .mt20{margin-top:20px} .mt10{margin-top:10px} .mb0{margin-bottom:0!important} .container-fluid{margin-left:auto;margin-right:auto;padding-left:15px;padding-right:15px;overflow:hidden} .mfp-bg{background:#161e29!important;opacity:.85!important} .mfp-close{margin:0!important} .mfp-close:hover{color:#fff!important;background:#d3a15d!important} .sign{position:absolute;left:0;right:0;margin:0 auto;top:-46px;display:block;line-height:92px;text-align:center;width:92px;height:92px;z-index:50;background:#fff;-webkit-box-shadow:0 5px 5px 0 rgba(0,0,0,0.15);box-shadow:0 5px 5px 0 rgba(0,0,0,0.15);-moz-box-shadow:0 5px 5px 0 rgba(0,0,0,0.15)} .sign i{font-size:40px;line-height:92px;color:#d3a15d} .sign2{position:absolute;left:0;right:0;margin:0 auto;top:-46px;display:block;line-height:92px;text-align:center;width:92px;height:92px;z-index:50;background:#fff;-webkit-box-shadow:0 -5px 5px 0 rgba(0,0,0,0.10);box-shadow:0 -5px 5px 0 rgba(0,0,0,0.10);-moz-box-shadow:0 -5px 5px 0 rgba(0,0,0,0.10)} .sign2 i{font-size:40px;line-height:92px;color:#d3a15d} #careers-form .btn-sys{margin:10px 3px 0} .btn-shadow{border:none!important;background:#fff;-webkit-box-shadow:0 0 15px 10px rgba(0,0,0,0.15);box-shadow:0 0 15px 0 rgba(0,0,0,0.15);-moz-box-shadow:0 0 15px 0 rgba(0,0,0,0.15)} .btn-shadow:hover{-webkit-box-shadow:none;box-shadow:none;-moz-box-shadow:none} .blog{margin:0 0 30px} .blog .blog-img{background:#161e29;overflow:hidden;position:relative} .blog .blog-img img{opacity:1} .blog:hover .blog-img img{opacity:.25;-webkit-transform:scale(1.1,1.1);transform:scale(1.1,1.1);-webkit-filter:grayscale(100);filter:grayscale(100%)} .blog .blog-info{padding:20px 20px 45px;position:relative} .blog .blog-info:hover{background:#fff} .blog .blog-info h3{font-size:17px;line-height:24px;min-height:48px} .blog:hover .blog-info h3{color:#d3a15d} .blog .blog-info span{position:absolute;bottom:20px;font-size:14px;line-height:15px;color:#ccc;transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease} .blog .blog-info:hover span{color:#d3a15d} .blog .blog-info span.date{opacity:1;left:20px;color:#ccc} .blog .blog-info span.more{opacity:0;left:60px} .blog .blog-info:hover span.date{opacity:0;left:-20px} .blog .blog-info:hover span.more{opacity:1;left:20px} .blog .blog-info span i{font-size:12px;position:relative;top:1px} .blog .blog-img i{width:52px;height:52px;line-height:52px;display:block;position:absolute;margin:0 auto;right:0;left:0;background:#fff;border-radius:50%;top:0;text-align:center;font-size:16px;transition:all .4s ease;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;color:#1e3b67;z-index:100;-webkit-box-shadow:0 0 15px 10px rgba(0,0,0,0.5);box-shadow:0 0 15px 0 rgba(0,0,0,0.5);opacity:0;color:#fff} .blog:hover .blog-img i{top:calc(50% - 26px);background:#d3a15d;transform:rotate(360deg);-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);-moz-transform:rotate(360deg);opacity:1} .pagination{clear:both;display:block} .pagination a,.pagination span{font-size:16px;width:48px;height:48px;line-height:48px;text-align:center;font-weight:400;margin:0 3px;text-align:center;display:inline-block;background:#fff;color:#161e29;vertical-align:top} .pagination span.inactive{color:#ccc;background:#fff} .pagination span{color:#fff} .pagination span i{font-size:16px;line-height:48px} .pagination a:hover{background:#d3a15d;color:#fff!important;-webkit-box-shadow:none;box-shadow:none} .pagination a i{font-size:16px;line-height:48px} .map-section{padding:0;position:relative;width:100%;background:#d3a15d;margin-bottom:-15px} .map-section .map-icon{position:absolute;left:0;right:0;margin:0 auto;display:block;color:#fff;top:calc(50% - 24px);transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-webkit-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;text-align:center;z-index:50} .map-section:hover .map-icon{opacity:0} .map-section iframe{width:100%;height:200px;-webkit-filter:grayscale(100%);filter:grayscale(100%);opacity:.1;transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-webkit-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;padding:0;margin:0} .map-section:hover iframe{z-index:50!important;width:100%;-webkit-filter:grayscale(0%);filter:grayscale(0%);opacity:1;height:400px} .map-section .map-icon i{display:block;font-size:48px;color:#fff;margin:0 auto} .rotateimg{margin-bottom:0;width:48px;height:48px;position:relative;-webkit-animation-name:spin;-webkit-animation-duration:4000ms;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:linear;-moz-animation-name:spin;-moz-animation-duration:4000ms;-moz-animation-iteration-count:infinite;-moz-animation-timing-function:linear;-ms-animation-name:spin;-ms-animation-duration:4000ms;-ms-animation-iteration-count:infinite;-ms-animation-timing-function:linear;animation-name:spin;animation-duration:4000ms;animation-iteration-count:infinite;animation-timing-function:linear} @-moz-keyframes spin { 100%{-moz-transform:rotate(360deg)} } @-webkit-keyframes spin { 100%{-webkit-transform:rotate(360deg)} } @keyframes spin { 100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)} } .address{padding:0 5px;text-align:center;margin-bottom:20px} .address h4{margin-bottom:10px;font-size:16px;text-transform:uppercase;transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-webkit-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out} .address:hover h4{color:#d3a15d} .address:hover{color:#d3a15d} .address:hover p b{color:#d3a15d} .address .address-img{text-align:center;width:92px;height:92px;line-height:92px;display:block;margin:0 auto 15px;border-radius:50%;transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-webkit-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;position:relative} .address:hover .address-img{-webkit-box-shadow:none;box-shadow:none;background:#d3a15d} .address .address-img i{font-size:40px;line-height:92px;transition-duration:.4s;transition-property:transform;display:block;color:#d3a15d;} .address:hover .address-img i{color:#fff;transform:rotate(360deg);-webkit-transform:rotate(360deg)} .page-section-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:31;background:-moz-linear-gradient(top,rgba(22,30,41,1) 0%,rgba(22,30,41,0.5) 100%);background:-webkit-linear-gradient(top,rgba(22,30,41,1) 0%,rgba(22,30,41,0.5) 100%);background:linear-gradient(to bottom,rgba(22,30,41,1) 0%,rgba(22,30,41,0.5) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#161e29',endColorstr='#80161e29',GradientType=0)} .masonry-layout .post{width:33.33333%!important;transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-webkit-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;position:relative;margin:0 -2px;padding:0 15px; float: left;} .post-head h3{font-weight:300;line-height:38px;font-size:30px;letter-spacing:0} .post-meta{list-style:none} .post-meta li{display:inline-block;font-size:15px;padding:0;margin:0;color:#ccc} .post-meta li span{color:#000} .post-meta li a{color:#d3a15d} .post-meta li:after{content:"/";margin:0 8px 0 10px;color:#eee;font-size:10px;position:relative;top:-1px} .post-meta li:last-child:after{display:none} .post .gallery-slider{margin-bottom:30px;text-align:center} .widget{margin-bottom:40px} .widget .widget-heading h4{font-size:16px;line-height:24px;font-weight:600;margin-bottom:10px;text-transform:uppercase;border-bottom:1px solid #eee;padding-bottom:10px} .widget .widget-heading h4 span{padding-bottom:11px;border-bottom:1px solid #d3a15d} .widget .widget-heading h3{margin-bottom:12px;padding-bottom:6px;border-bottom:1px solid #eee;font-weight:600} .widget .widget-heading h3 span{padding-bottom:6px;border-bottom:1px solid #d3a15d} .widget-categories ul,.widget-recent-posts ul{list-style:none} .widget-categories ul li{font-size:15px;padding:5px 0 5px 20px;position:relative} .widget-categories ul li:before{content:"\e724";font-family:'themify';color:#d3a15d;position:absolute;top:6px;left:0;font-size:12px} .widget-categories ul li a{color:#4e5a62} .widget-categories ul li a:hover{color:#d3a15d} .widget-recent-posts ul li{font-size:16px;line-height:22px;padding:10px 0;border-bottom:1px solid #f4f4f4} .widget-recent-posts ul li:last-child{border-bottom:none} .widget-recent-posts ul li span{font-size:11px;display:block;color:#aaa} .widget-recent-posts ul li a{color:#4e5a62} .widget-recent-posts ul li a:hover{color:#d3a15d} .widget-tags a{display:inline-block;border-radius:2px;font-size:13px;color:#999;padding:3px 10px;margin:0 2px 6px 0;text-transform:capitalize} .widget-tags a:hover{color:#fff!important} .core-ul{width:100%;list-style:none;text-align:center} .core-ul li{display:inline-block;width:33%;margin:-2px;padding:0;vertical-align:top} .member-box{margin:15px} .member-box .member-pic{position:relative;margin:0 10%;/*overflow:hidden;*/text-align:center;-webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;-ms-border-radius:50%;border-radius:50%;background:none;transition:all .5s ease-out;-moz-transition:all .5s ease-out;-webkit-transition:all .5s ease-out;-o-transition:all .5s ease-out} .member-box:hover .member-pic{background:#161e29; -webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;} .member-box .member-pic img{-webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;-ms-border-radius:50%;border-radius:50%;transition:all .5s ease-out;-moz-transition:all .5s ease-out;-webkit-transition:all .5s ease-out;-o-transition:all .5s ease-out} .member-box:hover .member-pic img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);transform:scale(1.1);opacity:.33;-webkit-filter:grayscale(100%);filter:grayscale(100%)} .member-box .member-details{text-align:center;padding:20px} .member-box .member-details h4{color:#000;text-transform:capitalize;font-size:20px;line-height:28px;margin:0} .member-box .member-details .member-position{color:#444;display:block;font-size:14px;line-height:20px;min-height:40px;transition:all .5s ease-out;-moz-transition:all .5s ease-out;-webkit-transition:all .5s ease-out;-o-transition:all .5s ease-out;margin:0} .member-box .member-pic .member-links{margin:0 auto;position:absolute;left:0;right:0;top:calc(50% - 20px);opacity:0;transition:all .5s ease-out;-moz-transition:all .5s ease-out;-webkit-transition:all .5s ease-out;-o-transition:all .5s ease-out} .member-box:hover .member-pic .member-links{opacity:1} .member-box .member-pic .member-links a{outline:none;display:inline-block;margin:0;padding:0} .member-box .member-pic .member-links a i{width:42px;height:42px;color:#fff;line-height:42px;border-radius:50%;text-align:center;margin:0;display:block;font-size:15px;background:#d3a15d} .member-box .member-pic .member-links a:hover i{color:#fff!important;border-color:transparent;background:#d3a15d} .legal ul{list-style:none;margin-bottom:10px} .legal ul li{padding:0 0 5px 25px;position:relative} .legal ul li:before{content:"\e64d";font-family:'themify';color:#d3a15d;position:absolute;top:0;left:0;font-size:14px} .service{transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-webkit-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;position:relative} .service .service-img{overflow:hidden!important;position:relative;background:#000} .service:hover .service-img{border-radius:0;margin:0} .service .service-img img{transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-webkit-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;opacity:.8} .service:hover .service-img img{transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-webkit-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transform:scale(1.2,1.2);-webkit-transform:scale(1.2,1.2);transform:scale(1.2,1.2);opacity:1} .service .service-img .service-img-text{position:absolute;top:50%;left:50%;width:65%;-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);transform:translate(-50%, -50%);margin:0 auto;color:#fff;transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-webkit-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;} .service .service-icon{max-width: 100%; height: auto;margin-bottom: 1rem;} .service .service-img .service-img-text h2, .service .service-img .service-img-text h4{color: #ffffff;text-shadow: none;} .font-weight-normal{font-weight:400;} .font-weight-bold{font-weight:bold;} .service:hover .service-img .title{opacity:0;top:-10%} .service .service-img i{position:absolute;bottom:25px;left:0;right:0;margin:0 auto;color:#fff;text-transform:uppercase;font-size:16px;transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-webkit-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;display:block} .service:hover .service-img i{opacity:0;bottom:-10%} .service .service-img .mob{display:none} .service .service-text .service-icon{max-width: 4rem;display: block;margin: 0rem auto 2rem;} .w-100{width:100%;} .service .service-text{-webkit-display: flex;display: flex;justify-content: center;align-items: center;position:absolute;top:50px;bottom:0;left:0;opacity:0;right:0;padding:30px 14px;transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-webkit-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;margin:1.5rem;background:rgba(0, 0, 0, 0.6);} .service .service-text p{color:rgba(255,255,255,.8);font-size:15px;line-height:20px;margin:0} .service .service-text .btn-sys{margin:15px 0 0; padding: 10px 20px;} .service .service-text h4{color:#FFF;font-size:20px} .service:hover .service-img-text{opacity: 0;} .service:hover .service-text{opacity:1;top:0} .service .service-text .panel{background:none!important;-webkit-box-shadow:none!important;box-shadow:none!important;-moz-box-shadow:none!important;margin-bottom:10px} .service .service-text .collapse-group .panel-collapse .collapse-body{padding:5px 0 0} .service .service-text .collapse-group .collapse-heading h4 a:hover,.collapse-group .collapse-heading h4 a{color:#d3a15d} .service .service-text .collapse-group .collapse-heading h4 a:hover .toggle-icon,.collapse-group .collapse-heading h4 a .toggle-icon{background-color:#d3a15d} .service .service-text .collapse-group .panel{padding:0 0 10px;border-bottom:0;border-radius:0;-webkit-box-shadow:none;box-shadow:none;background:none;margin:0} .service .service-text .collapse-group .collapse-heading h4{font-size:16px;margin-bottom:0!important;text-transform:none;letter-spacing:0} .service .service-text .collapse-group .collapse-heading h4 a{display:block} .service .service-text .collapse-group .collapse-heading h4 a.collapsed{color:#fff!important} .service .service-text .collapse-group .collapse-heading h4 a.collapsed:hover{color:#30343b} .service .service-text .collapse-group .collapse-heading h4 a .toggle-icon{display:inline-block;position:relative;text-align:center;margin-left:0;color:#fff;top:7px;font-size:12px;background:none!important;float:right;right:0;opacity:1} .service .service-text .collapse-group .collapse-heading h4 a .toggle-icon i{display:block;ltransform:rotate(45deg);-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);color:#fff} .service .service-text .collapse-group .collapse-heading h4 a.collapsed .toggle-icon i{transform:rotate(0);-ms-transform:rotate(0);-webkit-transform:rotate(0);color:#bbb} .service .service-text .collapse-group .collapse-heading h4 a.collapsed:hover .toggle-icon{background-color:none} .service .service-text ul, .we_do_inner ul{list-style:none} .service .service-text ul li{padding:0 0 2px 22px;font-size:15px;position:relative;line-height:22px;color:rgba(255,255,255,.8);margin-bottom: 1.5rem;} .service .service-text ul li:before{content:""; width: 5px;height:5px;margin-right: 5px;display: inline-block;vertical-align: middle;-weblit-border-radius:50%;border-radius:50%;background:#ffffff;} .we_do_inner ul li::before{content:"\e64d";font-family:'themify';color:#d3a15d;position:absolute;top:0;left:0;font-size:14px} /*.d-flex{display: flex;flex-wrap: wrap;justify-content: space-between;} @media screen and (min-width:992px){#services .d-flex [class^='col']{max-width: 28%;}} @media screen and (max-width:991px){#services .d-flex [class^='col']{margin-bottom: 24px;}} .top-icon{width: 140px; height: 100px;position:absolute; top: -24px; left: -24px; background: red;} .we_do_inner{display: flex;flex-direction: column;justify-content: space-between;height: 100%;background: #ffffff;padding: 2rem 1.5rem; box-shadow: 0px 0px 16px rgba(200, 200, 200, 0.5);border-radius: 16px;} .we_do_inner h2{font-size: 30px;font-weight: 400;} .we_do_inner ul li{position: relative;} .we_do_inner .divider{border-top: 0.5rem solid #d3a15d;margin-top:0px;} .we_do_inner h4{font-weight: bold; color: #000000;} .img-wrap{width: 120px; height: 120px; display: inline-flex;display: -webkit-inline-flex;align-items: center; justify-content: center; margin: 1rem auto 0rem;box-shadow: 0px 0px 16px rgba(200, 200, 200, 0.5);-webkit-border-radius: 50%;-moz-border-radius: 50%;-o-border-radius: 50%;border-radius: 50%; -webkit-transition: all 0.6s linear;-moz-transition: all 0.6s linear;-o-transition: all 0.6s linear;-webkit-transition: all 0.6s linear;} .img-wrap img{max-width: 50%; height: auto; -webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear;-o-transition: all 0.3s linear;-webkit-transition: all 0.3s linear;} .we_do_inner:hover .img-wrap{background-color: #d3a15d;} .we_do_inner:hover .img-wrap img{-webkit-filter: brightness(4000%);filter: brightness(4000%);transform: rotate(360deg); -webkit-transform: rotate(360deg);}*/ .values ul.nav-tabs{width:100%;text-align:center;margin-bottom:50px;border-bottom:none} .values .nav-tabs > li{float:none;width:25%;position:relative;margin:0 -2px;padding:0;display:inline-block} .values ul.nav-tabs li a{margin:0;line-height:13px;color:#575757;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:1px;outline:none} .values ul.nav-tabs li a:hover,.values ul.nav-tabs li a:focus{color:#d3a15d} .values ul.nav-tabs li.active a{border-bottom:none!important;color:#d3a15d;opacity:1} .values ul.nav-tabs li a:hover{color:#4d4d4f} .values ul.nav-tabs li a:focus{color:#d3a15d} .values ul.nav-tabs li a .tab-img{width:92px;height:92px;line-height:92px;display:block;text-align:center;margin:0 auto 15px;} .values ul.nav-tabs li.active a .tab-img{background:#fff;-webkit-box-shadow:none;box-shadow:none} .values ul.nav-tabs li.active a .tab-img,.values ul.nav-tabs li a:hover .tab-img,.values ul.nav-tabs li a:focus .tab-img{-webkit-box-shadow:none;box-shadow:none;background:#d3a15d} .values ul.nav-tabs li a:hover .tab-img{-webkit-box-shadow:none;box-shadow:none} .values ul.nav-tabs li a:focus .tab-img{-webkit-box-shadow:none;box-shadow:none} .values ul.nav-tabs li a .tab-img i {line-height:92px;font-size:40px;color:#d3a15d;transition-duration:.4s;transition-property:transform;display:block;} .values ul.nav-tabs li.active a .tab-img i,.values ul.nav-tabs li a:hover .tab-img i,.values ul.nav-tabs li a:focus .tab-img i {color:#fff;transform:rotate(360deg);-webkit-transform:rotate(360deg)} .values .nav-tabs > li.active:before{content:"\e64b";font-family:'themify';position:absolute;bottom:-30px;font-size:10px;left:0;right:0;margin:auto;color:#d3a15d;width:26px;height:26px;line-height:26px;display:block} .values .tab-content{padding:0;width:90%;margin:0 auto} .values .tab-pane{padding:0;transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;position:relative} .approach-ul{width:100%;list-style:none;text-align:center} .approach-ul li{display:inline-block;width:25%;margin:-2px;padding:0;vertical-align:top} .approach{padding:25px 15px;position:relative;overflow:hidden;text-align:center;display:block;margin:0 auto;margin:15px;background:none} .approach:hover{border-radius:5px;background:#161e29} .approach .approach-img{width:110px;height:110px;line-height:110px;display:block;text-align:center;margin:0 auto 10px;background:#161e29;border-radius:50%;position:relative;top:0} .approach:hover .approach-img{background:#fff;width:90px;height:90px;line-height:90px;top:10px;margin:0 auto 30px} .approach .approach-img i{font-size:42px;line-height:110px;color:#d3a15d} .approach:hover .approach-img i{font-size:36px;line-height:90px;} .approach h4{font-size:16px;line-height:24px} .approach:hover h4{color:#d3a15d} .approach p{font-size:15px;line-height:20px;margin:0} .approach:hover p{color:#fff} .popup-form{margin:0 5%;padding:0;position:relative;border-radius:5px;overflow:hidden;-webkit-box-shadow:0 0 30px 0 rgba(0,0,0,0.66);box-shadow:0 0 30px 0 rgba(0,0,0,0.66);position:relative;border-radius:5px;overflow:hidden;-webkit-box-shadow:0 0 30px 0 rgba(0,0,0,0.66);box-shadow:0 0 30px 0 rgba(0,0,0,0.66);-moz-box-shadow:0 0 30px 0 rgba(0,0,0,0.66);background: #000000!important;background-position:50% 0;background-repeat:no-repeat;-webkit-background-size:cover!important;-moz-background-size:cover!important;-o-background-size:cover!important;background-size:cover!important;background-color:#f5f6f7} .popup-form .row{margin:0;max-width: 1200px;margin-left: auto;margin-right: auto;display: -webkit-flex; display: flex;flex-wrap:wrap;} .popup-form div[class*='col-md-']{padding:0;display: -webkit-flex; display: flex;flex-wrap:wrap;} .popup-form .popup-img{width: 100%;} .popup-form .popup-img img{width:100%; height:auto;} .popup-form .mfp-close{color:#fff!important;background:rgba(0,0,0,.33);opacity:1} /*.popup-form .popup-img{display:none}*/ .popup-form input[type="text"],.popup-form input[type="file"],.popup-form textarea,.popup-form select, .popup-form input[type="email"], .popup-form input[type="tel"]{font-size:15px;font-weight:400;margin-bottom:10px;border-radius:0;outline:none;width:100%;transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;border:1px solid;border-width:0 0 1px!important;border-color:#eee;padding:12px;color:#3c3d3e!important} .popup-form input[type="text"]:hover,.popup-form input[type="text"]:focus,input[type="file"]:hover,.popup-form input[type="file"]:focus,.popup-form textarea:hover,.popup-form textarea:focus,.popup-form select:hover,.popup-form select:focus, .popup-form input[type="email"]:hover, .popup-form input[type="tel"]:hover, .popup-form input[type="email"]:focus, .popup-form input[type="tel"]:focus{color:#d3a15d;min-width:100%;background-color:none;border-color:#d3a15d;padding:12px;-webkit-box-shadow:none;box-shadow:none;opacity:1} .popup-form input[type="file"]{background:#fff!important} .popup-form button{border:none;margin:10px 0 0} .popup-form label{font-weight:400} .popup-form .popup-info{padding:8%;margin:40px;background:#fff;transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-webkit-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out} .popup-form .popup-info.bio-info{padding:4%;} .popup-form .popup-info:hover{background:#f5f6f7} .popup-form .popup-info:hover input{background:#fff} .popup-form .popup-info h2{font-size:20px;line-height:28px} .popup-form .popup-info span{text-transform:uppercase;font-size:14px;line-height:20px;display:block} .popup-form .popup-info p{font-size:15px;line-height:22px} .popup-form .popup-info .member-social ul{list-style:none!important} .popup-form .popup-info .member-social ul li{margin:0 1px;display:inline-block} .popup-form .popup-info .member-social ul li a{display:block;width:40px;height:40px;color:#161e29;line-height:40px;border-radius:50%;transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;text-align:center;padding:0;background:#eee;font-size:16px;} .popup-form .popup-info .member-social ul li:hover a{color:#fff;background-color:#d3a15d;border-color:#d3a15d} .popup-form .popup-info .member-social ul li a i {line-height:40px;} .popup-form .popup-info .collapse-group .panel{padding:10px 0;border-bottom:1px solid #eee;border-radius:0;-webkit-box-shadow:none;box-shadow:none;background:none;margin:0} .popup-form .popup-info:hover .collapse-group .panel{border-bottom:1px solid #fff;} .popup-form .popup-info .collapse-group .collapse-heading h4{font-size:18px} .popup-form .popup-info .collapse-group .collapse-heading h4 a:hover,.collapse-group .collapse-heading h4 a{color:#d3a15d} .popup-form .popup-info .collapse-group .collapse-heading h4 a:hover .toggle-icon,.collapse-group .collapse-heading h4 a .toggle-icon{background-color:#d3a15d} .popup-form .popup-info .collapse-group .collapse-heading h4{margin-bottom:0!important;text-transform:none;letter-spacing:0} .popup-form .popup-info .collapse-group .collapse-heading h4 a{display:block} .popup-form .popup-info .collapse-group .collapse-heading h4 a.collapsed{color:#161e29!important} .popup-form .popup-info .collapse-group .collapse-heading h4 a.collapsed:hover{color:#161e29} .popup-form .popup-info .collapse-group .collapse-heading h4 a .toggle-icon{display:inline-block;position:relative;text-align:center;margin-left:30px;line-height:24px;width:24px;height:24px;color:#25aae1;top:1px;font-size:12px;background:none!important;float:right;right:-10px} .popup-form .popup-info .collapse-group .collapse-heading h4 a .toggle-icon i{display:block;line-height:20px;transform:rotate(45deg);-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);color:#d3a15d} .popup-form .popup-info .collapse-group .collapse-heading h4 a.collapsed .toggle-icon i{transform:rotate(0);-ms-transform:rotate(0);-webkit-transform:rotate(0);color:#bbb} .popup-form .popup-info .collapse-group .collapse-heading h4 a.collapsed:hover .toggle-icon{background-color:none} .popup-form .popup-info .collapse-group .panel-collapse .collapse-body{padding:15px 0 0} .popup-form .popup-info .collapse-group .panel-collapse .collapse-body ul{list-style:none} .popup-form .popup-info .collapse-group .panel-collapse .collapse-body ul li{padding:0 0 2px 22px;position:relative} .popup-form .popup-info .collapse-group .panel-collapse .collapse-body ul li:before{content:"\e64d";font-family:'themify';color:#d3a15d;position:absolute;top:0;left:0;font-size:14px} .popup-form .popup-info .segment{list-style:none;margin:0 0 20px;width:100%} .popup-form .popup-info .segment li{display:block;color:rgba(0,0,0,.5);padding:7px 10px;color:#2d374b;} .popup-form .popup-info .segment li:nth-child(2n+1){background-color:#f5f6f7} .popup-form .popup-info:hover .segment li:nth-child(2n+1){background-color:#fff} .popup-form .popup-info .segment li span{text-transform:uppercase;font-weight:600;width:33%;display:inline-block;font-size:14px} .popup-form .popup-info .scope-detail{list-style:none} .popup-form .popup-info .scope-detail li{padding:0 0 2px 22px;position:relative} .popup-form .popup-info .scope-detail li:before{content:"\e64d";font-family:'themify';color:#d3a15d;position:absolute;top:0;left:0;font-size:14px} .pagination a,.pagination span,.team-img img,.sign,.sign2,.benefits .benefits-img,.benefits .icon span,.location ul.nav-tabs li .location-img,.location .nav-tabs > li.active:before,#portfolio-grid .portolio .portfolio-details a,.lds-roller div:after,.values ul.nav-tabs li a .tab-img,.values .nav-tabs > li.active:before,.it .it-img,.header .nav-menu ul > li > a.lang,#footer .social-icons ul li a,.counter .counter-img,.scroll-down-icon{-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;-o-border-radius:50%} .brands a,.c-form .c-input,.team-testimonial,.openings .job-facts .spec,.folio,.openings,.folio .folio-tags .tag-link,.values .tab-pane .tec li,.story .gallery-slider,input,textarea,select,.tooltip .tooltip-inner,.project .project-info .portfolio-tags .tag-link,.project,.story,.blog,.widget-tags a,.expe,.approach{-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-o-border-radius:4px} .team-img,.benefits .benefits-img,.team-testimonial:hover,.openings:hover,.location ul.nav-tabs li .location-img,.folio:hover,.collapse-group .panel:hover,.portfolio-field .tec li:hover,.values ul.nav-tabs li a .tab-img,.counter .counter-img,.it .it-img,.pagination a,.pagination span,.c-input:hover,.location .nav-tabs > li.active:before,.brands a:hover,.project:hover,.job:hover,.values .nav-tabs > li.active:before,.story:hover,.blog:hover.brand:hover,.blog:hover,.address .address-img,.openings .job-facts .spec,.expe:hover{background:#fff;-webkit-box-shadow:0 0 15px 10px rgba(0,0,0,0.15);box-shadow:0 0 15px 0 rgba(0,0,0,0.15);-moz-box-shadow:0 0 15px 0 rgba(0,0,0,0.15)} .openings .job-facts .spec:hover,.benefits:hover .benefits-img,.testimonials-carousel:hover .team-img,.billing tr:hover,.location ul.nav-tabs li:hover .location-img,.location ul.nav-tabs li.active .location-img,.location .tab-content,.folio .folio-tags .tag-link:hover,.bio-form .member-social ul li:hover a,.it:hover .it-img,.counter:hover .counter-img,.values ul.nav-tabs li.active a .tab-img,.values ul.nav-tabs li a:hover .tab-img,#footer .social-icons ul li a:hover,#goTop:hover,.portfolio-tags .tag-link:hover,.btn-border.btn-color:hover,.btn-color,.scroll-down-icon:hover,.header-bg.light-header .nav-menu ul > li > a.lang:hover,.header-bg .nav-menu ul > li > a.lang:focus,.header.light-header .nav-menu ul > li > a.lang:hover,.header.light-header .nav-menu ul > li > a.lang:focus,.story .gallery-slider,.appro:hover .appro-img,.address:hover .address-img,.map-section,.pagination span,.pagination a:hover,.member-box .member-pic .member-links a:hover i,.widget-tags a:hover,.blog:hover .blog-img i,.why .nav-tabs li.active a .icon-box .icon-img,.icon-box:hover .icon-img{background:#d3a15d} .folio,.openings,.team-testimonial,.collapse-group .panel,.portfolio-field .tec li,.portfolio-tags .tag-link,.c-input,.brand,.widget-tags a,.story,.bio-form .member-social ul li a,.blog-info{background:#fff;background:-moz-radial-gradient(center,ellipse cover,#fff 0%,#f3f2f1 100%);background:-webkit-radial-gradient(center,ellipse cover,#fff 0%,#f3f2f1 100%);background:radial-gradient(ellipse at center,#fff 0%,#f3f2f1 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#f3f2f1',GradientType=1)} .page-header h1 span,.type-wrap span b,.bio-form h1,.testimonials-carousel .testimonial-stars i,.c-form .c-input:hover i,.member-box:hover .member-details h4,.header-title h1 span,.header-title-white h1 span,.header-title-cta h1 span{color:#d3a15d} a,input,textarea,select,.header .nav-menu ul > li > a,.header .nav-menu > ul > li > a::before,.scroll-down-icon,.scroll-down-icon i,.btn-sys,.btn-border.btn-light:after,.btn-color:hover,.btn-color:after,.collapse-group .panel,.collapse-group .collapse-heading h4 a .toggle-icon i,#portfolio-grid .portolio-item .portfolio-img img,#portfolio-grid .portolio-item .portfolio-overlay,#portfolio-grid .portolio-item .portfolio-details,#portfolio-grid .portolio .portfolio-details h4,#portfolio-grid .portolio .portfolio-details h5,#portfolio-grid .portolio-item .portfolio-details a,.portfolio-field .tec li,#goTop,#goTop i,#footer .social-icons ul li a i,.values ul.nav-tabs li a,.values ul.nav-tabs li a .tab-img,.values .tab-pane,.values .tab-pane .tec li,.counter .counter-img,.pro-carousel .item,.pro-carousel .owl-buttons div,.story .gallery-slider img,.popup-field,.bio-form .member-social ul li a,.job-field,.folio,.folio .folio-img img,.folio h4,.folio .link,.folio .link span,.folio .link i,.location .tab-content .tab-pane iframe,.location .tab-content .map-icon,.location ul.nav-tabs li .location-img,.billing,.billing tr,.openings,.openings .openings-img img,.openings span,.openings .job-facts,.benefits .benefits-img,.team-testimonial,.team-img img,.team-img,.testimonials-carousel .quote-author img,.header.light-header .nav-menu ul > li > button.quote:after,.job-detail img,.job-summary li,.job-detail,.pagination a,.pagination span,.brands a,.brands a img,.c-form .c-input,.project,.project .project-info .portfolio-tags .tag-link,.job,.story,.brand,.blog,.blog .blog-info h3,.blog .blog-img img,.widget-tags a,.expe,.expe .expe-ico img,.approach,.approach img,.approach h4,.approach p,.approach i,.testimonials-carousel .team-img,.values .tab-content,.service .service-img,#portfolio-grid .portolio-item .portolio,.approach .approach-img,.approach .approach-img img,.values ul.nav-tabs li a .tab-img i, .btn-custom a::after{transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out} textarea{ height:100px; } .footDiv{ /* float: left; */ margin-right: 5px; } .wpcf7-form br{ display: none; } .your-message textarea.form-control, .wpcf7-form .message textarea.form-control{ height: 100px; } .wpcf7-form .form-control{ height: auto; } .careertext{ margin-bottom: 15px; } .light-section{ clear: both; } /*----------------- icon css --------------*/ @font-face { font-family: 'icomoon'; src: url('fonts/icomoon.eot?fbwm65'); src: url('fonts/icomoon.eot?fbwm65#iefix') format('embedded-opentype'), url('fonts/icomoon.ttf?fbwm65') format('truetype'), url('fonts/icomoon.woff?fbwm65') format('woff'), url('fonts/icomoon.svg?fbwm65#icomoon') format('svg'); font-weight: normal; font-style: normal; } [class^="icon-"], [class*=" icon-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-balance:before { content: "\e900"; } .icon-chess:before { content: "\e901"; } .icon-compass:before { content: "\e902"; } .icon-email:before { content: "\e903"; } .icon-envelope:before { content: "\e904"; } .icon-idea:before { content: "\e905"; } .icon-location:before { content: "\e906"; } .icon-money:before { content: "\e907"; } .icon-network:before { content: "\e908"; } .icon-phone:before { content: "\e909"; } .icon-pillar:before { content: "\e90a"; } .icon-puzzle:before { content: "\e90b"; } .icon-shutter:before { content: "\e90c"; } .icon-skyscraper:before { content: "\e90d"; } .icon-target:before { content: "\e90e"; } .icon-teamwork:before { content: "\e90f"; } /*------------------------------*/ #filters { margin: 1% auto; display: table; padding:0; list-style:none; } #filters li { float:left; } #filters li span { display: block; padding:5px 20px; text-decoration:none; font-size: 14px; color:#161e29; cursor: pointer; font-family: 'Poppins',sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-transform: uppercase; font-weight: 600; } #filters li span.active, #filters li span:hover { color:#d3a15d; } #portfoliolist .portfolio { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; width:20%; margin: 0; display:none; float:left; overflow:hidden; } .portfolio-wrapper { overflow:hidden; position: relative !important; background: #666; cursor:pointer; } .portfolio img { max-width:100%; position: relative; top:0; -webkit-transition: all 600ms cubic-bezier(0.645, 0.045, 0.355, 1); transition: all 600ms cubic-bezier(0.645, 0.045, 0.355, 1); } .portfolio .label { position: absolute; width: 100%; height:40px; bottom:-40px; -webkit-transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1); transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1); } .portfolio .label-bg { background: #e95a44; width: 100%; height:100%; position: absolute; top:0; left:0; } .portfolio .label-text { color:#fff; position: relative; z-index:500; padding:5px 8px; } .portfolio .text-category { display:block; font-size:9px; } .portfolio:hover .label { bottom:0; } .portfolio-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .portfolio-details { position: absolute; top: 50%; left: 0; width: 100%; margin-top: -15px; text-align: center; opacity: 0; filter: Alpha(Opacity=0); } .portolio:hover .portfolio-overlay { background: #161e29; opacity: .8; } .portolio:hover .portfolio-details { opacity: 1; filter: Alpha(Opacity=1); } .portolio{ transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; } #portfoliolist{ display: table; margin: 0 auto; } .portfolio:hover .portfolio-img img { -webkit-transform: scale(1.1); transform: scale(1.1); -webkit-filter: grayscale(100%); filter: grayscale(100%); } .portfolio:hover .portfolio-overlay { background: #161e29; opacity: .8; } .portfolio .portfolio-overlay, .portfolio .portfolio-details, .portfolio .portfolio-details h4, .portfolio .portfolio-details h5, .portfolio .portfolio-details a{ transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; } .portfolio .portfolio-details{ position: absolute; top: 50%; left: 0; width: 100%; margin-top: -15px; text-align: center; opacity: 0; filter: Alpha(Opacity=0); } .portfolio:hover .portfolio-details { opacity: 1; filter: Alpha(Opacity=1); } .portfolio .portfolio-details h4 { position: relative; right: -22px; color: #d3a15d; opacity: 0; filter: Alpha(Opacity=0); line-height: 24px; letter-spacing: 0; font-size: 18px; margin-bottom: 0; } .portfolio:hover .portfolio-details h4 { right: 0; opacity: 1; filter: Alpha(Opacity=1); } .portfolio .portfolio-details h5 { position: relative; left: -15px; font-size: 11px; color: #fff; opacity: 0; filter: Alpha(Opacity=0); letter-spacing: 1px; display: block; text-transform: uppercase; font-weight: 300; } .portfolio:hover .portfolio-details h5 { left: 0; opacity: 1; filter: Alpha(Opacity=1); } .portfolio .portfolio-details a{ -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -o-border-radius: 50%; } .portfolio .portfolio-details a { outline: none; display: inline-block; position: relative; left: -15px; width: 40px; height: 40px; color: #fff; line-height: 40px; text-align: center; margin: 15px auto 0; display: block; font-size: 14px; background: none; border: 1px solid rgba(255,255,255,.25); } .portfolio:hover .portfolio-details a { left: 0; } /*==================new style================*/ .owl-theme .owl-controls .owl-buttons div{ width: 60px; height: 60px; background: #d3a15d; cursor: pointer; display: flex; align-items: center; justify-content: center; z-index: 99; } .exprience-chart-wrap .row{min-height: 400px;display: -webkit-flex;display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;} .exprience-chart-wrap .row [class^='col-']{flex-grow: 1;} /* exprience svg start */ .exprience-chart-item-tooltip{ visibility: hidden; } .exprience-chart-item{cursor: pointer;} .active .exprience-chart-item-color path{ fill: rgba(42, 57, 70, 1); } .active .exprience-chart-item-tooltip{ visibility: visible; } .exprience-chart-item-tooltip text{font: 400 20px/30px Poppins;fill: #d3a15d;} /* exprience svg end */ .exprience-chart-wrap .tab-pane .table{background: rgba(42, 57, 70, 1);} .exprience-chart-wrap .table{ box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2); } .exprience-chart-wrap .table>thead>tr{ box-shadow: 0px 4px 20px 1px rgba(0, 0, 0, 0.1); } .exprience-chart-wrap .table>thead>tr>th:not(:last-child){border-right: 1px solid #dddddd;} .exprience-chart-wrap .table>thead>tr>th { vertical-align: middle; border-bottom: none; text-align: center;font-weight: 400; color: #d3a15d; } .exprience-chart-wrap .tab-content{padding-top: 2rem;} .exprience-chart-wrap .table>tbody>tr:first-child>td{border-top: none;} .exprience-chart-wrap .table>tbody>tr>td{text-align: center;color: #ffffff;} .px-0{padding-left:0rem;padding-right:0rem;} .overflow-hidden{overflow: hidden;} .custom-scroll-down a{ width: 72px; height: 72px; } .custom-scroll-down a i{display: inline-block;color: #ffffff!important;transform: translateY(-16px);} .custom-scroll-down a:hover i{transform: translateY(-4px);} .ml-0 .elementor-container{margin-left: 0rem!important;} .mr-0 .elementor-container{margin-right: 0rem!important;} .life-endeavours-portfolio-column .elementor-widget-wrap .elementor-absolute{ height:120px;border:1px solid red; } .life-endeavours-portfolio-column .infobox-content{position:absolute;transform:translate(-50%, -50%);width:150px;height:150px;max-width: 150px;max-height:150px;z-index:-1;display: nonebackground: red;} .life-endeavours-portfolio-column .rounded-left-top .infobox-content{ left:110%; top:40%; } .life-endeavours-portfolio-column .rounded-right-top .infobox-content{ left:0%; top:50%; } .life-endeavours-portfolio-column .rounded-left-bottom .infobox-content{ left:110%; top:0%; } .life-endeavours-portfolio-column .rounded-right-bottom .infobox-content{ left:0%; top:50%;display: block; } .life-endeavours-portfolio-column .infobox-icon + .infobox-content p{/*display: none;*/} .life-endeavours-portfolio-column .infobox-icon:hover + .infobox-content p{ border:1px solid blue;display: block; } .life-endeavours-portfolio-column [class^='rounded-'] .infobox-content{ width: 200px;border:1px solid red; } .life-endeavours-portfolio-column .infobox-icon img{max-width: 120px;} /*svg style*/ .rounded-box path{ fill: #d3a15d; } .heading-path{ font-family: Poppins; font-size: 24px; font-weight: bold; fill: #ffffff; text-align: center; } .rounded-box{ cursor: pointer; transition: all 400ms linear; } .rounded-box:hover .center-text{ fill: white; opacity: 1; } #round-top-left-outer, #round-top-left-inner{ fill: #d3a15d; cursor: pointer; } .center-text{ fill: white; opacity: 0; } .left-top-path, .right-top-path, .left-bottom-path, .right-bottom-path, .center-text{ transition: all 200ms linear; } .rounded-box:hover .left-top-path{ transform: translate(-4px, -4px); } .rounded-box:hover .right-top-path{ transform: translate(4px, -4px); } .rounded-box:hover .left-bottom-path{ transform: translate(-4px, 4px); } .rounded-box:hover .right-bottom-path{ transform: translate(4px, 4px); } /*svg style end*/ .nasteded-list ul{list-style-position: inside;list-style-type: none;} .nasteded-list ul ul{padding-left: 2rem;} .icon-hover-wrap .eael-infobox{width: 230px; height: 210px;position: relative;margin-left: auto; margin-right: auto;text-align: center;cursor: pointer;} .icon-hover-wrap .eael-infobox .infobox-icon{ width: 230px; height: 210px;margin-left: auto; margin-right: auto; display: flex;align-items: center; justify-content: center;opacity: 1;transition: opacity 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s; } .icon-hover-wrap .elementor-widget-container{-webkit-filter: drop-shadow(0px 0px 16px rgba(0, 0, 0, 0.2));filter: drop-shadow(0px 0px 16px rgba(0, 0, 0, 0.2));} .icon-hover-wrap .eael-infobox:hover .infobox-icon{opacity: 0;} .icon-hover-wrap .eael-infobox .infobox-content{position: absolute;top: 50%;left: 0%;z-index:2;transform: translateY(-5%); opacity: 0;transition: opacity .3s ease-in-out 0s;} .icon-hover-wrap .eael-infobox .infobox-content p:not(:empty){background: #ffffff; padding: 1rem;border:1px solid #d3a15d; padding:0.5rem; border-radius: 4px;background: rgba(42, 57, 70, 1);} .icon-hover-wrap .eael-infobox:hover .infobox-content{opacity: 1;} /*======page 2 ========*/ .d-none{display: none!important;} .icon-hexwrap{width: 220px; height: 220px;z-index:1;} .icon-hexwrap:hover{filter: drop-shadow(0px 0px 6px rgba(0, 0, 0, 0.25));} .icon-hexwrap > .elementor-container{cursor: pointer;} .icon-hexwrap > .elementor-container .position-absolute{position: absolute;left: 90%;top:80%;z-index: 999999;width:320px;display: none;transition: display 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;} .icon-hexwrap > .elementor-container:hover .position-absolute{display: block;} .current-opportunities-filter .premium-img-gallery-filter ul{width: 100%;display: -webkit-flex;display: flex;justify-content: center;} .current-opportunities-filter .premium-img-gallery-filter ul li{flex-grow: 1;padding:0rem;} .current-opportunities-filter .premium-img-gallery-filter ul li a{width:100%;} .current-opportunities-filter .premium-img-gallery-filter > ul li:last-child a, .current-opportunities-filter .eael-tabs-nav ul li:last-child{border-right-width: 0px!important;} .current-opportunities-filter .eael-tabs-nav>ul{box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.060);} /*.current-opportunities-filter .eael-tabs-nav>ul>li{flex-grow: 0!important;}*/ .current-opportunities-filter .eael-tabs-content img{display: block;margin-left: auto; margin-right: auto;} .z-index-1{background: red!important; z-index: -1!important;boeder:2px solid blue} .profile-hover-box{cursor: pointer;} .profile-hover-box .elementor-widget-container{-webkit-filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.15));filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.15));} .profile-hover-box p{width: 300px;max-width: 300px; border:1px solid red;display: none;border:1px solid #d3a15d; padding:0.5rem; border-radius: 4px;background: rgba(42, 57, 70, 1);} .profile-hover-box .elementor-widget-container{height: 220px;} .profile-hover-box:hover .elementor-widget-container{-webkit-filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.25));filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.25));} .profile-hover-box:hover p:not(:empty){display: block;z-index: 999999;} /*approach svg*/ .approach-inner1 svg{-webkit-filter: drop-shadow(0px 0px 6px rgba(0, 0, 0, 0.16));filter: drop-shadow(0px 0px 6px rgba(0, 0, 0, 0.16));position: relative;max-width:100%;height:auto;} .approach-inner1 .elementor-widget-container{position: relative;} .approach-inner1 .elementor-widget-container::before{content:"";position: absolute;left:0;bottom:-13px;width:100%;height:20px;background: white;z-index:1;} .pendulum{ -webkit-animation-name: pendulum; -webkit-animation-duration: 6s; -webkit-animation-timing-function: linear; -webkit-animation-iteration-count: infinite; -moz-animation-name: pendulum; -moz-animation-duration: 6s; -moz-animation-timing-function: linear; -moz-animation-iteration-count: infinite; -o-animation-name: pendulum; -o-animation-duration: 6s; -o-animation-timing-function: linear; -o-animation-iteration-count: infinite; animation-name: pendulum; animation-duration: 6s; animation-timing-function: linear; animation-iteration-count: infinite; animation-direction: reverse; animation-direction: alternate; } @-webkit-keyframes pendulum{ 0%{ -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -o-transform: translateX(0px); transform: translateX(0px); } 100%{ -webkit-transform: translateX(-120px); -moz-transform: translateX(-120px); -o-transform: translateX(-120px); transform: translateX(-120px); } } @keyframes pendulum{ 0%{ -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -o-transform: translateX(0px); transform: translateX(0px); } 100%{ -webkit-transform: translateX(-120px); -moz-transform: translateX(-120px); -o-transform: translateX(-120px); transform: translateX(-120px); } } .hover-color path{ fill: #ffffff; } .approach-inner1.flat1-hover svg .flat1 path, .approach-inner1.flat2-hover svg .flat2 path, .approach-inner1.flat3-hover svg .flat3 path, .approach-inner1.flat4-hover svg .flat4 path, .approach-inner1.flat5-hover svg .flat5 path{fill: #E3A158} .approach-wrap{} .approach-wrap .approach-inner1{} .approach-wrap .approach-inner2 .elementor-widget-container{cursor: pointer;} .approach-wrap .approach-inner2 .eael-infobox p:empty{display: none;} .approach-wrap .approach-inner2 .eael-infobox p{box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2);border-radius: 1rem; padding: 0.5rem;opacity: 0;border:1px solid #d3a15d;background: rgba(42, 57, 70, 1);margin:0rem;} .approach-wrap .approach-inner2 .elementor-widget-container:hover .eael-infobox p{opacity: 1;} .approach-wrap .approach-inner2 .eael-infobox p:not(:first-child){} /*==================responsive new css==================*/ @media screen and (max-width: 767px){ .elementor-3015 .elementor-element.elementor-element-a9cbe15 > .elementor-container {width:100%;max-width: 100%!important;margin-left: 10px;margin-right: auto!important;} .elementor-widget-wrap>.elementor-element.elementor-absolute{position: relative!important;left: 0px!important;top: 0px!important;} } @media screen and (max-width: 479px){ .profile-hover-box p{width: 100%; max-width: 100%;} } @media screen and (max-width: 420px){ .exprience-chart-wrap .table>thead>tr>th, .exprience-chart-wrap .table>tbody>tr>td{font-size: 12px;} } /*------------------- responsive css -------------------*/ @media (max-width: 1366px) { .popup-form{margin:0 2%} } @media (max-width: 1200px) { header .container{width:100%!important} .container-portfolio{width:100%;margin:0 auto;padding:0;overflow:hidden} .service .service-text{bottom:auto} #portfolio-grid .portolio-item{width:25%!important} } @media (max-width: 991px) { .container{width:100%} .navbar-header{float:none} .navbar-toggle{display:block} .navbar-collapse{border-top:1px solid transparent;box-shadow:inset 0 1px 0 rgba(255,255,255,0.1)} .navbar-collapse.collapse{display:none!important} .navbar-nav{float:none!important;margin:7.5px -15px} .navbar-nav>li{float:none} .navbar-nav>li>a{padding-top:10px;padding-bottom:10px} .header .nav-menu{line-height:normal;padding:0;margin:0;position:absolute;left:0;top:100%;width:100%;background:#fff;z-index:98;box-shadow:0 1px 1px rgba(0,0,0,0.12)} .header.light-header .nav-menu ul{background:#161e29; width: 100%;} .header .nav-menu > ul > li{width:100%; display:-webkit-flex!important;display:flex!important;justify-content: space-between;flex-direction: column;} .header .nav-menu li.menu-item-has-children a{display: flex;align-items: center;justify-content: space-between;} .header .nav-menu ul > li a::before{left:0;margin:0;width:0;opacity:.4} .header .nav-menu ul > li:hover > a::before,.header .nav-menu ul > li.active > a::before{display:none} .header .nav-menu ul li.active a{background:#d3a15d;color:#fff!important} .header .nav-menu ul li:hover a{color:#fff!important;background:rgba(0,0,0,.33)} .header .nav-menu ul li.active:hover a{color:#fff!important} .header-bg.light-header .nav-menu ul > li > a{color:#fff!important} .header .nav-menu > ul > li:first-child{margin-top:0} .header .nav-menu > ul > li:last-child{margin-bottom:10px} .header .nav-menu ul li a{padding:10px 15px; width:100%;} .header .nav-menu ul li a.quote{width:auto;float:left;margin-top:5px} .header.light-header .nav-menu ul > li > a.lang{margin-left:15px;display:inline-block} .header-bg.light-header .nav-menu ul > li > a.lang{border-color:rgba(255,255,255,.33)} .header.light-header .nav-menu ul > li > a.quote{margin:0 0 15px 15px;display:inline-block} ul li,ol li,.icons-list li{font-size:16px;line-height:22px} #logo img{max-height:42px} .header-bg #logo img{max-height:42px} .section{padding:60px 0} .animated{-o-transition-property:none!important;-moz-transition-property:none!important;-ms-transition-property:none!important;-webkit-transition-property:none!important;transition-property:none!important;-o-transform:none!important;-moz-transform:none!important;-ms-transform:none!important;-webkit-transform:none!important;transform:none!important;-webkit-animation:none!important;-moz-animation:none!important;-o-animation:none!important;-ms-animation:none!important;animation:none!important} .service .service-img img{position:relative} .service .service-img .mob{display:block} .service .service-img .desk{display:none} .service .service-text{position:relative;opacity:1;top:-50px;margin:0 15px;background:#f5f6f7;background:-moz-linear-gradient(top,#f5f6f7 0%,#fff 100%);background:-webkit-linear-gradient(top,#f5f6f7 0%,#fff 100%);background:linear-gradient(to bottom,#f5f6f7 0%,#fff 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f6f7',endColorstr='#ffffff',GradientType=0);-webkit-box-shadow:0 0 15px 10px rgba(0,0,0,0.15);box-shadow:0 0 15px 0 rgba(0,0,0,0.15);-moz-box-shadow:0 0 15px 0 rgba(0,0,0,0.15)} .service .service-text h4{color:#161e29} .service .service-text p{color:#161e29} .service .service-text ul li{color:#161e29} .service .service-text .btn-light{background:#d3a15d} .service .service-text .btn-light:hover{color:#fff} .service:hover .service-text{top:-50px} .service .service-img i{display:none} #portfolio-grid .portolio-item{width:33.3333%!important} .popup-form{margin:1%} .popup-form .popup-img{display:block} .popup-form .popup-info{padding:4%;margin:0} .approach-ul li{width:50%} .blog .blog-info h3{min-height:auto} .masonry-layout .post{width:50%!important} .post {margin-bottom:30px;} #portfoliolist .portfolio{ width: 33.3333%; } } @media (max-width: 768px) { #container div[class*='col-md-']{margin-bottom:20px} h1{font-size:30px;line-height:40px} h2{font-size:25px;line-height:33px} h3{font-size:20px;line-height:30px} p{font-size:16px;line-height:22px} .header-title p br{display:none} .page-header{padding:160px 0 80px} .page-header p{font-size:16px;line-height:22px} .page-header p br{display:none} .sign{width:72px;height:72px;line-height:72px;top:-36px} .sign i{font-size:32px;line-height:72px;} .sign2{width:72px;height:72px;line-height:72px;top:-36px} .sign2 i{font-size:32px;line-height:72px;} .values .nav-tabs > li{width:33.333%} .values ul.nav-tabs li a{padding:0} .values .nav-tabs > li.active:before{display:none} .values ul.nav-tabs{margin-bottom:15px} .values .tab-content{width:100%} #footer .logo-img img{max-height:60px} #footer .copyright a:after{margin:0 5px!important} #portfolio-grid .portolio-item{width:50%!important} .portfolio-filters a{font-size:13px;letter-spacing:0;padding:0 5px 0 0;line-height:20px} .portfolio-filters a:after{margin:0 0 0 5px} .header-title,.header-title-white,.header-title-cta{margin-bottom:30px} .core-ul li{width:50%} } @media (max-width: 767px) { #portfoliolist .portfolio { width: 50%; } } @media only screen and (max-width: 640px) { .masonry-layout .post{width:100%!important} } @media only screen and (max-width: 480px) { .col-xs-6{width:100%} .approach-ul li{width:100%} .section-home img{max-height:50px} .section-home h1{font-size:20px;line-height:24px} .section-home p{font-size:16px;line-height:22px} .section-home p br{display:none} .section-home .btn-sys{margin:10px 0 0} .service .service-text{top:-30px;margin:0 15px} #portfolio-grid .portolio-item{width:100%!important} .values .nav-tabs > li{width:33.333%} .values ul.nav-tabs li a .tab-img{width:70px;height:70px;line-height:70px} .values ul.nav-tabs li a .tab-img i{line-height:70px;font-size:30px} .core-ul li{width:100%} .masonry-layout .post{width:100%!important} } @media only screen and (max-width: 479px){ #portfoliolist .portfolio { width: 100%; float: none; display: block !important; } }