h2{
	font-size: 1.8em;
}
.textMultiColor{
	text-align: center;
	margin-top: 10%;
	float: left;
	padding: 0;
}
.textMultiColor p{
	font-weight: bold;
    font-size: 60px !important;
    line-height: 54px;
    text-align: left;
    color: #000;
}
.textMultiColor span.textOrange{
	color: #fe5000 !important;
}
.textMultiColor span.textLightOrange{
	color: #ffa981 !important;
}
.textTeam{
	padding-top: 60px;
}
p{
	font-weight: lighter;
}
#p42 .textTestimonials p,
#p44 .textTestimonials p{
	color: #909090;
}
#p42 .textTestimonials h2,
#p44 .textTestimonials h2{
	color: #909090;
}
.textSliderBox2 p a {
	color: #fe5000;
	font-size: 18px;
}
.textSliderBox2 p a:after{
    content: "\f105";
    color: #fe5000;
    padding-left: 10px;
    font: normal normal normal 18px/1 FontAwesome;
}
.teamSlider{
	display: flex;
    justify-content: center;
}
.slick-slide img {
	display: block;
	width: 100%;
	height: auto;
}


/*  ############### POWERMAIL CSS ############### */
.containerPowermail{
	border-top: 72px solid #373737;
	margin: 0;
}
.tx-powermail h3{
	display: none;
}
.powermail_fieldwrap_email .form-control{
  width: 100%;
  text-align: right;
  border-bottom: 1px solid #e2e2e2; 
}
#recaptchaf180,
#recaptchaf220,
#recaptchaf200,
#recaptchaf250,
#recaptchaf170,
#recaptchaf330,
#recaptchaf620,
#recaptchaf310 {
  float: left;
  width: 50% !important;
  margin-bottom: 10px;
}
.powermail_fieldwrap .col-sm-10{
    padding: 0;
	width: 100%;
	max-width: 100%;
}
#powermail_field_email{
    font-size: 20px;
    color: #000;
    padding-bottom: 0;
    padding-top: 0;
    text-align: left;
    padding-left: 23px;
    padding-right: 0;
    width: 100%;
}
.powermail_fieldwrap input:focus{
    border-bottom: 1px solid #e2e2e2;
    border-top: 0;
    border-left: 0;
    border-radius: 0;
  	box-shadow: none;
}
.powermail_fieldwrap input[type=text]{
    font-size: 20px;
    color: #000;
  	padding-bottom: 5px;
  	padding-top: 0;
	text-align: left;
	padding-left: 23px;
	padding-right: 0;
    width: 100%;
}
.tx-powermail .powermail_fieldset .parsley-errors-list>li{
	padding-top: 40px;
}
.contact .powermails .inner div .tx-powermail .clock{
  	right: 5vw;
}
.powermail_legend{
	display: none;
	text-transform: uppercase;
	font-size: 36px;
	font-weight: 500;
	border: 0;
	margin-bottom: 0;
	padding-left: 60px;
	margin-left: 0 !important;
}
.powermail_legend .textOrange{
    color: #fe5000;
    border: 0;
}
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
  	background-color: #fff !important;
}	
.powermail-errors-list{
	background-color: transparent !important;
	margin-top: -35px !important;
	width: auto !important;
	display: block !important;
	border: 0 !important;
	margin-bottom: 0 !important;
}
 .powermail_field_error, 
.parsley-error, 
.powermail_form 
.powermail_fieldset div.error{
	background-color: transparent !important;
}
.powermail_fieldwrap_mymarker{
	margin-left: -25px !important;
}
.powermail_fieldwrap .control-label {
    direction: inherit;
    text-align: left;
    padding-left: 15px;
    color: #aeaeae;
    font-size: 16px;
    font-weight: normal;
    text-transform: uppercase;
    position: absolute;
    top: 0;
    z-index: 1;
    width: 100%;
    max-width: 100%;
}
.powermail_fieldwrap .control-label.translateUp{
	font-size: 10px;
	top: 10px;
}
label {
    position: absolute;
    top: 15px;
    left: 8px;
    transform: translate3d(0, 0, 0);
    transition: all 0.2s ease-in-out;
    font-size: 13px;
    font-weight: normal;
    z-index: 10;
}
label.translateUp  {
    transform: translate3d(0px, -20px, 0);
    font-size: 10px;
}
/* Powermail's Basic.css makes the checkbox input display:flex/grid (block-level),
   which breaks out of the label's inline flow and stacks it above the text instead
   of next to it. Make the label a flex row so the checkbox and text stay inline. */
