body{font-family: 'Fira Sans', sans-serif; }/*background: url("../images/body-bg.svg") repeat-y 0 0;}*/
.container {
  max-width: 1400px;
}

header{}
.light.nav-active header{background:rgba(250,250,250,1)}
.light.nav-active{overflow: hidden;}
.light.nav-active .cd-header .grid-line-wrapper{bottom:inherit;}
.mt-130{margin-top: 140px;}
:root {
  border-color: antiquewhite;
}
.dark-mode {position: relative;z-index: 999;}
:root .dark-mode {
  border-color: #E8E8E8;
}

:root .dark-mode .borderColor1 {
  border: 1px solid #ccc;
}

:root .dark-mode .secondary {
  background: #ccc;
}
:root .dark-mode .white {
  background: #111;
}
:root .dark-mode .tertiary {
  background: #ccc;
}


.col {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
}


.grid-line-wrapper .row{height: 100%;}

.dark-mode::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
   
    height: 100%;
    width: 100%;
    z-index: 0;
   
}
/*
.dark-mode::before {
    width: calc(100% + 8rem);
}
*/


.grid-line-wrapper {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -1;
}
.grid-line-wrapper .row div.col:nth-child(1){border-left: 1px solid #f1f7ff; margin-left:11px;}
.grid-line-wrapper .row div.col:nth-child(2n) {
    border-right: 1px solid rgba(0,0,0,.1);
    border-right: 1px solid #f1f7ff;margin-right:11px;
}



.clr-blue{color:#1154A5; }
.cd-header.navbar-fixed{background: rgba(250,250,250,1);z-index: 9999;}

header a.logo img{max-height: inherit!important;}

.menu {
  width: 30px;
  height: 19px;
}
img {
  max-width: 100%;
}
.no-gutters {
  padding-right: 0;
  padding-left: 0;
}
.no-gutters-m {
  margin-right: 0;
  margin-left: 0;
}
.no-gutters-m [class*="col-"] {
  padding-right: 0;
  padding-left: 0;
}
p {
  font-weight: 300;
  color: #0A1C2D;
  font-size: 30px;
  line-height: 35px;
}
.ptb-130 {
  padding: 130px 0;
}
.ap-sec{background: url("../images/header-bg-big.jpg") no-repeat; background-size: cover; height: 800px; background-position: center center;}
.ap-sec h1 {
  font-weight: 700;
  color: #0A1C2D;
  font-family: 'Ubuntu', sans-serif;
  font-size: 90px;
}
.ap-sec h1.fw-light {font-weight: 300;}
.ap-sec .home-text-box{position: absolute; top:250px; left:10px;}
.ap-sec .left-part p {
  font-size: 21px;
  line-height: 30px;
  margin-bottom: 0;color: #000;
}
.ap-sec .right-part {
  padding-top: 110px;
}
.ap-sec .right-part p {
  max-width: 600px;
  margin-bottom: 26px;
}
.ptb-120 {
  padding: 120px 0;
}
.pb-120{padding-bottom: 120px;}
h1 {
  font-weight: 700;
  color: #0A1C2D;
  font-family: 'Ubuntu', sans-serif;
  font-size: 90px;
}
h2, .h2 {
  font-weight: 700;
  color: #0A1C2D;
  font-family: 'Ubuntu', sans-serif;
  font-size: 50px;
}
h3, .h3 {
  font-weight: 700;
  color: #0A1C2D;
  font-family: 'Ubuntu', sans-serif;
  font-size: 40px;
}
p.fr-18 {
  font-weight: 300;
  color: #505A63;
  font-size: 18px;
  line-height: 27px;
	text-align: justify;
}
p.fr-24 {
  font-weight: 400;
  color:#505A63;
  font-size: 24px;
}
p.fr-20 {
  font-weight: 500;
  color:#1154A5;
  font-size: 20px;
}


.w-235{width:235px;}
.btn.btn-primary {
  background-color: #1154A5;
  border-color: transparent;
  border-radius: 0;
box-shadow:0px 3px 15px 0px rgba(17,84,165,0.3);
-webkit-box-shadow:0px 3px 15px 0px rgba(17,84,165,0.3);
-moz-box-shadow:0px 3px 15px 0px rgba(17,84,165,0.3);
	font-family: 'Ubuntu', sans-serif;
	font-size:18px;
	font-weight: 500;
	text-transform: uppercase;
	padding: 15px 25px;
}
.btn.btn-primary:hover {
 background-color: #1154A5;
  border-color: transparent;
  border-radius: 0;
	box-shadow:none;
-webkit-box-shadow:none;
-moz-box-shadow:none;
}

.btn.btn-outline-secondary{
border-radius: 0;
	border-color:#0A1C2D;
	color:#0A1C2D;
	font-family: 'Ubuntu', sans-serif;
	font-size:18px;
	font-weight: 500;
	text-transform: uppercase;
	padding: 15px 25px;
	box-shadow: none;
}
.btn.btn-outline-secondary:hover{
border-radius: 0;
	border-color:#1154A5;
	background-color:#fff;
	color:#1154A5;
	box-shadow: none;
}

.btn-check:focus + .btn-outline-secondary, .btn-outline-secondary:focus {
    box-shadow:none;
}
.btn-check:active + .btn-outline-secondary, .btn-check:checked + .btn-outline-secondary, .btn-outline-secondary.active, .btn-outline-secondary.dropdown-toggle.show, .btn-outline-secondary:active{background: transparent;}
.btn-outline-secondary:focus-visible{outline: none;}

.dot {
  background: #1154A5;width:7px;
height:7px;
display: inline-block;vertical-align: top;border-radius: 50px;margin: 12px 0 0 0;
}
.align-items-center {
  align-items: center !important;
}
.line-height {
  line: height 20px;
}
.light-blue-bg {
  background: #F6F9FB;
}
.white-round {
  width: 170px;
  height: 170px;
  border-radius: 100px;
  background: #fff;
  display: inline-block;
  position: absolute;
  z-index: 0;
}

.card-body {
  flex: 1 1 auto;
  padding: 2rem 2rem;
}
.card {
  border: 0px solid rgba(0, 0, 0, 0);
  box-shadow: 0px 2px 60px rgba(0, 0, 0, 10%);
  border-radius: 0;
}
.card-left {
  width: 530px;
  top: -350px;
  right: 250px;
  position: absolute;z-index: 99;
}
.card-right {
  width: 530px;
  top: -350px;
  left: 260px;
  position: absolute;z-index: 99;
}
.card-body i {
  margin: 0 0 15px;
  display: inline-block;
}
.card-body h3 {
  margin: 0 0 20px;
}
a.read-more-link {
  color: #1154A5;
  text-transform: uppercase;
  text-decoration: none;
	font-family: 'Ubuntu', sans-serif;
	font-size:18px;
	font-weight: 500;
}
.mb-120 {
  margin-bottom: 120px;
}
h5 {
  font-weight: 700;
  color: #0A1C2D;
  font-family: 'Ubuntu', sans-serif;
  font-size: 18px;
}

.img-right {
  text-align: right;position: relative;right: -50px;
}
.img-left {
  text-align: left;position: relative;left: -50px;
}

ul.common-bullet{list-style: none;margin: 0;padding: 0}
ul.common-bullet li{list-style: none;margin: 0 0 15px;padding: 0 0 5px 40px; background:url("../images/bullet.png") no-repeat 0 6px;color: #505A63;}

.round-text{position: relative;
  padding:22px 0 0 75px;}

.light-blue-round {
  width: 170px;
  height: 170px;
  border-radius: 100px;
  background: #CFDDED;
  display: inline-block;
  position: absolute;
  z-index: 0;
}

.footer{padding:90px 0 35px 0;}
.footer h3, .footer .h3{display: flex; margin: 0;}
.footer a.h3{text-decoration: none; }
.footer a:hover.h3{text-decoration: underline;color: #0A1C2D;}
.copyright{padding: 90px 0 0 0;}
.social-link{display: flex; justify-content: flex-end;}
.home-port-logo{margin:50px 0;}	
.home-prot-text	{margin:0 0 70px;}
.btn-port{align-items:flex-end; justify-content: flex-end;display: flex;}
.book-sec .btn-sec .btn-outline-secondary{margin:0 15px 0 0;}
.home-content{margin: 0 0 0 30%;}
.padding-50px-all{padding: 50px;}
.light-grey-bg{background: #FBFBFB;}
.feature-content{margin: 0 0 30px;}
.feature-content img{margin: 0 0 20px;}
.feature-content p{margin-bottom: 0;}

.heading{margin: 0 0 65px;}
.heading h2{display: inline-block; margin: 50px 0 0 20px;}
.heading span{background:#1154A5;width:170px; height: 170px; border-radius: 100px;display: inline-block;text-align: center;vertical-align: top; }
.heading span img{padding: 25px 0 0 0;}

.about-blue-box{background:#1154A5;padding:87px 35px;text-align:center;}
.about-blue-box h1, .about-blue-box p{color: #fff;}
.about-blue-box .dot{background: #fff;margin: 15px 0 0 0;}
.about-ap-sec p{font-size: 21px;}
.about-ap-sec h2{padding: 104px 0px; margin: 0;}
.ptb-60{padding: 60px 0;}


#contact-form-3{background: #fff;padding:50px;
	box-shadow:0px 3px 15px 0px rgba(17,84,165,0.3);
-webkit-box-shadow:0px 3px 15px 0px rgba(17,84,165,0.3);
-moz-box-shadow:0px 3px 15px 0px rgba(17,84,165,0.3);}
label{display: block; margin: 0px;}

input.input-bg {background: #fff; border-radius:0px;border:0px; border-bottom:2px solid #707070;padding: 10px 2px; margin-bottom:20px;width:100%;font-family: 'Fira Sans', sans-serif;}

input.input-bg:focus, textarea.input-bg:focus, input.input-bg:focus-visible, textarea.input-bg:focus-visible{ border: 0; border-bottom:2px solid #707070; outline: none; }

textarea.input-bg {background: #fff; border-radius:0px;border:0px; border-bottom:2px solid #707070;padding: 10px 2px; margin-bottom: 20px; min-height: 70px;width:100%;font-family: 'Fira Sans', sans-serif;}

.input-bg::-webkit-input-placeholder {font-weight: 400; font-size: 14px;}

.input-bg::-moz-placeholder {font-weight:400; font-size: 14px;} 

.input-bg:-ms-input-placeholder { font-weight: 400; font-size: 14px;}

.required-error {border-bottom:2px solid #ee2323 !important}

.input-border-bottom.required-error {border-width: 0 !important; border-bottom-width: 1px !important; border-bottom-color: #ee2323 !important}

#success-subscribe-newsletter { clear: both; margin: 0 15px 15px; text-align: center; border: 1px solid #1a940a; color: #1a940a;  padding: 2px 0; display: none; font-size: 11px}

#success-subscribe-newsletter2 { clear: both; margin: 0 15px 15px; text-align: center; border: 1px solid #1a940a; color: #1a940a;  padding: 2px 0; display: none; font-size: 11px}



#success-contact-form { clear: both; margin: 0 15px 15px; text-align: center; border: 1px solid #1a940a; color: #1a940a;  padding: 2px 0; display: none; font-size: 11px}

#success-contact-form-2 { clear: both; margin: 0 15px 15px; text-align: center; border: 1px solid #1a940a; color: #1a940a;  padding: 2px 0; display: none; font-size: 11px}

#success-contact-form-3 { width:100%;clear: both; margin: 0 15px 15px; text-align: center; border: 1px solid #1a940a; color: #1a940a;  padding: 2px 0; display: none; font-size: 11px}

#success-project-contact-form { clear: both; margin: 0 15px 15px; text-align: center; border: 1px solid #1a940a; color: #1a940a;  padding: 2px 0; display: none; font-size: 11px}

#success-project-contact-form-4 { clear: both; margin: 0 15px 15px; text-align: center; border: 1px solid #1a940a; color: #1a940a;  padding: 2px 0; display: none; font-size: 11px}

.text-contact{color:#1154A5;font-size: 17px; font-weight: 600;font-family: 'Ubuntu', sans-serif;margin: 0 0 10px;}
.text-reach{color:#1154A5;font-size: 15px; font-weight: 600;font-family: 'Ubuntu', sans-serif;}
.email-box{border:2px solid #1154A5;padding:17px 40px;width: 350px;}
.email-box a{font-size: 23px; font-weight: 500;font-family: 'Ubuntu', sans-serif;color: #0A1C2D; text-decoration: none;}
.df-jce{display: flex; justify-content: flex-end;}

.home-ap-image {position: relative;margin-right: -14.7vw;}
.home-ap-image img{overflow: hidden !important;}

.pr{position: relative;z-index: 99;}


.extra-small-icon, .small-icon, .medium-icon, .large-icon, .extra-large-icon {
    list-style: none;
    padding: 0; margin:0;

}
.large-icon li {margin: 0 10px;display: inline-block;}
.large-icon a {
    font-size: 24px;
    width: 60px;
    height: 60px;
    line-height: 61px;
}
.social-icon-style-4 a {text-align: center; display:inline-block; border-radius: 100%; position: relative; border: 1px solid rgba(0, 0, 0, 0.1); color: #232323; z-index: 1;}

.social-icon-style-4 a:hover {color: #fff;}

.social-icon-style-4 a span {border-radius: 0; display: block; height: 0; left: 50%; margin: 0; position: absolute; top: 50%; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; width: 0;z-index: -1;}

.social-icon-style-4 a:hover span{width:100%; height:100%; border-radius: 100%; top: 0; left: 0;}
.social-icon-style-4 a.facebook span{background-color: #4267B2}
.social-icon-style-4 a.twitter span {background-color: #1DA1F2}
.social-icon-style-4 a.linkedin span {background-color: #0077b5}
.social-icon-style-4 a.instagram span {background-color: #8a3ab9}

.media-about-sec h2{padding:0px 0px; margin: 0 0 20px;}
.media-about-sec p{font-size: 20px; line-height: 30px;}

.beny_tm_news, .beny_tm_news .news_list {
    width: 100%;
    height: auto;
    clear: both;
    float: left;
}
.beny_tm_news {
    padding:0px;
}

.beny_tm_news .news_list {
    padding: 0px;
}
.beny_tm_news ul {
    margin: 0 0 0 0px;
	padding: 0;
    list-style-type: none;
}
.beny_tm_news ul li {
    margin:15px;
    width: 47.70%;
    padding:0 0;
    float: left;
	background: #fff;
	 box-shadow: 0px 2px 60px rgba(0, 0, 0, 10%);
  border-radius: 0;
}
.beny_tm_news ul li.fullw {
    width:100%;
}
.beny_tm_news ul li .list_inner {
    width: 100%;
    height: auto;
    clear: both;
    float: left;
    position: relative;
}
.beny_tm_news ul li .image {
    position: relative;
    overflow: hidden;
    border-radius: 0px;
/*    height:250px;*/
    cursor: pointer;
}
.beny_tm_news ul li .image .main {
/*
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position:0 0;
    border-radius: 0px;
    transition: all 1s cubic-bezier(0,0,.1,1);
*/
}
.beny_tm_news ul li .image .main img{width:100%;}
.beny_tm_news ul li .details {
    width: 100%;
    float: left;
    padding:15px;
}
.beny_tm_news ul li .list_inner a .details span {
    font-size: 16px;
    display: inline-block; color: #505A63;
}
.beny_tm_news ul li .list_inner a .details .title {
    text-decoration: none;
    color: #0f172a;
    margin-top: 5px;
    font-size:19px;line-height: 25px;
    font-weight: 700;
    cursor: pointer;
    transition: all .3s ease;text-transform: uppercase;min-height: 50px;
}
.beny_tm_news ul li .list_inner a:hover .details .title {
	color: #1154A5;
}

.get-everything{
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}


@media (min-width: 768px) {
.container, .container-lg, .container-md, .container-sm {
    max-width: 100%;
}
}


@media (min-width: 992px) {
.container, .container-lg, .container-md, .container-sm {
    max-width: 960px;
}
}

@media (min-width: 1200px) {
.container, .container-lg, .container-md, .container-sm {
    max-width: 1170px;
}
}

@media (min-width: 1400px) {
.container, .container-lg, .container-md, .container-sm {
    max-width:1360px;
}
}

@media (max-width: 1600px) {
		.ap-sec{background: url("../images/header-bg-big.jpg") no-repeat;background-position:78% center;}
}

@media (max-width: 1440px) {
		.img-right {
 right:0px;
}
.img-left {
  left:0px;
}
	
	.card-left {
  
  right: 300px;
  
}
.card-right {
  
  left: 310px;;
}
	.ap-sec{background: url("../images/header-bg-big.jpg") no-repeat;background-position:78% center;}
	
}

@media (max-width: 1400px) { 
		h2, .h2{font-size: 45px;}
h1{font-size: 90px; }
		.ap-sec .left-part p {font-size: 21px;}
		.ptb-130, .ptb-120 {padding: 90px 0;}
	.img-left{margin: 140px 0 0 0;}
.about-blue-box {
		padding: 65px 35px;}
	.about-ap-sec h2 {
		padding: 80px 0px;}

	.home-content {
    margin: 0 0 0 5%;
}
	.img-right {
 right:0px;
}
.img-left {
  left:0px;
}
	
	
	.ap-sec .home-text-box {
    top: 200px;
    width: 480px;
}
	.ap-sec h1{font-size:74px;}
	.ap-sec{background: url("../images/header-bg-big.jpg") no-repeat;background-position:78% center;}
.ap-sec p{font-size:17px;}
	.beny_tm_news ul li {width: 47.2%;}
}


@media (max-width: 1199px) {
h1{font-size: 70px; }
	.ap-sec .home-text-box {
    top:250px;
    width:290px;
}
		.ap-sec{background: url("../images/header-bg-big.jpg") no-repeat;background-position:82% center;}
	.ap-sec h1{font-size: 43px;}
		.ap-sec .left-part p {font-size: 16px;}
	.ap-sec .right-part {padding-top: 70px;}
		p {font-size: 25px;line-height: 30px;}
	.ptb-130, .ptb-120 {padding: 70px 0;}
	.pb-120{padding-bottom:70px;}
	.home-content{margin:0 0 0 2%;}
		h2, .h2{font-size: 40px;}
		h3, .h3{font-size: 30px;}
.img-left{margin: 140px 0 0 0;}

	
	.about-blue-box {
		padding: 54px 35px;}
	.about-ap-sec h2 {
		padding: 40px 0px;}
.container-fluid{width: 960px;}
	.padding-fifteen-lr {
    padding-left: 15px !important;
    padding-right: 15px !important;
}
	.about-blue-box .dot{margin: 12px 0 0 0;}
	.dot{margin:11px 0 0 0;}
	.beny_tm_news ul li {width:46.7%;}
	
}


@media (max-width: 991px) {
h1{font-size: 70px; }
	h2, .h2{font-size: 40px;}
	.ap-sec .left-part p {font-size: 21px;}
	p {font-size: 25px;line-height: 30px;}
	.ptb-130, .ptb-120 {padding: 70px 0;}
	.pb-120{padding-bottom:70px;}
	.ap-sec .right-part {padding-top:50px;}
	.no-gutters{padding:0 15px;}
	.mt-20{margin-top:20px;}
	h3, .h3{font-size: 25px;}
	.home-port-logo .col-md-3{text-align: center; margin-bottom: 30px;}
	.home-port-logo{margin:0px 0;}
	.bb-sec .round-text {padding:35px 0 70px 40px;}
	.book-sec .btn-sec .btn{width: 100%; margin:10px 0;}
	.home-content{margin:0;}
	.card-left, .card-right {width: 400px;}
	.img-left{margin: 140px 0 0 0;}
	.footer {padding: 50px 0 35px 0;}
	.copyright{padding:20px 0 0 0;}
	
	.about-ap-sec h2 {padding: 0 0 30px 0px;}
	.ptb-60 {padding: 30px 0;}
	.about-blue-box {padding: 50px 20px; margin-bottom: 20px;}
	.about-ap-sec p {font-size: 16px;}
	.df-jce {justify-content:start;}
	#contact-form-3{padding: 30px;}
	#contact-form-3 .h2{font-size:30px;}
	.email-box{padding: 17px 19px;}
	.container-fluid{width: 720px;}
	.home-ap-image {margin-right:0;}
	
	header nav .container-fluid.nav-header-container{width:100%;}
	.ap-sec{background: url("../images/header-bg-small.jpg") no-repeat;background-size: cover; height: 800px; background-position: center center; }
	.ap-sec .home-text-box {
    top: 50px;
    width: 95%;
    text-align: center;
}
	.ap-sec h1 {
    font-size: 50px;
}
	.img-cen{text-align: center;}	
	.beny_tm_news ul li {width:45.7%;}
	
}


@media (max-width: 767px) {
	h1{font-size: 50px; }
	h2, .h2{font-size: 30px;}
	.ap-sec .left-part p {font-size: 18px;}
	p {font-size: 21px;line-height: 30px;}
	.ptb-130, .ptb-120 {padding: 50px 0;}
	.pb-120{padding-bottom: 50px;}
	.ap-sec .right-part {padding-top:50px;}
	.no-gutters{padding:0 15px;}
	.mt-20{margin-top:20px;}
	.bb-sec .img-right, .bb-sec .img-left{text-align: center;}
	.card-left, .card-right{width: 474px;top: 0;right: 0;left:0;position: relative;margin: 0 auto 20px;}
	h3, .h3{font-size: 25px;}
	.home-port-logo .col-md-3{text-align: center; margin-bottom: 30px;}
	.home-port-logo{margin:0px 0;}
	.btn-port{align-items:start; justify-content:start;}
	.round-text {padding:35px 0 70px 40px;}
	.book-sec .btn-sec .btn{width: 100%; margin:10px 0;}
	.home-content{margin:0;}
	.footer {padding: 50px 0 35px 0;}
	.copyright{padding:20px 0 0 0;}
	.footer h3, .footer .h3, .social-link{ justify-content: center;}
	.about-ap-sec h2 {padding: 0 0 30px 0px;}
	.ptb-60 {padding: 30px 0;}
	.about-blue-box {padding: 50px 20px;}
	.about-ap-sec p {font-size: 16px;}
	#contact-form-3{padding: 20px;}
	.logo-wrap img{width: 90px;}
	
	.ap-sec .home-text-box {
    top: 50px;
    width: 95%;
    text-align: center;
}
	.ap-sec h1 {
    font-size: 45px;
}
	.beny_tm_news ul li {width:100%;margin: 0 0 15px;}
  .get-everything{
    flex-direction: column;
  }
  .get-everything span{
    text-align: center;
    margin-left: 0 !important;
    font-size: 14px;
    margin-top: 10px;
  }
}

@media (max-width:575px) {
	.card-left, .card-right{width: 100%;top: 0;right: 0;left:0;position: relative;margin: 0 auto 20px;}
h1{font-size: 45px; }
	.email-box{width: 100%;padding: 10px 10px;}
	.email-box a{font-size: 19px;}
}
@media (max-width:375px) {
	
}