body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #111;
  font-family: AvenirProLight, "Arial";
  font-weight: 400;
  font-size: 0.75em;
  line-height: 1.4;
  margin: 0;
  text-rendering: optimizeLegibility;
}
.h1, .h2, .h3, h1, h2, h3{line-height: 1.1}
a, a.visited, a:hover, a:active, a:focus{outline: 0; text-decoration: none;}
.h2, h2{}
.h3, h3{ font-size: 1.5rem }
.h4, h4{font-size: 1rem;}
.h5, h5{font-size: 1.2rem; margin-bottom: 2px;}
.h6, h6{}
 h4:after {
    background: #767676;
    content: "\020";
    display: block;
    height: 1px;
    margin: 0.5rem 0 1rem;
    width: 100%;
}
.font-bold{font-weight: bold}
h2.no-b-p:after{margin-bottom:0px}
.wd-100{width:100px;}
.f-size{font-size: 20px;}
.sponser{ margin-top: 40px;}

.inner-content{padding: 15px;background-color:  white;display:block;}
.lleft{max-width: 32%;flex: 32%;padding-left: 10px;padding-right: 10px}
.lright{max-width: 68%;flex: 68%;padding-left: 10px;padding-right: 10px}

.main-navigation .main-menu > li:last-child > a {
    padding-right: 0px;
}

.imageText {
    width: 100%;
}
.imageText.right img {
    float: right;
    width: auto;
    padding: 5px 0 5px 5px;
}
.imageText.left img {
    float: left;
    width: auto;
    padding: 5px  5px 5px 0;
}
header.site-header{background-color: #000;padding: 0rem 0;}

nav.social-navigation, nav.main-navigation{text-align: right;color: white;}
nav.social-navigation ul.social-links-menu li a, nav.main-navigation a{color: white }
nav.social-navigation{
  display: inline-block;
  float: right;
  margin-top: 10px;
}
.sclink {margin-top: 0px;}
.soc-nav-text{width: 150px;
    font-weight: bold;
    margin-left: 30px;}

.sclink nav.social-navigation{text-align: left;color: inherit; float: left;}
.sclink nav.social-navigation ul.social-links-menu li a, .sclink nav.main-navigation a{color: inherit !important}
.sclink nav.social-navigation{
  display: inline-block;
  float: left;
  margin-top: 10px;
}

#owl-demo .item{
  margin: 3px;
}
#owl-demo .item img{
  display: block;
  width: 100%;
  height: auto;
}
section.section{padding: 2rem 0}
section.banner-sec1 {
    padding: 2rem 0 1rem;
}