.powermail_checkwrap label {
    display: flex;
    align-items: center;
    gap: 8px;
}
.powermail_checkwrap input[type="checkbox"] {
    flex: none;
}
/* Powermail's Basic.css (loaded inside @layer powermail-field) replaces the checkbox
   with a custom CSS-drawn box (appearance:none + its own border/background/checkmark),
   which doesn't match production's plain native checkbox. Since Basic.css's rules sit
   inside a named @layer, any unlayered rule here wins automatically regardless of
   selector specificity - so this alone is enough to restore the native look. */
.tx-powermail input[type="checkbox"] {
    appearance: auto;
    -webkit-appearance: checkbox;
    background-color: initial;
    border: initial;
    border-radius: initial;
    color: initial;
    display: inline-block;
    block-size: auto;
    inline-size: auto;
    width: auto;
    height: auto;
    place-content: initial;
}
.tx-powermail input[type="checkbox"]::before {
    content: none;
}
.powermail_fieldwrap_receiver .col-sm-offset-2{
	margin-left: 0;
	font-family: 'Roboto Condensed', sans-serif;
    color: #f05223;
    font-size: 28px;
    text-transform: uppercase;
    font-weight: 500;
}
.powermail_fieldset input:not([type="checkbox"]):not([type="radio"]){
	border-top: 0;
	border-left: 0;
	border-right: 0;
	box-shadow: none;
}
.powermail_fieldwrap_mymarker{
	margin-bottom: 0;
	float: left;
	width: 10% !important;
	color: #d6d6d6;
	font-size: 48px;
	text-transform: lowercase;
	line-height: 38px;
	margin-right: 4px !important;
}
.powermail_fieldwrap_mymarker .col-sm-offset-2{
	padding-left: 0;
	margin-left: 0;
}
.powermail_fieldwrap{
	flex: unset;
    max-width: 100%;
    padding: 0;
    position: relative;
    padding-bottom: 0px;
    border-radius: 0;
	width: 100%;
}
input[type=text] {
	border-bottom: 1px solid #e2e2e2;
}
.powermail_fieldwrap_type_submit input[type="submit"]{
	background-color: #fe5000;
	padding-left: 110px;
	padding-right: 30px;
	padding-top: 15px;
	padding-bottom: 10px;
	border-bottom: 0;
	color: #fff;
	text-transform: uppercase;
	font-size: 22px;
	text-align: right;
	font-weight: 600;
	border-radius: 0;
}
.powermail_fieldwrap_mesaj .col-sm-10{
	padding-top: 0px;
}
#nav-icon1 span, #nav-icon3 span, #nav-icon4 span{
	background: #fff;
}
.powermail_form .powermail_message_error{
    position: absolute;
    bottom: -8vh;
    left: 2vh;
    background-color: transparent !important;
    border: 0 !important;
    padding-top: 15px !important;
}
.powermail_fieldwrap_fullname{
	float: left;
	width: 92%;
}
.g-recaptcha{
	width: 100%;
}
.container-fluid{
	padding: 0;
}
.frame-container {
	padding: 0;
}
.powermailLanding{
	padding: 0;
	margin: 0;
	float: right;
}
.powermailLanding .frame{
	padding-bottom: 0;
	padding-top: 2rem;
}
.powermailLanding h2{
	display: none;
}
.terms {
    margin-top: 20px
}
.terms ul {
    padding: 0;
    float: none;
}
.terms ul li a{ 
  font-size: 16px;
  color: #a3a3a3;
}
.terms ul li{
    text-align: center;
}
#p142 p{
  font-weight: lighter;
}


#p147 .containerBox p{
  font-weight: lighter;
}
.powermailLanding .textOrange{
	color: #fe5000 !important;
	text-transform: uppercase;
	float: left;
	font-size: 34px;
	font-weight: 500;
	margin-left: 20px;
}
.powermailLanding p.lead{
	color: #000;
	text-transform: uppercase;
	float: left;
	font-size: 34px;
	font-weight: 500;
	margin-top: 2px;
}
.powermailLanding p{
	margin: 0;
}
.tx-powermail fieldset{
	width: 100%;
}
.powermail_fieldwrap_type_submit{
	text-align: right;
	padding-right: 0;
	float: right;
	width: 30%;
	margin-top: 0px;
	padding-top: 0;
}
div.g-recaptcha{
	margin-top: 10px;
	margin-bottom: 10px;
}



