/* --------------------------------------------------------------------------------------------------------------------
GLOBAL
-------------------------------------------------------------------------------------------------------------------- */
button#share-quote-btn {
    margin-left: 5px;
}
/* Extra small devices (portrait phones, less than 576px) */

.coverImage{
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.rowPadding{
	padding-top:30px;
	padding-bottom:30px;
}
.rowPaddingBig{
	padding-top:30px;
	padding-bottom:30px;
}
a{
	color:#096bab;
	text-decoration:underline;
}
a:hover{
	color:#ff0000;
}
.inputForm{
	width:100%;
	border:1px solid #aaaaaa;
	padding:0px 10px;
	height:50px;
	border-radius: 4px;
	text-align:center;
	background-color:#ffffff;
}
.inputFormContact{
	width:100%;
	border:1px solid #aaaaaa;
	padding:0px 10px;
	height:50px;
	border-radius: 4px;
	text-align:left;
	background-color:#ffffff;
}
.inputTextArea{
	width:100%;
	border:1px solid #aaaaaa;
	padding: 10px;
	height:120px;
	border-radius: 4px;
	text-align:left;
	background-color:#ffffff;
}
.lock-scroll {
    overflow: hidden !important;
}
h1, h2, h3 {
	font-size:inherit !important;
	font-weight: inherit  !important;
	line-height: inherit  !important;
	display:inline  !important;
	margin:0px  !important;
	padding:0px  !important;
}
ul{
	margin-bottom:0px !important;
}
.redStar{
	font-weight:bold;
	color:#ff0000;
}
.greyLine{
	border-top:1px solid #aaaaaa;
	clear:both;
}

.encode-link input[type="text"] {
  width: 60%;
    padding: 10px;
    border: 1px solid #ddd;  
}
 
 
/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {  



}

/* */


/* MENU BREAK */

/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 768px) {  
	.rowPadding{
		padding-top:40px;
		padding-bottom:40px;
	}
	.rowPaddingBig{
		padding-top:60px;
		padding-bottom:60px;
	}
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 
	.rowPadding{
		padding-top:50px;
		padding-bottom:50px;
	}
	.rowPaddingBig{
		padding-top:80px;
		padding-bottom:80px;
	}
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {  

}



/* --------------------------------------------------------------------------------------------------------------------
COVER CONTAINER
-------------------------------------------------------------------------------------------------------------------- */
/* Extra small devices (portrait phones, less than 576px) */
.cover-container{
	position:relative; 
	min-height:500px; 
		height:50vh !important;
	background-color:#003c67;
	color:#ffffff;
}
.templateCoverArt{
 height:200px; display: flex;
	background-color:#003c67;
}

.arrow{
    position: absolute;
    bottom: 50px;
    left: 50%;
    transform: translate(-50%,-50%);

}
.arrow span{
    display: block;
    width: 40px;
    height: 40px;
    border-bottom: 11px solid #ffffff;
    border-right: 11px solid #ffffff;
    transform: rotate(45deg);
    margin: 20px;
    animation: animate 1.8s ease infinite;
	
}
@keyframes animate {
    0%{
        opacity: 0;
        transform: rotate(45deg) translate(-20px,-20px);
    }
    50%{
        opacity: 1;
    }
    100%{
        opacity: 0;
        transform: rotate(45deg) translate(20px,20px);
    }
}

.bounce {
  animation: bounce 2s infinite;
}

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-30px);
  }
  60% {
    transform: translateY(-15px);
  }
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {  
    
    

}

@media only screen and (max-width: 768px) {
  /* For mobile phones: */
  .share-link-content {
    width: 80%;
    margin: 0 auto;
}
  button#share-quote-btn {
    margin-left: 0px;
}
input.greenButton.share_submit.greenButtonFull {
    margin-top: 20px;
}
.encode-link .btn.btn-sm.greenButton {
    width: 50%;
    margin: 0 auto;
    margin-top: 12px;
}

}


/* MENU BREAK */

/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 768px) {  
	.cover-container{
		min-height:650px; 
		height:50vh !important;
	}
	.templateCoverArt{
		height:300px;
	}
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 
	.cover-container{
		height:100vh !important;
	}
	.templateCoverArt{
		height:400px;
	}
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {  

}



/* --------------------------------------------------------------------------------------------------------------------
TRUSTPILOT + SPECIAL ANNOUNCEMENTS
-------------------------------------------------------------------------------------------------------------------- */
/* Extra small devices (portrait phones, less than 576px) */
.announcementBar{
	background-color:#75bde9; width:100%; padding:15px; color:#ffffff; text-align:center;
}
.announcementBar a{
	color:#ffffff;
}
.announcementBar a:hover{
	color:#ffffff;
}
.trustpilotBar{
	position:absolute; bottom:0px; background-color:#096bab; color:#ffffff; width:100%; padding:15px;  text-align:center;
}
.trustpilotBar2{
	background-color:#096bab; color:#ffffff; width:100%; padding:15px;  text-align:center;
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {  
    
    

}

/* MENU BREAK */

/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 768px) {  

}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 

}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {  

}












