:root{
    --white:#fff;
    --pink: #E6007E;
    --pink-light: #F8BECC;
    --pink-light2: #ED6EA7;
}
/* =================reset css starts here=================  */
* { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6, p, ul, li, body, html, form, fieldset { margin: 0; padding: 0; outline: none; border: 0 }
a { text-decoration: none; border: 0; outline: 0; }
ul {list-style: none;}
.alert-danger {
    width: 100%; background: #FF1F1F; border: 0px; border-radius: 40px; color: white; text-align: center;
}
a:focus, input:focus, textarea:focus, *:focus { outline: 0 !important; }
.form-control:focus{box-shadow: none !important; outline: none !important;}
/* =================reset css ends here================= */
/* =================core css starts here================= */
body { font-size: 18px; line-height: 24px; font-weight: 400;font-family: degular, sans-serif; color:#fff; background:var(--pink); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.container {width: calc(100% - 20px);max-width: 1184px;}
a, input, button { display: inline-block; text-decoration: none; color: inherit; outline: none; transition: all 0.2s ease-in;  -webkit-transition: all 0.2s ease-in; }
a img {border: 0px none;}
a:hover { outline: none; color: var(--white); text-decoration: none; }
a:active { outline: none; text-decoration: none; }
a:focus { outline: none; outline-offset: 0px; text-decoration: none; color: inherit; }
.form-control::-webkit-input-placeholder { color: #fff; opacity: 1; }
.form-control::-moz-placeholder { color: #fff; opacity: 1; }
.form-control:-moz-placeholder { color: #fff; opacity: 1; }
.form-control:-ms-input-placeholder { color: #fff; opacity: 1; }
.form-control2::-webkit-input-placeholder { color: var(--pink); opacity: 1; }
.form-control2::-moz-placeholder { color: var(--pink); opacity: 1; }
.form-control2:-moz-placeholder { color: var(--pink); opacity: 1; }
.form-control2:-ms-input-placeholder { color: var(--pink); opacity: 1; }
img {max-width: 100%; border:0; height: auto;}
h1, h2, h3, h4, h5, h6 { margin: 0px; padding: 0px; margin-bottom: 24px; line-height: 1.2; font-weight: 700; color: inherit;}
h1 {font-size: 60px;}
h2 {font-size: 48px;}
h3 {font-size: 40px;}
h4 {font-size: 32px;}
h5 {font-size: 26px;}
h6 {font-size: 22px;}
p {margin: 0px; padding: 0px; margin-bottom: 24px; }
strong {font-weight: 700;}
b {font-weight: 400;}
p:last-child {margin-bottom: 0;}
.btn {border-radius: 40px;font-weight: 700;min-width: 171px;box-shadow: none;transition: all 0.2s ease-in;-webkit-transition: all 0.2s ease-in;text-transform: uppercase;padding: 17px 40px;font-size: 20px;letter-spacing: .2px;line-height: 1.2;border: none;}
.btn-default,.btn-default:focus {color:var(--white);background-color: var(--pink); border:solid 1px var(--pink);}
.btn-default:hover,.btn-default:active {color:var(--pink);background-color: var(--white); border:solid 1px var(--white);}
.btn-primary,.btn-primary:focus {color:var(--pink);background-color: var(--white); border:solid 1px var(--white);}
.btn-primary:hover,.btn-primary:active {color:var(--white);background-color: var(--pink); border:solid 1px var(--pink);}
/* =================core css ends here================= */
body{background:url(../images/hero-bg.jpg) no-repeat center/cover;}
#main{min-height: 100vh;  }
.content-container{padding: 60px 0 40px;}
.main-content{padding-top: 50px;}
.main-content-head{margin-bottom: 50px;}
.main-logo{width: 278px;margin-bottom: 72px;display: inline-block;vertical-align: top;}
.main-content h1{font-size: 64px;line-height: 1;margin-bottom: 10px;letter-spacing: -2.2px;}
.main-content h2{font-size: 32px;line-height: 1.2;margin-bottom: 0;color:var(--pink-light);letter-spacing: 0px;}
.main-content h2 span{color:var(--white);}
.subscribe-form .form-group .form-control { width: calc(100% - 180px); }
.subscribe-form .form-group .form-control2 { width: 100%; }
.subscribe-form .form-group .btn {margin-left: 20px;min-width: 160px;padding: 16px 36px;}
.subscribe-form .form-group .btn.reply { height: 54px; }
.subscribe-form .form-check-box { font-size: 12px; line-height: 12px; padding-left: 32px; margin-top: 18px; }
.subscribe-form .form-check-box a { text-decoration: underline; }
.subscribe-form .form-check-box a:hover { text-decoration: none; }
.subscribe-form .form-check-box .form-check { margin-top: 7px; }
.subscribe-form .form-check-box p{margin-bottom: 0;}
.form-check { padding-left: 0; }
.form-check input[type="checkbox"] { display: none; }
.form-check input[type="checkbox"] + label {display: inline-block;position: relative;padding-left: 24px;font-size: 12px !important;line-height: 16px !important;margin-bottom: 0;text-transform: capitalize;font-weight: 400;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;}
.form-check input[type="checkbox"] + label:before {content: '';display: block;width: 16px;height: 16px;background:var(--white);position: absolute;left: 0;top: 0;border-radius: 50%;border: none;}
.form-check input[type="checkbox"] + label:after {content: '';display: inline-block;font-weight: 900;width: 8px;height: 8px;line-height: 20px;background: var(--pink);text-align: center;position: absolute;left: 4px;border-radius: 50%;top: 4px;transform: scale(0);-moz-transition: all 0.12s ease-in;-o-transition: all 0.12s ease-in;-webkit-transition: all 0.12s ease-in;transition: all 0.12s ease-in;}
.form-check input[type="checkbox"] + label:after { color:var(--white); }
.form-check input[type="checkbox"]:checked + label:after { transform: scale(1); }
.form-control {font-size: 20px;line-height: 1.1;padding: 16px 32px;border: none;border-radius: 40px;background-color:var(--pink-light2); color: #fff; font-weight: 400;letter-spacing: 0.75px;}
.selectdiv { position: relative }
select.form-control { -webkit-appearance: none;
    -moz-appearance: none;  -ms-word-break: normal;
    word-break: normal; -moz-appearance:none; /* Firefox */ -webkit-appearance:none; /* Safari and Chrome */ appearance:none; width: auto !important; min-width: 230px; }
.form-control:focus{background-color:var(--pink-light2); color: #fff;}
.form-control2 { background-color: white; color: var(--pink);}
.form-control2:focus{background-color: white; color: var(--pink);}

#footer{ width: 100%;font-size: 12px;line-height: 1.5;letter-spacing: 0.5px; margin-top: auto;}
.footer-content{border-top: solid 1px #fff;padding: 15px 0 32px 0;}
.footer-content a{text-decoration: underline;}
.footer-content a:hover{text-decoration: none;}
.credit{white-space: nowrap;}
.copyright{padding-right: 20px;}
/*To remove button from IE11, thank you Matt */
select::-ms-expand { display: none; }
.selectdiv:after {
    content: '';
    background: url('../images/down-arrow.svg') top center no-repeat;
    color: white;
    right: 42px;
    background-size: 20px 20px;
    top: 18px;
    width: 50px;
    height: 50px;
    position: absolute;
    z-index: 9;
    pointer-events: none;
}
/* ==========================================
! Large devices (desktops, less than 1400px)
=========================================== */
@media (max-width:1399.98px) {
}
/* ==========================================
! Large devices (desktops, less than 1200px)
=========================================== */
@media (max-width: 1199.98px){
    .main-content{padding: 0;}
    .content-container{padding: 60px 0;}
    .main-content h1{font-size: 56px;}
    .main-content h2{font-size: 28px;}

}
/*==========================================
! Medium devices (tablets, less than 992px)
========================================== */
@media (max-width:991.98px) {

}
/* =================================================
 ! Small devices (landscape phones, less than 768px)
 ================================================= */
@media (max-width:767.98px) {
    .main-logo{width: 220px; margin-bottom: 40px;}
    .content-container{padding: 45px 0;}
    .main-content-head{margin-bottom: 30px;}
    .main-content h1{font-size: 48px; letter-spacing: -1.5px;}
    .main-content h2{font-size: 24px;}
    .subscribe-form .form-group { flex-direction: column }
    .selectdiv { width: 100% }
    .selectdiv select { min-width: 100%; }
    .subscribe-form .form-group .form-control { width: 100%; }
    .subscribe-form .form-group .form-control { margin-bottom: 12px; }
    .subscribe-form .form-group .selectdiv:after { right: 10px; }
    .subscribe-form .form-group  .btn { width: 100%; margin-left: 0; margin-top: 16px; padding: 13px 20px; }
   .footer-content{flex-flow: column; text-align: center;}
   .copyright{padding: 0; width: 100%;}
   .credit{white-space: normal; width: 100%;}

}
/* ======================================================
 ! Extra small devices (portrait phones, less than 576px)
 ====================================================== */
@media (max-width:576.98px) {
    .main-logo{width: 200px; margin-bottom: 30px;}
    .content-container{padding: 45px 0;}
    .main-content-head{margin-bottom: 30px;}
    .main-content h1{font-size: 40px; letter-spacing: -1.5px;}
    .main-content h2{font-size: 20px;}
    .subscribe-form .form-group .form-control{ width: 100%; }
    .subscribe-form .form-group  .btn { width: 100%; margin-left: 0; margin-top: 16px; padding: 13px 20px; }
    .footer-content{flex-flow: column; text-align: center;}
    .copyright{padding: 0; width: 100%;}
    .credit{white-space: normal; width: 100%;}

}