/*
Theme Name: Rally
Theme URI: https://rallyrd.com/
Author: Rob Petrozzo
Author URI: https://rallyrd.org/
Version: 1.1
Description: The 2020 Rally marketing theme
*/

body.home {margin:0px; padding:0px; font-family:'Muli', sans-serif; color:#28352e; font-size:2.1vmin; letter-spacing: normal;line-height:2.3; background:#fbf5e7; overflow-x:hidden;}
.home h1,.home h2,.home h3,.home h4,.home h5,.home h6{font-family:'Abril Fatface', cursive;}
ul{list-style:none; margin:0px; padding:0px}
img{max-width:100%;}
a{text-decoration:none; color:inherit; outline:0;}
a.bold{font-family:'Archivo Black', sans-serif; text-transform:uppercase; font-size:80%; display:inline-block;}
i{font-family: 'IBM Plex Serif', serif;}

h1{font-size:11vmin; line-height:0.8; margin:0px;}
h6{font-size:5vmin; margin:0px;line-height:1.5;}

.container{padding:0px 10vmin;}

.page-section{height:100vh; max-height:100vh; overflow:hidden; padding-top:18vmin; box-sizing:border-box; opacity:1;}
.page-section.hide{opacity:0;}

.down-arrow{position:relative;}
.down-arrow img{width:auto; animation-delay: 2.5s !important; height:3.5vmin; opacity:0; position:absolute; top:0px; left:0px;}

.main-header{width:100%; position:fixed; left:0px; top:3vmin; z-index:99;}
.websiteHeader{display:flex; justify-content:space-between; align-items:center; position:relative;}
.websiteHeader-left .logo{line-height:0; width:12vmin;}
.navbar-nav{display:flex; justify-content:flex-end;}
.navbar-nav li{padding:0px 3vmin;}
.navbar-nav li > a{text-transform:uppercase; letter-spacing:1px; font-size:1.8vmin;}
.navbar-nav li.active > a{font-weight:900;}
.navbar-nav li.button > a{border-width:1px; border-style:solid; font-weight:900; padding:1.4vmin 3.5vmin;}

/* mobile header */


.mobileHeader{
	position: absolute;
    right: 0px;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 32px;
	z-index:999999;
	display:none;
}
.mobileHeader button{
	background: transparent;
    border: 0;
    outline: 0;
	display:flex; 
	flex-direction:column;
	align-items:flex-end;
	cursor:pointer;
}
#navbarResponsive{
	position:fixed;
	background:#2e2e2e;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	padding:5vmin 25px;
	z-index:99999;
	color:#858585;
	display:none;
	font-family:'Muli'; 
	box-sizing: border-box;
    overflow-x: hidden;
    overflow-y: auto;
	font-size:12px;
	font-weight:700;
	text-transform:uppercase;
}
#navbarResponsive > img{
	max-width:85px;
	margin-bottom:5vh;
}
#navbarResponsive li{
	margin-bottom:3vh;
}
#navbarResponsive ul li.white a{
	transition:all 0.3s ease;
}
#navbarResponsive ul li.white a{
	color:#fff !important;
}
#navbarResponsive a.white:hover, #navbarResponsive ul li.active a{
	color:#e6ca83 !important;
}
.navbar-toggler.x .icon-bar:nth-of-type(1) {
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-transform-origin: -5% 0%;
	-ms-transform-origin: -5% 0%;
	transform-origin: -5% 0%;
}
.navbar-toggler.x .icon-bar:nth-of-type(2) {
	opacity: 0;
	filter: alpha(opacity=0);
}
.navbar-toggler.x .icon-bar:nth-of-type(3) {
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-webkit-transform-origin: -10% 100%;
	-ms-transform-origin: -10% 100%;
	transform-origin: -10% 100%;
}

/* ANIMATED X COLLAPSED */
.navbar-toggler.x.collapsed .icon-bar:nth-of-type(1) {
	-webkit-transform: rotate(0);
	-ms-transform: rotate(0);
	transform: rotate(0);
}

.navbar-toggler.x.collapsed .icon-bar:nth-of-type(2) {
	opacity: 1;
	filter: alpha(opacity=100);
}