/* --------------------------------------------------------------------------------------------------------------------
NAVBAR
-------------------------------------------------------------------------------------------------------------------- */
/* Extra small devices (portrait phones, less than 576px) */
	.homepageNavHolder{
		width:100%; position:absolute; padding:0px; margin:0px;
	}
	.whiteNavHolder{
		width:100%; position:absolute; padding:0px; margin:0px;
		background-color:#ffffff;
		position:fixed;
	}
	.collapse{
		padding:0px;
	}
    .navbar-collapse {
        position: fixed;
        top: 0px; /* adjust to height of navbar */
        right: 0;
        padding: 20px !important;
		padding-bottom:45px !important;
        width: 100%;
        height: 100vh;
		background-color:#ffffff;
		z-index:2;
		-ms-overflow-style: none; /* for Internet Explorer, Edge */
		scrollbar-width: none; /* for Firefox */
		overflow-y: scroll; 
    }
	 .navbar-collapse::-webkit-scrollbar {
		display: none; /* for Chrome, Safari, and Opera */
	}
	.whiteNavHolder{
		background-color:#ffffff;position:relative;
	}
	.whiteNavHolder .navbar-collapse li a{
		color:#000000 !important;
	}
	.whiteNavHolder .navbar-collapse li a:hover{
		color:#000000 !important;
	}
	.whiteNavHolder .navbar-collapse {
		text-align:center;
	}
	.dropdown-menu{
		display: block;
		text-align:center;
		border:0px;
		padding:0px;
		border-radius:0px;
		border-bottom:1px solid #cccccc;
	}
	.dropdown-menu li a{
		padding:10px 20px;
		border-top:1px solid #cccccc;
	}
	.dropdown-menu-center {
		top: 100% !important;
	  left: 0% !important;
	  transform: translateX(0%) !important;
	}
    .navbar-collapse.collapsing {
        right: -100%;
        transition: height 0s ease;
    }
    .navbar-collapse.show {
        right: 0;
        transition: right 300ms ease-in-out;
    }
    .navbar-toggler.collapsed ~ .navbar-collapse {
        transition: right 500ms ease-in-out;
    }
	.nav-item a{
		color:#000000;
	}
	.nav-item a:hover{
		color:#000000 !important;
		background-color:#eeeeee !important;
	}
	.nav-item .nav-itemlogo:hover{
		color:#000000 !important;
		background-color:#ffffff !important;
	}
	.mainLogo, .whiteNavHolder .mainLogo{
		height:56px;
		margin-left:0px;
	}
	.menuIconHamburger{
		color:#ffffff;
	}
	.whiteNavHolder .menuIconHamburger{
		color:#000000 !important;
	}
	.fixTop{
		display:none;
		position:fixed;
		top:0px;
		width:100%;
		z-index:3;
		box-shadow: 0px 7px 7px rgba(0, 0, 0, 0.1); 
		border-top:1px solid #eeeeee;
	}
	.fixTop .announcementBar{
		display:none;
	}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {  

}

/* MENU BREAK */

/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 768px) {  
    .navbar-collapse {
		position: static;
        height: auto;
		font-weight:bold;
		background-color: transparent;
		overflow-y: visible; 
        padding: 40px !important;
    }
	.whiteNavHolder .navbar-collapse{
		height:50px !important;
		max-height:50px !important;
	}
	.dropdown-menu-center {
		top: 100% !important;
		left: 60% !important;
		transform: translateX(-60%) !important;
	}
	.nav-link{
		text-transform: uppercase;
		color:#ffffff !important;
	}
	.dropdown:hover .dropdown-menu {
		display: block;
		margin-top: 0;
	 }
	.mainLogo{
		height:120px;
		margin-left:30px;
	}
	.whiteNavHolder .mainLogo{
		height:65px;
		margin-left:30px;
	}
	.nav-item a{
		color:#ffffff;
	}
	.nav-item a:hover{
		color:#ffffff !important;
		background-color:transparent !important;
	}
	.dropdown-menu{
		display: none;
		 box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.1); 
	}
	.dropdown-menu a{
		color:#000000;
	}
	.dropdown-menu a:hover{
		color:#000000 !important;
		background-color:#eeeeee !important;
	}
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 
	.mainLogo{
		height:160px;
	}
	.whiteNavHolder .mainLogo{
		height:65px;
	}
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {  

}

