@charset "utf-8";
/* CSS Document */


.video-container {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
}

.video-container iframe, .video-container object, .video-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

/* Style The Dropdown Button */
.dropbtns {
  background-color: #fff;
  color: #f15a22;
  padding: 20px;
  font-size: 22px;
  border: none;
  cursor: pointer;
  border-radius:50%;
}

/* The container <div> - needed to position the dropdown content */
.dropmenu {
  position: relative;
  display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropmenu-content {
  display: none;
  position: absolute;
  background-color: #fff;
  min-width: 180px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
  text-align: left;
}

/* Links inside the dropdown */
.dropmenu-content a {
  color: black;
  padding: 10px 16px;
  text-decoration: none;
  display: block;
}

/* Change color of dropdown links on hover */
.dropmenu-content a:hover {background-color: #f1f1f1}

/* Show the dropdown menu on hover */
.dropmenu:hover .dropmenu-content {
  display: block;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropmenu:hover .dropbtns {
  background-color: #f15a22;
}


.dropbtns:hover{
  background-color: #f15a22;
  color: #fff;
  padding: 20px;
  font-size: 22px;
  border: none;
  cursor: pointer;
  border-radius:50%;
}

/***/


/* The container <div> - needed to position the dropdown content */

.dropbtns-sw {
  background-color: #f15a22;
  color: #fff;
  padding: 23px;
  font-size: 30px;
  border: none;
  cursor: pointer;
  border-radius:50%;
}

.dropmenu-sw {
  position: relative;
  display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropmenu-sw-content {
  display: none;
  position: absolute;
  background-color: #fff;
  min-width: 180px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
  text-align: left;
}

/* Links inside the dropdown */
.dropmenu-sw-content a {
  color: black;
  padding: 10px 16px;
  text-decoration: none;
  display: block;
}

/* Change color of dropdown links on hover */
.dropmenu-sw-content a:hover {background-color: #f1f1f1}

/* Show the dropdown menu on hover */
.dropmenu-sw:hover .dropmenu-sw-content {
  display: block;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropmenu-sw:hover .dropbtns {
  background-color: #f15a22;
}


.dropbtns-sw:hover{
  background-color: #fff;
  color: #f15a22;
  padding: 23px;
  font-size: 30px;
  border: none;
  cursor: pointer;
  border-radius:50%;
}

/***/

.HideMe {
	display: block;
}
.HideMe2{
	display: none;
}
.alignR {
	text-align: right;
}

.alignL {
	text-align: left;
}



.pd50 {
padding:50px 20px;
}

.pd80 {
padding:80px 20px;
}

.pd100 {
padding:100px 20px;
}


.resources-name{
color:#000;
font-size: 16px;
line-height: 1.1;
padding-bottom:10px;
}


.icon-resources-B {
    text-align: center;
    font-size: 2.6em;
    color: #FFFFFF;
    display: inline-block;
    text-decoration: none;
    width: 2em;
    height: 2em;
    padding: 0.5em 0;
    border-radius: 100%;
    position: relative;
    text-shadow: 0 0.025em 0.025em rgb(0 0 0 / 20%);
    background-repeat: repeat-x;
    background-position: 0 0;
    -moz-background-origin: border;
    -o-background-origin: border-box;
    -webkit-background-origin: border;
    background-origin: border-box;
    -moz-transition: background-position 0.1s linear;
    -o-transition: background-position 0.1s linear;
    -webkit-transition: background-position 0.1s linear;
    transition: background-position 0.1s linear;
    background-color: #f86829;
    margin-right: 5px;
}

.icon-resources {
    text-align: center;
    font-size: 2.6em;
    color: #FFFFFF;
    display: inline-block;
    text-decoration: none;
    width: 2em;
    height: 2em;
    padding: 0.5em 0;
    border-radius: 100%;
    position: relative;
    text-shadow: 0 0.025em 0.025em rgb(0 0 0 / 20%);
    background-repeat: repeat-x;
    background-position: 0 0;
    -moz-background-origin: border;
    -o-background-origin: border-box;
    -webkit-background-origin: border;
    background-origin: border-box;
    -moz-transition: background-position 0.1s linear;
    -o-transition: background-position 0.1s linear;
    -webkit-transition: background-position 0.1s linear;
    transition: background-position 0.1s linear;
    background-color: #f86829;
    margin-right: 5px;
}

.supportSmallTitle{
color:#e11b22;
font-size: 25px;
line-height: 1;
text-transform: uppercase;
}

.supportTitle{
color:#000;
font-size: 70px;
line-height: 1;
}




.boxShadow2 {
    box-shadow: 0 2px 10px rgb(0 0 0 / 30%);
    padding: 15px 10px;
    border-radius: 0px 16px 0px 16px;
    background-color: #FFFFFF;
}



.graPinkRed {
border-radius:50%;
background-image: linear-gradient(to right, #f84249,#f86942);
}

.graRedPink {
border-radius:50%;
background-image: linear-gradient(to right, #f84249,#ae3e88);
}

.graLGreen {
border-radius:50%;
background-image: linear-gradient(to right, #8cbf2a,#1fbf98);
}

.graGreenYellow {
border-radius:50%;
background-image: linear-gradient(to right, #6abd45,#f3da08);
}


.graGreenBlue {
border-radius:50%;
background-image: linear-gradient(to right, #46d649,#55daf6);
}


.imgshadow {
    -webkit-box-reflect: below -20px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(85%, transparent), to(rgba(255,255,255,0.2)));
}

.flex-container {  
	display:-webkit-flex;
	display:-ms-flex;
    display: flex;
	-webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
<!--------------------- Table Responsive ---------------------------->

	.containers { width: 100%; }


	.table-containers
	{
		width: 100%;
		overflow-y: auto;
		_overflow: auto;
		margin: 0 0 1em;
	}

	.table-containers::-webkit-scrollbar
	{
		-webkit-appearance: none;
		width: 15px;
		height: 20px;
	}

	.table-containers::-webkit-scrollbar-thumb
	{
		border-radius: 8px;
		border: 3px solid #fff;
		background-color: rgba(0, 0, 0, .3);
	}


<!--------------------- End Table Responsive ---------------------------->

<!-- column -->
body { }
    /* Column Drop Layout Pattern CSS */ /* =Media query for screen */
	@media only screen and (max-width:600px){
	    td[class="column"] {
	        display: block;
            width: 100%;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
	    }
		img[class="flexibleImage"]{height:auto !important; width:100% !important; display:block;}
	}
    /* =Media query for tablets and smartphones */
	@media handheld, only screen and (max-width: 300px), only screen and (max-device-width: 400px) and (orientation:portrait){
	    td[class="column"] {
	        display: block;
            width: 100%;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
	    }
		img[class="flexibleImage"]{height:auto !important; width:100% !important; display:block;}
	}
<!-- endcolumn -->	
	
	

/*Viewport=768px*/
@media screen and (max-width: 48em){


}


/*Viewport=600px*/
@media screen and (max-width: 37.5em){

.pd80 {
padding:50px 20px;
}

.pd100 {
padding:50px 20px;
}

.HideMe {
	display: none;
}

.HideMe2 {
	display: block;
}


.alignR {
	text-align: center;
}

.alignL {
	text-align: center;
}


.flex-container {
  flex-direction: column-reverse;
  -webkit-flex-direction: column-reverse; /* Safari 6.1+ */
}


/***/
.HeightFeatureBox{
	height:80px;
}

.BoxFeatures1{
	background-color: #fff;
	padding:25px 15px;
}

.BoxFeatures2{
	background-color: #faf1f5;
	padding:25px 15px;
	border-radius:0px 28px 0px 28px;
}

.BoxFeatures3{
	background-color: #faf1f5;
	padding:25px 15px;
	border-radius:0px 28px 0px 28px;
}

.BoxFeatures4{
	background-color: #fff;
	padding:25px 15px;
}




.TitleFeatures1{
	color:#f54148;
	font-size:17px;
	line-height:1.2;
}

.TitleFeatures2{
	color:#333333;
	font-size:17px;
	line-height:1.2;
}

.TitleFeatures3{
	color:#333333;
	font-size:17px;
	line-height:1.2;
}

.TitleFeatures4{
	color:#f54148;
	font-size:17px;
	line-height:1.2;
}




.icn-Features1 {
    border-radius: 100%;
    background-color: #ee4b51;
}

.icn-Features1:hover {
    border-radius: 100%;
    background-color: #cd4146;
}

.icn-Features2 {
    border-radius: 100%;
    background-color: #fd7932;
}
.icn-Features2:hover {
    border-radius: 100%;
    background-color: #d3682e;
}

.icn-Features3 {
    border-radius: 100%;
    background-color: #fd7932;
}
.icn-Features3:hover {
    border-radius: 100%;
    background-color: #d3682e;
}

.icn-Features4 {
    border-radius: 100%;
    background-color: #ee4b51;
}

.icn-Features4:hover {
    border-radius: 100%;
    background-color: #cd4146;
}


/***/
}

/*Viewport=480px*/
@media screen and (max-width: 30em){
.bg-PartnerProgram{
padding:60px 10px 150px 10px; 
background-image: url('../img/bg-partner-program-mobile.jpg'); 
background-repeat: no-repeat;background-size:cover; 
background-position:  center bottom;
}


.pd80 {
padding:50px 20px;
}

.pd100 {
padding:50px 20px;
}

.HideMe {
	display: none;
}

.HideMe2 {
	display: block;
}



.f_features {
font-size: 15px;
line-height: 1.2;
}

.alignR {
	text-align: center;
}

.alignL {
	text-align: center;
}

.supportSmallTitle{
color:#fff200;
font-size: 25px;
line-height: 1;
text-transform: uppercase;
}

.supportTitle{
color:#fff;
font-size: 55px;
line-height: 1;
}

.flex-container {
  flex-direction: column-reverse;
  -webkit-flex-direction: column-reverse; /* Safari 6.1+ */
}

/***/
.HeightFeatureBox{
	height:80px;
}

.BoxFeatures1{
	background-color: #fff;
	padding:25px 15px;
}

.BoxFeatures2{
	background-color: #faf1f5;
	padding:25px 15px;
	border-radius:0px 28px 0px 28px;
}

.BoxFeatures3{
	background-color: #faf1f5;
	padding:25px 15px;
	border-radius:0px 28px 0px 28px;
}

.BoxFeatures4{
	background-color: #fff;
	padding:25px 15px;
}




.TitleFeatures1{
	color:#f54148;
	font-size:17px;
	line-height:1.2;
}

.TitleFeatures2{
	color:#333333;
	font-size:17px;
	line-height:1.2;
}

.TitleFeatures3{
	color:#333333;
	font-size:17px;
	line-height:1.2;
}

.TitleFeatures4{
	color:#f54148;
	font-size:17px;
	line-height:1.2;
}




.icn-Features1 {
    border-radius: 100%;
    background-color: #ee4b51;
}

.icn-Features1:hover {
    border-radius: 100%;
    background-color: #cd4146;
}

.icn-Features2 {
    border-radius: 100%;
    background-color: #fd7932;
}
.icn-Features2:hover {
    border-radius: 100%;
    background-color: #d3682e;
}

.icn-Features3 {
    border-radius: 100%;
    background-color: #fd7932;
}
.icn-Features3:hover {
    border-radius: 100%;
    background-color: #d3682e;
}

.icn-Features4 {
    border-radius: 100%;
    background-color: #ee4b51;
}

.icn-Features4:hover {
    border-radius: 100%;
    background-color: #cd4146;
}


/***/


}

/*Viewport=320px*/
@media screen and (max-width: 20em) {

.pd80 {
padding:50px 20px;
}

.pd100 {
padding:50px 20px;
}

.HideMe {
	display: none;
}

.HideMe2 {
	display: block;
}



.alignR {
	text-align: center;
}

.alignL {
	text-align: center;
}

.supportSmallTitle{
color:#fff200;
font-size: 25px;
line-height: 1;
text-transform: uppercase;
}

.supportTitle{
color:#fff;
font-size: 55px;
line-height: 1;
}

.flex-container {
  flex-direction: column-reverse;
  -webkit-flex-direction: column-reverse; /* Safari 6.1+ */
}


/***/
.HeightFeatureBox{
	height:80px;
}

.BoxFeatures1{
	background-color: #fff;
	padding:25px 15px;
}

.BoxFeatures2{
	background-color: #faf1f5;
	padding:25px 15px;
	border-radius:0px 28px 0px 28px;
}

.BoxFeatures3{
	background-color: #faf1f5;
	padding:25px 15px;
	border-radius:0px 28px 0px 28px;
}

.BoxFeatures4{
	background-color: #fff;
	padding:25px 15px;
}




.TitleFeatures1{
	color:#f54148;
	font-size:17px;
	line-height:1.2;
}

.TitleFeatures2{
	color:#333333;
	font-size:17px;
	line-height:1.2;
}

.TitleFeatures3{
	color:#333333;
	font-size:17px;
	line-height:1.2;
}

.TitleFeatures4{
	color:#f54148;
	font-size:17px;
	line-height:1.2;
}




.icn-Features1 {
    border-radius: 100%;
    background-color: #ee4b51;
}

.icn-Features1:hover {
    border-radius: 100%;
    background-color: #cd4146;
}

.icn-Features2 {
    border-radius: 100%;
    background-color: #fd7932;
}
.icn-Features2:hover {
    border-radius: 100%;
    background-color: #d3682e;
}

.icn-Features3 {
    border-radius: 100%;
    background-color: #fd7932;
}
.icn-Features3:hover {
    border-radius: 100%;
    background-color: #d3682e;
}

.icn-Features4 {
    border-radius: 100%;
    background-color: #ee4b51;
}

.icn-Features4:hover {
    border-radius: 100%;
    background-color: #cd4146;
}


/***/




}