.dark-green,.dark-green a{color:#006972; color:rgb(0,105,114); }
.dark-green a:hover{color:#8b898a; }
.dark-green:after,.dark-green h2:after{background-color: rgb(0,105,114);}

.mid-green, .mid-green a{color:#007C87; color:rgb(0,124,135);}
.mid-green:after{background-color: rgb(0,124,135);}

.orange, .orange a{color:#F1642C; color:rgb(241,100,44);}
.orange a:hover{color:#b18631 }
.orange:after{background-color: rgb(241,100,44);}

.white, .white a{color:white;}
.white:after{background-color: white;}
.purpal, .purpal a{color:#af588a;}
.purpal a:hover{color:rgb(0,105,114); }
.purpal:after,.purpal h2:after{background-color: #af588a;}

.gray,  a.gray, .grey, .grey a {color: #8b898a;}
.grey a:hover{color:#424041 }
 a.gray:hover{color: #424041; text-decoration: none;}

.greyform input[type=text],.greyform input[type=email],.greyform input[type=checkbox],.greyform textarea{background-color: #ccc; border-radius: 0px;}

.greyform input[type=checkbox]:after {
  content: " ";
  background-color: #ccc;
  display: inline-block;
  visibility: visible;
  width: 16px;
    height: 16px;
}

.greyform input[type=checkbox]:checked:after {
  content: "\2714";
}

.gray:after, .gray h2:after{background-color: #8b898a;}

.gold, .gold a{color: #b18631}
.gold a:hover{color:#F1642C }
.gold:after{background-color: #b18631;}

.blue, .blue a{color: rgb(9, 75, 204)}
.blue.borderbottom{border-bottom: solid 2px rgb(9, 75, 204); padding-bottom: 15px;}
.blue a:hover{color:grey }
.borderbox{border: solid 2px #076675; font-size: 18px !important; }
.baseline{text-align: right; margin-bottom: 15px; color:#8b898a }


.bg-gray{background-color: #f4f4f4}
.bg-dark-blue{background-color: #0b1e36;}
.btn-submit{width: 100% !important;  padding: 4px !important;
  padding-top: 6px !important;
  padding-bottom: 2px !important;}
.bb-orange{border-bottom: 1px solid #F1642C}

.gold-2border:after{color: #b18631;border-bottom: 2px solid #b18631;background-color: #f4f4f4}
.border-botton-gray{border-bottom:1px solid #8b898a;}

.grey_s1, .grey_s1 a{color:rgb(110, 110, 110)}


.btn{font-size: 14px;padding: 2px 20px;border-radius: 0}
.btn-orange{background-color:#F1642C; color: #fff!important; color: white; }
.btn-orange:hover{ text-decoration: none; color: white; }
.btn-blue {
    background-color: #0b7a89;
    color: #fff!important;
    color: white;
}
.btn-blue:hover{ text-decoration: none; color: white; }
.btn-bg-white{background-color: white; color:#8b898a;}
.cdp{background: url("images/calendar-icon.png")  no-repeat !important;  background-size: contain !important; background-position-x: right !important;}
.subscribe form{ margin:10px 0;}
.subscribe input[type="email"]{font-size: 16px; background-color: #f4f4f4; border:none;}
p.Small{font-size: 12px;}

.home-sec3 {
  position: relative;
  overflow: hidden;
  color:white;
  background: url("images/bg2.jpg") 0 0 no-repeat;
  background-size: cover;
  background-position: center;
  padding:120px 0px !important;
}

.home-sec4 {
  position: relative;
  overflow: hidden;
  color:white;
  background: url("images/Clariant image crop.jpg") 0 0 no-repeat;
  background-size: cover;
  background-position: center;
  padding:120px 0px !important;
}

.hhome-sec4::before {
  content: "";
  position: absolute;
  width: 200%;
  height: 200%;
  top: -50%;
  left: -70%;
  z-index: -1;
  background: url("images/Clariant image crop.jpg") 0 0 repeat;
  transform: rotate(180deg);
}
footer .menu-social-container,footer .menu-social-footer-container{text-align: left;}
.heading, .heading a{ font-size: 28px; text-decoration: none;}
.heading a:hover{text-decoration: none;}
.news-list{ border-bottom: 1px solid #000; padding:15px 0; height:133px }
.news-list:last-child{ border:none;}
.news-list .date{font-size: 12px; margin-bottom: 10px;}
.news-list .title, .news-list .title a {color: #8b898a; font-size: 16px;}
.news-list .title a:hover { text-decoration:none; color: rgb(9, 75, 204); }
.news-list.first{ padding-top: 0px; height:250px}
.news-list.first p{margin-bottom: 10px}

.f-artical{height: 251px; margin-bottom: 15px;}
.f-artical:last-child{margin-bottom: 0px;;}

.events-list{ border-bottom: 1px solid #ccc; padding:15px 0; }
.events-list:last-child{ border:none;}
.events-list .date{font-size: 12px; margin-bottom: 10px;}
.events-list .title{color: #8b898a;}
.events-list.first{ border:none; }
.events-list.first p{ margin-top: 50px; margin-bottom: 10px}
.event-content{ margin-bottom: 10px }
.event-content h6{margin: 0;}


.entry-list p{color: #8b898a;}
.entry-list img{ width: 100px;height: auto; }
/* about us page ==========*/
section.hexagon-shape{  text-align: center;}
/* search ==========*/
.sb-search {
	position: relative;
	margin-top: 10px;
	width: 0%;
  margin-left:15px;
  border-left: 1px solid #fff;
  padding-left:15px;
	min-width: 47px;
	height: 32px;
	float: right;
	overflow: hidden;
	-webkit-transition: width 0.3s;
	-moz-transition: width 0.3s;
	transition: width 0.3s;
	-webkit-backface-visibility: hidden;
}

.sb-search-input {
	position: absolute;
	top: 0;
	right: 0;
	border: none;
	outline: none;
	background: transparent !important;
  border: none !important;
	width: 100%;
	height: 32px;
  color:#fff !important;
	margin: 0;
	z-index: 10;
	padding: 20px 65px 20px 20px;
	font-family: inherit;
	font-size: 20px;
	color: #2c3e50;
}

.sb-icon-search,
.sb-search-submit  {
	width: 47px;
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	padding: 0;
	margin: 0;
	text-align: center;
	cursor: pointer;
}

.sb-search-submit {
	background: #fff; /* IE needs this */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */
    filter: alpha(opacity=0); /* IE 5-7 */
    opacity: 0;
	color: transparent;
	border: none;
	outline: none;
	z-index: -1;
}

.sb-icon-search {
	color: #fff;
	/*background: #e67e22;*/
	z-index: 90;
	text-transform: none;
	-webkit-font-smoothing: antialiased;
}


/* Open state */
.sb-search.sb-search-open,
.no-js .sb-search {
	width: 200px;
  border: solid 1px #fff;
  border-radius: 15px;
}

.sb-search.sb-search-open .sb-icon-search,
.no-js .sb-search .sb-icon-search {
	color: #fff;
	z-index: 11;
}

.sb-search.sb-search-open .sb-search-submit,
.no-js .sb-search .sb-search-submit {
	z-index: 90;
}

.searchcontainer{
    color: #fff;

    margin: 1px 15px;
    }

.searchcontainer svg {
    display: block;
    width: 32px;
    height: 32px;
    transform: translateZ(0);
}


/* advertise */

.headrow.grey .col .head{ background-color: grey; color:#fff; border-left:1px solid #fff; border-right:1px solid #fff;margin-left: -15px;
    margin-right: -15px;
    padding: 5px 5px 5px 15px; }
.headrow.grey .col .head.active, .headrow.grey .col .head:hover{ background-color: #006972; color:#fff}

ul.planul{padding:0; list-style: none;}
.fs-55{font-size: .55rem;}
hr{width: 100%}
hr.grey{ border-color: grey;}

.hexasvg{  width:131px; height: 150px; margin: 0 auto; position: relative;
  background-image: url(images/hex-out-grey.svg);
  background-size: cover;
  display: table;
}
.hexasvgsize2{ width:219px; height: 253px;
background-image: url(images/hexagon.svg);
}

.hexasvg svg {
  width: 35px;
  height: 35px;
  color: grey;
  margin-top: 5px;
}
.hexasvglink{  width:131px; height: 150px; margin: 0 auto; position: relative;
  background-image: url(images/hex-out-green.svg);
  background-size: cover;
  display: table;
  color:#111;
}
.hexasvglink:hover{
  background-image: url(images/hex-fill-green.svg); color:#fff;
}
.hexasvglink span{
  margin-left: 5px;
  margin-right: 5px;
}
.hexboxes .col{ margin-bottom: 10px;}
/*.hexboxes .col:nth-child(7){ margin-left: 80px;}
.hexboxes .col:nth-child(11){ margin-right: 80px;}*/

/* -----------hexagon Circle ---------*/
.hexagon {
  width: 131px;
  height: 75px;
  position: relative;
  border-left: 2px solid #006972;
  border-right: 2px solid #006972;
}

.hexagon:before,
.hexagon:after {
  content: "";
  position: absolute;
  left: 26px;
  width: 75px;
  height: 75px;
  transform: rotate(145deg) skew(22.5deg);

}

.hexagon:before {
  top: -38px;
  border-left: 2px solid #006972;
  border-bottom: 2px solid #006972;
}

.hexagon:after {
  top: 38px;
  border-top: 2px solid #006972;
  border-right: 2px solid #006972;
}

.hexagon span {
  position: absolute;
  top: 0;
  left: 7px;
  width: 114px;
  height: 75px;
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}

.hexagon:hover ,
.hexagon:hover:before,
.hexagon:hover:after{
  background-color: #006972;
  color:white;
}

.orange-bullet{background-image: url(images/hex-fill-orange.svg);
    background-repeat: no-repeat;
    background-size: contain;
    float: left;
    width: 30px;
    height: 23px;}
    .bullet-greenout-ul ul li{
      list-style: none;
      padding-left: 10px;
      position: relative;
      color: #8b898a;
    }
.bullet-greenout-ul ul li:before{
  background-image: url(images/hex-out-green-2.svg);
  background-repeat: no-repeat;
  background-size: contain;
  padding-left: 30px;
  content:'';
display:inline-block;
height:19px;
width:20px;
position: absolute;
    left: -20px;
    top: 4px;
}
.primery-menu{position: relative;}
.main-navigation .main-menu > li.menu-item-has-children {
     position: unset;
     display: unset;
}
.main-navigation button {color: #fff; margin-right: 35px !important;}
.main-navigation .main-menu > li.menu-item-has-children > a {
    margin-right: 0;
    padding-right: 0px;
}

.sub-menu{position: absolute !important; width: 100% !important; background-color: #0b7a89 !important; min-width: 100% !important; border-top:solid 1px #fff;}
.main-navigation .main-menu > li.menu-item-has-children .submenu-expand svg {
    position: relative;
    top: -0.2rem;
}
.main-navigation .sub-menu > li {width: 20%; float: left;}
.main-navigation .sub-menu > li > a{font-weight: normal;font-size: 0.66rem;text-align: left;}
.main-navigation .sub-menu > li > a:hover{color:#F1642C!important; background-color: #0b7a89 !important; text-decoration: none;}
.main-navigation .sub-menu > li:nth-child(4n+2) {margin-left:20%}
/*.main-navigation .sub-menu > li:nth-child(3n+3) a{text-align: center;} */

/*  elementor */
.elementor-section.elementor-section-boxed>.elementor-container {
     max-width: 100% !important;
}
.elementor-column-gap-default>.elementor-row>.elementor-column>.elementor-element-populated {
     padding: 0px !important;
}
/* -----------small Circle ---------*/

.entry-list .hexagon-text {
  margin-left:37px;
}

.entry-list .hexagon {
  width: 22px;
  height: 12px;
  position: relative;
  border-left: 1px solid #006972;
  border-right: 1px solid #006972;
  float: left;
  margin-top: 4px;
}


.entry-list .hexagon:before,
.entry-list .hexagon:after {
  content: "";
  position: absolute;
  left: 4px;
  width: 12px;
  height: 12px;
  transform: rotate(145deg) skew(22.5deg);

}

.entry-list .hexagon:before {
  top: -6px;
  border-left: 1px solid #006972;
  border-bottom: 1px solid #006972;
}

.entry-list .hexagon:after {
  top: 6px;
  border-top: 1px solid #006972;
  border-right: 1px solid #006972;
  background-color: transparent;
}

.entry-list .hexagon span {
  position: absolute;
  top: 0;
  left: 7px;
  width: 12px;
  height: 12px;
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}

.entry-list .hexagon:hover ,
.entry-list .hexagon:hover:before,
.entry-list .hexagon:hover:after{
  background-color: #006972;
  color:white;
}
/*------------color .purpal------------*/
.entry-list .hexagon.purpal, .entry-list .hexagon.purpal:before, .entry-list .hexagon.purpal:after {
  border-color: #af588a;
}
.entry-list .hexagon.purpal:hover ,
.entry-list .hexagon.purpal:hover:before,
.entry-list .hexagon.purpal:hover:after{
  background-color: #af588a;
}

.entry-list{margin-bottom: 15px; }

.award-form{font-size: 0.68rem}
.form-control {
    height: calc(1em + .68rem + 1px);
    line-height: 1;
    padding-top: 6px !important;
}
.form-group label{margin-bottom: .2rem;}
/* -----------  Big gray Circle ---------*/

.digital .hexagon2 {
  width: 225px;
  height: 130px;
  position: relative;
  border-left: 10px solid #8b898a;
  border-right: 10px solid #8b898a;
  margin-left: 30px;

}

.digital .hexagon2:before,
.digital .hexagon2:after {
  content: "";
  position: absolute;
  left: 38px;
  width: 130px;
  height: 130px;
  transform: rotate(145deg) skew(22.5deg);

}

.digital .hexagon2:before {
  top: -65px;
  border-left: 10px solid #8b898a;
  border-bottom: 10px solid #8b898a;
}

.digital .hexagon2:after {
  top: 65px;
  border-top: 10px solid #8b898a;
  border-right: 10px solid #8b898a;
}

.digital .hexagon2 span {
  position: absolute;
  top: 0;
  left: 0px;
  width: 225px;
  height: 125px;
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.5rem;
  font-weight:bold;
  padding: 0 25px;
}



/* ----------- END Big gray Circle ---------*/


.social{}
.social li{ float: left; list-style: none;margin-right:8px; }
.hr-icon{ position:relative; }
.hr-icon span{ height: 50px ;margin-left:10px;}
.hr-icon span img{ height: 50px; margin-top: -22px }
.bg-dark-green {
  background-color: #006972 !important; color:#fff;
}
.min-h-46{min-height: 46px;}
.dark-green.border-botton{border-bottom:1px solid #006972; padding-bottom: 6px }


section.slider-sec1{padding:0;}
.border-left{border-left: 2px solid #006972!important}
.border-right{border-right: 2px solid #006972!important}
.btn-show-more{padding: 4px 0 0 27px; width: 150px; height: 30px; border: 1px solid rgb(29, 44, 243);color: rgb(29, 44, 243); font-size: 14px;border-radius: 0; position: relative;}
.btn-show-more:hover{ border: 1px solid rgb(29, 44, 243); color: white; background: rgb(29, 44, 243)}
.btn-show-more:focus,.btn-show-more:active{color: white; background: rgb(29, 44, 243);outline: none;
  box-shadow: none;}
.btn-text-left{float: left;}
.btn-text-right{float: left;background-color: rgb(29, 44, 243);padding-left: 40px}
.btn-show-more:hover .btn-text-right{background-color: white;}
.font-ragular{font-family: GuardianEgyp-Regular; }
.pctl {
    position: absolute;
    font-size: 12px;
    bottom: -18px;
    right: 16px;
    z-index: 1;
    padding-bottom: 0;
    margin-bottom: 0;
    margin-top: 10px;
}
.no-border:after{height:0!important;}
.entry-bellow h5{margin-bottom: 40px;}



.bottomsignup p {
     margin-top:  10px;
     margin-bottom: 1rem;
    font-size: 0.5rem;
}

.bottomsignup .btn {
    font-size: 14px;
    padding: 3px 15px;
    border-radius: 0;
}

.bottomsignup input[type="email"] { margin-top: 0px !important;}
.sector_heading{border-bottom: 1px solid #006972;font-weight: bold;
    margin-bottom: 13px;}
.articledate{font-size: 15px; margin-top: 18px; width: 150px; text-align: right;}
.articletitle{width: calc(100% - 200px)}
.relateditems ul{ list-style: none; margin:0; padding:0}
.relateditems ul li{border-bottom: 1px solid #006972; margin:5px 0;}
.relateditems h4, .relateditems h4::after{margin-bottom: 0px;}
section.topad{padding-bottom: 0px;}
section.bottomad{padding-top: 0px;}
.socialspace{margin-top: 78px;}

.hexboxtext{ font-size: 30px; width: 180px;}
.staticpos{margin-left: -70px; display: block;
    min-height: 100px;}
/* ============== responsive css==================*/

@media screen and (max-width: 362px) {
  .hexboxes .col {padding-left: 3px ; padding-right: 3px;}
  /*.hexasvglink {
    width: 120px;
    height: 137px;
    font-size: 13px;
  }*/
}
@media only screen and (max-width: 767px) {
  .articledate, .articletitle{width: 100%;}
  .logo {
    margin-top: 15px;
}
  .hexboxtext{font-size: 16px;}
  .sthumb { margin-left: 0 !important;}
  .joblist {
    margin: 10px 15px !important;
}
  .h1, h1 {
      font-size: 2rem;
  }
  .h2, h2 {
    font-size: 1.5rem;
  }
  .h3, h3 {
      font-size: 1.25rem;
  }
  .socialspace{margin-top: 2px;}
  .headline{margin-top: 15px;}
  .home-sec3 {
    padding: 50px 0px !important;
  }

  .twoad .mb-1{margin-top: 1rem!important; margin-bottom: 1rem!important;}
  #awardentry .row .ml-5, #Subscribeform .row .ml-5 {margin-left: 0rem!important;}
  section.section {
     padding: 1rem 0;
 }
  .mob-pt-5 {
    padding-top: 1rem!important;
 }

 .mob-mt-n5 {
   margin-top: -0rem!important;
}

 .hr-icon span {
     margin-left: 5px;
 }
 .hr-icon span img {
    height: 29px;
    margin-top: -7px;
}

.newsbtonrow{margin-top: .5rem!important; margin-left: 0;
    margin-right: 0;}

.hexboxes .col:nth-child(7){
     margin-left: unset;
}
 .hexboxes .col:nth-child(11) {
     margin-right: unset;
}
  #colophon .widget-column .widget:nth-child(1) {
    width: 100%;
  }
  #colophon .widget-column .widget:nth-child(2) {
    width: 100%;
  }
  #colophon .widget-column .widget:nth-child(3) {
    width: 100%;
  }
  #colophon .widget-column .widget:nth-child(4) {
    width: 100%;
  }
  #colophon .widget-column section.widget{
    border-right: 0;
    border-bottom: 1px solid white;
    padding-bottom: 20px;
  }
  #colophon .widget-column section:last-child {
    border-bottom: none;
    padding-bottom: 0px;
  }
  .right.border-right{border:0!important;}
  .right.border-left{border:0!important;}

  .awardimgcont .mt-5{margin-top: .25rem!important;}
  .awrdimgcont {margin-bottom: 15px;}
  .hexagon-shape .mb-5{
    margin-bottom: .5rem!important;
  }
  .hexagon-shape .mt-5{
    margin-top: .5rem!important;
  }
}

@media screen and (min-width: 769px) {
  #toggle {
  display:none;
  }
}

@media screen and (max-width: 768px) {
  .menu-social-footer-container {
    text-align: center !important;
}
  #popout {
  position: fixed;
  height: 100%;
  width: 250px;
  background: rgba(44, 42, 42, .98);
  color: white;
  top: 0px;
  left: -250px;
  overflow:auto;
  z-index: 15;
  }

  #toggle {
  width: 28px;
  height: 24px;
  }

  .main-navigation .main-menu {
    width: 100%;
}

  .main-navigation .main-menu li {
  border-bottom:1px solid #fff;
  border-right:none;
  padding-top:15px;
  width:100%;
  display: block;
  line-height: 1 !important;
  }
  .main-navigation .main-menu > li.menu-item-has-children {
      display: block;
  }
  .main-navigation .main-menu li:hover {

  }

  .main-navigation .main-menu li a {
  color:#FFF;
  text-decoration:none;
  }

  .main-navigation .main-menu > li:last-child {
    border-bottom:1px solid #fff;
  }

  .main-navigation .main-menu > li:last-child > a {
      padding: 10px 35px;
      padding-top: 0px;
  }
  .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu {
    position: relative !important;
  }

  .main-navigation .sub-menu > li {
    width: 100%;
    float: none;
}
.main-navigation .sub-menu > li:nth-child(4n+2) {
     margin-left: unset;
}
}

#site-branding { margin-bottom: 10px;}
.main-navigation .main-menu > li > a {
  color:#FFF;
  text-decoration:none;
  font-family: FuturaProBook;
  font-size: 16px;
  font-weight: 400;
  }
#logo{
  float: left;
  margin-bottom: 10px;
  text-align: center;
}
#topsocial{
  float: right;
}
#logotagline{
    text-align: center;
    margin-top: 75px;
    font-size: 33px;
    margin-right: 310px;
    font-family: AvenirProLight;
}
#logotagline a {text-decoration: none; color: #fff;}
#logotagline_top{display: none;}
.menu-main-menu-container{text-align: center; height: 47px;}

.custom-logo-link-footer{width: 150px; text-align: center;}
.custom-logo-link-footer img{max-width: 150px; margin: 0 auto;}
ul.footer-menu{list-style: none; margin: 0; padding: 0;}
ul.footer-menu li{line-height: 1;}
ul.footer-menu li a{color: #fff; margin: 5px 0px; padding: 0; font-size: 12px; font-family: AvenirProLight; }

.elementor-column-gap-default>.elementor-column>.elementor-element-populated {
  padding: 0px !important;
}
form.wpcf7-form p{margin: 0; width: 100%;}
form.wpcf7-form .btn-submit:hover, form.wpcf7-form .btn-submit:focus{
  background-color: blue;
}
.footersignup, .site-info {
  font-family: AvenirProLight;
}
.signuptext{ font-size: 14px; margin-top: 7px;;}
.headline{font-family: AvenirProLight; font-size: 51px; font-weight: 700;}
.midline{font-family: AvenirProLight; font-size: 30px; font-weight: 700;}

.AvenirProLight{font-family: AvenirProLight;}
.AvenirProMedium{font-family: AvenirProMedium;}

.purple_s1{color: #A25D88;}
.black, .black a{ color: #000;}
.black a:hover,.hover_blue a:hover { color: rgb(9, 75, 204)}
.f-size-12{font-size: 12px;}
.f-size-16{font-size: 16px;}
.f-size-19{font-size: 19px;}
.f-size-28{font-size: 28px;}
.f-size-32{font-size: 32px;}
.l-height-28{line-height: 28px;}
.ctp{
  container-type: inline-size;
}
.ctp-width{font-size: 3.2cqw;}
.upperLetter{text-transform: uppercase;}
.f-imagecontainer{width: 100%; height: 250px; background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center !important;}

.f-imagecover{width: 100%; height: 250px; background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;}

  .elementor-widget:not(:last-child){
    margin-bottom: 0px !important;
  }
  #stretchvideo,#stretchvideo video{height: auto;}

  .btn-primary {
    color: #fff;
    background-color: rgb(9, 75, 204);
    border-color: rgb(9, 75, 204);
}
.btn-primary:visited{
  color: #fff;
}
.b-bt{
 border-bottom: solid 1px #000;
}

.youtube-video {
  aspect-ratio: 16 / 9;
  width: 100%;
}

@media (min-width: 1400px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl {
      max-width: 1240px;
  }
}
@media only screen and (max-width: 768px) {
  .ctp-width { font-size: 1.25rem;}
  .mobile-text-center{text-align: center !important;}
  #logo{float: none; margin-bottom: 1px;}
  #logotagline{display: none;}
  #logotagline_top{display: block;}
  #topsocial{ margin-bottom: 10px;}
  .main-navigation {
    margin: 6px;
}
.main-navigation .main-menu > li > a {
  
   margin-top: 0px;
}
.menu-footer{display: none;}
.site-info{margin-top: 5px;}
.f-artical{height: auto;}
}