.navbar-toggler.x.collapsed .icon-bar:nth-of-type(3) {
	-webkit-transform: rotate(0);
	-ms-transform: rotate(0);
	transform: rotate(0);
}
.navbar-toggler.x.collapsed .icon-bar{
	background-color:#28352e !important;
}
.navbar-toggler .icon-bar {
	width: 25px;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
	background-color:#fff;
	margin:4px 4px;
	display:block;
	height:2px;
}

.navbar-toggler .icon-bar:nth-of-type(2)
{
	transform:scale(1.4,1);
	transform-origin:right;
}

/* mobile header end */

#section1 .title{margin-top:2vmin; margin-bottom:5vmin; letter-spacing:3px;}
#section1 .section-content{display:flex; justify-content:space-between;}
#section1 .section-left{width:100%; max-width:54vw;}
#section1 .section-right{max-width:70vmin;}
#section1 .section-left a.bold{margin:2vmin 2vmin 0;}
#section1 .section-left a.bold:first-of-type{margin-left:0;}
#section1 .section-left a.bold:first-of-type:after{content:''; border-right:1px solid #bbb; cursor:initial; padding: 0.8vmin 0 0.8vmin 4vmin;}

#section2{background:#e7c983; position:relative; z-index:10; border-bottom:1px solid #d1b980;}
#section2 .cols-grid{display:flex; justify-content:space-between;}
#section2 .cols-grid .col{max-width:18vw; line-height:1.9; margin-right:2vw;}
#section2 .cols-grid .col p{line-height: 1.9;}
#section2 .logo-grid{display:flex; align-items:center; position:relative; line-height:0;}
#section2 .logo-grid a{max-width:16%;}
#section2 .logo-grid img{margin-right:2.5vw;}
#section2 .logo-grid a.bold{position:absolute; right:0; top:0; bottom:0; margin:auto; height:12px;}

#section3{background:#e7c983; position:relative; height: 80vh; max-height: 80vh; z-index:12; line-height:1.7;}
#section3 .section-content{display:flex; justify-content:space-between}
#section3 .section-left{width:100%; max-width:40vw;}
#section3 .button-grid{padding:1vmin 0; line-height:0;height: 36.5px;display: flex;align-items: center;}
#section3 .button-grid a{margin-right:0.6vw;}
#section3 .section-right{max-width:65vmin; width:100%; margin-top:-4vmin;}
#section3 .button-grid img{object-fit: contain;}