/*  #################################   MOBILE CSS   ##########################  */

@media screen and (min-width: 2221px) and (max-width: 2560px) {
	.textMultiColor p{
		font-size: 60px !important;
		line-height: 55px !important;
	}
}
@media screen and (min-width: 1025px) and (max-width: 1366px){
  .default.menuIsOpen .mainMenu .whiteContainer .menuContainer ul li a{
    margin-bottom: 0;
  }
  .default.menuIsOpen .mainMenu .whiteContainer .menuContainer ul.lvl-2 h3{
    font-size: 26px;
    margin-top: 5px;
    margin-bottom: 5px;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1210px){
    .mainMenu {
        width: 100% !important;
    }
    .default.menuIsOpen .mainMenu .whiteContainer{
       width: 25% !important;
    }
    .mainMenu ul li a{
      margin-bottom: 0 !important;
    }
    .mainMenu ul.lvl-2 li a{
      margin-bottom: 3px !important;
    }
}
/*  Landscape tablets 1024px */
@media (max-width: 1024px) {
	.default.menuIsOpen .mainMenu .whiteContainer .menuContainer{
		padding-top: 30px;
	}
	.containerPowermail .container {
	    width: 100%;
	}
	.contentEmpty .mainMenuWrapper, .default .mainMenuWrapper{
		height: 85px;
	}
	.powermailLanding{
		padding: 0;
	}
	.textMultiColor p{
	    font-size: 45px !important;
   	 	line-height: 40px;
	}
	.powermail_fieldwrap_advancedform input[type="submit"]{
		font-size: 18px;
		margin-top: 20px;
	}
	.powermail_fieldwrap_tellus input[type="submit"]{
		font-size: 18px;
		margin-top: 20px;
	}
	.powermail_fieldwrap .control-label{
		width: 100%;
	}
	.col-xs-12.col-sm-6.col-md-4.col-lg-1.member-tile.tile_ {
	    margin-bottom: 30px;
	    width: 12%;
	}
	.g-recaptcha{
		margin-top: 20px;
	}
	.powermail_fieldwrap_type_submit{
		padding-right: 28vh;
		margin-top: 20px !important;
	}
	.powermail_form .powermail_message_error{
		bottom: -10vh;
	}

}	
/*  Landscape phones and portrait tablets */
@media (max-width: 768px) {
	.default.menuIsOpen .mainMenu .whiteContainer .menuContainer{
		padding-top: 85px;
	}
	.contentEmpty .mainMenuWrapper, .default .mainMenuWrapper{
		height: 80px;
	}
	.powermail_fieldwrap .control-label {
		padding-left: 0;
	}
	.powermail_fieldwrap input[type=text] {
		padding-bottom: 0;
	}
	.textLandingGrayBox {
	    left: 0;
	    width: 100%;
	    float: none;
	    position: relative;
        text-align: center;
	}
	.containerGrayBox{
		padding-bottom: 0 !important;
	}
	.textLandingGrayBox p{
		font-size: 16px !important;
	}
	.frame-space-before-large{
		margin: 0;
	}
	.imageLandingGray {
	    float: none;
	    width: 100%;
	}
	.slick-slide img{
		width: 100%;
	}
	.g-recaptcha{
		padding-left: 0px;
		padding-top: 5px;
	}

	.containerPowermail .container{
		width: 100%;
		position: relative;
		padding-left: 0;
		padding-right: 0;
	}
	.textMultiColor p{
	    font-size: 40px !important;
   		line-height: 35px;
	}
	.container-fluid{
		padding: 0;
	}
	.containerPowermail .container {
	    padding-top: 35px;
	    padding-bottom: 35px;
	}
	.textMultiColor {
	    position: relative;
	    bottom: 0;
	    padding-bottom: 0;
	    margin: 0;
	    padding-left: 0;
	}
	.tx-powermail .powermail_fieldset .parsley-errors-list>li{
		font-size: 14px !important;
	}
	.powermailLanding input[type=text]{
		border-bottom: 1px solid #d8d8d8;
	}
}
@media (max-width: 767px) {
	.containerPowermail .container{
		padding-left: 20px;
		padding-right: 20px;
	}
}
/* Landscape */
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) { 
    .menuIsOpen .mainMenu .menuContainer {
        padding: 0;
        margin-top: 15vh !important;
        margin-left: 10vh !important;
    }
}
/* Landscape */
@media only screen and (min-device-width: 375px)  and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) { 

    .menuIsOpen .mainMenu .menuContainer {
        padding: 0;
        margin-top: 15vh !important;
        margin-left: 12vh !important;
    }
    .logo{
        margin-left: 10px ;
    }
}
/* Landscape */
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {

    .menuIsOpen .mainMenu .menuContainer {
        padding: 0;
        margin-top: 15vh;
        margin-left: 12vh;
    }
}
@media (max-width: 767px) {
	.contentEmpty .mainMenuWrapper, .default .mainMenuWrapper {
	    height: 65px;
	}
	.imageLandingGray {
	    float: none !important;
	    width: 100% !important;
	}
	.textLandingGrayBox {
	    float: none !important;
	    width: 100% !important;
	}
	.text-center {
	    text-align: center;
	    padding-left: 10px;
	    padding-right: 10px;
	}
	.powermail_fieldwrap_type_submit {
	    float: none;
	    width: 100%;
	    padding: 0;
	    margin-right: 0 !important;
	    margin-top: 0 !important;
	    display: block;
	}
	.g-recaptcha{
		float: none;
		width: 100% !important;
		display: block;
		padding-left: 8px;
	}
	.powermail_fieldwrap_type_submit input[type="submit"]{
		width: 100%;
		padding-left: 0;
		margin-top: 20px;
	}
	.powermail_message_error .control-label{
		top: -25px;
	}
	.logo{
		margin-top: 10px !important;
	}
	.powermail_form .powermail_message_error{
	    bottom: -16vh;
	}
	.default.menuIsOpen .mainMenu .whiteContainer{
		width: 100%;
	 	position: absolute;
	    z-index: 2000;
	    overflow: auto;
	}
	.menuBottom{
	    padding-top: 0;
	    left: 0;
	    position: relative;
	    bottom: 0;
        padding-bottom: 30px;
    }
	.default.menuIsOpen .mainMenu .whiteContainer .menuContainer{
		margin-top: 8vh ;
        margin-left: 6vh;
        padding: 0;
	}
	.menuContainer .lvl-2 h3{
      font-size: 22px !important;
      margin-top: 5px;
      margin-bottom: 10px !important;
    }
    .scroll-top.scroll-top-visible{
		bottom: 10px;
		right: 10px;
	}
	.powermailLanding .textOrange{
		font-size: 22px;
		margin-left: 10px;
	}
	.powermailLanding p.lead{
		font-size: 22px;
	}
}
/* Portrait phones and smaller */
@media (max-width: 480px) {
	h2{
		font-size: 1.5em;
	}
}
/* Portrait phones and smaller 320px */
@media (max-width: 320px) {
	.powermailLanding .powermail_legend{
		font-size: 28px;
	}
}

@media (min-width: 1400px) {
	.containerPowermail .container {
		max-width: 1140px;
	}
}

/* Keep the captcha on the left and the service form's Tell us button on the right.
   The form row is a flex container, so the old float does not position its items. */
.containerPowermail .powermail_fieldset > .row > .powermail_fieldwrap_input[id^="powermail_fieldwrap_"] {
    flex: 0 0 50%;
    width: 50%;
    max-width: 50%;
}
.containerPowermail .powermail_fieldset > .row > .powermail_fieldwrap_input[id^="powermail_fieldwrap_"] + .powermail_fieldwrap_type_submit {
    flex: 0 0 auto;
    width: auto;
    max-width: 50%;
    margin-left: auto;
    padding-right: 0;
}

@media (max-width: 767px) {
    .containerPowermail .powermail_fieldset > .row > .powermail_fieldwrap_input[id^="powermail_fieldwrap_"],
    .containerPowermail .powermail_fieldset > .row > .powermail_fieldwrap_input[id^="powermail_fieldwrap_"] + .powermail_fieldwrap_type_submit {
        flex: 0 0 100%;
        width: 100%;
        max-width: 100%;
    }
}