/* --------------------------------------------------------------------------------------------------------------------
FOOTER
-------------------------------------------------------------------------------------------------------------------- */
/* Extra small devices (portrait phones, less than 576px) */
.capFooter{
	background-color:#096bab;
	text-align:center;
	color:#ffffff;
}
.capFooter .lines{
	border:0px;		
	padding-left:0px;
	padding-top:0px;
}
.capFooter .title{
	font-weight:bold;
	color: #75bde9;
}

.capFooter a{
	color:#ffffff;
	text-decoration:underline;
}
.capFooter a:hover{
	color:#2aaee0;
}
.capFooter .lines a{
	margin-top:0px;
	display:block;
}
.capFooterBackedBy{
	background-color:#003c67;
	color:#ffffff;
	text-align:center;
		padding:20px 0px;
}
.capFooter div{
	background-color:transparent;
}
.capFooter  .accordion-body-footer a{
	display:block;
	margin-top:2px;
	margin-bottom:6px;
}
.capFooter .accordion-item{
	border:1px solid #75bde9;
	margin-bottom:6px;
}
.capFooter .accordion-button {
	text-align:center !important;
	background-color: transparent;
}
.capFooter .accordion-button:after {
  background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>") !important;
}
.capFooter .accordion-button span{
	 display:block; 
	 width:100%; 
	 text-align:center; 
	 padding-left:20px;
}
.capFooter .accordion-button:focus {
  outline: none;
  box-shadow: none;
}
.capFooter .accordion-collapse{
	border-top:1px solid #75bde9;
}
.footerLogo{
	width:80%;
	max-width:140px;
}
.footerSocialIcons{
	font-size:30px;
}
.accreditImage{
		position:relative;
		 margin-left: 0px;
	width:100%;
	max-width:400px;
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {  

}

/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 768px) { 

}

/* FOOTER BREAK */

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 
	.capFooter{
		text-align:left;
	}
	.collapse.dont-collapse-sm {
		display: block;
		height: auto !important;
		visibility: visible;
	}
	.capFooter .lines{
		border-left:1px solid #75bde9;
		padding-left:25px;
		padding-top:20px;
	}
	.capFooter .lines a{
		margin-top:10px;
	}
	.capFooter .accordion-item{
		border:0px;
	}
	.capFooter .accordion-collapse{
		border-top:0px;
	}
	.capFooter  .accordion-body-footer a{
		display:block;
		margin-top:8px;
		margin-bottom:0px;
	}
	.accreditImage{
		position:relative;
		 margin-left: 20px;
		 width:60%
	}
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {  

}

/* --------------------------------------------------------------------------------------------------------------------
FONTS
-------------------------------------------------------------------------------------------------------------------- */
/* Extra small devices (portrait phones, less than 576px) */
body{
	font-family: 'Poppins', sans-serif;
	font-size:16px;
	line-height:130%;
	color:#000000;
	padding:0px;
	margin:0px;
	min-width:300px;
}
.looseText{
	letter-spacing: .2rem;
}
.titleXL{
	font-size:34px;
	line-height:100%;
	letter-spacing: -.1rem;
}
.titleL{
	font-size:26px;
	line-height:100%;
	letter-spacing: -.1rem;
}
.titleM{
	font-size:26px;
	line-height:100%;
	letter-spacing: -.1rem;
}
.titleS{
	font-size:16px;
	line-height:100%;
}
.titleS2{
	font-size:26px;
	line-height:100%;
}
.titleSB{
	font-size:16px;
	line-height:100%;
	font-weight:bold;
}
.smallFont{
	font-size:16px !important;
	line-height:130% !important;
}
.menuIconSize{
	font-size:28px;
}
.coverArtText{
	color:#ffffff;
	text-shadow: 0px 0px 12px rgba(0, 0, 0, 0.1); 
}
.fontLightBlue{
	color:#75bde9;
}
.fontDarkBlue{
	color:#096bab;
}
.fontDeepBlue{
	color:#2aaee0;
}
.fontGreen{
	color:#3fb65a;
}
.fontYellow{
	color:#ffcd05;
}


.bgLightBlue{
	background-color:#e7f6fd;
}
.bgLightGreen{
	background-color:#ebf5e9;
}
.bgLightYellow{
	background-color:#fffbdb;
}
.errorMessage{
	color:#ff0000;
}