.section-footer{padding:4vmin 0; background:#1d1d1d; color:#585858; position: relative; bottom: 0; left:0px; bottom:0px; width:100%; z-index: 22; font-size:9.5px; line-height:1.5;}
.section-footer .mobileFooterImage{display:none; position:absolute; bottom:100%; right:0; width:55vw;}
.section-footer .footer_menu ul{display:flex; justify-content:space-between; max-width:66%;}
.section-footer .footer_menu a{color:#7e7e7e !important; text-transform:uppercase; font-weight:700; margin-bottom:2vmin; display:inline-block;}
.section-footer .footer_menu a.white{color:#fbf5e7 !important;}
.section-footer .footer_menu ul li.white a{color:#fbf5e7 !important;}
.section-footer .footer_widget{display:flex; justify-content:space-between; flex-flow: row wrap;}
.section-footer .footer_widget .widget{flex-basis:32%;}
.section-footer .footer_widget .widget.text_widget{text-align:justify;}
.section-footer .footer_widget .widget.text_widget a{text-decoration:underline;}

div.subpage-container .footer_menu ul li.white a{color:#fff !important}

.footer-background{background:#e7c983; width:100%; padding:5vmin 0 10vmin; position:fixed; bottom:0; left:0; z-index:8;}
.footer-background:before{content:'';}

footer .footer1{position:fixed; bottom:0px; left:0px; padding:2vmin 0 7vmin; z-index:20;}
.footer-nav{display:flex;}
.footer-nav li a{font-weight:300; padding-right:10vmin; padding-bottom:0.7vmin;  margin-right:3vmin; border-bottom:1px solid; position:relative; font-size:1.6vmin;}
.footer-nav li.active a{font-weight:900;}
.footer-nav li a i{padding-left:1.3vmin; font-size:2.4vmin; text-transform:capitalize; font-weight:400 !important;}
.footer-nav li a:before{content:''; border-bottom: 1.5px solid; height: 100%; position: absolute; width: 0%; bottom: 0px; transition: all 0.5s ease;}
.footer-nav li a:hover:before, .footer-nav li.active a:before{width:100%;}

.footer2{position:fixed; right:0px; bottom:0px; display:flex; z-index:19;}
.footer2.hide{z-index:9;}
.footer2 .footer-content{display:flex;}
.footer2 .social-links{display:flex; align-items:flex-end;}
.footer2 .social-links ul{display:flex;}
.footer2 .social-links ul li{padding:2vmin 4vmin 7vmin 0;  font-size:3vmin;}
.footer2 .image{line-height:0;}
.footer2 img{width:38vmin;}

.footer3{position:fixed; right:0; bottom:0; line-height:0; opacity:0; transition: all 0.5s ease; transition-delay:0.1s; z-index:11}
.footer3.show{opacity:1;}
.footer3 img{max-width:90vmin;}

.footer_widget .email-form input[type="email"], .footer_widget  .email-form input[type="text"]{color:#fff;}


/* popup */

.popup{display:none;position:fixed; background:#fbf5e7; color:#28352e; max-width:90%; max-height:90%; width:530px; top:50%; left:50%; transform:translate(-50%, -50%); z-index:9999; text-align:center; font-size:15px; line-height:1.6;}
.popup .close_btn{position:absolute; right:-25px; top:0px;}
.popup .close_btn img{width:15px;}
.popup .popup-content{padding:70px 65px 90px 65px; overflow:hidden; box-sizing:border-box;}
.popup p{margin:0px; margin-bottom:40px;}
#mask.show{position:fixed; background:rgba(0,0,0,0.6); width:100%; height:100%; top:0px; left:0px; z-index:999;}

.popup#video-popup{width:auto;}
.popup#video-popup .popup-content{padding:0px; line-height:0;}

.email-form{position:relative; width:100%; max-width:360px; margin:auto;}
.email-form input[type="email"], .email-form input[type="text"]{color:#28352e; border:0px; border-bottom:2px solid #e7c983; background:transparent; outline:0 !important; font-family: 'IBM Plex Serif', serif; box-sizing:border-box; padding:5px 55px 5px 0px; margin-bottom:15px; width:100%; display:block; font-style:italic; font-size:18px;}
.email-form input[type="submit"], .email-form input[type="button"]{position:absolute; top:12px; right:0px; border:0px; background:none; outline:0 !important; color:#e7c983; font-weight:900; text-transform:uppercase; font-size:11.5px; padding:0px; letter-spacing:0.5px; cursor:pointer;}


@media (max-width:1200px)
{
	#section3{padding-top:15vmin;height: 65vh;}
}

@media (max-width:1024px)
{
	.container{padding:0px 25px; width:100%; box-sizing:border-box;}
	.navbar-nav li{padding:0px 10px;}
	.navbar-nav li > a{font-size:9px;}
	.navbar-nav li.button > a{padding:8px 20px;}
	
	#section1 .section-content{align-items:center;}
	#section1 .section-left{max-width:60%;}
	
	#section2 .cols-grid .col{max-width:23vw;}
	
	.section-footer{font-size:9px;}
	#section3 .section-left{max-width:50%;}
	
	.footer3 img{max-width:80vmin;}
}

@media (max-width:900px)
{
	#section3 .section-right{max-width:55vmin; margin-top:2vmin;}
	.footer-nav li a{padding-right:7vmin;}
	.footer3 img{max-width:70vmin;}
}

@media (max-width:850px)
{
	.footer2 .social-links{display:none;}
	.footer3 img{display:none;}
	
	.section-footer{padding:3vmin 0 1vmin;}
	.section-footer .footer_menu{display:none;}
	.section-footer .footer_widget{justify-content:space-around;}
	.section-footer .footer_widget .widget{flex-basis:45%;}
}

@media (max-width:767px)
{
	body{font-size:2.1vmin; line-height:2.1;}
	.navbar-menu{display:none;}
	.down-arrow{display:none;}
	.mobileHeader{display:block;}
	
	.websiteHeader-left .logo{width:9vmin;}
	#navbarResponsive > img{max-width:9vmin;}
	
	h1{font-size:6vmin;}
	h6{font-size:3vmin; line-height:1}
	.main-header{top:5vmin;}
	
	.page-section{padding-top:14vmin;}
	
	#section1 .section-content{display:block;}
	#section1 .section-left{max-width:100%;}
	#section1 .section-right{max-width:unset; margin-left:-50px; margin-right:-50px; width:calc(100% + 100px); text-align:center;}
	#section1 .section-right img{max-width:70vmin;}
	#section1 .title{letter-spacing:1px;}
	
	#section2{display:flex; align-items:center;}
	#section2 .section-content{position:absolute; display:flex; flex-direction:column; justify-content:space-evenly; width:calc(100% - 50px); height:calc(100% - 14vmin); top:14vmin;}
	#section2 .cols-grid{flex-direction:column;}
	#section2 .cols-grid .col{width:100%; max-width:unset; margin-bottom:2vmin;}
	#section2 .cols-grid + br{display:none;}
	#section2 .logo-grid{position:relative; justify-content:space-evenly; margin-left:-25px; margin-right:-25px; margin-top:2vmin; padding:2vmin 0px;}
	#section2 .logo-grid:before{content:''; position:absolute; width:100%; height:100%; left:0px; top:0px;}
	#section2 .logo-grid a.bold{display:none;}
	#section2 .logo-grid + br{display:none;}
	
	#section3{z-index:21; padding-top:14vmin;}
	.section-footer .mobileFooterImage{display:block;}
	#section3 .section-content{flex-direction:column;}
	#section3 .section-left{max-width:unset;}
	#section3 .section-right{display:none;}
	.section-footer{font-size:9.5px; padding-bottom:2vmin;}
	.section-footer .footer_widget :nth-child(3){order:1;}
	.section-footer .footer_widget :nth-child(1){order:2;}
	.section-footer .footer_widget :nth-child(2){order:3;}
	.section-footer .footer_widget .widget{flex-basis:100%; margin-bottom:1.5vmin;}
	#section3 .button-grid a:nth-child(3){display:none;}
	#section3 .button-grid img{width:20vmin;}
	#section3 .button-grid img.googleplay{width:22.2vmin;}
	
	footer .footer1{width:100%;}
	.footer-nav{justify-content:space-evenly;}
	.footer2{display:none;}
	.footer-nav li a{margin-right:0;}
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape){
    .navbar-nav li > a{font-size:10.5px;}
    #section1 .section-content{align-items:center;}
	.footer2 .social-links{display:none;}
	.footer3 img{max-width:40vw;}
	.footer-nav li a{margin-right:2vmin; padding-right:8vmin;}
	#section3{padding-top:15vmin;}
	#section3 .section-right{max-width:52vmin; margin-top:4vmin;}
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait){
    body{font-size:2.7vmin;}
    .down-arrow{display:none;}
    .navbar-nav li > a{font-size:10.5px;}
    h6{line-height:1; font-size:4.5vmin;}
	#section1 .section-content{display:block;}
	#section1 .title{font-size:9vmin;}
	#section1 .section-left{max-width:100%;}
	#section1 .section-right{max-width:unset; margin-left:-50px; margin-right:-50px; width:calc(100% + 100px); text-align:center;}
	
	.page-section{padding-top:14vmin;}
	
	#section2 .section-content{position:absolute; display:flex; flex-direction:column; justify-content:space-evenly; width:calc(100% - 50px); height:calc(100% - 14vmin); top:14vmin;}
	#section2 .cols-grid{flex-direction:column;}
	#section2 .cols-grid .col{width:100%; max-width:unset; margin-bottom:4vmin;}
	#section2 .cols-grid + br{display:none;}
	#section2 .logo-grid{position:relative; justify-content:space-evenly; margin-left:-25px; margin-right:-25px; margin-top:2vmin; padding:4vmin 0px;}
	#section2 .logo-grid:before{content:''; position:absolute; width:100%; height:100%; left:0px; top:0px;}
	#section2 .logo-grid a.bold{display:none;}
	#section2 .logo-grid + br{display:none;}
	
	#section3{z-index:21; padding-top:20vmin;}
	.section-footer .mobileFooterImage{display:block;width:70vw;}
	#section3 .section-content{flex-direction:column;}
	#section3 .section-left{max-width:unset;}
	#section3 .section-right{display:none;}
	.section-footer{font-size:11px; padding-bottom:2vmin;}
	.section-footer .footer_widget :nth-child(3){order:1;}
	.section-footer .footer_widget :nth-child(1){order:2;}
	.section-footer .footer_widget :nth-child(2){order:3;}
	.section-footer .footer_widget .widget{flex-basis:100%; margin-bottom:3vmin;}
	
	footer .footer1{width:100%;}
	.footer-nav{justify-content:space-evenly;}
	.footer-nav li a{margin-right:0; padding-right:60px;}
	.footer2{display:none;}
	.footer3{display:none;}
}

@media (max-device-width:767px) and (orientation:portrait){
	body{font-size:3.0vmin;}
	header{top:5vmin;}
	h1{font-size:8vmin;}
	h6{font-size:5vmin; margin-top:1vmin;}
	
	.websiteHeader-left .logo{width:14vmin;}
	#navbarResponsive > img{max-width:14vmin;}
	
	.page-section{padding-top:17vmin !important;}
	#section2 .section-content{height:calc(100% - 17vmin); top:17vmin;}
	
	#section1 .section-right img{max-width:100%;}
	#section2{display:block;}
	#section2 .cols-grid .col{margin-bottom:4vmin;}
	#section2 .logo-grid a{max-width:16%;}
	
	.section-footer .mobileFooterImage{width:80vw;}
	
	.footer1 .footer-content{padding-right:-25px; padding-left:-25px;}
}

@media (max-device-width:767px) and (orientation:landscape){
    .section-footer .mobileFooterImage{max-width:35vw;}
}

@media (max-device-width:360px) and (orientation:portrait){
	.section-footer .mobileFooterImage{display:none;}
}

@media (max-device-width:640px) and (orientation:landscape){
    .section-footer .mobileFooterImage{display:none;}
}


/* ipad pro */


@media only screen 
    and (width : 1366px) 
    and (height : 1024px)
    and (orientation : landscape)  
    and (-webkit-device-pixel-ratio : 2) { 
        .navbar-nav li{padding:0px 2vmin;}
        .navbar-nav li > a{font-size:1.5vmin;}
        .footer2 .social-links{display:none;}
        .footer-nav li a{padding-right:5vmin; font-size:1.5vmin;}
        .footer-nav li a i{font-size:2.0vmin;}
        .footer3 img{max-width:70vmin;}
        
    }
    
@media only screen 
    and (width : 812px) 
    and (height : 375px)
    and (orientation : landscape)  
    and (-webkit-device-pixel-ratio : 3),
    (width : 823px) 
    and (height : 411px)
    and (orientation : landscape){ 
        body{font-size:2.8vmin;}
        .navbar-nav li > a{font-size:9.5px;}
        .footer-nav li a{font-size:2.0vmin;}
        .footer-nav li a i{font-size:2.7vmin;}
        .footer3 img{display:block;}
        #section3{padding-top:14vmin; z-index:21;}
        .email-form input[type="email"], .email-form input[type="text"]{font-size:13px; margin-bottom:0px;}
    }
    
@media only screen 
    and (width : 375px) 
    and (height : 812px)
    and (orientation : portrait)  
    and (-webkit-device-pixel-ratio : 3),
    (width : 411px) 
    and (height : 823px)
    and (orientation : portrait)
    { 
        body{font-size:4.0vmin;}
        h1{font-size:11vmin;}
        h6{font-size:6vmin;}
        #section3{padding-top:20vmin !important;}
        .section-footer .mobileFooterImage{width:100vw;}
        .footer-nav li a{font-size:2vmin;}
        .footer-nav li a i{font-size:3vmin;}
    }