* {
    margin: 0;
    padding: 0;
    outline: 0;
}

ul { list-style-type: none; }

body { font-family: 'Montserrat', sans-serif;font-family:var(--police-main);}

.shell { max-width: 1250px; margin: auto; padding: 0 20px; }

.header { padding: 10px;}

.btn { display: inline-block; }
.btn-white { background-color: #c4dfd3;  text-transform: none; font-size: 26px;font-weight: 500;color: #14143c; border-radius: 40px; padding: 20px 50px;}
.btn-white:hover  {  background-color: white; color: #000;  }

.btn-yellow-transparent  { background-color : #ff7800; padding: 15px 50px; border-radius: 0; color: #fff; font-size: 20px; border: 3px solid #ff7800; border-radius:15px; font-weight: 700;  }
.btn-yellow-transparent:hover  { background-color : #fff; color: #000;  }

.logo span { position: relative; top: 18px; color: #000; font-size: 1.125rem; display: inline-block; margin-left: 30px;  }
.lang { float: right;   }
.lang a { color: #000;  }

.student-ad { padding: 0px; background: url(../bg-img.html) no-repeat 0 -26px; -webkit-background-size: cover; background-size: cover; color: white;  }
/*rrr
.student-ad { padding: 70px 0; color: white;background-color: var(--brand-dark-blue) !important;background-image: none !important;}*/

.student-ad ul { list-style-type: none; }

.student-ad h1 { color:#fff; font-size: 40px; font-weight: 500; line-height: 1; letter-spacing: 1px;   }
.student-ad h1 .yellow{ color:#f9d34e; font-weight: 700;  }
.student-ad h1 .larger-fz { font-size: 58px;  }


.student-ad .logo img { width: 10%; float: right; }
.student-ad .logo img { width: 10%; float: right; }
.student-ad .student-ad-head  {  padding-bottom: 50px; }




.student-ad .student-ad-box  { width: 350px;  padding: 25px 0px; margin-bottom: 10px; text-align: left;  }

.student-ad .student-ad-box .student-ad-box-head  { color: #fff;  }
.student-ad .student-ad-box .student-ad-box-head strong { display: block; font-size: 60px; margin-bottom: 7px;   }
.student-ad .student-ad-box .student-ad-box-head p { text-transform: uppercase; font-size: 26px; line-height: 0.9;  }
.student-ad .student-ad-box .student-ad-box-foot  { background-color: #000;  margin: 10px 15px 0; padding: 0 22px;  }
.student-ad .student-ad-box .student-ad-box-foot small { font-size: 14px;  }
.student-ad .student-ad-box .student-ad-box-foot strong { text-transform: uppercase; font-weight: 900;  }

.student-ad  .student-ad-body { padding-left: 60px; }
.student-ad  .student-ad-foot  { padding-left: 70px;  }


.features-section  { padding: 60px 0;  }
.features-section .section-foot { text-align: center; padding: 40px 0;  }
.features-section h1 { color:#14143C;  font-size: 43px; padding-bottom: 30px; font-weight: 500; }
.features-section h1 span { font-weight: 700;  }

.features-list li { margin-bottom: 60px;  font-size: 20px; position: relative; padding-left: 75px; }
.features-list li:last-child  {  }
.features-list img  { position: absolute; top: -11px; left: 0;  }
.features-list .tooltip-box {
    position: absolute;
    bottom: 100%;
    left: 84px;
    background-color: #000;
    border-radius: 5px;
    color: #fff;
    padding: 3px 10px;
    font-size: 16px;
    line-height: 2.3;
    opacity: 0;
    visibility: hidden;
    margin-bottom: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    -o-transform: translateY(20px);
    transform: translateY(20px);
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
}
.features-list .tooltip-box:after  { content: ''; position: absolute; bottom: -6px; left: 4px; width: 0; height: 0; border-style: solid; border-width: 10px 5px 0 5px; border-color: #000 transparent transparent transparent; }

.features-list li:hover .tooltip-box { visibility: visible; opacity: 1; 
	-webkit-transform: translateY(0); 
	    -ms-transform: translateY(0); 
	     -o-transform: translateY(0); 
	        transform: translateY(0); 
}


.js-animation { -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; }

.js-animation-from-right   { -webkit-transform: translateX(50px);  -ms-transform: translateX(50px);  -o-transform: translateX(50px);  transform: translateX(50px); }
.js-animation-from-left    { -webkit-transform: translateX(-50px); -ms-transform: translateX(-50px); -o-transform: translateX(-50px); transform: translateX(-50px); }
.js-animation-from-top     { -webkit-transform: translateY(-50px); -ms-transform: translateY(-50px); -o-transform: translateY(-50px); transform: translateY(-50px); }
.js-animation-from-bottom  { -webkit-transform: translateY(50px);  -ms-transform: translateY(50px);  -o-transform: translateY(50px);  transform: translateY(50px); }

.js-animation { opacity: 0; visibility: hidden; }

.js-animation-from-top.animate,
.js-animation-from-bottom.animate { -webkit-transform: translateY(0);  -ms-transform: translateY(0);  -o-transform: translateY(0);  transform: translateY(0); opacity: 1; visibility: visible; }

.js-animation-from-left.animate,
.js-animation-from-right.animate { -webkit-transform: translateX(0);  -ms-transform: translateX(0);  -o-transform: translateX(0);  transform: translateX(0);  opacity: 1; visibility: visible; }

.js-animation.animate { opacity: 1; visibility: visible; }

.footer { background-color: #000; padding: 60px 0 30px;}
.footer .content-part .text .title { margin: 0 0 25px; color: #fff; font-size: 18px; line-height: 1.8; font-weight: 700; }
.footer .content-part .text p {    color: #888; line-height: 1.875rem; font-size: 1.0625rem; }

.footer .content-part .contact-info a span, .footer .content-part .contact-info p span {color: #fff;
    display: block; font-weight: 700; font-size: 18px; }

.footer .content-part .contact-info a, .footer .content-part .contact-info p { color: #888;}

.footer .newsletter-part .socials { padding: 0; margin: 0; display: -webkit-box; display: -ms-flexbox; display: flex; height: 60px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; max-width: 260px;}
.footer .newsletter-part .socials li a {color: #6e6b6a; font-size: 24px;}
.footer .content-part .contact-info a a:hover, .footer .content-part .contact-info p a:hover,
.footer .newsletter-part .socials li a:hover { opacity: .6; text-decoration: none; }

.footer .newsletter-part {    border-bottom: 1px solid #ddd; padding-bottom: 60px; }
.footer .content-part { margin-top: 60px; }

.footer .copyright-part {     margin-top: 60px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.footer .copyright-part p { line-height: 1.375rem; margin-bottom: 0; margin-right: 20px; color: #888;}





.footer  .link { font-size: 1rem; font-weight: 600 !important; color: #ffd400 !important; }

form input, form textarea { position: relative; display: inline-block; width: 100%; border: 1px solid #bbb; border-radius: 2px; font-family: Montserrat,sans-serif;font-family:var(--police-main); font-size: 16px; font-size: 1rem; line-height: 16px; line-height: 1rem; padding: 15px; height: 45px; color: #333;}
.mailchimp-signup #mc_embed_signup_scroll, .mailchimp-signup { width: 100%; }
.mailchimp-signup #mc_embed_signup_scroll { position: relative; }
.mailchimp-signup .mc-field-group { display: inline-block; width: 50%; }
.mailchimp-signup input.email {    background-color: transparent; height: 60px !important; border-radius: 0 !important; width: 100% !important; color: #fff !important; }
    .mailchimp-signup .btn-main {
        position: relative !important;
        left: -5px !important;
        width: 49% !important;
        color: #000 !important;
        display: inline-block;
        position: relative;
        font-family: Montserrat,sans-serif;
		font-family:var(--police-main);
        font-size: 16px;
        font-size: 1rem;
        line-height: 30px;
        line-height: 1.875rem;
        font-weight: 600;
        padding: 15px 50px 15px 20px;
        background-color: #f9d34e;
        min-width: 200px;
        -webkit-transition: all .4s cubic-bezier(.55,.22,.36,.9);
        -o-transition: all .4s cubic-bezier(.55,.22,.36,.9);
        transition: all .4s cubic-bezier(.55,.22,.36,.9);
        text-align: left;
        border: 0;
    }
.mailchimp-signup .btn-main .btn-ico  { 
    position: absolute;
    width: 9px;
    height: 15px;
    font-size: 15px;
    right: 20px;
    -webkit-transition: right .4s cubic-bezier(.55,.22,.36,.9);
    -o-transition: right .4s cubic-bezier(.55,.22,.36,.9);
    transition: right .4s cubic-bezier(.55,.22,.36,.9);
    top: 62%;
    margin-top: -15px; }


.mailchimp-signup .btn-main:hover  { cursor: pointer; padding-left: 40px;  }
.mailchimp-signup .btn-main:hover .btn-ico { right: 25px; }

@media (max-width: 1220px){
    .mailchimp-signup .btn-main {
        padding: 15px 27px 15px 8px;
    }

    .mailchimp-signup .btn-main { 
        left: -5px !important; 
    }
}

@media (max-width: 992px){
.footer .newsletter-part .socials {
    margin: 40px auto 0;
    height: auto;
}
    .features-list .tooltip-box {
        position: relative;
        left: 0;
        display: none;
        opacity: 1;
        visibility: visible;
        -webkit-transition: none;
        -o-transition: none;
        transition: none;
        -webkit-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
    }

        .features-list .tooltip-box:after {
            display: none;
        }
}

@media(max-width: 768px){
	.student-ad h1 br { display: none; }
	.student-ad .student-ad-box { width: 100%; }
	.student-ad .student-ad-foot,
	.student-ad .student-ad-body { padding-left: 0; }
	.student-ad .student-ad-foot { text-align: center; }
	.student-ad .student-ad-box .student-ad-box-foot { padding: 0px; }
}
	
@media(max-width: 680px){
	.student-ad .logo  { display: inline-block; margin-bottom: 20px;  }
	.student-ad .logo img { float: none;  }
	.student-ad .student-ad-head { text-align: center; }
	.student-ad h1 { margin-bottom: 20px; }
	.student-ad h2  { text-shadow: 1px 1px 1px #000; }
	
}

@media(max-width: 510px){
	.student-ad h1 { font-size: 40px; }
	.student-ad h2 { font-size: 20px;  }
	.student-ad .student-ad-foot,
	.student-ad .student-ad-box { width: 100%; text-align: center; }
	.features-list .tooltip-box { left: 0; font-size: 13px; }
	.features-list .tooltip-box:after { left: 50%; margin-left: -10px; }
	h1 br { display: none; }
	.features-section h1 { font-size: 30px; }

}

@media (max-width: 490px){

.mailchimp-signup .btn-main {
    left: 0px !important;
    width: 100% !important;
}
.mailchimp-signup .mc-field-group { width: 100%; }

.logo span { display: none; }
    .student-ad h1 {
        font-size: 25px;
    }
    /*.student-ad .student-ad-box .student-ad-box-head strong {
        font-size: 35px !important;
    }*/
    .btn-white {
        font-size: 16px;
    }
    .btn-yellow-transparent {
        font-size: 10px;
    }
    .student-ad h1 .larger-fz {
        font-size: 40px;
    }
    .mailchimp-signup .mc-field-group {
        width:100% !important;
    }
    .mailchimp-signup .btn-main {
        left:0 !important;
    }
}





.mailchimp-signup #mc_embed_signup_scroll,
.mailchimp-signup {
    width: 100%;
}

    .mailchimp-signup input.email {
        background-color: transparent;
        height: 60px !important;
        border-radius: 0 !important;
        width: 100% !important;
        color: #fff !important;
    }

    .mailchimp-signup .btn-main {
        position: relative !important; 
        width: 49%;
    }

    .mailchimp-signup .mc-field-group {
        display: inline-block;
        width: 50%;
    }

    .mailchimp-signup #mc_embed_signup_scroll {
        position: relative;
    }

        .mailchimp-signup #mc_embed_signup_scroll div.mce_inline_error {
            position: absolute;
            bottom: -57px;
            left: 0;
            width: 99%;
        }

        .mailchimp-signup #mc_embed_signup_scroll .responses {
            color: #fff;
            position: absolute;
            bottom: -37px;
            left: 0;
            width: 99%;
        }


/*# sourceMappingURL=bootstrap-grid.css.map */
@font-face {
    font-family: 'icon-cim';
    src: url("../eot/icon-cime1f7.eot");
    src: url("../eot/icon-cime1f7.eot#iefix") format("embedded-opentype"), url("../ttf/icon-cime1f7.ttf") format("truetype"), url("../woff/icon-cime1f7.woff") format("woff"), url("../svg/icon-cime1f7.svg#icon-cim") format("svg");
    font-weight: normal;
    font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icon-cim' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
@import url("https://fonts.googleapis.com/css?family=Montserrat:400,600,500,700");
.icon-cross:before {
    content: "\ea0f";
}

.icon-checkmark:before {
    content: "\ea10";
}

.icon-arrow-right:before {
    content: "\e900";
}

.icon-arrow-top:before {
    content: "\e908";
}

.icon-arrow-down:before {
    content: "\e909";
}

.icon-arrow-left:before {
    content: "\e901";
}

.icon-login:before {
    content: "\e902";
}

.icon-facebook:before {
    content: "\e903";
}

.icon-instagram:before {
    content: "\e904";
}

.icon-linkedin:before {
    content: "\e905";
}

.icon-twitter:before {
    content: "\e906";
}
icon-youtube:before {
    content: "\e954";
}

.icon-search:before {
    content: "\e907";
}

.student-ad-box p {
    margin : 0;
}

.btn-main:after, .btn-secondary:after, .btn-tertiary:after {
    font-family: icon-cim !important;
    
    position: absolute;
    width: 9px;
    height: 15px;
    font-size: 15px;
    right: 20px;
    -webkit-transition: right .4s cubic-bezier(.55,.22,.36,.9);
    -o-transition: right .4s cubic-bezier(.55,.22,.36,.9);
    transition: right .4s cubic-bezier(.55,.22,.36,.9);
    top: 50%;
    margin-top: -15px;
}

/* ------------------------------------------------------------ *\
	Landing page 
\* ------------------------------------------------------------ */


.features-section .Membership-benifict-hidden {
    position: fixed;
    top: 0;
    right: 0;
    width: 600px;
    padding: 60px 30px;
    height: 100%;
    background-color: #fff;
    transform: translateX(600px);
    transition: all .4s;
    z-index: 50;
    overflow: auto;
}

    .features-section .Membership-benifict-hidden.active {
        transform: translateX(0);
    }

.btn-close-Membership-benifict {
    font-size: 30px;
    position: absolute;
    top: 20px;
    right: 25px;
    font-weight: 600;
    color: #333;
}
/*branding*/
a:visited, a {
  color: #18a2dc;
  color: var(--color-police) ;
}
.description, p{
	/*color:black;*/
	font-weight:400;
}
#btn-sub-redirect {
  display: none;
}

img .Twitter.Icon {
  vertical-align: baseline !important;
}
.mc-field-group input, .mc-field-group {
  border: 2px solid white !important;
}
#mc-embedded-subscribe {
  left:-5px !important;
  width: 49% !important; 
  height: calc(100% + 2px) !important;
  margin: 0 !important;
  padding: 15px 50px 15px 20px !important;
  border: 2px solid white !important;
	background: var(--brand-dark-blue) !important;
}
footer .btn-secondary {
  color: var(--color-police);
  background-color: #fff;
  border-color: #ccc;
  background-color: white;
  padding: 15px 80px 15px 30px;
}
.footer .content-part {
  margin-bottom: 40px;
}
.footer .link {
  color: white !important;
}
.footer .link:hover {
  text-decoration:none;
}
footer .contact-info p,
footer .contact-info div,
footer .contact-info a:not(.btn-secondary),
footer .text p{
  color:white !important;
}
.twitter-icon {
  vertical-align: baseline !important;
}
footer .btn-secondary::after {
  content:none;
}
footer .btn-secondary {
  margin-bottom:1em;
	 margin-top:1em ;
	text-decoration:none;
}
.footer .content-part .contact-info a {
  color: var(--color-police);
}
footer .link::after {
  background-color: white;
}
.section-body{
	padding: 50px;
	background: #fff8ed;}
.banner-container {
	display: flex;
}
.banner-section {
    flex: 1; /* This makes both sections take up equal space */
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    box-sizing: border-box;
}
.coupon-code-container{
	border: 3px solid white;
	border-radius: 50px;
	padding: 20px;
}
.coupon-code{
font-size: 60px; 
	color: #ff7800; 
	text-align: center;
}
@media (max-width: 768px) {
    .banner-container {
		display:block;
        height: auto; /* Adjust height for smaller screens */
    }
    .banner-section {
        flex: 100%; /* Makes each section take full width */
    }
	.coupon-code-container{
		padding: 10px 0px 0px 0px;
}
	.coupon-code{
		font-size: 20px;
	}
}