img.img-responsive {display:block;max-width:100%;height:auto !important}

.banner {background:transparent url(../images/banners/banner1-final.jpg) bottom left no-repeat;background-size: cover ;min-height: 755px;position:relative; transition: all 12.5s ease; overflow:hidden; margin-top:0px; padding-top:20px;}
.banner-1 {background:transparent url(../images/banners/banner1-final.jpg) bottom left no-repeat;background-size: cover;min-height: 755px;position:relative; transition: all 0.1s!important; overflow:hidden;}
.banner-2 {background:transparent url(../images/banners/banner2-final.jpg) bottom left no-repeat;background-size: cover;min-height: 755px;position:relative; transition: all 0.1s!important; overflow:hidden;}
.banner-3 {background:transparent url("../images/banners/banner3-new.jpg") bottom left no-repeat;background-size: cover;min-height: 755px;position:relative; transition: all 0.1s!important; overflow:hidden;}


#homeBannerContent { transition: all 10.5s  ease;  }
.banner div.banner-fade {position:absolute;top:0;left:0;right:0;width:100%;height:100%;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#100f38+0,000000+100&1+0,0+50 */background: -moz-linear-gradient(top,  rgba(16,15,56,1) 0%, rgba(8,8,28,0.2) 50%, rgba(0,0,0,0.2) 100%); /* FF3.6-15 */background: -webkit-linear-gradient(top,  rgba(16,15,56,1) 0%,rgba(8,8,28,0.2) 50%,rgba(0,0,0,0.2) 100%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(to bottom,  rgba(16,15,56,1) 0%,rgba(8,8,28,0.2) 10%,rgba(0,0,0,0.2) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#100f38', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */}


.home-banner-content {padding: 20px 30px;margin:0 auto;box-sizing: border-box;max-width: 1280px; line-height:1.2; } /*position: relative;top:-665px; - need to remove this*/

.banner-home-heading {/*width: calc(100% - 690px);*/ position: relative; display:block;padding: 0;margin:0 auto;box-sizing: border-box; color:#fff; font-size: 30px; font-weight:500; -webkit-transition:0.3s ease;-moz-transition:0.3s ease; transition:0.3s ease; font-family: Comfortaa, Arial, sans-serif; margin-top: 50px}
.banner-home-heading p {color:#fff; font-size: 22px; font-weight:500; padding:15px 0px 8px 0px; margin-bottom: 0 }
.banner-home-content {float: left;width:50%;position: relative;display:block;padding: 7px;margin:0;box-sizing: border-box; min-height: 390px; background: rgba(255,255,255,0.2);color:#fff;font-weight:bold;-webkit-transition:0.3s ease;-moz-transition:0.3s ease;transition:0.3s ease;}
.banner-home-content-heading {position: relative; display:block;padding: 0;margin:0;box-sizing: border-box; color:#fff; font-size: 20px; font-weight:400; margin-bottom: 20px;}
.banner-home-content a:link,.banner-home-content a:visited {border: 1px solid #fff; font-weight:300; width:100%; max-width: 408px;  font-size:15px; color:#fff; border-radius:30px; display:block; position: relative; display:block;padding: 10px;margin:10px 0 auto;box-sizing: border-box; text-decoration:none;}
.banner-home-content a:hover,.banner-home-content a:active{background: #33738A; }
.banner-home-content a span {float: right;   }

.home-content:link,.home-content:visited {font-weight:500; width:30%;font-size:16px; color:#100F38; display:block; position: relative;padding: 12px 10px 12px 18px;margin:1px 0 auto;box-sizing: border-box; text-decoration:none;border-bottom: 1px solid #000;
    text-transform: uppercase;}
.home-content:hover,.home-content:active{background: #100F38; color:#fff; }
.home-content span {float: right;font-size: 14px; padding-right:10px; }
.home-content-underline {border-bottom: 3px solid #3D94B2!important; }
.home-content-underline span {float: right;font-size: 14px; padding-right:3px; color:#3D94B2;}
.content-block1 {position:absolute; display:none; left:30%; top:0px; background: #B0D4E1; min-height:291px; padding:20px;box-sizing: border-box;border-bottom:2px solid #919191; }

.home-content2:link,.home-content2:visited {font-weight:500;   width:30%;font-size:16px; color:#100F38; display:block; position: relative;padding: 12px 10px 12px 18px;margin:1px 0 auto;box-sizing: border-box; text-decoration:none;border-bottom:1px solid #DA6B4D;}
.home-content2:hover,.home-content2:active{background: #DA6B4D; color:#fff; }
.home-content2 span {float: right;font-size: 14px; padding-right:10px; }
.home-content2-underline {border-bottom: 3px solid #ED694B!important; }
.home-content2-underline span {float: right;font-size: 14px; padding-right:3px; color:#ED694B }
.content-block2 {position:absolute; display:none; left:30%; top:0px; background: #FBCFC6; min-height:200px; padding:20px;box-sizing: border-box;border-bottom:2px solid #919191; }

.home-content3:link,.home-content3:visited {border: 1px solid #100F38; font-weight:500; width:100%; max-width: 290px;  font-size:16px; color:#100F38; border-radius:30px; display:block; position: relative; display:block;padding: 15px;margin: 10px 0;box-sizing: border-box; text-decoration:none;line-height: 1.4;}
.home-content3:hover,.home-content3:active{background: #100F38; color:#fff; }
.home-content3 span {float: right; }

.home-content4:link,.home-content4:visited {border: 1px solid #100F38; font-weight:500; text-transform:uppercase; width:100%; max-width: 290px; background: #100F38;  font-size:16px; color:#fff; border-radius:30px; display:block; position: relative; display:block;padding: 15px;margin: 10px 0;box-sizing: border-box; text-decoration:none;}
.home-content4:hover,.home-content4:active{background: #fff; color:#100F38; }
.home-content4 span {float: right; }

.home-banner-container {clear: both; position: relative;display:block;padding: 10px;margin:0 auto;box-sizing: border-box;}
.home-banner-circle {float:left; width:33%; position: relative;display:block;padding: 10px;margin:0 auto;box-sizing: border-box; line-height:1.2;}
.home-circle1 {cursor:pointer; text-align: center; color:#fff;font-size:29px; position: relative; display:block;padding: 20px;margin:0 auto;box-sizing: border-box; border:1px solid #fff; width:320px; height: 320px; background: rgba(53,127,155,0.8);border-radius: 350px;     font-family: Comfortaa, Arial, sans-serif;}
.home-circle2 {cursor:pointer;text-align: center; color:#fff;font-size:29px; position: relative; display:block;padding: 20px;margin:0 auto;box-sizing: border-box; border:1px solid #fff; width:320px; height: 320px; background: rgba(218,107,77,0.8);border-radius: 350px;     font-family: Comfortaa, Arial, sans-serif;}
.home-circle3 {cursor:pointer;text-align: center; color:#fff;font-size:29px;position: relative; display:block;padding: 20px;margin:0 auto;box-sizing: border-box; border:1px solid #fff; width:320px; height: 320px; background: rgba(125,156,15,0.8);border-radius: 350px;     font-family: Comfortaa, Arial, sans-serif;}
.elongated {height:380px;} /* -webkit-transition:0.3s ease;-moz-transition:0.3s ease; transition:0.3s ease; - stop nav circles jumping*/

.plusMinusCSS {display:inline-block; width:50px; height: 50px; border: 1px solid #fff; border-radius:50px; position: relative;padding: 12px 10px;margin:0 auto;box-sizing: border-box;}

.content-home { } /*position: relative; display:block;padding: 0;margin:0 auto;box-sizing: border-box; max-width: 1280px; */
.home-heading {position: relative; display:block;padding: 0;margin:0;box-sizing: border-box; color:#3D94B2; font-size: 26px; font-weight:bold;font-family: Comfortaa, Arial, sans-serif;}

.text-uppercase {text-transform:uppercase; }
.text-uppercase-font-weight {
    text-transform: uppercase;
    font-weight: bold !important;
    margin-bottom: 1.5em;
}

.contentBlock1 {background:#E2EFF4; }
.contentBlock2 {background:#FDE8E4; }
.contentBlock3 {background:#EFF4DA; }

#contentBlock3 {padding: 16px !important; font-family: 'Roboto','Comfortaa', cursive, Arial, Helvetica, sans-serif;}
#contentBlock3  h4 {    font-family: 'Roboto','Comfortaa', cursive, Arial, Helvetica, sans-serif; display: inline-block;  border-bottom: 1px solid #91B508; padding:5px; }
#contentBlock3  h5 {    font-family: 'Roboto','Comfortaa', cursive, Arial, Helvetica, sans-serif; text-transform:uppercase; color:#100F38; font-size:1.1em; line-height:1.4}

.switch-pink-txt {color: #ED694B; }
.switch-green-txt {color: #91B508; }
.text-white {color: #fff;    font-family: Comfortaa, Arial, sans-serif; }
.home-block2-text {font-size: 18px; color: #ED694B; }
.largeText  {font-size: 34px; font-weight:bold;}

ul.medium-blue-bullet {list-style: none; padding:0; margin:0;position: relative; }
ul.medium-blue-bullet li {padding:3px 3px 3px 3px; margin-left: 20px; position: relative; line-height:1.4}
ul.medium-blue-bullet li::before {display: inline-block; content: ''; -webkit-border-radius: 10px; border-radius: 10px; height:7px;width:7px; position:absolute; left: -20px; top:8px; background-color: #3D94B2;}
.bullet-blue-bold {color: #3D94B2; }

.col-three-container {position: relative; display:block;padding: 0;margin:0;box-sizing: border-box;}
.col-three-column {float:left; width:33%; position: relative; display:block;padding: 0;margin:0;box-sizing: border-box;}
.invite-img{float: right; margin:10px;display:block;height:175px!important;margin:0 auto !important; }
.home-banner-finger { margin:10px;   -webkit-transition:0.3s ease;-moz-transition:0.3s ease; transition:0.3s ease;}
.home-click-more-text {font-size:12px; font-weight:500; padding:10px 20px 4px; margin:0px; text-align: center}
.home-banner-space2 {position: relative; display:block;padding: 0;margin:0;box-sizing:  border-box; height:388px; }



@media screen and (max-width: 1240px) {
.home-circle1 {cursor:pointer; text-align: center; color:#fff;font-size:27px; position: relative; display:block;padding: 20px;margin:0;box-sizing: border-box; border:1px solid #fff; width:290px; height: 290px; background: rgba(53,127,155,0.8);border-radius: 350px; }
.home-circle2 {cursor:pointer;text-align: center; color:#fff;font-size:27px; position: relative; display:block;padding: 20px;margin:0;box-sizing: border-box; border:1px solid #fff; width:290px; height: 290px; background: rgba(218,107,77,0.8);border-radius: 350px; }
.home-circle3 {cursor:pointer;text-align: center; color:#fff;font-size:27px;position: relative; display:block;padding: 20px;margin:0;box-sizing: border-box; border:1px solid #fff; width:290px; height: 290px; background: rgba(125,156,15,0.8);border-radius: 350px; }
.elongated {height:340px}
/*.banner-home-heading { width:35%; position: relative; display:block;padding: 0;box-sizing: border-box; color:#fff; font-size: 30px; font-weight:500;}
.banner-home-content {width:65%; position: relative; display:block;margin:0;box-sizing: border-box; background: rgba(255,255,255,0.2); color:#fff; font-weight:bold;}*/
.banner-home-heading p {color:#fff; font-size: 19px; font-weight:500; padding:15px 0px 8px 0px; }
}

@media screen and (max-width: 980px) {
.banner-home-heading {float: none; width:auto; position: relative; display:block;padding: 0;margin:0;box-sizing: border-box; color:#fff; font-size: 30px; font-weight:500;}
.banner-home-content {float: none;width:auto;position: relative;display:block;/* padding: 20px; */margin:0;box-sizing: border-box;background: rgba(255,255,255,0.2);color:#fff;font-weight:bold;}
.home-circle1 {cursor:pointer; text-align: center; color:#fff;font-size:19px; position: relative; display:block;padding: 20px;margin:0 auto;box-sizing: border-box; border:1px solid #fff; width:90%; height: 190px; background: rgba(53,127,155,0.8);border-radius: 30px; }
.home-circle2 {cursor:pointer;text-align: center; color:#fff;font-size:19px; position: relative; display:block;padding: 20px;margin:0 auto;box-sizing: border-box; border:1px solid #fff; width:90%; height: 190px; background: rgba(218,107,77,0.8);border-radius: 30px; }
.home-circle3 {cursor:pointer;text-align: center; color:#fff;font-size:19px;position: relative; display:block;padding: 20px;margin:0 auto;box-sizing: border-box; border:1px solid #fff; width:90%; height: 190px; background: rgba(125,156,15,0.8);border-radius: 30px; }
.elongated {height:240px}
.home-content:link,.home-content:visited {font-weight:500; width:auto;font-size:16px; color:#100F38; display:block; position: relative;padding: 12px 10px 12px 10px;margin:1px 0 auto;box-sizing: border-box; text-decoration:none;}
.home-content:hover,.home-content:active{background: #100F38; color:#fff; }
.content-block1 {position:relative; display:none; left:0px; top:0px; background: #B0D4E1; min-height:200px; padding:20px;box-sizing: border-box;}
.home-content2:link,.home-content2:visited {font-weight:500;   width:auto;font-size:16px; color:#100F38; display:block; position: relative;padding: 12px 10px 12px 10px;margin:1px 0 auto;box-sizing: border-box; text-decoration:none;}
.home-content2:hover,.home-content2:active{background: #DA6B4D; color:#fff; }
.content-block2 {position:relative; display:none; left:0px; top:0px; background: #FBCFC6; min-height:200px; padding:20px;box-sizing: border-box;}
.banner-home-content a:link,.banner-home-content a:visited {border: 1px solid #fff; font-weight:300; width:100%; max-width: 410px;  font-size:16px; color:#fff; border-radius:30px; display:block; position: relative; display:block;padding: 13px 15px;margin:9px 0 auto;box-sizing: border-box; text-decoration:none;}
.banner-home-content a:hover,.banner-home-content a:active{background: #33738A; }
.home-banner-finger {position: absolute; right:10px; top:20px; margin:10px;  -webkit-transition:0.3s ease;-moz-transition:0.3s ease; transition:0.3s ease;}
.home-click-more-text {font-size:16px; font-weight:500; padding:10px 20px 4px; margin:0px; }
.home-click-more-text br {display: none; }
.invite-img{float: right; margin:5px 10px;display:block;height:220px!important }
.home-banner-space2 {position: relative; display:block;padding: 0;margin:0;box-sizing:  border-box; height:258px; }
}
@media screen and (max-width: 768px) {
.col-three-column {float:none; width:auto; position: relative; display:block;padding: 0;margin:0;box-sizing: border-box;}
.banner-home-content a:link,.banner-home-content a:visited {border: 1px solid #fff; font-weight:500; width:100%; max-width: 260px;  font-size:14px; color:#fff; border-radius:30px; display:block; position: relative; display:block;padding: 13px 15px;margin:9px 0 auto;box-sizing: border-box; text-decoration:none;}
.invite-img{float: right; margin:5px 10px;display:block;height:210px!important }
}
@media screen and (max-width: 750px) {
.home-circle1 {cursor:pointer; text-align: center; color:#fff;font-size:17px; position: relative; display:block;padding: 10px;margin:0 auto;box-sizing: border-box; border:1px solid #fff; width:90%; height: 160px; background: rgba(53,127,155,0.8);border-radius: 30px; }
.home-circle2 {cursor:pointer;text-align: center; color:#fff;font-size:17px; position: relative; display:block;padding: 10px;margin:0 auto;box-sizing: border-box; border:1px solid #fff; width:90%; height: 160px; background: rgba(218,107,77,0.8);border-radius: 30px; }
.home-circle3 {cursor:pointer;text-align: center; color:#fff;font-size:17px;position: relative; display:block;padding: 10px;margin:0 auto;box-sizing: border-box; border:1px solid #fff; width:90%; height: 160px; background: rgba(125,156,15,0.8);border-radius: 30px; }
.elongated {height:210px}
}
@media screen and (max-width: 600px) {
.invite-img { float: none; margin: 20px;height:auto!important; width:100%; max-width: 250px; }
.home-banner-container {clear: both; position: relative;display:block;padding: 10px;margin:0 auto;box-sizing: border-box;}
.home-banner-space2 {position: relative; display:block;padding: 0;margin:0;box-sizing:  border-box; height:188px; }
.home-circle1 {cursor:pointer; text-align: center; color:#fff;font-size:12px; position: relative; display:block;padding:10px  8px;margin:0 auto;box-sizing: border-box; border:1px solid #fff; width:95%; height: 130px; background: rgba(53,127,155,0.8);border-radius: 30px; }
.home-circle2 {cursor:pointer;text-align: center; color:#fff;font-size:12px; position: relative; display:block;padding: 10px 8px;margin:0 auto;box-sizing: border-box; border:1px solid #fff; width:95%; height: 130px; background: rgba(218,107,77,0.8);border-radius: 30px; }
.home-circle3 {cursor:pointer;text-align: center; color:#fff;font-size:12px;position: relative; display:block;padding: 10px 8px;margin:0 auto;box-sizing: border-box; border:1px solid #fff; width:95%; height: 130px; background: rgba(125,156,15,0.8);border-radius: 30px; }
.elongated {height:160px}
.home-banner-finger {position: absolute; right:9px; top:22px; margin:1px;  -webkit-transition:0.3s ease;-moz-transition:0.3s ease; transition:0.3s ease; width:15px;}
.plusMinusCSS {display:inline-block; width:40px; height: 40px; border: 1px solid #fff; border-radius:40px; position: relative;padding: 7px 8px;margin:0 auto;box-sizing: border-box; }
.banner-home-content a:link,.banner-home-content a:visited {margin: 0 auto; margin-top: 20px;}
}


@media screen and (max-width: 450px) {
.invite-img { float: none; margin: 20px;height:auto!important; width:100%; max-width: 250px;}
.home-banner-circle {float:left; width:33%; position: relative;display:block;padding: 3px;margin:0 auto;box-sizing: border-box; line-height:1.2;}
.home-banner-container {clear: both; position: relative;display:block;padding: 10px;margin:0 auto;box-sizing: border-box;}
.home-banner-space2 {position: relative; display:block;padding: 0;margin:0;box-sizing:  border-box; height:188px; }
.home-circle1 {cursor:pointer; text-align: center; color:#fff;font-size:11px; position: relative; display:block;padding: 10px 2px;margin:0 auto;box-sizing: border-box; border:1px solid #fff; width:99%; height: 130px; background: rgba(53,127,155,0.8);border-radius: 30px; }
.home-circle2 {cursor:pointer;text-align: center; color:#fff;font-size:11px; position: relative; display:block;padding: 10px 2px;margin:0 auto;box-sizing: border-box; border:1px solid #fff; width:99%; height: 130px; background: rgba(218,107,77,0.8);border-radius: 30px; }
.home-circle3 {cursor:pointer;text-align: center; color:#fff;font-size:11px;position: relative; display:block;padding: 10px 2px;margin:0 auto;box-sizing: border-box; border:1px solid #fff; width:99%; height: 130px; background: rgba(125,156,15,0.8);border-radius: 30px; }
.elongated {height:160px}
.plusMinusCSS {display:inline-block; width:33px; height: 33px; border: 1px solid #fff; border-radius:33px; position: relative;padding: 2px 4px;margin:0 auto;box-sizing: border-box; }
}

@media screen and (max-width: 400px) {
.home-banner-finger {display:none}
.home-content3:link,.home-content3:visited {border: 1px solid #100F38; font-weight:500; width:100%; max-width: 290px;  font-size:16px; color:#100F38; border-radius:30px; display:block; position: relative; display:block;padding: 20px;margin: 10px 0;box-sizing: border-box; text-decoration:none;}
}

@media screen and (max-width: 320px) {
.home-content span {

    padding-right: 0;
}
}