.coverArtTitle{

}
.coverArtSubtitle{
	display:block;
	line-height:100%;
	margin-top:12px;
	text-transform: uppercase;
}
.tradeMark{
	position:relative;
	top:-6px;
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {  

}

/* MENU BREAK */

/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 768px) {  
	.titleXL{
		font-size:60px;
		line-height:100%;
	}	
	.titleL{
		font-size:42px;
		line-height:100%;
	}
	.titleM{
		font-size:30px;
		line-height:100%;
	}
	.titleS, .titleS2, .titleSB{
		font-weight:normal;
		font-size:20px;
		line-height:130%;
	}
	.tradeMark{
		top:-22px;
	}
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 
	body, .dropdown-item{
		font-size:17px;
		line-height:130%;
	}
	.titleXL{
		font-size:80px;
		line-height:100%;
	}
	.titleL{
		font-size:58px;
		line-height:100%;
	}
	.titleM{
		font-size:34px;
		line-height:100%;
	}
	.titleS, .titleS2, .titleSB{
		font-size:24px;
		line-height:130%;
	}
	.tradeMark{
		top:-32px;
	}
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {  

}

/* --------------------------------------------------------------------------------------------------------------------
BUTTONS
-------------------------------------------------------------------------------------------------------------------- */
/* Extra small devices (portrait phones, less than 576px) */

.share-link-btn {
    margin-left: 0px;
   }
   
.greenButton{
	display:inline-block;
	width:auto;
	color:#ffffff;
	font-weight:bold;
	padding:0px 20px;
	height:50px;
	line-height:50px;
	border-radius:4px;
	background-color:#3fb65a;
	text-decoration:none;
	border:0px;
}
.greenButton:hover{
	color:#ffffff;
	background-color:#3dd159;
}
.greenButtonFull{
	width:100%;
	margin-bottom:10px;
	text-align:center;
}
.greenButtonFullAlways{
	width:100%;
}
.greenButtonMenu{
	margin-left:0px;margin-right:0px;
}


.blueButton{
	display:inline-block;
	width:auto;
	color:#ffffff;
	font-weight:bold;
	padding:0px 20px;
	height:50px;
	line-height:50px;
	border-radius:4px;
	background-color:#096bab;
	text-decoration:none;
	border:0px;
}
.blueButton:hover{
	color:#ffffff;
	background-color:#1888c6;
}
.blueButtonFull{
	width:100%;
	margin-bottom:10px;
	text-align:center;
}
.blueButtonFullAlways{
	width:100%;
}

.transparentButton{
	display:inline-block;
	width:auto;
	color:#ffffff;
	font-weight:bold;
	padding:0px 20px;
	height:50px;
	line-height:50px;
	border-radius:4px;
	background-color:transparent;
	text-decoration:none;
	border:0px;
	border:1px solid #ffffff;
}
.transparentButton:hover{
	color:#dddddd;
	border:1px solid #dddddd;
}
.transparentButtonFull{
	width:100%;
	margin-bottom:10px;
	text-align:center;
}
.transparentButtonFullAlways{
	width:100%;
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {  

}

/* MENU BREAK */

/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 768px) {  
	.greenButtonFull{
		width:auto;
	}
	.blueButtonFull{
		width:auto;
	}
	.transparentButtonFull{
		width:auto;
	}
	.greenButtonMenu{
		margin-left:15px;margin-right:0px;
	}
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 
	.greenButtonMenu{
		margin-left:30px;margin-right:0px;
	}
	.greenButton{
		padding:0px 40px;
	}
	.blueButton{
		padding:0px 40px;
	}
	.transparentButton{
		padding:0px 40px;
	}
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {  

}








/* --------------------------------------------------------------------------------------------------------------------
QUOTES PAGE + QUOTES RESULTS PAGE
-------------------------------------------------------------------------------------------------------------------- */
/* Extra small devices (portrait phones, less than 576px) */
.quoteCoverImageHolder{
	min-height:100vh; 
	position:relative; 
	padding-bottom:100px; 
	padding-top:30px; 
	display:flex;
}
.quoteLogo{
	width:120px;
	margin-bottom:10px;
}
.quoteWhiteBoxHolder{
	 margin-bottom:20px;
}
.quoteWhiteBox{
	background-color:#ffffff; 
	text-align:center; 
	color:#000000; 
	height:100%; 
	padding:20px;
}
.quoteResultsBox{
	padding:20px;
}
.quoteWhiteBoxIcon{
	width:80px;
}
.quoteWhiteBoxTitle{
	position:block; margin-bottom:16px;
}
.moneyBackBadge{
	width:160px;
}
.moneyBackBadgeMargin{
	margin-top:-50px;
}
.fullTransparencyBar{
	padding:30px 20px 20px 20px; background-color:#ffffff;
}
.fullTransparencyBar2{
	padding:0px 20px 40px 20px; background-color:#ffffff;
}
.fullTransparencyBar2Box{
	border-top:1px solid #aaaaaa; 
	border-right:0px solid #aaaaaa; 
	padding:20px;
}

.buttonToLink{
	border:0px;
	display:inline;
	padding:0px;
	margin:0px;
	text-decoration:underline;
	color:#096bab;
	background-color:transparent;
}
.buttonToLink:hover{
	color:#ff0000;
}

.quoteTitleRow{
	padding-bottom:20px;
}
.annualCheck{
cursor:pointer; margin-right:5px; width:24px; height:24px; position:relative; top:6px;
}
/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {  

}

/* MENU BREAK */

/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 768px) {  
	.quoteLogo{
		width:160px;
		margin-bottom:10px;
	}
	.quoteWhiteBoxIcon{
		width:120px;
	}
		
	.quoteResultsBox{
		padding:40px;
	}
	.moneyBackBadge{
		width:180px;
	}	
	.moneyBackBadgeMargin{
		margin-top:-60px;
	}

}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 
	.quoteLogo{
		width:180px;
		margin-bottom:10px;
	}
	.fullTransparencyBar2Box{
		border-top:0px solid #aaaaaa;
		border-right:1px solid #aaaaaa;
	}
	.moneyBackBadgeMargin{
		margin-top:-70px;
	}
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {  

}



/* --------------------------------------------------------------------------------------------------------------------
SELECT2 COUNTRY DROPDOWN
-------------------------------------------------------------------------------------------------------------------- */
/* Extra small devices (portrait phones, less than 576px) */
	#options{
	  display: block;
		width:100% !important;
	}

	ul.results{
	  display: flex;
	  flex-wrap: wrap;
	  width: 100%;
	  padding:0px;
	  background-color: #fff;
	  list-style-type: none;
	  margin:0px;
	}

	ul.results li{
	  margin-right: 4px;
	  margin-bottom: 4px;
	  font-size:16px;
	  border:0px solid #cccccc!important;
	  border-radius:4px!important;
	  background-color:#ffffff!important;
	}
	
	ul.results li button{
	  color:#3fb65a;
	  border:1px solid #3fb65a!important;
	  border-radius:4px!important;
	  background-color:#ffffff!important;
	}
	li.select2-results__option:empty {
		display: none;
	}
	
	
	
	.select2-dropdown--above {
		*border: 1px solid red !important;
		box-shadow: 0px -0px 20px rgba(0, 0, 0, 0.5); 
		position:relative!important;
		border-radius:0px!important;
		top:258px!important; /* Solves dropup height bug */
	}
	#currencySelect .select2-dropdown--above{
		top:258px!important; /* Solves dropup height bug for currency select */
	}
	
	.select2-dropdown--below{
		*border: 1px solid green !important;
		box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5); 
		border-radius:0px!important;
	}
	
	.select2-results__options {/* Solves dropup height bug */
	  min-height: 170px !important;
	  max-height: 170px !important;
	  height: 170px !important;
	  overflow-y: auto !important;
		background-color:#ffffff !important;
	}
	#currencySelect .select2-results__options{ /* Solves dropup height bug for currency select */
	  min-height: 70px !important;
	  max-height: 70px !important;
	  height: 70px !important;
	}
	
	
	.select2-results__option--highlighted{
		color:#000000 !important;
		background-color:#ffffff !important;
	}
	
	
	
	.select2-search__field {
		outline: none !important;
	}
	
	.select2-selection__rendered {
		line-height: 46px !important;
	}
	.select2-container .select2-selection--single {
		height: 50px !important;
		border-radius:4px;
	}
	.select2-selection__arrow {
		height: 49px !important;
	}
	.select2-container--open {
		z-index: 1 !important;
	}
	.select2-container{
		text-align:left !important;
		
	}
	
	
