/* Theme Name: MZM DIGITAL Child Theme URI: http://MZMDIGITAL Template: mzmdigital Author: MZM Digital Author URI: https://mzmdigital.com/ Description: MZM DIGITAL is a blank canvas for your ideas and it makes the block editor your best brush. With new block patterns, which allow you to create a beautiful layout in a matter of seconds, this theme’s soft colors and eye-catching — yet timeless — design will let your work shine. Take it for a spin! See how MZM DIGITAL elevates your portfolio, business website, or personal blog. Tags: one-column,accessibility-ready,custom-colors,custom-menu,custom-logo,editor-style,featured-images,footer-widgets,block-patterns,rtl-language-support,sticky-post,threaded-comments,translation-ready Version: 1.4.1645637664 Updated: 2022-02-23 17:34:24 */ @import url('//fonts.googleapis.com/css?family=Bai+Jamjuree:400,600,700'); @import url('//fonts.googleapis.com/css?family=Montserrat:600,700'); @import url('css/bootstrap.min.css'); /* @import url('../../../gh/lykmapipo/themify-icons-0.1.2/css/themify-icons.css'); */ .service-hover-main:hover .pos-abs-dnone{ display: block !important; position: absolute; color:#fff; left:0; padding:20px; } .service-hover-main h3{ font-size:20px; font-family: 'Bai Jamjuree',sans-serif; font-weight:700; padding-left:20px; } .service-hover-main ul{ list-style:none; } .service-hover-main li{ font-size:16px; font-family: 'Bai Jamjuree',sans-serif; font-weight:400; } .pos-abs-dnone{ display: none; } .service-btn-none{ display: none; } .service-hover-main:hover .service-btn-none{ display: block; box-shadow: 0 0 15px 0 rgb(0 0 0 / 15%); } .service-hover-main:hover .service-main-none{ display: none; } .service-hover-main:hover img{ opacity: 1.5; -webkit-filter: grayscale(100); filter: brightness(0.4); -webkit-transform: scale(1.1,1.1); transform: scale(1.1,1.1); } .service-main-none, .service-btn-none { background: #fff; padding: 10px 20px; } .mx-wd-85{ max-width:85%; margin:auto; } .mb-0{ margin-bottom: 0px !important; overflow:hidden; transition: .5s; transition-property: all; transition-duration: 0.5s; transition-timing-function: ease; transition-delay: 0s; } .service-hover-main li:before{ content: "\f00c"; font-family: "Font Awesome 5 Pro"; } :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:#c01c28} ::-moz-selection{color:#fff;background:#c01c28} html,body{width:100%;min-height:100%;margin:0;} body{font-family:'Bai Jamjuree',sans-serif;font-size:16px;line-height:24px;font-weight:400;-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:#c01c28;outline:none!important} 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:#111f3e} h1,h2,h3,h4,h5,h6{font-family:'Montserrat',sans-serif;margin:0 0 10px;font-weight:700} h1{font-size:45px;line-height:55px} h2{font-size:35px;line-height:45px} 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{margin:0 0 10px;font-family:'Bai Jamjuree',sans-serif;font-size:16px;line-height:24px;font-weight:400} p strong{font-weight:700} .container{width:75%} .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,select{font-size:13px;font-weight:300;margin-bottom:15px;outline:none;max-width:100%;font-family:'Bai Jamjuree',sans-serif} 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:#f5f6f7} .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:#c01c28;-webkit-box-shadow:0 0 3px #c01c28 inset;-moz-box-shadow:0 0 3px #c01c28 inset;-o-box-shadow:0 0 3px #c01c28 inset;box-shadow:0 0 3px #c01c28 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"]{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:#c01c28} .light-section input[type="submit"]:hover{background-color:#111f3e} .dark-section input[type="submit"]:hover{color:#111f3e;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;font-weight:600} .dark-section,.dark-section p{color:#fff} .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} .video-section{overflow:hidden;position:relative} .video-section .container{z-index:32!important;position:relative} .video-section .fullscreen-video{position:absolute;top:0;left:0;width:100%;height:100%;z-index:30} .video-section video{min-width:100%!important;height:auto;min-height:100%} .video-section .video-section-mask{position:absolute;top:0;left:0;width:100%;height:100%;z-index:31;background:-moz-linear-gradient(top,rgba(0,0,0,0.80) 0%,rgba(0,0,0,0.20) 100%);background:-webkit-linear-gradient(top,rgba(0,0,0,0.80) 0%,rgba(0,0,0,0.20) 100%);background:linear-gradient(to bottom,rgba(0,0,0,0.80) 0%,rgba(0,0,0,0.20) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#111f3e',endColorstr='#111f3e',GradientType=0)} .section-home.dark-section{background-color:#111f3e} .section-home.dark-section{background-color:#111f3e} .section-home.one-slide{overflow:hidden;position:relative} .section-home.light-section p{color:#444} .section-home .container{z-index:36;position:relative} .winner{color:#fff;font-size:15px;line-height:24px;margin:0 0 15px;letter-spacing:3px;} .winner span {background:#c01c28;padding:0 20px 0 25px;display:inline-block;margin:0 0 10px;letter-spacing:2px;font-weight:600;font-size:14px;color:#fff} .section-home h1{color:#fff;font-weight:700;margin-bottom:20px;} .section-home .btn-sys{margin:20px 0} .section-home img{margin-bottom:20px;max-height:100px} .section-home h3{text-transform:uppercase;letter-spacing:7px;font-size:16px;font-weight:600;color:#fff;display:block;margin:0} .section-home .text-slider{cursor:url(https://baisecurity.net/wp-content/themes/images/icons/mouse-light.png),auto!important} .type-wrap{margin:0 0 10px;display:block} .type-wrap span{text-transform:uppercase;font-size:18px!important;line-height:26px;color:#fff;font-family:'Bai Jamjuree',sans-serif;font-weight:400;letter-spacing:3px} .type-wrap span br{display:none} .type-wrap .typed-cursor{font-weight:200!important;font-size:25px!important;color:#fff;margin-left:5px} .tags{margin:0;list-style:none;text-align:center} .tags .tag{display:inline-block;border-radius:3px;font-size:13px;padding:3px 15px;margin:0 5px 7px 0;text-transform:uppercase;background:rgba(0,0,0,.5);font-weight:600} .tags .tag:hover{color:#fff!important;border-color:#c01c28;background:#c01c28} .section-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;background:rgba(0,0,0,.5)} .section-overlay-dark{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;background:rgba(17,31,62,.85)} .section-overlay-dark{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;background:rgba(17,31,62,.85)} .section-home .section-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:31;background:-moz-linear-gradient(top,rgba(0,0,0,0.80) 0%,rgba(0,0,0,0.20) 100%);background:-webkit-linear-gradient(top,rgba(0,0,0,0.80) 0%,rgba(0,0,0,0.20) 100%);background:linear-gradient(to bottom,rgba(0,0,0,0.80) 0%,rgba(0,0,0,0.20) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#111f3e',endColorstr='#cc000',GradientType=0)} .page-section-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:31;background:-moz-linear-gradient(top,rgba(0,0,0,.9) 0%,rgba(0,0,0,0.33) 100%);background:-webkit-linear-gradient(top,rgba(0,0,0,.9) 0%,rgba(0,0,0,0.33) 100%);background:linear-gradient(to bottom,rgba(0,0,0,.9) 0%,rgba(0,0,0,0.33) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#111f3e',endColorstr='#80000',GradientType=0)} .light-section h1,.light-section h2,.light-section h3,.light-section h4,.light-section h5,.light-section h6{color:#111f3e} .light-section,.light-section p{color:#111f3e} .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 #f5f6f7;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:270px 0 190px;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;text-align:center} .page-header .container{z-index:36;position:relative} .page-header h1{text-transform:uppercase;margin-bottom:5px;font-weight:600} .page-header p:last-child{margin-bottom:0} .page-header p{font-size:17px;line-height:24px} .page-header .date{margin-bottom:20px} .page-header .date span{color:#fff;text-transform:uppercase;letter-spacing:1px;font-size:12px;background:#c01c28;padding:5px 17px 5px 20px;border-radius:3px;font-weight:600;display:inline} .page-header q{color:#fff;font-size:20px;line-height:28px;position:relative;display:block;margin:30px 0 0;font-weight:600;letter-spacing:2px} #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.header-bg .navbar-toggle i{position:relative;top:2px;font-size:16px;color:#111f3e!important} #header .navbar-toggle{background:none} #header .navbar-toggle i{color:#111f3e} .header{height:62px;line-height:58px;z-index:99} .header #logo img{max-height:56px} .header.header-bg #logo img{max-height:46px} .header.header-bg #logo .light-logo{display:none} .header #logo .dark-logo{display:none} .header.header-bg #logo .dark-logo{display:block} .header #logo{float:left} .header #logo a{display:block} .header .nav-menu ul > li.quote a{ color: #fff !important; } .header.header-bg .nav-menu ul > li > a{color:#111f3e!important} .header .nav-menu ul > li.quote a{ color: #fff !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} .header{position:absolute;top:25px;width:100%;background-color:transparent} .header.header-bg{position:fixed;z-index:999;top:0;left: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 .nav-menu ul > li.quote a{padding:9px 20px;color:#fff;border-radius:15px;background:#c01c28;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 .nav-menu ul > li.quote 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)} .header .nav-menu ul > li.quote a:hover:after{width:50%;background:rgba(255,255,255,0.2)} .header .nav-menu ul > li.quote a:before{display:none} .header .nav-menu ul > li.quote a i{margin-right:5px;display:inline-block;position:relative;top:1px} .header .nav-menu ul > li.quote a:hover,.header-bg .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} } .container{width:80%} .header .nav-menu .drop a::before{display:none;display:block} .header .nav-menu .drop .dropdown{visibility:hidden;position:absolute;top:53px;left:0;opacity:0;filter:Alpha(Opacity=0);width:240px;margin-top:-1px;border-top:1px solid #c01c28;background:#fff;-webkit-box-shadow:0 0 10px 0 rgba(0,0,0,0.25);box-shadow:0 0 10px 0 rgba(0,0,0,0.25);-moz-box-shadow:0 0 10px 0 rgba(0,0,0,0.25)} .header .nav-menu .drop:hover .dropdown{visibility:visible;opacity:1;filter:Alpha(Opacity=1)} .header .nav-menu .drop .dropdown li a{color:#111f3e;padding:10px 14px;border-bottom:1px solid rgba(0,0,0,0.066);text-transform:none;font-weight:600;line-height:20px;font-size:14px} .header .nav-menu .drop .dropdown li:last-child a{border-bottom:none} .header .nav-menu .drop .dropdown li:hover a,.header .nav-menu .drop .dropdown li.active a,.header .nav-menu .drop .dropdown li.current-menu-item a{background:#c01c28;color:#fff!important} .header.header-bg{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:14px;font-weight:600;padding:15px 10px;letter-spacing:.5px;color:#fff} .header .nav-menu ul > li > a span{position:absolute;bottom:0;left:10px;padding:2px 10px;background:#c01c28;line-height:14px} .header .nav-menu > ul > li > a::before{position:absolute;top:100%;left:6px;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,.header .nav-menu ul > li.current-menu-item > a::before{width:20px;margin-left:0} .header .nav-menu ul > li > a .ti-angle-down{font-size:8px;margin-left:3px} .header .nav-menu ul > li:hover > a::before,.header .nav-menu ul > li.active > a::before,.header .nav-menu ul > li.current-menu-item > a::before,.header.header-bg .nav-menu ul > li.active > a::before{border-bottom-color:#c01c28!important} .header .nav-menu ul > li:hover > a,.header .nav-menu ul > li.active > a,.header .nav-menu ul > li.current-menu-item > a,.header.header-bg .nav-menu ul > li.active > a{color:#c01c28!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{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-larger{font-size:15px;padding:12px 32px;font-weight:600} .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:#111f3e;background-color:#fff} .btn-light:hover{color:#111f3e} .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:#111f3e;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{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{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:#c01c28;background:none} .btn-color{background:#c01c28} .btn-border.btn-color{color:#c01c28;border-color:#c01c28} .btn-border.btn-color:hover{background:#c01c28;border-color:transparent} 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;text-transform:uppercase;padding:0;color:#111f3e} ul.nav-tabs li a:hover{color:#111f3e} ul.nav-tabs li a i{font-size:12px} ul.nav-tabs li.active a,ul.nav-tabs li.active a:hover,ul.nav-tabs li.active a:focus{color:#c01c28} .nav-tabs>li>a{border-radius:none!important} .back-to-top{display:none;position:fixed;bottom:30px;right:30px;z-index:100} .back-to-top i{display:block;width:40px;height:40px;line-height:40px;color:#fff;text-align:center;background:rgba(0,0,0,.33);transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out} .short{padding-right:45px} footer{padding:0;position:relative;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:#111f3e} footer .container{z-index:36;position:relative} footer p{font-size:15px;color:#fff} footer a{color:#fff} footer a:hover{color:#c01c28;text-decoration:none} footer hr{border-color:rgba(255,255,255,.1)} footer .logo-img a{display:block;margin:0 auto 20px;height:50px} footer .logo-img a object{z-index:-1;position:relative;height:50px} .links-section{padding:70px 0 60px;letter-spacing:0} .links-section img{margin-bottom:20px;max-height:150px} .links-section p{color:rgba(255,255,255,.5);font-size:15px;line-height:20px} .links-section h4{color:rgba(255,255,255,.5);text-transform:uppercase;padding-bottom:15px;margin-bottom:15px;position:relative;font-size:14px;font-weight:600;letter-spacing:1px} .links-section h4 .head-line{position:absolute;bottom:0;left:0;display:block;width:30px;height:1px;background-color:#c01c28;margin:0} .links-section ul{list-style:none} .links-section ul li{padding:0 0 7px;font-size:15px;line-height:20px;color:rgba(255,255,255,.5)} .links-section ul li a{color:#fff} .links-section .member{margin-top:20px;display:block} .links-section .member a{display:inline-block;margin:0 30px 0 0;padding:0} .links-section .member a img{max-height:50px;display:block;-webkit-filter:grayscale(100);filter:grayscale(100%);opacity:.5;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} .links-section .member a:hover img{-webkit-filter:grayscale(0);filter:grayscale(0%);opacity:1} .links-section ul li a:hover{color:#c01c28} .mail-subscribe-widget{position:relative} .mail-subscribe-widget p {color:#fff} .mail-subscribe-widget form{margin-top:20px;position:relative} .mail-subscribe-widget form input{color:#fff!important} .mail-subscribe-widget form input[type="text"]{font-size:15px;padding:10px 15px 10px 25px;border:none;border-radius:25px;-webkit-border-radius:25px;-moz-border-radius:25px;-o-border-radius:25px;outline:none;width:100%;background:rgba(255,255,255,.1);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;color:#fff!important} .mail-subscribe-widget form input[type="text"]:focus,.mail-subscribe-widget form input[type="text"]:hover{border-color:rgba(255,255,255,.5);box-shadow:0 0 15px rgba(255,255,255,.5);-o-box-shadow:0 0 15px rgba(255,255,255,.5);-moz-box-shadow:0 0 15px rgba(255,255,255,.5);-webkit-box-shadow:0 0 15px rgba(255,255,255,.5);background:rgba(0,0,0,0);color:#fff!important} .mail-subscribe-widget form button{position:absolute;right:10px;top:0;color:rgba(255,255,255,.5);text-align:center;border:none;outline:none;background:none;display:block;width:45px;height:45px;line-height:45px;padding:0;margin:0} .mail-subscribe-widget form button i{font-size:16px} .mail-subscribe-widget:hover button,.mail-subscribe-widget:hover button{color:#fff} .mail-subscribe-widget button:hover,.mail-subscribe-widget button:hover{color:#06C} ul.social-list{list-style:none;margin-top:20px} ul.social-list li{display:inline-block;line-height:38px;padding:0} ul.social-list li span{color:rgba(255,255,255,.5);margin-right:10px;font-size:15px} ul.social-list li 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;margin:0 2px;display:inline-block} ul.social-list li a:hover i{color:#fff;background:#c01c28;border-color:#c01c28} ul.social-list li a i{font-size:14px;color:#fff;display:block;width:40px;height:40px;line-height:40px;text-align:center;border-radius:50%;border:1px solid rgba(255,255,255,.15)} .copyright-section{padding:30px 0;letter-spacing:0;border-top:1px solid rgba(255,255,255,.1)} .copyright-section p{font-size:15px;margin:0;color:rgba(255,255,255,.5);line-height:22px} .copyright-section a{text-transform:uppercase;font-size:13px;letter-spacing:1px} .copyright-section a:before{content:"|";margin:0 15px;color:rgba(255,255,255,.33);font-size:10px;position:relative;top:-1px} .copyright-section a:first-child:before{display:none} #pageloader{width:100%;height:100%;position:fixed;background-color:#111f3e;z-index:999999} #pageloader .loader-container{position:absolute;top:calc(50% - 50px);left:calc(50% - 30px);margin:0 auto;text-align:center} #pageloader .loader-logo{margin-bottom:5px;max-width:50px} #pageloader .spinner{display:inline-block;width:50px;height:30px;text-align:center} #pageloader .spinner > div{background-color:#fff;height:100%;width:5px;display:inline-block;-webkit-animation:stretchdelay 1.2s infinite ease-in-out;animation:stretchdelay 1.2s infinite ease-in-out} #pageloader .spinner .rect2{-webkit-animation-delay:-1.1s;animation-delay:-1.1s} #pageloader .spinner .rect3{-webkit-animation-delay:-1s;animation-delay:-1s} #pageloader .spinner .rect4{-webkit-animation-delay:-.9s;animation-delay:-.9s} #pageloader .spinner .rect5{-webkit-animation-delay:-.8s;animation-delay:-.8s} @-webkit-keyframes stretchdelay { 0%,40%,100%{-webkit-transform:scaleY(0.4)} 20%{-webkit-transform:scaleY(1.0)} } @keyframes stretchdelay { 0%,40%,100%{transform:scaleY(0.4);-webkit-transform:scaleY(0.4)} 20%{transform:scaleY(1.0);-webkit-transform:scaleY(1.0)} } .header-title{margin-bottom:50px;text-align:center} .header-title h2{margin-bottom:5px;text-transform:uppercase} .header-title h2 span{color:#c01c28;font-weight:600} .header-title p:last-child{margin-bottom:0} .header-title p span{color:#c01c28;font-weight:600} .header-title .btn-sys{margin:30px 3px 0} .header-title img{max-height:48px;margin-bottom:5px} .header-title .up{color:#c01c28;margin-bottom:10px;font-size:13px;letter-spacing:5px;line-height:13px;font-weight:400} .header-title-cta{margin-bottom:0;text-align:center} .header-title-cta h2{margin-bottom:5px;text-transform:uppercase;color:#fff} .header-title-cta h2 span{color:#c01c28} .header-title-cta .btn-sys{margin:30px 3px 0} .header-title-cta .btn-sys i{position:relative;top:1px;margin-right:5px} .before h1:before{background:url(https://baisecurity.net/wp-content/themes/images/sign.png) no-repeat;width:40px;height:41px;display:block;content:" ";margin:0 auto 10px} .center-col{float:none!important;margin-left:auto!important;margin-right:auto!important} .container-fluid{margin-left:auto;margin-right:auto;padding-left:15px;padding-right:15px;overflow:hidden} .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} .mfp-bg{background:#111f3e!important;opacity:.85!important} .mfp-close{margin:0!important} .mfp-close:hover{color:#fff!important;background:#c01c28} .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 img{max-height:36px} .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 img{max-height:36px} #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} .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 15px;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:#c01c28} .address .address-img{text-align:center;width:92px;height:92px;line-height:92px;display:block;margin:0 auto 20px;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:#c01c28} .address .address-img i{font-size:40px;line-height:92px;transition-duration:.4s;transition-property:transform;display:block} .address:hover .address-img i{color:#fff;background:none;-webkit-background-clip:unset;-webkit-text-fill-color:#fff;transform:rotate(360deg);-webkit-transform:rotate(360deg)} .address .address-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;position:absolute;left:0;right:0;margin:0 auto;top:calc(50% - 20px);display:block;-webkit-filter:grayscale(100%);filter:grayscale(100%)} .address .address-img img.active{opacity:1;top:calc(50% - 20px);height:40px} .address:hover .address-img img.active{opacity:0;top:calc(50% - 8px);height:16px} .address .address-img img.hover{opacity:0;top:calc(50% - 30px);height:60px} .address:hover .address-img img.hover{opacity:1;top:calc(50% - 20px);height:40px} .address a{color:#c01c28} .address a:hover{color:#fbaf17} .address p{min-height:48px} .address.invert .address-img{background:#111f3e;-webkit-box-shadow:none;box-shadow:none} .address.invert:hover .address-img{background:#c01c28} .address .address-img span{position:absolute;left:0;right:0;width:36px;height:36px;line-height:36px;display:block;margin:0 auto;background:none;color:#c01c28;font-size:20px;font-weight:600;border-radius:50%;bottom:-40px;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} .address:hover .address-img span{bottom:6px;background:#c01c28;color:#fff;font-size:32px;width:80px;height:80px;line-height:80px} body .elementor hr{ margin-top: 20px !important; margin-bottom: 20px !important; } .popup-form{padding:0;position:relative;border-radius:4px;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;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-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 form{margin:20px 0 0;display:block} .popup-form input[type="text"],.popup-form input[type="email"],.popup-form input[type="file"],.popup-form textarea,.popup-form select,.popup-form input[type="date"]{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:#e0e1e2;padding:12px;color:#3c3d3e!important;line-height:20px!important} .popup-form input[type="text"]:hover,.popup-form input[type="email"]:hover,.popup-form input[type="email"]:focus,.popup-form input[type="text"]:focus,.popup-form input[type="date"]:hover,.popup-form input[type="date"]:focus,.popup-form 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{color:#c01c28;min-width:100%;background-color:none;border-color:#c01c28;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 .mfp-close{color:#fff!important;opacity:1} .popup-form .file{background:#fff;border-bottom:1px solid #eee;margin-bottom:10px;position:relative} .popup-form .file:hover,.popup-form .file:focus{border-color:#c01c28} .popup-form .file label{font-weight:400;display:block;line-height:20px;padding:12px;cursor:pointer} .popup-form .file input[type="file"]{position:absolute;opacity:0;top:0;right:0;width:100%;margin:0;cursor:pointer} .popup-form .row{margin:0} .popup-form div[class*='col-md-']{padding:0} .popup-form .popup-info{font-family: 'Bai Jamjuree',sans-serif;padding:7.4%;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:hover{background:#f5f6f7} .popup-form .popup-info:hover input{background:#fff} .popup-form .popup-img{display:none} .popup-form .btn-sys{margin:10px 0 0} .popup-form ul {list-style:none;margin-bottom:10px} .popup-form ul li{padding:0 0 2px 22px;font-size:16px;position:relative;line-height:22px;text-transform:capitalize} .popup-form ul li:before{content:"\e64d";font-family:'themify';color:#c01c28;position:absolute;top:0;left:0;font-size:14px} .popup-form .sub {font-size:13px;} .popup-form .sub:before{display:none} .check-box{margin:10px 0 0} .check{display:inline-block;position:relative;padding-left:30px;margin:0 10px 10px 0;line-height:24px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-size:16px;font-weight:400} .check input{position:absolute;opacity:0;cursor:pointer;height:0;width:0} .check .checkmark{position:absolute;top:0;left:0;height:24px;width:24px;background-color:none;border-radius:50%;border:1px solid #bbb} .check:hover input ~ .checkmark{background-color:#ccc} .check input:checked ~ .checkmark{background-color:#c01c28;border-color:#c01c28} .check .checkmark:after{content:"";position:absolute;display:none} .check input:checked ~ .checkmark:after{display:block} .check .checkmark:after{left:10px;top:6px;width:5px;height:10px;border:solid #fff;border-width:0 2px 2px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)} .w50{list-style:none} .w50 li{display:inline-block;padding:0;margin:0} .w50 li:first-child{width:47%;margin-right:2%} .w50 li:last-child{width:50%} #success{clear:both;margin:0 0 20px;text-align:center;background-color:#dff0d8;border-color:#d6e9c6;color:#3c763d;border-radius:5px;padding:15px 0} .popup-form.call{margin:0 15%;padding:40px;background:#fff} .popup-form.call .mfp-close{background:#111f3e} .pro-carousel.people{padding:0 30px!important} .frame div[class*='col-md-']{padding:0} .frame .row{margin:0} .border-top{border-top:1px solid #eee} .company{text-align:center;position:relative;background:#111f3e;overflow:hidden;margin-bottom:20px} .company:after{position:absolute;margin:7%;content:"";display:block;left:0;right:0;top:0;bottom:0;border:1px solid rgba(255,255,255,.5)} .company:hover:after{border-color:transparent} .company:hover{background:#c01c28} .company .bottom{opacity:.8} .company:hover .bottom{opacity:.15;-webkit-transform:scale(1.1);-moz-transform:scale(1.1);transform:scale(1.1)} .company .company-info{display:block;margin:0 auto;left:0;right:0;top:0;bottom:0;position:absolute;margin:7%;padding:8%} .company:hover .company-info{background:rgba(11,31,44,.80)} .company .company-info img{max-height:50px;position:relative;top:calc(50% - 25px);line-height:60px;display:block;margin:0 auto} .company:hover .company-info img{top:30px;max-height:40px;} .company .company-info h4{color:rgba(255,255,255,.66);position:relative;top:200px;opacity:0;display:block;font-weight:600} .company:hover .company-info h4{top:50px;opacity:1} .company .company-info .btn-sys{position:relative;top:200px;opacity:0;z-index:1} .company:hover .company-info .btn-sys{top:60px;opacity:1} .company .company-info:before{color:#fff;font-size:16px;position:absolute;bottom:0;left:0;right:0;opacity:0;display:block;content:"\e663";font-family:'themify';margin:0 auto} .company:hover .company-info:before{opacity:1;bottom:25px} .bg-gray{background:#f3f4f5;} .bg-gray4{background:#e5e6e7;background:-moz-radial-gradient(center,ellipse cover,#e5e6e7 0%,#f5f6f7 100%);background:-webkit-radial-gradient(center,ellipse cover,#e5e6e7 0%,#f5f6f7 100%);background:radial-gradient(ellipse at center,#e5e6e7 0%,#f5f6f7 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e5e6e7',endColorstr='#f5f6f7 ',GradientType=1)} .bg-gray5{background:#f5f6f7;background:-moz-radial-gradient(center,ellipse cover,#f5f6f7 0%,#fff 50%);background:-webkit-radial-gradient(center,ellipse cover,#f5f6f7 0%,#fff 50%);background:radial-gradient(ellipse at center,#f5f6f7 0%,#fff 50%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f6f7',endColorstr='#fff ',GradientType=1)} .bg-gray2{background:#f0f1f2;background:-moz-linear-gradient(top,#f0f1f2 0%,#fff 100%);background:-webkit-linear-gradient(top,#f0f1f2 0%,#fff 100%);background:linear-gradient(to bottom,#f0f1f2 0%,#fff 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0f1f2',endColorstr='#ffffff',GradientType=0)} .bg-gray3{background:#f0f1f2;background:-moz-linear-gradient(bottom,#f0f1f2 0%,#fff 100%);background:-webkit-linear-gradient(bottom,#f0f1f2 0%,#fff 100%);background:linear-gradient(to top,#f0f1f2 0%,#fff 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0f1f2',endColorstr='#ffffff',GradientType=0)} .member-box{margin:0} .member-box .member-pic{position:relative;overflow:hidden;text-align:center;background:#fff;width:220px;height:220px;margin:0 auto;border:5px solid #fff;display:block} .member-box:hover .member-pic{-webkit-box-shadow:0 0 10px 0 rgba(0,0,0,0.33);box-shadow:0 0 10px 0 rgba(0,0,0,0.33);-moz-box-shadow:0 0 10px 0 rgba(0,0,0,0.33)} .member-box .member-details .member-links{margin:0 auto;position:absolute;left:0;right:0;top:-20px} .member-box:hover .member-details .member-links{top:-130px} .member-box .member-details .member-links a{outline:none;display:inline-block;margin:0;padding:0} .member-box .member-details .member-links a i{width:40px;height:40px;color:#fff;line-height:40px;border-radius:50%;text-align:center;margin:0;display:block;font-size:16px} .member-box:hover .member-details .member-links a i{width:50px;height:50px;line-height:50px} .member-box .member-pic img{transition:all .3s ease-out;-moz-transition:all .3s 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)} .member-box .member-details{text-align:center;padding:20px 0;position:relative} .member-box .member-details h4{text-transform:capitalize;font-size:18px;line-height:26px;margin:0} .member-box .member-details p{margin:0;min-height:48px} .member-box .member-details .member-position{display:block;font-size:14px;line-height:20px;margin-bottom:10px} .member-box .member-details .connect{display:block;font-size:14px;line-height:18px;letter-spacing:2px;margin-bottom:5px;color:#ccc} .about{background:#fff;} .about .row{margin:0;padding:0} .about div[class*='col-md-']{margin:0;padding:0} .about .about-img{background:#111f3e;overflow:hidden} .about .about-img img{opacity:.8;-webkit-filter:grayscale(100%);filter:grayscale(100%)} .about:hover .about-img img{opacity:1;-webkit-filter:grayscale(0%);filter:grayscale(0%)} .about .about-info{padding:6%} .about .about-info h3{color:#c01c28} .about .about-info .btn-sys{margin:5px 0 0} .about q{font-size:18px;margin-bottom:10px;display:block} .about .about-info ul{list-style:none} .about .about-info ul li span{width:30%;display:inline-block;color:#ccc} .member-social ul{list-style:none!important} .member-social ul li{margin:0 2px;display:inline-block} .member-social ul li a{display:block;width:44px;height:44px;color:#111f3e;line-height:46px;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;font-size:16px;-webkit-box-shadow:0 0 7px 0 rgba(0,0,0,0.15);box-shadow:0 0 7px 0 rgba(0,0,0,0.15);-moz-box-shadow:0 0 7px 0 rgba(0,0,0,0.15)} .member-social ul li:hover a{color:#fff;background-color:#c01c28} .testimonials-carousel{padding:0 60px} .testimonials-carousel .owl-pagination{display:none} .testimonials-carousel{position:relative} .testimonials-carousel .testimonial-stars{margin-bottom:15px} .star{position:relative;display:inline-block;width:0;height:0;margin-left:.9em;margin-right:.9em;margin-bottom:1.2em;border-right:.3em solid transparent;border-bottom:.7em solid #c01c28;border-left:.3em solid transparent;font-size:12px} .star:before,.star:after{content:'';display:block;width:0;height:0;position:absolute;top:.6em;left:-1em;border-right:1em solid transparent;border-bottom:.7em solid #c01c28;border-left:1em solid transparent;-webkit-transform:rotate(-35deg);transform:rotate(-35deg)} .star:after{-webkit-transform:rotate(35deg);transform:rotate(35deg)} .testimonials-carousel .item{text-align:center;padding:0 30px} .testimonials-carousel .quote-content{padding:0} .testimonials-carousel .quote-content h3{color:#c01c28} .testimonials-carousel .quote-author p{font-size:14px;line-height:20px;margin-bottom:0;text-transform:uppercase} .testimonials-carousel .quote-content q{font-size:24px;line-height:32px;letter-spacing:0;text-transform:none;display:block;margin:0 auto 15px;min-height:96px} .testimonials-carousel .team-img{border-radius:50%;margin:0 auto 20px;width:90px;height:90px;line-height:82px;display:block;text-align:center;background:rgba(255,255,255,1)} .testimonials-carousel .team-img img{padding:4px;opacity:1} .testimonials-carousel:hover .team-img img{opacity:1} .testimonials-carousel:hover .team-img{background:#c01c28} .testimonials-carousel .owl-buttons div.owl-prev{left:0;background:url(https://baisecurity.net/wp-content/themes/images/icons/prev.png) no-repeat!important} .testimonials-carousel .owl-buttons div.owl-next{right:0;background:url(https://baisecurity.net/wp-content/themes/images/icons/next.png) no-repeat!important} .testimonials-carousel .owl-buttons div{position:absolute;top:50%;width:15px;height:30px;display:block;margin:-15px 0 0!important;padding:0!important;-webkit-border-radius:0!important;-moz-border-radius:0!important;border-radius:0!important;background:none!important;filter:Alpha(Opacity=0.5)!important;opacity:.5!important;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} .testimonials-carousel .owl-buttons div:hover{filter:Alpha(Opacity=1)!important;opacity:1!important} .light-section .testimonials-carousel .owl-buttons div.owl-prev{background:url(images/icons/prev-dark.png) no-repeat!important} .light-section .testimonials-carousel .owl-buttons div.owl-next{background:url(images/icons/next-dark.png) no-repeat!important} .light-section .testimonials-carousel:hover .team-img{background:#c01c28;box-shadow:none} .image-notes{max-width:80%;display:block;position:relative;margin:0 auto} .image-notes .img-note{position:absolute} .image-notes .img-note .note-marker{display:inline-block;cursor:help;width:10px;height:10px;border-radius:50%;position:relative;z-index:0;-webkit-animation:note-marker 1s linear infinite;-moz-animation:note-marker 1s linear infinite;-ms-animation:note-marker 1s linear infinite;-o-animation:note-marker 1s linear infinite;animation:note-marker 1s linear infinite;background-color:#c01c28} @-webkit-keyframes note-marker { 0%{-webkit-transform:scale(1)} 30%{-webkit-transform:scale(0.8)} 100%{-webkit-transform:scale(1)} } @-moz-keyframes note-marker { 0%{-moz-transform:scale(1)} 30%{-moz-transform:scale(0.8)} 100%{-moz-transform:scale(1)} } @-o-keyframes note-marker { 0%{-o-transform:scale(1)} 30%{-o-transform:scale(0.8)} 100%{-o-transform:scale(1)} } @keyframes note-marker { 0%{transform:scale(1)} 30%{transform:scale(0.8)} 100%{transform:scale(1)} } .image-notes .img-note .note-marker:after{position:absolute;top:-7px;left:-7px;width:24px;height:24px;content:"";display:block;border-radius:50%;border:2px solid #c01c28} .image-notes .img-note .img-note-content{text-align:center;position:absolute;bottom:100%;left:50%;width:300px;opacity:0;filter:Alpha(Opacity=0);visibility:hidden;border-radius:4px;margin-bottom:20px;margin-left:-150px;border:1px solid rgba(0,0,0,.1);padding:10px;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;background:#fff} .image-notes .img-note:hover .img-note-content{opacity:1;filter:Alpha(Opacity=1);visibility:visible;margin-bottom:10px;z-index:50;background:#fff} .image-notes .img-note .img-note-content:after{content:"";width:8px;height:8px;position:absolute;top:100%;left:50%;margin-left:-4px;margin-top:-4px;display:block;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);box-shadow:1px 1px 0 rgba(0,0,0,.1);background-color:#fff} .image-notes .img-note .img-note-content p{font-size:16px;line-height:22px} .image-notes .img-note .img-note-content img{margin-bottom:10px} .tooltip{font-family:'Bai Jamjuree',sans-serif;} .m0{margin:0} .what{background:#fff;} .what .row{margin:0;padding:0} .what div[class*='col-md-']{margin:0;padding:0} .what-box{float:left;} .what-box .what-img{float:left;display:inline-block;width:50%;overflow:hidden;background:#111f3e} .what-box .what-img img {opacity:0.8} .what:hover .what-box:hover .what-img img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);transform:scale(1.1);opacity:1;-webkit-filter:grayscale(0);filter:grayscale(0%)} .what:hover .what-box .what-img img{opacity:0.25;-webkit-filter:grayscale(100);filter:grayscale(100%)} .what-box .what-info{padding:5%;position:relative;float:left;display:inline-block;width:50%} .what-box .what-info .btn-sys{margin:10px 0 0} .what-box .what-info h3{margin-bottom:20px} .what-box:hover .what-info h3{color:#c01c28} .what-box.half .what-img{width:100%} .what-box.half .what-info{width:100%;padding:8%} .what-info.arrow-left:after{content:'';position:absolute;left:0;top:20%;width:0;height:0;border:15px solid transparent;border-right-color:#fff;border-left:0;margin-top:-15px;margin-left:-15px;z-index:1} .what-info.arrow-right:after{content:'';position:absolute;right:0;top:20%;width:0;height:0;border:15px solid transparent;border-left-color:#fff;border-right:0;margin-top:-15px;margin-right:-15px;z-index:1} .what-info.arrow-up:after{content:'';position:absolute;top:0;left:20%;width:0;height:0;border:15px solid transparent;border-bottom-color:#fff;border-top:0;margin-left:-15px;margin-top:-15px;z-index:1} .what-box .what-info ul{list-style:none;margin-bottom:15px} .what-box .what-info ul li{padding:0 0 0 20px;font-size:15px;position:relative;line-height:22px;} .what-box .what-info ul li:before{content:"\e724";font-family:'themify';color:#c01c28;position:absolute;top:1px;left:0;font-size:14px} .what-box .what-info ul li a{color:#111f3e} .what-box .what-info ul li a:hover{color:#c01c28} .what-box .what-info ul.scroll {overflow-y:scroll;height:240px; padding-right:15px} .what-box .what-info ul.scroll::-webkit-scrollbar{width:2px} .what-box .what-info ul.scroll::-webkit-scrollbar-track{background:#e0e1e2} .what-box .what-info ul.scroll::-webkit-scrollbar-thumb{background:#c01c28} .what-box .what-info ul.scroll::-webkit-scrollbar-thumb:hover{background:#c01c28} .pl45{padding-left:45px} .c-form .row{margin:0;padding:0} .c-form .col-md-4,.c-form .col-md-8,.c-form .col-md-12,.c-form .col-md-9,.c-form .col-md-3{padding:0;margin:0} .c-form .c-input input[type="text"],.c-form .c-input input[type="file"],.c-form .c-input textarea,.c-form .c-input select{font-size:14px;margin:0;outline:none;width:100%;padding:10px 0 10px 40px;color:#111f3e;line-height:25px;background:none;border:none;opacity:1;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} .c-form .c-input select{-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;appearance:none} .c-form .c-input input[type="file"]{position:absolute;opacity:0;top:0;right:0;width:100%} .c-form .c-input input[type="text"]:hover,.c-form .c-input input[type="text"]:focus,.c-form .c-input textarea:hover,.c-form .c-input textarea:focus,.c-form .c-input select:hover,.c-form .c-input select:focus{color:#111f3e;background:none;border:none;outline:none;box-shadow:none} .c-form label{font-weight:400;margin-bottom:10px;display:block;line-height:20px;padding:5px 0 5px 40px} .c-form button{border:none;margin:20px 0 0;text-align:center} .c-form h4{margin:0} .c-form .c-input{position:relative;margin:7.5px;padding:0;min-height:45px;display:block-inline;background:#fff;webkit-border-radius:25px;-moz-border-radius:25px;border-radius:25px;-o-border-radius:25px;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 #ddd} .c-form .c-input:hover,.c-form .c-input:focus{background:#fff;-webkit-box-shadow:inset 0 0 5px 0 #c01c28;box-shadow:inset 0 0 5px 0 #c01c28;-moz-box-shadow:inset 0 0 5px 0 #c01c28} .c-form .c-input i{position:absolute;top:14px;left:15px;color:#bbb;font-size:16px;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} .c-form .c-input:hover i{color:#c01c28} .blog{margin:15px;background:#fff} .blog .blog-img{background:#111f3e;overflow:hidden;position:relative;max-height:240px} .blog .blog-img img{opacity:1} .blog:hover .blog-img img{opacity:.33;-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 25px 50px;position:relative} .blog .blog-info:hover{background:#fff} .blog .blog-info h3{font-size:18px;line-height:24px;min-height:48px} .blog:hover .blog-info h3{color:#c01c28} .blog .blog-info p{min-height:120px;margin:0} .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:#c01c28} .blog .blog-info span.date{opacity:1;left:25px;color:#ccc} .blog .blog-info span.more{opacity:0;left:60px} .blog .blog-info:hover span.date{opacity:0;left:-25px} .blog .blog-info:hover span.more{opacity:1;left:25px} .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:#c01c28;transform:rotate(360deg);-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);-moz-transform:rotate(360deg);opacity:1} .demo .blog .blog-img{max-height:none!important} .demo .blog .blog-info h3{min-height:auto} .demo .blog .blog-info p{min-height:auto} .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:#111f3e} .post-meta li a{color:#c01c28} .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:13px;border-bottom:1px solid #c01c28} .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 #c01c28} .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:#c01c28;position:absolute;top:6px;left:0;font-size:12px} .widget-categories ul li a{color:#111f3e} .widget-categories ul li a:hover{color:#c01c28} .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:#c01c28} .widget-recent-posts ul li a:hover{color:#c01c28} .widget-tags a{display:inline-block;border-radius:10px;font-size:13px;color:#999;padding:3px 10px;margin:0 2px 6px 0;text-transform:capitalize} .widget-tags a:hover{color:#fff!important} .post .post-content ul{list-style:none} .post .post-content ul li{padding:0 0 5px 22px;position:relative;} .post .post-content ul li:before{content:"\e64d";font-family:'themify';color:#c01c28;position:absolute;top:0;left:0;font-size:14px} .post .post-content table{margin:0;padding:15px!important;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;width:100%} .post .post-content table tr:hover span{color:rgba(255,255,255,.66)} .post .post-content table tr:hover td{color:#fff} .post .post-content table tr:hover{border-bottom:1px solid rgba(255,255,255,.066)} .post .post-content table tr{border-bottom:1px solid rgba(0,0,0,.066)} .post .post-content table tr:last-child{border-bottom:none} .post .post-content table td{padding:10px 15px;vertical-align:top;font-size:16px;line-height:24px} .post .post-content table tr:hover{background:#c01c28;} .post .post-content table tr:hover a{color:#fff} .post .post-content table td span{font-weight:600;text-transform:uppercase;font-size:13px} .post .post-content table tr:nth-child(2n+1) td{background-color:rgba(0,0,0,.033)} .post .post-content img {margin-bottom:30px;} .pb0{padding-bottom:0} .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:#111f3e;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:#c01c28;color:#fff!important;-webkit-box-shadow:none;box-shadow:none} .pagination a i{font-size:16px;line-height:48px} .post-share{margin-top:20px} .post-share a{display:inline-block;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out} .post-share a.facebook{background-color:#507CBE} .post-share a.facebook:hover{background-color:#3E68A8} .post-share a.twitter{background-color:#63CDF1} .post-share a.twitter:hover{background-color:#36BFED} .post-share a.gplus{background-color:#F16261} .post-share a.gplus:hover{background-color:#EF4545} .post-share a.linkedin{background-color:#90CADD} .post-share a.linkedin:hover{background-color:#72BBD3} .post-share a.mail{background-color:#FFA803} .post-share a.mail:hover{background-color:#FF5E00} .post-share a i{width:36px;height:36px;line-height:36px;text-align:center;display:block;color:#fff;font-size:1em} .meta-summary{list-style:none;display:block;margin:30px 0} .meta-summary li{margin:0 -2px;width:33.3333%;padding:0;display:inline-block;text-align:center;border-right:1px solid #eee;vertical-align:top} .meta-summary li:last-child{border-right:none} .meta-detail{margin-bottom:30px} .meta-detail h4{margin:0;font-size:15px} .meta-detail img{max-height:40px;-webkit-filter:grayscale(100%);filter:grayscale(100%);margin:0 0 10px;opacity:.66} .meta-detail:hover img{-webkit-filter:grayscale(0%);filter:grayscale(0%);opacity:1} .meta-detail{display:block} .meta-detail p{margin:0} .pro-carousel{padding:0} .pro-carousel .item{opacity:1;filter:Alpha(Opacity=1);padding:0;margin:0} .pro-carousel{position:relative} .pro-carousel .owl-buttons div{position:absolute;top:50%;width:15px;height:30px;display:block;margin:-15px 0 0!important;padding:0!important;-webkit-border-radius:0!important;-moz-border-radius:0!important;border-radius:0!important;background:none!important;filter:Alpha(Opacity=0.50)!important;opacity:.50!important} .pro-carousel .owl-buttons div:hover{filter:Alpha(Opacity=1)!important;opacity:1!important} .pro-carousel .owl-buttons div.owl-prev{left:0;background:url(images/icons/prev-dark.png) no-repeat!important} .pro-carousel .owl-buttons div.owl-next{right:0;background:url(images/icons/next-dark.png) no-repeat!important} /* .owl-carousel .owl-stage{display: flex;} .owl-carousel .item{ display: flex; flex: 1 0 auto; height: 100%; } .owl-carousel .item .testimonials{ position: relative; display: flex; flex-direction: column; align-items: stretch; } */ .pro-carousel.awards{padding:0 30px;margin:0;text-align:center;} .awards a{line-height:100px;height:100px;text-align:center;display:block;padding:0;margin:7.5px;background:#fff} .awards a img{max-height:60px;max-width:120px;margin:0 auto;-webkit-filter:grayscale(100%);filter:grayscale(100%);opacity:.66} .awards a:hover img{-webkit-filter:grayscale(0);filter:grayscale(0%);opacity:1} .brands{list-style:none;margin:0;text-align:center;padding:0} .brands li{display:inline-block;width:20%;margin:0 -2px;padding:0;vertical-align:top;} .brands a{line-height:140px;height:140px;text-align:center;display:block;padding:0;margin:7.5px;background:#fff} .brands a img{max-height:100px;max-width:120px;margin:0 auto;-webkit-filter:grayscale(0%);filter:grayscale(0%);opacity:1} .brands a:hover img{-webkit-filter:grayscale(0);filter:grayscale(0%);opacity:1} .brands:hover a:hover img{-webkit-filter:grayscale(0);filter:grayscale(0%);opacity:1} .brands:hover a img{-webkit-filter:grayscale(100);filter:grayscale(100%);opacity:.50} .sub{font-size:14px;font-family: "Montserrat", Sans-serif;margin-bottom:5px;font-weight:400;text-transform:uppercase;letter-spacing:5px;color:#c01c28} .sub:before{position:relative;top:-4px;width:20px;height:1px;background:#e0e1e2;display:inline-block;content:"";margin-right:10px} .sub:after{position:relative;top:-4px;width:20px;height:1px;background:#e0e1e2;display:inline-block;content:"";margin-left:10px} .dark-section .sub {color:#fff} .dark-section .sub:before{background:rgba(255,255,255,.33)} .dark-section .sub:after{background:rgba(255,255,255,.33)} .dark-section .sub.red {color:#c01c28} .values ul.nav-tabs{width:100%;text-align:center;margin:0 0 15px;border-bottom:none} .values .nav-tabs > li{float:none;width:14.2857142857%;position:relative;margin:0 -2px;padding:0;display:inline-block;vertical-align:top;background:none} .values ul.nav-tabs li a{margin:0;text-transform:uppercase;outline:none;padding:0;border:none;background:none} .values ul.nav-tabs li a span {min-height:36px;line-height:18px;color:#999;font-size:13px;font-weight:600;letter-spacing:.5px;display:block} .values ul.nav-tabs li a .tab-img{width:90px;height:90px;line-height:90px;display:block;text-align:center;margin:0 auto 15px;background:#111f3e;position:relative;overflow:hidden} .values ul.nav-tabs li.active a .tab-img{background:#fff;-webkit-box-shadow:none;box-shadow:none} .values ul.nav-tabs li a:hover,.values ul.nav-tabs li a:focus{color:#111f3e;background:none} .values ul.nav-tabs li.active a{border-bottom:none!important;color:#c01c28;opacity:1;border:none} .values ul.nav-tabs li.active span{color:#c01c28;} .values ul.nav-tabs li a:hover{color:#4d4d4f;border:none} .values ul.nav-tabs li a:focus{color:#111f3e;border:none} .values ul.nav-tabs li.active a .tab-img,.values ul.nav-tabs li a:hover .tab-img{-webkit-box-shadow:none;box-shadow:none;background:#c01c28} .values ul.nav-tabs li a .tab-img:after{display:none;position:absolute;left:50%;bottom:-7px;width:12px;height:12px;margin-left:-6px;background-color:#fff;transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);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;border-radius:0;content:""} .values ul.nav-tabs li.active a .tab-img:after,.values ul.nav-tabs li a:hover .tab-img:after {display:block} .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 img{display:block;position:absolute;left:0;right:0;margin:0 auto;} .values ul.nav-tabs li.active a img.hov{opacity:1;top:25px;height:40px} .values ul.nav-tabs li.active a img.act{opacity:0;top:15px;height:60px} .values ul.nav-tabs li a:hover img.hov{opacity:1;top:25px;height:40px} .values ul.nav-tabs li a:hover img.act{opacity:0;top:40px;height:10px} .values ul.nav-tabs li a img.hov{opacity:0;top:25px;height:40px} .values ul.nav-tabs li a img.act{opacity:1;top:25px;height:40px} .values ul.nav-tabs li a .tab-img i{font-size:36px;line-height:80px;transition-duration:.4s;transition-property:transform;display:block;color:#ccc} .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} .values ul.nav-tabs li a:hover .tab-img i{transform:rotate(360deg);-webkit-transform:rotate(360deg)} .values .tab-content{padding:0} .values .tab-pane{padding:0;border-radius:3px;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} .values .tab-pane div[class*='col-md-']{padding:0} .values .tab-pane .row{margin:0} .values .tab-pane .btn-sys{margin:20px 0 0} .values .tab-pane h3 {color:#c01c28} .values .tab-content.industries-tab{padding:0;width:100%} .tab-services {list-style:none;text-align:center;margin-bottom:10px} .tab-services li {display:inline-block;padding:0;font-weight:600} .tab-services li:after{content:"\e724";font-family:'themify';color:#c01c28;margin:0 20px;font-size:14px;position:relative;top:2px} .tab-services li:last-child:after{display:none} .ceo h4 {text-transform:uppercase;margin:0;font-size:15px} .ceo{text-align:center} .ceo q{font-size:24px;line-height:32px;margin-bottom:20px;display:block} .ceo p{font-size:13px;letter-spacing:1px;text-transform:uppercase} .ceo .ceo-img {text-align:center;border-radius:50%;margin:0 auto 20px;overflow:hidden;border:5px solid #fff;display:block;width:90px;} .ceo:hover .ceo-img {border-color:#c01c28} .industries{margin:0;padding:0;position:relative;overflow:hidden;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:#fff} .industries-img{display:none;overflow:hidden} .industries-info{padding:50px;text-align:left;background:#f3f4f5} .industries-info:hover{background:#fff} .industries-info span{font-size:13px;margin-bottom:15px;font-weight:400;text-transform:uppercase;letter-spacing:1px;color:#c01c28} .industries-info h3{margin:0} .industries-info ul{margin:10px;list-style:none} .industries-info ul li{font-size:16px;padding:0 0 5px 20px;position:relative;font-weight:600} .industries-info ul li:before{content:"\e724";font-family:'themify';color:#c01c28;position:absolute;top:0;left:0;font-size:12px} .approach-ul{list-style:none!important;text-align:center;margin:25px auto 0;display:block} .approach-ul li{display:inline-block;width:25%;margin:-2px;padding:0;vertical-align:top} .approach{padding:25px 20px;margin:0 15px;position:relative;overflow:hidden;text-align:center;display:block;background:none;border-radius:5px} .approach .approach-img{display:block;text-align:center;margin:0 auto 15px;border-radius:50%;position:relative} .approach .approach-img img{max-height:40px} .approach h4{font-size:16px;line-height:22px;min-height:48px;margin:0} .approach p{font-size:15px;line-height:20px;margin:0} .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;text-align:center;margin-bottom:30px} .service .service-img{overflow:hidden!important;position:relative;background:#000;border-radius:3px} .service:hover .service-img{border-radius:0;margin:0;background:#111f3e} .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:.75;-webkit-filter:grayscale(0%);filter:grayscale(0%)} .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:.075;-webkit-filter:grayscale(100%);filter:grayscale(100%)} .service .service-img h4{color:#fff;letter-spacing:1px;text-shadow:0 0 5px #000;position:absolute;bottom:12%;left:0;right:0;margin:0 auto;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;text-transform:uppercase;font-size:15px;line-height:20px} .service:hover .service-img h4{opacity:0;bottom:0} .service .icon{position:absolute;bottom:-36px;left:0;right:0;margin:0 auto;z-index:0;width:72px;height:72px;line-height:72px;text-align:center;color:#c01c28;z-index:37;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;background:#fff;border-radius:50%;-webkit-box-shadow:0 -10px 10px 0 rgba(11,31,44,0.15);box-shadow:0 -10px 10px 0 rgba(11,31,44,0.15);-moz-box-shadow:0 -10px 10px 0 rgba(11,31,44,0.15);text-align:center} .service:hover .icon{background:none;box-shadow:none;bottom:0} .service .icon i{font-size:24px;line-height:72px;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;margin:0 auto} .service:hover .icon i{transform:rotate(180deg);-webkit-transform:rotate(180deg)} .service .service-img .numb{color:#fff;font-size:20px;background:#c01c28;position:absolute;left:0;right:0;margin:0 auto;display:block;width:50px;height:50px;line-height:50px;transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;top:calc(50% - 40px);border-radius:50%;font-weight:600} .service:hover .service-img .numb{opacity:0;top:-5%} .service .service-img .mob{display:none} .service .service-text{position:absolute;top:50px;bottom:0;left:0;opacity:0;right:0;padding:10% 7%;text-align:center;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-text .lead{color:#fff;font-size:16px;line-height:20px} .service .service-text .lead span{display:block;color:#c01c28;text-transform:uppercase;font-size:12px;font-weight:600} .service .service-text p{color:rgba(255,255,255,.9);font-size:16px;line-height:22px} .service .service-text p b{color:#fff} .service .service-text img{max-height:30px;margin-bottom:10px} .service .service-text h3{color:#fff;text-transform:capitalize;font-size:20px;line-height:28px;margin:0 0 5px} .service .service-text hr{border-color:rgba(255,255,255,.1);margin:15px 0} .service:hover .service-text{opacity:1;top:0} .service .service-text ul{list-style:none;margin-bottom:15px} .service .service-text ul li{padding:0 0 3px 22px;font-size:16px;position:relative;line-height:22px;color:rgba(255,255,255,.9)} .service .service-text ul li:before{content:"\e64d";font-family:'themify';color:#c01c28;position:absolute;top:0;left:0;font-size:14px} .service .service-text .btn-sys{margin:10px 0 0} .service .service-text i {display:none} .service.quality .service-text{text-align:left;padding:10%} .solutions .tabs{border:none!important;display:block;width:100%;position:relative;height:102px;margin-bottom:20px;font-size:15px;line-height:21px;color:#111f3e;outline:none;font-weight:600} .solutions .tabs :hover,.solutions .tabs:focus,.solutions .tabs.active{color:#c01c28} .solutions .left .tabs .tab-img{left:auto;right:0} .solutions .left .tabs .title{padding:40px 110px 0 0;display:block;text-align:right} .solutions .tabs .tab-img{text-align:center;margin:0;background:#fff;width:90px;height:90px;position:absolute;display:block;top:0;left:0} .solutions .tabs .title{padding:40px 0 0 110px;display:block;text-align:left} .solutions .tabs.active .tab-img{background:#c01c28} .solutions .tabs.active .tab-img,.solutions .tabs:hover .tab-img{background:#c01c28;-webkit-box-shadow:none;box-shadow:none;-moz-box-shadow:none} .solutions .tabs img{display:block;position:absolute;left:0;right:0;margin:0 auto;z-index:2;-webkit-filter:grayscale(100);filter:grayscale(100%)} .solutions .tabs img.hov{opacity:0;top:30px;height:30px} .solutions .tabs img.act{opacity:1;top:27px;height:36px} .solutions .tabs.active img.hov{opacity:1;top:27px;height:36px} .solutions .tabs.active img.act{opacity:0;top:20px;height:50px} .solutions .tabs:hover img.hov{opacity:1;top:27px;height:36px} .solutions .tabs:hover img.act{opacity:0;top:30px;height:30px} .solutions .service-img{padding:0 10%;border-radius:50%} .solutions .service-img img{border-radius:50%;border:6px solid #fff;-webkit-box-shadow:0 0 15px 0 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)} .tabsContent{width:100%} .tabsContent .btn-sys{margin:10px 0 0} .tabsContent ul{list-style:none;margin-bottom:10px} .tabsContent ul li{padding:0 20px 0 7px;font-size:15px;position:relative;line-height:15px;display:inline-block;text-align:left} .tabsContent ul li:after{content:"\e724";font-family:'themify';color:#c01c28;position:absolute;top:1px;right:0;font-size:12px} .tabsContent ul li:last-child:after{display:none} .section-overlay-white{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;background:rgba(255,255,255,1);background:-moz-linear-gradient(top,rgba(255,255,255,1) 0%,rgba(245,246,247,0.85) 100%);background:-webkit-gradient(left top,left bottom,color-stop(0%,rgba(255,255,255,1)),color-stop(100%,rgba(245,246,247,0.85)));background:-webkit-linear-gradient(top,rgba(255,255,255,1) 0%,rgba(245,246,247,0.85) 100%);background:-o-linear-gradient(top,rgba(255,255,255,1) 0%,rgba(245,246,247,0.85) 100%);background:-ms-linear-gradient(top,rgba(255,255,255,1) 0%,rgba(245,246,247,0.85) 100%);background:linear-gradient(to bottom,rgba(255,255,255,1) 0%,rgba(245,246,247,0.85) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#fff',GradientType=0)} .section-overlay-white2{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;background:-moz-linear-gradient(top,rgba(245,246,247,0.9) 0%,rgba(255,255,255,1) 100%);background:-webkit-linear-gradient(top,rgba(245,246,247,0.9) 0%,rgba(255,255,255,1) 100%);background:linear-gradient(to bottom,rgba(245,246,247,0.9) 0%,rgba(255,255,255,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e6f5f6f7',endColorstr='#ffffff',GradientType=0)} .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-gray2{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;background:-moz-linear-gradient(top,rgba(245,246,247,0.9) 0%,rgba(245,246,247,1) 100%);background:-webkit-linear-gradient(top,rgba(245,246,247,0.9) 0%,rgba(245,246,247,1) 100%);background:linear-gradient(to bottom,rgba(245,246,247,0.9) 0%,rgba(245,246,247,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e6f5f6f7',endColorstr='#f5f6f7',GradientType=0)} .alt{background:#f5f6f7;padding:15px;text-align:center} .alt img{max-height:40px;margin-bottom:15px} .alt ul{list-style:none;margin-bottom:15px} .alt ul li{padding:0 0 2px;font-size:15px;position:relative;line-height:22px} .section-element{position:absolute;bottom:-1px;left:0;right:0;margin-left:auto;margin-right:auto;text-align:center;width:100%;height:50px;background-color:none;z-index:50} .section-element img{height:50px;width:100%} .section-element2{position:absolute;top:-1px;left:0;right:0;margin-left:auto;margin-right:auto;text-align:center;width:100%;height:50px;background-color:none;z-index:50} .section-element2 img{height:50px;width:100%} .why{list-style:none!important;text-align:center} .why li{margin:0 -2px;display:inline-block;width:20%;padding:0;vertical-align:top} .cta{background: #c01c28; background: -moz-radial-gradient(center, ellipse cover, #c01c28 0%, #600e14 100%); background: -webkit-radial-gradient(center, ellipse cover, #c01c28 0%,#600e14 100%); background: radial-gradient(ellipse at center, #c01c28 0%,#600e14 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c01c28', endColorstr='#600e14',GradientType=1 ); } .story{position:relative} .story .story-bg{position:relative;margin-right:20%;overflow:hidden} .story .story-info{padding:50px;position:absolute;right:0;top:0;bottom:0;margin:5% 0;background:#fff;width:40%;text-align:left;-webkit-box-shadow:0 0 15px 0 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)} .story .story-info .btn-sys{margin:10px 0 0} .story .story-info img{max-height:46px;margin-bottom:20px} .story .story-info h3{font-size:22px;line-height:30px} .story .story-info .btn-sys{margin:10px 0 0} .story .story-info ul{list-style:none} .story .story-info ul li{padding:0 7px 5px 22px;font-size:16px;position:relative;text-transform:capitalize;line-height:24px} .story .story-info ul li:before{content:"\e64d";font-family:'themify';color:#c01c28;position:absolute;top:0;left:0;font-size:16px} .story .story-info hr{margin:10px 0} .pb0{padding-bottom:0!important} .office{position:relative} .office .office-nav{padding:40px;position:relative} .office ul.nav-tabs{border-bottom:none} .office ul.nav-tabs li{display:block;padding:0;margin:0} .office ul.nav-tabs li a{border:none;font-size:16px;background:none;font-weight:600;padding:0 0 0 46px;line-height:20px;position:relative;margin:0 0 25px} .office ul.nav-tabs li a span{display:block} .office ul.nav-tabs li a .state{font-size:11px;letter-spacing:5px;line-height:12px;font-weight:400;color:#aaa} .office ul.nav-tabs li a i{width:36px;height:36px;line-height:36px;display:block;background:#e5e6e7;color:#aaa;position:absolute;top:0;left:0;text-align:center;border-radius:50%;font-size:16px} .office ul.nav-tabs li.active a i{background:#c01c28;color:#fff} .office ul.nav-tabs li.active a{background:none;border:none} .map-section{padding:0;position:relative;width:100%;background:#009390;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:hover .map-icon img{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} .contact-box{position:absolute;bottom:50px;left:-50px;width:240px;background:#c01c28;padding:30px;border:5px solid #fff;z-index:51} .address-box{position:relative;display:block} .address-box i{color:#c01c28;display:block;font-size:16px;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;margin-bottom:5px} .address-box:hover i{color:#fff} .address-box p{color:rgba(255,255,255,.66);padding:0;font-size:16px;line-height:24px} .address-box a{color:#fff} .address-box h4{margin:0 0 5px;color:#fff} .portfolio-filters{text-align:center;margin:0 0 40px} .portfolio-filters a{display:inline-block;color:#121a3f;padding:0;position:relative;width:14%;vertical-align:top;margin:0 -2px} .portfolio-filters a span {font-size:13px;letter-spacing:0.5px;text-transform:uppercase;font-weight:600;line-height:18px;display:block} .portfolio-filters a:hover span,.portfolio-filters a.active span {color:#c01c28} .portfolio-filters a .tab-img{width:80px;height:80px;line-height:80px;display:block;text-align:center;margin:0 auto 15px;overflow:hidden} .portfolio-filters a.active .tab-img{background:#fff;-webkit-box-shadow:none;box-shadow:none} .portfolio-filters a.active .tab-img,.portfolio-filters a:hover .tab-img{-webkit-box-shadow:none;box-shadow:none;background:#c01c28;} .portfolio-filters a:hover .tab-img{-webkit-box-shadow:none;box-shadow:none} .portfolio-filters a:focus .tab-img{-webkit-box-shadow:none;box-shadow:none} .portfolio-filters a .tab-img img{display:block;position:absolute;left:0;right:0;margin:0 auto;-webkit-filter:grayscale(100%);filter:grayscale(100%)} .portfolio-filters a.active .tab-img img.hov{opacity:1;top:22px;height:36px} .portfolio-filters a.active .tab-img img.act{opacity:0;top:10px;height:60px} .portfolio-filters a:hover .tab-img img.hov{opacity:1;top:22px;height:36px} .portfolio-filters a:hover .tab-img img.act{opacity:0;top:35px;height:10px} .portfolio-filters a .tab-img img.hov{opacity:0;top:22px;height:36px} .portfolio-filters a .tab-img img.act{opacity:1;top:22px;height:36px} .portfolio-filters a.active :before{content:"\e64b";font-family:'themify';position:absolute;bottom:-35px;font-size:12px;left:0;right:0;margin:auto;color:#c01c28;width:30px;height:30px;line-height:32px;display:block;} #portfolio-grid{width:100%;margin:0 auto;padding:0} #portfolio-grid .portolio-item{overflow:hidden;position:relative;margin:-.5px;width:25%!important} .portolio-info {text-align:center;margin:30px 0 0;} .portolio-info .btn-sys {margin:15px 0 0} .portolio-info h3 {display:none} .portolio-info p {margin:0} .build {margin:7.5px; padding:15px 15px 15px 70px; background:#fff;position:relative;display:block;height:70px;border-radius:3px;} .build p {min-height:40px;margin:0;text-align:left;font-size:15px;line-height:20px;} .build i {position:absolute;top:15px;left:15px;height:40px;width:40px;line-height:40px;text-align:center;background:#e3e4e5;color:#111f3e;display:block;font-size:16px;} .build:hover i {background:#c01c28;color:#fff} .counter{display:inline-block;text-align:center;position:relative;background:#fff} .counter > span{display:block} .counter .counter-img{background:#111f3e;overflow:hidden;position:relative} .counter .counter-img img{opacity:1} .counter-box:hover .counter .counter-img img{opacity:.33;-webkit-transform:scale(1.1,1.1);transform:scale(1.1,1.1);-webkit-filter:grayscale(100);filter:grayscale(100%)} .counter-box:hover .counter:hover .counter-img img{opacity:1;-webkit-transform:scale(1.1,1.1);transform:scale(1.1,1.1);-webkit-filter:grayscale(0);filter:grayscale(0%)} .counter .counter-info {padding:25px 15px;position:relative;display:block} .counter .counter-info:before{content:"";width:30px;height:30px;position:absolute;bottom:100%;left:50%;margin-left:-15px;margin-bottom:-15px;display:block;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);background-color:#fff} .counter .num-counter{font-size:30px;height:30px;line-height:30px;font-weight:700;margin:0 auto;text-align:center;display:inline-block!important;font-family:'Montserrat',sans-serif;letter-spacing:-1px;} .counter:hover .num-counter{color:#c01c28} .counter p{margin:0;min-height:72px} .news-list{list-style:none} .news-list li{display:block;width:33.3333333%;float:left;padding:0;margin:0;vertical-align:top} .press{padding:0;position:relative;display:block;margin:0 0 30px;background:#fff;} .press a{outline:none} .press .press-img{display:inline-block;width:45%;margin:0 -2px;overflow:hidden;vertical-align:middle;text-align:center;height:248px;padding:25px;background:#f0f1f2;} .press .press-img img {max-height:190px; max-width:100% !important; width:auto !important; height:auto !important;} .press .press-info {width:55%;display:inline-block;padding:30px 30px 50px 30px;position:relative;height:inherit;margin:0 -2px;vertical-align:top} .press .press-info h4{line-height:24px;font-size:16px;margin:0;text-transform:capitalize;min-height:168px} .press .press-info span{position:absolute;bottom:15px;font-size:14px;color:#aaa;transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease} .press:hover .press-info span{color:#c01c28} .press .press-info span.date{opacity:1;left:25px} .press .press-info span.more{opacity:0;left:0} .press:hover .press-info span.date{opacity:0;left:0;color:#c01c28;} .press:hover .press-info span.more{opacity:1;left:25px;color:#c01c28;} .press .press-info span i{font-size:12px;position:relative;top:1px} .press-more{padding:0;line-height:170px;text-align:center} .press-more a{color:#c01c28;font-weight:600} .press-more:hover a,.press-more:hover a i{color:#fff} .press-more a i{margin-left:10px;position:relative;top:1px} .testimonials{text-align:center;padding:75px 50px 30px;margin:15px;transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;background:#133C7C; position:relative; font-family:'Bai Jamjuree',sans-serif;} .testimonials:before{content:"\e60a";font-family:'themify';color:#e0e1e2;position:absolute;right:0;left:0;top:30px;margin:0 auto;font-size:25px;display:block} .testimonials:hover:before{color:#c01c28;transform:rotate(360deg);-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);-moz-transform:rotate(360deg);} .testimonials:hover{background:#111f3e;} .testimonials .avat{border-radius:50%;background:#fff;display:block;margin:0 auto;transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-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);box-shadow:0 0 15px 0 rgba(0,0,0,0.15);width:90px;height:90px;padding:5px} .testimonials .avat img{border-radius:50%;transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;} .testimonials:hover .avat{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;background:#c01c28} .testimonials .quote-content{padding:15px 0;position:relative} .testimonials .quote-content q{font-size:17px;line-height:24px;font-weight:400;letter-spacing:0;margin-bottom:0;display:block;min-height:168px;color:#fff} .testimonials .quote-author span{font-size:12px;letter-spacing:0;text-transform:uppercase;line-height:20px;color:rgba(255,255,255,.33);transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease} .testimonials .quote-author h4{font-size:16px;margin-bottom:0;transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;color:#fff} .testimonials:hover .quote-author h4{color:#c01c28} .radial-gradient{ background: #e3e4e5; background: -moz-radial-gradient(center, ellipse cover, #e3e4e5 0%, #ffffff 75%); background: -webkit-radial-gradient(center, ellipse cover, #e3e4e5 0%,#ffffff 75%); background: radial-gradient(ellipse at center, #e3e4e5 0%,#ffffff 75%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3e4e5', endColorstr='#ffffff',GradientType=1 ); } .p30{padding:0 30px!important} .program-box{margin:0 0 30px;background:#fff;border-radius:4px; overflow:hidden} .program-box.auto{min-height:auto} .program-box.auto p {min-height:120px;} .program-box .program-box-cont{position:relative} .program-box .program-box-img{background:#111f3e;position:relative;overflow:hidden} .program-box .program-box-img img{opacity:1} .program-box:hover .program-box-img img{opacity:.25;-webkit-transform:scale(1.1,1.1);transform:scale(1.1,1.1);-webkit-filter:grayscale(100);filter:grayscale(100%)} .program-box .program-box-info{padding:40px 30px 30px;position:relative;} .program-box .program-box-info .btn-sys{margin:10px 0 0;opacity:0;top:20px;} .program-box:hover .program-box-info .btn-sys {opacity:1;top:0;} .program-box .program-box-info h3{font-size:16px;line-height:24px;margin:0 0 10px;text-align:center;text-transform:uppercase} .program-box:hover .program-box-info h3{color:#c01c28} .program-box .program-box-info .title{font-size:13px;line-height:18px;letter-spacing:2px;font-weight:500} .program-box .program-box-info img{max-height:32px;margin:0 auto 10px;display:block} .program-box .program-box-cont i{width:72px;height:72px;line-height:72px;display:block;position:absolute;margin:0 auto;right:0;left:0;background:#fff;border-radius:50%;bottom:-36px;text-align:center;font-size:24px;transition:all .4s ease;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;color:#111f3e;z-index:100;-webkit-box-shadow:0 -5px 5px 0 rgba(0,0,0,0.1);box-shadow:0 -5px 5px 0 rgba(0,0,0,0.1);color:#bf202f;} .program-box:hover .program-box-cont i{bottom:calc(50% - 26px);background:#c01c28;transform:rotate(360deg);-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);-moz-transform:rotate(360deg);opacity:1;color:#fff;font-size:16px;width:52px;height:52px;line-height:52px;} .program-box .program-box-cont i.hover {opacity:0} .program-box:hover .program-box-cont i.active {opacity:0} .program-box:hover .program-box-cont i.hover {opacity:1} .program-box ul {list-style:none;text-align:left;min-height:120px; padding-left:40px;} .program-box li{padding:0 0 0 22px;font-size:16px;position:relative;line-height:24px;} .program-box li:before{content:"\e64d";font-family:'themify';color:#c01c28;position:absolute;top:0;left:0;font-size:14px} .serv-over{margin:0 0 30px;background:#fff;border-radius:4px;position:relative} .serv-over .serv-over-wrap {position:relative} .serv-over .serv-over-img{background:#111f3e;position:relative;overflow:hidden} .serv-over:hover .serv-over-img img{opacity:.25;-webkit-transform:scale(1.1,1.1);transform:scale(1.1,1.1);-webkit-filter:grayscale(100);filter:grayscale(100%)} .serv-over h3{font-size:16px;line-height:24px;margin:0;text-align:center;display:block;position:absolute;left:0;right:0;margin:0 auto;top:35px;font-size:16px;line-height:24px;} .serv-over:hover h3 {opacity:0;top:0} .serv-over .btn-sys {opacity:0;margin:0;position:relative;top:20px} .serv-over:hover .btn-sys {opacity:1;top:0} .serv-over h4{font-size:16px;line-height:24px;color:#fff;} .serv-over .serv-over-wrap .serv-over-hover {position:absolute;top:30px;right:0;bottom:0;left:0;margin:0;padding:30px;display:block;opacity:0} .serv-over:hover .serv-over-wrap .serv-over-hover {opacity:1;top:0} .serv-over .serv-over-info{padding:30px 20px;position:relative;text-align:center} .serv-over ul {list-style:none;text-align:left;min-height:120px} .serv-over li{padding:0 0 3px 22px;font-size:16px;position:relative;line-height:24px;text-transform:capitalize;color:#fff} .serv-over li:before{content:"\e64d";font-family:'themify';color:#c01c28;position:absolute;top:0;left:0;font-size:14px} .result{list-style:none;margin:10px 0 0} .result li{padding:0 0 0 90px;position:relative;margin:0 0 10px;display:block} .result li:before {display:none} .options{list-style:none} .options li{padding:0 0 5px 22px;position:relative} .options li:before{content:"\e64d";font-family:'themify';color:#c01c28;position:absolute;top:0;left:0;font-size:14px} .result li .easyPieChart{font-size:16px;font-weight:700;text-align:center;display:block;margin:0;overflow:hidden;position:absolute;top:10px;left:0} .easyPieChart{font-size:24px;font-weight:700;position:relative;text-align:center;display:inline-block;margin:0;overflow:hidden;background:#fff;border-radius:50%} .easyPieChart:last-child{margin:0} .easyPieChart span{color:#111f3e;line-height:16px;font-weight:700} .easyPieChart canvas{position:absolute;top:0;left:0} .collapse-group{padding:0} .collapse-group .panel{padding:15px 0;border-bottom:none;border-radius:0;-webkit-box-shadow:none;box-shadow:none;background:none;margin:0; background:none;border-bottom:1px solid #e0e1e2} .collapse-group .panel:last-child{border-bottom:none!important} .collapse-group .collapse-heading h4 a{position:relative;font-size:18px;text-transform:capitalize;line-height:24px;display:block} .collapse-group .collapse-heading h4 a:hover,.collapse-group .collapse-heading h4 a{color:#c01c28} .collapse-group .collapse-heading h4 a:hover .toggle-icon,.collapse-group .collapse-heading h4 a .toggle-icon{background-color:#c01c28} .collapse-group .collapse-heading h4{margin-bottom:0!important;text-transform:none;letter-spacing:0} .collapse-group .collapse-heading h4 a i{margin-right:5px;position:relative;top:2px;font-size:16px} .collapse-group .collapse-heading h4 a.collapsed{color:#333!important} .collapse-group .collapse-heading h4 a.collapsed:hover{color:#333} .collapse-group .collapse-heading h4 a .toggle-icon{display:inline-block;position:relative;text-align:center;margin-left:0;line-height:24px;width:24px;height:24px;color:#c01c28;top:2px;background:none!important;float:right;right:0;display:block} .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:#c01c28;font-size:14px} .collapse-group .collapse-heading h4 a.collapsed .toggle-icon i{transform:rotate(0);-ms-transform:rotate(0);-webkit-transform:rotate(0);color:#aaa} .collapse-group .collapse-heading h4 a.collapsed:hover .toggle-icon{background-color:none} .collapse-group .collapse-heading h4 a .numb{background:#c01c28;color:#fff;width:26px;height:26px;line-height:26px;margin-right:5px;font-size:13px;border-radius:50%;display:block;position:absolute;top:0;left:15px;text-align:center;font-weight:700} .collapse-group .collapse-heading h4 a .title{width:33.33333%;display:inline-block} .collapse-group .panel-collapse .collapse-body{padding:10px 10px 10px 0;text-align:left} .collapse-group .collapse-heading h4 a .icon{background:#c01c28;color:#fff;width:32px;height:32px;line-height:32px;margin-right:15px;font-size:14px;border-radius:50%;display:block;position:absolute;top:-3px;left:0;text-align:center} .collapse-group .collapse-heading h4 a.collapsed .icon{background:#f0f1f2;color:#333} .faq ul{list-style:none;margin-bottom:15px} .faq ul li{padding:0 7px 5px 25px;font-size:16px;position:relative;text-transform:capitalize;line-height:22px} .faq ul li:before{content:"\e64d";font-family:'themify';color:#c01c28;position:absolute;top:0;left:0;font-size:16px} .faq ul li:last-child{padding:0 7px 0 25px} .faq p{font-size:16px;line-height:22px} .faq p:last-child{margin:0} .collapse-group.faq .panel{padding:0;} .collapse-group.faq .collapse-heading h4{margin:0} .collapse-group.faq .collapse-heading h4 a{font-size:18px;padding:20px 0 20px 50px;background:none} .collapse-group.faq .panel-collapse .collapse-body{padding:10px 20px 0 0} .collapse-group.faq .collapse-heading h4 a .toggle-icon{right:5px} .collapse-group.faq .panel-collapse .collapse-body{padding:0 30px 20px 50px;text-align:left} .collapse-group.faq .collapse-heading h4 a .numb{background:#c01c28;color:#fff;width:26px;height:26px;line-height:26px;margin-right:5px;font-size:13px;border-radius:50%;display:block;position:absolute;top:18px;left:15px;text-align:center;font-weight:700} .collapse-group.faq .collapse-heading h4 a.collapsed{background:none} .collapse-group.faq .collapse-heading h4 a.collapsed .numb{background:#e2e1e0;color:#000} .collapse-group.faq .collapse-heading h4 a .icon{background:#c01c28;color:#fff;width:32px;height:32px;line-height:32px;margin-right:10px;font-size:14px;border-radius:50%;display:block;position:absolute;top:0;left:0;text-align:center;font-weight:400} .collapse-group.faq .collapse-heading h4 a.collapsed .icon{background:#e2e1e0;color:#000} .icon-box{position:relative;margin:0;min-height:130px;padding:0 0 0} .icon-box p{margin:0;font-weight:400;position:relative} .icon-box h4{margin:0} .icon-box span{font-size:13px;text-transform:uppercase;position:relative;left:-20px;opacity:0;font-weight:600} .icon-box:hover span {opacity:1;left:0} .icon-box:hover h4{color:#c01c28} .icon-box .icon-side-left{position:absolute;top:0;left:0} .icon-box .box-content-left{padding:0 0 0 96px} .icon-box .icon-side-right{position:absolute;top:0;right:0} .icon-box .box-content-right{padding:0 96px 0 0;text-align:right} .icon-box .icon-img{width:80px;height:80px;text-align:center;line-height:80px;border-radius:50%;overflow:hidden;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;display:block;position:relative;background:#fff} .icon-box:hover .icon-img{-webkit-box-shadow:none;box-shadow:none} .icon-box .icon-img img{position:absolute;left:0;right:0;margin:0 auto;display:block;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;-webkit-filter:grayscale(100%);filter:grayscale(100%)} .icon-box .icon-img img.active{opacity:1;top:calc(50% - 18px);height:36px} .icon-box:hover .icon-img img.active{opacity:0;top:calc(50% - 8px);height:16px} .icon-box .icon-img img.hover{opacity:0;top:calc(50% - 28px);height:56px} .icon-box:hover .icon-img img.hover{opacity:1;top:calc(50% - 18px);height:36px} .all-service .all-service-img{position:relative;margin:0 auto;overflow:hidden;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;-webkit-box-shadow:0 0 15px 0 rgba(0,0,0,0.15);box-shadow:0 0 15px 0 rgba(0,0,0,0.15);background:#fff;width:360px;height:360px;display:block;border:7px solid #FFF} .all-service .all-service-img:hover{background:#111f3e;border-color:#c01c28} .all-service .all-service-img .back{opacity:1;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-radius:50%} .all-service .all-service-img:hover .back{opacity:.2;-webkit-filter:grayscale(100);filter:grayscale(100%);-ms-transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);transform:scale(1.1,1.1)} .all-service .all-service-info {position:absolute;top:20px;bottom:0;right:0;left:0;margin:0 auto;padding:70px 50px;opacity:0;text-align:center;display:block} .all-service .all-service-info:hover {opacity:1;top:0} .all-service .all-service-info h4 {color:#fff;margin-bottom:5px} .all-service .all-service-info p {color:#fff} .all-service .all-service-info .btn-sys {margin:10px 0 0} .all-service .all-service-info img {max-height:140px;margin:0 auto 10px;display:block;} .post-head h3{line-height:40px;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:#111f3e} .post-meta li a{color:#c01c28} .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:13px;border-bottom:1px solid #c01c28} .widget .widget-heading h2{margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #eee;font-weight:500} .widget .widget-heading h2 span{padding-bottom:22px;border-bottom:1px solid #c01c28} .widget-categories ul,.widget-recent-posts ul{list-style:none} .widget-categories ul{margin:20px 0 0!important} .widget-categories ul li{font-size:15px;padding:0 0 5px 20px;position:relative;font-weight:500} .widget-categories ul li:before{content:"\e724";font-family:'themify';color:#c01c28;position:absolute;top:0;left:0;font-size:12px} .widget-categories ul li a{color:#111f3e} .widget-categories ul li a:hover{color:#c01c28} .widget-categories ul li a.active{color:#c01c28} .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:13px;display:block;color:#aaa} .widget-recent-posts ul li a{color:#111f3e} .widget-recent-posts ul li a:hover{color:#c01c28} .widget-tags a{display:inline-block;border-radius:20px;font-size:14px;color:#999;padding:2px 15px;margin:0 2px 6px 0;text-transform:capitalize;border:1px solid #eee;background:#fff} .widget-tags a:hover{color:#fff!important;border-color:#c01c28} .widget-search .search-box{position:relative} .widget-search .search-box input{margin-bottom:0;width:100%;padding:10px 20px;border-radius:25px;border-color:#eee} .widget-search .search-box .search-button{position:absolute;right:5px;top:3px;width:40px;height:40px;border:0;padding:0;color:#657188;outline:0;font-size:14px;line-height:40px;text-align:center;background-color:transparent;transition:color .3s ease-in-out;-moz-transition:color .3s ease-in-out;-webkit-transition:color .3s ease-in-out;-o-transition:color .3s ease-in-out} .post .post-content ul{list-style:none;margin-bottom:10px} .post .post-content ul li{padding:0 0 2px 22px;font-size:15px;position:relative;line-height:22px} .post .post-content ul li:before{content:"\e64d";font-family:'themify';color:#c01c28;position:absolute;top:0;left:0;font-size:14px} .pagination{clear:both;display:block;margin-left:90px} .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:#111f3e;vertical-align:top;border-radius:50%} .pagination span.inactive{color:#ccc;background:#fff} .pagination span{color:#fff} .pagination span i{font-size:16px;line-height:48px} .pagination a:hover{background:#c01c28;color:#fff!important;-webkit-box-shadow:none;box-shadow:none} .pagination a i{font-size:16px;line-height:48px} .post{position:relative;padding-bottom:30px;margin-bottom:30px;border-bottom:1px solid #eee} .post:last-child{padding-bottom:0;border-bottom:none} .post-img{margin:0 0 30px 0;overflow:hidden} .post .post-content {clear:both} .blog-layout .post{position:relative} .blog-layout .post-right{padding-left:120px} .post-thumb{margin-bottom:18px;overflow:hidden} .blog-layout .post-head{margin-bottom:18px} .blog-layout .post-head h3{color:#111f3e} .blog-layout .post-head h3 a{color:#111f3e} .blog-layout .post:hover .post-head h3 a{color:#c01c28} .post-head .post-meta{list-style:none} .post-head .post-meta li{display:inline-block;font-size:14px;color:#999;letter-spacing:1px} .post-head .post-meta li:after{content:"/";margin:0 5px 0 9px;color:#999} .post-head .post-meta li:last-child:after{display:none} .blog-layout .post-head .post-meta li a{color:#c01c28} .blog-layout .post .more-link{margin-top:12px;clear:both} .post .read-more{letter-spacing:1px;text-transform:uppercase;font-size:13px;color:#c01c28} .blog-layout .post{margin-left:90px;position:relative} .blog-layout .post-date{position:absolute;left:-90px;top:4px;color:#fff;text-align:center;padding:15px;border-radius:2px;background-color:#111f3e;transition:background-color .3s ease-in-out;-moz-transition:background-color .3s ease-in-out;-webkit-transition:background-color .3s ease-in-out;-o-transition:background-color .3s ease-in-out} .blog-layout .post:hover .post-date{background:#c01c28} .blog-layout .post-date .day{font-size:30px;line-height:30px;margin-bottom:5px;display:block;font-weight:600} .blog-layout .post-date .year{font-size:12px;line-height:12px;display:block;font-weight:400;text-transform:uppercase;letter-spacing:0;color:rgba(255,255,255,.33)} .blog-layout .post-date .month{font-size:12px;line-height:12px;display:block;font-weight:400;text-transform:uppercase;letter-spacing:1px;margin-left:1px;color:rgba(255,255,255,.66)} .standard-layout .post .more-link{margin-top:12px} .post .read-more{letter-spacing:1px;text-transform:uppercase;font-size:11px;color:#111f3e} .post .read-more:hover{color:#c01c28} .calendly-inline-widget{height:600px} .ref{margin:0;background:#fff} .ref .ref-img{overflow:hidden;position:relative;height:100px;background:#111f3e} .ref .ref-info{padding:52px 30px 30px;position:relative;display:block} .ref .ref-info:hover{background:#fff} .ref .ref-info h4{margin-bottom:0} .ref:hover .ref-info h4{color:#c01c28} .ref .ref-info span{font-size:13px;line-height:20px;display:block;margin:15px 0 5px;color:#2d374b} .ref .ref-info .title{text-transform:uppercase;letter-spacing:0;color:#a1a2a3;margin:0 0 10px} .ref .ref-info .logo{display:block;max-height:25px} .ref .ref-info p{min-height:144px} .ref .ref-info .btn-sys{margin:10px 0 0} .ref .ref-info .avat{border-radius:50%;background:#fff;display:block;margin:0 auto;transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-box-shadow:0 0 5px 0 rgba(0,0,0,0.15);-moz-box-shadow:0 0 5px 0 rgba(0,0,0,0.15);box-shadow:0 0 5px 0 rgba(0,0,0,0.15);width:64px;height:64px;padding:3px;position:absolute;left:0;right:0;top:-32px;margin:0 auto} .ref .ref-info .avat img{border-radius:50%;transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-filter:grayscale(100);filter:grayscale(100%)} .ref:hover .ref-info .avat img{-webkit-filter:grayscale(0);filter:grayscale(0%)} .custom-select{margin:20px auto;display:block;position:relative;border-radius:25px;overflow:hidden;height:46px;background:#fff;width:50%;border:1px solid #e5e6e7} .custom-select select{font-size:14px;margin:0;width:100%;line-height:20px;position:relative;display:block;padding:12px 48px;text-transform:uppercase;appearance:none;-webkit-appearance:none;-moz-appearance:none;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-radius:25px;border:none;background:none} .custom-select select option{width:90%!important} .custom-select:after{font-family:'themify';content:"\e64b";display:block;width:40px;height:44px;line-height:44px;color:#888;position:absolute;right:10px;top:0;text-align:center;pointer-events:none;font-size:12px} .custom-select button{display:block;width:32px;height:32px;line-height:32px;color:#fff;position:absolute;right:6px;top:6px;text-align:center;font-size:14px;border:none;border-radius:50%} .custom-select i{position:absolute;top:13px;left:20px;color:#c01c28} .outcome{text-align:center;padding:0 25px} .outcome .easyPieChart{margin-bottom:15px} #macy-container::before{content:"";display:table;clear:both} #macy-container::after{content:"";display:table;clear:both} .demo{margin:0} .demo .testimonials{margin:0 0 10px} .demo .testimonials q{min-height:auto!important} .demo .blog {margin:0 0 10px;} .demo .blog .blog-info h3 {min-height:auto} .demo .blog .blog-info p {min-height:auto} .cta-button {margin:30px 0 0;text-align:center;} .cta-button h4 {margin-bottom:0} .cta-button .btn-sys {margin:10px 0 0} .benefits{padding:0;margin-bottom:20px;text-align:center} .benefits .benefits-img{text-align:center;width:92px;height:92px;line-height:92px;display:block;margin:0 auto 15px;position:relative;} .benefits:hover .benefits-img{-webkit-box-shadow:none;box-shadow:none;background:#c01c28} .benefits .benefits-img img{position:absolute;left:0;right:0;margin:0 auto;display:block;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;} .benefits .benefits-img img.active{opacity:1;top:calc(50% - 18px);height:36px} .benefits:hover .benefits-img img.active{opacity:0;top:calc(50% - 8px);height:16px} .benefits .benefits-img img.hover{opacity:0;top:calc(50% - 28px);height:56px} .benefits:hover .benefits-img img.hover{opacity:1;top:calc(50% - 18px);height:36px} .benefits p {font-weight:600} .ul-row{width:100%;text-align:center;} .ul-row li{float:none;width:14.2857142857%;position:relative;margin:0 -2px;padding:0;display:inline-block;vertical-align:top;background:none} .ul-row.col2 li {width:16.66666666%;} .ul-row.col5 li {width:20%;} .ul-row.col3 li {width:33.3333333%} .ul-row.col5 .award {padding:30px;} .ul-row.col5 .award .award-img {margin:0;height:70px;line-height:70px} .ul-row.col5 .award .award-img img{max-height:70px;max-width:180px;} .award{padding:50px 30px;position:relative;display:block;margin:0 0 30px;background:#fff;text-align:center} .award .award-img{height:70px;display:block;line-height:70px;margin-bottom:20px} .award .award-img img{max-height:70px;max-width:200px;transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;webkit-filter:grayscale(0%);filter:grayscale(0%);opacity:1;} .award:hover .award-img img{webkit-filter:grayscale(0%);filter:grayscale(0%);opacity:1;} .award-img{margin-bottom:10px;display:block} .award h4{line-height:22px;margin-bottom:0;font-size:15px;text-transform:capitalize;min-height:44px} .contact{position:relative;background:#102c60;overflow:hidden;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} .contact: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)} .contact:hover input[type="text"],.contact:hover textarea {background:#f5f6f7} .contact input[type="text"],.contact input[type="email"],.contact textarea{font-size:15px;font-weight:400;margin-bottom:10px;border-radius:0;outline:none;width:auto;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:#e5e6e7;padding:10px 12px;color:#393939!important;min-width:100%;background:none} .contact input[type="text"]:hover,.contact input[type="email"]:hover,.contact input[type="email"]:focus,.contact input[type="text"]:focus,.contact textarea:hover,.contact textarea:focus{color:#c01c28;background-color:#fff;border-color:#c01c28;-webkit-box-shadow:none;box-shadow:none;opacity:1;padding:10px 12px;background:#f7f8f9} .contact button{ border:none; margin:10px 5px 0 0;} .contact div[class*='col-md-']{padding:0} .contact .row{margin:0} .contact-form{padding:10%!important;background:#f3f4f5;} .contact:hover .contact-form {background:#FFF} .contact-form-img{display:none} .licensing{border:1px solid #e5e6e7;padding:0;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} .licensing: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)} .licensing table{width:100%;margin:0;font-size:16px;line-height:22px} .licensing table thead{border-bottom:1px solid #f5f6f7;border-top:1px solid #f5f6f7;font-weight:400} .licensing table th{padding:30px 25px!important;font-weight:600;color:#272727;background:#fff;border-bottom:3px solid #c01c28;font-size:20px;line-height:24px} .licensing table th:first-child{text-align:left;text-transform:none;} .licensing table tr{border-bottom:1px solid #eee;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} .licensing table tr:last-child{border:none} .licensing table td{padding:15px 25px!important;text-align:left;vertical-align:top;width:40%} .licensing table td i{font-size:16px;color:#c01c28} .licensing table td:first-child img{position:relative;max-height:40px;display:inline-block;margin:0 12px 0 0;} .licensing table td span{position:relative;top:2px;text-transform:uppercase;font-size:14px;font-weight:700} .licensing table td:first-child{text-align:left;width:20%;vertical-align:middle} .licensing table td:nth-child(2){background:#f0f1f2;border-bottom:1px solid #fff;} .licensing table th:nth-child(2){background:#f0f1f2} .licensing table th:first-child{font-size:16px;padding:15px 25px} .licensing table tr:nth-child(2n+1) td:nth-child(1){background-color:#fff} .licensing table tr:nth-child(2n+1) td:nth-child(2){background-color:#f0f1f2} .licensing table tr:last-child td{padding:15px 25px} .licensing table td:nth-child(3){background:#111f3e;color:#fff;border-bottom:1px solid #293652} .licensing table th:nth-child(3){background:#c01c28;color:#fff} .licensing table td ul {list-style:none;text-align:left} .licensing table td ul li{padding:0 0 2px 22px;font-size:16px;position:relative;line-height:22px;text-transform:capitalize} .licensing table td ul li:before{content:"\e724";font-family:'themify';color:#c01c28;position:absolute;top:1px;left:0;font-size:14px} .profile-detail{margin-bottom:15px;text-align:center;padding:0 15px} .profile-detail > i{display:inline-block} .profile-detail p {margin:0;line-height:22px;text-transform:capitalize;font-weight:600} .profile-detail i{color:#fff;width:52px;height:52px;font-size:20px;border-radius:3px;line-height:52px;margin-bottom:10px;position:relative;overflow:hidden;top:0;transition:top .3s ease-in-out;-moz-transition:top .3s ease-in-out;-webkit-transition:top .3s ease-in-out;-o-transition:top .3s ease-in-out;background:#c01c28;text-align:center;} .profile-detail:hover i{top:-10px} .profile-detail i::after{content:"";display:block;position:absolute;right:-10px;top:-20px;width:30px;height:100px;background-color:rgba(255,255,255,0);transform:rotate(-20deg);-webkit-transform:rotate(-20deg);-moz-transform:rotate(-20deg);-ms-transform:rotate(-20deg);-o-transform:rotate(-20deg);transition:background-color .4s ease-in-out;-moz-transition:background-color .4s ease-in-out;-webkit-transition:background-color .4s ease-in-out;-o-transition:background-color .4s ease-in-out} .profile-detail:hover i::after{background-color:rgba(255,255,255,0.2)} .profile-detail i span{display:block;position:absolute;left:50%;bottom:-4px;width:8px;height:8px;margin-left:-4px;background-color:#fff;transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);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;border-radius:0} .partner {padding:30px;background:none;position:relative;text-align:center;min-height:250px;overflow:hidden;background:#fff;margin:7.5px} .partner .partner-img {position:relative;top:0;margin-bottom:20px;height:60px; line-height:60px; display:block} .partner:hover .partner-img {top:-20px} .partner img {max-height:50px;position:relative;top:35px} .partner hr {margin:10px 0} .partner h3 {margin:0;text-transform:uppercase;font-size:14px; line-height:20px;position:relative;top:25px;font-weight:700} .partner:hover h3 {top:-20px} .partner .partner-hover {position:absolute;top:247px;bottom:0;right:0;left:0;background:#e4e5e6;padding:30px;text-align:left;border-bottom:5px solid #c01c28} .partner .partner-hover h4 {color:#c01c28;margin:0 0 5px;font-size:16px;line-height:22px} .partner .partner-hover p {color:#fff;margin-bottom:0;font-size:15px; line-height:20px;} .partner:hover .partner-hover {top:0;background:#111f3e;} .partner .ti-angle-up{font-size:10px; position:absolute;bottom:-20px;left:0;right:0;margin:0 auto;display:block;color:#111f3e;width:40px; height:40px;line-height:24px;background:#e4e5e6;border-radius:50%;z-index:1} .partner:hover .ti-angle-up{color:#fff;transform:rotate(180deg);-ms-transform:rotate(180deg);-webkit-transform:rotate(180deg);background:#c01c28;line-height:56px;} .feature-nfo{padding:40px 20px;background:#fff;display:block;margin:7.5px;text-align:center;position:relative;border-radius:3px;} .feature-nfo:hover{background:#111f3e} .feature-nfo p{font-size:15px;line-height:20px;margin:0;min-height:40px;} .feature-nfo:hover p{color:#fff} .feature-nfo i{display:block;margin:0 auto 10px;font-size:28px;color:#c01c28} .feature-nfo:hover i{opacity:1;color:#c01c28} .expectations{border-radius:3px;text-align:center;position:relative;display:block;padding:25px;margin-bottom:30px;border:6px solid #fff;background:#fff} .expectations:hover{border-color:#c01c28;background:#fff} .expectations h4{font-size:15px;line-height:22px;text-transform:uppercase;margin:0 0 5px;} .expectations:hover h4{color:#c01c28} .expectations p{margin:0;font-size:15px; line-height:22px;min-height:44px} .expectations img{position:relative;height:40px;margin-bottom:15px} .expectations-box:hover .expectations{border-color:#e7e8e9;background:#f0f1f2} .expectations-box:hover .expectations:hover{border-color:#c01c28;background:#fff} .expectations-box:hover .expectations img{webkit-filter:grayscale(100%);filter:grayscale(100%);opacity:.33} .expectations-box:hover .expectations:hover img{webkit-filter:grayscale(0%);filter:grayscale(0%);opacity:1} .degrees-box {padding:0 30px;margin:-10px 0 0} .degrees {padding:30px;margin:10px;background:#fff;text-align:center;} .degrees:hover {border-color:#c01c28} .degrees-box:hover .degrees img{webkit-filter:grayscale(100%);filter:grayscale(100%);opacity:0.3;} .degrees-box:hover .degrees:hover img{webkit-filter:grayscale(0%);filter:grayscale(0%);opacity:1;} .degrees img{max-height:50px;margin:0 auto 10px;display:block} .degrees h4 {font-size:15px; line-height:20px;min-height:40px} .degrees span {font-size:13px; text-transform:uppercase;letter-spacing:0;font-weight:600;color:#a0a1a2} .degrees:hover span {color:#c01c28} #particles-js{width: 100%;height:auto;background-color:none;z-index:30;position:absolute;top:0; left:0;right:0;bottom:0} .circle--rotate{border-radius:50%;width:44%;height:44%;margin:0 auto;position:relative;-webkit-transform:rotate(0deg);transform:rotate(0deg);z-index:0;padding:0;border:1px solid #d5d6d7} .circle--rotate > li{position:absolute;left:0;top:0;width:100%;height:100%;display:block;border-radius:50%;z-index:10;visibility:hidden} .circle--rotate > li .icon{visibility:visible;cursor:pointer;text-align:center;overflow:hidden;color:#223e7c;border-radius:50%;height:15%;width:15%;margin:-7.5% auto;-webkit-transition:all 500ms ease;transition:all 500ms ease;} .circle--rotate > li .icon img{width:36px;margin:0 auto;cursor:pointer;display:block;position:relative;top:calc(50% - 18px);-webkit-filter:grayscale(100%);filter:grayscale(100%);} .circle--slider .circle--rotate > li.active .icon img{display:none} .circle--rotate > li .numb{display:none;color:#fff;margin:0 auto;cursor:pointer;font-weight:600;text-align:center;position:absolute;top:calc(50% - 12px);left:0;right:0;width:100%;height:100%;} .circle--slider .circle--rotate > li.active .numb{display:block;background:none;font-size:24px;} .circle--rotate > li img{margin:auto} .circle--slider{position:relative; margin:40px 0 } .circle--slider .rotate--circle{margin:0 auto} .circle--slider .circle--rotate > li div{position:relative;overflow:visible;background:#fff} .circle--slider .circle--rotate > li div span{-webkit-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:all 2s;transition:all 2s;opacity:0} .circle--slider .circle--rotate > li.active div{font-size:20px;background:#c01c28;-webkit-transition:all 1s;transition:all 1s;-webkit-box-shadow:none;box-shadow:none;-moz-box-shadow:none} .circle--slider .circle--rotate > li.active div span{width:100%;height:100%;display:block;position:absolute;top:0;left:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);z-index:-1;opacity:1} .circle--slider .circle--rotate > li.active div:before {content:"\e64b";font-family:'themify';position:absolute;bottom:-35px;font-size:14px;left:0;right:0;margin:auto;color:#c01c28;width:30px;height:30px;line-height:32px;display:block} .circle--slider .count2 li:nth-child(2){-webkit-transform:rotate(180deg);transform:rotate(180deg)} .circle--slider .count3 li:nth-child(2){-webkit-transform:rotate(120deg);transform:rotate(120deg)} .circle--slider .count3 li:nth-child(3){-webkit-transform:rotate(240deg);transform:rotate(240deg)} .circle--slider .count4 li:nth-child(2){-webkit-transform:rotate(90deg);transform:rotate(90deg)} .circle--slider .count4 li:nth-child(3){-webkit-transform:rotate(180deg);transform:rotate(180deg)} .circle--slider .count4 li:nth-child(4){-webkit-transform:rotate(270deg);transform:rotate(270deg)} .circle--slider .count5 li:nth-child(2){-webkit-transform:rotate(72deg);transform:rotate(72deg)} .circle--slider .count5 li:nth-child(3){-webkit-transform:rotate(144deg);transform:rotate(144deg)} .circle--slider .count5 li:nth-child(4){-webkit-transform:rotate(216deg);transform:rotate(216deg)} .circle--slider .count5 li:nth-child(5){-webkit-transform:rotate(-72deg);transform:rotate(-72deg)} .circle--slider .count6 li:nth-child(2){-webkit-transform:rotate(60deg);transform:rotate(60deg)} .circle--slider .count6 li:nth-child(3){-webkit-transform:rotate(120deg);transform:rotate(120deg)} .circle--slider .count6 li:nth-child(4){-webkit-transform:rotate(180deg);transform:rotate(180deg)} .circle--slider .count6 li:nth-child(5){-webkit-transform:rotate(240deg);transform:rotate(240deg)} .circle--slider .count6 li:nth-child(6){-webkit-transform:rotate(-60deg);transform:rotate(-60deg)} .circle--slider .count7 li:nth-child(2){-webkit-transform:rotate(51.5deg);transform:rotate(51.5deg)} .circle--slider .count7 li:nth-child(3){-webkit-transform:rotate(103deg);transform:rotate(103deg)} .circle--slider .count7 li:nth-child(4){-webkit-transform:rotate(154.5deg);transform:rotate(154.5deg)} .circle--slider .count7 li:nth-child(5){-webkit-transform:rotate(206deg);transform:rotate(206deg)} .circle--slider .count7 li:nth-child(6){-webkit-transform:rotate(-103deg);transform:rotate(-103deg)} .circle--slider .count7 li:nth-child(7){-webkit-transform:rotate(-51.5deg);transform:rotate(-51.5deg)} .circle--slider .count8 li:nth-child(2){-webkit-transform:rotate(45deg);transform:rotate(45deg)} .circle--slider .count8 li:nth-child(3){-webkit-transform:rotate(90deg);transform:rotate(90deg)} .circle--slider .count8 li:nth-child(4){-webkit-transform:rotate(135deg);transform:rotate(135deg)} .circle--slider .count8 li:nth-child(5){-webkit-transform:rotate(180deg);transform:rotate(180deg)} .circle--slider .count8 li:nth-child(6){-webkit-transform:rotate(-135deg);transform:rotate(-135deg)} .circle--slider .count8 li:nth-child(7){-webkit-transform:rotate(-90deg);transform:rotate(-90deg)} .circle--slider .count8 li:nth-child(8){-webkit-transform:rotate(-45deg);transform:rotate(-45deg)} .circle--slider .count9 li:nth-child(2){-webkit-transform:rotate(40deg);transform:rotate(40deg)} .circle--slider .count9 li:nth-child(3){-webkit-transform:rotate(80deg);transform:rotate(80deg)} .circle--slider .count9 li:nth-child(4){-webkit-transform:rotate(120deg);transform:rotate(120deg)} .circle--slider .count9 li:nth-child(5){-webkit-transform:rotate(160deg);transform:rotate(160deg)} .circle--slider .count9 li:nth-child(6){-webkit-transform:rotate(-160deg);transform:rotate(-160deg)} .circle--slider .count9 li:nth-child(7){-webkit-transform:rotate(-120deg);transform:rotate(-120deg)} .circle--slider .count9 li:nth-child(8){-webkit-transform:rotate(-80deg);transform:rotate(-80deg)} .circle--slider .count9 li:nth-child(9){-webkit-transform:rotate(-40deg);transform:rotate(-40deg)} .circle--slider .count10 li:nth-child(2){-webkit-transform:rotate(36deg);transform:rotate(36deg)} .circle--slider .count10 li:nth-child(3){-webkit-transform:rotate(72deg);transform:rotate(72deg)} .circle--slider .count10 li:nth-child(4){-webkit-transform:rotate(108deg);transform:rotate(108deg)} .circle--slider .count10 li:nth-child(5){-webkit-transform:rotate(144deg);transform:rotate(144deg)} .circle--slider .count10 li:nth-child(6){-webkit-transform:rotate(-180deg);transform:rotate(-180deg)} .circle--slider .count10 li:nth-child(7){-webkit-transform:rotate(-144deg);transform:rotate(-144deg)} .circle--slider .count10 li:nth-child(8){-webkit-transform:rotate(-108deg);transform:rotate(-108deg)} .circle--slider .count10 li:nth-child(9){-webkit-transform:rotate(-72deg);transform:rotate(-72deg)}s .circle--slider .count10 li:nth-child(10){-webkit-transform:rotate(-36deg);transform:rotate(-36deg)} .circle--slider .animate-wrapper{width:30%;height:30%;position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;border-radius:50%;overflow:hidden;background:#c01c28;border:6px solid #fff} .circle--slider .animate-wrapper img {opacity:.80;} .circle--slider .animate-title{color:#fff;display:table-cell;vertical-align:middle} .circle--slider .animate-img{width:30%;height:30%;border-radius:50%;overflow:hidden;} .circle--slider .animate-img .animate-img__in{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;border-radius:50%;background-repeat:no-repeat;z-index:3;-webkit-transform:rotate3d(0,0,0,0deg) scale(0.85);transform:rotate3d(0,0,0,0deg) scale(0.85);-webkit-transition:.55s ease-in-out;transition:.55s ease-in-out;width:100%;height:100%;opacity:0;background-size:cover;} .circle--slider .animate-more{opacity:0;-webkit-transition:all .5s .4s;transition:all .5s .4s;min-width:131px;text-align:center;z-index:10;position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;padding:30px;height:auto;-webkit-transform:scale(0.8);transform:scale(0.8);} .circle--slider .animate-more.home {height:100%;padding:0;display:table} .circle--slider .animate {z-index:0} .circle--slider .animate.active {z-index:10} .circle--slider .animate.active .animate-more{opacity:1;visibility:visible;-webkit-transform:scale(1);transform:scale(1);} .circle--slider .animate.active .animate-img .animate-img__in{opacity:1;-webkit-transform:scale(1);transform:scale(1)} .circle--slider .prev,.circle--slider .next{position:absolute;top:0;bottom:0;margin:auto;display:block;height:62px;width:87px;text-align:center;cursor:pointer} .circle--slider .prev span,.circle--slider .next span{-webkit-writing-mode:vertical-rl;-ms-writing-mode:tb-rl;writing-mode:vertical-rl;-webkit-text-orientation:upright;text-orientation:upright;font-weight:700} .circle--slider .prev{left:200px} .circle--slider .next{right:200px} .circle--slider .animate-title h4 {color:#fff!important;font-size:24px;line-height:24px;margin:0 0 5px;text-transform:capitalize} .circle--slider .animate-title .animg {height:72px;width:72px;line-height:72px;background:#c01c28;border-radius:50%;margin:-15px auto 15px;display:block} .circle--slider .animate-title .animg img {max-height:32px;} .circle--slider .animate-title p {color:#fff!important;margin:0 auto; width:75%;} .circle--slider .btn-sys {margin:10px 0 0} .more-feature-wrap{margin-bottom:30px;background:none;padding:35px 0;transition:all .3s ease 0} .more-feature-wrap:hover{background:#fff} .more-feature-margin{margin:0 35px} .more-feature-img > img{width:100%} .more-feature-wrap:hover .more-feature-img > img{-webkit-filter:grayscale(100%);filter:grayscale(100%);} .more-feature-wrap:hover,.blog-wrap:hover{box-shadow:0 25px 45px rgba(11,31,44,0.12)} .feature-hover-content{left:0;opacity:0;padding:0 30px;position:absolute;top:50%;transform:translateY(-50%);visibility:hidden;z-index:99;transition:all .4s ease 0} .more-feature-wrap:hover .feature-hover-content{opacity:1;visibility:visible} .more-feature-content{display:flex;justify-content:space-between;padding:20px 0 0;position:relative;z-index:99} .feature-title > h4{margin:0;transition:all .3s ease 0} .feature-icon i{color:#656a6f;font-size:16px;transition:all .3s ease 0;display:inline-block} .feature-title > h4{transition:all .3s ease 0} .feature-hover-content > h4{color:#fff} .feature-hover-content > p{color:#fff;margin:0} .feature-hover-content .btn-sys {margin:20px 0 0} .more-feature-wrap:hover .feature-title > h4{opacity:0;visibility:hidden} .more-feature-wrap:hover .feature-icon i.hover-none{opacity:0;visibility:hidden} .feature-icon i.normally-none{color:#fff;display:inline-block;opacity:0;position:relative;right:19px;top:-8px;transition:all .3s ease 0;visibility:hidden} .feature-icon i.normally-none:hover{color:#c01c28} .more-feature-wrap:hover .feature-icon i.normally-none{opacity:1;visibility:visible} .hover-1{position:relative;overflow:hidden} .hover-1::before { opacity: 0; transform: scale(0.8); background: rgba(11,31,44, 0.75) none repeat scroll 0 0; content: ""; height: 100%; left: 0; pointer-events: none; position: absolute; top: 0; transition: all 0.5s ease-in-out 0s; width: 100%; z-index: 2; } .more-feature-wrap:hover .hover-1::before{opacity:1;z-index:1;transform:scale(1)} .deliver {margin:0;background:#111f3e;} .deliver .row {margin:0} .deliver div[class*='col-md-']{padding:0} .deliver .deliver-box {background:#f0f1f2;clear:both;display:table;background:#111f3e;} .deliver .deliver-box:hover {background:#c01c28;} .deliver .deliver-box .deliver-img{float:left;display:block;width:50%;overflow:hidden;background:#111f3e;position:relative} .deliver .deliver-box .deliver-img img {opacity:0.75;} .deliver:hover .deliver-box .deliver-img img {opacity:0.33;-webkit-filter:grayscale(100%);filter:grayscale(100%);} .deliver .deliver-box:hover .deliver-img img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);transform:scale(1.1);opacity:1;-webkit-filter:grayscale(0%);filter:grayscale(0%);} .deliver-box .deliver-details{padding:6%;position:relative;float:left;display:block;width:50%} .deliver-box .deliver-details h4 {color:#fff} .deliver-box .deliver-details p {color:rgba(255,255,255,.5)} .deliver-box:hover .deliver-details p {color:#fff} .deliver .deliver-box .deliver-img:before {position: absolute;display: block;border-top: 15px solid transparent;border-right: 15px solid #111f3e;border-bottom: 15px solid transparent;right: 0;top:calc(50% - 15px);content: '';z-index:1} .deliver .deliver-box:hover .deliver-img:before {border-right: 15px solid #c01c28;} .deliver .deliver-box .deliver-img.right:before {right:auto;left: 0; border-right:none; border-left: 15px solid #111f3e;} .deliver .deliver-box:hover .deliver-img.right:before {border-left: 15px solid #c01c28;} .benefit{position:relative;background:#111f3e;overflow:hidden;margin-bottom:30px;max-height:450px} .benefit:hover{background:#c01c28} .benefit .bottom{opacity:.66;object-fit: fill;height:auto} .benefit:hover .bottom{opacity:.10;-webkit-transform:scale(1.1);-moz-transform:scale(1.1);transform:scale(1.1)} .benefit .benefit-info{display:block;margin:0 auto;left:0;right:0;top:0;bottom:0;position:absolute;margin:12%;} .benefit .benefit-info img{max-height:32px;position:relative;display:block;margin:0} .benefit .benefit-title {position:absolute;left:0;right:0;bottom:0;} .benefit .benefit-title h4{color:#fff;position:relative;margin-bottom:20px;font-weight:600} .benefit .watch-pdf {color:#fff;position:relative;line-height:40px;text-transform:uppercase;font-size:13px;padding:0 0 0 50px;display:block;letter-spacing:1px;} .benefit .watch-pdf span {position:absolute;width:40px;height:40px;line-height:42px; font-size:20px;display:block; background:none;color:#fff;left:0;top:0;text-align:center;border:1px solid #fff} .benefit .watch-pdf span i {position:relative;left:2px} .benefit:hover .watch-pdf span {background:#fff;color:#c01c28;} .blog-box{margin:0 0 30px;background:#fff;position:relative;overflow:hidden} .blog-box .blog-box-img{background:#111f3e;overflow:hidden;position:relative;height:320px} .blog-box .blog-box-img img{opacity:1;min-height:320px} .blog-box:hover .blog-box-img img{opacity:.15;-webkit-transform:scale(1.1,1.1);transform:scale(1.1,1.1);-webkit-filter:grayscale(100);filter:grayscale(100%)} .blog-box .blog-box-details {position:absolute;bottom:-220px;left:0;right:0;top:auto;margin:0 auto;display:block;padding:40px;height:320px} .blog-box:hover .blog-box-details {bottom:0;} .blog-box .blog-box-details .btn-sys{margin:10px 0 0} .blog-box .blog-box-details h3{font-size:18px;line-height:24px;min-height:48px;color:#fff;margin:0 0 10px;text-shadow:0 0 10px #000;position:relative;top:-20px} .blog-box:hover .blog-box-details h3 {top:0;min-height:auto;} .blog-box .blog-box-details p{color:#fff} .blog-box .post-date{position:absolute;left:40px;top:40px;color:#fff;text-align:center;padding:10px;border-radius:2px;background-color:#c01c28;display:block;z-index:1} .blog-box:hover .post-date{top:-60px;opacity:0} .blog-box .post-date .day{font-size:30px;line-height:30px;margin-bottom:5px;display:block;font-weight:600} .blog-box .post-date .year{font-size:12px;line-height:12px;display:block;font-weight:400;text-transform:uppercase;letter-spacing:0;color:rgba(255,255,255,.33)} .blog-box .post-date .month{font-size:12px;line-height:12px;display:block;font-weight:400;text-transform:uppercase;letter-spacing:1px;margin-left:1px;color:rgba(255,255,255,.66)} .donslide { display: table; width: 100%; } .donslide .item { display: table-cell; width: 1%; background: #e0e1e2; height: 500px; overflow: hidden; position: relative; min-width: 65px; } .donslide .item + .item { border-left: 1px solid #fff; } .donslide:hover .item:hover { width: 100%; background: #111f3e; color: #fff; } .donslide .donslide-title { font-size: 14px; line-height:14px; position: absolute; top: 30px; right:30px; margin:0 auto; padding:0; text-transform:uppercase; font-weight:700; display:block; } .donslide:hover .item .donslide-title { transform: rotate(90deg); left:0; top: 50px; right:0; bottom:50px; height:14px; } .donslide:hover .item:hover .donslide-title {opacity:0} .donslide .donslide-info {display:none;height: 500px;padding:30px} .donslide .item:hover .donslide-info {display:block} .donslide .donslide-info h3 {color:#fff} .donslide .donslide-info p {color:#fff} .main-title {padding-right:40px} .nav-tabs.sustainable {border-bottom:none!important;} .nav-tabs.sustainable li{padding:0;display:block;float:inherit;width:100%;padding:0;margin:0 -2px} .nav-tabs.sustainable li a {border:none!important;font-weight:600;padding:0 0 0 50px;margin:10px 0;border-radius:0;position:relative;background:none!important;line-height:40px;} .nav-tabs.sustainable li a:hover {border:none!important;color:#c01c28} .nav-tabs.sustainable li.active a,.nav-tabs.sustainable li a:focus {color:#c01c28} .nav-tabs.sustainable li a span {border:none!important;font-weight:600;padding:5px 0;margin:0;border-radius:0;position:relative;background:none!important;line-height:20px;} /*.nav-tabs.sustainable li a:after {width:5px;height:5px;position:absolute;left:-20px;top:14px; display:block;content:"";background:#eee}*/ .nav-tabs.sustainable li.active a:after {background:#c01c28;} .nav-tabs.sustainable li a .title {font-size:12px;line-height:18px; text-transform:uppercase; color:#ccc;font-weight:400} .nav-tabs.sustainable li.active a .title {color:#c01c28} .nav-tabs.sustainable li a i{width:40px; height:40px; position:absolute;top:0;left:0; text-align:center;line-height:40px;display:inline-block;background:#eee;font-size:16px;} .nav-tabs.sustainable li.active a i {background:#c01c28;color:#fff} .nav-tabs.sustainable li a img {max-height:40px;margin:7px 0;opacity:.66;-webkit-filter:grayscale(100%);filter:grayscale(100%);} .nav-tabs.sustainable li.active a img {opacity:1;-webkit-filter:grayscale(0%);filter:grayscale(0%);} .co-info {position:absolute;bottom:30px;left:-30px; width:360px; height:360px; background:#111f3e; padding:40px; border:6px solid #fff} .co-info .scroll {overflow-y:scroll;height:240px; padding-right:15px} .co-info .scroll::-webkit-scrollbar{width:2px} .co-info .scroll::-webkit-scrollbar-track{background:rgba(255,255,255,.33)} .co-info .scroll::-webkit-scrollbar-thumb{background:#c01c28} .co-info .scroll::-webkit-scrollbar-thumb:hover{background:#c01c28} .co-info h4{color:#fff;} .co-info p{color:#fff;font-size:15px; line-height:22px} .pagination a,.pagination span,.team-img img,.sign,.sign2,.scroll-down-icon,.member-box .member-pic,.member-box .member-pic img,.back-to-top i,.program-detail .program-img,.values ul.nav-tabs li a .tab-img,.solutions .tabs .tab-img,#portfolio-grid .portolio-item .portfolio-details a,#footer .social-icons ul li a,.values .nav-tabs > li.active:before,.benefits .benefits-img,.portfolio-filters a .tab-img,.benefit .watch-pdf span{-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;-o-border-radius:50%} .brands a,input,textarea,select,.tooltip .tooltip-inner,.blog,.company,.program-detail,.press,.award{-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-o-border-radius:4px} .pagination a,.pagination span,.c-input:hover,.blog:hover,.address .address-img,.program-detail .program-img,.solutions .tabs .tab-img,.icon-box .icon-img,.values .nav-tabs > li.active:before,.light-section .testimonials-carousel .team-img,.ceo-img img,.portfolio-filters a .tab-img,.benefits .benefits-img {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)} .about:hover,.blog:hover,.what:hover,.awards a:hover,.approach:hover,.location:hover,.brands a:hover,.office:hover,.circle--slider .circle--rotate > li div,.press:hover,.program-box:hover,.industries:hover,.calendly-inline-widget:hover,.ref:hover,.custom-select:hover,.award:hover,.build:hover,.ul-row.col5 .award:hover,.counter:hover,.counter.counter-gray:hover,.serv-over:hover,.degrees:hover,.about-tab:hover {background:#fff;-webkit-box-shadow:0 0 15px 0 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-border.btn-color:hover,.btn-color,.scroll-down-icon:hover,.address:hover .address-img,.map-section,.pagination span,.pagination a:hover,.member-box .member-details .member-links a i,.widget-tags a:hover,.approach i,.blog:hover .blog-img i,.why .nav-tabs li.active a .icon-box .icon-img,.icon-box:hover .icon-img,.header .nav-menu .drop .dropdown li:hover a,.instagram li,.popup-form .mfp-close:hover,.mfp-close:hover,.service .service-img .title span,.back-to-top i:hover,.values ul.nav-tabs li.active a .tab-img,.values ul.nav-tabs li a:hover .tab-img,.header .nav-menu ul > li.quote a,.ref:hover .ref-img{background:#c01c28} .c-input,.awards a,.approach,.office,.ref,.widget-tags a,.ul-row.col5 .award,.counter.counter-gray,.feature-nfo,.award,.about{background:#fff;background:-moz-radial-gradient(center,ellipse cover,#fff 0%,#e7e8e9 100%);background:-webkit-radial-gradient(center,ellipse cover,#fff 0%,#e7e8e9 100%);background:radial-gradient(ellipse at center,#fff 0%,#e7e8e9 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#e7e8e9',GradientType=1)} .page-header h1 span,.type-wrap span b,.bio-form h1,.c-form .c-input:hover i,.member-box:hover .member-details h4,.header-title h2 span,.header-title-white h2 span,.header-title-cta h2 span,.service .service-text h4,.address:hover h4{color:#c01c28} 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,#goTop,#goTop i,#footer .social-icons ul li a i,.popup-field,.bio-form .member-social ul li a,.header .nav-menu ul > li.quote a:after,.pagination a,.pagination span,.brands a,.brands a img,.c-form .c-input,.story,.brand,.blog,.blog .blog-info h3,.blog .blog-img img,.widget-tags a,.service .service-img,#portfolio-grid .portolio-item .portolio,.approach .approach-img,.approach .approach-img img,.about,.about .about-img img,.tec li img,.tec li,.kunden li a,.instagram li a,.instagram li a i,.instagram li a img,.member-box .member-details h4,.member-box,.service .service-img .title,.member-box .member-details .member-links,.member-box .member-details .member-links i,.company img,.company,.header .nav-menu .drop .dropdown li a,.header .nav-menu .drop .dropdown,.service .service-img .title h4,.service .service-img .title span,.company:after,.back-to-top,.back-to-top i,.member-box .member-pic img,.company:hover .company-info,.company .company-info p,.company .company-info:before,.company .company-info .autor,.member-box .member-pic,.mail-subscribe-widget form button,.what,.what-box,.what-box .what-img,.what-box .what-img img,.what-box .what-info h3,.program-detail img,.program-detail h4,.blog-layout .post .post-date .date,.awards a img,.solutions .left .tabs .tab-img,.awards a,.solutions .tabs img,.company .company-info h3,.it,.it img,.it h4,.it p,.you h4 span,.you p span,.office,#portfolio-grid .portolio-item .portfolio-img img,#portfolio-grid .portolio-item .portfolio-details h4,#portfolio-grid .portolio-item .portfolio-details h5,#portfolio-grid .portolio-item .portfolio-overlay,.testimonials-carousel .team-img,.testimonials-carousel .team-img img,#footer .social-icons ul li a,#footer .social-icons ul li a i,.values ul.nav-tabs li a img,.values ul.nav-tabs li a .tab-img,.tags .tag,.press,.press h4,.program-box,.program-box .program-box-img,.program-box .program-box-img img,.industries,.industries-info,.ref,.ref .ref-img,.custom-select,.icon-box p,.icon-box h4,.icon-box span,.all-service .all-service-info,.counter .counter-img,.counter .counter-img img,.award,.benefits .benefits-img,.contact,.partner,.partner .partner-img,.partner .partner-img img,.partner .partner-img h4,.partner .partner-hover,.partner .partner-hover h4,.partner .ti-angle-up,.partner h3,.feature-nfo,.feature-nfo p,.feature-nfo i,.portfolio-filters a .tab-img, .portfolio-filters a .tab-img img,.build, .build i,.build p,.expectations-box,.expectations,.expectations img,.expectations h4,.expectations p,.counter,.testimonials:before,.degrees,.degrees img,.degrees h4,.degrees span,.ceo,.ceo .ceo-img,.serv-over .serv-over-img,.serv-over .serv-over-img img,.serv-over,.serv-over h3,.serv-over .serv-over-hover,.more-feature-wrap,.feature-hover-content,.feature-title > h4,.feature-icon i,.more-feature-img > img,.more-feature-content,.deliver,.deliver .deliver-box .deliver-img,.deliver .deliver-box .deliver-img img,.deliver .deliver-box,.deliver-box .deliver-details h4,.deliver-box .deliver-details p,.deliver .deliver-box .deliver-img:before,.benefit,.benefit .bottom,.benefit .benefit-info img,.benefit .watch-pdf span,.benefit .watch-pdf span,.blog-box,.blog-box .blog-box-img,.blog-box .blog-box-img img,.blog-box .blog-box-details,.blog-box .blog-box-details h3,.blog-box .post-date,.about-tab {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} .sub-menu-toggle{ display:none; } .elementor-section .elementor-container{ padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; width:80%; max-width:100% !important; /* max-width:1290px !important; */ } .elementor-section-full_width.elementor-section .elementor-container{ width:100%; padding:0; max-width:100% !important; } .header .container{ width:100%; /* max-width:1290px !important; */ padding:0 15px; font-family:'Bai Jamjuree',sans-serif; } .header .nav-menu ul > li > a{ padding-left:6px; padding-right:6px; } img { vertical-align: middle; border:0; } .header .container:before,.header .container:after{ display: table; content: " "; } .header .container:after{ clear: both; } .header.header-bg .container{ width:85%; margin:0 auto; /* max-width:1290px !important; */ } .header .nav-menu > ul > li.menu-item-has-children>a:after{ content: ""; background: url(images/arrow-down.svg)no-repeat; width: 10px; height: 18px; display: inline-block; fill: #fff; background-size: contain; background-position: center; vertical-align: middle; padding-left: 20px; margin-top: -3px; } .header.header-bg .nav-menu > ul > li.menu-item-has-children>a:after{ filter: brightness(0.1); } .header .nav-menu > ul > li.menu-item-has-children:hover>a:after, .header.header-bg .nav-menu > ul > li.menu-item-has-children:hover>a:after, .header .nav-menu > ul > li.menu-item-has-children.current-menu-item>a:after{ filter: invert(41%) sepia(100%) saturate(3529%) hue-rotate(333deg) brightness(71%) contrast(120%); } .header .nav-menu ul > li.quote a{ display: flex; color:#fff !important; } .header:not(.header-bg) .navbar-toggle svg path{ fill:#fff; } .header .nav-menu ul > li.quote a:before{ font-family: 'themify'; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin-right: 7px; display: flex !important; position: relative; top:0; content: "\e61d"; width: 14px; align-items: end; left: 0; color:#fff; opacity:1; } .elementor-location-footer .elementor-widget-heading h4.elementor-heading-title{ color: rgba(255,255,255,.5) !important; text-transform: uppercase; padding-bottom: 15px; margin-bottom: 0; position: relative; font-size: 14px; font-weight: 600; letter-spacing: 1px; } .elementor-location-footer .elementor-widget-heading h4.elementor-heading-title:after{ content:""; position: absolute; bottom: 0; left: 0; display: block; width: 30px; height: 1px; background-color: #c01c28; margin: 0; } /* Render items as columns */ .masonary-container{ /* column-count:3; -webkit-column-count:3; column-gap: 25px; -webkit-column-gap: 25px; */ font-family: 'Bai Jamjuree',sans-serif; margin:0 10px; } .masonary-container .demo .testimonials { margin: 0 0 10px; } .masonary-container .testimonials { background-color: #133C7C; } .masonary-container .testimonials:hover { background: #111f3e; } /* Re-order items into rows */ .masonary-container .item{ overflow: hidden; -moz-column-break-inside: avoid; break-inside: avoid; } /* .masonary-container .item:nth-child(3n+1) { order: 1; } .masonary-container .item:nth-child(3n+2) { order: 2; } .masonary-container .item:nth-child(3n) { order: 3; } */ @media (min-width: 768px){ .navbar-toggle { display: none; } } @media (max-width: 1680px) { .container{width:85%;} .service{width:100%} .what{width:100%} .popup-form.call{margin:0 10%!important;} .what-box .what-info ul.scroll {height:160px;} } @media (max-width: 1366px) { .popup-form{margin:0 2%} .popup-form.call{margin:0 5%!important;} .ul-row.col2 li {width:25%} .benefit{min-height:450px} header .container{width:100%!important} .container{width:100%} } @media (max-width: 1200px) { .service .service-text{bottom:auto} .brands li{width:16.6666%} .instagram li{width:25%} .follow{width:66%} .image-notes{max-width:100%} .what-box .what-info{padding:4%} .what-box.half .what-info{padding:8%} .news-list li{width:33.3333%} .values .nav-tabs > li{width:16.66666%} .popup-form.call{margin:0 1%!important;} .ul-row li {width:25%;} .ul-row.col5 li {width:20%} .testimonials{text-align:center;padding:75px 30px 30px;} .circle--slider .prev{left:-30px} .circle--slider .next{right:-30px} .circle--rotate{width:55%;height:55%} .circle--rotate > li .icon{height:13%;width:13%} .circle--slider .animate-wrapper{width:40%;height:40%} } @media (max-width: 1024px) { .elementor-location-footer .elementor-widget-heading h4.elementor-heading-title:after{ left:50%; margin-left:-15px; } } @media (max-width: 991px) { .container,.elementor-section .elementor-container,.header.header-bg .container{width:100% !important;} .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 > ul > li.menu-item-has-children>a:after{float:right;filter:inherit !important;} .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);background:#111f3e;height:calc(100vh - 62px);overflow-y:scroll;display:none;} .header .nav-menu::-webkit-scrollbar{width:7px} .header .nav-menu::-webkit-scrollbar-track{background:rgba(255,255,255,.33)} .header .nav-menu::-webkit-scrollbar-thumb{background:#c01c28} .header .nav-menu::-webkit-scrollbar-thumb:hover{background:#c01c28} .header .nav-menu > ul > li{width:100%} .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,.header .nav-menu ul li.current-menu-item a::before{display:none} .header .nav-menu ul li.active a,.header .nav-menu ul li.current-menu-item a{background:#c01c28;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,.header .nav-menu ul li.current-menu-item:hover a{color:#fff!important} .header.header-bg .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;color:#fff;border-bottom:1px solid rgba(255,255,255,.066)} .header .nav-menu ul > li.quote a{width:auto;float:left;margin:10px 0 15px 10px} .header .nav-menu li.spacer{display:none} .header .nav-menu ul > li > a .ti-angle-down{margin:5px 0 0;float:right} .header .nav-menu .drop a::before{display:none;display:block} .header .nav-menu .drop .dropdown{visibility:visible;position:relative;top:0;opacity:1;filter:Alpha(Opacity=1);width:100%;margin:0;background:rgba(255,255,255,.066)} .header .nav-menu .drop:hover .dropdown{margin-top:0} .header .nav-menu .drop .dropdown li{padding:0;margin:0} .header .nav-menu .drop .dropdown li a{color:inherit;padding:5px 25px;background-color:transparent;border-bottom:none;color:#fff} .header .nav-menu li.active .dropdown li a,.header .nav-menu ul li.current-menu-item .dropdown li a{color:inherit} .header .nav-menu .drop .dropdown li:hover a,.header .nav-menu .drop .dropdown li.active a,.header .nav-menu .drop .dropdown li.current-menu-item a,.header.header-bg .nav-menu .drop .dropdown li:hover a{background:#c01c28;color:#fff!important} .industries-info{padding:30px} ul li,ol li,.icons-list li{font-size:16px;line-height:22px} .header #logo img{max-height:36px} .header.header-bg #logo img{max-height:36px} .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} .popup-form{margin:1%} .popup-form .popup-img{display:block} .popup-form .popup-info{padding:5%} .popup-form .mfp-close{color:#fff} .blog .blog-info h3{min-height:auto} .blog .blog-info p{min-height:auto} .project-gallery{margin-bottom:5px} .project-gallery .gallery-top{padding:0;margin-bottom:2px} .popup-form .popup-info{margin:0} .brands li{width:25%} .section.instagram{padding:60px 0 0} .mail-subscribe-widget{margin:0} .mail-subscribe-widget p{text-align:center} .copyright-section{text-align:center} .copyright-section .text-right{text-align:center} ul.social-list{float:none;text-align:center} ul.social-list li{padding:0!important;display:inline-block!important} .links-section{padding:50px 0} .member-box .member-details .member-position{min-height:auto} .links-section h4{padding-bottom:10px;margin-bottom:10px;text-align:center} .links-section h4 .head-line{margin:0 auto;right:0} .links-section ul{margin-bottom:30px;text-align:center} .links-section ul li{display:block;padding:2px 0} .pl45{padding:0 30px} .what-box.half .what-img{width:50%} .what-box.half .what-info{width:50%} .what-box .what-info{padding:6%} .what-box.half .what-info{padding:6%} .clients{padding:0 30px} .programmes{padding-top:30px} .programmes .programmes-info{padding:0} .programmes .programmes-info.text-right{text-align:left} .programmes .programmes-img{margin:15px auto 30px} .icon-box .box-content-right{padding:0 0 0 96px;text-align:left} .icon-box .icon-side-right{right:auto;left:0} .alliance .alliance-img{margin:0 auto 30px} .icon-box{min-height:90px;margin-bottom:10px} .alliance{display:flex;flex-direction:column} .alliance .col-md-4:first-child{order:2} .program-box{min-height:auto} .result li{min-height:70px} .result li .easyPieChart{top:0} .news-list li{width:50%} .industries-img{display:block;max-height:250px} .ref{margin-bottom:30px} .counter {margin-bottom:30px} .circle--rotate{width:75%;height:75%} .circle--rotate > li .icon{height:16%;width:16%} .circle--slider .animate-wrapper{width:55%;height:55%} .circle--slider .prev{left:-30px} .circle--slider .next{right:-30px} .ul-row.col5 li {width:33.3333333%} .ul-row.col2 li {width:33.3333333%} .program-box .program-box-info .btn-sys {opacity:1;top:0} .contact-form-img {display: block;} .deliver .col-md-6{width:100%} .deliver .deliver-box.flex .deliver-img{float:right} .deliver .deliver-box.flex .deliver-img.right{float:left} .deliver .deliver-box.flex .deliver-details {float:right} .deliver .deliver-box.flex .deliver-img:before {border-left: 15px solid #111f3e;left:auto;left: 0; border-right: 0 solid #111f3e;} .deliver .deliver-box.flex:hover .deliver-img:before {border-left: 15px solid #c01c28;} .deliver .deliver-box.flex .deliver-img.right:before {right:auto;right: 0; border-right:none; border-right: 15px solid #111f3e;border-left: 0 solid #111f3e;} .deliver .deliver-box.flex:hover .deliver-img.right:before {border-right: 15px solid #c01c28;} .co-info {left:30px;} .nav-tabs.sustainable li a i{display:block; position:relative;margin:0 auto } .nav-tabs.sustainable li{display:inline-block;width:20%;text-align:center} .nav-tabs.sustainable li a {padding:0} .main-title{text-align:center;padding:0} .icon-box span {left:0;opacity: 1;} .masonary-container{column-count:2; -webkit-column-count:2;} } @media (max-width: 768px) { #container div[class*='col-md-']{margin-bottom:20px} h1{font-size:30px;line-height:35px} h2{font-size:25px;line-height:30px} h3{font-size:20px;line-height:25px} body,p,ul li,ol li,.icons-list li{font-size:15px;line-height:22px} .page-header{padding:160px 0 80px} .sign{width:64px;height:64px;line-height:64px;top:-32px} .sign img{max-height:32px} .sign2{width:64px;height:64px;line-height:64px;top:-32px} .sign2 img{max-height:32px} .header-title,.header-title-white,.header-title-cta{margin-bottom:30px} .header-title br,.header-title-white br,.header-title-cta br{display:none} .section-home img{max-height:30px} .brands li{width:33%} .follow{width:80%} .type-wrap{margin:0 0 10px;} .type-wrap span{font-size:16px!important;line-height:24px;letter-spacing:0!important} .type-wrap .typed-cursor{font-size:15px!important;margin-left:2px} .back-to-top{bottom:15px;right:15px} .back-to-top i{width:32px;height:32px;line-height:32px;font-size:12px} .testimonials q{font-size:16px;line-height:24px;font-weight:600} .testimonials-carousel .quote-content q{font-size:16px;line-height:24px} .company .company-info q{font-size:16px;line-height:24px} .what-box .what-info{padding:4%} .what-box .what-info h3{margin-bottom:10px} .what-box .what-info p{font-size:15px;line-height:22px} .what-box.half .what-info{padding:4%} .what-box .what-info .btn-sys{margin:0} .program-summary{text-align:center} .program-summary li{width:33%;margin-bottom:30px} .program-summary li:nth-child(3){border-right:none} .program-detail h4{font-size:13px;line-height:18px} .agenda ul.nav-tabs li a{padding:7px 20px;font-size:12px} .section-home h1{font-size:35px!important;line-height:42px;letter-spacing:0!important} .service{margin:0} .service .icon{display:none} .service .service-img img{position:relative;opacity:1} .service .service-img .mob{display:block} .service .service-img .desk{display:none} .service .service-img .title{display:none} .service .service-img h4{display:none} .service .service-text{position:relative;opacity:1;top:-50px;margin:0 30px;border:1px solid #fff;background:#ffff;-webkit-box-shadow:0 0 15px 0 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);padding:25px} .service .service-text img {display:none} .service .service-text h3{color:#111f3e;text-align:center} .service .service-text p{color:#444} .service .service-text ul li{color:#444} .service .service-text .btn-light{background:#c01c28} .service .service-text .btn-light:hover{color:#fff} .service:hover .service-text{top:-50px} .service .icon{display:none} .service .service-text .more{text-align:center} .service .service-text hr{border-color:rgba(0,0,0,.066)} .service .service-text .icon2{position:absolute;top:-32px;left:0;right:0;z-index:0;font-size:22px;width:64px;height:64px;line-height:64px;margin:0 auto;text-align:center;color:#c01c28;z-index:37;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;background:#fff;border-radius:50%;-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)} .testimonials-carousel{padding:0 30px} .testimonials-carousel .item{padding:0} .values ul.nav-tabs{margin-bottom:10px} .values .nav-tabs > li{width:33.333333%;margin:0 -2px 15px} .values ul.nav-tabs li a .tab-img{width:72px;height:72px} .values ul.nav-tabs li.active a img.hov{top:20px;height:32px} .values ul.nav-tabs li a:hover img.hov{top:20px;height:32px} .values ul.nav-tabs li a img.hov{top:20px;height:32px} .values ul.nav-tabs li a img.act{top:20px;height:32px} .values ul.nav-tabs li a span{font-size:12px} .values .nav-tabs > li.active:before{display:none} .blog-layout .post{margin:0 0 30px} .blog-layout .post-date{position:relative;left:0;left:0;padding:0;margin:0 0 10px;background:none;color:#111f3e;display:block;clear:both;text-align:left;height:65px} .blog-layout .post:hover .post-date{background:none} .blog-layout .post-date .day{margin:0 10px 0 0;display:inline-block!important;padding:10px;background:#c01c28;color:#fff;width:auto;width:55px;float:left} .blog-layout .post-date .year{font-size:14px;line-height:14px;color:#111f3e;font-weight:600} .blog-layout .post-date .month{font-size:14px;line-height:14px;color:#111f3e;font-weight:600;padding:10px 0 3px} .pagination {margin:0 0 30px;padding:0} .pagination a,.pagination span{font-size:15px;width:40px;height:40px;line-height:40px;margin:0 1px} .pagination span i{font-size:15px;line-height:40px} .pagination a i{font-size:15px;line-height:40px} .testimonials {margin:0} .testimonials .quote-content q {min-height:auto} .ul-row li {width:33.33333%;} .serv-over .serv-over-wrap .serv-over-hover {position:relative;opacity:1;top:0;padding:20px} .serv-over h4{color:#111f3e;text-align:center} .serv-over li{color:#111f3e} .serv-over h3 {display:none} .serv-over .btn-sys {opacity:1} .serv-over .serv-over-info {padding:0 0 20px } .serv-over ul {min-height:auto;} .serv-over .btn-sys {top:0} .collapse-group.faq .collapse-heading h4 a {font-size: 16px;} .ul-row.col5 li {width:50%} .ul-row.col2 li {width:50%} .licensing table td:first-child{width:auto;text-align:center} .licensing table td:first-child img {display:block;margin:0 auto 10px} .licensing table td,.licensing table td ul li {font-size:15px;line-height:20px} .award {margin:0 0 15px;padding:25px} .award h4{min-height:auto} .counter p {min-height:auto} .co-info {position:relative;bottom:0;left:0; width:auto; height:auto; border:none;padding:30px} .co-info .scroll {overflow-y:hidden;height:auto; padding-right:0} .sustainable-flex .tab-pane {display:flex;flex-direction:column} .sustainable-flex .tab-pane .co-img {order:-1;display:flex} } @media (max-width: 640px) { .section-home img{display:none} .section-home .btn-sys{margin:10px 0} .what-box .what-img{width:100%;height:250px;} .what-box .what-info{width:100%} .what-box.half .what-img{width:100%;height:250px;} .what-box.half .what-info{width:100%} .what-box.flex{display:flex;flex-direction:column} .what-box.flex .what-info{order:2} .what-info.arrow-left:after,.what-info.arrow-right:after,.what-info.arrow-up:after{content:'';position:absolute;top:0;left:20%;width:0;height:0;border:15px solid transparent;border-bottom-color:#fff;border-top:0;margin-left:-15px;margin-top:-15px} .what-box .what-info ul.scroll {overflow-y:hidden;height:auto; padding-right:0} .about{width:100%} .circle--slider{margin:0;overflow:hidden} .circle--rotate{width:80%;height:80%;border:none} .circle--rotate > li .icon{display:none} .circle--slider .animate-wrapper{width:80%;height:80%;border:6px solid #fff;-webkit-box-shadow:0 0 15px 0 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)} .circle--slider .animate-title img{max-height:36px;margin-bottom:10px} .circle--slider .animate-title p{width:75%;line-height:20px} .circle--slider .animate-title span {display:inline-block} .circle--slider .animate-title h4 {font-size:16px; line-height:20px;} .circle--slider .animate-title .animg {height: 40px; width: 40px; line-height: 40px; background: none; border-radius:0; margin: 0 auto 10px;} .circle--slider .animate-title .animg img {height:40px} .news-list li{width:100%} .all-service .all-service-img {width:300px;height:300px;margin-bottom:30px} .all-service .all-service-info img {max-height:80px;} .ul-row li {width:50%;} .deliver .deliver-box .deliver-details h4 {font-size:15px;line-height:20px;} .press .press-info {padding:20px 20px 40px 20px} .press .press-info span.date{left:20px} .press:hover .press-info span.more{left:20px} .nav-tabs.sustainable li{width:33.333333%;} .deliver .deliver-box .deliver-details h4 {font-size:15px;line-height:20px;} .deliver .deliver-box .deliver-img{float:none;width:100%;} .deliver .deliver-box .deliver-details {float:none;width:100%} .deliver .deliver-box.flex .deliver-img{float:none;width:100%;} .deliver .deliver-box.flex .deliver-details {float:none} .deliver .deliver-box {display: flex;flex-direction: column;} .deliver .deliver-box .deliver-img.right{order: -1;} .deliver .deliver-box .deliver-img:before, .deliver .deliver-box .deliver-img.right:before, .deliver .deliver-box.flex .deliver-img:before, .deliver .deliver-box.flex .deliver-img.right:before {width:0;height:0;border-top:0 solid transparent;border-left: 15px solid transparent;border-right:15px solid transparent;border-bottom: 15px solid #111f3e;right:0;left:0;top:auto;bottom:0;margin:0 auto} .deliver .deliver-box.deliver-dark .deliver-img:before {border-bottom: 15px solid #c01c28;border-top:0 solid transparent; border-left: 15px solid transparent;border-right: 15px solid transparent;} .deliver .deliver-box:hover .deliver-img:before, .deliver .deliver-box:hover .deliver-img.right:before, .deliver .deliver-box.flex:hover .deliver-img:before, .deliver .deliver-box.flex:hover .deliver-img.right:before {border-bottom: 15px solid #c01c28;border-left: 15px solid transparent;border-right: 15px solid transparent;} .masonary-container{column-count:1; -webkit-column-count:1;} } @media only screen and (max-width: 480px) { .col-xs-6{width:100%} .section-home h1{font-size:25px;line-height:35px} .section-home p{font-size:16px;line-height:22px;text-transform:none;letter-spacing:0;} .section-home .btn-sys{margin:10px 0} .service .service-text{top:-30px;margin:0 15px} .brands li{width:50%} .instagram li{width:50%;margin:-3px -1.5px} .follow{width:90%} .links-section ul li{display:block} .company:hover .company-info img{top:15px;max-height:40px;max-width:160px} .company:hover .company-info q{top:30px} .company:hover .company-info .autor{top:40px} .company .company-info .autor{font-size:11px;letter-spacing:1px} .program-summary li{width:50%} .program-summary li:nth-child(2),.program-summary li:nth-child(4){border-right:none} .program-summary li:nth-child(3){border-right:1px solid #eee} .agenda ul.nav-tabs li{width:50%;margin:0 -2px} .agenda ul.nav-tabs li a{margin:2px;padding:7px 0} .section-home h1{font-size:30px!important;line-height:35px!important} .meta-summary li{width:100%;border-right:none} .blog-layout .post-right{padding-left:0} .post .more-link{margin:0 0 20px} .header-title-cta .btn-sys{margin:30px 0 0} .header-title-cta .btn-sys:last-child {margin:5px 0 0} .ul-row.col5 li {width:100%} .ul-row.col2 li {width:100%} .copyright-section a {display:block;line-height:20px} .copyright-section a:before {display:none} .benefit{max-height:400px;min-height:auto} .degrees {padding:15px} .degrees-box {padding:0 15px} .press .press-info{ width:100%;} .press .press-img{display:block;width:100%;height:auto;padding:25px;background:#f0f1f2;} .press .press-info h4{min-height:auto;} } @media only screen and (max-width: 360px) { .section-home img{display:none} .brands li{width:100%} .company .company-info:before{display:none} .ul-row li {width:100%;} } .owl-carousel .owl-wrapper:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0} .owl-carousel{display:none;position:relative;width:100%;-ms-touch-action:pan-y} .owl-carousel .owl-wrapper{display:none;position:relative;-webkit-transform:translate3d(0px,0px,0px)} .owl-carousel .owl-wrapper-outer{overflow:hidden;position:relative;width:100%} .owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition:height 500ms ease-in-out;-moz-transition:height 500ms ease-in-out;-ms-transition:height 500ms ease-in-out;-o-transition:height 500ms ease-in-out;transition:height 500ms ease-in-out} .owl-carousel .owl-item{float:left} .owl-controls .owl-page,.owl-controls .owl-buttons div{cursor:pointer} .owl-controls{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0)} .grabbing{cursor:grabbing!important;cursor:-moz-grabbing!important;cursor:-webkit-grabbing!important} .home-slider.light-section .grabbing{cursor:url(images/icons/mouse-dark.png),auto!important} .home-slider.dark-section .grabbing{cursor:url(images/icons/mouse-light.png),auto!important} .owl-carousel .owl-wrapper,.owl-carousel .owl-item{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)} .owl-theme .owl-controls{margin-top:0;text-align:center} .owl-theme .owl-controls .owl-buttons div{color:#FFF;display:inline-block;zoom:1;*display:inline;margin:5px;padding:3px 10px;font-size:12px;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px;background:#869791;filter:Alpha(Opacity=50);opacity:.5} .owl-theme .owl-controls.clickable .owl-buttons div:hover{filter:Alpha(Opacity=100);opacity:1;text-decoration:none;z-index:50} .owl-theme .owl-pagination{position:absolute;bottom:10px;left:0;right:0;margin:0 auto} .owl-theme .owl-controls .owl-page{display:inline-block;zoom:1;z-index:50 *display: inline} .owl-theme .owl-controls .owl-page span{display:block;width:10px;height:10px;margin:0 5px;border:1px solid #fff;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;background-color:transparent;transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;z-index:50} .owl-theme .owl-controls .owl-page.active span,.owl-theme .owl-controls.clickable .owl-page:hover span{background-color:#fff} .owl-theme .owl-controls .owl-page.active span{-webkit-transform:scale(1.3);-moz-transform:scale(1.3);transform:scale(1.3)} .owl-theme .owl-controls .owl-page span.owl-numbers{height:auto;width:auto;color:#FFF;padding:2px 10px;font-size:12px;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px} .owl-item.loading{min-height:150px;background:url(images/icons/AjaxLoader.gif) no-repeat center center} .owl-origin{-webkit-perspective:1200px;-webkit-perspective-origin-x:50%;-webkit-perspective-origin-y:50%;-moz-perspective:1200px;-moz-perspective-origin-x:50%;-moz-perspective-origin-y:50%;perspective:1200px} .owl-fade-out{z-index:10;-webkit-animation:fadeOut 1s both ease;-moz-animation:fadeOut 1s both ease;animation:fadeOut 1s both ease} .owl-fade-in{-webkit-animation:fadeIn 1s both ease;-moz-animation:fadeIn 1s both ease;animation:fadeIn 1s both ease} .owl-backSlide-out{-webkit-animation:backSlideOut 1s both ease;-moz-animation:backSlideOut 1s both ease;animation:backSlideOut 1s both ease} .owl-backSlide-in{-webkit-animation:backSlideIn 1s both ease;-moz-animation:backSlideIn 1s both ease;animation:backSlideIn 1s both ease} .owl-goDown-out{-webkit-animation:scaleToFade .7s ease both;-moz-animation:scaleToFade .7s ease both;animation:scaleToFade .7s ease both} .owl-goDown-in{-webkit-animation:goDown .6s ease both;-moz-animation:goDown .6s ease both;animation:goDown .6s ease both} .owl-fadeUp-in{-webkit-animation:scaleUpFrom .8s ease both;-moz-animation:scaleUpFrom .8s ease both;animation:scaleUpFrom .8s ease both} .owl-fadeUp-out{-webkit-animation:scaleUpTo .8s ease both;-moz-animation:scaleUpTo .8s ease both;animation:scaleUpTo .8s ease both} @-webkit-keyframes empty { 0%{opacity:1} } @-moz-keyframes empty { 0%{opacity:1} } @keyframes empty { 0%{opacity:1} } @-webkit-keyframes fadeIn { 0%{opacity:0} 100%{opacity:1} } @-moz-keyframes fadeIn { 0%{opacity:0} 100%{opacity:1} } @keyframes fadeIn { 0%{opacity:0} 100%{opacity:1} } @-webkit-keyframes fadeOut { 0%{opacity:1} 100%{opacity:0} } @-moz-keyframes fadeOut { 0%{opacity:1} 100%{opacity:0} } @keyframes fadeOut { 0%{opacity:1} 100%{opacity:0} } @-webkit-keyframes backSlideOut { 25%{opacity:.5;-webkit-transform:translateZ(-500px)} 75%{opacity:.5;-webkit-transform:translateZ(-500px) translateX(-200%)} 100%{opacity:.5;-webkit-transform:translateZ(-500px) translateX(-200%)} } @-moz-keyframes backSlideOut { 25%{opacity:.5;-moz-transform:translateZ(-500px)} 75%{opacity:.5;-moz-transform:translateZ(-500px) translateX(-200%)} 100%{opacity:.5;-moz-transform:translateZ(-500px) translateX(-200%)} } @keyframes backSlideOut { 25%{opacity:.5;transform:translateZ(-500px)} 75%{opacity:.5;transform:translateZ(-500px) translateX(-200%)} 100%{opacity:.5;transform:translateZ(-500px) translateX(-200%)} } @-webkit-keyframes backSlideIn { 0%,25%{opacity:.5;-webkit-transform:translateZ(-500px) translateX(200%)} 75%{opacity:.5;-webkit-transform:translateZ(-500px)} 100%{opacity:1;-webkit-transform:translateZ(0) translateX(0)} } @-moz-keyframes backSlideIn { 0%,25%{opacity:.5;-moz-transform:translateZ(-500px) translateX(200%)} 75%{opacity:.5;-moz-transform:translateZ(-500px)} 100%{opacity:1;-moz-transform:translateZ(0) translateX(0)} } @keyframes backSlideIn { 0%,25%{opacity:.5;transform:translateZ(-500px) translateX(200%)} 75%{opacity:.5;transform:translateZ(-500px)} 100%{opacity:1;transform:translateZ(0) translateX(0)} } @-webkit-keyframes scaleToFade { to{opacity:0;-webkit-transform:scale(.8)} } @-moz-keyframes scaleToFade { to{opacity:0;-moz-transform:scale(.8)} } @keyframes scaleToFade { to{opacity:0;transform:scale(.8)} } @-webkit-keyframes goDown { from{-webkit-transform:translateY(-100%)} } @-moz-keyframes goDown { from{-moz-transform:translateY(-100%)} } @keyframes goDown { from{transform:translateY(-100%)} } @-webkit-keyframes scaleUpFrom { from{opacity:0;-webkit-transform:scale(1.5)} } @-moz-keyframes scaleUpFrom { from{opacity:0;-moz-transform:scale(1.5)} } @keyframes scaleUpFrom { from{opacity:0;transform:scale(1.5)} } @-webkit-keyframes scaleUpTo { to{opacity:0;-webkit-transform:scale(1.5)} } @-moz-keyframes scaleUpTo { to{opacity:0;-moz-transform:scale(1.5)} } @keyframes scaleUpTo { to{opacity:0;transform:scale(1.5)} } .isotope-item{z-index:2} .isotope-hidden.isotope-item{pointer-events:none;z-index:1} .isotope,.isotope .isotope-item{-webkit-transition-duration:.5s;-moz-transition-duration:.5s;-ms-transition-duration:.5s;-o-transition-duration:.5s;transition-duration:.5s} .isotope{-webkit-transition-property:height,width;-moz-transition-property:height,width;-ms-transition-property:height,width;-o-transition-property:height,width;transition-property:height,width} .isotope .isotope-item{-webkit-transition-property:-webkit-transform,opacity;-moz-transition-property:-moz-transform,opacity;-ms-transition-property:-ms-transform,opacity;-o-transition-property:-o-transform,opacity;transition-property:transform,opacity} .isotope.no-transition,.isotope.no-transition .isotope-item,.isotope .isotope-item.no-transition{-webkit-transition-duration:0;-moz-transition-duration:0;-ms-transition-duration:0;-o-transition-duration:0;transition-duration:0} .isotope.infinite-scrolling{-webkit-transition:none;-moz-transition:none;-ms-transition:none;-o-transition:none;transition:none} .mfp-hide {display: none;} .mfp-bg{top:0;left:0;width:100%;height:100%;z-index:1042;overflow:hidden;position:fixed;background:#000;opacity:.8} .mfp-wrap{display: flex; top: 0; left: 50%; /* max-width: 1920px; */ width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none!important; -webkit-backface-visibility: hidden; align-items: center; justify-content: center; transform: translate(-50%,0%);padding: 0 10px;} .mfp-container{text-align:center;position:relative;width:100%;left:0;top:0;box-sizing:border-box; padding: 0 5%;} body.overflow-hidden{ overflow-y:hidden; } .mfp-container:before{content:'';display:inline-block;height:100%;vertical-align:middle} .mfp-align-top .mfp-container:before{display:none} .mfp-content{position:relative;display:inline-block;vertical-align:middle;margin:0 auto;text-align:left;z-index:1045} .mfp-inline-holder .mfp-content,.mfp-ajax-holder .mfp-content{width:100%;cursor:auto} .mfp-ajax-cur{cursor:progress} .mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:-moz-zoom-out;cursor:-webkit-zoom-out;cursor:zoom-out} .mfp-zoom{cursor:pointer;cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in} .mfp-auto-cursor .mfp-content{cursor:auto} .mfp-close,.mfp-arrow,.mfp-preloader,.mfp-counter{-webkit-user-select:none;-moz-user-select:none;user-select:none} .mfp-loading.mfp-figure{display:none} .mfp-hide{display:none!important} .mfp-preloader{color:#CCC;position:absolute;top:50%;width:auto;text-align:center;margin-top:-.8em;left:8px;right:8px;z-index:1044} .mfp-preloader a{color:#CCC} .mfp-preloader a:hover{color:#FFF} .mfp-s-ready .mfp-preloader{display:none} .mfp-s-error .mfp-content{display:none} button.mfp-close,button.mfp-arrow{overflow:visible;cursor:pointer;background:transparent;border:0;-webkit-appearance:none;display:block;outline:none;padding:0;z-index:1046;box-shadow:none;touch-action:manipulation} button::-moz-focus-inner{padding:0;border:0} .mfp-close{width:40px;height:40px;line-height:40px;position:absolute;right:0;top:0;text-decoration:none;text-align:center;opacity:.65;padding:0 0 18px 10px;color:#FFF;font-style:normal;font-size:28px;font-family:Arial,Baskerville,monospace} .mfp-close:hover,.mfp-close:focus{opacity:1} .mfp-close:active{top:1px} .mfp-close-btn-in .mfp-close{color:#333} .mfp-image-holder .mfp-close,.mfp-iframe-holder .mfp-close{color:#FFF;right:-6px;text-align:right;padding-right:6px;width:100%} .mfp-counter{position:absolute;top:0;right:0;color:#CCC;font-size:12px;line-height:18px;white-space:nowrap} .mfp-arrow{position:absolute;opacity:.65;margin:0;top:50%;margin-top:-55px;padding:0;width:90px;height:110px;-webkit-tap-highlight-color:transparent} .mfp-arrow:active{margin-top:-54px} .mfp-arrow:hover,.mfp-arrow:focus{opacity:1} .mfp-arrow:before,.mfp-arrow:after{content:'';display:block;width:0;height:0;position:absolute;left:0;top:0;margin-top:35px;margin-left:35px;border:medium inset transparent} .mfp-arrow:after{border-top-width:13px;border-bottom-width:13px;top:8px} .mfp-arrow:before{border-top-width:21px;border-bottom-width:21px;opacity:.7} .mfp-arrow-left{left:0} .mfp-arrow-left:after{border-right:17px solid #FFF;margin-left:31px} .mfp-arrow-left:before{margin-left:25px;border-right:27px solid #3F3F3F} .mfp-arrow-right{right:0} .mfp-arrow-right:after{border-left:17px solid #FFF;margin-left:39px} .mfp-arrow-right:before{border-left:27px solid #3F3F3F} .mfp-iframe-holder{padding-top:40px;padding-bottom:40px} .mfp-iframe-holder .mfp-content{line-height:0;width:100%;max-width:900px} .mfp-iframe-holder .mfp-close{top:-40px} .mfp-iframe-scaler{width:100%;height:0;overflow:hidden;padding-top:56.25%} .mfp-iframe-scaler iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;box-shadow:0 0 8px rgba(0,0,0,0.6);background:#000} img.mfp-img{width:auto;max-width:100%;height:auto;display:block;line-height:0;box-sizing:border-box;padding:40px 0;margin:0 auto} .mfp-figure{line-height:0} .mfp-figure:after{content:'';position:absolute;left:0;top:40px;bottom:40px;display:block;right:0;width:auto;height:auto;z-index:-1;box-shadow:0 0 8px rgba(0,0,0,0.6);background:#444} .mfp-figure small{color:#BDBDBD;display:block;font-size:12px;line-height:14px} .mfp-figure figure{margin:0} .mfp-bottom-bar{margin-top:-36px;position:absolute;top:100%;left:0;width:100%;cursor:auto} .mfp-title{text-align:left;line-height:18px;color:#F3F3F3;word-wrap:break-word;padding-right:36px} .mfp-image-holder .mfp-content{max-width:100%} .mfp-gallery .mfp-image-holder .mfp-figure{cursor:pointer} #brochure.mfp-wrap { align-items:center; } @media screen and (max-width: 800px) and (orientation: landscape),screen and (max-height: 300px) { .mfp-img-mobile .mfp-image-holder{padding-left:0;padding-right:0} .mfp-img-mobile img.mfp-img{padding:0} .mfp-img-mobile .mfp-figure:after{top:0;bottom:0} .mfp-img-mobile .mfp-figure small{display:inline;margin-left:5px} .mfp-img-mobile .mfp-bottom-bar{background:rgba(0,0,0,0.6);bottom:0;margin:0;top:auto;padding:3px 5px;position:fixed;box-sizing:border-box} .mfp-img-mobile .mfp-bottom-bar:empty{padding:0} .mfp-img-mobile .mfp-counter{right:5px;top:3px} .mfp-img-mobile .mfp-close{top:0;right:0;width:35px;height:35px;line-height:35px;background:rgba(0,0,0,0.6);position:fixed;text-align:center;padding:0} } @media (max-width:1500px){ .header #logo img { max-height: 46px; } } @media (max-width:1440px){ .header #logo img,.header.header-bg #logo img{ max-height: 42px; } } @media (max-width:1400px){ .elementor-section .elementor-container, .elementor-element-73948e68 .elementor-container { width: 95% !important; } .header.header-bg .container{ width: 95% !important; } .elementor-section-full_width.elementor-section .elementor-container{ width: 100% !important; } } @media (min-width:991px) and (max-width:1250px){ .header #logo { float: left; width: 100%; text-align: center; margin-top:10px; } .header{ height:auto; } .header .nav-menu { width: 100%; text-align: center; padding: 0 15px; } } @media (max-width:990px){ .header.header-bg .container { width:100% !important; } #header .navbar-toggle{ display: flex; align-items: center; justify-content: center; } #header .navbar-toggle .svg-icon{ width: 35px; height: 35px; } #header .navbar-toggle .svg-icon path{ fill: #fff; } #header.header-bg .navbar-toggle .svg-icon path{ fill: #111f3e; } } @media all and (max-width: 900px) { .mfp-arrow{-webkit-transform:scale(0.75);transform:scale(0.75)} .mfp-arrow-left{-webkit-transform-origin:0;transform-origin:0} .mfp-arrow-right{-webkit-transform-origin:100%;transform-origin:100%} .mfp-container{padding-left:6px;padding-right:6px} } @media all and (max-height:900px) { .mfp-wrap{align-items:flex-start;} } @media (max-height:700px){ #brochure.mfp-wrap { align-items: flex-start; } } @media (max-width: 576px){ /* .mfp-wrap,#brochure.mfp-wrap{align-items:flex-start;} */ .contact-sec { width:85% !important; } .contact-sec .button-align { display: block; margin: 25px auto 0; max-width: 230px; } .contact-sec .button-align a{ display:block; } } .elementor-default .entry-header{ display:none; } .wpcf7-not-valid-tip{text-align:left;} #brochure input[type="submit"],#wpaper input[type="submit"]{display:none;} body .contact-sec p { max-width: 620px; font-size: 15px; word-spacing: 0; letter-spacing: 0; } #toggle-text{display:none;} body .elementor .main-banner{ padding:62px 0 40px !important; min-height: 560px; display: flex; align-items: center; justify-content: center; text-align: center; } body .elementor .main-banner.with-scroll-button{padding:0 !important;} body .elementor .main-banner.with-scroll-button .elementor-widget-wrap.elementor-element-populated{ padding:62px 0 40px !important; min-height: 560px; align-items: center; align-content: center; justify-content: center; text-align: center; } body .elementor .main-banner .banner-title{ margin-bottom:20px !important; } body .elementor .main-banner .banner-title .elementor-heading-title{ color: #FFFFFF; font-family: "Montserrat", Sans-serif; font-size: 45px; font-weight: 600; line-height:50px; letter-spacing: 0px; } body .elementor .main-banner .banner-title .elementor-widget-container{ margin:0 !important; } body .elementor .main-banner .elementor-element.banner-subtitle{ margin:0 auto!important; } body .elementor .main-banner .elementor-element.banner-subtitle .elementor-widget-container{ margin:0 0 20px !important; } body .elementor .main-banner .elementor-element.banner-subtitle .elementor-heading-title{ color: #FFFFFF; font-family: "Montserrat", Sans-serif; font-size: 21px; font-weight: 600; line-height: 32px; letter-spacing: 0px; } body .elementor .main-banner .banner-button .elementor-widget-container{ margin:15px 0 0 !important; } @media (max-width:768px){ body .elementor .main-banner{ padding: 80px 0 40px !important; min-height: 500px; } body .elementor .main-banner .banner-title .elementor-heading-title{ font-size:36px; line-height:45px; } }