/* prefixed by https://autoprefixer.github.io (PostCSS:v7.0.26, autoprefixer:v9.7.3) */ /* =================================== About =================================== */ /* Theme Name:Norex Theme URI: Author:Themes Industry Author URI: Description:One Page , Multi Parallax Template Tags:One page, multi page, multipurpose, parallax, creative, html5 */ /* =================================== Table of Contents =================================== */ /* 01 body 02 Custom Classes 02-1 short codes 02-2 loader 03 header 04 about sec 05 team sec 06 services sec 07 portfolio 08 reviews 09 pricing 10 social connection. 11 contact us 12 Footer 13 Media Queries /*Table Of Contents ends */ /*Global Styling*/ /*IMPORT GOOGLE FONT */ @import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700;800&display=swap'); html { scroll-behavior:auto; } * { padding:0; margin:0; } /* =================================== Style customizer ====================================== */ #style-customizer input { max-width:inherit; } #style-customizer { top:39%; } /* =================================== Scrollbar ====================================== */ ::-webkit-scrollbar { width:12px; } ::-webkit-scrollbar-track { width:12px; background:white; border-left:0 solid white; border-right:0 solid white; } ::-webkit-scrollbar-thumb { background:#13322b; width:0; height:25%; } /*************************************/ /********** RE-USEABLE CSS **********/ /*************************************/ .btn.focus, .btn:focus, .wpcf7 input:focus[type=submit], input.focus[type=submit] { color:#FFFFFF !important; } .small-heading { font-size:24px; font-weight:500; color:#142022; -webkit-transition:.8s ease; -o-transition:.8s ease; transition:.8s ease; } .small-text { font-family:'Open Sans', sans-serif; font-weight:normal; font-size:15px; color:#13322b; -webkit-transition:.8s ease; -o-transition:.8s ease; transition:.8s ease; } .ex-detail { position:relative; } .ex-detail .large-heading { /*padding-left:35px;*/ } .ex-detail .heading-1, .ex-detail .heading-2 { display:block; font-weight:500; font-size:40px; color:#142022; } .ex-detail .fly-text { position:absolute; -webkit-transform:rotate(270deg); -ms-transform:rotate(270deg); transform:rotate(270deg); font-size:16px; left:-41px; bottom:35px; font-weight:600; } .our-heading .heading-title { color:#13322b; font-size:14px; font-weight:600; } .our-heading .heading-text { color:#142022; font-size:42px; font-weight:500; } .yellow-btn { background-color:#13322b; color:#FFFFFF; font-size:13px; padding:10px 30px 10px 30px; border:solid 1px #13322b; -webkit-transition:.8s ease; -o-transition:.8s ease; transition:.8s ease; font-weight:500; } .bg-yellow { background-color:#13322b !important; } .bg-black { background-color:#142022 !important; } .slider-yellow-btn { background-color:#13322b; color:#FFFFFF; font-size:14px; padding:12px 40px 12px 40px; border:solid 1px #13322b; -webkit-transition:.8s ease !important; -o-transition:.8s ease !important; transition:.8s ease !important; font-weight:500; text-decoration:none; } .slider-yellow-btn:hover { background-color:#FFFFFF; color:#142022; border:solid 1px #FFFFFF; } .slider-trans-btn { background-color:transparent; color:#FFFFFF; font-size:14px; padding:12px 40px 12px 40px; border:solid 1px #FFFFFF; -webkit-transition:.8s ease !important; -o-transition:.8s ease !important; transition:.8s ease !important; font-weight:500; text-decoration:none; } .slider-trans-btn:hover { background-color:#FFFFFF; color:#142022; } .black-btn { background-color:#142022; color:#FFFFFF; font-size:13px; padding:10px 25px 10px 25px; border:solid 1px #142022; -webkit-transition:.8s ease; -o-transition:.8s ease; transition:.8s ease; font-weight:500; text-decoration:none; } .black-btn:hover { background-color:#13322b; border:solid 1px #13322b; color:#FFFFFF; } .parallax-disable { background-repeat:no-repeat !important; background-size:cover !important; background-position:center center !important; } .section-padding { padding-top:120px; padding-bottom:120px; } /*****Button_Hover*****/ .anim-btn { border-radius:0.5em; text-transform:uppercase; letter-spacing:0.1em; text-align:center; position:relative; overflow:hidden; z-index:1; background-color:#13322b; color:#fff; font-size:13px; padding:10px 30px 10px 30px; -webkit-transition:.8s ease; -o-transition:.8s ease; transition:.8s ease; font-weight:500; text-decoration:none; border:none; } .yellow-anim-btn { border-radius:0.5em; text-transform:uppercase; letter-spacing:0.1em; text-align:center; position:relative; overflow:hidden; z-index:1; background-color:#13322b; color:#ffffff; font-size:13px; padding:10px 30px 10px 30px; -webkit-transition:.8s ease; -o-transition:.8s ease; transition:.8s ease; font-weight:500; text-decoration:none; border:solid 1px #FFFFFF; } .yellow-anim-btn span { position:absolute; width:25%; height:100%; background-color:#ffffff; -webkit-transform:translateY(150%); -ms-transform:translateY(150%); transform:translateY(150%); border-radius:50%; -webkit-transition:0.5s; -o-transition:0.5s; transition:0.5s; z-index:-1; } .anim-btn span { position:absolute; width:25%; height:100%; background-color:#13322b; -webkit-transform:translateY(150%); -ms-transform:translateY(150%); transform:translateY(150%); border-radius:50%; -webkit-transition:0.5s; -o-transition:0.5s; transition:0.5s; z-index:-1; } .anim-btn:hover { color:#FFFFFF; } .yellow-anim-btn:hover { color:#142022; border:solid 1px #FFFFFF; } .anim-btn:hover span, .yellow-anim-btn:hover span { -webkit-transform:translateY(0) scale(3); -ms-transform:translateY(0) scale(3); transform:translateY(0) scale(3); } .anim-btn span:nth-child(1), .yellow-anim-btn span:nth-child(1) { left:0; -webkit-transition-delay:0s; -o-transition-delay:0s; transition-delay:0s; } .anim-btn span:nth-child(2), .yellow-anim-btn span:nth-child(2) { left:25%; -webkit-transition-delay:0.25s; -o-transition-delay:0.25s; transition-delay:0.25s; } .anim-btn span:nth-child(3), .yellow-anim-btn span:nth-child(3) { left:50%; -webkit-transition-delay:0.5s; -o-transition-delay:0.5s; transition-delay:0.5s; } .anim-btn span:nth-child(4), .yellow-anim-btn span:nth-child(4) { left:75%; -webkit-transition-delay:0.75s; -o-transition-delay:0.75s; transition-delay:0.75s; } .anim-btn span:nth-child(5), .yellow-anim-btn span:nth-child(5) { left:100%; -webkit-transition-delay:1s; -o-transition-delay:1s; transition-delay:1s; } /*****Button_Hover*****/ /*************************************/ /************** LOADER CSS ***********/ /*************************************/ .loader { position:fixed; top:0; left:0; right:0; bottom:0; height:100vh; overflow:hidden; width:100%; z-index:9999999999999; background-color:#FFFFFF; } .loaders { position:absolute; width:150px; height:150px; left:50%; top:50%; margin:-75px 0 0 -75px; } .l { position:absolute; width:25px; height:25px; margin:-7px 0 0 -7px; -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; border:1px solid rgba(241, 195, 15, 0.3); } .l i { display:block; position:absolute; content:''; width:0; height:0; margin:7px 0 0 7px; background:#13322b; opacity:0; -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; } #l-1 { left:50%; top:7px; -webkit-animation:border 0.8s ease 0s infinite; } #l-1 i { -webkit-animation:move 0.8s ease 0s infinite; } #l-2 { left:82%; top:18%; -webkit-animation:border 0.8s ease 0.1s infinite; } #l-2 i { -webkit-animation:move 0.8s ease 0.1s infinite; } #l-3 { left:100%; top:50%; margin-left:-14px; -webkit-animation:border 0.8s ease 0.2s infinite; } #l-3 i { -webkit-animation:move 0.8s ease 0.2s infinite; } #l-4 { left:82%; top:82%; -webkit-animation:border 0.8s ease 0.3s infinite; } #l-4 i { -webkit-animation:move 0.8s ease 0.3s infinite; } #l-5 { left:50%; top:95%; -webkit-animation:border 0.8s ease 0.4s infinite; } #l-5 i { -webkit-animation:move 0.8s ease 0.4s infinite; } #l-6 { left:18%; top:82%; -webkit-animation:border 0.8s ease 0.5s infinite; } #l-6 i { -webkit-animation:move 0.8s ease 0.5s infinite; } #l-7 { left:7px; top:50%; -webkit-animation:border 0.8s ease 0.6s infinite; } #l-7 i { -webkit-animation:move 0.8s ease 0.6s infinite; } #l-8 { left:18%; top:18%; -webkit-animation:border 0.8s ease 0.7s infinite; } #l-8 i { -webkit-animation:move 0.8s ease 0.7s infinite; } @-webkit-keyframes move { 50% { opacity:1; width:18px; height:18px; margin:3px 0 0 3px; } } @-webkit-keyframes border { 50% { border:1px solid rgba(241, 195, 15, 0.1); } } /* =================================== bottom Arrow ====================================== */ .bottom-arr { position:fixed; z-index:999; bottom:20px; right:40px; background-color:#13322b; height:45px; width:45px; border-radius:5px; display:flex; color:#FFFFFF; margin-bottom:1px; text-align:center; justify-content:center; align-items:center; -webkit-transform:scale(0); -ms-transform:scale(0); -o-transform:scale(0); transform:scale(0); -webkit-box-shadow:0 2px 10px -1px rgba(87, 97, 100, 0.35); box-shadow:0 2px 10px -1px rgba(87, 97, 100, 0.35); opacity:0; visibility:hidden; font-size:26px; line-height:40px; transition:.8s ease; cursor:pointer; } .bottom-arr.fixed-at-bottom { opacity:1; visibility:visible; -webkit-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1); } .bottom-arr:hover { background-color:#142022; cursor:pointer; } .bottom-arr i { font-size:20px; transition:.8s ease-in-out; } /* =================================== Slider css ====================================== */ .hesperiden .tp-tab { opacity:1; padding:10px; box-sizing:border-box; border-right:1px solid rgba(180, 180, 180, 0.49); } .hesperiden .tp-tab-image { width:60px; height:60px; max-height:100%; max-width:100%; position:relative; display:inline-block; float:left } .hesperiden .tp-tab-content { background:rgba(0,0,0,0); position:relative; padding:15px 15px 15px 85px; left:0; overflow:hidden; margin-top:-15px; box-sizing:border-box; color:rgba(51,51,51,1); display:inline-block; width:100%; height:100%; position:absolute; } .hesperiden .tp-tab-date { display:block; color:rgba(51,51,51,0.5); font-weight:500; font-size:12px; margin-bottom:0px } .hesperiden .tp-tab-title { display:block; text-align:left; color:rgba(0,0,0,1); font-size:14px; font-weight:500; text-transform:none; line-height:17px } .hesperiden .tp-tab:hover, .hesperiden .tp-tab.selected { background:rgba(238,238,238,1) } .hesperiden .tp-tab-mask { background-color:#13322b; top:5px; } .hesperiden .tp-tab:last-child { border-right:none; } .hesperiden .tp-tab.selected .tp-tab-content .tp-tab-date { color:#142022 !important; } .hesperiden .tp-tab.selected .tp-bullet-number { background-color:#142022; } .hesperiden .tp-tab { transition:.8s ease; } .hesperiden .tp-tab:hover, .hesperiden .tp-tab.selected { background:rgba(238, 238, 238, 0) !important; } .hesperiden .tp-tab.selected:hover .tp-bullet-number { background-color:#142022; color:#ffffff; } .hesperiden .tp-tab.selected { background:#ffffff !important; } .hesperiden .tp-tab-content { background:rgba(0,0,0,0) !important; color:rgba(51, 51, 51, 1) !important; } .hesperiden .tp-tab-title { color:rgba(255, 255, 255, 1) !important; font-size:24px !important; } .hesperiden .tp-tab-content { padding:32px 25px 15px 75px; } .hesperiden .tp-bullet-number { height:30px; width:30px; margin-top:1.2rem; margin-left:20px; background-image:none !important; background-color:#142022; border-radius:50%; display:flex; align-items:center; justify-content:center; transition:.8s ease; } .hesperiden .tp-bullet-number { color:#FFFFFF; font-size:16px; font-weight:lighter; transition:.8s ease; } .hesperiden .tp-tab:hover .tp-bullet-number { background-color:rgba(255, 255, 255, 0.56); color:#142022;/*margin-top:.9rem;*/ } .hesperiden .tp-tab-title { font-family:'Open Sans', sans-serif; font-size:13px !important; font-weight:400; color:#142022 !important; } .hesperiden .tp-tab-date { font-size:20px !important; color:#142022 !important; font-weight:600; transition:.8s ease; } .tp-tabs, .tp-thumbs, .tp-bullets { padding-bottom:8px; } .rev-btn:hover { border:solid 1px #FFFFFF; } .slider-line-text { font-weight:300; font-size:58px; } .slider-style-3 .tp-bullets, .slider-style-4 .tp-bullets { display:none; } .slider-style-2 .tp-bullets, .slider-style-5 .tp-bullets { top:45% !important; } .slider-style-5 .hesperiden .tp-tab-mask { background-color:#FFFFFF; } .slider-style-5 .hesperiden .tp-tab.selected { background-color:#13322b !important; } .slider-style-7 .hesperiden .tp-tab.selected { background-color:transparent !important; } .slider-style-7 .hesperiden .tp-tab-content { padding:32px 15px 15px 15px; text-align:center; } .slider-style-7 .hesperiden .tp-tab-mask { overflow:visible !important; } .slider-style-7 .hesperiden .tp-tab.selected .tp-tab-content .tp-tab-date, .slider-style-7 .hesperiden .tp-tab .tp-tab-content .tp-tab-date { color:#ffffff !important; } .slider-style-7 .hesperiden .tp-bullet-number { height:35px; width:35px; margin-top:-1.9rem; margin-left:auto; margin-right:auto; } .slider-style-7 .hesperiden .tp-tab-title { display:inline-block; color:#FFFFFF !important; margin-left:13px; } .slider-style-7 .hesperiden .tp-bullet-number { background-color:#FFFFFF !important; color:#142022; font-weight:500; } .slider-style-7 .hesperiden .tp-tab.selected .tp-bullet-number { background-color:#142022 !important; color:#FFFFFF; height:50px; width:50px; margin-top:-2.5rem; } .tp-bullet { height:15px; width:15px; position:relative; display:contents; background:transparent; cursor:pointer; box-sizing:content-box; border:solid 1px #FFFFFF; } .tp-bullet .tp-line { height:0; width:3px; background:white; display:block; margin:0 auto; margin-left:50%; } .tp-bullet .tp-count { font-size:18px; color:#fff; margin-bottom:8px; transition:.8s ease; } .tp-bullet.selected .tp-count { color:#13322b; } .tp-bullet:not(:last-child) .tp-line { background:rgba(255, 255, 255, .8); } .tp-bullet.selected:last-child .tp-line { background:rgba(255, 255, 255, .8); height:60px !important; width:3px; display:block; transition:.8s ease-in-out; } .tp-bullet:not(:last-child) .tp-line { height:0; } .tp-bullet .tp-line { -webkit-transition:height 1s !important; transition:height 1s; } .tp-bullet.selected .tp-line { height:60px !important; -webkit-transition:height 1s !important; transition:height 1s; } .tp-bullet .tp-bullet-inner { border:none; } .tp-bullet.selected .tp-bullet-inner { background-color:transparent; } .tp-bullet.selected .minus { height:2px; width:20px; background-color:rgba(255, 255, 255, 0.8); margin-top:0; margin-bottom:8px; } @media only screen and (max-width:767.98px) { .hesperiden .tp-tab-content { padding:30px 36px 15px 60px; display:none; } .slider-linetext { font-weight:300; font-size:39px; } } /*************************************/ /************** Top Nav ************/ /*************************************/ header { position:absolute; top:0; left:0; right:0; z-index:111; } .upper-nav { background-color:rgba(20,32,34,0); padding-top:15px; padding-bottom:15px; } .upper-nav .navbar-brand { -webkit-transition:.8s ease; -o-transition:.8s ease; transition:.8s ease; } .upper-nav .navbar-brand:hover { color:#13322b; } .upper-nav h4.top-text { font-size:14px; color:#ffffff; font-family:'Open Sans', sans-serif; font-weight:normal; margin-top:auto; margin-bottom:auto; } .upper-nav .top-detail { -webkit-margin-after:0; margin-bottom:0; } .upper-nav .top-detail li { list-style:none; display:inline-block; margin-right:20px; } .upper-nav .top-detail li a { font-family:'Open Sans', sans-serif; color:#ffffff; font-weight:normal; text-decoration:none; font-size:14px; } .upper-nav .top-detail li span i { font-size:20px; margin-right:5px; color:#ffffff; position:relative; top:2px; -webkit-transition:.8s ease; -o-transition:.8s ease; transition:.8s ease; } .upper-nav .top-detail li:hover span i { color:#13322b; } .upper-nav .top-detail li.social-links { margin-left:15px; margin-right:0; } .upper-nav .top-detail li.social-links span i { font-size:14px; margin-right:0; color:#ffffff; padding:4px; position:relative; top:0; border-radius:50%; -webkit-transition:.8s ease; -o-transition:.8s ease; transition:.8s ease; } .upper-nav .top-detail li.social-links span i:hover { background-color:#13322b; } .upper-nav .toggle-btn { display:inline-block; position:absolute; right:5%; top:20%; cursor:pointer; } .toggle-btn.toggle-btn-lg { display:inline-block; position:absolute; right:3%; top:64%; cursor:pointer; } .upper-nav .toggle-btn span, .toggle-btn.toggle-btn-lg span { height:2px; width:25px; display:block; margin-top:3px; background-color:#FFFFFF; margin-left:auto; margin-right:auto; -webkit-transition:.5s ease; -o-transition:.5s ease; transition:.5s ease; } .upper-nav .toggle-btn:hover span:last-child, .toggle-btn.toggle-btn-lg:hover span:last-child { width:18px; } .upper-nav .toggle-btn:hover span:first-child, .toggle-btn.toggle-btn-lg:hover span:first-child { width:18px; } .upper-nav .toggle-btn:hover span:nth-child(2), .toggle-btn.toggle-btn-lg:hover span:nth-child(2) { width:30px; background-color:#13322b; } /*************************************/ /************** Lower Nav ************/ /*************************************/ .lower-nav .navbar { padding-top:20px; padding-bottom:20px; background-color:#ffffff; padding-left:40px; padding-right:40px; -webkit-transition:.8s ease; -o-transition:.8s ease; transition:.8s ease; } .lower-nav .main-nav { position:relative; } .lower-nav .navbar-brand { position:absolute; left:50%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); } .lower-nav .navbar-brand img { height:90%; width:90%; } .lower-nav .navbar-brand.fixed-logo { display:none; } .lower-nav .navbar-nav.left-nav { width:auto; padding-right:50px; -webkit-box-pack:end; -ms-flex-pack:end; justify-content:flex-end; -webkit-transition:.8s ease; -o-transition:.8s ease; transition:.8s ease; } .lower-nav .navbar-nav.right-nav { width:auto; padding-left:50px; -webkit-transition:.8s ease; -o-transition:.8s ease; transition:.8s ease; } .lower-nav .navbar-nav .nav-item { margin-top:auto; margin-bottom:auto; margin-right:30px; } .lower-nav .navbar-nav .nav-item:last-child { margin-right:0; } .lower-nav .navbar-nav .nav-link { color:#142022; text-decoration:none; font-weight:bold; font-size:14px; } .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link.active { color:#13322b; } /*************************************/ /**************fixed nav*********/ /*************************************/ .fixed-top { position:absolute; top:0; right:0; left:0; z-index:11111; } .fix-top { background-color:#ffffff; position:fixed; -webkit-animation-name:animationFade; animation-name:animationFade; -webkit-animation-duration:1s; animation-duration:1s; -webkit-animation-fill-mode:both; animation-fill-mode:both; -webkit-box-shadow:0 2px 10px -1px rgba(87, 97, 100, 0.35); box-shadow:0 2px 10px -1px rgba(87, 97, 100, 0.35); } .fix-top .navbar { background-color:transparent; padding-top:25px !important; padding-bottom:25px !important; margin-top:0; padding-left:0; padding-right:0; } .fix-top .navbar .navbar-brand.standard-logo { display:none; } .fix-top .navbar .navbar-brand.fixed-logo { display:block; } .fix-top .navbar .navbar-nav.left-nav { -webkit-box-pack:start; -ms-flex-pack:start; justify-content:flex-start; } .fix-top .navbar .navbar-nav.left-nav .nav-item:first-child .nav-link { padding-left:0; } .fix-top .navbar .navbar-nav.right-nav .nav-item:last-child .nav-link { padding-right:0; } .fix-top .navbar .navbar-nav.right-nav { -webkit-box-pack:end; -ms-flex-pack:end; justify-content:flex-end; } .fix-top .navbar-nav .nav-link { color:#142022; } @-webkit-keyframes animationFade { from { opacity:0; -webkit-transform:translate3d(0, -100%, 0); transform:translate3d(0, -100%, 0); } to { opacity:1; -webkit-transform:none; transform:none; } } @keyframes animationFade { from { opacity:0; -webkit-transform:translate3d(0, -100%, 0); transform:translate3d(0, -100%, 0); } to { opacity:1; -webkit-transform:none; transform:none; } } .fixed-top.lower-nav .toggle-btn span { background-color:#142022; } .fixed-top.lower-nav .toggle-btn.toggle-btn-lg { right:3%; top:39%; } .fixed-top.upper-nav .top-detail li a i { color:#142022; } .fixed-top.upper-nav .navbar-brand { color:#142022; } /*************************************/ /************* Broad nav *************/ /*************************************/ header .broad { display:none; } header .broad-nav { position:fixed; top:0; right:0; left:70%; bottom:0; background-color:#FFFFFF; z-index:99999; display:block; opacity:1; -webkit-box-shadow:0 2px 10px -1px rgba(87, 97, 100, 0.35); box-shadow:0 2px 10px -1px rgba(87, 97, 100, 0.35); } header .broad-nav.start-animation { animation:.8s slideInRight; } header .broad-nav.end-animation { animation:1s slideOutRight; } header .broad-nav .close-nav { position:absolute; top:86px; right:10%; transition:.8s ease; cursor:pointer; } header .broad-nav .close-nav.fixed-close-btn { top:4%; } header .broad-nav .close-nav i { color:#142022; font-size:30px; transition:.6s ease; } header .broad-nav .close-nav:hover i { color:#13322b; } header .broad-nav .navbar { position:absolute; top:50%; width:100%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); } header .broad-nav .navbar .nav-item .nav-link { color:#142022; font-size:16px; text-decoration:none; font-weight:500; } header .broad-nav .navbar .nav-link:hover, header .broad-nav .navbar .nav-link.active { color:#13322b; } header .broad-nav .navbar .nav-link.active:before { display:inline-block; content:" "; width:35px; height:2px; background-color:#13322b; margin-bottom:4px; margin-right:10px; } header .broad-nav .navbar .nav-link.active:after { display:inline-block; content:" "; width:35px; height:2px; background-color:#13322b; margin-bottom:4px; margin-left:10px; } header .broad-nav .navbar .nav-item:after { display:block; content:" "; width:5px; height:5px; border-radius:50%; background-color:#cccccc; margin-bottom:8px; margin-top:8px; margin-left:auto; margin-right:auto; } header .broad-nav .navbar .nav-item:last-child:after { display:none; } /*************************************/ /**************ABOUT SECTION*********/ /*************************************/ .about-sec { padding-top:20px; padding-bottom:20px; background-color:#fff; opacity:1; z-index:99; position:relative; } .about-sec .about-sec-detail { margin-bottom:40px; margin-left:0px; } .about-sec .about-sec-detail .about-des-sec { margin-top:15px; width:98%; } .about-sec .about-sec-detail .about-des-sec .small-text { margin-top:40px; margin-bottom:30px; } .about-sec .about-sec-detail .about-img-holder { padding-right:0px; padding-bottom:0px; position:relative; } .about-sec .about-sec-detail .about-img-holder img { width:100%; height:100%; position:relative; z-index:11; } .about-sec .about-sec-detail .about-img-holder .behind-overlay { position:absolute; background-color:#13322b; right:0; left:50px; top:50px; bottom:0; z-index:1; } .about-sec .about-des-sec .ex-detail .fly-text { left:-52px; color:#13322b; } .about-sec .about-media { padding-top:15px; padding-bottom:15px; padding-right:65px; cursor:pointer; margin-bottom:50px; } .about-sec .about-media:nth-child(3n+0) { padding-left:65px; padding-right:15px; } .about-sec .about-media:nth-last-child(-n+3) { margin-bottom:0; } .about-sec .about-media:nth-child(3n-1) { padding-left:40px; padding-right:40px; } .about-sec .about-media .about-icon i { color:#535353; font-size:55px; -webkit-transition:.8s ease; -o-transition:.8s ease; transition:.8s ease; margin-bottom:8px; } .about-sec .about-media .ex-line { height:3px; width:15%; background-color:#13322b; display:block; margin-bottom:8px; -webkit-transition:.8s ease; -o-transition:.8s ease; transition:.8s ease; } .about-sec .about-media:hover .ex-line { width:90%; } .about-sec .about-media .ex-line { margin-left:43%;} .about-sec .about-media:hover .ex-line { width:90%; margin-left:5%; } .about-sec .about-media:hover .about-icon i { color:#13322b; -webkit-transform:translateY(-20px); -ms-transform:translateY(-20px); transform:translateY(-20px); } /*************************************/ /************ SERVICES SEC **********/ /*************************************/ .hr { text-align:center; margin:1rem 0 0rem; } .line { width:260px; height:2px; display:inline-block; background:#54565b; border-radius:1000px; vertical-align:middle; } .line-left { margin-right:20px; transform-origin:100% 50%; } .line-right { margin-left:20px; transform-origin:0 50%; } @media screen and (max-width:767px) { .line { width:70px; } } .services-sec .services-box { padding-top:35px; } .services-sec .services-box .s-card .card { background-color:#ffffff; color:#142022; -webkit-transition:.8s ease; -o-transition:.8s ease; transition:.8s ease; } .services-sec .services-box .s-card .card.active, .services-sec .services-box .s-card .card:hover { background-color:#13322b; } .services-sec .services-box .card .service-icon i { font-size:50px; color:#13322b; margin-bottom:8px; -webkit-transition:.8s ease; -o-transition:.8s ease; transition:.8s ease; } .services-sec .services-box .s-card .card.active .service-icon i, .services-sec .services-box .s-card .card:hover .service-icon i { color:#FFFFFF !important; } .services-sec .services-box .s-card .card.active .service-mini-heading, .services-sec .services-box .s-card .card:hover .service-mini-heading { color:#FFFFFF; } .services-sec .services-box .s-card .card.active .service-num, .services-sec .services-box .s-card .card:hover .service-num { color:#FFFFFF; } .services-sec .services-box .card { padding:10px; } .services-sec .services-box .card .service-num { margin-bottom:10px; font-size:33px; transition:.8s ease; } .services-sec .ex-detail .heading-1, .services-sec .ex-detail .heading-2, .services-sec .ex-detail .fly-text { color:#FFFFFF; } .services-sec .services-box .card .service-mini-heading { font-size:12px; font-weight:300; transition:.8s ease; } /***********************************/ /***********TEAM SECTION***********/ /***********************************/ .team-sec { } .team-sec .ex-detail .heading-1, .team-sec .ex-detail .heading-2 { font-weight:500; } .team-sec .ex-detail .fly-text { color:#13322b; } .team-sec .small-text { margin-top:35px; margin-bottom:55px; } .team-sec .ex-detail .fly-text { left:-51px; } .team-sec .team-navigation i { font-size:26px; cursor:pointer; -webkit-transition:.8s ease; -o-transition:.8s ease; transition:.8s ease; } .team-sec .team-navigation .left-arr:hover i, .team-sec .team-navigation .right-arr:hover i { color:#13322b; -webkit-animation:1s wobble; animation:1s wobble; } .team-sec img { width:100%; -webkit-transition:.8s ease; -o-transition:.8s ease; transition:.8s ease; } .team-sec .team .item { position:relative; cursor:pointer; overflow:hidden; } .team-sec .skill-bars { padding-top:60px; } .team-sec .skill-bars .progress-item .progress-bar { background-color:#13322b; position:relative; } .team-sec .progress-item .progress-bar span { display:block; position:absolute; top:-32px; font-size:13px; line-height:10px; right:-1.4em; border-radius:2px; color:#FFFFFF; font-weight:300; background-color:#142022; padding:7px; } .team-sec .progress-item .progress-bar i { color:black; position:absolute; bottom:-8px; left:50%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); } .team-sec .skill-bars .progress-item .progress { height:15px !important; overflow:visible;/*margin-right:15px;*/ } .team-sec .skill-bars .progress-item { padding-right:15px; } .team-sec .skill-bars .progress-item:nth-child(even) { padding-right:0; padding-left:15px; } .team-sec .skill-bars .progress-item h6 { font-weight:500; font-size:15px; color:#142022; margin-bottom:15px; } .team-sec .skill-bars .progress-item { margin-bottom:20px; width:50%; display:inline-block; float:left; } .team-sec .team .item .team-overlay { position:absolute; left:0; right:0; bottom:0; top:0; background-color:rgba(20, 32, 34, 0.50); -webkit-transition:.8s ease; -o-transition:.8s ease; transition:.8s ease; opacity:0; z-index:111; /**/ } .team-sec .team .item .team-overlay .overlay-content { position:absolute; left:5%; right:5%; bottom:5%; top:5%; width:90%; height:90%; background-color:rgba(20, 32, 34, 0.64); -webkit-transition:.8s ease; -o-transition:.8s ease; transition:.8s ease; opacity:0; z-index:111; overflow:hidden; } .team-sec .team .item .team-overlay ul { text-align:center; position:relative; top:45%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); } .team-sec .team .item .team-overlay li { display:inline-block; margin-right:10px; } .team-sec .team .item .team-overlay a { height:35px; width:35px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; align-items:center; border:solid 1px transparent; text-decoration:none; background-color:transparent; border-radius:50%; margin-left:auto; margin-bottom:2px; } .team-sec .team .item .team-overlay a:last-child { margin-right:0; } .team-sec .team .item .team-overlay a i { color:#FFFFFF; font-size:18px; } .team-sec .team .item:hover img { /*opacity:.8;*/ -webkit-transform:scale(1.1); -ms-transform:scale(1.1); transform:scale(1.1); } .team-sec .team .item:hover .team-overlay { opacity:1; } .team-sec .team .item:hover .team-overlay .overlay-content { opacity:1; } .team-sec .item .team-overlay .overlay-content ul li a { -webkit-transform:translateY(-80px); -ms-transform:translateY(-80px); transform:translateY(-80px); -webkit-transition:.5s ease; -o-transition:.5s ease; transition:.5s ease; } .team-sec .item .team-overlay .overlay-content ul li:first-child a { -webkit-transition-delay:.1s; -o-transition-delay:.1s; transition-delay:.1s; opacity:0; } .team-sec .item .team-overlay .overlay-content ul li:nth-child(2) a { -webkit-transition-delay:.25s; -o-transition-delay:.25s; transition-delay:.25s; opacity:0; } .team-sec .item .team-overlay .overlay-content ul li:nth-child(3) a { -webkit-transition-delay:.4s; -o-transition-delay:.4s; transition-delay:.4s; opacity:0; } .team-sec .item:hover .team-overlay .overlay-content ul li:first-child a { -webkit-transform:translateY(0px); -ms-transform:translateY(0px); transform:translateY(0px); -webkit-transition-delay:.1s; -o-transition-delay:.1s; transition-delay:.1s; opacity:1; } .team-sec .item:hover .team-overlay .overlay-content ul li:nth-child(2) a { -webkit-transform:translateY(0px); -ms-transform:translateY(0px); transform:translateY(0px); -webkit-transition-delay:.25s; -o-transition-delay:.25s; transition-delay:.25s; opacity:1; } .team-sec .item:hover .team-overlay .overlay-content ul li:nth-child(3) a { -webkit-transform:translateY(0px); -ms-transform:translateY(0px); transform:translateY(0px); -webkit-transition-delay:.4s; -o-transition-delay:.4s; transition-delay:.4s; opacity:1; } .team-sec .item:hover .team-overlay .overlay-content:hover ul li:nth-child(3) a, .team-sec .item:hover .team-overlay .overlay-content:hover ul li:nth-child(2) a { -webkit-transition-delay:0s; -o-transition-delay:0s; transition-delay:0s; } .team-sec .item .team-overlay .overlay-content>ul li a:hover { background-color:rgba(255, 255, 255, 0.9); } .team-sec .item .team-overlay .overlay-content>ul li a:hover i.fa-facebook-f { color:#3b5998; } .team-sec .item .team-overlay .overlay-content>ul li a:hover i.fa-twitter { color:#00acee; } .team-sec .item .team-overlay .overlay-content>ul li a:hover i.fa-linkedin-in { color:#0e76a8; } .team-sec .item .team-overlay .overlay-content>ul li a:hover i.fa-instagram { background:#d6249f; background:-o-radial-gradient( circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%); background:radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%); -webkit-background-clip:text; -webkit-text-fill-color:transparent; } /*************************************/ /************ Our Services **********/ /*************************************/ .our-services { background-color:#f5f5f5; } .our-services .our-heading .heading-text { margin-bottom:50px; } .our-services .service-text { padding-bottom:30px; } .our-services .nav-pills .nav-link.active, .nav-pills .show>.nav-link { background-color:transparent; color:#13322b; text-decoration:none; } .our-services .nav-pills .nav-link.active span, .nav-pills .show>.nav-link span { border-bottom:solid 2px #13322b; padding-bottom:3px; } .our-services .nav-pills .nav-link { color:#142022; text-decoration:none; font-weight:bold; } .our-services .service-tab .tab-pane { background-color:#FFFFFF; overflow:hidden; } .our-services .tab-content .tab-img img { height:100%; width:100%; } .our-services .tab-content .tab-des { padding-right:30px; padding-left:15px; } .our-services .tab-content .tab-des .tab-num { font-weight:bold; font-size:48px; color:#e4e4e4; margin-bottom:20px; display:inline-block; } .our-services .tab-content .tab-des .tab-title { font-weight:500; font-size:30px; color:#142022; margin-bottom:12px; } .our-services .tab-content .tab-des .tab-text { font-family:'Open Sans', sans-serif; font-weight:400; font-size:13px; color:#535353; margin-bottom:30px; } .our-services .service-tab .tab-content .tab-pane.active .tab-img img { -webkit-animation:.4s slideInDown; animation:.4s slideInDown; -webkit-animation-delay:0s; animation-delay:0s; } .our-services .service-tab .tab-content .tab-pane.active .tab-detail .tab-des { -webkit-animation:.4s slideInUp; animation:.4s slideInUp; } /***********************************/ /***********Service List***********/ /***********************************/ .service-list .media { padding-top:30px; padding-bottom:30px; cursor:pointer; padding-right:60px; z-index:11; position:relative; -webkit-transition:.8s ease; -o-transition:.8s ease; transition:.8s ease; } .service-list .media:nth-child(even) { padding-left:60px; padding-right:15px; } .service-list .media .media-box { -webkit-transition:.8s ease; -o-transition:.8s ease; transition:.8s ease; } .service-list .media:hover .media-box { } .service-list .media .media-icon { /*margin-right:1.8rem;*/ } .service-list .media .media-icon i { font-size:45px; color:#142022; margin-top:3px; -webkit-transition:.8s ease; -o-transition:.8s ease; transition:.8s ease; } .service-list .media:hover .media-icon i { color:#13322b; } .service-list .media .media-icon .hover-line { display:inline-block; height:2px; width:0; background-color:#13322b; -webkit-transition:.8s ease; -o-transition:.8s ease; transition:.8s ease; margin-bottom:12px; } .service-list .media .media-body .hover-line { display:inline-block; height:2px; width:0; background-color:#13322b; -webkit-transition:.8s ease; -o-transition:.8s ease; transition:.8s ease; margin-bottom:2px; } .service-list .media:hover .hover-line { width:10%; margin-right:5px; } .service-list .media .media-body .heading-title { color:#13322b; font-size:12px; font-weight:700; -webkit-transition:.8s ease; -o-transition:.8s ease; transition:.8s ease; } .service-list .media:hover .media-body .heading-title { color:#142022; } .service-list .media .media-body .small-heading { letter-spacing:-.5px; -webkit-transition:.8s ease; -o-transition:.8s ease; transition:.8s ease; } .service-list .media:hover .media-body .small-heading { color:#13322b; letter-spacing:-1px; } /*service list hover css*/ .sparkle { color:#13322b; margin:auto auto; } .sparkle:hover { cursor:pointer; } .u-hover--sparkle { -webkit-box-sizing:border-box; box-sizing:border-box; position:relative;/*padding:0.75em;*/ } .u-hover--sparkle::before, .u-hover--sparkle::after { content:''; -webkit-box-sizing:border-box; box-sizing:border-box; position:absolute; top:0; left:-25px; height:100%; width:100%; -webkit-transform-origin:center; -ms-transform-origin:center; transform-origin:center; } .service-list .media:nth-child(even).u-hover--sparkle::before, .service-list .media:nth-child(even).u-hover--sparkle::after { left:25px; } .u-hover--sparkle::before { border-top:0.1em solid #13322b; border-bottom:0.1em solid #13322b; -webkit-transform:scale3d(0, 1, 1); transform:scale3d(0, 1, 1); } .u-hover--sparkle::after { border-left:0.1em solid #13322b; border-right:0.1em solid #13322b; -webkit-transform:scale3d(1, 0, 1); transform:scale3d(1, 0, 1); } .u-hover--sparkle:hover::before, .u-hover--sparkle:hover::after { -webkit-transform:scale3d(1, 1, 1); transform:scale3d(1, 1, 1); -webkit-transition:-webkit-transform 600ms; transition:-webkit-transform 600ms; -o-transition:transform 600ms; transition:transform 600ms; transition:transform 600ms, -webkit-transform 600ms; } /***********************************/ /*********** Quote section***********/ /***********************************/ .quote-sec { background-image:url("../img/qoute-banner.jpg"); min-height:300px; padding-top:150px; padding-bottom:150px; position:relative; } .quote-sec .quote-overlay { position:absolute; top:0; left:0; right:0; bottom:0; background-color:rgba(20, 32, 34, 0.50); } .quote-sec .q-detail { width:85%; } .quote-sec .quote-text { font-weight:bold; font-size:32px; line-height:1.5; color:#FFFFFF; } .quote-text i { color:#ffffff; } .quote-text i.fa-quote-left { margin-right:15px; } .quote-text i.fa-quote-right { margin-left:15px; } .quote-sec .quote-writer { color:#13322b; font-weight:500; font-size:16px; } /***********************************/ /***********PORTFOLIO CSS***********/ /***********************************/ .portfolio-sec .ex-detail .fly-text { left:-66px; } .cbp-wrapper-outer { overflow:visible; } .cbp-l-loadMore-button .cbp-l-loadMore-link, .cbp-l-loadMore-button .cbp-l-loadMore-button-link { padding:12px 32px; } .cbp-l-loadMore-button .cbp-l-loadMore-link, .cbp-l-loadMore-button .cbp-l-loadMore-button-link, .cbp-l-loadMore-button .cbp-l-loadMore-link:hover, .cbp-l-loadMore-button .cbp-l-loadMore-button-link:hover, .cbp-l-loadMore-button .cbp-l-loadMore-link:focus, .cbp-l-loadMore-button .cbp-l-loadMore-button-link:focus { color:#fff; } .cbp-l-filters-button .cbp-filter-item { background:transparent; padding:0; margin:0; border:none; font-size:13px; font-weight:600; color:#142022 !important; margin-right:15px; border-bottom:solid 2px transparent; } .cbp-l-filters-button .cbp-filter-item.cbp-filter-item-active { color:#13322b; background:transparent; border-bottom:solid 3px #13322b; } .cbp-l-filters-button .cbp-filter-item, .cbp-item.even { -webkit-transition:300ms all ease; -o-transition:300ms all ease; transition:300ms all ease; } .cbp-item.even { margin-top:-190px; } .cbp-l-grid-mosaic .cbp-caption-activeWrap { background:rgba(19, 50, 43, 0.4); } .cbp-l-caption-title { color:#ffffff !important; font-weight:400 !important; font-size:15px !important; } .portfolio-detail-text { color:#13322b; font-style:italic; } .portfolio-hover-effect .hover-text { padding-left:3%; padding-bottom:2%; } .portfolio-hover-effect .hover-text .p-hover-title { font-size:20px; color:#13322b; font-weight:500; margin-bottom:0; } .portfolio-hover-effect .hover-text .p-hover-des { font-family:'Open Sans', sans-serif; /*font-size:14px;*/ color:#FFFFFF; } #js-loadMore-lightbox-gallery { margin-top:45px; } #js-loadMore-lightbox-gallery.active { margin-top:-180px; position:relative; z-index:1; } #js-loadMore-lightbox-gallery.active-outer { margin-top:-250px; } .cbp-caption-active .cbp-caption-activeWrap { width:94%; position:absolute; z-index:2; height:94%; } .cbp-caption-zoom .cbp-caption-activeWrap { opacity:0; top:3%; left:3%; } .portfolio-sec .ex-detail .fly-text { color:#13322b; } .portfolio-foot-detail { padding-top:3%; } .portfolio-foot-detail .p-text { color:#142022; font-size:13px; font-weight:500; display:inline-block; margin-bottom:8px; } .portfolio-foot-detail .p-text:last-child { margin-bottom:0; } .portfolio-foot-detail .p-num { color:#142022; font-size:50px; font-weight:bold; } /* =================================== brand css ====================================== */ .brand-sec { padding-top:25px; cursor:pointer; } .brand-sec .brand-img img { width:60%; } /***********************************/ /***********Client Section***********/ /***********************************/ .client-sec { padding-top:120px; padding-bottom:120px; background-color:#f5f5f5; margin-top:240px; margin-bottom:100px; } .client-sec .client-heading .ex-detail .fly-text { color:#13322b; left:-50px; } .client-sec .client-des .testimonial-box .testimonial-heading .test-heading { font-size:32px; font-weight:500; display:inline-block; color:#FFFFFF; } .client-sec .client-des .testimonial-box .testimonial-heading .test-review { display:-webkit-box; display:-ms-flexbox; display:flex; float:right; padding-top:10px; } .client-sec .client-des .testimonial-box .testimonial-heading .test-review li { list-style:none; } .client-sec .client-des .testimonial-box .testimonial-heading .test-review li a i { color:#FFFFFF; font-size:20px; } .client-sec .client-des .testimonial-box .small-text { color:#FFFFFF; } .client-sec .client-des .testimonial-box .t-box { padding:50px; } .client-sec .client-des .testimonial-box { background-color:#13322b; margin-top:-225px; } .client-sec .client-des .testimonial-box .test-info { position:relative; } .client-sec .client-des .testimonial-box .test-info .client-img-holder { height:80px; width:80px; border-radius:50%; background-color:#FFFFFF; display:inline-block; } .client-sec .client-des .testimonial-box .test-info .client-img-holder img { height:100%; width:100%; border-radius:50%; } .client-sec .client-des .testimonial-box .test-info .media-body { margin-top:1.5rem; } .client-sec .client-des .testimonial-box .test-info .client-info .client-name { font-size:12px; font-weight:600; color:#FFFFFF; margin-bottom:0; } .client-sec .client-des .testimonial-box .test-info .client-info .client-designation { font-size:10px; font-weight:300; color:#FFFFFF; } .client-sec .client-des { position:relative; } .client-sec .client-des .testimonial-navigation { display:inline-block; position:absolute; right:68px; /*top:-16%;*/ bottom:60%; z-index:1; } .client-sec .client-des .testimonial-navigation .left-arr i, .client-sec .client-des .testimonial-navigation .right-arr i { font-size:28px; -webkit-transition:.8s ease; -o-transition:.8s ease; transition:.8s ease; cursor:pointer; } .client-sec .client-des .testimonial-navigation .left-arr:hover i, .client-sec .client-des .testimonial-navigation .right-arr:hover i { color:#FFFFFF; -webkit-animation:1s wobble; animation:1s wobble; } /***********************************/ /*******PRICING SECTION CSS*********/ /***********************************/ .pricing-sec { padding-bottom:120px; } .pricing-sec .pricing-cards { padding-top:50px; } .pricing-sec .pricing-card { padding:30px 20px; -webkit-box-shadow:0 0 5px #d9d9d9; box-shadow:0 0 5px #d9d9d9; border-radius:5px; -webkit-transition:.8s ease; -o-transition:.8s ease; transition:.8s ease; } .pricing-sec .pricing-card .pricing-heading { font-size:24px; font-weight:500; color:#13322b; padding-bottom:20px; border-bottom:solid 2px #d9d9d9; -webkit-transition:.8s ease; -o-transition:.8s ease; transition:.8s ease; } .pricing-sec .pricing-card .price-info { padding-top:20px; padding-bottom:20px; border-bottom:solid 2px #d9d9d9; -webkit-transition:.8s ease; -o-transition:.8s ease; transition:.8s ease; } .pricing-sec .pricing-card .price-info .price-tag .p-icon i { position:absolute; left:0; bottom:8px; font-size:30px; -webkit-transition:.8s ease; -o-transition:.8s ease; transition:.8s ease; } .pricing-sec .pricing-card .price-info .price-tag .p-icon { display:inline-block; position:relative; -webkit-transition:.8s ease; -o-transition:.8s ease; transition:.8s ease; } .pricing-sec .pricing-card .price-info .price-tag .p-price { font-size:50px; font-weight:500; display:inline-block; margin-left:28px; -webkit-transition:.8s ease; -o-transition:.8s ease; transition:.8s ease; } .pricing-sec .pricing-card .price-info .price-tag .p-since { font-size:12px; position:relative; left:42px; top:-7px; -webkit-transition:.8s ease; -o-transition:.8s ease; transition:.8s ease; } .pricing-sec .price-text .small-text { color:#878787; font-family:'Open Sans', sans-serif; font-weight:400; font-size:12px; line-height:1.7; -webkit-transition:.8s ease; -o-transition:.8s ease; transition:.8s ease; } .pricing-sec .pricing-card .feature-list { padding-left:0; padding-top:20px; padding-bottom:20px; -webkit-transition:.8s ease; -o-transition:.8s ease; transition:.8s ease; } .pricing-sec .pricing-card .feature-list li { list-style:none; margin-bottom:8px; -webkit-transition:.8s ease; -o-transition:.8s ease; transition:.8s ease; } .pricing-sec .pricing-card .feature-list li i { font-size:20px; color:#62be10; -webkit-transition:.8s ease; -o-transition:.8s ease; transition:.8s ease; } .pricing-sec .pricing-card .feature-list li a { color:#535353; font-size:16px; font-family:'Open Sans', sans-serif; font-weight:400; text-decoration:none; -webkit-transition:.8s ease; -o-transition:.8s ease; transition:.8s ease; } .pricing-sec .pricing-card button { -webkit-transition:.8s ease; -o-transition:.8s ease; transition:.8s ease; } .pricing-sec .pricing-card:hover, .pricing-sec .pricing-card.active { background-color:#13322b; } .pricing-sec .pricing-card:hover .pricing-heading, .pricing-sec .pricing-card.active .pricing-heading { color:#ffffff !important; border-bottom:solid 2px #1420222e; } .pricing-sec .pricing-card:hover .price-info, .pricing-sec .pricing-card.active .price-info { border-bottom:solid 2px #1420222e; } .pricing-sec .pricing-card:hover .price-info .price-tag .p-icon i, .pricing-sec .pricing-card.active .price-info .price-tag .p-icon i { color:#ffffff; } .pricing-sec .pricing-card:hover .price-info .price-tag .p-icon, .pricing-sec .pricing-card.active .price-info .price-tag .p-icon { color:#ffffff; } .pricing-sec .pricing-card:hover .price-info .price-tag .p-price, .pricing-sec .pricing-card.active .price-info .price-tag .p-price { color:#ffffff; } .pricing-sec .pricing-card:hover .price-info .price-tag .p-since, .pricing-sec .pricing-card.active .price-info .price-tag .p-since { color:#ffffff; } .pricing-sec .pricing-card:hover .price-text .small-text, .pricing-sec .pricing-card.active .price-text .small-text { color:#ffffff; } .pricing-sec .pricing-card:hover .feature-list li i, .pricing-sec .pricing-card.active .feature-list li i { color:#ffffff; } .pricing-sec .pricing-card:hover .feature-list li a, .pricing-sec .pricing-card.active .feature-list li a { color:#ffffff; } .pricing-sec .pricing-card:hover button, .pricing-sec .pricing-card.active button { background-color:#13322b; color:#ffffff; border:solid 1px #ffffff; } .pricing-sec .pricing-card button:hover { background-color:#ffffff; border:solid 1px #ffffff; color:#142022; } .pricing-sec .pricing-card .btn.focus, .pricing-sec .pricing-card .btn:focus, .pricing-sec { color:#142022 !important; } /***********************************/ /***********MINI BLOG SEC***********/ /***********************************/ .mini-blog-sec { padding-top:120px; padding-bottom:120px; background-color:#f5f5f5; } .mini-blog-sec .mini-blog-detail .ex-detail .fly-text { color:#13322b; left:-51px; } .mini-blog-sec .mini-blog-detail .small-text { margin-top:51px; margin-bottom:30px; } .mini-blog-sec .card-blog .mini-blog { background-color:#FFFFFF; -webkit-transition:.8s ease; -o-transition:.8s ease; transition:.8s ease; } .mini-blog-sec .card-blog .mini-blog:hover { /*transform:translateY(-10px);*/ -webkit-box-shadow:1px 1px 15px #cbcbcb; box-shadow:1px 1px 15px #cbcbcb; background-color:#13322b; } .mini-blog-sec .mini-blog .m-blog-detail { padding:25px 20px; } .mini-blog-sec .mini-blog .mini-blog-title { font-size:18px; font-weight:500; margin-bottom:15px; color:#142022; -webkit-transition:.8s ease; -o-transition:.8s ease; transition:.8s ease; } .mini-blog-sec .mini-blog:hover .mini-blog-title { color:#142022; } .mini-blog-sec .mini-blog .small-text { margin-bottom:20px; } .mini-blog-sec .mini-blog .user-detail { border-top:solid 1px #f5f5f554; padding:15px 20px; } .mini-blog-sec .mini-blog .user-detail .user-name { display:inline-block; font-size:12px; color:#535353; } .mini-blog-sec .mini-blog .user-detail .user-img { max-height:30px; max-width:30px; border-radius:50%; margin-right:1px; } .mini-blog-sec .mini-blog .user-detail .user-img img { border-radius:50%; height:30px; width:30px; } .mini-blog-sec .mini-blog .user-detail .posted-date { /*font-weight:lighter;*/ color:#535353; font-size:12px; } .mini-blog-sec .mini-blog .hover-line { height:1px; width:0; margin-right:5px; background-color:#142022; -webkit-transition:.8s ease; -o-transition:.8s ease; transition:.8s ease; display:inline-block; margin-bottom:4px; } .mini-blog-sec .mini-blog:hover .hover-line { width:15%; } .mini-blog-sec .mini-blog .mini-blog-link { color:#142022; text-decoration:none; font-size:14px; display:inline-block; font-weight:500; } /***********************************/ /*****Social Connection Section*****/ /***********************************/ .social-sec { padding-top:120px; padding-bottom:10px; } .social-sec img { height:100%; width:100%; -webkit-transition:.8s ease; -o-transition:.8s ease; transition:.8s ease; } .social-sec .s-img-area { position:relative; overflow:hidden; } .social-sec .s-img-area i { position:absolute; right:10px; top:10px; font-size:28px; color:#FFFFFF; z-index:11; } .social-sec .twitter-box { position:relative; padding:40px; background-color:#58bbff; } .social-sec .twitter-box .twitter-head { margin-bottom:35.5px; } .social-sec .twitter-box .twit-icon { position:absolute; top:40px; left:25px; } .social-sec .twitter-box .twit-icon i { color:#FFFFFF; font-size:28px; } .social-sec .twitter-box .twitter-head .twit-mention { color:#FFFFFF; font-family:'Open Sans', sans-serif; font-weight:bold; font-size:13px; margin-right:-15px; } .social-sec .twitter-box .small-text { color:#FFFFFF; margin-bottom:22px; } .social-sec .twitter-box .twit-btn { padding:10px 35px; font-size:13px; color:#FFFFFF; background-color:#41a9f0; font-family:'Open Sans', sans-serif; font-weight:bold; cursor:pointer; border:solid 1px #41a9f0; -webkit-transition:.8s ease; -o-transition:.8s ease; transition:.8s ease; } .social-sec .twitter-box .twit-btn:hover { color:#41a9f0; background-color:#FFFFFF;/*border:solid 1px #41a9f0;*/ } .social-sec .img-box { position:relative; } .social-sec .img-box .facebook-box { position:absolute; left:0; top:50%; right:50%; bottom:0; background-color:#3b5998; padding:14.5px; z-index:11; } .social-sec .facebook-box .facebook-head { margin-bottom:35.5px; } .social-sec .facebook-box .face-icon { position:absolute; top:15px; left:10px; } .social-sec .facebook-box .face-icon i { color:#FFFFFF; font-size:24px; } .social-sec .facebook-box .facebook-head .face-mention { color:#FFFFFF; font-family:'Open Sans', sans-serif; font-weight:bold; font-size:13px; margin-right:-1px; } .social-sec .facebook-box .small-text { color:#FFFFFF; margin-bottom:22px; } .social-sec .facebook-box .face-btn { padding:10px 35px; font-size:13px; color:#FFFFFF; background-color:#2c4884; font-family:'Open Sans', sans-serif; font-weight:bold; cursor:pointer; border:solid 1px #2c4884; -webkit-transition:.8s ease; -o-transition:.8s ease; transition:.8s ease; } .social-sec .facebook-box .face-btn:hover { color:#2c4884; background-color:#FFFFFF;/*border:solid 1px #41a9f0;*/ } .social-sec .figure { display:block; } .social-sec .social-tab2, .social-sec .social-tab3 { position:relative; overflow:hidden; } .social-sec .social-tab2 i, .social-sec .social-tab3 i { position:absolute; right:10px; bottom:10px; font-size:28px; color:#FFFFFF; z-index:11; } .figure:hover img { -webkit-transform:scale(1.1); -ms-transform:scale(1.1); transform:scale(1.1); } .figure::before { position:absolute; top:0; left:-75%; z-index:2; display:block; content:''; width:50%; height:100%; background:-webkit-gradient(linear, left top, right top, from(rgba(255,255,255,0)), to(rgba(255,255,255,.3))); background:-o-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%); background:linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%); -webkit-transform:skewX(-25deg); -ms-transform:skewX(-25deg); transform:skewX(-25deg); } .figure:hover::before { -webkit-animation:shine 1s; animation:shine 1s; } @-webkit-keyframes shine { 100% { left:100%; } } @keyframes shine { 100% { left:100%; } } /***********************************/ /*********Contact section***********/ /***********************************/ .contact-sec { padding-top:120px; padding-bottom:120px; } .contact-sec .contact-detail .ex-detail { margin-bottom:50px; } .contact-sec .contact-detail .ex-detail .fly-text { color:#13322b; left:-49px; } .contact-sec .contact-detail .small-text { margin-bottom:40px; width:95%; } .contact-sec .contact-detail .location-details h4 { margin-bottom:20px; color:#142022; font-weight:bold; font-size:18px; } .contact-sec .contact-detail .location-details ul { padding-left:0; } .contact-sec .contact-detail .location-details ul li { list-style:none; margin-bottom:12px; position:relative; } .contact-sec .contact-detail .location-details ul li a { font-family:'Open Sans', sans-serif; font-size:14px; color:#535353; text-decoration:none; margin-left:30px; display:-webkit-box; display:-ms-flexbox; display:flex; } .contact-sec .contact-detail .location-details ul li i { font-size:24px; margin-right:5px; color:#535353; position:absolute; top:2px; left:0; } /*contact us form*/ .contact-sec .contact-box { padding:20px 30px 20px 30px; -webkit-box-shadow:1px 1px 8px #dddddd; box-shadow:1px 1px 8px #dddddd; /*border:solid .5px #dddddd;*/ border-radius:15px; } .contact-sec .contact-box .small-heading { font-size:24px; font-weight:500; margin-bottom:30px; } .contact-sec .contact-box .small-text { margin-bottom:25px; } .contact-sec .contact-form .my-form { position:relative; } .contact-sec .contact-form .my-form .form-control { border:1px solid #cbcbcb; } .contact-sec .contact-form .my-form input { margin-bottom:20px; border-radius:10px; padding:20px; } .contact-sec .contact-form .my-form input[placeholder] { color:#444444; opacity:.8; font-size:14px; } .contact-sec .contact-form .my-form textarea { border-radius:10px; padding:20px; } .contact-sec .contact-form .my-form textarea[placeholder] { color:#444444; opacity:.8; font-size:14px; } .display-error { position:absolute; top:-45px; left:15px; right:15px; } .contact-page .contact-list li:nth-child(2), .contact-page .contact-list li:nth-child(3) { display:inline-block; } .contact-page .contact-list li:nth-child(2) { margin-right:8px; } .contact-page .contact-list li:nth-child(even) { margin-bottom:0px !important; } /***********************************/ /***********MAP SECTION**********/ /***********************************/ #google-map { height:400px; width:100%; } .col-map #google-map { height:418px; } /***********************************/ /***********Footer SECTION**********/ /***********************************/ .footer-sec { padding-top:60px; padding-bottom:60px; } .footer-sec .social-icons i { -webkit-transition:.8s ease; -o-transition:.8s ease; transition:.8s ease; cursor:pointer; } .footer-sec .social-icons i:last-child { margin-right:0px; } .footer-sec .rites { margin-top:15px; } .social-icons a { display:inline-block; text-decoration:none; color:#142022; margin-right:10px; } .social-icons a i { display:block; height:60px; width:60px; font-size:24px; color:#142022; line-height:64px; text-align:center; border-radius:40px; background:transparent; -webkit-transition:all .3s ease !important; -o-transition:all .3s ease !important; transition:all .3s ease !important; } .social-icons a i.la-facebook-f:hover, .social-icons a i.la-facebook-f:focus { color:#ffffff; -webkit-box-shadow:0 0 15px 30px #3D558F inset; box-shadow:0 0 15px 30px #3D558F inset; } .social-icons a i.la-twitter:hover, .social-icons a i.la-twitter:focus { color:#ffffff; -webkit-box-shadow:0 0 15px 30px #33c9dd inset; box-shadow:0 0 15px 30px #33c9dd inset; } .social-icons a i.la-google:hover, .social-icons a i.la-google:focus { color:#ffffff; -webkit-box-shadow:0 0 15px 30px #D74937 inset; box-shadow:0 0 15px 30px #D74937 inset; } .social-icons a i.la-linkedin-in:hover, .social-icons a i.la-linkedin-in:focus { color:#ffffff; -webkit-box-shadow:0 0 15px 30px #0474BC inset; box-shadow:0 0 15px 30px #0474BC inset; } .social-icons a i.la-instagram:hover, .social-icons a i.la-instagram:focus { color:#ffffff; background-image:-o-radial-gradient( circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%); background-image:radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%); /*-webkit-box-shadow:0 0 15px 30px #fd5949 inset;*/ /*box-shadow:0 0 15px 30px #fd5949 inset;*/ -webkit-animation:1s instaRound; animation:1s instaRound; } @-webkit-keyframes instaRound { from { opacity:0; } to { opacity:1; } } @keyframes instaRound { from { opacity:0; } to { opacity:1; } } .social-icons a i.la-envelope:hover, .social-icons a i.la-envelope:focus { color:#ffffff; -webkit-box-shadow:0 0 15px 30px #D45049 inset; box-shadow:0 0 15px 30px #D45049 inset; } .social-icons a i:hover { color:#ffffff; border-radius:40px; } @-webkit-keyframes ripple { 0% { opacity:1; -webkit-transform:scale(0); transform:scale(0) } 100% { opacity:0; -webkit-transform:scale(1); transform:scale(1) } } @keyframes ripple { 0% { opacity:1; -webkit-transform:scale(0); transform:scale(0) } 100% { opacity:0; -webkit-transform:scale(1); transform:scale(1) } } /***********************************/ /********standalone page css********/ /***********************************/ .standalone-row:not(:last-child) { margin-bottom:3rem; } .standalone-row .stand-img-des { padding-left:30px; text-align:center; } .standalone-row:nth-child(2) .stand-img-des { padding-left:0; padding-right:30px; } .standalone-detail .sub-heading { color:#13322b; margin-bottom:20px; } .standalone-area .sub-heading { color:#13322b; margin-bottom:8px; } .standalone-detail .heading { margin-bottom:20px; font-size:40px; color:#142022; font-weight:500; } .standalone-detail .para_text { color:#535353; font-weight:500; text-align:center; font-size:15px; margin:0 auto; line-height:2.1; } .standalone-detail { padding-bottom:100px; } .standalone-area { padding-bottom:100px; } .standalone-area .gradient-text1 { font-weight:500; margin-bottom:12px; } .standalone-area .stand-img-des .para_text { color:#535353; } /***********************************/ /*******Index page 2 css start******/ /***********************************/ .lower-nav-style2 { position:absolute; left:0; right:0; bottom:0; z-index:99; transition:.8s ease; background-color:#FFFFFF; } .lower-nav-style2.fixed-nav-top { position:fixed; bottom:auto; left:0; right:0; top:0; transition:.8s ease; background-color:#FFFFFF; } .lower-nav-style2.fixed-nav-top .navbar { padding-left:0; padding-right:0; } .lower-nav-style2 .toggle-btn.toggle-btn-lg { right:4%; top:35%; } .lower-nav-style2.fixed-nav-top .toggle-btn.toggle-btn-lg span { background-color:#142022; } .header-style2 .upper-nav { background-color:rgba(20, 32, 34, 0.50); } .lower-nav-style2 .toggle-btn.toggle-btn-lg span { background-color:#142022; } .header-style2 .upper-nav.fixed-top { background-color:#FFFFFF; } /***********************************/ /*******Index page 3 css start******/ /***********************************/ .lower-nav-style3.lower-nav .navbar-brand { position:absolute; left:6%; } .lower-nav-style3 .toggle-btn.toggle-btn-lg { top:60px; } .header-style3 .broad-nav .close-nav { top:57px; } .lower-nav-style3 .navbar { background-color:#13322b; } .lower-nav-style3 .navbar-nav .nav-link { color:#FFFFFF; transition:.8s ease; } .lower-nav-style3 .navbar-light .navbar-nav .nav-link:hover, .lower-nav-style3 .navbar-light .navbar-nav .nav-link.active { color:#fff; } .lower-nav-style3.fixed-top .navbar { background-color:#FFFFFF; } .lower-nav-style3.fixed-top .navbar .nav-link { color:#142022; } .lower-nav-style3.fixed-top .navbar-light .navbar-nav .nav-link:hover, .lower-nav-style3.fixed-top .navbar-light .navbar-nav .nav-link.active { color:#13322b; } /***********************************/ /*******Index page 4 css start******/ /***********************************/ .header-style4 .lower-nav-style4 { background-color:#13322b; } .header-style4 .lower-nav-style4 .navbar { background-color:#13322b; } .lower-nav-style4 .navbar-light .navbar-nav .nav-link:hover, .lower-nav-style4 .navbar-light .navbar-nav .nav-link.active { color:#FFFFFF; } .lower-nav-style4 .navbar-nav .nav-link { color:#FFFFFF; } .lower-nav-style4 .navbar-brand { left:22px; } .lower-nav-style4 .navbar { padding-right:0; } .lower-nav-style4 .navbar .nav-link { padding-right:0; } .lower-nav-style4 .toggle-btn.toggle-btn-lg:hover span:nth-child(2) { background-color:#FFFFFF; } .lower-nav-style4.fixed-top .toggle-btn span { background-color:#FFFFFF; } .header-style4 .lower-nav-style4 .navbar-light .navbar-nav .nav-link:hover, .header-style4 .lower-nav-style4 .navbar-light .navbar-nav .nav-link.active { color:#FFFFFF !important; } /***********************************/ /*******Index page 5 css start******/ /***********************************/ .header-style5 .lower-nav-style5 { background-color:#FFFFFF; } .header-style5 .lower-nav-style5 .navbar { background-color:transparent; color:#13322b; } .lower-nav-style5 .navbar-light .navbar-nav .nav-link:hover, .lower-nav-style5 .navbar-light .navbar-nav .nav-link.active { color:#13322b; } .lower-nav-style5 .navbar-nav .nav-link { color:#142022; } .header-style5 .lower-nav-style5.fixed-top .navbar .nav-link { color:#142022; } .lower-nav-style5.fixed-top .navbar-light .navbar-nav .nav-link:hover, .lower-nav-style5.fixed-top .navbar-light .navbar-nav .nav-link.active { color:#13322b; } .lower-nav-style5 .navbar-brand { left:22px; } .lower-nav-style5 .navbar { padding-right:0; padding-top:25px; padding-bottom:25px; } .lower-nav-style5 .navbar .nav-link { padding-right:0; } .lower-nav-style5 .toggle-btn.toggle-btn-lg:hover span:nth-child(2) { background-color:#13322b; } .lower-nav-style5 .toggle-btn.toggle-btn-lg { top:37px; } .header-style5 .broad-nav .close-nav { top:33px; } .header-style5 .lower-nav-style5 .toggle-btn.toggle-btn-lg span { background-color:#142022; } /***********************************/ /*******Index page 6 css start******/ /***********************************/ .inner-body .left-body-menu { width:20%; float:left; position:fixed; -webkit-box-shadow:0 2px 10px -1px rgba(87, 97, 100, 0.35); box-shadow:0 2px 10px -1px rgba(87, 97, 100, 0.35); height:100vh; } .inner-body .left-body-menu .navbar-brand { margin-top:35px; margin-right:0; } .inner-body .left-body-menu .broad { transform:translateY(40%); } .inner-body .left-body-menu .broad ul { } .inner-body .left-body-menu .broad ul li { margin-bottom:10px; } .inner-body .left-body-menu .broad ul li a { text-decoration:none; font-weight:500; color:#142022; } .inner-body .right-body-content { width:80%; float:right; position:relative; overflow-x:hidden; } .inner-body .header-style6 { margin-top:25px; background-color:rgba(20, 32, 34, 0.7); } .inner-body .slider-style-6 { } .inner-body .slider-style-6 .heading-text { margin-top:0; font-size:46px; font-weight:bold; margin-bottom:20px; } .inner-body .slider-style-6 .para_text { font-size:30px; font-weight:300; color:#FFFFFF; margin-bottom:20px; } .inner-body .slider-style-6 .slider-yellow-btn { margin-top:20px; padding:9px 28px 9px 28px; font-size:12px; color:#FFFFFF; cursor:pointer; } .inner-body .right-body-content .u-hover--sparkle::before, .inner-body .right-body-content .u-hover--sparkle::after { left:53px; width:87%; } .inner-body .right-body-content .service-list .media:nth-child(even).u-hover--sparkle::before, .inner-body .right-body-content .slider-style-6 .service-list .media:nth-child(even).u-hover--sparkle::after { left:26px; } .inner-body .right-body-content .service-list .media:nth-child(even) { padding-left:15px; padding-right:50px; } .inner-body .right-body-content.service-list .media { padding-right:15px; padding-left:50px; } .inner-body ul.navbar-nav { padding-left:20px; margin-top:-45px; } .inner-body .left-body-menu .navbar-brand { padding-left:35px; } .inner-body .left-body-menu .social-links { display:flex; padding-left:15px; margin-top:30px; } .inner-body .left-body-menu .social-links a { text-decoration:none; color:#142022; display:flex; justify-content:center; align-items:center; height:35px; width:35px; /*border-radius:50%;*/ margin-right:8px; } .inner-body .left-body-menu .social-links a:hover { background-color:#13322b; border-radius:50%; } .inner-body .left-body-menu .social-links a i { font-size:20px; } .inner-body .left-body-menu hr { width:72%; opacity:.5; background-color:#142022a1; margin-left:15px; } /***********************************/ /*******Index page 7 css start******/ /***********************************/ .header-style7 .container { position:relative; } .header-style7 .lower-nav-style7 .navbar { background-color:transparent; } .header-style7 .lower-nav-style7 .navbar-brand { position:relative; transform:none; left:auto; right:auto; } .header-style7 .lower-nav-style7 .toggle-btn.toggle-btn-lg { right:5%; top:40%; transition:.8s ease; } .header-style7 .lower-nav-style7.fix-top .navbar { padding-top:20px !important; padding-bottom:20px !important; } .header-style7 .lower-nav-style7.fix-top .toggle-btn.toggle-btn-lg { right:1%; } .header-style7 .lower-nav-style7.fix-top .navbar .navbar-brand.fixed-logo { width:140px !important; } /***********************************/ /*******Index page 8 css start******/ /***********************************/ .header-style8 .upper-nav .toggle-btn:hover span:nth-child(2), .header-style8 .toggle-btn.toggle-btn-lg:hover span:nth-child(2) { background-color:#fff !important; } /***********************************/ /***********MEDIA QUERIES***********/ /***********************************/ @media (max-width:575.98px) { /*mobile screen media query for CUSTOM CLASSES*/ .small-text { font-size:13px; } .ex-detail .heading-1, .ex-detail .heading-2 { font-size:30px; display:inline-block; } .ex-detail .fly-text { font-size:13px; /*bottom:24px;*/ left:50%; -webkit-transform:translateX(-50%) !important; -ms-transform:translateX(-50%) !important; transform:translateX(-50%) !important; -webkit-transform:rotate(0deg); -ms-transform:rotate(0deg); transform:rotate(0deg); top:-25px; } .our-heading .heading-text { font-size:32px; } .ex-detail .large-heading { text-align:center; padding-left:0; } /*mobile screen media query for upper nav*/ .upper-nav .top-detail li { margin-right:14px; } .upper-nav .top-detail li.social-links span i { margin-right:4px; } .upper-nav .top-detail li.social-links { display:block; text-align:left; margin-left:0; } .upper-nav .top-detail li a { font-size:12px; } .upper-nav { padding-top:25px !important; padding-bottom:25px !important; } .navbar-brand { position:absolute; left:50%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); top:-55%; color:#FFFFFF; text-decoration:none; } header .broad-nav { position:fixed; top:0; right:0; left:0; bottom:0; } header .upper-nav.fixed-top .toggle-btn span { background-color:#142022; } .navbar-brand img { max-width:70%; margin-left:30%; } .lower-nav .navbar-brand img { margin-top:80%; } header .broad-nav .close-nav { position:absolute; top:3%; right:4%; } header .broad-nav .close-nav.fixed-close-btn { position:absolute; top:3%; right:4%; } /*mobile screen media query for about sec*/ .about-sec .about-sec-detail .about-des-sec { width:100%; } .about-sec .about-des-sec .ex-detail .fly-text { left:50%; transform:translateX(-50%); } .about-sec .about-media { padding-right:15px; padding-left:15px; } .about-sec .about-media:nth-child(3n+0) { padding-left:15px; padding-right:15px; } .about-sec .about-media:nth-child(3n-1) { padding-left:15px; padding-right:15px; } .about-sec .about-media .ex-line { margin-left:43%; } .about-sec .about-media:hover .ex-line { width:100%; margin-left:0; } /*mobile screen media query for team sec*/ .team-sec .skill-bars .progress-item { margin-bottom:20px; width:100%; display:inline-block; float:left; padding-right:0; } .team-sec .skill-bars .progress-item:nth-child(even) { padding-left:0; } .team-sec .small-text, .team-sec .team-navigation { margin-bottom:20px; } .team-sec .ex-detail .fly-text { left:50%; -webkit-transform:translateX(-50%) !important; -ms-transform:translateX(-50%) !important; transform:translateX(-50%) !important; -webkit-transform:rotate(0deg); -ms-transform:rotate(0deg); transform:rotate(0deg); top:-29px; } /*mobile screen media query our services sec*/ .our-services .service-tab .tab-content .tab-pane.active .tab-detail .tab-des { padding:30px; } .our-services .tab-content .tab-des .tab-title { font-size:23px; } .our-services .tab-content .tab-des .tab-num { font-size:40px; } .our-services .our-heading .heading-text { margin-bottom:20px; } /*mobile screen media query service list sec*/ .service-list .media { padding-right:15px; padding-left:20px; } .service-list .media:nth-child(even) { padding-left:20px; padding-right:15px; } .u-hover--sparkle::before, .u-hover--sparkle::after { left:8px; width:95%; } .service-list .media:nth-child(even).u-hover--sparkle::before, .service-list .media:nth-child(even).u-hover--sparkle::after { left:8px; } /*mobile screen media query qoute sec*/ .quote-sec .quote-text { font-size:25px; } /*mobile screen media query portfolio sec*/ .portfolio-foot-detail { padding-top:70%; } .portfolio-sec .ex-detail .fly-text { left:50%; -webkit-transform:translateX(-50%) !important; -ms-transform:translateX(-50%) !important; transform:translateX(-50%) !important; -webkit-transform:rotate(0deg); -ms-transform:rotate(0deg); transform:rotate(0deg); top:-25px; } .portfolio-foot-detail .anim-btn { padding:10px 20px 10px 20px; font-size:12px; } /*mobile screen media query brand sec*/ .brand-sec { padding-bottom:50px; } /*mobile screen media query client sec*/ .client-sec { margin-top:auto; } .client-sec .client-des .testimonial-box { margin-top:30px; } .client-sec .client-des .testimonial-navigation { top:auto; bottom:3%; } .client-sec .client-des .testimonial-box .testimonial-heading .test-review { display:-webkit-box; float:initial; padding-top:10px; margin-bottom:10px; } .client-sec .client-des .testimonial-box .testimonial-heading .test-heading { font-size:28px; } .client-sec .client-heading .ex-detail .fly-text { left:50%; -webkit-transform:translateX(-50%) !important; -ms-transform:translateX(-50%) !important; transform:translateX(-50%) !important; -webkit-transform:rotate(0deg); -ms-transform:rotate(0deg); transform:rotate(0deg); top:-25px; } /*mobile screen media query pricing sec*/ .pricing-sec .pricing-cards { padding-left:0px; padding-right:0px; } .pricing-sec .pricing-card { margin-bottom:50px; } .pricing-sec .p-card:last-child .pricing-card { margin-bottom:0; } .pricing-sec .pricing-card .price-info .price-tag .p-since { left:auto; } /*mobile screen media query for mini blog sec*/ .mini-blog-sec .mini-blog-detail .small-text { margin-top:22px; } .mini-blog-sec .card-blog { margin-top:50px; } .mini-blog-sec .mini-blog-detail .ex-detail .fly-text { left:50%; -webkit-transform:translateX(-50%) !important; -ms-transform:translateX(-50%) !important; transform:translateX(-50%) !important; -webkit-transform:rotate(0deg); -ms-transform:rotate(0deg); transform:rotate(0deg); top:-25px; } /*mobile screen media query for Social connection sec*/ .social-sec .img-box .facebook-box { position:relative; top:auto; left:auto; bottom:auto; right:auto; padding:40px; } .social-sec .facebook-box .facebook-head .face-mention { margin-right:-15px; } .social-sec .facebook-box .face-icon { top:40px; left:25px; } .social-sec .facebook-box .face-icon i { font-size:26px; } /*mobile screen media query for contact sec*/ .contact-sec .contact-detail .ex-detail .fly-text { left:50%; -webkit-transform:translateX(-50%) !important; -ms-transform:translateX(-50%) !important; transform:translateX(-50%) !important; -webkit-transform:rotate(0deg); -ms-transform:rotate(0deg); transform:rotate(0deg); top:-25px; } .contact-sec .contact-detail .ex-detail { margin-bottom:20px; } .contact-sec .contact-detail .addr-list { margin-top:50px; } .contact-sec .contact-detail .small-text { margin-bottom:30px; } .contact-sec .contact-detail .location-details ul li i { position:relative; } .contact-sec .contact-detail .location-details ul li a { display:block; margin-left:auto; } .contact-sec .contact-box { -webkit-box-shadow:none; box-shadow:none; margin-top:40px; } .contact-sec .user-contact { width:100%; } .services-sec .services-box .s-card .card { border-radius:0; } /*mobile screen media query for footer sec*/ .social-icons a i { height:35px; width:35px; line-height:38px; font-size:20px; } /***********************************/ /********standalone page css********/ /***********************************/ .standalone-area .gradient-text1 { font-size:25px; } .standalone-row:not(:last-child) { margin-bottom:8rem; } .standalone-area .sub-heading { margin-top:20px; } .standalone-row:nth-child(2) .stand-img-des { padding-left:18px; padding-right:18px; } .standalone-row .stand-img-des { padding-left:18px; padding-right:18px; } .standalone-area { /*padding-bottom:0;*/ } /**/ } @media (min-width:576px) and (max-width:767.98px) { /*custom css*/ .ex-detail .large-heading { padding-left:0; text-align:center; } /*mobile screen media query for lower nav*/ .lower-nav .navbar-brand img { margin-top:80%; } /*mobile screen media query for upper nav*/ .upper-nav .top-detail li.social-links { display:block; text-align:left; margin-left:0; } .upper-nav { padding-top:25px !important; padding-bottom:25px !important; } .navbar-brand { position:absolute; left:50%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); top:-55%; color:#FFFFFF; text-decoration:none; } header .broad-nav { position:fixed; top:0; right:0; left:0; bottom:0; } header .upper-nav.fixed-top .toggle-btn span { background-color:#142022; } .navbar-brand img { margin-left:35%; max-width:65%; } .navbar-brand img { /*margin-right:8px;*/ } header .broad-nav .close-nav { position:absolute; top:3%; left:4%; right:auto; } /*mobile screen media query for about sec*/ .about-sec .about-sec-detail .about-des-sec { width:100%; } .about-sec .about-des-sec .ex-detail .fly-text { left:50%; transform:translateX(-50%); top:-35px; bottom:auto; } .about-sec .about-media { padding-right:100px; padding-left:100px; cursor:pointer; } .about-sec .about-media:nth-child(3n+0) { padding-left:100px; padding-right:100px; } .about-sec .about-media:nth-child(3n-1) { padding-left:100px; padding-right:100px; } .about-sec .about-media .ex-line { margin-left:43%; } .about-sec .about-media:hover .ex-line { width:100%; margin-left:0; } /*mobile screen media query for team sec*/ .team-sec .skill-bars .progress-item { margin-bottom:20px; width:100%; display:inline-block; float:left; padding-right:0; } .team-sec .skill-bars .progress-item:nth-child(even) { padding-left:0; } .team-sec .small-text, .team-sec .team-navigation { margin-bottom:20px; } .team-sec .team .item .team-overlay a { height:20px; width:20px; } .team-sec .team .item .team-overlay a i { font-size:12px; } .team-sec .ex-detail .fly-text { left:50%; -webkit-transform:translateX(-50%) !important; -ms-transform:translateX(-50%) !important; transform:translateX(-50%) !important; -webkit-transform:rotate(0deg); -ms-transform:rotate(0deg); transform:rotate(0deg); top:-29px; } /*mobile screen media query our services sec*/ .our-services .service-tab .tab-content .tab-pane.active .tab-detail .tab-des { padding:30px; } /*mobile screen media query service list sec*/ .service-list .media { padding-right:100px; padding-left:100px; } .service-list .media:nth-child(even) { padding-left:100px; padding-right:100px; } /*mobile screen media query portfolio sec*/ .portfolio-foot-detail { padding-top:70%; } .portfolio-sec .ex-detail .fly-text { left:50%; -webkit-transform:translateX(-50%) !important; -ms-transform:translateX(-50%) !important; transform:translateX(-50%) !important; -webkit-transform:rotate(0deg); -ms-transform:rotate(0deg); transform:rotate(0deg); top:-25px; } /*mobile screen media query client sec*/ .client-sec { margin-top:auto; } .client-sec .client-des .testimonial-box { margin-top:30px; } .client-sec .client-des .testimonial-navigation { top:auto; bottom:3%; } .client-sec .client-des .testimonial-box .testimonial-heading .test-review { display:-webkit-box; float:initial; padding-top:10px; margin-bottom:10px; } .client-sec .client-des .testimonial-box .testimonial-heading .test-heading { font-size:28px; } .client-sec .client-heading .ex-detail .fly-text { left:50%; -webkit-transform:translateX(-50%) !important; -ms-transform:translateX(-50%) !important; transform:translateX(-50%) !important; -webkit-transform:rotate(0deg); -ms-transform:rotate(0deg); transform:rotate(0deg); top:-25px; } /*mobile screen media query pricing sec*/ .pricing-sec .pricing-cards { padding-left:20px; padding-right:20px; } .pricing-sec .pricing-card { margin-bottom:50px; } .pricing-sec .p-card:last-child .pricing-card { margin-bottom:0; } .pricing-sec .pricing-card .price-info .price-tag .p-since { left:auto; } /*mobile screen media query for mini blog sec*/ .mini-blog-sec .card-blog { margin-top:50px; } .mini-blog-sec .mini-blog-detail .ex-detail .fly-text { left:50%; -webkit-transform:translateX(-50%) !important; -ms-transform:translateX(-50%) !important; transform:translateX(-50%) !important; -webkit-transform:rotate(0deg); -ms-transform:rotate(0deg); transform:rotate(0deg); top:-25px; } /*mobile screen media query for Social connection sec*/ .social-sec .twitter-box { padding:50px; } .social-sec .img-box .facebook-box { position:relative; top:auto; left:auto; bottom:auto; right:auto; padding:50px; } .social-sec .facebook-box .facebook-head .face-mention { margin-right:-15px; } .social-sec .facebook-box .face-icon { top:40px; left:25px; } .social-sec .facebook-box .face-icon i { font-size:26px; } /*mobile screen media query for contact sec*/ .contact-sec .contact-detail .ex-detail .fly-text { left:50%; -webkit-transform:translateX(-50%) !important; -ms-transform:translateX(-50%) !important; transform:translateX(-50%) !important; -webkit-transform:rotate(0deg); -ms-transform:rotate(0deg); transform:rotate(0deg); top:-25px; } .contact-sec .contact-detail .location-details ul li i { position:relative; } .contact-sec .contact-detail .location-details ul li a { display:block; margin-left:auto; } .contact-sec .contact-detail .addr-list { margin-top:50px; } .contact-sec .contact-box { -webkit-box-shadow:none; box-shadow:none; margin-top:40px; } .services-sec .services-box .s-card .card { border-radius:0; } /***********************************/ /********standalone page css********/ /***********************************/ .standalone-row:not(:last-child) { margin-bottom:8rem; } .standalone-area .sub-heading { margin-top:20px; } .standalone-row:nth-child(2) .stand-img-des { padding-left:18px; padding-right:18px; } .standalone-row .stand-img-des { padding-left:18px; padding-right:18px; } .standalone-area { /*padding-bottom:0;*/ } /*index5 css*/ } @media (min-width:768px) and (max-width:991.98px) { .lower-nav .navbar-brand img { margin-top:80%; } /*mobile screen media query for upper nav*/ .upper-nav .top-detail li.social-links { display:block; text-align:left; margin-left:0; } .upper-nav { padding-top:25px !important; padding-bottom:25px !important; } .navbar-brand { position:absolute; left:50%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); top:-55%; color:#FFFFFF; text-decoration:none; } header .broad-nav { position:fixed; top:0; right:0; left:0; bottom:0; } header .upper-nav.fixed-top .toggle-btn span { background-color:#142022; } .navbar-brand img { margin-left:35%; max-width:65%; } .navbar-brand img { /*margin-right:8px;*/ } /*mobile screen media query for about sec*/ .about-sec .about-sec-detail .about-des-sec { width:100%; } .about-sec .about-des-sec .ex-detail .fly-text { left:50%; transform:translateX(-50%); top:-35px; bottom:auto; } .about-sec .about-media:nth-child(3n-1) { padding-left:15px; padding-right:15px; } .about-sec .about-media { padding-right:15px; } .about-sec .about-media:nth-child(3n+0) { padding-left:15px; } /*mobile screen media query for service sec*/ .services-sec { background-position:inherit !important; } /*mobile screen media query for our services*/ .our-services .tab-content .tab-des { padding-top:15px; padding-bottom:15px; } .our-services .tab-content .tab-des .tab-title { font-size:23px; } /*mobile screen media query portfolio sec*/ .portfolio-foot-detail { padding-top:35%; } /*mobile screen media query client sec*/ .client-sec { margin-top:auto; } .client-sec .client-des .testimonial-box { margin-top:30px; } .client-sec .client-des .testimonial-navigation { top:auto; bottom:3%; } .client-sec .client-des .testimonial-box .testimonial-heading .test-review { display:-webkit-box; float:initial; padding-top:10px; margin-bottom:10px; } .client-sec .client-des .testimonial-box .testimonial-heading .test-heading { font-size:28px; } .client-sec .client-heading .ex-detail .fly-text { left:-41px; } /*mobile screen media query mini blog sec*/ .mini-blog-sec .card-blog { margin-top:50px; } /*mobile screen media query for contact sec*/ .contact-sec .contact-box { -webkit-box-shadow:none; box-shadow:none; } /***********************************/ /********standalone page css********/ /***********************************/ .standalone-row:not(:last-child) { margin-bottom:8rem; } .standalone-area .sub-heading { margin-top:20px; } .standalone-row:nth-child(2) .stand-img-des { padding-left:18px; padding-right:18px; } .standalone-row .stand-img-des { padding-left:18px; padding-right:18px; } .since_logo_header { margin-right:calc(12% + 4px) !important; } .servcies_tab li::before { content:'|'; margin-right:2px; margin-left:2px; } .servcies_tab { display:inline flow-root list-item; display:-webkit-inline-box;/* float:left; */ } } @media (min-width:992px) and (max-width:1200px) { header .toggle-btn.toggle-btn-lg { right:1%; top:14%; } .lower-nav .navbar-nav .nav-item { margin-right:10px; } .fixed-top.lower-nav .toggle-btn.toggle-btn-lg { right:1%; top:40%; } .fix-top .navbar .navbar-nav.right-nav .nav-item:last-child .nav-link { /*padding-right:15px;*/ } .upper-nav .top-detail li.social-links { /*text-align:left;*/ margin-left:0; } } .contact_us { position:relative; z-index:10; } .footer-sec.socail_icon { position:relative; z-index:10; } .form-control:focus { box-shadow:0 0 0 .2rem #13322b; } .header_container { max-width:100%; margin-left:30px; margin-right:0px; } .is-fixed .n_logo { display:block !important; } .is-fixed .w_logo { } .nav_icon { background-color:#fff !important; } .cd-primary-nav-trigger .nav_icon::before { background-color:#fff; } .cd-primary-nav-trigger .nav_icon::after { background-color:#fff; } .is-fixed .nav_icon { background-color:#fff !important; } .is-fixed.menu-is-open .cd-primary-nav-trigger .nav_icon::before, .is-fixed .cd-primary-nav-trigger .nav_icon::before { background-color:#fff; } .is-fixed.menu-is-open .cd-primary-nav-trigger .nav_icon::after, .is-fixed .cd-primary-nav-trigger .nav_icon::after { background-color:#fff; } .cd-menu-icon.nav_icon.is-clicked { background-color:rgba(255, 255, 255, 0) !important; } .w_logo { max-height:100% !important; } @media only screen and (max-width:320px) { .social_footer { padding:0px !important; padding-top:5px !important; padding-bottom:5px !important; } } @media screen and (max-width:768px) { .cd-primary-nav-trigger .nav_icon::after { background-color:#000; } .cd-primary-nav-trigger .nav_icon::before { background-color:#000; } .nav_icon { background-color:#000 !important; } .home-page #section-01.section { margin-top:64px; } .about1 #section-01.section { margin-top:64px; } .about2 #section-01.section { margin-top:64px; } .our-people #section-01.section { margin-top:64px; } .machinery #section-01.section { margin-top:64px; } .container-transport #section-01.section { margin-top:64px; } .biosecurity #section-01.section { margin-top:64px; } .warehouse #section-01.section { margin-top:64px; } .our-project #section-01.section { margin-top:64px; } .our-gallery #section-01.section { margin-top:64px; } .contact #section-01.section { margin-top:64px; } .w_logo { display:none !important; } .n_logo { display:block !important; } } @media (max-width:768px) { .no-js.about1 .fp-viewing-5 .cd-header .logo_hed .w_logo, .no-js.about1 .fp-viewing-5 .cd-header .s_logo.w_logo{ display:none!important; } .no-js.about1 .fp-viewing-6 .cd-header .logo_hed .w_logo, .no-js.about1 .fp-viewing-6 .cd-header .s_logo.w_logo{ display:none!important; } } @media only screen and (max-width:767px) { .cd-header { height:auto; } .header_container { margin-left:0px; margin-right:0px; } .w_logo { display:none !important; } .n_logo { display:block !important; } .s_logo { display:none !important; } .is-fixed .nav_icon { background-color:#13322b !important; } .is-fixed .cd-primary-nav-trigger .nav_icon::before { background-color:#13322b; } .is-fixed .cd-primary-nav-trigger .nav_icon::after { background-color:#13322b; } .cd-primary-nav-trigger .nav_icon::after { } .logo-wrap img { width:60%; height:auto; display:block; } .since_logo_header { max-width:18%; margin-right:calc(8% + 4px); } .since_logo_header img { width:18%; height:auto; display:block; } .logo-wrap.main_logo_header { display:block !important; max-width:50% !important;/* padding:10px; */ } .n_logo { /* line-height:60px; */ height:auto !important; max-width:100% !important; } .logo-wrap img { width:100%; height:auto; display:block; } .links { padding-left:15px !important; } .social_icons ul li i { font-size:18px !important; } .logo-wrap { display:block; float:left; padding:10px 0 !important; } .since_logo_header { max-width:33% !important; margin-right:calc(8% + 4px); } .row.middle_footer { display:inline-block; } .col-6.col-md-3.addr-list { max-width:100%; clear:both !important; } .s_logo.n_logo { display:none !important; } .ser_vice_menu { width:30% !important; font-weight:400 !important; } .center-circle h4 { width:100% !important; height:100% !important; background:rgba(124, 126, 133, 0.99); border-radius:0% !important; text-align:center; padding:54px 4px; color:#13322b; border:8px solid rgba(255,255,255,0.4); box-sizing:border-box; } .center-circle { position:relative !important; z-index:90; left:0% !important; margin-left:0px !important; top:0% !important; margin-top:0px; width:auto; } .home-serv .vc_col-sm-4 { width:100%; } } @media only screen and (max-width:767px) { .center-circle h4 { width:100% !important; height:100% !important; background:rgba(124, 126, 133, 0.99); border-radius:0% !important; text-align:center; padding:54px 4px; color:#13322b; border:8px solid rgba(255,255,255,0.4); box-sizing:border-box; } .center-circle { position:relative !important; z-index:90; left:0% !important; margin-left:0px !important; top:0% !important; margin-top:0px; width:auto; } #about-sec.section-padding { padding-top:70px; padding-bottom:70px; } .about-sec .about-sec-detail { margin-left:-15px; margin-bottom:20px; } #scroll-link .our-heading { padding-bottom:0px !important; } #scroll-link { padding-top:70px; } #about-sec .pt-5 { padding-top:0px !important; padding-left:0px !important; } #backtotop { bottom:10px !important; right:10px !important; } .servcies_tab { display:inline flow-root list-item; display:inline-block !important; } .servcies_tab li::before { content:'' !important; margin-right:0px !important; margin-left:0px !important; } } .logo-wrap.since_logo_header.logo_header.pt-2 { float:right; display:block; max-width:100%; padding:12px; } .logo-wrap .s_logo { height: 87px !important; display:block; margin-right:0px; width: auto;} .since_logo_header { float:right; max-width:100%; display:block; padding:12px; } .since_logo_header { max-width:9%; margin-right:calc(8% + 4px); } .rounded-pill { border-radius:0rem !important; } .col-12.col-md-3.addr-list { float:left; } .social_footer .social_icons { display:inline; text-align:right; } #map-sec { position:relative; z-index:10; } .login-button a { text-decoration:none; color:#fff; } .login-button { text-align:center; } .cbp-item.even { margin-top:0px !important; } .heading-text.hd_footer { text-align:left; margin-bottom:25px; font-size:26px; line-height:50px; color:#fff; } .location li { margin-bottom:25px; font-weight:normal; } .location ul li i { font-size:24px; margin-right:5px; color:#fff; position:absolute; } .location .text-link li a { border-bottom:1px solid transparent; display:inline-block; } .links li { padding:7px 0px; } .links li a { font-family:'Open Sans', sans-serif; font-weight:normal; font-size:15px; color:#fff; text-decoration:none !important; -webkit-transition:.8s ease; -o-transition:.8s ease; transition:.8s ease; } .services li a { font-family:'Open Sans', sans-serif; font-weight:normal; font-size:15px; text-decoration:none !important; color:#fff; -webkit-transition:.8s ease; -o-transition:.8s ease; transition:.8s ease; display:inline; } .links li a:hover, .links li:hover a, .services li a:hover, .services li:hover a, .location li a:hover, .location li:hover a { color:#fff !important; border-bottom:1px solid #fff; } .services li { padding:7px 0px; } .social_icons ul li { list-style-type:none; display:inline-block; margin:0 20px 0 0; position:relative; } .social_icons ul li a { margin-left:0; display:block; margin-right:20px; border:none !important; } .social_icons ul li i { font-size:24px; } .fa { display:inline-block; font:normal normal normal 14px/1 FontAwesome; font-size:inherit; text-rendering:auto; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; } .fa-facebook::before { content:"\f09a"; color:#fff; } .fa-instagram::before { content:"\f16d"; color:#fff; } .fa-youtube::before { content:"\f167"; color:#fff; } .fa-twitter::before { content:"\f099"; color:#fff; } .location a { font-family:'Open Sans', sans-serif; font-size:15px; color:#fff; text-decoration:none; margin-left:30px; display:-webkit-box; display:-ms-flexbox; display:flex; } .main_footer { background-color:#c7c7c7; } .text-sub { color:#fff; } .social_icons ul { margin-bottom:0px !important; } .footer-sec { background-image:url("../img/ftrparallax.jpg"); position:relative; background-position:center center; background-repeat:no-repeat; background-size:fixed; opacity:1 !important; background-attachment:fixed; } .view-btn { background:#fff !important; color:#13322b; } .links li a:hover, .links li:hover a, .services li a:hover, .services li:hover a { color:#fff !important; border-bottom:1px solid #fff; } .ser_vice_menu { display:inline-block !important; width:45%; padding-bottom:8px !important; } .center-circle { position:absolute; z-index:90; left:50%; margin-left:-120px; top:55%; margin-top:0; width:auto; } .center-circle h4 { width:190px; height:auto; background:rgba(124, 126, 133, 0.99); border-radius:50%; text-align:center; padding:54px 4px; color:#13322b; border:8px solid rgba(255,255,255,0.4); box-sizing:border-box; } .our-heading .service-title-text { color:#142022; font-size:22px; font-weight:600; } .ser-vice-text { font-family:'Open Sans', sans-serif; font-weight:normal; font-size:17px; color:#13322b; font-weight:600; margin:0px 0px 15px; } .first-box { margin-bottom:0px; } .scnd-box { margin-bottom:0px; } .fas { font-family:"Font Awesome 5 Free"; color:#fff; padding-right:10px; } .services .fas { font-family:"Font Awesome 5 Free"; color:#fff; padding-right:20px; position:absolute; } .mejs__overlay-button, .mejs__controls { display:none !important; } .section.pt-2.social-footer { background:#13322b; } .wpb_single_image .mask { position:absolute; top:4%; left:3%; right:3%; bottom:4%; z-index:1; background-color:#13322b; opacity:0; -webkit-transition:all 200ms linear; -moz-transition:all 200ms linear; -o-transition:all 200ms linear; -ms-transition:all 200ms linear; transition:all 200ms linear; padding:10px; } .wpb_single_image:hover .mask { opacity:0.5; cursor:pointer; } .wpb_single_image.wpb_content_element:hover { -webkit-transform:scale(1.25); transform:scale(1); } .img-hover-zoom--basic:hover img { transform:scale(1.5); } .img-hover-zoom--basic img { transition:transform .5s ease; } .img-hover-zoom:not(.img-hover-zoom--empty):hover { filter:drop-shadow(0 0 10px rgba(0,0,0,.3)); } .img-hover-zoom { overflow:hidden; } .explore-button { overflow:visible; padding:10px 0 0; border:none; outline:none; text-align:center; background:transparent; } .hero__explore { position:relative; width:30vw; max-width:240px; margin:auto; z-index:0; } .explore-button__pulse { position:absolute; top:0; left:46%; width:14vw; max-width:100%; color:#fff; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); z-index:1; border-radius:50%; border:8px solid rgba(255,255,255,0.4); background:#d0d3d4; } .pulse::before { position:relative; display:block; width:100%; padding-bottom:100%; content:""; } .explore-button__pulse { color:#fff; } .pulse__ring { position:absolute; top:0; left:0; width:100%; height:100%; border-radius:50%; background-color:currentColor; -webkit-animation-name:pulse; animation-name:pulse; -webkit-animation-timing-function:cubic-bezier(.25, .46, .45, .94); animation-timing-function:cubic-bezier(.25, .46, .45, .94); -webkit-animation-iteration-count:infinite; animation-iteration-count:infinite; -webkit-backface-visibility:hidden; backface-visibility:hidden; } .explore-button__label { position:relative; font-size:24px; letter-spacing:.1em; z-index:1; } .explore-button__line::before { position:relative; display:block; width:100%; height:100%; background-color:#000; -webkit-animation:lineLoop 1.6s cubic-bezier(.645, .045, .355, 1) infinite; animation:lineLoop 1.6s cubic-bezier(.645, .045, .355, 1) infinite; content:""; } .explore-button__line::before { position:relative; display:block; width:100%; height:100%; background-color:#000; -webkit-animation:lineLoop 1.6s cubic-bezier(.645, .045, .355, 1) infinite; animation:lineLoop 1.6s cubic-bezier(.645, .045, .355, 1) infinite; content:""; } .explore-button__label { position:relative; top:-30px; right:3%; } .explore-button { text-align:center; } .center-square { clear:both; width:90%; margin:0 auto; } .center-square .hero__explore { width:100% !important; max-width:100% !important; margin:0; } .center-square .explore-button__pulse { position:relative; top:0; right:auto; left:auto; height:70px; width:100%; max-width:100%; color:#fff; -webkit-transform:unset; transform:unset; z-index:1; border-radius:0; border:8px solid rgba(255,255,255,0.4); background:#d0d3d4; } .center-square .pulse__ring { border-radius:0; } .center-square .explore-button__label { position:relative; top:-48px; right:0; font-size:20px; } @-webkit-keyframes pulse { 0% { opacity:1; -webkit-transform:scale(0); transform:scale(0) } 50% { opacity:.8 } to { opacity:0; -webkit-transform:scale(1); transform:scale(1) } } @keyframes pulse { 0% { opacity:1; -webkit-transform:scale(0); transform:scale(0) } 50% { opacity:.8 } to { opacity:0; -webkit-transform:scale(1); transform:scale(1) } } .pulse__ring { position:absolute; top:0; left:0; width:100%; height:100%; border-radius:50%; background-color:currentColor; -webkit-animation-name:pulse; animation-name:pulse; -webkit-animation-timing-function:cubic-bezier(.25, .46, .45, .94); animation-timing-function:cubic-bezier(.25, .46, .45, .94); -webkit-animation-iteration-count:infinite; animation-iteration-count:infinite; -webkit-backface-visibility:hidden; backface-visibility:hidden } .intro-text { display:-webkit-box; display:flex; -webkit-box-align:center; align-items:center; font-size:16px; text-align:center; text-transform:uppercase; line-height:1.7 } .intro-text__mask { overflow:hidden; width:100%; padding:20px } .intro-text__slot { display:inline-block; width:100% } .intro-text__line { width:auto; height:100% } .cd-accordion-menu label a:hover { text-decoration:underline; color:#fff; } .ser_vice_menu:hover { text-decoration:underline; color:#fff !important; } .cd-scndr-nav a:hover { color:#fff; } /*****New_Footer_CSS*****/ .client_sec { background-color:#54565b; padding:80px 111px 75px 68px; } .copyright { padding:10px 65px; width:100%; } .copyright p { padding:0; margin:0 0 30px; color:#fff; font-weight:normal; } .copyright1 { text-align:center; position:relative; font-weight:normal; bottom:-22px; } .copyright1 a { color:#fff; padding:0 10px; } .copyright1 p { color:#FFF; } /*.footer { color:#fff; line-height:1.5; background:#54565b; position:relative; width:100%; bottom:0; height:auto !important; }*/ .footer_left, .footer_main { min-height:460px; } .footer_main { background:url(../img/footer-img.jpg) no-repeat scroll; background-size:cover !important; padding:80px 30px 70px 30px; position:relative; overflow:hidden; -webkit-backface-visibility:hidden; -webkit-transform:translateZ(0); } .footer .btn-login { border:1px solid #fff; padding:10px 20px; color:#fff; font-weight:500; font-size:18px; border-radius:0; } .footer h3 { font-size:26px; margin:0; padding:0; } .footer .client_sec p { font-size:16px; margin:40px 0; color:#fff; font-weight:normal; } .footer .btn-login:hover { border:1px solid #0e322c; background:#0e322c; color:#fff; } .fa.fa-angle-up { padding:10px; font-size:32px; color:#fff; } .client_sec h6 { padding:5px 0; margin:0; float:left; margin-right:35px; color:#fff; } @media only screen and (max-width:767px) { .client_sec { padding-top:40px; padding-bottom:30px; padding-left:30px; padding-right:30px; } .footer_main { padding-top:40px; padding-bottom:40px; } } @media (min-width:1200px) { .col-lg-offset-1 { margin-left:8.33333333%; } } /*****Backtotop_CSS*****/ #backtotop { display:inline-block; background-color:#54565b; width:50px; height:50px; text-align:center; border-radius:4px; position:fixed; bottom:30px; right:30px; transition:background-color .3s, opacity .5s, visibility .5s; opacity:1; visibility:visible; z-index:1000; color:#fff; } #backtotop i { font-size:40px; margin-top:5px; } .fp-viewing-0 #backtotop { opacity:0; visibility:hidden; } .back_top_text { display:inline-block; position:fixed; right:40px; bottom:30px; color:#fff; font-weight:600; } #backtotop::after { font-family:FontAwesome; font-weight:normal; font-style:normal; font-size:2em; line-height:50px; color:#fff; } #backtotop:hover { cursor:pointer; background-color:#13322b; } #backtotop:active { background-color:#555; } #backtotop.show { opacity:1; visibility:visible; } /*****Backtotop_CSS*****/ /* Styles for the content section */ @media (min-width:500px) { #backtotop { margin:10px; } } /* Map Css */ .map_main { min-height:75vh; } .popup_address h4 { margin:0 0 10px 0; font-size:20px; text-align:left; font-weight:600; } .popup_button { border:1px solid #1268b3; background:#FFF; padding:0 0 0 10px; display:inline-block; transition:0.8s; margin-top:10px; text-decoration:none; } .popup_address p { font-size:15px; margin:0; padding-bottom:10px; } .popup_button span { font-size:14px; color:#000; display:inline-block; padding-right:15px; text-transform:uppercase; font-weight:500; } .popup_button i { display:inline-block; background:#1268b3; font-size:16px; color:#FFF; height:30px; width:35px; text-align:center; padding:0; line-height:28px; } .fa-send-o::before, .fa-paper-plane-o::before { content:"\f1d9"; } .fa { font:normal normal normal 14px/1 FontAwesome; font-size:inherit; text-rendering:auto; } /* ---- */ .cnav.blend { mix-blend-mode:difference; } #backtotop p { width:100px; position:relative; right:25px;/* margin-top:10px; */ } .servcies_tab { display:inline flow-root list-item; display:inline-flex; } .servcies_tab li::before { content:'|'; margin-right:10px; margin-left:10px; } .servcies_tab li { display:block; float:left; clear:both; font-weight:600; font-size:17px; color:#13322b; font-family:'Open Sans', sans-serif; } .servcies_tab li:first-child:before { content:""; } .wpb_single_image.wpb_content_element:hover img { transition:transform .5s ease; transform:scale(1.20); } #backtotop .bcktop { opacity:0; } #backtotop .bcktop:hover { opacity:1; } /* Tooltip container */ .tooltip { position:relative; display:inline-block; border-bottom:1px dotted black; /* If you want dots under the hoverable text */ } /* Tooltip text */ #backtotop .tooltiptext { visibility:hidden; width:120px; background-color:#13322b; color:#fff; text-align:center; padding:5px 0; border-radius:6px; position:absolute; z-index:1; right:-34px; top:55px; } /* Show the tooltip text when you mouse over the tooltip container */ #backtotop:hover .tooltiptext { visibility:visible; } .cbp-caption-zoom .cbp-caption-activeWrap .p-hover-title1 { opacity:1 !important; } .portfolio_cap { bottom:0%; left:0%; width:100%; position:absolute; z-index:2; background:rgba(19, 50, 43, 0.8); } .portfolio-sec { background:#fff; height:100% !important; display:table; } .portfolio_cap .portfolio_text h4 { font-size:20px; color:#fff; font-weight:500; margin-bottom:0; text-align:left; margin:20px; } .portfolio_cap .portfolio_text h4.font-15 { font-size:15px; font-family:'Open Sans', sans-serif; } .portfolio_cap .portfolio_text h4.font-15 .big-plus { text-align:center; width:100%; display:block; font-weight:700; transform:scale(3.0); } .cbp-caption-zoom .cbp-caption:hover .portfolio_cap { opacity:0; } .cbp-caption-zoom.arth-bro .cbp-caption:hover .portfolio_cap { opacity:1; } /*----------------------*/ .hero__scroll { position:absolute; bottom:60px; width:200px; margin:auto; display:block; cursor:pointer; padding-bottom:40px; left:0; right:0; text-transform:uppercase; } .hero__scroll .chevron { color:#FF4081; } .chevron::before { border-style:solid; border-width:0.25em 0.25em 0 0; content:''; display:inline-block; height:20px; position:relative; -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg); vertical-align:top; width:20px; } .hero__scroll .chevron { margin-top:20px; -webkit-animation:pulse 2s infinite; animation:pulse 2s infinite; color:#FF4081; } .chevron.bottom::before { top:0; -webkit-transform:rotate(135deg); -ms-transform:rotate(135deg); transform:rotate(135deg); } .is-fixed .w_logo { display:none !important; } .is-fixed .nav_icon { background-color:#13322b !important; } .is-fixed .cd-primary-nav-trigger .nav_icon::before { background-color:#13322b; } .is-fixed .cd-primary-nav-trigger .nav_icon::after { background-color:#13322b; } #footer { min-height:auto !important; } .section .fp-tableCell { height:auto !important; } .footer_left { background:#54565b } .footer_left, .footer_main { min-height:auto !important; } .about-sec .logo_hed, .about-sec .since_logo { display:none; } .fp-viewing-0 .cd-header .logo_hed .n_logo { display:none; } /*.cd-header .logo_hed .n_logo { display:none; }*/ .fp-viewing-0 .cd-header .since_logo .s_logo.n_logo { display:none !important; } .fp-viewing-1 .cd-header .logo_hed .w_logo { display:none; } .fp-viewing-1 .cd-header .since_logo .s_logo.w_logo { display:none !important; } .fp-viewing-1 .cd-header .logo_hed .n_logo { display:block; } .fp-viewing-2 .cd-header .logo_hed .w_logo { display:block; } .fp-viewing-2 .cd-header .logo_hed .n_logo { display:block; } .fp-viewing-2 .cd-header .s_logo.n_logo { display:none; } .fp-viewing-2 .cd-header .logo_hed .n_logo { display:none; } .fp-viewing-3 .cd-header .logo_hed .w_logo { display:none; } .fp-viewing-3 .cd-header .s_logo.w_logo { display:none; } .fp-viewing-4 .cd-header .logo_hed .w_logo { display:none; } .fp-viewing-4 .cd-header .s_logo.w_logo { display:none; } .fp-viewing-5 .cd-header .logo_hed .w_logo { display:none; } .fp-viewing-5 .cd-header .s_logo.w_logo { display:none !important; } .fp-viewing-6 .cd-header .logo_hed .n_logo { display:none; } .fp-viewing-6 .cd-header .n_logo { display:none; } /*---nav icon css--*/ .fp-viewing-1 .cd-menu-icon.nav_icon { color:#13322b !important; } .fp-viewing-1 .nav_icon, .fp-viewing-1 .cd-primary-nav-trigger .nav_icon::before, .fp-viewing-1 .cd-primary-nav-trigger .nav_icon::after { background:#000 !important; } .fp-viewing-1 .nav_icon, .fp-viewing-1 .cd-primary-nav-trigger .nav_icon, .fp-viewing-1 .cd-primary-nav-trigger .nav_icon { background:#000 !important; } .fp-viewing-2 .nav_icon, .fp-viewing-2 .cd-primary-nav-trigger .nav_icon::before, .fp-viewing-2 .cd-primary-nav-trigger .nav_icon::after { background:#fff !important; } .fp-viewing-2 .nav_icon, .fp-viewing-2 .cd-primary-nav-trigger .nav_icon, .fp-viewing-2 .cd-primary-nav-trigger .nav_icon { background:#fff !important; } .fp-viewing-3 .nav_icon, .fp-viewing-3 .cd-primary-nav-trigger .nav_icon::before, .fp-viewing-3 .cd-primary-nav-trigger .nav_icon::after { background:#000 !important; } .fp-viewing-3 .nav_icon, .fp-viewing-3 .cd-primary-nav-trigger .nav_icon, .fp-viewing-3 .cd-primary-nav-trigger .nav_icon { background:#000 !important; } .fp-viewing-4 .nav_icon, .fp-viewing-4 .cd-primary-nav-trigger .nav_icon::before, .fp-viewing-4 .cd-primary-nav-trigger .nav_icon::after { background:#000 !important; } .fp-viewing-4 .nav_icon, .fp-viewing-4 .cd-primary-nav-trigger .nav_icon, .fp-viewing-4 .cd-primary-nav-trigger .nav_icon { background:#000 !important; } .fp-viewing-5 .nav_icon, .fp-viewing-5 .cd-primary-nav-trigger .nav_icon::before, .fp-viewing-5 .cd-primary-nav-trigger .nav_icon::after { background:#000 !important; } .fp-viewing-5 .nav_icon, .fp-viewing-5 .cd-primary-nav-trigger .nav_icon, .fp-viewing-5 .cd-primary-nav-trigger .nav_icon { background:#000 !important; } .about1 .fp-viewing-3 .cd-header .logo_hed .w_logo, .about1 .fp-viewing-3 .cd-header .s_logo.w_logo { display:block; } .about1 .fp-viewing-3 .cd-header .logo_hed .n_logo, .about1 .fp-viewing-3 .cd-header .s_logo.n_logo { display:none; } .about1 .fp-viewing-3 .nav_icon, .about1 .fp-viewing-3 .cd-primary-nav-trigger .nav_icon::before, .about1 .fp-viewing-3 .cd-primary-nav-trigger .nav_icon::after { background:#fff !important; } .about1 .fp-viewing-4 .cd-header .logo_hed .w_logo, .about1 .fp-viewing-4 .cd-header .s_logo.w_logo { display:block; } .about1 .fp-viewing-4 .cd-header .logo_hed .n_logo, .about1 .fp-viewing-4 .cd-header .s_logo.n_logo { display:none; } .about1 .fp-viewing-4 .nav_icon, .about1 .fp-viewing-4 .cd-primary-nav-trigger .nav_icon::before, .about1 .fp-viewing-4 .cd-primary-nav-trigger .nav_icon::after { background:#fff !important; } .about1 .fp-viewing-5 .cd-header .logo_hed .w_logo, .about1 .fp-viewing-5 .cd-header .s_logo.w_logo { display:block !important; } .about1 .fp-viewing-5 .cd-header .logo_hed .n_logo, .about1 .fp-viewing-5 .cd-header .s_logo.n_logo { display:none; } .about1 .fp-viewing-5 .nav_icon, .about1 .fp-viewing-5 .cd-primary-nav-trigger .nav_icon::before, .about1 .fp-viewing-5 .cd-primary-nav-trigger .nav_icon::after { background:#fff !important; } .about1 .fp-viewing-6 .cd-header .logo_hed .w_logo, .about1 .fp-viewing-6 .cd-header .s_logo.w_logo { display:block !important; } .about1 .fp-viewing-6 .cd-header .logo_hed .n_logo, .about1 .fp-viewing-6 .cd-header .s_logo.n_logo { display:none; } .about1 .fp-viewing-6 .nav_icon, .about1 .fp-viewing-6 .cd-primary-nav-trigger .nav_icon::before, .about1 .fp-viewing-6 .cd-primary-nav-trigger .nav_icon::after { background:#fff !important; } .about1 .fp-viewing-7 .cd-header .logo_hed .w_logo, .about1 .fp-viewing-7 .cd-header .s_logo.w_logo { display:none !important; } .about1 .fp-viewing-7 .cd-header .logo_hed .n_logo, .about1 .fp-viewing-7 .cd-header .s_logo.n_logo { display:block; } .about1 .fp-viewing-7 .nav_icon, .about1 .fp-viewing-7 .cd-primary-nav-trigger .nav_icon::before, .about1 .fp-viewing-7 .cd-primary-nav-trigger .nav_icon::after { background:#000 !important; } .about1 .fp-viewing-8 .cd-header .logo_hed .w_logo, .about1 .fp-viewing-8 .cd-header .s_logo.w_logo { display:none !important; } .about1 .fp-viewing-8 .cd-header .logo_hed .n_logo, .about1 .fp-viewing-8 .cd-header .s_logo.n_logo { display:block; } .about1 .fp-viewing-8 .nav_icon, .about1 .fp-viewing-8 .cd-primary-nav-trigger .nav_icon::before, .about1 .fp-viewing-8 .cd-primary-nav-trigger .nav_icon::after { background:#000 !important; } .about1 .overflow-hidden .cd-header .logo_hed .w_logo { display:block !important; } .about2 .fp-viewing-1 .cd-header .logo_hed .w_logo, .about2 .fp-viewing-1 .cd-header .s_logo.w_logo { display:none !important; } .about2 .fp-viewing-1 .cd-header .logo_hed .n_logo, .about2 .fp-viewing-1 .cd-header .s_logo.n_logo { display:block; } .about2 .fp-viewing-1 .nav_icon, .about2 .fp-viewing-1 .cd-primary-nav-trigger .nav_icon::before, .about2 .fp-viewing-1 .cd-primary-nav-trigger .nav_icon::after { background:#000 !important; } .about2 .overflow-hidden .cd-header .logo_hed .w_logo { display:block !important; } .overflow-hidden .logo_hed .n_logo { display:none !important; } .overflow-hidden .cd-header .logo_hed .w_logo { display:block !important; } .overflow-hidden .cd-header .s_logo.n_logo { display:none !important; } .overflow-hidden .cd-header .s_logo.w_logo { display:block !important; } .overflow-hidden .cd-header .since_logo .s_logo.w_logo { display:block !important; } .overflow-hidden .cd-header .nav_icon, ..overflow-hidden .cd-header .cd-primary-nav-trigger .nav_icon, ..overflow-hidden .cd-header .cd-primary-nav-trigger .nav_icon { background:#fff !important; } #actions { position:fixed; bottom:10%; right:30px; z-index:99999; } #actions a { background:rgba(0,0,0,0.8); padding:7px; margin:2px; color:#fff; display:inline-block; } #actions a:hover { color:#fff; background:#13322b; } #moveSectionUp .tooltiptext { visibility:hidden; width:120px; background-color:#13322b; color:#fff; text-align:center; padding:5px 0; border-radius:6px; position:absolute; z-index:1; right:-34px; top:55px; } .fp-viewing-0 #moveSectionUp { display:none; } @-webkit-keyframes flipimg { from { -webkit-transform:scaleX(0); } to { -webkit-transform:scaleX(1); } } @keyframes flipimg { from { transform:scaleX(0); } to { transform:scaleX(1); } } .active .img-animation { animation-name:flipimg; animation-duration:3s; animation-fill-mode:forwards; } @-webkit-keyframes fadeInUp { 0% { opacity:0; -webkit-transform:translate3d(0, 100%, 0); transform:translate3d(0, 100%, 0) } to { opacity:1; -webkit-transform:translateZ(0); transform:translateZ(0) } } @keyframes fadeInUp { 0% { opacity:0; -webkit-transform:translate3d(0, 100%, 0); transform:translate3d(0, 100%, 0) } to { opacity:1; -webkit-transform:translateZ(0); transform:translateZ(0) } } .active .fadeinup_animation { -webkit-animation-name:fadeInUp; animation-name:fadeInUp; animation-duration:3s; animation-fill-mode:forwards; } @-webkit-keyframes fadeInRight { 0% { opacity:0; -webkit-transform:translate3d(100%, 0, 0); transform:translate3d(100%, 0, 0) } to { opacity:1; -webkit-transform:translateZ(0); transform:translateZ(0) } } @keyframes fadeInRight { 0% { opacity:0; -webkit-transform:translate3d(100%, 0, 0); transform:translate3d(100%, 0, 0) } to { opacity:1; -webkit-transform:translateZ(0); transform:translateZ(0) } } .fadeInRight { -webkit-animation-name:fadeInRight; animation-name:fadeInRight } @-webkit-keyframes fadeInRightBig { 0% { opacity:0; -webkit-transform:translate3d(2000px, 0, 0); transform:translate3d(2000px, 0, 0) } to { opacity:1; -webkit-transform:translateZ(0); transform:translateZ(0) } } .active .fadeInRight_animation { -webkit-animation-name:fadeInRight; animation-name:fadeInRight; animation-duration:3s; animation-fill-mode:forwards; } @-webkit-keyframes fadeInLeft { 0% { opacity:0; -webkit-transform:translate3d(-100%, 0, 0); transform:translate3d(-100%, 0, 0) } to { opacity:1; -webkit-transform:translateZ(0); transform:translateZ(0) } } @keyframes fadeInLeft { 0% { opacity:0; -webkit-transform:translate3d(-100%, 0, 0); transform:translate3d(-100%, 0, 0) } to { opacity:1; -webkit-transform:translateZ(0); transform:translateZ(0) } } .fadeInLeft { -webkit-animation-name:fadeInLeft; animation-name:fadeInLeft } @-webkit-keyframes fadeInLeftBig { 0% { opacity:0; -webkit-transform:translate3d(-2000px, 0, 0); transform:translate3d(-2000px, 0, 0) } to { opacity:1; -webkit-transform:translateZ(0); transform:translateZ(0) } } .active .fadeInLeft_animation { -webkit-animation-name:fadeInLeft; animation-name:fadeInLeft; animation-duration:3s; animation-fill-mode:forwards; } .ani-back { animation-fill-mode:forwards !important; } @media only screen and (min-width:320px) and (max-width:767px) { .home-page #section-02, .home-page #section-03, .home-page #section-04, .home-page #section-05, .home-page #section-06 .home-page #section-07 { height:auto !important; } .home-page #section-02, .home-page #section-03, .home-page #section-04, .home-page #section-05 { margin-bottom:30px; } } @media only screen and (min-width:320px) and (max-width:767px) { .ca3-scroll-down-link { margin:0px 0 0 -20px; display:none; } .cd-primary-nav .cd-scndr-nav { top:60% !important; } .social-nav { bottom:0 !important; } .title-inte { background:#d0d3d4; text-align:center; padding:8px 0px !important; color:#13322b; border:8px solid rgba(255,255,255,0.4); box-sizing:border-box; } } video::-webkit-media-controls, video::-moz-media-controls, video::-o-media-controls, video::-ms-media-controls { display:none !important; } .fa.fa-caret-down, .fa.fa-caret-up { color:#fff; font-size:20px; } #moveSectionUp:hover .tooltiptext { visibility:visible; } .section { background:#fff; /*background:#fff; display:flex; align-items:center; justify-content:center; flex-direction:column;*/ display:table; } html.ie11 .section{ display:block; } html.ie11 .fp-tableCell { display:block; } html.ie11.machinery .fp-tableCell { display:block; height:100% !important; vertical-align:middle; } html.ie11.container-transport .fp-tableCell { display:block; height:100% !important; vertical-align:middle; } html.ie11.biosecurity .fp-tableCell { display:block; height:100% !important; vertical-align:middle; } html.ie11.warehouse .fp-tableCell { display:block; height:100% !important; vertical-align:middle; } html.ie11 .fp-tableCell .about-sec-detail { margin-top:15%; } .section .fp-tableCell { display:table-cell; vertical-align:middle; } .ser-menu .ca3-scroll-down-arrow1 { cursor:pointer; width:30px; display:inline-block; position:absolute; top:50%; transform:translateY(-50%) rotate(0deg); transition:transform 0.4s;/*right:-35px;*/ } .ser-menu .ca3-scroll-down-arrow { cursor:pointer; height:25px; width:30px; display:inline-block; position:absolute; top:50%; transform:translateY(-50%) rotate(0deg); transition:transform 0.4s; right:-45px; } .dropdown.open .ca3-scroll-down-arrow { transform:translateY(-50%) rotate(180deg); transition:transform 0.4s; } ul.sub-menu { position:absolute; top:0; left:0; right:0; bottom:0; width:100%; background:#13322b; padding:0; z-index:9; padding:20px; margin:0; } .dropdown { position:unset; } .dropdown.open ul.sub-menu { } .active .s4 { animation-duration:4s; } .active .s5 { animation-duration:5s; } .active .s6 { animation-duration:6s; } .active .s7 { animation-duration:7s; } .active .s8 { animation-duration:8s; } .active .s9 { animation-duration:9s; } .active .s10 { animation-duration:10s; } .active .delay0 { animation-delay:0s; } .active .delay1 { animation-delay:1s; } .active .delay2 { animation-delay:1.5s; } .active .delay3 { animation-delay:2s; } .active .delay4 { animation-delay:2.5s; } .active .delay5 { animation-delay:3s; } .active .delay5-1 { animation-delay:3.1s; } .active .delay5-2 { animation-delay:3.2s; } .active .delay5-3 { animation-delay:3.3s; } .active .delay6 { animation-delay:3.5s; } .active .delay7 { animation-delay:4s; } .active .delay8 { animation-delay:4.5s; } .active .delay9 { animation-delay:5s; } .active .delay10 { animation-delay:5.5s; } .active .delay11 { animation-delay:6s; } .active .delay12 { animation-delay:6.5s; } .active .delay13 { animation-delay:7s; } .portfolio-sec.active .fadeinup_animation { -webkit-animation-name:fadeInUp; animation-name:fadeInUp; animation-duration:2s; animation-fill-mode:both; } .active .home-serv.fadeInLeft_animation { -webkit-animation-name:fadeInLeft; animation-name:fadeInLeft; animation-duration:2s; animation-fill-mode:both; } .active .home-serv.fadeInRight_animation { -webkit-animation-name:fadeInRight; animation-name:fadeInRight; animation-duration:2s; animation-fill-mode:both; } @-webkit-keyframes zoomIn { 0% { opacity:0; -webkit-transform:scale3d(.3, .3, .3); transform:scale3d(.3, .3, .3) } 50% { opacity:1 } } @keyframes zoomIn { 0% { opacity:0; -webkit-transform:scale3d(.3, .3, .3); transform:scale3d(.3, .3, .3) } 50% { opacity:1 } } .zoomIn { -webkit-animation-name:zoomIn; animation-name:zoomIn } .active .zoomIn_animation { -webkit-animation-name:zoomIn; animation-name:zoomIn; animation-duration:2s; animation-fill-mode:both; } /*___________ Inner page _______________*/ .section.all-in-banner .fp-tableCell { vertical-align:top; } .machenery-banner { background:url(../img/mechinary-haulage-bnr.jpg); background-size:cover } .inner-banner { } .inner-banner .bnr-text { position:absolute; font-size:40px; bottom:15%; line-height:normal; padding:30px; color:#fff; margin-top:-80px; background:rgba(14, 50, 44, .7); font-weight:700; } .inner-banner .bnr-text small { display:block; font-size:0.4em; padding:7px 0; margin:0; padding-right:0; line-height:22px; } .inner-banner img { width:100%; } .inner-banner .contact-btn-box { position:absolute; bottom:6%; line-height:normal; left:0; right:0; text-align:center; margin-left:350px; } .inner-banner .contact-btn-box a { margin:10px; font-size:32px; font-weight:700; padding:20px 20px; min-width:360px; letter-spacing:0; font-family:'Open Sans', sans-serif; text-transform:capitalize; } .proj-dts-bnr .inner-banner .bnr-text { max-width:32%; } .machinery .inner-banner .bnr-text { max-width:36%; } .about-sec .about-sec-detail .about-img-holder .fw6 { max-width:830px; } .about-sec .about-sec-detail .about-img-holder .fw6 p { width:100%; margin-left:auto; margin-right:auto; } .fw6 { max-width:830px; } .fw6 p { width:100%; margin-left:auto; margin-right:auto; } .wd80 { max-width:662px; margin:15px auto 0 auto; } .center { align-items:center; } .container-transport .inner-banner .bnr-text { bottom:auto; top:40%; } .biosecurity .inner-banner .bnr-text { } .biosecurity .inner-banner .bnr-text { max-width:50%; } .warehouse .inner-banner .bnr-text { max-width:45%; bottom:auto; top:40%; } .font-18 { font-size:18px; } .w-layout-grid { display:-ms-grid; display:grid; -ms-grid-columns:1fr 1fr; grid-template-columns:1fr 1fr; -ms-grid-rows:auto auto; grid-template-rows:auto auto; grid-row-gap:16px; grid-column-gap:16px } .g_architects, .g_contractors, .g_pm { -ms-grid-rows:auto; grid-template-rows:auto } .photobg { height:400px; background-color:#eefaff } .g_architects { margin-top:40px; -ms-grid-row-align:center; align-self:center; grid-column-gap:50px; -ms-grid-columns:1.75fr 1fr; grid-template-columns:1.75fr 1fr; width:80%; } .g_contractors { margin-top:60px; grid-column-gap:50px } .g_owners, .g_pm { margin-top:60px; grid-column-gap:50px; -ms-grid-columns:1.25fr 1fr; grid-template-columns:1.25fr 1fr } .g_pm { align-self:flex-end } .g_owners { align-self:flex-start; -ms-grid-rows:auto; grid-template-rows:auto } .grid-13, .grid-14 { grid-column-gap:0; -ms-grid-rows:auto; grid-template-rows:auto } .grid-13 { -ms-grid-columns:1fr 1.75fr .5fr; grid-template-columns:1fr 1.75fr .5fr } .photowrapper { position:relative; overflow:hidden; height:600px } .photowrapper.wrap_2 { position:relative; height:300px } .photowrapper.wrap_3 { height:450px } .photowrapper.wrap_4 { height:600px } .growimage { display:block; width:100%; height:100%; margin-right:-1px; padding-right:0; -webkit-box-flex:0; -webkit-flex:0 auto; -ms-flex:0 auto; flex:0 auto; background-position:50% 50%; background-size:cover; background-attachment:scroll; } .growimage.image_2 { background-image:url(../img/point2.jpg); background-size:600px; background-repeat:no-repeat; } .usersarchitect, .usersprojectmgr { position:relative; -webkit-box-orient:horizontal; -webkit-box-direction:normal; -webkit-align-self:auto; -webkit-box-ordinal-group:0; -webkit-order:-1; z-index:2 } .growimage.image_1 { background-image:url(../img/point1.jpg); background-size:cover } .growimage.image_3 { background-image:url(../img/point3.jpg); background-size:600px; background-repeat:no-repeat; } .growimage.image_4 { background-image:url(../img/point4.jpg); background-position:0 50%; background-size:cover } .growimage, .growimage.image_2, .photoreveal { position:absolute; left:0; top:0; right:0; bottom:0 } .photowhite { position:absolute; left:-2%; top:0; right:0; bottom:0; z-index:2; width:104%; height:101%; background-color:#fff } .usersdesc { position:relative; left:auto; z-index:2; max-width:300px; margin-right:0; margin-left:0; padding-left:0; clear:left; -webkit-box-orient:vertical; -webkit-box-direction:normal; -webkit-flex-direction:column; -ms-flex-direction:column; flex-direction:column; -webkit-box-pack:center; -webkit-justify-content:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:end; -webkit-align-items:flex-end; -ms-flex-align:end; align-items:flex-end; -webkit-align-content:flex-end; -ms-flex-line-pack:end; align-content:flex-end; -webkit-align-self:auto; -ms-flex-item-align:auto; align-self:auto; -webkit-box-ordinal-group:1; -webkit-order:0; -ms-flex-order:0; order:0; -webkit-box-flex:1; -webkit-flex:1; -ms-flex:1; flex:1; -webkit-align-self:center; -ms-flex-item-align:center; -ms-grid-row-align:center; align-self:center; -ms-grid-column-align:start; justify-self:start; font-size:22px; } .usersdesc.text_right { text-align:right; } #w-node-951cadf9be63-64dfd3e3, #w-node-a3832a024b51-64dfd3e3 { -webkit-align-self:center; -ms-flex-item-align:center; -ms-grid-row-align:center; align-self:center; -ms-grid-column-align:end; justify-self:end } .mhaulage { padding-bottom:90px; } .text-left { text-align:left; } .expertise1 { background:url(../img/bg-truck.jpg) no-repeat bottom left; background-size:cover; } .expertise2 { background:url(../img/over-dimensional.jpg) no-repeat bottom left; background-size:cover; } .active.expertise1 [class*="fade"], .active.expertise2 [class*="fade"], .active.expertise3 [class*="fade"] { animation-fill-mode:backwards; } .active.bio-expertise [class*="fade"], .active.bio-expertise1 [class*="fade"] { animation-fill-mode:backwards; } .pt-60 { padding-top:60px !important; } .pb-60 { padding-bottom:60px !important; } .pt-78 { padding-top:78px !important; } .pb-78 { padding-bottom:78px !important; } .white-box, .green-box, .grey-box { padding:40px; } .green-box { background:rgba(14, 50, 44, 0.9); overflow:hidden; } html.ie11 .green-box {background:#0e322c;} .green-box, .green-box * { color:#fff !important; } .white-box { background:rgba(255,255,255,.9); overflow:hidden; } .white-box, .white-box * { color:#0e322c !important; } .grey-box { background:rgba(84,86,91,.9); overflow:hidden; } .grey-box, .grey-box * { color:#fff !important; } .expertise3 { background:url(../img/bg-loader.jpg) no-repeat; background-size:cover; } .wpb_single_image .inner { position:absolute; top:20%; left:20%; right:20%; bottom:20%; color:#fff; z-index:555; text-align:center; display:flex; align-items:center; font-size:20px; opacity:0 } .wpb_single_image .inner { opacity:1; } .ico-sec { padding-top:30px; padding-bottom:30px; } .ico-sec .wpb_single_image .mask { opacity:0.8; cursor:pointer; } .ico-sec .portfolio_cap { width:auto; left:auto; right:0; } .ico-sec .portfolio_cap .portfolio_text h4 { margin:20px 30px; } .inner-banner img { width:100%; vertical-align:top; } .cbp1 .cbp-item { overflow:hidden; } html.ie11 .cbp1 .cbp-item { width:100%; } .pt-18 { padding-top:18px; } .security { text-align:center; margin:40px 0; } .cbp-caption-active .wide .cbp-caption-activeWrap { width:97%; height:92%; top:4%; left:1.5%; } .wide .portfolio-hover-effect .hover-text { padding-left:2%; padding-bottom:1%; } .home-page .fp-viewing-2 .cd-header .logo_hed .n_logo, .home-page .fp-viewing-2 .cd-header .n_logo { display:block; } .home-page .fp-viewing-2 .cd-header .logo_hed .w_logo, .home-page .fp-viewing-2 .cd-header .w_logo { display:none; } .home-page .fp-viewing-2 .nav_icon, .home-page .fp-viewing-2 .cd-primary-nav-trigger .nav_icon::before, .home-page .fp-viewing-2 .cd-primary-nav-trigger .nav_icon::after { background:#000 !important; } .security figure { margin-bottom:0px; padding:28px; } .security figcaption { font-size:20px; font-size:16px; line-height:normal; } .active.security .fadeinup_animation { animation-fill-mode:backwards; } .active .cbp1 .fadeinup_animation { animation-fill-mode:both; } .machinery .fp-viewing-2 .cd-header .logo_hed .n_logo, .machinery .fp-viewing-2 .cd-header .n_logo { display:none; } .machinery .fp-viewing-2 .cd-header .logo_hed .w_logo, .machinery .fp-viewing-2 .cd-header .w_logo { display:block; } .machinery .fp-viewing-2 .nav_icon, .machinery .fp-viewing-2 .cd-primary-nav-trigger .nav_icon::before, .machinery .fp-viewing-2 .cd-primary-nav-trigger .nav_icon::after { background:#fff !important; } .machinery .fp-viewing-3 .cd-header .logo_hed .n_logo, .machinery .fp-viewing-3 .cd-header .n_logo { display:none; } .machinery .fp-viewing-3 .cd-header .logo_hed .w_logo, .machinery .fp-viewing-3 .cd-header .w_logo { display:block; } .machinery .fp-viewing-3 .nav_icon, .machinery .fp-viewing-3 .cd-primary-nav-trigger .nav_icon::before, .machinery .fp-viewing-3 .cd-primary-nav-trigger .nav_icon::after { background:#fff !important; } .machinery .fp-viewing-6 .nav_icon, .machinery .fp-viewing-6 .cd-primary-nav-trigger .nav_icon::before, .machinery .fp-viewing-6 .cd-primary-nav-trigger .nav_icon::after { background:#000 !important; } .machinery .fp-viewing-7 .nav_icon, .machinery .fp-viewing-7 .cd-primary-nav-trigger .nav_icon::before, .machinery .fp-viewing-7 .cd-primary-nav-trigger .nav_icon::after { background:#000 !important; } .machinery .fp-viewing-8 .nav_icon, .machinery .fp-viewing-8 .cd-primary-nav-trigger .nav_icon::before, .machinery .fp-viewing-8 .cd-primary-nav-trigger .nav_icon::after { background:#000 !important; } .machinery .fp-viewing-6 .cd-header .logo_hed .n_logo, .machinery .fp-viewing-6 .cd-header .n_logo, .machinery .fp-viewing-7 .cd-header .logo_hed .n_logo, .machinery .fp-viewing-7 .cd-header .n_logo, .machinery .fp-viewing-8 .cd-header .logo_hed .n_logo, .machinery .fp-viewing-8 .cd-header .n_logo, .machinery .fp-viewing-9 .cd-header .logo_hed .n_logo, .machinery .fp-viewing-9 .cd-header .n_logo { display:block; } .machinery .fp-viewing-6 .cd-header .logo_hed .w_logo, .machinery .fp-viewing-6 .cd-header .w_logo, .machinery .fp-viewing-7 .cd-header .logo_hed .w_logo, .machinery .fp-viewing-7 .cd-header .w_logo, .machinery .fp-viewing-8 .cd-header .logo_hed .w_logo, .machinery .fp-viewing-8 .cd-header .w_logo, .machinery .fp-viewing-9 .cd-header .logo_hed .w_logo, .machinery .fp-viewing-9 .cd-header .w_logo { display:none; } .personalized { /*background:#0e322c;*/ background:url(../img/bg-cointer-holder.jpg) no-repeat center left; background-size:cover; } .personalized1 { /*background:#0e322c;*/ background:url(../img/bg-cointer-holder1.jpg) no-repeat center left; background-size:cover; } .personalized2 { /*background:#0e322c;*/ background:url(../img/bg-cointer-holder2.jpg) no-repeat center left; background-size:cover; } .active.personalized [class*="fade"] { animation-fill-mode:backwards; } .active.personalized1 [class*="fade"] { animation-fill-mode:backwards; } .active.personalized2 [class*="fade"] { animation-fill-mode:backwards; } .personalized .desc-sec p { display:table; width:100%; vertical-align:middle; font-size:18px; } .personalized .desc-sec p i { display:table-cell; width:13%; vertical-align:middle; padding-right:4%; } .personalized .desc-sec p span { display:table-cell; vertical-align:middle; } .container-transport .fp-viewing-2 .cd-header .logo_hed .n_logo, .container-transport .fp-viewing-2 .cd-header .s_logo.n_logo { display:none; } .container-transport .fp-viewing-2 .cd-header .logo_hed .w_logo, .container-transport .fp-viewing-2 .cd-header .s_logo { display:block; } .container-transport .fp-viewing-2 .cd-primary-nav-trigger .nav_icon, .container-transport .fp-viewing-2 .cd-primary-nav-trigger .nav_icon::before, .container-transport .fp-viewing-2 .cd-primary-nav-trigger .nav_icon::after { background:#fff !important; } .container-transport .fp-viewing-3 .cd-header .logo_hed .n_logo, .container-transport .fp-viewing-3 .cd-header .s_logo.n_logo { display:none; } .container-transport .fp-viewing-3 .cd-header .logo_hed .w_logo, .container-transport .fp-viewing-3 .cd-header .s_logo { display:block; } .container-transport .fp-viewing-3 .cd-primary-nav-trigger .nav_icon, .container-transport .fp-viewing-3 .cd-primary-nav-trigger .nav_icon::before, .container-transport .fp-viewing-3 .cd-primary-nav-trigger .nav_icon::after { background:#fff !important; } .container-transport .fp-viewing-4 .cd-header .logo_hed .n_logo, .container-transport .fp-viewing-4 .cd-header .s_logo.n_logo { display:block; } .container-transport .fp-viewing-4 .cd-header .logo_hed .w_logo, .container-transport .fp-viewing-4 .cd-header .s_logo { display:none; } .container-transport .fp-viewing-4 .cd-primary-nav-trigger .nav_icon, .container-transport .fp-viewing-4 .cd-primary-nav-trigger .nav_icon::before, .container-transport .fp-viewing-4 .cd-primary-nav-trigger .nav_icon::after { background:#000 !important; } .container-transport .fp-viewing-6 .cd-header .logo_hed .n_logo, .container-transport .fp-viewing-6 .cd-header .s_logo.n_logo { display:block; } .container-transport .fp-viewing-6 .cd-header .logo_hed .w_logo, .container-transport .fp-viewing-6 .cd-header .s_logo { display:none; } .container-transport .fp-viewing-6 .cd-primary-nav-trigger .nav_icon, .container-transport .fp-viewing-6 .cd-primary-nav-trigger .nav_icon::before, .container-transport .fp-viewing-6 .cd-primary-nav-trigger .nav_icon::after { background:#000 !important; } .container-transport .fp-viewing-7 .cd-header .logo_hed .n_logo, .container-transport .fp-viewing-7 .cd-header .s_logo.n_logo { display:block; } .container-transport .fp-viewing-7 .cd-header .logo_hed .w_logo, .container-transport .fp-viewing-7 .cd-header .s_logo { display:none; } .container-transport .fp-viewing-7 .cd-primary-nav-trigger .nav_icon, .container-transport .fp-viewing-7 .cd-primary-nav-trigger .nav_icon::before, .container-transport .fp-viewing-7 .cd-primary-nav-trigger .nav_icon::after { background:#000 !important; } .biosecurity .fp-viewing-3 .cd-header .logo_hed .w_logo, .biosecurity .fp-viewing-3 .cd-header .s_logo.w_logo { display:block; } .biosecurity .fp-viewing-3 .cd-header .logo_hed .n_logo, .biosecurity .fp-viewing-3 .cd-header .s_logo { display:none; } .biosecurity .fp-viewing-3 .cd-primary-nav-trigger .nav_icon, .biosecurity .fp-viewing-3 .cd-primary-nav-trigger .nav_icon::before, .biosecurity .fp-viewing-3 .cd-primary-nav-trigger .nav_icon::after { background:#fff !important; } .biosecurity .fp-viewing-6 .cd-header .logo_hed .w_logo, .biosecurity .fp-viewing-6 .cd-header .s_logo.w_logo { display:none; } .biosecurity .fp-viewing-6 .cd-header .logo_hed .n_logo, .biosecurity .fp-viewing-6 .cd-header .s_logo { display:block; } .biosecurity .fp-viewing-6 .cd-primary-nav-trigger .nav_icon, .biosecurity .fp-viewing-6 .cd-primary-nav-trigger .nav_icon::before, .biosecurity .fp-viewing-6 .cd-primary-nav-trigger .nav_icon::after { background:#000 !important; } .warehouse .fp-viewing-3 .cd-header .logo_hed .w_logo, .warehouse .fp-viewing-3 .cd-header .s_logo.w_logo { display:block; } .warehouse .fp-viewing-3 .cd-header .logo_hed .n_logo, .warehouse .fp-viewing-3 .cd-header .s_logo { display:none; } .warehouse .fp-viewing-3 .cd-primary-nav-trigger .nav_icon, .warehouse .fp-viewing-3 .cd-primary-nav-trigger .nav_icon::before, .warehouse .fp-viewing-3 .cd-primary-nav-trigger .nav_icon::after { background:#fff !important; } .bio-expertise { /*background:#0e322c;*/ background:url(../img/bio-expertise1.jpg) no-repeat center left; background-size:cover; } .bio-expertise1 { /*background:#0e322c;*/ background:url(../img/bio-expertise.jpg) no-repeat center left; background-size:cover; } .ware-house { /*background:#0e322c;*/ background:url(../img/warehouse-expertise.jpg) no-repeat center left; background-size:cover; } .ware-house1 { /*background:#0e322c;*/ background:url(../img/warehouse-expertise1.jpg) no-repeat center left; background-size:cover; } .ware-house .desc-sec p { display:table; width:100%; vertical-align:middle; } .ware-house .desc-sec p i { display:table-cell; width:13%; vertical-align:middle; padding-right:4%; } .ware-house .desc-sec p span { display:table-cell; vertical-align:middle; } .active.ware-house [class*="fade"], .active.ware-house1 [class*="fade"] { animation-fill-mode:backwards; } .mb-10 { margin-bottom:10px; } .mb-15 { margin-bottom:15px; } .mb-30 { margin-bottom:30px; } .in.home-serv .wpb_single_image.rt .wpb_heading { border-radius:0 0px; text-align:center; padding-right:30px; padding-left:30px; padding-top:25px; padding-bottom:22px; opacity:0.8; width:100%; font-size:17px; } html.no-js .menu-is-open .cd-primary-nav-trigger .cd-menu-icon.is-clicked { background:transparent !important; } html.no-js .menu-is-open .cd-primary-nav-trigger .cd-menu-icon.is-clicked::before, html.no-js .menu-is-open .cd-primary-nav-trigger .cd-menu-icon.is-clicked::after { background:#fff !important; } .about-des-sec1 { font-size:18px; } .contact [class*="fp-viewing-"] .cd-header.menu-is-open .logo_hed .n_logo, .contact [class*="fp-viewing-"] .cd-header.menu-is-open .s_logo.n_logo { display:none !important; } .font-800 { font-weight:800; } .contact .fp-viewing-0 .cd-header .logo_hed .n_logo, .contact .fp-viewing-0 .cd-header .s_logo.n_logo { display:block !important; } .contact .fp-viewing-0 .cd-header .logo_hed .w_logo, .contact .fp-viewing-0 .cd-header .since_logo .s_logo.w_logo { display:none; } .contact .fp-viewing-0 .cd-primary-nav-trigger .nav_icon, .contact .fp-viewing-0 .cd-primary-nav-trigger .nav_icon::before, .contact .fp-viewing-0 .cd-primary-nav-trigger .nav_icon::after { background:#000 !important; } .contact .fp-viewing-2 .cd-header .logo_hed .n_logo, .contact .fp-viewing-2 .cd-header .s_logo.n_logo { display:block !important; } .contact .fp-viewing-2 .cd-header .logo_hed .w_logo, .contact .fp-viewing-2 .cd-header .since_logo .s_logo.w_logo { display:none; } .contact .fp-viewing-2 .cd-primary-nav-trigger .nav_icon, .contact .fp-viewing-2 .cd-primary-nav-trigger .nav_icon::before, .contact .fp-viewing-2 .cd-primary-nav-trigger .nav_icon::after { background:#000 !important; } .contact #section-01 .fp-tableCell { vertical-align:top; } .our-people .cd-header.cnav .n_logo { display:none; } .our-gallery .cd-header.cnav .n_logo { display:none; } .contact .cd-header.cnav .n_logo { display:none; } .our-project .cd-header.cnav .n_logo { display:none; } .our-project .cd-header.cnav .n_logo { display:none; } .wht-wraper { padding:14px 20px; display:flex; /*align-items:center;*/ border-bottom:none; text-align:center; min-height:182px; } .wht-wraper .desc { flex:100% } .icon_inner { width:3em; height:3em; border-radius:50%; background:#13322b; text-align:center; padding:21px 10px; font-size:25px; color:#fff; margin:0 auto 20px auto; } .icon_inner a .icon-phone { font-size:35px; } .icon_inner a .icon-envelope { font-size:26px; margin-top:2px; display:block; } .icon_inner a .icon-location-arrow { font-size:35px; } .icon_inner a, .icon_inner a:hover { color:#FFF; text-decoration:none; } .wht-wraper .title { font-size:16px; font-weight:bold; } .wht-wraper p { font-size:20px; color:#13322b; } .wht-wraper p a { color:#13322b; } .wht-wraper p a:hover { text-decoration:underline; } .active.cntbox-service [class*="fade"] { animation-fill-mode:backwards; } .cntbox-service a { color:#fff; } .fw6a { max-width:830px; margin:0 auto; } .serv-cont .col-md-3 { transition:all; text-align:center; } .serv-cont [class*="col-"] .bord-box { border:1px solid #ececec; background:#ececec; /*color:#fff;*/ padding-top:20%; padding-bottom:20%; padding-left:20px; padding-right:20px; text-align:center; } .serv-cont.pd-15 [class*="col-"] { padding-top:15px; padding-bottom:15px; } .serv-cont h5 { text-transform:none; font-weight:600; } .serv-cont p { margin:0; font-size:18px; } .serv-cont a { color:#000; } .serv-cont a:hover { text-decoration:underline; } .serv-cont1 .col-md-3 { transition:all; text-align:center; } .serv-cont1 [class*="col-"] .bord-box { border:1px solid #13322b; color:#fff; background:#13322b; } .serv-cont1.pd-15 [class*="col-"] { padding-top:15px; padding-bottom:15px; } .serv-cont1 h5 { text-transform:none; color:#fff; } .serv-cont1 p { margin:0; } .serv-cont1 a { color:#fff; } .serv-cont1 a:hover { text-decoration:underline; } .separte .sep { padding-left:30px; padding-right:30px; } .separte .sep:first-child { border-right:1px solid #ccc; } .separte .sep a:hover { text-decoration:underline; } .font-800.boxed { background:#ececec; border:1px solid #54565b; padding:15px; margin-bottom:30px; } .imprt_to_us { background:url(../img/impot-to-us.jpg) no-repeat bottom left; background-size:cover; } .high100 { height:100vh; } .pad100 { padding:200px 130px; } .active.family [class*="fade"] { animation-fill-mode:backwards; } .family { background:url(../img/family.jpg) no-repeat bottom left; background-size:cover; } .diversity { background:url(../img/diversity.jpg) no-repeat bottom left; background-size:cover; } .inovation { background:url(../img/invation.jpg) no-repeat bottom left; background-size:cover; background-position:center bottom; } .resilience { background:url(../img/resilience.jpg) no-repeat bottom left; background-size:cover; } .dedication { background:url(../img/dedication.jpg) no-repeat bottom left; background-size:cover; } .active.diversity [class*="fade"], .active.inovation [class*="fade"], .active.resilience [class*="fade"], .active.dedication [class*="fade"] { animation-fill-mode:backwards; } .family-legacy { background:url(../img/family-legacy.jpg) no-repeat bottom left; background-size:cover; } .active.family-legacy [class*="fade"] { animation-fill-mode:backwards; } .high48 { height:50vh; } .space5 { margin-bottom:.6vh } .his1 { background:url(../img/his1.jpg) no-repeat bottom left; background-size:cover; } .his2 { background:url(../img/his2.jpg) no-repeat bottom left; background-size:cover; } .his3 { background:url(../img/his3.jpg) no-repeat bottom left; background-size:cover; } .his4 { background:url(../img/his4.jpg) no-repeat bottom left; background-size:cover; } .active.history [class*="fade"], .active.history1 [class*="fade"] { animation-fill-mode:backwards; } .pl95 { padding-left:95px; } .pr95 { padding-right:95px; } .ex-detail .heading-1a, .ex-detail .heading-2a { font-size:28px; } .quotation .container { max-width:930px; } .quotation a { color:#13322b } .quotation a:hover { text-decoration:underline; } .quotation .bord-box { padding:25px 20px; font-size:18px; } .quotation .bord-box * { /* color:#fff;*/ } .quotation .bord-box h5 { min-height:115px; font-size:1.25rem; font-family:'Open Sans', sans-serif; font-weight:500; } .quotation .bord-box h5 strong { font-size:17px; font-family:'Open Sans', sans-serif; letter-spacing:0; } .quotation1 a { color:#13322b } .quotation1 a:hover { text-decoration:underline; } .quotation1 .bord-box { border:1px solid #54565b; color:#fff; padding:44px 30px; text-align:center; background:#54565b; font-size:16px; } .quotation1 [class*="col-"] { padding-top:15px; padding-bottom:15px; } .quotation1 [class*="col-"]:first-child { padding-top:0px; } .quotation1 .bord-box * { color:#fff; } .quotation1 .bord-box h5 { text-align:center; } .team-sec .container-fluid { padding:0; } .people-grid ul { margin:0; } .people-grid li { float:left; width:16.667%; overflow:hidden; background:#000; position:relative; } .people-grid li a:hover img { -webkit-transform:scale(1.25); transform:scale(1.25); } .people-grid li img {/*-webkit-filter:grayscale(100%); filter:grayscale(100%);*/ -webkit-transition:-webkit-transform .35s ease-out; transition:transform .35s ease-out; } .people-grid li:hover .hov-effect { } .people-grid li .hov-effect { position:absolute; top:0; left:0; width:100%; height:100%; opacity:0; filter:alpha(opacity=0); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=0)"; background:#545454; background:rgba(19, 50, 43, 0.8); -webkit-transform:translateZ(0); -webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out; -ms-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out; display:flex; align-items:center; text-align:center; } .people-grid li:hover .hov-effect { opacity:1; filter:alpha(opacity=99); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=99)"; } .people-grid li .hov-effect p { color:#fff; font-size:1.1rem; text-transform:uppercase; text-align:center; padding-left:5px; padding-right:5px; width:100%; } .people-grid li .hov-effect p span { display:block; text-transform:none; font-size:.8rem; margin-top:5px; } .arth-bro h4 { text-align:center !important; font-weight:700 !important; } .arth-bro h4 span { display:block; text-transform:none; font-size:18px; margin-top:5px; font-weight:normal; } .arth-bro .portfolio_cap { position:static; padding:2px; background:rgba(19, 50, 43, 1); } .arth-bro a { text-decoration:none; } .arth-bro.cbp-caption-zoom .cbp-item:hover .cbp-caption-defaultWrap { -webkit-transform:scale(1.25); transform:scale(1.25); } .bnt-lg { transform:scale(1.5); } .portfolio_cap .portfolio_text .short-desc { font-family:'Open Sans', sans-serif; padding-bottom:0; color:#FFFFFF; } .in-project .portfolio_cap .portfolio_text h4 { margin:0; } .in-project .portfolio_cap { padding:20px; } .in-project .cbp-caption-zoom .cbp-caption:hover .portfolio_cap { opacity:1; } .more-project .proj-greybox { background:rgba(0,0,0,.05); padding:100px 60px 80px 60px; position:relative; } .more-project .proj-greybox h2 { color:#0e322c; text-transform:capitalize; font-weight:700; } .more-project .container-fluid { padding-left:40px; padding-right:40px; } .more-project .cbp-caption { position:relative; overflow:hidden; } .more-project .cbp-caption h4 { margin:0; } .more-project .portfolio_cap { padding:20px; } .more-project .cbp-caption-defaultWrap { -webkit-transition:-webkit-transform .35s ease-out; transition:transform .35s ease-out; } .more-project .cbp-caption:hover .cbp-caption-defaultWrap { -webkit-transform:scale(1.25); transform:scale(1.25); } .ml-34 { margin-left:20%; } .more-project .proj-greybox .tite-more-prj { position:absolute; color:#fff; left:0; top:auto; } .more-project .proj-greybox .col-md-4 { -ms-flex:0 0 40%; flex:0 0 40%; max-width:40%; } .more-project .proj-greybox .col-md-4.ml20 { margin-left:20% } .more-project .proj-greybox .col-md-4 img { width:100%; } .anim-btn.white-btn { background:#fff; color:#13322b; } .anim-btn.white-btn:hover { color:#fff; } .anim-btn.gery-btn { background:#54565b; color:#fff; } .lightgrey { background:rgba(0,0,0,.05) } .hght20 { height:55vh; overflow:hidden; display:table; width:100%; } html.ie11 .hght20, html.ie11 .hght70 { display:block} html.ie11 .hght20.pb-2{ display:flex; width:100%; text-align:center; align-items:center;} html.ie11 .hght20.pb-2 .inner{ width:100%; height:inherit} html.ie11 .hght70{ height:55vh; display:block;} html.ie11 .hght70 .inner{ height:inherit;} html.ie11 .hght70.pb-2{ display:flex; width:100%; text-align:center; align-items:center;} html.ie11 .hght70.pb-2 .inner{ width:100%;} html.ie11 .hght20 .inner, html.ie11 .hght70 .inner{ display:block;} .hght20 .inner, .hght70 .inner { display:table-cell; vertical-align:middle; } .hght70 { height:70vh; overflow:hidden; display:table; width:100%; } .min-wd-220 { min-width:220px; } .vid-cols [class*=col-] { padding-top:15px; padding-bottom:15px; } .vid-cols figcaption { background:#54565b; color:#fff; display:block; padding:20px 15px; font-size:18px; text-align:center; } .abtsec-btn-holder { padding:30px 0; } .serv-cont [class*="col-"] .bord-box .tel-no { font-weight:500; font-size:20px; } .security .col-md-3 { padding-left:30px; padding-right:30px; } .store_link { margin:15px 0 0 0; } .store_link li { margin:15px 0; display:block; } .store_link li i { font-size:20px; vertical-align:middle; padding-right:5px; color:#414141; } .store_link li a { font-size:20px; font-weight:500; text-decoration:none; vertical-align:middle; } .request_a_quote_link { margin:0; } .request_a_quote_link li { margin:15px 0; display:block; } .request_a_quote_link li i { font-size:20px; vertical-align:middle; padding-right:5px; color:#414141; width:28px; text-align:center; } .request_a_quote_link li a { font-size:20px; font-weight:500; text-decoration:none; vertical-align:middle; } .controls { position:absolute; display:flex; bottom:0; width:100%; flex-wrap:wrap; background:rgba(0, 0, 0, 0.7); z-index:9; transform:translateY(100%) translateY(-5px); transition:all .2s; } #video-wrap:hover .controls { transform:translateY(0%) } .buttons button { background:none; border:0; outline:0; cursor:pointer; padding:10px; font-family:'FontAwesome'; width:30px; height:30px; display:inline-block; font-size:28px; color:#fff; -webkit-font-smoothing:antialiased; } .buttons button.play:before { content:'\f04b'; } .buttons button.pause:before { content:'\f04c'; } .orange-bar { height:10px; top:0; left:0; width:100%; background:#000; } .orange-juice { height:10px; background:#54565b; } .list1 { margin-bottom:20px; padding:0; list-style:none; } .list1 li { line-height:normal; padding-bottom:12px; position:relative; padding-left:15px; } .list1 li:before { content:"\f0da"; font-family:'FontAwesome'; position:absolute; left:0; top:auto; } .sepr { border-bottom:6px solid rgba(0,0,0,.1); margin-top:1rem; margin-bottom:1rem; } .font-12 { font-size:12px; line-height:normal; } .video-play { position:absolute; top:50%; left:50%; margin-left:-50px; z-index:99999; width:75px; border:4px solid #fff; display:none; cursor:pointer; box-shadow:0px 0px 24px 11px rgba(0,0,0,.5); border-radius:50%; visibility:visible !important; } .mt5rem { margin-top:5rem; } .mt13_5rem { margin-top:6.5rem; } .gm-style .gm-style-iw-d { overflow:scroll !important; -webkit-overflow-scrolling:touch !important; scrollbar-width:none; } html.biosecurity #section-01.section .fp-tableCell { vertical-align:top; } html.warehouse #section-01.section .fp-tableCell { vertical-align:top; } html.our-people body.section-03 .img-animation { animation-name:flipimg; animation-duration:3s; animation-fill-mode:forwards; } .integrt { font-size:26px; text-align:center;} .menu-is-open .n_logo { display:none !important} html.ie11 .gallery-grid { display:block; height:auto; } html.ie11 .gallery-grid .lightbox { float:left; width:33%; height:200px; padding:.5%;} /*___________ Inner page _______________*/ body { letter-spacing:0; font-family:'Open Sans', sans-serif; } body, html { /*overflow:hidden !important;*/ } .nav-down .fadeinup_animation, .nav-down .fadeInLeft_animation, .nav-down .fadeInRight_animation, .nav-down .img-animation, .nav-down .zoomIn_animation { animation:none !important; } .hidden_dektop { display:none; } #fp-nav { display:none; } .footer { width:100%; position:relative; bottom:0; height:auto !important; } .home-page #section-01 { height:100vh !important; } .img_display_mobile { display:none; } .img_display_desktop { display:block; } /*****Responsive*****/ @media (min-width:992px) { .col-lg-3-5 { -ms-flex:0 0 29%; flex:0 0 29%; max-width:29%; } .col-lg-9-5 { -ms-flex:0 0 71%; flex:0 0 71%; max-width:71%; } } @media (min-width:768px) { .cd-primary-nav .c9-scndr-nav { max-width:500px; left:0; right:0; text-align:center; margin:0 auto; } .cd-accordion-menu .sub-menu label a { font-size:22px; letter-spacing:1px; } } @media (min-width:1024px) { .hidden-desk{ display:none !important} .hidden-lg, .hidden-sm, .hidden-md { display:none !important; } } @media (min-width:1200px) { .security .container { max-width:850px; } } @media (min-width:1800px) { .home-serv .wpb_single_image.rt .wpb_heading, .home-serv .wpb_single_image.rb .wpb_heading { padding-left:140px; } .home-serv .wpb_single_image.lb .wpb_heading, .home-serv .wpb_single_image.lt .wpb_heading { padding-right:140px; } } @media (min-width:768px) and (max-width:1700px) { .all-in-banner { height:auto !important;} .inner-banner .bnr-text { font-size:36px; bottom:25%; max-width:40%; } } @media (min-width:1100px) and (max-width:1600px) { .services-section .container { max-width:800px; } .ex-detail .heading-1, .ex-detail .heading-2 { font-size:26px; } .ex-detail .img-animation { height:30px; margin-bottom:10px; } .ser-vice-text { font-size:14px; margin:0px 0px 10px; line-height:1.4; } .about-sec .about-sec-detail .about-img-holder img { width:100%; margin:0 auto; display:block; } .home-serv .wpb_single_image .wpb_heading { font-size:17px; } .explore-button__label { font-size:15px; letter-spacing:0; line-height:normal; } } @media (max-width:1450px) { .home-page #section-01.section .fp-tableCell { display:block; } .home-page #section-01.section .fp-tableCell #video-wrap { position:relative; } .home-page #section-01.section .fp-tableCell video { display:block; position:relative; top:inherit; left:inherit; transform:inherit; object-fit:fill; } .serv-cont [class*="col-"] .bord-box { padding-top:15%; padding-bottom:15%; padding-left:15px; padding-right:15px; } .serv-cont h5 { font-size:19px; line-height:30px; } .store_link li i { font-size:18px; } .store_link li a { font-size:18px; } } @media (min-width:769px) and (max-width:1368px) { .no-js body[class*="section-"] .cd-header.cnav .n_logo{ display:block; } .no-js body[class*="section-"] .cd-header.cnav .w_logo{ display:none; } .no-js body[class*="section-"] .cd-primary-nav-trigger .cd-menu-icon, .no-js body[class*="section-"] .cd-primary-nav-trigger .nav_icon::before, .no-js body[class*="section-"] .cd-primary-nav-trigger .nav_icon::after{ background:#000 !important; } } @media (max-width:1368px) { .inner-banner .bnr-text { top:calc(50% - 12vh); bottom:auto; } .home-page #section-02.section .fp-tableCell, .home-page #section-03.section .fp-tableCell, .home-page #section-04.section .fp-tableCell, .home-page #section-05.section .fp-tableCell, .home-page #section-06.section .fp-tableCell, .home-page #section-07.section .fp-tableCell{ display:block;} .section .fp-tableCell{ display:block; } .section { height:auto !important} .team-sec { overflow:hidden; } .warehouse .inner-banner .bnr-text, .inner-banner .bnr-text, .container-transport .inner-banner .bnr-text { top:65%; } .proj-dts-bnr .inner-banner .bnr-text{ max-width:60%} .hght20{ height:37vh;} .hght70 { height:40vh;} .home-page #section-01.section { height:auto !important; } .machinery #section-03, .machinery #section-04, .machinery #section-5, .container-transport #section-03, .container-transport #section-04, .container-transport #section-05, .biosecurity #section-03, .biosecurity #section-05, html.warehouse #section-03, html.warehouse #section-04 {min-height:700px;} .machinery #section-03 .fp-tableCell, .machinery #section-04 .fp-tableCell, .machinery #section-5 .fp-tableCell, .container-transport #section-03 .fp-tableCell, .container-transport #section-04 .fp-tableCell, .container-transport #section-05 .fp-tableCell, .biosecurity #section-03 .fp-tableCell, .biosecurity #section-05 .fp-tableCell, html.warehouse #section-03 .fp-tableCell, html.warehouse #section-04 .fp-tableCell{ display:table-cell; } .ie11.machinery #section-03 .fp-tableCell, .ie11.machinery #section-04 .fp-tableCell, .ie11.machinery #section-5 .fp-tableCell, .ie11.container-transport #section-03 .fp-tableCell, .ie11.container-transport #section-04 .fp-tableCell, .ie11.container-transport #section-05 .fp-tableCell, .ie11.biosecurity #section-03 .fp-tableCell, .ie11.biosecurity #section-05 .fp-tableCell, html.ie11.warehouse #section-03 .fp-tableCell, html.ie11.warehouse #section-04 .fp-tableCell{ display:block; } .gallery-overlay-title{ text-align:center;} .store_link li i { font-size:16px; } .store_link li a { font-size:16px; } } @media (max-width:1250px) { .about2 .history .col-md-6, .about2 .history1 .col-md-6 { -ms-flex:0 0 100%; flex:0 0 100%; max-width:100%;} .full-height { height:auto; } .his1, .his2, .his3, .his4 { background-position:center;} .green-box, .grey-box { padding:40px;} .pad100 { padding:40px; } .white-box.pl95 { padding-left:40px; } .white-box.pr95 { padding-right:40px; } html.ie11 video#video_background { top:40%; } .serv-cont [class*="col-"] .bord-box { padding-top:14%; padding-bottom:14%; padding-left:8px; padding-right:8px; border:0; } .serv-cont h5 { font-size:18px; line-height:30px; } .store_link li i { font-size:14px; display:block; padding-right:0; } .store_link li a { font-size:15px; } .mt13_5rem { margin-top:2.5rem; } } @media (min-width:1025px) and (max-width:1101px) { html.ie11 .video#video_background { top:40%; } } @media (max-width:1100px) { .cbp{ height:auto !important; } .ex-detail .heading-1, .ex-detail .heading-2 { font-size:25px; } .logo-wrap { max-width:25%; } .cd-header { background:transparent; box-shadow:none; } .home-page #section-01 { width:100%; display:block; } .ca3-scroll-down-link { display:none; } .section { height:auto !important; } .home-page #section-02, .home-page #section-03, .home-page #section-04, .home-page #section-05, .home-page #section-06 .home-page #section-07 { height:auto !important; } .cbp-ready .cbp-wrapper, .cbp-ready .cbp-wrapper-helper { position:static; } .cbp-ready .cbp-item { position:static; } .home-serv .wpb_single_image.lt .wpb_heading, .home-serv .wpb_single_image.lb .wpb_heading, .home-serv .wpb_single_image.rt .wpb_heading, .home-serv .wpb_single_image.rb .wpb_heading { justify-content:center; text-align:center; width:100%; margin-bottom:0; padding:10px; bottom:0; top:auto; min-height:1px; font-size:14px; } .heading-text.hd_footer { margin-bottom:0; } .footer .client_sec p { margin:5px 0 20px 0; } .client_sec { padding-top:50px; padding-bottom:50px; padding-left:30px; padding-right:30px; } .title-inte { background:#d0d3d4; text-align:center; padding:8px 0px !important; color:#13322b; border:8px solid rgba(255,255,255,0.4); box-sizing:border-box; } .footer_main { padding-top:40px; padding-bottom:40px; } } @media (max-width:1024px) { .section .fp-tableCell { display:block; } .inner-banner .bnr-text { top:50%; font-size:30px; padding:10px; margin-top:0; bottom:auto; } .team-sec .container-fluid { overflow:hidden; } body, html { overflow-y:auto !important } .portfolio_cap .portfolio_text h4{ margin-left:10px; margin-right:10px;} .machinery .inner-banner .bnr-text { max-width:50%;} .cbp-caption-active .cbp-caption-activeWrap { display:table !important; } .portfolio-hover-effect .hover-text { display:table-cell; vertical-align:middle; text-align:center; padding-left:10px; padding-right:10px; text-align:center !important; } .portfolio-hover-effect .hover-text .p-hover-title{text-align:center !important; } .hght20 { height:266px; } .pd-bug { max-width:23%; } .hght70 { height:336px; } .gallery-overlay-title { padding-left:10px; padding-right:10px; } .img-animation{max-width:14%;} #backtotop .tooltiptext{ display:none;} #request1{ height:35px; } .people-grid li { width:25%; } .cbp-caption-defaultWrap img { width:100%; } .cbp-item { width:100%; } .active .fadeInRight_animation, .active .home-serv.fadeInLeft_animation, .active .home-serv.fadeInRight_animation, .portfolio-sec.active .fadeinup_animation, .active .fadeInLeft_animation, .active .fadeinup_animation { -webkit-animation-name:none; animation-name:none; animation-fill-mode:none; animation-duration:inherit; } .serv-cont h5 { font-size:20px; line-height:32px; } .store_link li i { font-size:15px; display:inline-block; padding-right:5px; } .store_link li a { font-size:15px; } } @media (min-width:1020px) and (max-width:1028px) { .firefox video#video_background{ top:40% !important;} } @media (min-width:992px) and (max-width:1025px) { .cbp-ready .cbp-item { position:unset; } .client_sec { padding-left:50px; padding-right:50px; } .copyright { padding:0 50px; } .section { height:auto !important; } .explore-button__label{ font-size:17px;} .map_main { min-height:70vh; margin-top:20px; } .ca3-scroll-down-link{ display:none;} .section { height:auto !important } .home-page .section { padding-bottom:30px;} .home-page #section-01.section{ padding-bottom:0;} .cd-header { position:fixed; height:auto;} .logo-wrap{ max-width:25%;} .ex-detail .heading-1, .ex-detail .heading-2{ font-size:26px;} .active .img-animation{max-width:14%;} #fp-nav{ display:none;} .pad100 { padding:50px;} .col-lg-9-5 { -ms-flex:0 0 50%; flex:0 0 50%; max-width:50%;} .col-lg-3-5 { -ms-flex:0 0 50%; flex:0 0 50%; max-width:50%;} .personalized1 .col-lg-9{-ms-flex:0 0 50%; flex:0 0 50%; max-width:50%;} .personalized1 .col-lg-3{-ms-flex:0 0 50%; flex:0 0 50%; max-width:50%;} .serv-cont .col-lg-3{-ms-flex:0 0 50%; flex:0 0 50%; max-width:50%;} .serv-cont .col-lg-3{ margin-bottom:30px;} .mt13_5rem { margin-top:.5rem;} html.ie11.home-page #section-01.section .fp-tableCell video { height:100%; } html.ie11.home-page #section-01.section .fp-tableCell { vertical-align:top; } .center-circle{ margin-left:-137px; top:54%;} /*html.no-js [class*="fp-viewing-"] .cd-header .s_logo.n_logo, html.no-js [class*="fp-viewing-"] .cd-header .logo_hed .n_logo{ display:block !important; } html.no-js [class*="fp-viewing-"] .cd-header .s_logo.w_logo, html.no-js [class*="fp-viewing-"] .cd-header .logo_hed .w_logo{ display:none !important; }*/ html.no-js [class*="fp-viewing-"] .nav_icon, html.no-js [class*="fp-viewing-"] .cd-primary-nav-trigger .nav_icon::before, html.no-js [class*="fp-viewing-"] .cd-primary-nav-trigger .nav_icon::after { background:#000 !important; } /*html.no-js [class*="fp-viewing-0"] .cd-header .s_logo.n_logo, html.no-js [class*="fp-viewing-0"] .cd-header .logo_hed .n_logo { display:none !important; } html.no-js [class*="fp-viewing-0"] .cd-header .s_logo.w_logo, html.no-js [class*="fp-viewing-0"] .cd-header .logo_hed .w_logo { display:block !important; }*/ html.no-js [class*="fp-viewing-0"] .nav_icon, html.no-js [class*="fp-viewing-0"] .cd-primary-nav-trigger .nav_icon::before, html.no-js [class*="fp-viewing-0"] .cd-primary-nav-trigger .nav_icon::after { background:#fff !important; } .serv-cont .col-lg-3{max-width:50%; flex:0 0 50%; -ms-flex:0 0 50%; } } @media (min-width:768px) and (max-width:1024px) { .family { background-image:none; } .diversity { background-image:none; } .inovation { background-image:none; } .resilience { background-image:none; } .dedication { background-image:none; } .hidden_dektop { display:block; } .master_div { width:100% !important; flex:unset !important; max-width:100%; } } @media (min-width:768px) and (max-width:1023px) { html.ie11 .video#video_background { top:40%; } .active .fadeInRight_animation, .active .home-serv.fadeInLeft_animation, .active .home-serv.fadeInRight_animation, .portfolio-sec.active .fadeinup_animation, .active .fadeInLeft_animation, .active .fadeinup_animation { -webkit-animation-name:none; animation-name:none; animation-fill-mode:none; animation-duration:inherit; } .ca3-scroll-down-link { display:none;} .section { height:auto !important } .home-page .section { padding-bottom:30px;} .home-page #section-01.section{ padding-bottom:0;} .cd-header { position:fixed; } video#video_background { position:relative; } .cd-header{ height:auto;} .logo-wrap{ max-width:25%;} .ex-detail .heading-1, .ex-detail .heading-2{ font-size:26px;} .img-animation{max-width:14%;} .home-serv .wpb_single_image.lt .wpb_heading, .home-serv .wpb_single_image.rt .wpb_heading, .home-serv .wpb_single_image.lb .wpb_heading, .home-serv .wpb_single_image.rb .wpb_heading{ text-align:center; padding:10px; min-height:1px; font-size:14px; bottom:0; margin:0; top:auto;} .map_main { min-height:64vh; } .title-inte { background:#d0d3d4; text-align:center; padding:14px 0px !important; color:#13322b; border:8px solid rgba(255,255,255,0.4); box-sizing:border-box; } .portfolio_cap .portfolio_text h4{ font-size:14px; margin:10px;} .arth-bro h4 span{font-size:13px;} .integrt { font-size:24px; margin-left:17px; margin-right:17px;} .hidden-xs { display:none !important; } .client_sec { padding-top:40px; padding-bottom:30px; padding-left:30px; padding-right:30px;} .heading-text.hd_footer { margin-bottom:0; } .footer .client_sec p { margin:5px 0 20px 0; } .footer_main { padding-top:40px; padding-bottom:40px;} #fp-nav{ display:none;} .col-8, .col-4, .col-3 { -ms-flex:0 0 100%; flex:0 0 100%; max-width:100%;} .family, .diversity, .inovation, .resilience, .dedication, .personalized, .personalized1, .personalized2, .bio-expertise, .bio-expertise1 {background-image:none;} .green-box, .grey-box { padding:40px; } .about-sec .about-sec-detail{margin-bottom:0px;} .expertise1.nopadding, .expertise2.nopadding, .expertise3.nopadding, .ware-house.nopadding, .ware-house1.nopadding { padding:0px !important; background-image:none; } .security .col-md-3{ padding-left:15px; padding-right:15px;} .in-project .col-md-12.pt-3.pb-2.pl-4.pr-4{ padding:0 !important; } .more-project .portfolio_cap { padding:5px;} .in-project .portfolio_cap .portfolio_text h4{ font-size:20px;} .in-project .cbp-ready .cbp-item{ position:static; width:49.7% !important; padding:5px;} .in-project .portfolio_cap .portfolio_text .short-desc{ line-height:normal;} .in-project .cbp{ height:auto !important} .in-project .cbp-ready .cbp-wrapper{ position:static;} .hght20, .hght70 { height:236px;} .more-project .proj-greybox .tite-more-prj{max-width:100%; flex:0 0 100%; position:static; padding-bottom:20px;} .more-project .proj-greybox .col-md-4.ml20{ margin-left:0;} .more-project .proj-greybox .col-md-4 { -ms-flex:0 0 50%; flex:0 0 50%; max-width:50%;} .ml-34 { margin-left:0%;} .more-project .proj-greybox{ padding:50px;} .proj-dts-bnr .inner-banner .bnr-text { max-width:inherit; } .inner-banner .bnr-text small{ font-size:0.5em;} .ipad-space{ margin-bottom:20px;} .vid-cols figcaption{ min-height:92px;} .inner-banner .contact-btn-box a{ padding:10px; font-size:15px; min-width:1px;} .serv-cont [class*="col-"] .bord-box{ text-align:center;} .serv-cont [class*="col-"]{ margin-bottom:30px; } .mt13_5rem { margin-top:.5rem;} } @media (max-width:992px) { } @media (min-width:780px) and (max-width:991px) { .cd-accordion-menu li .ser_vice_menu{ padding-bottom:0 !important} } @media (max-width:769px) { .machinery #section-03, .machinery #section-04, .machinery #section-5, .container-transport #section-03, .container-transport #section-04, .container-transport #section-05, .biosecurity #section-03, .biosecurity #section-05,html.warehouse #section-03, html.warehouse #section-04 { min-height:1px; } .machinery #section-03 .fp-tableCell, .machinery #section-04 .fp-tableCell, .machinery #section-5 .fp-tableCell, .container-transport #section-03 .fp-tableCell, .container-transport #section-04 .fp-tableCell, .container-transport #section-05 .fp-tableCell, .biosecurity #section-03 .fp-tableCell, .biosecurity #section-05 .fp-tableCell, html.warehouse #section-03 .fp-tableCell, html.warehouse #section-04 .fp-tableCell{ display:block; } } @media (max-width:769px) and (min-width:767px) { } @media (max-width:768px) { .cbp{ height:auto !important; } .ex-detail .heading-1, .ex-detail .heading-2{ font-size:25px;} .logo-wrap{ max-width:25%; padding-bottom:6px;} .cd-header{ background:#FFF; box-shadow:none; } .menu-is-open.cd-header{ background:transparent; box-shadow:none; } .home-page #section-01{ width:100%; display:block;} .ca3-scroll-down-link{ display:none;} .section{height:auto !important;} .home-page #section-02, .home-page #section-03, .home-page #section-04, .home-page #section-05, .home-page #section-06 .home-page #section-07 { height:auto !important; } .cbp-ready .cbp-wrapper, .cbp-ready .cbp-wrapper-helper{ position:static;} .cbp-ready .cbp-item{ position:static;} .home-serv .wpb_single_image.lt .wpb_heading, .home-serv .wpb_single_image.lb .wpb_heading, .home-serv .wpb_single_image.rt .wpb_heading, .home-serv .wpb_single_image.rb .wpb_heading { justify-content:center; text-align:center; width:100%; margin-bottom:0; padding:10px; bottom:0; top:auto; min-height:1px; font-size:14px; } .heading-text.hd_footer { margin-bottom:0; } .footer .client_sec p { margin:5px 0 20px 0; } .client_sec { padding-top:50px; padding-bottom:50px; padding-left:30px; padding-right:30px; } .title-inte { background:#d0d3d4; text-align:center; padding:8px 0px !important; color:#13322b; border:8px solid rgba(255,255,255,0.4); box-sizing:border-box; } .hidden-xs { display:none !important; } .footer_main{ padding-top:40px; padding-bottom:40px; } .high48 { height:50vh; } .center-square .explore-button__label { font-size:16px; } .container-transport .fp-viewing-2 .cd-primary-nav-trigger .nav_icon, .container-transport .fp-viewing-2 .cd-primary-nav-trigger .nav_icon::before, .container-transport .fp-viewing-2 .cd-primary-nav-trigger .nav_icon::after { background:#000 !important; } .container-transport .fp-viewing-3 .cd-primary-nav-trigger .nav_icon, .container-transport .fp-viewing-3 .cd-primary-nav-trigger .nav_icon::before, .container-transport .fp-viewing-3 .cd-primary-nav-trigger .nav_icon::after { background:#000 !important; } .biosecurity .fp-viewing-3 .cd-primary-nav-trigger .nav_icon, .biosecurity .fp-viewing-3 .cd-primary-nav-trigger .nav_icon::before, .biosecurity .fp-viewing-3 .cd-primary-nav-trigger .nav_icon::after { background:#000 !important; } .biosecurity .fp-viewing-2 .cd-primary-nav-trigger .nav_icon, .biosecurity .fp-viewing-2 .cd-primary-nav-trigger .nav_icon::before, .biosecurity .fp-viewing-2 .cd-primary-nav-trigger .nav_icon::after { background:#000 !important; } .machinery .fp-viewing-2 .nav_icon, .machinery .fp-viewing-2 .cd-primary-nav-trigger .nav_icon::before, .machinery .fp-viewing-2 .cd-primary-nav-trigger .nav_icon::after { background:#000 !important; } .machinery .fp-viewing-3 .nav_icon, .machinery .fp-viewing-3 .cd-primary-nav-trigger .nav_icon::before, .machinery .fp-viewing-3 .cd-primary-nav-trigger .nav_icon::after { background:#000 !important; } .warehouse .fp-viewing-2 .nav_icon, .warehouse .fp-viewing-2 .cd-primary-nav-trigger .nav_icon::before, .warehouse .fp-viewing-2 .cd-primary-nav-trigger .nav_icon::after { background:#000 !important; } .warehouse .fp-viewing-3 .cd-primary-nav-trigger .nav_icon, .warehouse .fp-viewing-3 .cd-primary-nav-trigger .nav_icon::before, .warehouse .fp-viewing-3 .cd-primary-nav-trigger .nav_icon::after { background:#000 !important; } .warehouse .fp-viewing-3 .nav_icon, .warehouse .fp-viewing-3 .cd-primary-nav-trigger .nav_icon::before, .warehouse .fp-viewing-3 .cd-primary-nav-trigger .nav_icon::after { background:#000 !important; } .about1 .fp-viewing-2 .nav_icon, .about1 .fp-viewing-2 .cd-primary-nav-trigger .nav_icon::before, .about1 .fp-viewing-2 .cd-primary-nav-trigger .nav_icon::after { background:#000 !important; } .about1 .fp-viewing-3 .nav_icon, .about1 .fp-viewing-3 .cd-primary-nav-trigger .nav_icon::before, .about1 .fp-viewing-3 .cd-primary-nav-trigger .nav_icon::after { background:#000 !important; } .about1 .fp-viewing-4 .nav_icon, .about1 .fp-viewing-4 .cd-primary-nav-trigger .nav_icon::before, .about1 .fp-viewing-4 .cd-primary-nav-trigger .nav_icon::after { background:#000 !important; } .about1 .fp-viewing-5 .nav_icon, .about1 .fp-viewing-5 .cd-primary-nav-trigger .nav_icon::before, .about1 .fp-viewing-5 .cd-primary-nav-trigger .nav_icon::after { background:#000 !important; } .about1 .fp-viewing-6 .nav_icon, .about1 .fp-viewing-6 .cd-primary-nav-trigger .nav_icon::before, .about1 .fp-viewing-6 .cd-primary-nav-trigger .nav_icon::after { background:#000 !important; } .about2 .fp-viewing-2 .nav_icon, .about2 .fp-viewing-2 .cd-primary-nav-trigger .nav_icon::before, .about2 .fp-viewing-2 .cd-primary-nav-trigger .nav_icon::after { background:#000 !important; } } @media (max-width:767px) { .section { height:auto !important; } video#video_background { width:100%; } .home-page #section-07 .container-fluid.white-back { padding-top:0; padding-bottom:0; } .login-button.mt-md-3.pt-2.pb-4 { padding-bottom:1rem!important; } .d-flex { display:block!important; display:block!important; } .active .fadeInRight_animation, .active .home-serv.fadeInLeft_animation, .active .home-serv.fadeInRight_animation, .portfolio-sec.active .fadeinup_animation, .active .fadeInLeft_animation, .active .fadeinup_animation { -webkit-animation-name:none; animation-name:none; animation-fill-mode:none; animation-duration:inherit; } .cd-header { position:fixed; padding:0; } .cd-primary-nav-trigger { padding:25px; } .inner-banner { position:relative; } .inner-banner .bnr-text { top:50%; font-size:20px; padding:10px; margin-top:0; } .pad100 { padding:20px; } .active.family [class*="fade"] { animation-fill-mode:none; } .col-8, .col-4, .col-3 { -ms-flex:0 0 100%; flex:0 0 100%; max-width:100%; } .about-sec { padding-bottom:0; } .family, .diversity, .inovation, .resilience, .dedication, .personalized, .personalized1, .personalized2, .bio-expertise, .bio-expertise1 { background-image:none; } .expertise1.nopadding, .expertise2.nopadding, .expertise3.nopadding, .ware-house.nopadding, .ware-house1.nopadding { padding:0 !important; background-image:none; } .home-page .container-fluid { padding:0 15px 0 15px; } .site-info.section.footer .container-fluid { padding:0 15px 0 15px; } .container-fluid.pt-3 { padding-top:0 !important } .green-box, .grey-box { padding:40px 20px; } .white-box { padding:20px; } .pr95 { padding-right:20px; } .pl95 { padding-left:20px; } .portfolio-hover-effect .hover-text { padding-left:0; } .people-grid li { width:25%; } .machinery .inner-banner .bnr-text { max-width:100%; } .security { margin:20px 0; } .security figure { padding:20px; } .security .col-md-3 { -ms-flex:0 0 50%; flex:0 0 50%; max-width:50%; padding-left:15px; padding-right:15px; } .special-box [class*="col-"] { margin-bottom:20px; } .special-box [class*="col-"]:last-child { margin-bottom:0; } .pt-18.wide { padding-top:0; } html.container-transport #section-05.personalized2, html.biosecurity #section-05.bio-expertise1 { margin-bottom:20px; } html.container-transport #section-06 .white-back, html.biosecurity #section-06 .white-back { padding-bottom:20px; } .pt-5 { padding-top:1.5rem!important; } .pb-5 { padding-bottom:1.5rem!important; } .warehouse .inner-banner .bnr-text { max-width:100%; } .in-project .portfolio_cap { padding:10px; } .portfolio_cap .portfolio_text h4 { font-size:18px; } .cbp-item .portfolio_cap .portfolio_text .short-desc { line-height:normal; text-align:left; font-size:14px; } .cbp-item .portfolio_cap .portfolio_text .short-desc.pt-2 { padding-top:.2rem!important;} .proj-dts-bnr .inner-banner .bnr-text, .policy.inner-banner .bnr-text{ max-width:100%; top:auto; bottom:0; font-size:16px; position:static; background:rgba(14, 50, 44, 1); } .proj-dts-bnr .inner-banner .bnr-text small { font-size:0.7em; line-height:normal; } .lightgrey .container-fluid { padding-top:0; padding-bottom:0; } .more-project .container-fluid { padding-left:30px; padding-right:30px; } .more-project .portfolio_cap { padding:15px; } .more-project .proj-greybox { padding:30px 20px; } .more-project .proj-greybox .tite-more-prj { position:static; } .more-project .proj-greybox .col-md-4.ml20 { margin-left:0; } .more-project .proj-greybox .col-md-4 { -ms-flex:0 0 100%; flex:0 0 100%; max-width:100%; margin-bottom:20px; } .more-project .proj-greybox .col-md-4:last-child { margin-bottom:0px; } .ml-34 { margin:0; } html.our-project #section-02 .about-des-sec1 { margin-bottom:30px; } .hght20 { height:auto; } .hght70 { height:auto; } .hght20 iframe, .hght70 iframe { height:255px; } .mb-5, .my-5 { margin-bottom:1rem!important; } .mob-ord1 { order:1; } .mob-ord2 { order:2; } .heading-text.hd_footer { margin-bottom:0; } .footer .client_sec p { margin:5px 0 20px 0; } .vid-cols figcaption { text-align:center; } .inner-banner .contact-btn-box a { font-size:16px; display:block; padding:15px; min-width:1px; } .inner-banner .contact-btn-box { position:static; margin-top:0px; margin-bottom:30px; margin-left:0; } .mt5rem { margin-top:0; } .mt13_5rem { margin-top:0; } .wht-wraper { margin-bottom:20px; } html.contact .container-fluid { padding-top:0; padding-bottom:0; } .serv-cont [class*="col-"] .bord-box { padding:20px !important; margin-bottom:20px; } .quotation .bord-box { margin-bottom:20px; } .quotation .col-md-6:last-child .bord-box { margin-bottom:0; } .quotation .bord-box h5 { min-height:1px; } .cd-header.menu-is-open { background:transparent; } .cd-header.menu-is-open .logo-wrap { } .list1 li { line-height:22px; } .gallery-wrapper { margin-top:0; } .cd-accordion-menu{ margin-left:auto; margin-right:auto;} .integrt { font-size:20px;} .h1, h1{ font-size:28px;} #request1 { height:75px;} .people-grid li { width:33.33%; } .img_display_mobile { display:block; } .img_display_desktop { display:none; } } @media (max-width:767px) { .ser-menu .ca3-scroll-down-arrow { right:-25px; height:15px; } .cd-primary-nav .cd-scndr-nav { left:0; margin:0; max-width:100%; } .fp-viewing-2 .nav_icon, .fp-viewing-2 .cd-primary-nav-trigger .nav_icon, .fp-viewing-2 .cd-primary-nav-trigger .nav_icon { background:#000 !important; } .fp-viewing-2 .nav_icon, .fp-viewing-2 .cd-primary-nav-trigger .nav_icon::before, .fp-viewing-2 .cd-primary-nav-trigger .nav_icon::after { background:#000 !important; } .ex-detail .heading-1, .ex-detail .heading-2 { font-size:26px; display:block; } .ex-detail img.img-animation { height:30px; } .cbp-ready .cbp-item { top:0; left:0; display:block; margin:0 auto !important; text-align:center; right:0; width:100% !important; height:auto !important;} .home-serv .wpb_single_image.lt .wpb_heading, .home-serv .wpb_single_image.lb .wpb_heading, .home-serv .wpb_single_image.rt .wpb_heading, .home-serv .wpb_single_image.rb .wpb_heading { justify-content:center; text-align:center; width:100%; margin-bottom:0; } .social_icons ul li a { } .social_icons ul { display:block; padding-bottom:20px; align-items:center; justify-content:center; } .overflow-hidden .cd-header .nav_icon, .overflow-hidden .cd-header .cd-primary-nav-trigger .nav_icon, .overflow-hidden .cd-header .cd-primary-nav-trigger .nav_icon, .overflow-hidden .cd-primary-nav-trigger .nav_icon::before, .overflow-hidden .cd-primary-nav-trigger .nav_icon::after { background:#000 !important; } .overflow-hidden .cd-header .cd-primary-nav-trigger .nav_icon { background:transparent !important; } .pl-4, .px-4, .pr-4, .px-4 { padding-left:0 !important; padding-right:0 !important } html.ie11.home-page #section-01, html.ie11.home-page video#video_background { height:346px !important; width:100%; } html.ie11 video#video_background{ min-height:1px;} .ser-menu .ca3-scroll-down-arrow1 { richness:0; } #backtotop { width:38px; height:38px; } #backtotop i { font-size:25px; } .ie11 .row{ display:block; } } @media (max-width:736px) { .cbp{ height:auto !important;} .cbp-ready .cbp-item{ position:static !important; margin-bottom:20px !important;} .cbp-ready .cbp-wrapper, .cbp-ready .cbp-wrapper-helper{ position:static;} } @media (min-width:570px) and (max-width:736px){ .full-height { height:auto; } .high48 { height:70vh; } .his1, .his2, .his3, .his4 { background-position:center; } .arth-bro [class*=col-] { margin-left:auto; margin-right:auto; display:table; width:auto; } .min-wd-220 { min-width:1px;} } @media (max-width:590px) { .our-gallery #section-01.section { margin-top:52px; } .home-page #section-01.section { margin-top:52px; } .about1 #section-01.section { margin-top:52px; } .about2 #section-01.section { margin-top:52px; } .our-people #section-01.section { margin-top:52px; } .machinery #section-01.section { margin-top:52px; } .container-transport #section-01.section { margin-top:52px; } .biosecurity #section-01.section { margin-top:52px; } .warehouse #section-01.section { margin-top:52px; } .our-project #section-01.section { margin-top:52px; } .our-gallery #section-01.section { margin-top:52px; } .contact #section-01.section { margin-top:52px; } .home-page #section-01.section .fp-tableCell video { display:block; } .popup_address h4 { font-size:16px; } .popup_address p { font-size:14px; } .popup_button { margin-bottom:10px; } } @media (min-width:470px) and (max-width:576px){ } @media (max-width:576px) { .container { max-width:100%; } .w_logo { display:none !important; } .n_logo { display:block !important; } } @media (max-width:415px) { .logo-wrap { max-width:45%; } .video-play { width:45px; top:auto; bottom:0; left:0; margin-left:20px; margin-bottom:20px; } .full-height{ height:auto; } .high48{ height:29vh; } } @media (max-width:376px) { } @media (max-width:360px) { .cd-accordion-menu li .ser_vice_menu{ padding-bottom:0 !important} } @media (max-width:320px) { }