/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {  

}

/* MENU BREAK */

/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 768px) {  
	.select2-dropdown--above {
		*border: 1px solid blue !important;
		box-shadow: 0px -0px 0px rgba(0, 0, 0, 0.4); 

	}

	.select2-dropdown--below{
		*border: 1px solid blue !important;
		box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.4); 

	}
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 

}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {  

}




/* --------------------------------------------------------------------------------------------------------------------
SITEMAP PAGE
-------------------------------------------------------------------------------------------------------------------- */
/* Extra small devices (portrait phones, less than 576px) */
.sitemapLinks{
    padding: 0;
    list-style-type: none;

}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {  

}

/* MENU BREAK */

/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 768px) {  

}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 

}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {  

}


/* --------------------------------------------------------------------------------------------------------------------
SEARCH PAGE
-------------------------------------------------------------------------------------------------------------------- */
/* Extra small devices (portrait phones, less than 576px) */
.searchInputX{
	border-radius: 40px 0px 0px 40px;
	border:1px solid #aaaaaa;
	padding: 10px 20px;
	
	line-height:35px;
	width:70%;
}
.searchButtonX{
	border-radius: 0px  40px 40px 0px ;
	border:1px solid #096bab;
	line-height:35px;
	padding: 10px 30px 10px 20px;
	background-color:#096bab;
	color:#ffffff;
}
.searchButtonX:hover{
	background-color:#1888c6;
	border:1px solid #1888c6;
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {  

}

/* MENU BREAK */

/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 768px) {  
	.searchInputX{
		padding: 10px 20px;
		line-height:50px;
	}
	.searchButtonX{
		line-height:50px;
		padding: 10px 40px 10px 30px;
	}
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 

}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {  

}





