/*
Theme Name:SRIVIDYA
Author:SRIVIDYA
Version: 1.1
Text Domain:SRIVIDYA
*/

/* -----------------------------------------------------
    SRIVIDYA
    www.url.com
----------------------------------------------------- */

/*
PAGE BLOCKS:-

    01 - GENERAL STYLES
    02 - GLOBAL STYLES
    03 - GLOBLE-BLOCKS
    04 - HEADER
    05 - FOOTER
    06 - BANNER
*/

@font-face {
    font-family: 'metropolisblack';
    src: url('fonts/metropolis.black.otf') format('otf'),
       url('fonts/metropolis.black_1-webfont.woff2') format('woff2'),
         url('fonts/metropolis.black_1-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'metropolisbold_italic';
    src: url('fonts/metropolis.bold-italic.otf') format('otf'),
       url('fonts/metropolis.bold-italic-webfont.woff2') format('woff2'),
         url('fonts/metropolis.bold-italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'metropolislight_italic';
    src: url('fonts/metropolis.light-italic.otf') format('otf'),
       url('fonts/metropolis.light-italic-webfont.woff2') format('woff2'),
         url('fonts/metropolis.light-italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'metropolisbold';
    src: url('fonts/metropolis.bold.otf') format('otf'),
       url('fonts/metropolis.bold-webfont.woff2') format('woff2'),
         url('fonts/metropolis.bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'metropolissemi_bold';
    src: url('fonts/metropolis.semi-bold.otf') format('otf'),
       url('fonts/metropolis.semi-bold-webfont.woff2') format('woff2'),
         url('fonts/metropolis.semi-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'metropolismedium';
    src: url('fonts/metropolis.medium.otf') format('otf'),
       url('fonts/metropolis.medium-webfont.woff2') format('woff2'),
         url('fonts/metropolis.medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'metropolislight';
    src: url('fonts/metropolis.light.otf') format('otf'),
       url('fonts/metropolis.light-webfont.woff2') format('woff2'),
         url('fonts/metropolis.light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'metropolisextra_light';
    src: url('fonts/metropolis.extra-light.otf') format('otf'),
       url('fonts/metropolis.extra-light-webfont.woff2') format('woff2'),
         url('fonts/metropolis.extra-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'metropolisregular';
    src: url('fonts/metropolis.regular.otf') format('otf'),
       url('fonts/metropolis.regular-webfont.woff2') format('woff2'),
         url('fonts/metropolis.regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'nirmala_uiregular';
    src: url('fonts/Nirmala.ttf') format('ttf'),
       url('fonts/nirmala-webfont.woff2') format('woff2'),
         url('fonts/nirmala-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'brandon_grotesqueblack';
    src: url('fonts/Brandon_bld.otf') format('otf'),
       url('fonts/brandon_blk-webfont.woff2') format('woff2'),
         url('fonts/brandon_blk-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'brandon_grotesquebold';
    src: url('fonts/Brandon_bld.otf') format('otf'),
       url('fonts/brandon_bld-webfont.woff2') format('woff2'),
         url('fonts/brandon_bld-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* ===== GENERAL STYLES  ====== */
body { font-size:16px; color:#000; font-family: 'metropolisregular';}
body.overflow-y{ overflow-y:hidden; }
a,
.btn,
a:hover,
.btn:hover {text-decoration:none;-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; cursor: pointer;}
a:hover,a:focus { text-decoration:none;}
img { max-width:100%;}
ul{   padding-left:0; }
ul li{ list-style:none;position: relative;padding-left: 14px;}
ul li:before{content: '\f105';color: #fff; position: absolute;top: 0;left: 0; margin-right: 7px;font-family: fontawesome;}}

/* ===== TYPEOGRAPHY ====== */
h1, h2, h3, h4, h5{ margin:0 0 15px;}
h1{ font-size:46px; color:#fff; font-weight:300;}
h2{ font-size:56px; letter-spacing: 1px; line-height: 58px; font-weight: 800; font-family: 'brandon_grotesqueblack'; color: #71241e; text-transform: uppercase;}
h4{ font-size:30px; font-family: 'brandon_grotesqueblack';letter-spacing: 1px;margin-bottom: 6px;}
h5{ font-size:22px; font-weight:300; color:#000000;font-family: 'metropolismedium';letter-spacing: 0.6px;}
h6{ font-size:16px; color:#5a596a;}
p{ color:#282322; margin-bottom:20px; font-size: 18px; line-height: 24px; font-family: 'metropolisregular';} 
figure{margin: 0;}

/* ===== GLOBAL STYLES  ====== */
.btn { letter-spacing: 1px; padding: 10px 42px; font-size: 16px; line-height: 1; color:#fff; border: 2px solid transparent; background-color: #fea500; border:2px solid transparent; border-radius: 0; font-family: 'metropolisbold'; transition:all 0.3s ease;}
.btn:hover, .btn:focus, .text-block .light-btn:hover { background-color:transparent ;   color:#fea500;  transition:all 0.3s ease;}
.btn.bordered{ border:2px solid #fff; padding: 17px 23px; background-color: transparent;line-height: 1;lin color:#fff; text-transform: uppercase;  transition:all 0.3s ease;}
.btn.bordered:hover{ background-color:#eddfc2; color:#71241e; border:2px solid #eddfc2; transition:all 0.3s ease;}
.container-fluid {max-width: 1524px;}
.container{max-width: 1224px;}
section {padding: 80px 0; }
.no-banner {margin-top: 100px; padding-top: 100px; background-color: #f5f1e8; background-repeat: no-repeat; background-size: contain; background-position :top right;}
.header-bg {background: transparent; background-color: #71241e; height: auto;}     
.header-bg:before {display: none;}
.header-bg.affix{background-color: #71241e;}


.about-right .large-img{height: 610px;}
.about-right figure img{width: 100%;height: 100%;object-fit: cover;border-radius: 20px;}
.about-right{position: relative;flex: 0 0 50%;width: 100%;max-width: 535px;margin: 0 0 0 auto;}
.about-right .small-img{height: 260px;max-width: 267px;position: absolute;bottom: -45px;left: -130px;}
.about-right-reverse{max-width: inherit; padding-right: 200px}
.about-right-reverse .small-img{left: inherit;right:70px;}
.about-left h6{font-size:22px;font-family: 'metropolisbold';color: #282322; margin-bottom: 0}


/*======= HEADER ==========*/
.mobile-toggle { display: none;}
header { position: absolute; top: 0; width: 100%;  padding: 24px 0; z-index: 100;vertical-align: middle; transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -moz-transition: all 0.4s ease; }
header:before{content: ""; height: 174px; width: 100%; position: absolute; top: 0; left: 0; background: -moz-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 90%); background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 90%);background: linear-gradient(to bottom, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 90%); transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -moz-transition: all 0.4s ease; z-index: -1;}
header #nav {float: right;}
header .logo{max-width: 165px;display: inline-block;}
header .navbar-nav {  display: flex; align-items: center;flex-direction: row;}
header .navbar-nav li {margin-right: 37px;}
header .navbar-nav li:last-child {margin: 0;margin-left: 16px;}
header .navbar-nav li:before{display: none;}
header .navbar-nav li a {color: #fff;font-size: 16px;letter-spacing: 0.4px; font-family: 'metropolismedium'; font-weight: 500; position: relative;}
header .navbar-nav li a:before,header .navbar-nav li a.active:before {content: ""; height: 3px; width: 0; background-color: #eddfc2; position: absolute; bottom: -5px; left: 0;transition:all 0.3s ease;  }
header .navbar-nav li a:hover:before,header .navbar-nav li a.active:before { width:21px; transition:all 0.3s ease;}
header .navbar-nav li .btn:before {display: none;}
header #nav .btn {padding: 13px 20px; text-transform: uppercase; color: #71241e; font-family: 'metropolisbold'; background-color: #fea500; transition:all 0.3s ease;}
header #nav .btn:hover,header #nav .btn.active {background-color: #71241e; color: #eddfc2; transition:all 0.3s ease;}
header.affix { position:fixed; padding: 10px 0; height: auto; background-color: rgb(0, 0, 0, 0.8); transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -moz-transition: all 0.4s ease; } 
header.affix:before { opacity: 0; height: 50px; transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -moz-transition: all 0.4s ease; }
header.affix .logo { max-width:140px; width:100%; transition: all 0.3s ease; -webkit-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -moz-transition: all 0.4s ease; }
.header-bg #nav .btn:hover, .header-bg #nav .btn.active {border: 2px solid #eddfc2;}

/*======= BANNER ==========*/
.banner{padding: 0; position: relative;  background-size: cover; background-position: center left; background-repeat:no-repeat; overflow:hidden; }
.banner:before{content: ""; height: 164px; width: 100%; position: absolute; bottom: 0; left: 0; background: -moz-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 90%); background: -webkit-linear-gradient(bottom, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 90%);background: linear-gradient(to top, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 90%); transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -moz-transition: all 0.4s ease; z-index: 1;}
.banner:after{content: ""; height: 158px; width: 143px; position: absolute; bottom: 0; left: 37%;transform: translateX(-37%); background-image: url(images/flower-img.png);background-size: contain;background-repeat: no-repeat;background-position: left center;  transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -moz-transition: all 0.4s ease; z-index: 9;}
.banner .banner-block {display: flex;justify-content: space-between; align-items: center;min-height:100vh;}
.banner .banner-block .banner-left{align-self: flex-end;margin-left: -50px;}
.banner .banner-block .banner-left img{max-width: 700px;width: 100%;}
.banner .banner-block .banner-left, .banner .banner-block .banner-right{flex: 0 0 50%;}
.banner .banner-block .pre-heading{ letter-spacing: 4px; font-size: 22px; line-height: 32px; color: #fff;text-transform: uppercase;  font-family: 'metropolisbold'; margin: 0}
.banner .banner-block h1, .banner .banner-block h2 { letter-spacing: 1px; font-size: 96px;line-height: 96px; color: #fff;text-transform: uppercase;  font-family: 'brandon_grotesquebold'; margin:0; }
.banner .banner-block h2{ letter-spacing: 2px; font-size: 56px; line-height: 65px;}
.banner .banner-block p {color: #fff;font-size: 16px;line-height: 26px; letter-spacing: 0.8px;text-transform: uppercase; font-family: 'metropolismedium'; font-weight: 500; letter-spacing: 1px;}

/*======= ABOUT ==========*/
.about-main {padding: 90px 0 150px; overflow-x:hidden; background-size: cover; background-position:top; background-repeat:no-repeat;min-height:100vh;display:flex;align-items:center; }
.about-main .about-block { display: flex;align-items: center;justify-content: space-between;}
.about-main .about-block .about-left{flex: 0 0 49%;padding-right: 20px}
.about-main .about-block .about-left h2{margin-bottom: 20px;}
.about-main .about-block .about-left h4{text-transform: uppercase;}
.about-main .about-block .about-left .btn{padding: 17px 11.5px;margin-top: 20px;}


/*======= BENEFITS ==========*/
.benefit-block {padding: 0;overflow-x:hidden; display: flex;background-color: #f5f1e8;}
.benefit-block img { width: 43%; flex:  0 0 43%; object-fit: cover; object-position: center center}
.benefit-block h4{text-transform: uppercase;}
.benefit-block .text-block { max-width: 822px; flex: 0 0 57%; padding: 20px 20px 20px 90px; align-self: center;}
/*.benefit-block .text-block ul{margin-bottom: 40px;}*/
.benefit-block .text-block ul li:before{display: none;}
.benefit-block .text-block ul li{font-size: 18px;position: relative; color: #282322;line-height: 28px;padding: 0; font-family: 'metropolisregular';margin-bottom: 32px;}
.benefit-block .text-block ul li strong{font-weight: 600; font-family: 'metropolissemi_bold';}
.benefit-block .text-block ul li p {margin: 0;}
.benefit-block .text-block ul li p strong{font-weight: 500; font-family: 'metropolismedium';}

/*======= RECEIVE ==========*/
.receive-main{background-color: #71241e;padding: 98px 0;}
.receive-main .receive-block{text-align: center;}
.receive-main .receive-block h2{font-size: 40px;line-height: 48px;margin-bottom: 15px;}
.receive-main .receive-block h2, .receive-main .receive-block h4, .receive-main .receive-block p{color: #fff;text-transform: uppercase;}
.receive-main .receive-block h4{text-transform: capitalize;font-family: 'metropolissemi_bold';font-size: 34px;margin-bottom: 18px;}
.receive-main .receive-block p{text-transform: capitalize;line-height: 28px;margin-bottom: 0;}
.receive-main .receive-block p strong{display: block;font-weight: 400;font-family: 'metropolisregular';}
.receive-main .receive-block p strong b{font-family: 'metropolissemi_bold';}
.receive-main .receive-block .btn{color: #000000;margin-bottom: 30px;text-transform: uppercase;padding: 19.5px 30px;font-family: 'metropolisbold';}
.receive-main .receive-block .btn:hover{color: #fea500;border: 2px solid #fea500;}

/*======= FAQ ==========*/
.faq { background-color: #f5f1e8; text-align: center;min-height: 100vh;display: flex;align-items: center;}
.faq p{margin: 0}
.faq .accordion-item {padding: 20px 0px 20px 0;background: transparent;border: none; border-bottom:2px solid #e1e1e1 !important;}
/*.faq .accordion-item {position: relative;text-align: left; padding: 30px 110px 30px 0; background-color: transparent; box-shadow: none !important; border:none !important; border-bottom:2px solid #e1e1e1 !important; }*/
.accordion-button::after{display: none;}
.faq .accordion-item button{ display: flex; color: #131313; font-size: 20px; text-decoration: none !important;padding: 0 23px 10px 0; font-family: 'metropolisbold'; background-color: transparent; box-shadow: none !important; border:none !important;}
.faq .accordion-button::before{ content:'\f00d';font-family: fontawesome;color: #71241e;font-weight: 400; position:absolute; top:0px; right:10px; transition: all 0.3s ease;}
.faq .accordion-button.collapsed::before{ content:'\f107';font-family: fontawesome;color: #131313;font-weight: 400; position:absolute; transition: all 0.3s ease;}
.faq .accordion-item button span {flex: 0 0 35px; font-family: 'Open Sans', sans-serif; font-weight: 600;}
.faq .accordion-item .collapsed, 
.faq .accordion-item .collapsed span {font-family: 'metropolisextra_light'; font-weight: 300;padding-bottom: 0px;}
.faq .accordion-body {text-align: left;padding: 0; padding-left:37px; line-height: 30px; font-size: 18px ;  font-family: 'metropolisregular'; margin: 0 !important;}
.faq .btn {margin-top: 42px;padding: 17.5px 57px; }

/*======= FOOTER ==========*/
footer { padding-top: 50px; background-color: #715a3d;  position: relative; z-index: 0;}
footer:before {content: ""; height: 100%; width: 55%; position: absolute; top: 0; left: 0; z-index:-1;} 
footer:after {content: ""; height: 100%; width: 45%; background-color: #604d35; position: absolute; bottom: 0; right: 0; z-index: -1;}
footer .first-block{width: 100%;max-width: 400px;}
footer p {color: #fff;font-size: 16px; margin-top: 20px;}
footer p span {font-family: 'metropolisbold';}
footer .social-icons li:before{display: none;}
footer .social-icons li {display: inline-block; margin-right:18px;padding:0; }
footer .social-icons li a {font-size: 18px; color: #fff; transition: all 0.3s ease;}
footer .social-icons li a:hover { color: #71241e; text-shadow: 0 6px 20px rgba(0, 0, 0, 0.5); transition: all 0.3s ease;}
footer .about-block{width: 100%;max-width: 220px; margin: 0 auto;}

footer .about li{margin-bottom: 15px;}
footer .about li a{color: #fff;}
footer h5 {font-size: 26px; color: #fff; font-family: 'brandon_grotesqueblack'; text-transform: uppercase;margin-bottom: 20px;}
footer .contact-block{width: 100%; max-width:450px;margin:0 auto 0 0; }
footer .contact-details img {float: left;}
footer .contact-details p{max-width: 320px;width: 100%;} 
footer .contact-details p,footer .contact-details h6 {margin-left: 38px; padding-right: 20px;}
footer .contact-details h6 {color: #fff; font-size: 16px; font-family: 'metropolissemi_bold'; margin-bottom: 30px;}
footer .contact-details h6 strong{display: block;}
footer .contact-details h6 a {font-family: 'metropolislight'; color: #fff; display: block; margin-top: 6px;}
footer .form-control {height: 42px; background-color: #80715d; border: none; border-radius: 0; margin-right: 8px; font-size: 14px; line-height: 24px; color: #fff;}
footer .form-control::placeholder {color: #fff;}
footer .form-control:focus {box-shadow: none !important; outline:none; }
footer .form-inline .btn {height: 42px; padding: 4px 30px;}
footer .copyright-block {margin-top: 46px; padding: 20px 0; border-top: 1px solid #fff; display:flex; justify-content:space-between; }
footer .copyright-block p {margin: 0;}
footer .copyright-block ul {display: flex;align-items: center;margin: 0}
footer .copyright-block ul li:before{display: none;}
footer .copyright-block ul li:after{content: '|';color: #fff;position: absolute;right:-10px;}
footer .copyright-block ul li:last-child:after{display: none;}
footer .copyright-block ul li a{color: #fff;font-size: 16px;font-family: 'metropolislight';}
footer .footer-logo {margin-top: -10px;}

/*======= INNER-PAGES ==========*/

/*======= INNER-BANNER ==========*/
.inner-banner { padding: 0; background-size: cover; background-repeat: no-repeat; background-position: top center; min-height: 420px; position: relative;}
.inner-banner .inner-banner-block {position: absolute; bottom: 128px;}
.inner-banner-block h2 {color: #fff; text-shadow: 4px 4px 9px rgba(0,0,0,0.3);}
.inner-banner-block p { color: #fff; margin: 0; font-family: 'metropolissemi_bold'; text-shadow: 4px 4px 9px rgba(0,0,0,0.3);}

.jaiguru-main{padding: 125px 0 0px; background-size: 100%; background-repeat: no-repeat; background-position: top right;}
.jaiguru-main .jaiguru-block h2{margin:0 0 15px;}
.jaiguru-main .jaiguru-block p{margin-bottom: 24px;}
.jaiguru-main .jaiguru-block img{float: right;width: 100%; max-width: 630px;margin:0 0 20px 170px; border-radius: 15px;}
.jaiguru-main .small-img{bottom: -25px;}

/*======= MENTAL-HEALTH & REGISTRATION-PAGE ==========*/
.register {padding:70px 0 75px;overflow-x:hidden; display: block;min-height:100vh;background-color: #f5f1e8;}
.register .form{text-align: center;}
.register h4{font-size: 30px; text-transform: uppercase;}
.register h2 {margin-bottom: 8px;}
.register .form {width: 100%; max-width: 1000px;margin:0 auto;}
.register .form {padding: 0 25px; }
.register .form p{margin-bottom: 35px;}
.register .form p strong{display: block;font-weight: 400;  font-family: 'metropolisregular';}
.register form{text-align: left;}
.register form .form-group{margin-bottom: 20px;padding: 0 8px;}
.register .form-control:focus {box-shadow: none; outline: none; border-color: inherit;}
.register label {font-size: 16px;line-height: 24px;color: #282322;font-family: 'metropolisregular';margin-bottom:9px;letter-spacing:0.5px; }
.register .form-control {border-radius: 0; border: 1px solid #d1ccc0; color: #8a7b7a; font-size: 16px; min-height: 42px; background-color: #fff;appearance: auto;}
.register .form-control::placeholder {color: #8a7b7a}
.register .checkbox label:first-child {padding: 0; margin: 0}
.register .checkbox label { margin: 10px 20px 10px 0;}
.register button {margin-top: 18px; padding:17px 51px;background-color: #71241e;}
.register .num {position: relative;}
.register .num input{padding-left: 55px;background-color: #fff}
.register .num:before{ content: "+91"; width: 44px; text-align: center; padding:8px 0; line-height: 24px; background-color: #ede8dc; color: #8a7b7a; position: absolute; left: 1px; top: 1px;}
.register .primary-block label{margin-bottom: 18px;}
.register .radio-block{padding-left: 10px;}

.register .radio-block label{color: #8a7b7a;font-size: 16px;font-family: 'metropolislight';margin-right: 48px;letter-spacing: 0px;}
.register .radio-block input[type="radio"]{ position: relative; border: 1px solid #8a7b7a; background-color: transparent;border-radius: 50%; outline: none !important; appearance: none; height: 10px; width: 10px; margin-right: 5px;}
.register .radio-block input[type="radio"]:before { content: '';position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);background-color:transparent; height: 10px; width: 10px;border-radius: 50%; }
.register .radio-block input[type="radio"]:checked:before {background-color:#8a7b7a ;}
.register .btn-bottom{text-align: center;}
.register .btn-bottom .btn:hover{border: 2px solid #71241e;color: #71241e;}

/*======= CONTACT ==========*/
.contact {padding: 0;}
.contact .container-fluid { max-width: 1180px; padding: 110px 15px;}
.contact .contact-block { background-color:#fff; box-shadow: 0 10px 51px 30px rgba(30, 33, 28, 0.07);}
.contact .block-left {position: relative; padding: 48px 15px;}
.contact .block-left:before { content: ''; height:90%; width: 1px;  position: absolute; right: -15px; top: 50%; transform: translateY(-50%); background: #ffffff; background: -moz-linear-gradient(top, #ffffff 0%, #71241e 30%, #71241e 30%, #71241e 70%, #ffffff 100%); background: -webkit-linear-gradient(top, #ffffff 0%,#71241e 30%,#71241e 30%,#71241e 70%,#ffffff 100%); background: linear-gradient(to bottom, #ffffff 0%,#71241e 30%,#71241e 30%,#71241e 70%,#ffffff 100%);}
.contact h2 {font-size: 42px; margin-bottom: 5px;}
.contact h5 {font-size: 22px; line-height: 24px; color: #282322; font-family: 'metropolisbold'; margin: 0 0 6px;}
.contact .add-block{margin-bottom: 50px;max-width: 370px}
.contact p{font-size: 16px;line-height: 24px;}
.contact .block-left a {color: #282322; display: block; transition: all 0.3s ease;}
.contact .block-left .phone-block{margin-bottom: 28px;}
.contact .block-left a:hover {color: #71241e; transition: all 0.3s ease;}

.contact .form-block { display: block; padding: 45px 20px 20px;}
.contact .form-block input, 
.contact .form-block textarea {font-family: 'metropolislight'; color: #282322; height: 45px; width: 48%; outline: none; border: 2px solid #e5ddca; background-color: #fff; margin: 10px 0; padding: 0 16px;}
.contact .form-block input:nth-child(even) {float: right;}
.contact .form-block textarea {height: 130px; width: 100%; padding: 16px; margin-bottom: 18px;}
.contact .form-block input::placeholder,
.contact .form-block textarea::placeholder {color: #282322;}
.contact .form {max-width: 480px; margin: 0 auto;}
.contact form .btn {padding: 15px 41px;background-color: #71241e}
.contact .location {display:block;font-size: 0px;}
.contact .location iframe {width: 100%;min-height: 600px;font-size: 0px;padding: 0;margin: 0; border: none;}


/*======= ABOUT-PAGE ==========*/
.about-cta{ background-color:#71241e; }
.about-cta .about-cta-grid{display: flex;align-items: center;}
.about-cta h2{font-size: 42px; line-height: 50px; color: #fff;max-width: 600px;}
.about-cta .about-cta-left, .about-cta .about-cta-right{flex: 0 0 50%;}
.about-cta .about-cta-right{justify-items: flex-end; position: relative;}
.about-cta .about-cta-right:before{content: ""; background-color: #fff; height: 100%; width: 2px; position: absolute; top:0; left:0;}
.about-cta .about-cta-right ul{ max-width:475px; margin-bottom: 0;margin-left: auto;}
.about-cta .about-cta-right ul li{ list-style:none; color:#fff; font-size:18px;padding: 0 0 40px;}
.about-cta .about-cta-right ul li:before{display: none;}
.about-cta .about-cta-right ul li:last-child{padding: 0;}
.about-cta .about-cta-right ul li strong{font-family: 'brandon_grotesquebold'; display: block; text-transform: uppercase; font-size:30px; letter-spacing: 1px;}


.googlepay-block { background-color: #fff;align-items: center;padding: 50px 0;}
.googlepay-block .googlepay-left{position: relative;}
.googlepay-block .googlepay-left:before { content: ''; height:100%; width: 1px;  position: absolute; right: -15px; top: 50%; transform: translateY(-50%); background: #ffffff; background: -moz-linear-gradient(top, #ffffff 0%, #71241e 30%, #71241e 30%, #71241e 70%, #ffffff 100%); background: -webkit-linear-gradient(top, #ffffff 0%,#71241e 30%,#71241e 30%,#71241e 70%,#ffffff 100%); background: linear-gradient(to bottom, #ffffff 0%,#71241e 30%,#71241e 30%,#71241e 70%,#ffffff 100%);}
.googlepay-block .googlepay-left img{margin-bottom: 40px;}
.googlepay-block .googlepay-left h3 a{display: block; font-size: 36px;font-family: 'metropolisblack';line-height: 42px;color: #71241e}
.googlepay-block .googlepay-right{padding-left: 60px;}
.googlepay-block .googlepay-right h5{color: #131313;font-size: 24px;font-family: 'metropolisbold'; width: 100%;max-width: 370px;margin: 0 auto 32px;}
.googlepay-block .googlepay-right p {font-size: 18px;line-height: 38px; color: #2c2c2c;font-family: 'metropolismedium';margin-bottom: 0px;text-align: left;}
.googlepay-block .googlepay-right p strong{display: inline-block;color: #71241e;font-weight: 500; font-family: 'metropolismedium';}

.success-block{ display:none; }










