/* Theme Name: Canel De Panama Theme URI: https://www.immwit.com Author: IMMWIT PVT LTD Author URI: https://www.immwit.com */ /* start global css */ html { font-family: 'Open Sans', sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; overflow-x:hidden; } *{outline:none; margin:0px; padding:0px;} body { font-family: 'Open Sans', sans-serif; margin: 0; font-size:15px; line-height:24px; color: #8F98AB; overflow-x:hidden; background:#F9F8F8; } @-ms-viewport{width:device-width}html{-webkit-box-sizing:border-box;box-sizing:border-box;-ms-overflow-style:scrollbar}*,::after,::before{-webkit-box-sizing:inherit;box-sizing:inherit}.container{position:relative;margin-left:auto;margin-right:auto;padding-right:15px;padding-left:15px}@media (min-width:576px){.container{padding-right:15px;padding-left:15px}}@media (min-width:768px){.container{padding-right:15px;padding-left:15px}}@media (min-width:992px){.container{padding-right:15px;padding-left:15px}}@media (min-width:1200px){.container{padding-right:15px;padding-left:15px}}@media (min-width:576px){.container{width:540px;max-width:100%}}@media (min-width:768px){.container{width:720px;max-width:100%}}@media (min-width:992px){.container{width:960px;max-width:100%}}@media (min-width:1200px){.container{width:1170px;max-width:100%}}.container-fluid{position:relative;margin-left:auto;margin-right:auto;padding-right:15px;padding-left:15px}@media (min-width:576px){.container-fluid{padding-right:15px;padding-left:15px}}@media (min-width:768px){.container-fluid{padding-right:15px;padding-left:15px}}@media (min-width:992px){.container-fluid{padding-right:15px;padding-left:15px}}@media (min-width:1200px){.container-fluid{padding-right:15px;padding-left:15px}}.row{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}@media (min-width:576px){.row{margin-right:-15px;margin-left:-15px}}@media (min-width:768px){.row{margin-right:-15px;margin-left:-15px}}@media (min-width:992px){.row{margin-right:-15px;margin-left:-15px}}@media (min-width:1200px){.row{margin-right:-15px;margin-left:-15px}}.no-gutters{margin-right:0;margin-left:0}.no-gutters>.col,.no-gutters>[class*=col-]{padding-right:0;padding-left:0}.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9{position:relative;width:100%;min-height:1px;padding-right:15px;padding-left:15px}@media (min-width:576px){.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9{padding-right:15px;padding-left:15px}}@media (min-width:768px){.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9{padding-right:15px;padding-left:15px}}@media (min-width:992px){.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9{padding-right:15px;padding-left:15px}}@media (min-width:1200px){.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9{padding-right:15px;padding-left:15px}}.col{-webkit-flex-basis:0;-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-auto{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;width:auto}.col-1{-webkit-box-flex:0;-webkit-flex:0 0 8.333333%;-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-2{-webkit-box-flex:0;-webkit-flex:0 0 16.666667%;-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-3{-webkit-box-flex:0;-webkit-flex:0 0 25%;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-4{-webkit-box-flex:0;-webkit-flex:0 0 33.333333%;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-5{-webkit-box-flex:0;-webkit-flex:0 0 41.666667%;-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-6{-webkit-box-flex:0;-webkit-flex:0 0 50%;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-7{-webkit-box-flex:0;-webkit-flex:0 0 58.333333%;-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-8{-webkit-box-flex:0;-webkit-flex:0 0 66.666667%;-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-9{-webkit-box-flex:0;-webkit-flex:0 0 75%;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-10{-webkit-box-flex:0;-webkit-flex:0 0 83.333333%;-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-11{-webkit-box-flex:0;-webkit-flex:0 0 91.666667%;-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-12{-webkit-box-flex:0;-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.pull-0{right:auto}.pull-1{right:8.333333%}.pull-2{right:16.666667%}.pull-3{right:25%}.pull-4{right:33.333333%}.pull-5{right:41.666667%}.pull-6{right:50%}.pull-7{right:58.333333%}.pull-8{right:66.666667%}.pull-9{right:75%}.pull-10{right:83.333333%}.pull-11{right:91.666667%}.pull-12{right:100%}.push-0{left:auto}.push-1{left:8.333333%}.push-2{left:16.666667%}.push-3{left:25%}.push-4{left:33.333333%}.push-5{left:41.666667%}.push-6{left:50%}.push-7{left:58.333333%}.push-8{left:66.666667%}.push-9{left:75%}.push-10{left:83.333333%}.push-11{left:91.666667%}.push-12{left:100%}.offset-1{margin-left:8.333333%}.offset-2{margin-left:16.666667%}.offset-3{margin-left:25%}.offset-4{margin-left:33.333333%}.offset-5{margin-left:41.666667%}.offset-6{margin-left:50%}.offset-7{margin-left:58.333333%}.offset-8{margin-left:66.666667%}.offset-9{margin-left:75%}.offset-10{margin-left:83.333333%}.offset-11{margin-left:91.666667%}@media (min-width:576px){.col-sm{-webkit-flex-basis:0;-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-sm-auto{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;width:auto}.col-sm-1{-webkit-box-flex:0;-webkit-flex:0 0 8.333333%;-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-sm-2{-webkit-box-flex:0;-webkit-flex:0 0 16.666667%;-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-sm-3{-webkit-box-flex:0;-webkit-flex:0 0 25%;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-sm-4{-webkit-box-flex:0;-webkit-flex:0 0 33.333333%;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-sm-5{-webkit-box-flex:0;-webkit-flex:0 0 41.666667%;-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-sm-6{-webkit-box-flex:0;-webkit-flex:0 0 50%;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-sm-7{-webkit-box-flex:0;-webkit-flex:0 0 58.333333%;-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-sm-8{-webkit-box-flex:0;-webkit-flex:0 0 66.666667%;-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-sm-9{-webkit-box-flex:0;-webkit-flex:0 0 75%;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-sm-10{-webkit-box-flex:0;-webkit-flex:0 0 83.333333%;-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-sm-11{-webkit-box-flex:0;-webkit-flex:0 0 91.666667%;-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-sm-12{-webkit-box-flex:0;-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.pull-sm-0{right:auto}.pull-sm-1{right:8.333333%}.pull-sm-2{right:16.666667%}.pull-sm-3{right:25%}.pull-sm-4{right:33.333333%}.pull-sm-5{right:41.666667%}.pull-sm-6{right:50%}.pull-sm-7{right:58.333333%}.pull-sm-8{right:66.666667%}.pull-sm-9{right:75%}.pull-sm-10{right:83.333333%}.pull-sm-11{right:91.666667%}.pull-sm-12{right:100%}.push-sm-0{left:auto}.push-sm-1{left:8.333333%}.push-sm-2{left:16.666667%}.push-sm-3{left:25%}.push-sm-4{left:33.333333%}.push-sm-5{left:41.666667%}.push-sm-6{left:50%}.push-sm-7{left:58.333333%}.push-sm-8{left:66.666667%}.push-sm-9{left:75%}.push-sm-10{left:83.333333%}.push-sm-11{left:91.666667%}.push-sm-12{left:100%}.offset-sm-0{margin-left:0}.offset-sm-1{margin-left:8.333333%}.offset-sm-2{margin-left:16.666667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.333333%}.offset-sm-5{margin-left:41.666667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.333333%}.offset-sm-8{margin-left:66.666667%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.333333%}.offset-sm-11{margin-left:91.666667%}}@media (min-width:768px){.col-md{-webkit-flex-basis:0;-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-md-auto{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;width:auto}.col-md-1{-webkit-box-flex:0;-webkit-flex:0 0 8.333333%;-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-md-2{-webkit-box-flex:0;-webkit-flex:0 0 16.666667%;-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-md-3{-webkit-box-flex:0;-webkit-flex:0 0 25%;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-md-4{-webkit-box-flex:0;-webkit-flex:0 0 33.333333%;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-md-5{-webkit-box-flex:0;-webkit-flex:0 0 41.666667%;-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-md-6{-webkit-box-flex:0;-webkit-flex:0 0 50%;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-md-7{-webkit-box-flex:0;-webkit-flex:0 0 58.333333%;-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-md-8{-webkit-box-flex:0;-webkit-flex:0 0 66.666667%;-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-md-9{-webkit-box-flex:0;-webkit-flex:0 0 75%;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-md-10{-webkit-box-flex:0;-webkit-flex:0 0 83.333333%;-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-md-11{-webkit-box-flex:0;-webkit-flex:0 0 91.666667%;-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-md-12{-webkit-box-flex:0;-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.pull-md-0{right:auto}.pull-md-1{right:8.333333%}.pull-md-2{right:16.666667%}.pull-md-3{right:25%}.pull-md-4{right:33.333333%}.pull-md-5{right:41.666667%}.pull-md-6{right:50%}.pull-md-7{right:58.333333%}.pull-md-8{right:66.666667%}.pull-md-9{right:75%}.pull-md-10{right:83.333333%}.pull-md-11{right:91.666667%}.pull-md-12{right:100%}.push-md-0{left:auto}.push-md-1{left:8.333333%}.push-md-2{left:16.666667%}.push-md-3{left:25%}.push-md-4{left:33.333333%}.push-md-5{left:41.666667%}.push-md-6{left:50%}.push-md-7{left:58.333333%}.push-md-8{left:66.666667%}.push-md-9{left:75%}.push-md-10{left:83.333333%}.push-md-11{left:91.666667%}.push-md-12{left:100%}.offset-md-0{margin-left:0}.offset-md-1{margin-left:8.333333%}.offset-md-2{margin-left:16.666667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.333333%}.offset-md-5{margin-left:41.666667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.333333%}.offset-md-8{margin-left:66.666667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.333333%}.offset-md-11{margin-left:91.666667%}}@media (min-width:992px){.col-lg{-webkit-flex-basis:0;-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-lg-auto{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;width:auto}.col-lg-1{-webkit-box-flex:0;-webkit-flex:0 0 8.333333%;-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-lg-2{-webkit-box-flex:0;-webkit-flex:0 0 16.666667%;-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-lg-3{-webkit-box-flex:0;-webkit-flex:0 0 25%;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-lg-4{-webkit-box-flex:0;-webkit-flex:0 0 33.333333%;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-lg-5{-webkit-box-flex:0;-webkit-flex:0 0 41.666667%;-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-lg-6{-webkit-box-flex:0;-webkit-flex:0 0 50%;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-lg-7{-webkit-box-flex:0;-webkit-flex:0 0 58.333333%;-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-lg-8{-webkit-box-flex:0;-webkit-flex:0 0 66.666667%;-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-lg-9{-webkit-box-flex:0;-webkit-flex:0 0 75%;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-lg-10{-webkit-box-flex:0;-webkit-flex:0 0 83.333333%;-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-lg-11{-webkit-box-flex:0;-webkit-flex:0 0 91.666667%;-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-lg-12{-webkit-box-flex:0;-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.pull-lg-0{right:auto}.pull-lg-1{right:8.333333%}.pull-lg-2{right:16.666667%}.pull-lg-3{right:25%}.pull-lg-4{right:33.333333%}.pull-lg-5{right:41.666667%}.pull-lg-6{right:50%}.pull-lg-7{right:58.333333%}.pull-lg-8{right:66.666667%}.pull-lg-9{right:75%}.pull-lg-10{right:83.333333%}.pull-lg-11{right:91.666667%}.pull-lg-12{right:100%}.push-lg-0{left:auto}.push-lg-1{left:8.333333%}.push-lg-2{left:16.666667%}.push-lg-3{left:25%}.push-lg-4{left:33.333333%}.push-lg-5{left:41.666667%}.push-lg-6{left:50%}.push-lg-7{left:58.333333%}.push-lg-8{left:66.666667%}.push-lg-9{left:75%}.push-lg-10{left:83.333333%}.push-lg-11{left:91.666667%}.push-lg-12{left:100%}.offset-lg-0{margin-left:0}.offset-lg-1{margin-left:8.333333%}.offset-lg-2{margin-left:16.666667%}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:33.333333%}.offset-lg-5{margin-left:41.666667%}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:58.333333%}.offset-lg-8{margin-left:66.666667%}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:83.333333%}.offset-lg-11{margin-left:91.666667%}}@media (min-width:1200px){.col-xl{-webkit-flex-basis:0;-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-xl-auto{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;width:auto}.col-xl-1{-webkit-box-flex:0;-webkit-flex:0 0 8.333333%;-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-xl-2{-webkit-box-flex:0;-webkit-flex:0 0 16.666667%;-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-xl-3{-webkit-box-flex:0;-webkit-flex:0 0 25%;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-xl-4{-webkit-box-flex:0;-webkit-flex:0 0 33.333333%;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-xl-5{-webkit-box-flex:0;-webkit-flex:0 0 41.666667%;-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-xl-6{-webkit-box-flex:0;-webkit-flex:0 0 50%;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-xl-7{-webkit-box-flex:0;-webkit-flex:0 0 58.333333%;-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-xl-8{-webkit-box-flex:0;-webkit-flex:0 0 66.666667%;-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-xl-9{-webkit-box-flex:0;-webkit-flex:0 0 75%;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-xl-10{-webkit-box-flex:0;-webkit-flex:0 0 83.333333%;-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-xl-11{-webkit-box-flex:0;-webkit-flex:0 0 91.666667%;-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-xl-12{-webkit-box-flex:0;-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.pull-xl-0{right:auto}.pull-xl-1{right:8.333333%}.pull-xl-2{right:16.666667%}.pull-xl-3{right:25%}.pull-xl-4{right:33.333333%}.pull-xl-5{right:41.666667%}.pull-xl-6{right:50%}.pull-xl-7{right:58.333333%}.pull-xl-8{right:66.666667%}.pull-xl-9{right:75%}.pull-xl-10{right:83.333333%}.pull-xl-11{right:91.666667%}.pull-xl-12{right:100%}.push-xl-0{left:auto}.push-xl-1{left:8.333333%}.push-xl-2{left:16.666667%}.push-xl-3{left:25%}.push-xl-4{left:33.333333%}.push-xl-5{left:41.666667%}.push-xl-6{left:50%}.push-xl-7{left:58.333333%}.push-xl-8{left:66.666667%}.push-xl-9{left:75%}.push-xl-10{left:83.333333%}.push-xl-11{left:91.666667%}.push-xl-12{left:100%}.offset-xl-0{margin-left:0}.offset-xl-1{margin-left:8.333333%}.offset-xl-2{margin-left:16.666667%}.offset-xl-3{margin-left:25%}.offset-xl-4{margin-left:33.333333%}.offset-xl-5{margin-left:41.666667%}.offset-xl-6{margin-left:50%}.offset-xl-7{margin-left:58.333333%}.offset-xl-8{margin-left:66.666667%}.offset-xl-9{margin-left:75%}.offset-xl-10{margin-left:83.333333%}.offset-xl-11{margin-left:91.666667%}} .clear{clear:both;} .text-center{text-align:center;} p{ margin-bottom:15px; } .space-10{height:10px;display:block;clear:both;} .space-20{height:20px;display:block;clear:both;} .space-30{height:30px;display:block;clear:both;} .space-40{height:40px;display:block;clear:both;} .space-50{height:50px;display:block;clear:both;} .space-60{height:60px;display:block;clear:both;} .pl-0{padding-left:0px!important;} .pt-0{padding-top:0px!important;} .pb-0,.feature-box-info p{padding-bottom:0px!important;} .full-content.row {padding-left:15px!important;} a{text-decoration: none;} .ml-auto, .mx-auto { margin-left: auto !important; } .mr-auto, .mx-auto { margin-right: auto !important; } h2,h3,h4,h5{font-weight:400;} .whitebg{background:#fff; position:relative;} .grey-bg{background:#f7f7f7; position:relative;} a{ transition:all 0.3s; color: #276EA6; } a:hover{ color: #333; } blockquote{ padding-left: 15px; border-left: 2px solid var(--secondry-color); font-style:italic; } body .pb-20{ padding-bottom:20px!important; } body .pb-30{ padding-bottom:30px!important; } body .pb-40{ padding-bottom:40px!important; } body .pb-50{ padding-bottom:50px!important; } hr{ margin:25px 0; border:0px; height:1px; width:100%; background:#ddd; } .pright-text p:last-child, .ptext p:last-child{ margin-bottom:0px !important; } h3:empty{ display:none; } .mrgbot.devider{ background: #ddd; margin: 25px 0 35px; width:100%; } body.home p:empty{ display:none; } .mainSection.p-0{ padding:0px!important; } body.home .mrgbot.devider{ background: #ddd; margin: 25px 0; } h3:empty, h3:blank{ display:none!important; } .avtar_img{ border-radius:50%; box-shadow:0px 5px 8px #ddd; } /* end of global css */ /* start Footer */ #pre-footer-location ul {text-align:left;} #pre-footer-location ul li {margin-top:15px;} #pre-footer-location ul li a{display:block; color:#a5bfd5;} #pre-footer-location .menu li a:hover{color:#fff!important;} /* end of footer */ /* Pagination */ .pagination .nav-links .page-numbers, .pagination li a, .pagination li a:hover, .pagination li.active a, .pagination li.disabled { color: #fff; text-decoration:none; } .pagination{display: block; text-align: center; width: 100%; margin-top: 30px;} .pagination li { display: inline; } .pagination .nav-links .page-numbers, .pagination li a, .pagination li a:hover, .pagination li.active a, .pagination li.disabled { background-color: #1F5783; border-radius: 3px; cursor: pointer; padding: 12px; padding: 8px 0.75rem; } .pagination .nav-links .page-numbers:hover, .pagination .nav-links .page-numbers.current, .pagination li a:hover, .pagination li.active a { background-color: #333; } /* end of Pagination */ h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { margin-bottom: 20px; line-height: 1.3; font-weight:400; color: #3B3A39; letter-spacing: -0.01em; } h2, .h2{ font-size:36px; } h3, .h3{ font-size:32px; } h4, .h4{ font-size:24px; } h5, .h5{ font-size:18px; } img{ display:block; max-width:100%; height:auto; } /** start Home page **/ /** ===== new side responsive menu ====== **/ .mobile_show > img { max-width: 24px; height:auto; } .mobile_show { display: block; } #navigation ul { list-style: none; } #navigation > ul > li > a{padding: 5px 10px!important;font-size:15px;color:#26232e ;display:block!important;} #res_menu_b, .mobile_show{display: block; background: #fff url(img/res_icon.png)no-repeat center; background-size:15px; height: 50px; width:50px; position: relative; cursor: pointer; box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px; border-radius:50%;} .menu_sec { background: #F4F9FC; width: 100%; right:-100%; position: fixed; height: 100vh; transition: 0.3s;top: 0; z-index: 99999; padding-bottom:20px; scrollbar-width: none; overflow-x: auto; } #res_menu_b, .mobile_show{float:right;} #r_menu .mobile_show{background:transparent;padding-left: 15px; border: 0px;padding-top: 10px;box-sizing: border-box;cursor:pointer;padding-bottom:6px;} #navigation > ul > li > a{border-bottom: 1px solid #5383b0; padding-bottom: 8px !important; margin-bottom: 5px; padding-left: 0px !important;} .about_left_content{text-align:center;} .sub-menu li a{padding-bottom: 10px;display: block;} .sub-menu { padding-left: 15px; } #navigation > ul > li > a, .sub-menu li a, #navigation > ul > li:hover > a, #navigation > ul > li.current-menu-item > a { color: #3B3A39; } /** ===== end of new side responsive menu ====== **/ /** ===== search ====== **/ .search-box input{ background: #fff; border: 0px; padding: 8px 25px; border-radius: 30px; font-size: 14px; font-family: inherit; box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px; height: 50px; width: 280px; padding-left:55px; } .search-submit { left: 17px; position: absolute; top: 0; height: 50px; width: 47px; line-height: 1; text-align: center; border: 0; background: transparent; text-indent: -10000px; cursor:pointer; background:url(img/search_icon.png)no-repeat; background-size: 20px; background-position: center; z-index: 9; } /** ===== end search ====== **/ .nav_logo{ max-width:210px; margin: auto; position:relative; } #siteheader{ padding:15px 0; position: fixed; background-color:#f9f8f8; z-index: 999; width: 100%; } .header_height{ height:80px; width:100%; clear:both; } .home_banner{ color:#fff; padding-top:40px; padding-bottom:576px; background-size: cover !important; } .bcpation-text{ font-size: 52px; margin: 0px auto 20px; color: #fff; font-weight: 400; max-height: 500px; line-height: 60px; letter-spacing: -0.04em; } .banner_number{ display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; list-style:none; margin:auto; max-width:780px; align-items: center; justify-content: center; } .banner_number li{ display:inline-block; padding:0 20px; text-align: center; box-sizing: border-box; margin-bottom: 15px; position:relative; text-align: right; } .banner_number li:after{ content: ""; height: 88%; right: 0%; width: 1px; background: #fff; position: absolute; top: 3px; } .banner_number li:last-child:after{ display:none; } .banner_number li .b_number{ font-size: 28px; line-height: 36px; font-weight: normal; letter-spacing: -0.4px; margin-bottom:1px; } .home_banner .banner_number li:nth-child(2) .b_number{ padding-left: 40px; } .b_sub_text{ text-transform: uppercase; font-size: 10px; font-weight: 600; letter-spacing: 1px; text-align: center; } .bannericon{ float:left; position: relative; top: 9px; } .bannericon img{ max-width:15px; height:auto; } .banner_number li:nth-child(2) .bannericon{ left:8px; } .service_sec{ padding:80px 0; position:relative; color:#fff; height:700px; } .service_sec:after{ content:""; position:absolute; left:2%; top:0px; width:98%; height:100%; background:#0B3C60; color:#fff; border-top-left-radius: 32px; border-bottom-left-radius: 32px; z-index:2; } .service_sec .container{ z-index:3; } .service_sec h2{ color:#fff; font-size: 40px; line-height: 52px; letter-spacing: -0.01em; font-weight:400; margin-bottom:25px; } .s_box{ height: 300px; background: #fff; border-radius: 20px; padding: 25px; } .s_box h3{ font-family: Open Sans; font-style: normal; font-weight: normal; font-size: 18px; line-height: 24px; color: #3B3A39; } .latest_news{ margin-top: -250px; position: relative; z-index: 4; margin-bottom:120px; } .img_sec{ border-radius:24px; overflow:hidden; } .img_sec img{ min-height:380px; max-height:380px; object-fit:cover; width:100%; } .latest_news h2{ color:#fff; margin-bottom:40px; border-top: 1px solid #fff; padding-top: 25px; } .news_box{ max-width: 360px; padding: 30px 25px; background: #fff; margin-left: auto; min-height: 380px; margin-top: -300px; position: relative; z-index: 5; margin-right: 30px; border-radius: 16px; box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px; } .news_box .news_title{ color: #3B3A39; font-size: 28px; line-height: 36px; letter-spacing: -0.4px; margin-bottom: 25px; } .news_box .news_des{ font-size: 14px; line-height: 20px; color: #979593; } .btn{ display: inline-block; margin-bottom: 0; text-align: center; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; background-image: none; border: 1px solid transparent; white-space: nowrap; font-size: 16px; line-height: 1.428571429; border-radius: 6px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition: all .3s linear; transition: all .3s linear; padding: 8px 20px; } .btn-primary{ background:#0b3c60; color:#fff; } .btn-empty, a.btn-empty { background-color: transparent; border-color: #0b3c60; outline: none; outline-width: medium; } .btn{ border: 2px solid #1F5783; display: inline-block; color: #1F5783; font-weight: 600; font-size: 16px; line-height: 24px; border-radius:8px; } .btn span{ width:13px; height:13px; background:url(/wp-content/uploads/2021/07/dark-arrow.png)no-repeat center; background-size:13px; display: inline-block; margin-left: 10px; transition:all 0.3s; position:relative; left:0px; } .btn:hover span{ left:5px; } .news_box .btn{ border: 2px solid #1F5783; display: block; color: #1F5783; position: absolute; width: 86%; bottom: 25px; } .btn-lg{ padding: 9px 30px; font-size:17px; } .service_inner{ margin-top:-140px; } .pt-0{padding-top:0!important}.pt-10{padding-top:10px}.pt-20{padding-top:20px}.pt-30{padding-top:30px}.pt-40{padding-top:40px}.pt-50{padding-top:50px}.pt-60{padding-top:60px}.pt-100{padding-top:100px}.pt-150{padding-top:150px}.pr-0{padding-right:0!important}.pr-10{padding-right:10px}.pr-20{padding-right:20px}.pr-30{padding-right:30px}.pr-40{padding-right:40px}.pr-50{padding-right:50px}.pr-60{padding-right:60px}.pb-0{padding-bottom:0!important}.pb-10{padding-bottom:10px}.pb-20{padding-bottom:20px}.pb-30{padding-bottom:30px}.pb-40{padding-bottom:40px}.pb-50{padding-bottom:50px}.pb-60{padding-bottom:60px}.pb-100{padding-bottom:100px}.pb-150{padding-bottom:150px}.pl-0{padding-left:0!important}.pl-10{padding-left:10px}.pl-20{padding-left:20px}.pl-30{padding-left:30px}.pl-40{padding-left:40px}.pl-50{padding-left:50px}.pl-60{padding-left:60px}.p0{padding:0!important}.mt-0{margin-top:0!important}.mt-10{margin-top:10px}.mt-20{margin-top:20px}.mt-30{margin-top:30px}.mt-40{margin-top:40px}.mt-50{margin-top:50px}.mt-60{margin-top:60px}.mr-0{margin-right:0!important}.mr-10{margin-right:10px}.mr-20{margin-right:20px}.mr-30{margin-right:30px}.mr-40{margin-right:40px}.mr-50{margin-right:50px}.mr-60{margin-right:60px}.mb-0{margin-bottom:0!important}.mb-10{margin-bottom:10px}.mb-20{margin-bottom:20px}.mb-30{margin-bottom:30px}.mb-40{margin-bottom:40px}.mb-50{margin-bottom:50px}.mb-60{margin-bottom:60px}.ml-0{margin-left:0!important}.ml-10{margin-left:10px}.ml-20{margin-left:20px}.ml-30{margin-left:30px}.ml-40{margin-left:40px}.ml-50{margin-left:50px}.ml-60{margin-left:60px}.m0{margin:0!important} /** owl css **/ .owl-carousel { width: 100%; -webkit-tap-highlight-color: transparent; position: relative; z-index: 1; } .owl-stage-outer { position: relative; overflow: hidden; } .owl-stage { position: relative; } .owl-item { position: relative; min-height: 1px; float: left; } .numbertext { color: #fff; font-size: 12px; padding: 8px 12px; position: absolute; top: 0; } .owl-dots .owl-dot{background:transparent;border:0px;} .dot,.owl-dots .owl-dot span { cursor: pointer; height: 8px!important; width: 8px!important; margin: 0 2px!important; background-color: #8C8A87!important; border-radius: 50%!important; display: inline-block!important; transition: background-color 0.6s ease; margin:0 3px!important; vertical-align: middle; opacity: 0.24; } .dot.active,.owl-dots .owl-dot.active span{height: 8px!important;width: 8px!important; background:#8C8A87!important;border:1px solid #8C8A87!important;opacity: 1;} .owl-nav.disabled{display:none;} .service_slider .owl-nav{ text-align:right; } .blog_slider .owl-nav{ text-align:left; margin-top: -88px; position:relative; z-index:3; max-width:100px; } .owl-prev, .owl-next{ width:40px; height:40px; border-radius:50%; border:2px solid #fff; background:transparent; margin-top:30px; cursor:pointer; transition:all 0.3s; position:relative; z-index:2; } .service_slider .owl-prev{ background:url('/wp-content/uploads/2021/07/left.png')no-repeat center; background-size:13px; } .service_slider .owl-next{ background:url('/wp-content/uploads/2021/07/right-lite.png')no-repeat center; background-size:13px; margin-left:20px; opacity:0.7; } .service_slider .owl-prev:hover{ opacity:0.7; } .service_slider .owl-next:hover{ opacity:1; } .blog_slider .owl-prev, .blog_slider .owl-next{ border:0; background:url('/wp-content/uploads/2021/07/blue-dark.png')no-repeat center; background-size:40px; margin-left:20px; } .blog_slider .owl-prev{ background:url('/wp-content/uploads/2021/07/blue-lite.png')no-repeat center; background-size:40px; margin-left:0px; } .blog_slider .owl-next:hover{ opacity:0.8; } .blog_slider .owl-dots{ max-width: 655px; text-align: right; margin-top: -30px; position:relative; z-index:2; } /** end of owl css **/ /** about sec css **/ .about_sec{ margin: 0 0 90px; } .about_sec h2{ color: #686765; font-weight: 600; font-size: 18px; line-height: 24px; margin-bottom: 25px; border-top:1px solid #C2C2C1; } .about_sec .img_sec{ max-width:850px; margin-left:auto; } .about_sec .img_sec img{ min-height:450px; max-height:450px; } .about_sec .news_box{ margin-left:0px; margin-top:-400px; min-height:340px; } /** end about sec css **/ /** protol_sec sec css **/ .protol_sec:after{ background:#4d6444; left:0px; right:2%; border-radius:0px; border-top-right-radius: 32px; border-bottom-right-radius: 32px; } .protol_sec{ margin-bottom:120px; height:auto; padding-top:450px; margin-top:-265px; } .protol_sec .dark_box{ border-top: 1px solid #ddd; padding-top: 30px; } .protol_sec h2{ font-size: 32px; line-height: 40px; letter-spacing: -0.4px; } .protol_sec .description{ font-size: 16px; line-height: 24px; } .pro_icon{ max-width:100%; margin-top:100px; } .pro_icon li{ width:16%; text-align:left; padding-left:20px; } .pro_icon li:first-child{ padding-left:0px; } .pro_icon li::after{ background:#819778; right:8%; height:126px; } body .pro_icon .b_sub_text{ text-align:left; } .pro_icon .b_sub_text{ font-weight: 600; font-size: 10px; line-height: 16px; letter-spacing: 1px; text-transform: uppercase; } body .pro_icon .b_number{ margin-bottom:15px; font-size: 36px; line-height: 44px; letter-spacing: -0.01em; } body .pro_icon .bannericon{ float:none; position:static; } body .pro_icon .bannericon img{ max-width:20px; height:auto; margin-bottom:15px; } .banner_number.pro_icon{ justify-content:start; align-items: self-start; } .btn.no-border{ border:0px; padding:0px; } .btn-lite{ color:#fff; } .protol_sec .btn{ color: #DBE4D7; font-weight: 600; font-size: 16px; line-height: 24px; } .btn-green span{ background: url(/wp-content/uploads/2021/07/green-arrow.png)no-repeat center; background-size: 13px; } /** end protol_sec sec css **/ .you_t_video { border-radius: 20px; overflow: hidden; position: relative; padding-bottom: 56.25%; /* 16:9 */ height: 0; } .you_t_video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .transit_sec{ margin-bottom:120px; } .transit_sec .row{ align-items:center; } .transit_sec .news_title{ color: #3B3A39; font-size: 32px; line-height: 40px; letter-spacing: -0.4px; } .transit_sec a{ color: #1F5783; font-weight: 600; font-size: 16px; line-height: 24px; } .transit_sec .btn span { background: url(/wp-content/uploads/2021/07/transits-icon.png)no-repeat center; background-size: auto; background-size: 11px; height:17px; } #pre-footer-location{ margin-bottom:0px; color:#a5bfd5; padding-top:60px; padding-bottom:60px; margin-bottom:30px; } #pre-footer-location:after{ background:#092337; opacity:1; } .footer_top .pull-left{ display:inline-block; max-width: 226px; } .foot-social { float:right; margin-top: 10px; } .foot-social a { display:inline-block; margin-left:35px; } .footer_top{ margin-bottom:60px; } .widget-title{ color:#fff; margin-bottom:10px; } #pre-footer-location .menu{ list-style:none; padding:0px; margin:0px; } #pre-footer-location .email_id{ color: #fff; font-size: 18px; margin-top: 27px; display: block; } #pre-footer-location .font_white a{ color:#fff; } .ms_icon img{ max-width:45px; } .s_box{ min-height:308px; transition:all 0.3s; } .service_slider .s_box h3{ padding-top:100px; } .service_slider .s_box a img{ max-width:13px; height:auto; } .service-anchor{ position:absolute; width:35px; height:35px; bottom:15px; left:25px; background:url(/wp-content/uploads/2021/07/right-lite.png)no-repeat center left; background-size: 13px; } .service_slider .s_box:hover .service-anchor{ background:url(/wp-content/uploads/2021/07/right.png)no-repeat center left; background-size: 13px; } .service_slider .s_box:hover{ background: #DEEBF5; } .pull-left{ float:left; } .latest_news h2{ font-size:18px; font-weight: 600; } .latest_news h2 img{ position:relative; top:5px; } .customer_info:after{ background:#ECEBEA; max-width: 96%; border-radius: 32px; opacity: 0.7; } .customer_info .service_inner{ margin-top:0px; } .customer_info{ margin-top:0px; color:#000; margin-bottom: 80px; height:auto; } .customer_info h2{ color: #3B3A39; letter-spacing: -0.01em; font-size: 36px; line-height: 44px; margin-bottom:15px; } .customer_info .news_des{ color: #979593; font-size: 14px; line-height: 20px; } .customer_info .btn{ margin-top:25px; } .customer_info_inner .s_icon img{ max-width:22px; } .customer_info_inner a{ display:block; } .customer_info_inner .cinfo_s_box h3{ font-size: 16px; line-height: 24px; color: #3B3A39; padding-top:35px; } .customer_info_inner a .cinfo_s_box{ margin-bottom:25px; min-height:150px; max-width:183px; padding:25px; border-radius:16px; transition:all 0.3s; } .customer_info_inner a:hover .cinfo_s_box { background:#fff!important; } .about_sec .news_box .news_title{ color: #3B3A39; font-size: 28px; line-height: 36px; letter-spacing: -0.4px; } .about_sec .news_box .news_des{ font-size: 14px; line-height: 20px; color: #979593; } /** New page **/ .inner_head{ height:auto; padding: 105px 0; } .inner_head:after{ background:#1F5783 url(/wp-content/uploads/2021/07/arrow_bg.png)no-repeat ; background-size:cover; left: 30%; width:70%; border-top-left-radius: 32px; border-bottom-left-radius: 32px; } .title_box .page-title{ font-size: 36px; line-height: 44px; color: #3B3A39; letter-spacing: -0.01em; padding-top:60px; } .title_box{ max-width:316px; background: #FFFFFF; box-shadow: 0px 38px 36px 1px rgba(59, 58, 57, 0.04), 0px 25.7836px 27.3375px 1px rgba(59, 58, 57, 0.0295312), 0px 14.3687px 18.675px 1px rgba(59, 58, 57, 0.02375), 0px 5.26953px 9.675px 1px rgba(59, 58, 57, 0.0160937); border-radius: 24px; padding:30px; position:relative; } .service_sec{ max-width:2000px; margin-left:auto; margin-right:auto; } .news_page{ padding-bottom:200px; } .news_page .inner-grid, .search_sec .inner-grid{ padding:10px; background: #FFFFFF; box-shadow: 0px 4px 4px 1px rgba(59, 58, 57, 0.04), 0px 1.6px 2px rgba(59, 58, 57, 0.0405), 0px 0.8px 0.65px rgba(59, 58, 57, 0.03), 0px 2px 2px rgba(59, 58, 57, 0.0195); border-radius: 24px; margin-bottom:25px; } .grid-img{ background:#C2C2C1; border-radius: 16px; overflow:hidden; } .grid-img img{ display:block; width:100%; min-height:155px; max-height:155px; transition:all 0.3s; } .news_page .inner-grid:hover .grid-img img{ transform:scale(1.1); } .news_boxs{ padding:10px 15px 20px; } body .search_sec .inner-grid{ min-height:205px; } .news_boxs .entry-title{ font-size: 18px; line-height: 24px; color: #3B3A39; margin: 22px 0px 10px; } .news_boxs .entry-title a{ color: #3B3A39; } .news_boxs .entry-title a:hover{ color: #1F5783; } .blog_disc p{ font-size: 14px; line-height: 20px; color: #979593; margin: 8px 0px 12px; } .post_data{ font-weight: 600; font-size: 12px; line-height: 20px; color:#434E67; margin-top:10px; } .post_filter_head{font-weight: 600; font-size: 16px; line-height: 24px; color: #686765; margin:40px 0 30px; } .filter_box{ margin-top:63px; padding:12px; background: #FFFFFF; box-shadow: 0px 4px 4px 1px rgba(59, 58, 57, 0.04), 0px 1.6px 2px rgba(59, 58, 57, 0.0405), 0px 0.8px 0.65px rgba(59, 58, 57, 0.03), 0px 2px 2px rgba(59, 58, 57, 0.0195); border-radius: 64px; } .filter_box .row{ align-items:center; margin:0px; } .filter_box .row .col-md-4, .filter_box .row .col-md-6, .filter_box .row .col-md-8{ padding:0px; } .filter_box .row .anual_box{ margin-right:15px; } .filter_box .row .anual_box, .tags_box { border: 1.6px solid #E8E8E7; border-radius:30px; padding: 12px 20px; position:relative; padding-right: 16px; } .filter_box .row .anual_box label, .tags_box label{ color: #0B3C60; font-weight: 600; font-size: 14px; line-height: 24px; display:inline-block; } .filter_box .row .anual_box label{ background:url(/wp-content/uploads/2021/07/anual_box.png)no-repeat center left; background-size:15px; padding-left:25px; } .tags_box label{ background:url(/wp-content/uploads/2021/07/tag_icon.png)no-repeat center left; background-size:13px; padding-left:22px; } .filter_box select{ outline: none; -webkit-appearance: none; -moz-appearance: none; display: block; padding: 0px; margin: 0; transition: border-color 0.2s; border: 0px solid #2991d6; width: auto; font-family: inherit; float:right; font-size: 14px; line-height: 24px; color: #8C8A87; padding-right: 50px; padding-left: 10px; } .filter_box select option{ font-family: inherit; } .filter_box .btn{ color: #FFFFFF; background:#1F5783; border:0px; border-radius: 44px; padding: 12px 40px; font-family:inherit; margin-left:20px; } .filter_box .arr { position: absolute; right: 5px; top: 2px; width: 34px; height: 28px; background:url(/wp-content/uploads/2021/07/drob-icon.png)no-repeat center; background-size:10px; pointer-events: none; border-left: 1.6px solid #E8E8E7; padding-left: 15px; top: 11px; } .blog .inner_head .container, .archive .inner_head .container, .news_page .container{ max-width:1000px; } .tags_box{ display:inline-block; } /** end of news page **/ /** start single news page **/ .single-post .content-inner{ margin-top:15px; } .single_banner .img_sec img{ min-height: 442px; max-height: 442px; } .single_banner .news_box{ max-width: 628px; background: #FFFFFF; box-shadow: 0px 38px 36px 1px rgba(59, 58, 57, 0.04), 0px 25.7836px 27.3375px 1px rgba(59, 58, 57, 0.0295312), 0px 14.3687px 18.675px 1px rgba(59, 58, 57, 0.02375), 0px 5.26953px 9.675px 1px rgba(59, 58, 57, 0.0160937); border-radius: 24px; margin-top: -178px; margin-right:auto; margin-left:103px; padding:30px; } .single_banner .news_box .post_data{ color: #434E67; font-weight: 600; font-size: 12px; line-height: 20px; margin-top: 0; margin-bottom: 15px; } .single_banner .news_box .news_title{ letter-spacing: -0.01em; font-size: 48px; line-height: 56px; color: #0B3C60; } .single_banner .news_box .news_des{ font-size: 20px; line-height: 28px; color: #686765; } .single-post #primary.container #main{ margin-top:80px; max-width:800px; margin-left:auto; margin-right:auto; margin-bottom:150px; font-size: 16px; line-height: 24px; color: #686765; } .single-post #primary.container #main p{ margin-bottom:20px; font-size: 16px; line-height: 24px; color: #686765; } .single-post #primary.container #main ul{ list-style:none; margin:20px 0; font-size: 16px; line-height: 24px; color: #686765; } .single-post #primary.container #main h2, .single-post #primary.container #main h3, .single-post #primary.container #main h4{ font-weight: 600; font-size: 26px; line-height: 28px; color: #0B3C60; margin:15px 0 20px; } .single-post #primary.container #main h3{ font-size: 24px; } .single-post #primary.container #main h4{ font-size: 22px; } .single-post #primary.container #main ul li{ padding-left:25px; background:url(/wp-content/uploads/2021/07/list-check.png)no-repeat center left; background-size:15px; margin-bottom:12px; } .related-blogs{ max-width: 934px; margin: auto; border-top: 1px solid #C2C2C1; padding-top:30px; margin-bottom: 70px; position: relative; z-index: 3; } .related-blogs h3{ font-weight: 600; font-size: 18px; line-height: 24px; color: #686765; margin-bottom:32px; } .related-blogs .grid-img{ position:relative; } .related-blogs .grid-img img{ min-height: 252px; max-height: 252px; } .grid-img .overlay{ position:absolute; left:0px; top:0px; height:100%; width:100%; background:url(/wp-content/uploads/2021/07/overlay.png)no-repeat; background-size:cover; } .related-blogs .grid-title{ color: #FFFFFF; font-size: 20px; line-height: 28px; position: absolute; bottom: 30px; padding-left: 30px; padding-right:30%; } .related-blogs .grid-title a{ position:relative; display:block; color:#fff; } .related-blogs .grid-title a:after{ content:""; position:absolute; right:-102px; width:50px; height:50px; background:url(/wp-content/uploads/2021/07/blog-readmore.png)no-repeat center right; background-size:48px; transition:all 0.3s; top:0px; } .related-blogs .grid-title a:hover:after, .related-blogs .grid-title:hover a{ opacity:0.7; } .related-blogs .inner-grid{ position:relative; } /** service page **/ .service_page:after{ background: #0B3C60; } .service_page{ padding-top:55px; padding-bottom:55px; } .service_page .title_box{ background:transparent; padding:0px 0 0 50px; max-width:100%; } .service_page .page-title{ font-size: 48px; line-height: 56px; letter-spacing: -0.01em; color: #FFFFFF; padding-top:0px; max-width:300px; } .service_page .row{ align-items:center; } .service_page .img_sec img{ min-height: 450px; max-height: 450px; } .service_content{ margin-top:90px; margin-bottom:120px; } .service_content .sub_heading{ font-weight: 600; font-size: 18px; line-height: 24px; display: flex; align-items: center; color: #686765; padding-top:25px; border-top: 1px solid #cac5c5; margin-bottom:40px; } .service_page .s_des{ font-size: 16px; line-height: 24px; padding-top:30px; color: #DEEBF5; } .service_content .row{ margin-left:-10px; margin-right:-10px; } .service_content .row .col-md-3{ padding-left:10px; padding-right:10px; } .service_content .blog-item{ padding:25px; background: #FFFFFF; box-shadow: 0px 4px 4px 1px rgba(59, 58, 57, 0.04), 0px 1.6px 2px rgba(59, 58, 57, 0.0405), 0px 0.8px 0.65px rgba(59, 58, 57, 0.03), 0px 2px 2px rgba(59, 58, 57, 0.0195); border-radius: 24px; min-height:295px; margin-bottom:25px; position:relative; } .service_content .blog-item .s_title{ font-size: 18px; line-height: 24px; color: #3B3A39; margin-top:30px; margin-bottom:50px; } .service_content .blog-item .s_title a{ color: #3B3A39; } .service_content .blog-item .btn{ display:block; background: #FFFFFF; box-shadow: 0px 4px 4px 1px rgba(59, 58, 57, 0.04), 0px 1.6px 2px rgba(59, 58, 57, 0.0405), 0px 0.8px 0.65px rgba(59, 58, 57, 0.03), 0px 2px 2px rgba(59, 58, 57, 0.0195); color: #1F5783; position: absolute; width: 77%; opacity:0.5; bottom:25px; } .service_content .blog-item:hover .btn{ opacity:1; } .single_service .news_box{ max-width:564px; margin-left:30px; min-height:100%; } .single_service .news_box .news_title{ font-size: 48px; line-height: 56px; letter-spacing: -0.01em; color: #364630; margin:30px 0 30px; } .single_service .news_box .news_des{ padding-bottom:50px; } .single_service .service_content .container{ max-width:800px; } .btn-download span{ background:url(/wp-content/uploads/2021/07/download-icon.png)no-repeat; background-size:15px; width: 17px; height: 17px; position:relative; top:2px; } .btn-download:hover span{ background:url(/wp-content/uploads/2021/07/download-active.png)no-repeat!important; background-size:16px!important; position:relative; top:3px; } .text-right{ text-align:right; } .lan_switch{ display:inline-block; background: #FFFFFF; padding: 4px; box-shadow: 0px 4px 4px 1px rgba(59, 58, 57, 0.04), 0px 1.6px 2px rgba(59, 58, 57, 0.0405), 0px 0.8px 0.65px rgba(59, 58, 57, 0.03), 0px 2px 2px rgba(59, 58, 57, 0.0195); border-radius: 32px; margin-right:20px; } .wpml-ls-link>span{ color: #979593; box-sizing: border-box; padding: 10px 17px; border-radius: 44px; border-radius: 44px; display:inline-block; font-weight: 600; font-size: 14px; line-height: 24px; } .lan_switch .wpml-ls-native{ background: #1F5783; color: #fff; } body .wpml-ls-link{ padding:0px!important; } .wpml-ls-legacy-list-horizontal{ padding:0px!important; } /* =================== single service page */ .service_tab .tab { overflow: hidden; display:flex; } .service_tab .tab button { background-color: inherit; flex-grow:1; border: none; outline: none; cursor: pointer; padding: 14px 16px; transition: 0.3s; font-size: 18px; line-height: 24px; color: #979593; font-family:inherit; border-bottom: 2px solid #ECEBEA; } .service_tab .tab button.active { font-weight: 600; font-size: 18px; line-height: 24px; color: #276EA6; border-bottom: 2px solid #276EA6; } .service_tab .tabcontent { display: none; padding: 30px 0px; border-top: none; } .space-100{ clear:both; width:100%; height:100px; } .max_1000{ max-width:1000px; } .tab-description{ color: #8F98AB; } .download_sec ul{ list-style:none; padding:0px; } .d_boxes a{ background: #FCFCFC; border: 1px solid #F0F4EF; box-sizing: border-box; border-radius: 14px; display:flex; padding:8px; align-items: start; position:relative; padding-right:15px; } .d_boxes a:hover{ background: #fff; box-shadow:none; } .d_boxes h3{ font-size: 14px; line-height: 20px; margin-bottom:0px; color: #3B3A39; padding-right:25px; } .download_sec { margin-top:50px; } .d_boxes img{ max-width:70px; float:left; margin-right:10px; } .left_tab .left_tablinks { font-weight: 600; font-size: 18px; line-height: 24px; color: #979593; border: none; outline: none; cursor: pointer; padding: 14px 16px; transition: 0.3s; font-family: inherit; background:transparent; text-align:left; padding-left:40px; } .left_tab button.active{ color: #276EA6; background:url(/wp-content/uploads/2021/07/r_arrow.png)no-repeat center left; background-size:24px; } .leftab_block .left_tabcontent { display: none; padding: 0px; border-top: none; } .left_tabcontent.active, .tab_year_service .tabcontent.active, .tabcontent.active{ display:block; } /* Toggle */ .faq_main{ background: #F5F5F4; border: 1px solid #EBF0E9; box-sizing: border-box; border-radius: 16px; padding: 25px; margin-bottom: 15px; font-family: inherit; } .accordion { font-weight: 600; font-size: 18px; line-height: 24px; color: #293524; padding-right:30px; font-family: inherit; position:relative; cursor:pointer; } .accordion.active{ margin-bottom:25px; } .accordion.active, .accordion:hover { color: #276EA6; } .accordion:after { content: ''; position:absolute; right:0px; top:15px; width:20px; height:20px; background:url(/wp-content/uploads/2021/07/faq_arrow.png)no-repeat center; background-size:15px; top:0; } .accordion.active:after { background:url(/wp-content/uploads/2021/07/faq_close.png)no-repeat center; background-size:15px; } .panel{ font-family: inherit; max-height: 0; overflow: hidden; transition: max-height 0.2s ease-out; } .panel p{ font-size: 14px; line-height: 20px; color: #364630; font-family: inherit; } .tab_year_service .d_boxes h3{ background:transparent; padding-right:10px; font-weight: 600; font-size: 14px; line-height: 24px; } .tab_year{ margin-bottom:30px; } .tab_year_service .d_des{ font-size: 14px; line-height: 20px; padding-right: 20px; color: #3B3A39; } body.single-maritime_services .single_service .news_box { margin-top:-220px; min-height: 300px; } .d_boxes a{ margin-bottom:15px; } .service_slider .s_box>a{ display:block; } .bradcrumb{ text-align: right; margin-top: 30px; max-width: 50%; float: right; padding-right:15px; } .bradcrumb ul{ list-style:none; margin:0px; padding:0px; } .bradcrumb ul li{ display:inline-block; position:relative; } .bradcrumb ul li+li{ padding-left:20px; } .bradcrumb ul li a, .bradcrumb ul li{ font-size: 14px; line-height: 20px; color: #979593; font-family:inherit; position:relative; vertical-align: top; } .bradcrumb ul li.current-item { font-weight: 600; color: #3B3A39; } .bradcrumb ul li:after{ content:''; position:absolute; right:-24px; top:6px; width:15px; height:15px; background:url(/wp-content/uploads/2021/07/b_icon.png)no-repeat; background-size:5px; transition:all 0.3s; } .bradcrumb ul li:not(.current-item):hover:after{ right:-26px; } .maritime_services-template-maritime_services_template_first .news_box a{ display:block; position:static; } /** download tab **/ .tab_year_service .tab{ } .tab_year .owl-item li>a { padding: 8px 20px; background: #F2F2F1; border-radius: 24px; display:inline-block; font-size: 16px; line-height: 24px; text-align: center; color: #3B3A39; border:0px; cursor:pointer; margin-left:10px; } .tab_year .owl-item li.show>a { background: #fff url(/wp-content/uploads/2021/07/icon-left4-check.png)no-repeat 7px center; background-size:24px; padding-left:35px; } .tab_year_service .d_tabcontent{ display:none; } .tab_year_service .d_tabcontent.active{ display:block; } .share_link{ text-align:right; } .tag_sec{ margin-top:20px; } .tag_sec a{ font-weight: 600; font-size: 12px; line-height: 20px; color: #686765; border: 1.4px solid #D7D7D7; box-sizing: border-box; border-radius: 32px; display:inline-block; padding: 5px 13px; } .tag_sec a:hover{ background:#0B3C60; color: #fff; border: 1.4px solid #0B3C60; } .tag_sec a+a{ margin-left:8px; } .share_link{ margin-top:30px; padding-right:90px; } .share_link .sharelink{ width:40px; height:40px; border-radius:50%; border:1px solid #1F5783; display:inline-block; text-indent:-10000px; background:url(/wp-content/uploads/2021/07/facebook.png)no-repeat center; background-size:10px; } .share_link .twitter{ background:url(/wp-content/uploads/2021/07/twitter.png)no-repeat center; background-size:16px; } .share_link .url_link{ background:url(/wp-content/uploads/2021/07/links.png)no-repeat center; background-size:16px; } .share_link .sharelink:hover{ opacity:0.8; } .share_link .sharelink+.sharelink{ margin-left:10px; } .single-post .single_banner .news_box{ margin-top: -230px; } body.blog .inner_head:after, body.archive .inner_head:after{ background: #1F5783 url(/wp-content/uploads/2021/07/v_banner.png)no-repeat; background-size: cover; } .tab_year_service .d_boxes a{ background-color: #FCFCFC; } .d_boxes .d_icon{ margin-right: 0; position: absolute; right: 11px; top: 50%; transform: translate(0, -50%); } .maritime_services-template-yearly_data_services_template .single_service .service_content .container{ max-width:100%; } .maritime_services-template-yearly_data_services_template .single_service .service_content .container>.row{ margin-left:0px; margin-right:0px; } .dynamic_page h3.sub_heading{ font-weight: 600; font-size: 18px; line-height: 24px; color: #0B3C60; } .textsubheading{ font-size: 14px; line-height: 20px; color: #8F98AB; } .separator{ width:100%; height:1px; clear:both; margin:20px 0; background:#C2C2C1; } .notice_green{ background: #EEF5FA; border: 1px solid #79ADD7; box-sizing: border-box; border-radius: 8px; padding:30px; } .notic_icon{ float:left; } .text_notice, .text_notice p{ font-size: 14px; line-height: 20px; color: #0B3C60; } .text_notice p{ margin-bottom:10px; } .text_notice p:last-child{ margin-bottom:0px; } .notice_green{ display:table; width:100%; } .icon_notice, .text_notice{ display:table-cell; vertical-align: top; } .icon_notice{ width:30px; } .text_notice{ padding-left:15px; } .main_sec{ margin-bottom:40px; } .dis_listing{ list-style:none; } .dis_row{ display:table; width:100%; } .dis_icon{ width:52px; height:52px; border-radius: 9px; font-weight: 600; font-size: 14px; line-height: 52px; text-align: center; color: #092337; } .dis_text{ font-size: 14px; line-height: 20px; align-items: center; color: #201F1E; padding-left:10px; } .dis_icon, .dis_text{ display:table-cell; vertical-align:middle; } .list_content_block h3{ font-weight: 600; font-size: 18px; line-height: 24px; color: #3B3A39; margin-bottom:30px; } .list_content_block .dis_listing li a{ font-weight: 600; font-size: 16px; line-height: 24px; color: #276EA6; padding:7px 0; } .btn-link span{ transform: rotate(-45deg); } .v_description{ margin:15px 0; font-style: italic; font-weight: normal; font-size: 12px; line-height: 20px; color: #7A8193; } .content_block .sub_heading{ font-weight: 600; font-size: 18px; line-height: 24px; color: #686765; margin-bottom:15px; } .download_text{ font-weight: 600; font-size: 16px; line-height: 24px; color: #276EA6; position:relative; display: inline-block; width: 170px; margin-left: 15px; padding-right:10px; } .download_text:after{ content:''; position: absolute; right: -3px; top: 34%; border-top: 3px solid transparent; border-left: 3px solid #276EA6; border-bottom: 3px solid transparent; transition:all 0.3s; } .d_boxes a:hover .download_text:after{ right: -7px; } .tablelist_class{ background:#fff; border-radius:15px; overflow:hidden; border-collapse:collapse; width:100%; } .tablelist_class tr { border-bottom:1px solid #E8E8E7; } .tablelist_class tr:last-child { border-bottom:0px solid #ddd; } .tablelist_class tr th, .tablelist_class tr td{ padding:10px 15px; font-size: 14px; line-height: 20px; color: #3B3A39; } .tablelist_class tr th{ padding:15px 15px; font-weight: 600; font-size: 14px; line-height: 24px; color: #6B6C7E; text-align:left; } .tablelist_class .notic_icon{ max-width:20px; margin-right:12px; padding-bottom:20px; } .tablelist_class tr th:nth-child(1), .tablelist_class tr th:nth-child(3){ width:200px; } .tablelist_class tr th:nth-child(2){ width:auto; } .tablelist_class tr td:nth-child(3){ font-weight:600; color: #272833; } .d_des{ font-weight: normal; font-size: 14px; line-height: 20px; padding-right:25px; color: #3B3A39; } .video_content_block .you_t_video{ max-width: 750px; margin: auto; } .tab_year .d_tablinks.active{ border-bottom:0px!important; } .page-template-dyanmic-template-page .service_page .page-title{ max-width:100%; } .page-template-dyanmic-template-page .service_page .s_des{ padding-top:10px; } .content_block p, .content_block ul li { color: #686765; } .content_block ul{ padding-left:15px; } .content_block ul li{ margin:5px 0; } .main_sec .container, body.single-maritime_services .service_content .container, body.page-template-services-page .service_content .container{ padding-left:8%; } #pre-footer-location .widget-title{ font-weight: 600; font-size: 14px; line-height: 24px; color: #EEF5FA; } #pre-footer-location p, #pre-footer-location a{ font-size: 14px; line-height: 20px; color: #BCD6EB; } .slider_content_block .owl-nav { position: absolute; top: 45%; width: 100%; margin: 0px; max-width: 100%; } .slider_content_block .owl-prev, .slider_content_block .owl-next{ float: left; margin-top:0px; background: url(/wp-content/uploads/2021/08/Round-Button.png)no-repeat center; background-size: 40px; } .slider_content_block .owl-next{ float: right; } .slider_content_block .owl-prev{ transform: rotate(-180deg); } .htab_content ul{ padding-left:15px; margin-bottom:25px; } body .tab-description .latest_news .news_box{ min-height: 268px; margin-top: -206px; } body .tab-description .latest_news .news_box .news_title + .btn { margin-top: 60px; } .box_3_inner{ background: #FFFFFF; border-radius: 16px; } .box_3_inner a{ padding: 24px; display:block; } .box_3_inner .s_icon{ width: 150px; height: 150px; background: #E8E8E7; border-radius: 150px; margin:0px auto 20px; display: flex; } .box_3_inner .s_icon img{ display:block; margin:auto; } .box_3_inner .des_title{ font-size: 16px; line-height: 24px; text-align: center; color: #3B3A39; } .single-maritime_services .single_service .service_content .container{ max-width:100%; } .tb_wrapper { position:relative; margin:0 auto; overflow:hidden; padding:5px; height:50px; } .tab_year .owl-prev, .tab_year .owl-next { text-align:center; cursor:pointer; padding:7px; padding-top:11px; white-space:no-wrap; vertical-align:middle; background-color:#fff; width:40px; height:40px; background:url(/wp-content/uploads/2021/08/tb_btn.png)no-repeat center; background-size:40px; margin-top: 0; position: relative; top: -43px; } .tab_year .owl-prev>span, .tab_year .owl-next>span{ visibility:hidden; } .tab_year .owl-prev:hover, .tab_year .owl-next:hover { opacity:0.8; } .tab_year .owl-next{ float:right; } .tab_year .owl-prev { float:left; transform: rotate(-180deg); } .tab_year_service .tab_year .d_tablinks:first-child{ margin-left:0px; } #pre-footer-location a:hover{ color:#a5bfd5; } .slider_content_block .item img{ max-height:408px; width:auto; display:block; margin:auto; } body .three_box .sub_heading{ font-size: 32px; line-height: 38px; margin-bottom:5px; } .news_list_box{ list-style:none; margin:0px; padding:0px; } .news_list_box li{ list-style:none; padding: 20px; background: #FFFFFF; box-shadow: 0px 4px 4px 1px rgba(59, 58, 57, 0.04), 0px 1.6px 2px rgba(59, 58, 57, 0.0405), 0px 0.8px 0.65px rgba(59, 58, 57, 0.03), 0px 2px 2px rgba(59, 58, 57, 0.0195); border-radius: 24px; margin-bottom:10px; } .news_list_box li h3{ font-size: 18px; line-height: 24px; color: #3B3A39; margin-bottom: 5px; } .news_list_box li p{ font-size: 14px; line-height: 20px; margin-bottom:20px; color: #979593; } .tab-description .latest_news{ margin-bottom: 60px; } .tab-description .latest_news .inner_sec + .inner_sec{ margin-top:50px; } .content_block ol { padding-left: 15px; } .htab_content ul li, .info_box .inner_text ul li, .content_block ul li, .content_block ol li{ margin:7px 0; padding-left:8px; } .left_img .row, .right_img .row{ align-items:center; } .left_img img, .right_img img{ border-radius: 12px; } .info_box .s_icon { width: 150px; height: 150px; background: #E8E8E7; border-radius: 150px; margin: 0px auto 20px; display: flex; } .info_box .s_icon img{ margin:auto; } .info_box .inner_text h3{ font-size: 20px; line-height: 28px; color: #3B3A39; } .info_box .inner_text ul{ padding-left:15px; } .blue_box_inner{ padding: 30px 24px; background: #276EA6; border: 1px solid #276EA6; box-sizing: border-box; border-radius: 16px; } .blue_box_inner h3{ font-size: 18px; line-height: 24px; color: #FFFFFF; } .blue_box_inner p{ font-size: 14px; line-height: 20px; color: #FFFFFF; } .blue_box_inner .foot-social a{ margin-left:0px; margin-right:20px; } .blue_box_inner .foot-social{ margin-top:30px; } #siteheader>.container>.row{ align-items:center; } /** grid css **/ .gd-container { --main-color: #000; --secondary-color: #111; --txt-color: #fff; --img-bg-color: rgba(0, 0, 0, 0.9); --backdrop-color: rgba(0, 0, 0, 0.9); --gap-length: 15px; --row-height: 200px; --column-width: 30%; } .gd-container *[data-theme="dark"] { --main-color: #ddd; --secondary-color: #eee; --txt-color: #111; --img-bg-color: rgba(0, 0, 0, 0.9); --backdrop-color: rgba(0, 0, 0, 0.9); } .gg-box { display: grid; grid-template-columns: repeat(auto-fit, minmax(var(--column-width), 1fr)); grid-auto-rows: var(--row-height); grid-gap: var(--gap-length); margin: 20px 0; } .gg-box img { object-fit: cover; cursor: pointer; width: 100%; height: 100%; background: var(--img-bg-color); border-radius:16px; box-sizing:border-box; } .gg-box img:hover { opacity: 0.98; } #gg-screen { position: fixed; width: 100%; height: 100%; top: 0; left: 0; background: var(--backdrop-color); z-index: 9999; text-align: center; animation:animatezoom 0.6s } @keyframes animatezoom{from{transform:scale(0)} to{transform:scale(1)}} #gg-screen .gg-image { height: 100%; display: inline-flex; justify-content: center; align-items: center; } #gg-screen .gg-image img { max-width: 100%; max-height: 100%; margin: 0 auto; } .gg-btn { width: 45px; height: 45px; background:#fff; color: #000; text-align: center; line-height: 45px; cursor: pointer; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; font-size: 20px; box-sizing: border-box; padding-left: 2px; position: fixed; bottom: 10px; border-radius:50%; } .gg-btn:hover { background: #f7f7f7; } .gg-close { top: 10%; } .gg-close, .gg-next { right: 20%; } .gg-prev { left: 20%; } .gg-prev, .gg-next { bottom: 10%; } @media (min-width: 478px) { .gg-box img:nth-child(2n):not(:last-of-type) { grid-row-end: span 2; } [data-layout="horizontal"] img:nth-child(2n):not(:last-of-type) { grid-column-end: span 2; grid-row-end: span 1; } [data-layout="square"] img:nth-child(2n):not(:last-of-type) { grid-row-end: span 1; grid-column-end: span 1; } } @media (max-width: 768px) { .gg-box { grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); grid-auto-rows: calc(var(--row-height) - 15vh); margin: 10px 0; } } @media (max-width: 450px) { .gg-box { grid-template-columns: repeat(auto-fit, minmax(130px, 1fr)); } } /** end of grid css **/ @media(min-width:992px){ .email_id{ margin-top:60px!important; } } @media(max-width:991px){ #siteheader{ position:static; } .header_height{ height:auto; } .desktop_sec .search_header{ display:none; } .nav_logo{ margin-left:0px; } #siteheader>.container>.row{ align-items:center; } .bcpation-text{ font-size: 35px; line-height: 46px; } .home_banner{ background:url(/wp-content/uploads/2021/08/mobile_banner.png)no-repeat!important; background-size:991px!important; background-position: center 65%!important; } }/** max-width:991px **/ .all_hidden{ display:none; } @media (min-width:768px) and (max-width:1024px){ body.home .service_slider .s_box h3 { padding-top: 70px; } .service_sec .s_box { padding: 15px; } .about_sec .img_sec{ max-width: 542px; } .customer_info .btn{ padding:9px 20px; font-size: 12px; } .tab_display{ display:block; } .tab_hidden{ display:none; } .ubermenu-nav a.main_head .ubermenu-sub-indicator{ display:none!important } }/** (min-width:768px) and (max-width:1024px) **/ @media(max-width:767px){ .home_banner{ background-size:100%!important; background-position: center 65%!important; padding-bottom: 72%; } .bcpation-text{ font-size: 30px; line-height: 41px; } .banner-caption .banner_number{ max-width: 330px; } .banner-caption .banner_number li{ width: 50%; } .banner-caption .banner_number li:nth-child(even):after{ display:none!important; } .banner-caption .banner_number li:nth-child(even){ padding-right:0px; } .banner-caption .banner_number li:nth-child(odd){ padding-left:0px; } .latest_news{ margin-top: -80px; } .service_sec .dark_box .row>.col-lg-4{ display:none; } .service_sec .dark_box{ padding-left:15px; } .service_slider .s_box h3{ padding-top: 65px; } body.home .s_box{ padding:15px; } body.home .latest_news{ margin-top: -300px; } body.home .blog_slider .owl-nav{ margin-top:0px; } body.home .about_sec{ margin-top:0px; } .customer_info .service_inner{ padding-left:20px; } .customer_info h2{ font-size: 28px; line-height:32px; } .customer_info .dark_boxes>.row>.col-lg-4{ padding-left:35px; padding-left:25px } .customer_info{ padding:40px 0; } .latest_news>.container { padding-left:30px; } body.home .img_sec img{ min-height: 250px; max-height: 250px; } body.home .news_box{ margin-left:auto; margin-right:auto; min-height:100%; margin-top:-100px; } body.home .news_box .btn{ position:static; width:100%; } .news_box .news_title, .about_sec .news_box .news_title{ font-size: 24px; line-height: 30px; } .about_sec .news_box{ padding:20px 15px; } .protol_sec{ margin-top:-380px; padding-top:380px; } .protol_sec h2{ font-size: 26px; line-height: 30px; } body.home .protol_sec .description{ display:none; } .latest_news, .transit_sec{ margin-bottom:50px; } .pro_icon li{ width: 33.3333%; } .pro_icon{ margin-top:40px; } .protol_sec{ margin-bottom:50px; padding-bottom: 40px; } .transit_sec .col-lg-3{ margin-bottom:25px; } #pre-footer-location>.container{ padding: 0 30px; } #pre-footer-location>.container{ padding: 0 30px; } .transit_sec .news_title{ font-size: 26px; line-height: 36px; margin-bottom: 15px; } }/** max-width:767px **/ @media (min-width:576px) and (max-width:767px){ .pro_icon li:nth-child(4){ padding-left:0px; } .pro_icon li:nth-child(3){ padding-right:0px; } .pro_icon li:nth-child(3):after{ display:none; } .pro_icon li:nth-child(6){ padding-right:0px; } }/** (min-width:576px) and (max-width:767px) **/ @media(max-width:575px){ body.home .news_box{ max-width:85%; } .customer_info_inner { margin-top:30px; } .desktop_sec .lan_switch{ display:none; } .home_banner{ background-size:100%!important; background-position: center 65%!important; padding-bottom: 72%; } .pro_icon li{ width: 50%; margin-top:30px!important; } .pro_icon li:nth-child(even){ padding-right:0px; } .pro_icon li:nth-child(odd){ padding-left:0px; } .pro_icon li:nth-child(even):after{ display:none; } .foot-social{ float: none; margin-top: 20px; text-align: center; clear: both; } .footer_top>a{ display:block; text-align:center; } .footer_top>a .pull-left{ float:none; margin:auto; } #pre-footer-location .foot-social a{ margin:0px; } #pre-footer-location .foot-social a+a{ margin-left:20px; } .banner_number.pro_icon{ max-width: 395px; margin-left:0px; } body .pro_icon .b_number{ margin-bottom: 10px; font-size: 26px; line-height: 32px } .pro_icon li::after{ right: 1%; height:100px; } .transit_sec .news_title{ font-size: 22px; line-height: 32px; margin-bottom: 10px; } #pre-footer-location{ padding-top: 30px; padding-bottom: 30px; } .footer_top{ margin-bottom: 40px; } }/** max-width:575px **/ @media(max-width:420px){ .fot_menu_last .col-6 { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } }/** max-width:420px **/ .related-blogs .grid-img img{ object-fit:cover; } .videobox .box_3_inner { height: 298px; display: table; width: 100%; } .videobox .box_3_inner a{ display: table-cell; vertical-align:middle; } .videobox .box_3_inner a .des_title{ font-size: 14px; line-height: 20px; color: #FFFFFF; margin-top:20px; display:block; } .boxsicon img { display:block; margin:auto; } .three_box{ margin:20px 0; } .three_box .box_3_inner{ transition:all 0.3s; } .three_box .box_3_inner:hover { box-shadow: rgba(0, 0, 0, 0.08) 0px 4px 12px; } .menu_fullwidth #siteheader{ background-color: #f4f9fc; } #r_menu .mobile_show{ background:#fff; } .mobile_show{ padding:0px!important; } .mobile_show img{ max-width:10px; margin:auto; } .content_block iframe{ max-width: 100%; border-radius: 30px; margin: 25px auto; display: block; } .tab-description .blog_slider img{ border-radius:22px; } .ms-container{ border-radius:16px; overflow:hidden; } .ms-thumbs-cont img{ border-radius:16px; } .ms-nav-prev{ transform:rotate(-180deg); } .ms-nav-next, .ms-nav-prev{ border-radius:50%; height:40px!important; width:40px!important; bottom:20px!important; background-image:url(/wp-content/uploads/2021/07/r_arrow.png)!important; background-position:center!important; background-size:17px!important; background-repeat:no-repeat!important; transition:all .3s; } .ms-nav-next{ left:unset!important; right:60px!important; } body.blog .news_boxs{ min-height:300px; } .filter_box .btn:hover{ background:#092337; } @media(max-width:1199px){ .single-post .single_banner .news_box{ max-width: 528px; } .single-post .single_banner .news_box .news_title { font-size: 38px; line-height:1.5; } .single-post .single_banner .news_box{ min-height:250px; } .single_banner .img_sec img{ min-height: 380px; max-height: 380px; } } @media(max-width:991px){ .single-post .single_banner .news_box{ max-width: 400px; margin-left:40px; } .single-post .single_banner .news_box .news_title { font-size: 28px; line-height:1.4; } .share_link{ padding-right:40px; } .single_banner .img_sec img{ min-height: 352px; max-height: 352px; } .related-blogs .grid-title a::after{ right: -80px; } body.single-post #pre-footer-location { padding-top: 90px; } } @media(max-width:767px){ .share_link { padding-right: 0px; position: relative; top: 90px; text-align:center; display:none; } .single-post .single_banner .news_box{ max-width:80%; margin-left:auto; margin-right:auto; } .single_banner .img_sec img{ min-height: 220px; max-height: 220px; } body.single-post #pre-footer-location { padding-top: 80px; } .related-blogs .gird-post+.gird-post { margin-top:20px; } .related-blogs{ max-width:80%; } .related-blogs .grid-title{ font-size: 18px; line-height: 24px; } } .tab-description .news_boxs{ min-height:180px; } .tab-description .news_boxs .btn{ margin-top:15px; } .divtext{ margin-bottom:10px; } .rightdate{ float:right; } .rightdate, .leftdate{ font-size: 14px; line-height: 20px; color: #979593; } .history_slider .news_boxs{ min-height:260px; } .history_slider .owl-nav{ position:absolute; width:100%; top:0px; border-bottom: 1px solid #C2C2C1; } .history_slider .item>.row{ padding-top:40px; } .history_slider .owl-prev, .history_slider .owl-next{ background:#F9F8F8 url(/wp-content/uploads/2021/07/dark-arrow.png)no-repeat center; background-size:12px; border:0px; top: 20px; border-radius: 0; margin: 0; } .history_slider .owl-prev{ transform:rotate(-180deg) } .history_slider .owl-next{ float:right; } .history_slider { margin-top:40px; } .owl-next.disabled, .owl-prev.disabled { display: none !important; } .search_sec .search-box{ position:relative; margin:50px 0; } .search_sec .search-box .search-field{ width:100%; } .search_sec .search-box .search-submit{ left:0; } .menu_sec_custom{ margin-top:30px; } body.es .service_sec.protol_sec{ margin-bottom:0px; padding-bottom:300px; } body.es .two_box_home{ margin-top:-200px; z-index: 2; position: relative; margin-bottom: 100px; } body.es .inner_twoBox .s_box{ background: #DEEBF5; box-shadow: 0px 38px 36px 1px rgba(59, 58, 57, 0.04), 0px 25.7836px 27.3375px 1px rgba(59, 58, 57, 0.0295312), 0px 14.3687px 18.675px 1px rgba(59, 58, 57, 0.02375), 0px 5.26953px 9.675px 1px rgba(59, 58, 57, 0.0160937); border-radius: 24px; padding:30px; height:auto; } body.es .inner_twoBox .s_box2{ background: #EBF0E9; box-shadow: 0px 38px 36px 1px rgba(59, 58, 57, 0.04), 0px 25.7836px 27.3375px 1px rgba(59, 58, 57, 0.0295312), 0px 14.3687px 18.675px 1px rgba(59, 58, 57, 0.02375), 0px 5.26953px 9.675px 1px rgba(59, 58, 57, 0.0160937); border-radius: 24px; } body.es .inner_twoBox .s_box h3{ font-size: 28px; line-height: 36px; margin:20px 0 15px; color: pxB3A39; } body.es .inner_twoBox .s_box .description{ font-size: 14px; line-height: 20px; color: #686765; } body.es .inner_twoBox .s_box .btn { margin-top:20px; } .mobile_box_sec .s_box { background: #FFFFFF; border-radius: 24px; padding:30px; text-align:center; height: auto; } .mobile_box_sec { margin-bottom:-300px; position:relative; z-index:3; } .mobile_box_sec img{ display:block; margin:auto; } .andoroid_link, .ios_link{ display:inline-block; } body.es.home #pre-footer-location{ padding-top:400px; } .mobile_box_sec h3{ font-size: 28px; line-height: 36px; margin:20px 0; color: #3B3A39; } .mobile_box_sec .description{ font-size: 14px; line-height: 20px; margin-bottom:20px; color: #979593; } .mobile_box_sec .ms_icon img { max-width: 100px; } .mobile_box_sec img.mobile_screen{ margin-top:10px; max-width: 80%; } .ubermenu-nav a.main_head{ font-size: 20px!important; line-height: 28px!important; color: #092337!important; padding:20px!important; background: #EBF0E9!important; box-shadow: 0px 4px 4px 1px rgba(11, 60, 96, 0.04), 0px 1.6px 2px rgba(11, 60, 96, 0.0405), 0px 0.8px 0.65px rgba(11, 60, 96, 0.03), 0px 2px 2px rgba(11, 60, 96, 0.0195)!important; border-radius: 16px!important; opacity:0.955; position:relative!important; } .ubermenu-nav a.main_head img{ max-width:22px; margin-bottom:10px; } .ubermenu-nav>li>ul>li>ul>li>ul>li ul li a{ font-weight: 600 !important; font-size: 14px !important; line-height: 24px !important; color: #3B3A39 !important; padding: 8px 10px !important; margin-bottom: 0!important; border-radius: 8px!important; position:relative; } .ubermenu-nav>li>ul>li>ul>li>ul>li ul li a:hover{ background:rgba(31, 87, 131, 0.06)!important; } .ubermenu-nav>li>ul>li>ul>li>ul>li>a{ font-size: 12px!important; line-height: 24px!important; padding-left:0px!important; padding-bottom:10px!important; letter-spacing: 1.6px!important; text-transform: uppercase!important; color: #686765!important } @media(max-width:1099px){ .single_service .news_box .news_title{ font-size: 32px; line-height: 1.3; } body .single_service .news_box{ max-width: 48%; margin-top: -120px; min-height: 200px; } }/** max-width:1099px **/ @media(max-width:991px){ body .single_service .news_box{ max-width: 48%; margin-top: -120px; min-height: 200px; } .service_page .img_sec img { min-height: 350px; max-height: 350px; } .inner_head.service_page .page-title{ font-size: 30px; line-height: 1.2; } body .three_box .sub_heading{ font-size: 26px; line-height: 32px; } .inner_head.service_page .title_box{ padding-left:0px; } .service_tab .tab button{ font-size: 15px; line-height: 1.3; } .service_tab .tab button.active{ font-size: 16px; line-height: 1.3; } body.single-maritime_services .single_service .news_box{ margin-top: -120px; min-height: 200px; } .tab_year_service .d_boxes a{ display:block; } .tab_year_service .d_boxes h3{ margin-bottom:8px; } .tab_year_service .d_des{ margin-bottom: 10px; } .download_text{ margin-left:0px; } .d_boxes .d_icon{ top: 50%; transform: translate(0%, -50%); } .search_page .single_banner .news_box{ max-width:50%; margin-left:5%; } .search_page .single_banner .news_box .news_title{ font-size: 32px; line-height: 1.2; } body .search_sec .container{ padding-left:5%; } .anual_box { margin-bottom:15px; } .filter_box{ border-radius:22px; } .service_sec h2, .customer_info h2{ font-size: 26px; line-height: 32px; } }/** max-width:991px **/ .page-numbers .screen-reader-text, .navigation h2.screen-reader-text{ display:none; } @media (min-width:768px) and (max-width:991px){ .blog_slider .owl-dots{ margin-top:20px; } .protol_sec .pro_icon li, .protocol_es_lang .pro_icon li{ width:33.3333%; } .protol_sec .pro_icon li:nth-child(3):after, .protocol_es_lang .pro_icon li:nth-child(3):after{ display:none; } .protocol_es_lang .pro_icon li, .protol_sec .pro_icon li{ padding-left: 10px; } .protocol_es_lang .pro_icon li:after, .protol_sec .pro_icon li:after{ right: 8%; } } @media(min-width:768px){ .ubermenu-nav a.main_head+ul{ padding-top:15px!important; } .mobile-show_lan{ display:none; } .ubermenu-nav>li>ul>li>ul{ margin-left:-7.5px!important; margin-right:-7.5px!important; } .ubermenu-nav>li>ul>li>ul>li{ padding-left:7.5px!important; padding-right:7.5px!important; } .ubermenu-skin-minimal .ubermenu-tab-content-panel{ background:transparent!important; border:0px!Important; } img.alignright{ float: right; margin-left: 15px; margin-top: 15px; margin-bottom: 15px; } img.alignleft{ float: left; margin-right: 15px; margin-bottom: 15px; } body .menu_sub_head:after{ display:none!important; } body .ubermenu-nav .menu_sub_head{ text-align:center; } body .ubermenu-nav .ubermenu-tab > .ubermenu-target.menu_sub_head .ubermenu-sub-indicator { display:none!important; } .main_head .ubermenu-sub-indicator{ display:none!important; } .team-card .front img{ min-height: 300px; } }/** min-width:768px **/ img.aligncenter, img.alignnone{ float:none; margin-left:auto; margin-right:auto; margin-top: 15px; margin-bottom: 15px; } @media(max-width:767px){ body .team_page .inner_head::after{ right: 2%; width: 98%; } body .team_page .img_sec{ margin-top:0px!important; } .team_page .card{ margin-bottom:25px; min-height: 210px; } mg.alignright, img.alignleft{ float: none; margin-left: auto; margin-right: auto; margin-bottom: 15px; } body.es .service_sec.protol_sec{ padding-bottom: 300px; } body.es .inner_twoBox, .mobile_box_sec .col-md-6+.col-md-6{ margin-top:30px; } .search_page .single_banner .news_box .news_title{ font-size: 26px; line-height: 1.2; } body .search_sec .inner-grid{ min-height:100%; padding:25px; } body .search_sec .gird-post { margin-bottom:15px; } body .search_sec .gird-post .news_boxs{ padding:0px; } .search_page .single_banner .news_box{ max-width:80%; margin-left:auto; margin-right:auto; margin-top: -70px; } .single_banner .bradcrumb{ display:none; } .menu_fullwidth{ overflow-y:hidden; } body .single_service .news_box{ max-width:85%; margin-left:auto; margin-right:auto; } body.single-maritime_services .single_service .news_box{ margin-top: -120px; min-height: 200px; } .service_tab .tab{ flex-wrap: wrap; } .service_tab .tab button{ width: 50%; } .service_tab .tab button.active{ font-size: 15px; line-height: 1.3; } .ubermenu-skin-minimal .ubermenu-item-level-0 > .ubermenu-target{ padding: 25px 30px 25px 50px; font-size: 18px; line-height: 24px; margin-bottom: 15px; } .ubermenu-skin-minimal .ubermenu-item-level-0 > .ubermenu-target::after{ left:10px; } .menu_sec { overflow-x:scroll;} .ubermenu-sub-indicators .ubermenu-has-submenu-drop > .ubermenu-target > .ubermenu-sub-indicator{ color: #1F5783; right: 16px!important; } .ubermenu.ubermenu-submenu-indicator-closes .ubermenu-sub-indicator-close{ color: #1F5783; right: 9px!important; } .desktop_sec .lan_switch{ display:none; } .search-box input{ width:100%; } .inner_head::after{ left: 4%; width: 96%; height: 60%; } .inner_head.service_page .container>.row>.col-md-5{ order:1; } .inner_head.service_page .container>.row>.col-md-7{ order:2; } .inner_head.service_page .img_sec{ margin-top: 4em; } .inner_head.service_page .page-title{ margin-bottom:5px; } .main_sec .container, body.single-maritime_services .service_content .container, body.page-template-services-page .service_content .container{ padding-left:15px; } .inner_head.service_page+.space-100{ display:none; } h2, .h2{ font-size: 26px; } .service_tab .tab button{ font-size: 15px; line-height: 20px; } .col-md-4+.col-md-4 .box_3_inner{ margin-top:25px; } .box_3_inner .s_icon{ width: 90px; height: 90px; border-radius:50%; } .single_service .news_box .news_title{ font-size: 28px; line-height: 1.3; } .single_banner .news_box{ padding: 20px; } .single-post .single_banner .news_box{ margin-top: -100px; } li.d_boxes{ padding-left:0px!important; } .filter_box{ border-radius:22px; } }/** max-width:767px **/ @media(max-width:575px){ .team-card{ max-width: 280px; margin-left: auto; margin-right: auto; } .filter_box .row .anual_box, .tags_box{ margin-right:0px; } .tags_box{ width:100%; margin-bottom:15px; } .anual_box select{ padding-right:5px; } .d_img{ display:none!important; } .tab_year_service .d_boxes a{ display:block; } .tab_year_service .d_boxes h3{ margin-bottom:8px; } .tab_year_service .d_des{ margin-bottom: 10px; } .download_text{ margin-left:0px; } .d_boxes .d_icon{ top: 50%; transform: translate(0%, -50%); } .related-blogs .grid-title a::after{ display:none; } .related-blogs .grid-title{ padding-left:15px; padding-right:15px; } .inner_head.service_sec .container{ max-width:85%; } .inner_head.service_sec .img_sec img{ min-height: 250px; max-height: 250px; } .inner_head.service_page .page-title{ font-size: 28px; line-height: 1.2; } .inner_head.service_page .img_sec{ margin-top: 3em; } .inner_head::after{ height: 70%; } .mobile-show_lan .row .col-sm-4 { -webkit-box-flex: 0; -webkit-flex: 0 0 33.333333%; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; padding-right:0px; } .mobile-show_lan .row .col-sm-8 { -webkit-box-flex: 0; -webkit-flex: 0 0 66.666667%; -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .menu_sec_custom { margin-top: 30px; } }/** max-width:575px **/ @media(max-width:450px){ .service_tab .tab button{ width:100%; } .mobile-show_lan .row .col-sm-4 , .mobile-show_lan .row .col-sm-8 { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; padding:0px 15px; } .mobile-show_lan .search_header { margin-top:20px; } .mobile-show_lan .wpml-ls-legacy-list-horizontal .wpml-ls-item{ width: 50%; box-sizing:border-box; } .mobile-show_lan .lan_switch{ width:100%; margin:auto; } .mobile-show_lan .wpml-ls-link>span{ width:100%; text-align:center; } .mobile-show_lan .lan_switch .wpml-ls-native{ width: 100%; text-align: center; } }/** max-width:450 **/ .web_cam{ display: inline-block; padding-right: 0; position: absolute; left: -10px; top: 50%; transform: translate(0%, -50%); } .web_cam a{ padding:7px 0; font-size: 14px; } .web_cam a span{ background: url(/wp-content/uploads/2021/07/transits-icon.png)no-repeat center; background-size: 14px; height: 25px; vertical-align: top; width: 26px; margin-left: 0; } button.ubermenu-responsive-toggle { display:none!important; } body.es .inner_twoBox .s_box{ padding-bottom:0px; } .bot_img{ max-width: 350px; margin-right: 0px; margin-left: auto; margin-top: 30px; position: relative; right: -30px; } .s_box2 .bot_img{ max-width: 224px; } .protocol_es_lang .description p{ color: #686765; } .protocol_es_lang .btn-green span{ background:url(/wp-content/uploads/2021/07/dark-arrow.png)no-repeat center; background-size: 13px; } .protocol_es_lang .pro_icon .b_number{ color: #3B3A39; } .protocol_es_lang .pro_icon .b_sub_text{ color: #686765; } .protocol_es_lang .pro_icon li::after{ background: #979593; } .protocol_es_lang{ padding-bottom:400px; } .service_sec.protol_sec.sustain_sec{ margin-top:80px; padding-top: 80px; height:auto; } .service_sec.protol_sec.sustain_sec .dark_box{ padding-top:0px; border-top:0px; } .service_sec.protol_sec.sustain_sec:after{ left:2%; right:0; border-radius:0px; border-top-left-radius: 32px; border-bottom-left-radius: 32px; } .sustain_sec .customer_info_inner { padding-left:150px; } .sustain_sec .customer_info_inner .s_box{ max-height: 450px; min-height: 450px; background-size: cover !important; background-position: center !important; } .sustain_sec .customer_info_inner .s_box .btm_sec{ width:100%; position:absolute; bottom:20px; } .sustain_sec .customer_info_inner .s_box .btm_sec h3{ font-size: 18px; line-height: 26px; color: #FFFFFF; font-weight:normal; } .sustain_sec .customer_info_inner .s_box .btm_sec{ width: 100%; position: absolute; bottom: 0; left: 0; padding: 20px; } .sustain_sec .customer_info_inner .s_box .btm_sec .btn{ width:100%; border: 1.4px solid #969696; opacity: 0.8; font-size:14px; } .sustain_sec .customer_info_inner .s_box .btm_sec .btn span{ background:url(/wp-content/uploads/2021/07/Vector-3.png)no-repeat center; background-size:13px; transform:rotate(-180deg); } .sustain_sec .customer_info_inner .s_box .btm_sec .btn:hover{ opacity:1; } .sustain_sec .customer_info_inner .owl-next { background: url('/wp-content/uploads/2021/07/right-lite.png')no-repeat center; background-size: auto; background-size: 13px; margin-left: 20px; opacity: 0.7; } .sustain_sec .customer_info_inner .owl-prev { background: url('/wp-content/uploads/2021/07/left.png')no-repeat center; background-size: auto; background-size: 13px; } .sustain_sec .customer_info_inner .owl-nav{ position: relative; left: -130px; top: -68px; display: inline-block; } body.en .customer_info_inner .owl-next:hover, body.en .customer_info_inner .owl-next:hover{ opacity: 1; } body.en .service_sec.protol_sec.sustain_sec{ padding-bottom:20px; } body.en .service_sec.protol_sec.sustain_sec:after{ background: #4d6444; } @media(max-width:1199px){ .web_cam a{ font-size: 0; } .web_cam{ left:7%; } } @media(max-width:991px){ .bot_img{ max-width: 100%; } .s_box2 .bot_img{ max-width: 178px; } .single_banner .bradcrumb{ display:none; } } @media(max-width:767px){ body.es .inner_twoBox .s_box h3{ font-size: 20px; line-height: 27px; } .s_box2 .bot_img { max-width: 70%; } .web_cam{ left: 30%; } .mobile_box_sec .container, .two_box_home .container{ max-width:85%; } .mobile_box_sec h3{ font-size: 22px; line-height: 28px; } .sustain_sec .customer_info_inner{ padding-left:0px; } .sustain_sec .service_inner{ margin-top:30px; } .sustain_sec .customer_info_inner .owl-nav{ position:static; } .sustain_sec .customer_info_inner .owl-nav{ display:block; text-align:center; } body.es .service_sec.protol_sec{ padding-bottom:220px; } .latest_news.about_sec+.space-100{ display:none; } body.es .customer_info.protocol_es_lang .btn{ margin-bottom:25px; } body .ubermenu-nav > li > ul > li > ul > li > a{ padding: 25px 30px 25px 50px!important; font-size: 18px!important; line-height: 24px!important; margin-bottom: 15px!important; } .ubermenu .ubermenu-tab-layout-top > .ubermenu-tabs-group > li > a:after{ left:10px; } .ubermenu-skin-minimal .ubermenu-tab-content-panel { background: #f2f7fa!important; box-shadow: none !important; border: 0px !important; } .sustain_sec .customer_info_inner .owl-nav{ left: unset; top: 0px; } body.en .service_sec.protol_sec.sustain_sec{ padding-bottom: 60px; margin-top: 0; } .team_single .news_box{ max-width:90%; margin-left:auto!important; margin-right:auto!important; margin-top:-110px; } .team_single .news_box .news_title{ font-size: 32px; line-height:1.3; } .team_left{ margin-bottom:30px; } .team_left .t_img{ max-width: 280px; margin-left: 0; margin-right: auto; } .team_left .t_img img{ width:auto; } }/**--(max-width:767px) **/ @media(max-width:575px){ .web_cam { left: 7%; } } .tab_year .owl-item li{ margin:0px!important; padding: 0; } .ubermenu.ubermenu-responsive .ubermenu-tab-content-panel{animation:opac 0.8s;} @keyframes opac{from{opacity:0} to{opacity:1}} .team_page .service_page .img_sec img { min-height: 350px; max-height: 350px; } .team_page .inner_head::after{ right: 30%; left: unset; border-radius:0px; border-top-right-radius: 32px; border-bottom-right-radius: 32px; background:#4d6444; } .team_page:not(.team_single) .service_page .title_box{ padding-left: 20%; box-shadow: none; } .card{ padding:30px; background:#fff; border-radius:16px; } .team_page .card{ min-height:300px; } .team_page .content_block ul { margin-bottom:25px; } .team_page .content_block ul li::marker{ color:#276EA6; } .team-card { width: 100%; height: 300px; perspective: 500px; margin-bottom:25px; } .content { position: absolute; width: 100%; height: 100%; box-shadow: 0 0 15px rgba(0,0,0,0.1); transition: transform 1s; transform-style: preserve-3d; } .team-card:hover .content { transform: rotateY( 180deg ) ; transition: transform 0.5s; } .front, .back { position: absolute; height: 100%; width: 100%; background: white; color: #03446A; text-align: center; border-radius: 16px; backface-visibility: hidden; overflow:hidden; } .back { background: #03446A; color: white; transform: rotateY( 180deg ); padding:20px; } .team-card .front .m_name{ font-size: 20px; line-height: 1.3; font-weight: 600; margin-bottom: 0; position: absolute; left: 0; bottom: 0; padding: 15px; color: #fff; width: 100%; text-align: center; background: linear-gradient(transparent 0%,#1B2226 60%); padding-top: 20%; } .front img{ max-height: 455px; width: 100%; object-fit: cover; } .back p{ color: #DEEBF5; font-size: 14px; margin-bottom: 5px; line-height: 1.2; } .m_name{ font-size: 23px; line-height:1.3; font-weight: 600; margin-bottom: 25px; } .back .inner_box{ transform: translate(0, -50%); top: 50%; position: absolute; width: 100%; box-sizing: border-box; left: 0; padding:20px; } .back .btn{ color:#1F5783; background:#fff; border:2px solid #fff; } .t_img{ height: 300px; overflow: hidden; border-radius: 22px; } .team_left .t_img{ max-height: 360px; overflow: hidden; border-radius: 22px; margin-bottom: 15px; height: auto; } .team_left .t_img img{ max-height: 458px; width: 100%; object-fit: cover; } .align_center{ align-items:center; } .inner_t_text .m_name{ font-size: 28px; line-height: 1.3; font-weight: 600; margin-bottom: 0px; color: #1F5783; position:relative; padding-top:5px; margin-top:15px; } .inner_t_text .m_name:after{ content: ""; position: absolute; left: 0; width: 80px; top: 0; background: #1F5783; height: 1px; } .inner_t_text p{ color: #979593; font-size:14px; margin-bottom:0px; } .team_left ul{ list-style:none; padding:0px; } .team_left ul li{ margin:15px 0; padding:0px; border-bottom: 1px solid #ddd; padding-bottom: 15px; } .team_left ul li a{ font-size:18px; } .team_single .news_box .news_title{ color:#333; } .team_single .news_box .post_data{ font-size:18px; } .team_single .img_sec img{ min-height: 342px; max-height: 342px; } .team_single .news_box{ max-width: 400px; min-height:100%; } body .ubermenu-nav .menu_sub_head{ padding: 10px !important; font-size: 13px !important; line-height: 24px !important; padding-bottom: 10px !important; text-transform: uppercase !important; color: #686765 !important; border-bottom: 1px solid #E8E8E7 !important; border-radius: 0px !important; } body .ubermenu-nav .ubermenu-tab > .ubermenu-target:hover, body .ubermenu-nav .ubermenu-tab.ubermenu-active > .ubermenu-target{ background:transparent!important; } body .ubermenu-nav .ubermenu-tab > .ubermenu-target.main_head:hover, body .ubermenu-nav .ubermenu-tab.ubermenu-active > .ubermenu-target.main_head{ background: #DEEBF5!important; } body .ubermenu-nav .ubermenu-tab.ubermenu-active > .ubermenu-target.menu_sub_head{ color: #1F5783 !important; font-weight: 600 !important; border-bottom: 1px solid #1F5783 !important; } .theme-color{ color:#1F5783!important; } @media(max-width:767px){ iframe{ width:100%!important; } .ubermenu-nav a.main_head img{ float: left; margin-right: 15px; margin-bottom: 0 !important; position: relative; top: 5px; } .team_left{ text-align:center; } .team_left .t_img{ margin-left:auto; margin-right:auto; } .inner_t_text .m_name::after{ display:none; } .inner_t_text p::after{ content:''; position: relative; left: unset; width: 80px; bottom: -8px; background: #1F5783; height: 1px; display: block; margin: auto; } .team_single .news_box{ max-width: 90%; } .team_page .service_page .title_box{ padding-left:0px!important; } .back .btn{ font-size: 15px; line-height: 19px; } .sustain_sec .customer_info_inner .s_box{ min-height: 330px; } } @media(max-width:575px){ .team_page .service_page .img_sec img{ min-height: 250px; max-height: 250px; } } select option{ font-family:inherit; } select#tags{ max-width:217px; padding-right: 25px; } .faq_main .panel ul{ list-style: inside; } .faq_main .panel ul li{ margin-top:8px; margin-bottom:8px; } table{ border-collapse:collapse; margin:15px 0; background:#fff; } td, th { border: 1px solid #E9E9E9; padding: 10px; color:#333; background: #fff; } .pcTable { background:#fff; } .pcTable th{ background:#1F5783; color:#fff; } .page-content .search-box{ position:relative; } .page-content .search-box input{ width:100%; } .d_boxes.col-md-12 a .d_des h5{ font-size: 17px; margin-bottom: 5px !important; } .address_box{ padding: 24px; background: #FFFFFF; box-shadow: 0px 4px 4px 1px rgba(59, 58, 57, 0.04), 0px 1.6px 2px rgba(59, 58, 57, 0.0405), 0px 0.8px 0.65px rgba(59, 58, 57, 0.03), 0px 2px 2px rgba(59, 58, 57, 0.0195); border-radius: 24px; } .address_box h3{ font-size: 24px; line-height: 1.5; color: #3B3A39; margin-bottom:25px; } .address_box .btn{ width:100%; margin-top:20px; opacity:0.6; text-align:center; } .address_box:hover .btn{ opacity:1; } .address_box ul{ list-style:none; padding:0px; margin:0px; } .address_box ul li{ margin:7px 0 0px; padding-left:45px; padding-bottom:20px; background:url(/wp-content/uploads/2021/08/des_add.png)no-repeat left 5px; background-size:18px; color: #686765; } .address_box ul li.add_phone{ background:url(/wp-content/uploads/2021/08/add_phone.png)no-repeat left 5px; background-size:18px; } .address_box ul li.add_email{ background:url(/wp-content/uploads/2021/08/add_email.png)no-repeat left 5px; background-size:18px; } .address_box ul li.add_detail{ color: #7A8193; background:url(/wp-content/uploads/2021/08/add_detail.png)no-repeat left 5px; background-size:18px; } .address_container{ max-width:800px; margin-left:auto; margin-right:auto; } .add_heading{ font-size: 36px; line-height: 44px; color: #3B3A39; } .address_box{ margin-bottom:30px; min-height:430px; } .pdf_img_box{ display: block; padding: 0px; overflow: hidden; position:relative; border: 8px solid #fff; } .pdf_img_box img{ width:100%; min-height:250px; max-height:250px; object-fit:cover; transition:all 0.3s; } .pdf_img_box:hover{ box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px; } .pdf_img_box:hover img{ transform:scale(1.2); } .pdf_link_title{ position: absolute; width: 100%; text-align: center; bottom: 0; padding: 12px 15px 14px; background: #1f5783; font-size: 18px; line-height: 1.3; color: #fff; font-weight: 600; transition:all 0.3s; } .pdf_img_box:hover .pdf_link_title{ background: #4d6444; } img.alignleft{ margin-top:15px; } .inner_text{ color: #686765; } .inner_text ul{ margin-left:15px; } .left_img img{ margin-left:auto; margin-right:auto; } .slider_content_block .blog_slider.owl-carousel { max-width: 85%; margin-left: auto; margin-right: auto; } .slider_content_block .blog_slider.owl-carousel img{ border-radius:16px; max-height:420px; width:100%; object-fit:cover; } .slider_content_block .owl-dots{ max-width: 100%; text-align: center; margin-top: 15px; } .grid_custom_gallery .rl-gallery-item img{ width:100%; object-fit:cover; display:block; border-radius:16px; } .grid_custom_gallery .rl-gallery-item:nth-child(even) img{ min-height:400px; } .panel iframe{ max-width:100%; } @media(min-width:768px){ .slider_content_block .owl-prev{ left:-50px; } .slider_content_block .owl-next{ right:-50px; } } .wpcf7 input:not(.wpcf7-submit), .wpcf7 textarea{ padding: 10px; font-size: 15px; font-family: inherit; width: 100%; margin-bottom: 15px; border: 1px solid #ddd; border-radius: 6px; } .wpcf7 textarea{ max-height:120px; } .wpcf7-submit { background: #1F5783; padding: 0 30px; cursor: pointer; color: #fff; border: 0; height: 45px; line-height: 45px; border-radius: 6px; font-size: 16px; } .wpcf7-submit:hover { background: #333; color: #fff; } .wpcf7 br{ display:none; } .wpcf7 label{ font-size: 17px; font-family: inherit; color: #333; display: block; margin-bottom: 8px; } .wpcf7 label .red{ color: #e14f4f; } .wpcf7-not-valid-tip{ font-size: 12px; float: right; }