/* --------------------------------------------------------------------------------------------------------------------
UNIVERSAL DESIGNS
-------------------------------------------------------------------------------------------------------------------- */
/* Extra small devices (portrait phones, less than 576px) */
.bubbleContainerOuter{
	overflow:hidden;
}
.bubbleContainerInner{
	position: relative;
}
.bubbleLeft{
	position: absolute; z-index:0; left:-500px; 
	width:500px;
	height:500px;
}
.bubbleRight{
	position: absolute; z-index:0; right:-500px; 
	width:500px;
	height:500px;
}
.containerFull{
	width:100%; max-width:100%;
}
.containerSplitPadding{
	padding-left: 20px;
	padding-right: 20px;
}



.benefitsAccordionDesign, .accordion-item{
	background-color:transparent;
	border:0px;
}
.benefitsAccordionDesign button{
	padding:10px 0px;
	border:0px;
	border-top:1px solid #aaaaaa;
	border-radius:0px !important;
	background-color:transparent !important;
	font-size:inherit !important;
	color:#096bab;
	box-shadow: none !important;
}
.benefitsAccordionDesign button span{
	text-decoration:underline;
	margin-left:30px;
}
.benefitsAccordionDesign button:hover{
	color:#ff0000;
}
.benefitsAccordionDesign button:selected{
	color:#096bab;
	z-index:0;
}
.benefitsAccordionDesign button:focus {
    box-shadow: none !important;
	border-top:1px solid #aaaaaa;
	color:#096bab;
	z-index:0;
}
.benefitsAccordionDesign button:after {
    order: -1;
    margin-left: 0; 
    margin-right:0.5em;
	position:absolute;
	top:11px;
	font-size: inherit !important;
	font-size: 110% !important;
	color:#096bab !important;
}
	/* Custom style */
.benefitsAccordionDesign button::after {
	content: '[+]';
	background-image:none;
	transform: scale(.7) !important;
	white-space: nowrap !important;
	width:30px !important; height:30px !important;
}
.benefitsAccordionDesign button:not(.collapsed)::after {
	content: '[-]';
	background-image:none;
	transform: scale(.7) !important;
	white-space: nowrap !important;
	width:30px !important; height:30px !important;
}
.benefitsAccordionDesign .accordion-body{
	padding-top:0px !important;
	padding-left:0px !important;
	padding-right:0px !important;
}
.modalXButton{
	float:right; width:60px; height:60px; cursor:pointer; font-size:48px; color:#ffffff; border:0px solid #ff0000; background-color:transparent;
}
.model-content-bio{
	margin-bottom:100px;
	padding:40px 20px;
	color:#000000 !important;
}
.model-content-bio br {
	margin-bottom:10px; /* Fix firefox no spacing bug */
	
}
.model-content-bio a{
	display:block-inline !important;
	width:auto !important;
}
.tableDesign{
	width:100%;
}
.tableDesign tr:first-child{
	background-color:#75bde9;
	font-weight:bold;
	color:#ffffff;
	line-height:100%;
}
.tableDesign tr:first-child td{
	vertical-align: bottom;
}
.tableDesign tr td{
	text-align:center;
	vertical-align: top;
}
.tableDesign tr td:first-child{
	text-align:left;
	padding-left:0px;
}
.tableDesign tr{
	border-top:1px solid #aaaaaa;
}
.tableDesign td{
	padding:10px 0px;
}
.tableDesign .fa-check{
line-height:10px; position:relative; top:2px; color:green;
}
.tableDesign .fa-xmark{
line-height:10px; position:relative; top:2px; color:red;
}
.blueInfoBar{
background-color:#75bde9; padding:15px 25px; color:#ffffff;
}
.blueInfoBarLeft{
	text-align:center;
	padding-top:10px;
}
.blueInfoBarRight{
	text-align:center;
		margin-top:10px;
}
.artRowHeight{
	min-height:260px;
	overflow:hidden;
}
.rowWithImage-Image{
	height:100%;
	min-height:260px;
}
.officeBox{
	border-top: 1px solid #aaaaaa;
	padding: 20px 0px;
	text-align:center;
}
.video-container {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%;
}
.video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
.serviceBoxRow{
	text-align:center;
	color:#ffffff;
}
.serviceBox{
	border-top:1px solid #ffffff;
	padding:20px;
}
.rulesAndRegsLeftCol{
	text-align:center;
}
.rulesAndRegsRightCol{
	text-align:center;
}
.rulesAndRegsLeftCol img{
	width:60%;
	max-width:300px;
	margin-bottom:20px;
}
.iconMapBox img{
	width:80%;
	max-width:70px;
	margin-top:30px;
}

.partnerTable tr td{
	width:50%;
	padding-bottom: 10px;
	padding-right: 5px;
	padding-left: 5px;
	vertical-align: top;
}
.partnerTable tr td img{
	width:60%;
	max-width:75px;
	margin-bottom:5px;
}
.partnerIconB{
	float:left;
	margin-right:20px;
	margin-bottom:10px;
	width:80px;
}
.trendBox .trendBoxInner{
	padding-bottom:100px;
	text-align:center;
	height:100%;
	position:relative;
}
.trendBox{
	margin-top:20px;
}
.trendBox img{
	width:100%;
	margin-bottom:22px;
}
.trendBoxInner .blueButton{
	position:absolute;
	display:block;
	bottom:20px;
	padding-left:0px;
	padding-right:0px;
	width:70%;
	left:15%;
}
.trendBoxPadding{
padding:0px 20px;
}
.trendLatestArticle{
	text-align:center;
}

.domesticGlance div{
	border-top:1px solid #aaaaaa;
	border-right:0px solid #aaaaaa;
	padding:20px 0px 20px 0px;
}
.domesticGlance div:last-child{
	border-right:0px solid #aaaaaa;
}
.domesticGlance div img{
	width:80%;
	max-width:120px;
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {  

}

/* MENU BREAK */

/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 768px) {  
	.partnerTable tr td{
		width:20%;
	}
	.partnerIconB{
		width:100px;
	}

	.tableDesign .fa-check{
	line-height:10px; position:relative; top:6px; color:green;
	}
	.tableDesign .fa-xmark{
	line-height:10px; position:relative; top:6px; color:red;
	}
	

	.blueInfoBarLeft{
		padding-top:0px;
		text-align:left;
	}
	.blueInfoBarRight{
		text-align:right;
		margin-top:0px;
	}
	.artRowHeight{
		min-height:300px;
	}


	.serviceBox{
		border-top:0px solid #ffffff;
		border-right:1px solid #ffffff;
	}
	.serviceBox:last-child{
		border-top:0px solid #ffffff;
		border-right:0px solid #ffffff;
	}
	
	.rulesAndRegsLeftCol{
		text-align:right;
	}
	.rulesAndRegsRightCol{
		text-align:left;
	}
	
	.trendBox .serviceBoxInner{
		padding-bottom:100px;
	}
	.trendLatestArticle{
		text-align:left;
	}
	.domesticGlance div{
		border-right:1px solid #aaaaaa;
		border-top:0px solid #aaaaaa;
		padding:20px 20px 20px 20px;
	}
	.domesticGlance div:last-child{
		border-right:0px solid #aaaaaa;
	}
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 
	.artRowHeight{
		min-height:400px;
	}
	.containerSplitPadding{
		padding-left: 60px;
		padding-right: 60px;
	}
	.trendBox .trendBoxInner{
		padding-bottom:110px;
	}

}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {  
	.containerSplitPadding{
		padding-left: 80px;
		padding-right: 80px;
	}
}






/* --------------------------------------------------------------------------------------------------------------------
OUR TEAM
-------------------------------------------------------------------------------------------------------------------- */
/* Extra small devices (portrait phones, less than 576px) */
.bioBox{
	padding-bottom:15px;
	position:relative;
	margin-bottom:0px;
}
.bioBoxInner{
	background-color:#ffffff; padding:10px; height:100%; position:relative; padding-bottom:65px; margin-bottom:0px;
}
.bioImage{
	width:90%;
	max-width:160px;
	display:inline;
	margin: auto;
	margin-bottom:5px;
}
.bioBox .bottomBioButton{
	position:absolute;
	bottom:20px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	width:80% !important;
	max-width:140px !important;
	padding-left:10px;
	padding-right:10px;
	margin:0px;
}
.bioModalOuter{
	width:100%; max-width:900px; padding:10px; margin:auto;
}
.bioModalInner{
	width:100%; max-width:100%; padding:0px;
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {  

}

/* MENU BREAK */

/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 768px) {  

}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 

}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {  

}

















/* --------------------------------------------------------------------------------------------------------------------
CAROUSELS
-------------------------------------------------------------------------------------------------------------------- */
/* Extra small devices (portrait phones, less than 576px) */

.carouselContainerOuter{
	overflow:hidden;
}
.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%232aaee0' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%232aaee0' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");
}
.carousel-control-prev{
	width:80px; left:-70px;
}
.carousel-control-next{
	width:80px; right: -70px;
}
.cartoonBoxRow .cartoonBox:first-child{
	border-left:0px solid #2aaee0;
	border-top:1px solid #2aaee0;
}
.cartoonBoxRow .cartoonBox{
	border-right:0px solid #2aaee0;
	border-top:1px solid #2aaee0;
	padding:20px;
	
}
.cartoonBoxRow .cartoonBox img{
	display:block;
	width:100%;
	margin-bottom:15px;
}

.blackOpacBG{
	background-color: rgba(0,0,0,0.75);
	color:#ffffff;
	padding:20px 20px;
	border-radius:0px;
}
.blackOpacPadding{
	padding: 220px 0px 0px 0px;
}
.blogImageRight{
	float: right;
	width:100%;
	margin-left:0px;
	margin-bottom:20px;
	clear:both;
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {  

}

/* MENU BREAK */

/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 768px) {  

	.cartoonBoxRow .cartoonBox:first-child{
		border-top:0px solid #2aaee0;
		border-left:1px solid #2aaee0;
	}
	.cartoonBoxRow .cartoonBox{
		border-top:0px solid #2aaee0;
		border-right:1px solid #2aaee0;
	}
	.blackOpacBG{
		border-radius:4px;
	}
	.blogImageRight{
		width:35%;
		max-width:100%;
		margin-left:20px;
		margin-bottom:20px;
	}
	.blackOpacPadding{
		padding: 40px 0px 40px 0px;
	}
	
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 

	.blackOpacBG{
	padding:40px 20px;
	}
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {  

}









/* --------------------------------------------------------------------------------------------------------------------
HOMEPAGE
-------------------------------------------------------------------------------------------------------------------- */
/* Extra small devices (portrait phones, less than 576px) */
.mainBenefitsPadding{
	padding-left:15px;
	padding-right:15px;
}
.capCard{
	width:100%;
	max-width:420px;
	margin-bottom:20px;
}
.mainBenefitsPadding .mainBenefitItem{
	display:block;
	line-height:100%;
	margin-bottom:6px;
}
.capCardPadding{
	padding:20px 10px; 
}
.statsBarYellow{
	padding:36px 10px 50px 10px;
	background-color: #ffcd05;
	color:#133d66;
	font-weight:bold;
	text-align:center;
}
.statsBarYellow .statIcon{
	position:relative; top:0px;
	font-size:70px;
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {  

}

/* MENU BREAK */

/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 768px) {  
	.mainBenefitsPadding .mainBenefitItem{
		margin-bottom:10px;
	}
	.mainBenefitsPadding{
		padding-left:25px;
		padding-right:25px;
	}
	.statsBarYellow .statIcon{
		position:relative; top:6px;
		font-size:32px;
	}
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 

}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {  

}


/* --------------------------------------------------------------------------------------------------------------------
DOMESTIC
-------------------------------------------------------------------------------------------------------------------- */
/* Extra small devices (portrait phones, less than 576px) */
.dometicBlueTabs {
	display: inline-block;
	width:100%;
	text-align:center;
	padding:0px;
	border:0px !important;
}
.dometicBlueTabs  li{
    display:inline !important;
	width:auto;
	margin:0px 6px;
	border:0px !important;
}
.dometicBlueTabs  li a{
    display:inline-block !important;
	width:auto;
	color:#000000 !important;
	padding:16px 14px;
	text-transform: capitalize;
	background-color:#096bab !important;
	color:#ffffff !important;
	margin:0px !important;
	border:0px !important;
}
.dometicBlueTabs  li  .active{
	background-color:#ffffff !important;
	margin:0px !important;
	border:0px !important;
	color:#000000 !important;
}
.dometicBlueTabs  li a:hover{
	background-color:#1888c6 !important;
	border:0px !important;
	margin:0px !important;
}
.dometicBlueTabs  li .active:hover{
	background-color:#ffffff !important;
	border:0px !important;
	margin:0px !important;
	color:#000000 !important;
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {  

}

/* MENU BREAK */

/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 768px) {  
	.dometicBlueTabs  li a{
		padding:16px 40px;
	}
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 

}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {  

}



















/* --------------------------------------------------------------------------------------------------------------------
BREAKPOINTS TEMPLATE
-------------------------------------------------------------------------------------------------------------------- */
/* Extra small devices (portrait phones, less than 576px) */


/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {  

}

/* MENU BREAK */

/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 768px) {  

}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 

}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {  

}