/*!
 * Site Title Here
 *
 * Created by Visual Soldiers
 * Visit us at http://www.visualsoldiers.com
 *
 * Handcrafted with love in Atlanta!
 */


/* ==========================================================================
   Global styles
   ========================================================================== */
 @import url('https://fonts.googleapis.com/css?family=Raleway');   

html {
  font-size: 100%;
}  

body {
	background: #272C30;
	-webkit-font-smoothing: subpixel-antialiased;
	position: relative;
} 

.outer-container {
	max-width: 1000px;
}

.container {
	max-width: 768px;
}

.container-fluid {
	max-width: 2000px;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, body, p, .p, nav   {
  font-family: 'Raleway', sans-serif;
	color: #ffffff;
}

h2, .h2 {
	font-size: 1.188rem;
	font-weight: 400;
}


body, p, .p {
	font-size: 0.875rem;
	font-weight: 400;
}



/*----------------Utilities-----------------*/
a {
  color: inherit;
  text-decoration: none;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}

a:hover, a:focus, a:active {
  text-decoration: none;
  color: inherit;
  outline: 0;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}

.btn {
	padding: 0.5rem 1.75rem;
	border-radius: 0rem;
	color: #ffffff;
	font-size: 0.8rem;
	font-weight: 600;
}

.btn-primary {
	background: #998067;
	border-color: #998067;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
	background: #ad9076;
	border-color: #ad9076;
	color: #ffffff;
	box-shadow: 3px 5px 15px rgba(0, 0, 0, 0.25);
}


/*----------------Margins-----------------*/
.m-x-auto {
  margin-left: auto !important;
  margin-right: auto !important;
}
.m-a-0 {
  margin: 0 !important;
}
.m-t-0 {
  margin-top: 0 !important;
}
.m-r-0 {
  margin-right: 0 !important;
}
.m-b-0 {
  margin-bottom: 0 !important;
}
.m-l-0 {
  margin-left: 0 !important;
}
.m-x-0 {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.m-y-0 {
  margin-bottom: 0 !important;
  margin-top: 0 !important;
}
.m-a-1 {
  margin: 1rem !important;
}
.m-t-1 {
  margin-top: 1rem !important;
}
.m-r-1 {
  margin-right: 1rem !important;
}
.m-b-1 {
  margin-bottom: 1rem !important;
}
.m-l-1 {
  margin-left: 1rem !important;
}
.m-x-1 {
  margin-left: 1rem !important;
  margin-right: 1rem !important;
}
.m-y-1 {
  margin-bottom: 1rem !important;
  margin-top: 1rem !important;
}
.m-a-2 {
  margin: 2rem !important;
}
.m-t-2 {
  margin-top: 2rem !important;
}
.m-r-2 {
  margin-right: 2rem !important;
}
.m-b-2 {
  margin-bottom: 2rem !important;
}
.m-l-2 {
  margin-left: 2rem !important;
}
.m-x-2 {
  margin-left: 2rem !important;
  margin-right: 2rem !important;
}
.m-y-2 {
  margin-bottom: 2rem !important;
  margin-top: 2rem !important;
}
.m-a-3 {
  margin: 3rem !important;
}
.m-t-3 {
  margin-top: 3rem !important;
}
.m-r-3 {
  margin-right: 3rem !important;
}
.m-b-3 {
  margin-bottom: 3rem !important;
}
.m-l-3 {
  margin-left: 3rem !important;
}
.m-x-3 {
  margin-left: 3rem !important;
  margin-right: 3rem !important;
}
.m-y-3 {
  margin-bottom: 3rem !important;
  margin-top: 3rem !important;
}
.m-a-4 {
  margin: 4rem !important;
}
.m-t-4 {
  margin-top: 4rem !important;
}
.m-r-4 {
  margin-right: 4rem !important;
}
.m-b-4 {
  margin-bottom: 4rem !important;
}
.m-l-4 {
  margin-left: 4rem !important;
}
.m-x-4 {
  margin-left: 4rem !important;
  margin-right: 4rem !important;
}
.m-y-4 {
  margin-bottom: 4rem !important;
  margin-top: 4rem !important;
}
.m-a-5 {
  margin: 5rem !important;
}
.m-t-5 {
  margin-top: 5rem !important;
}
.m-r-5 {
  margin-right: 5rem !important;
}
.m-b-5 {
  margin-bottom: 5rem !important;
}
.m-l-5 {
  margin-left: 5rem !important;
}
.m-x-5 {
  margin-left: 5rem !important;
  margin-right: 5rem !important;
}
.m-y-5 {
  margin-bottom: 5rem !important;
  margin-top: 5rem !important;
}
.m-a-6 {
  margin: 6rem !important;
}
.m-t-6 {
  margin-top: 6rem !important;
}
.m-r-6 {
  margin-right: 6rem !important;
}
.m-b-6 {
  margin-bottom: 6rem !important;
}
.m-l-6 {
  margin-left: 6rem !important;
}
.m-x-6 {
  margin-left: 6rem !important;
  margin-right: 6rem !important;
}
.m-y-6 {
  margin-bottom: 6rem !important;
  margin-top: 6rem !important;
}

/*----------------Padding-----------------*/
.p-a-0 {
  padding: 0 !important;
}
.p-t-0 {
  padding-top: 0 !important;
}
.p-r-0 {
  padding-right: 0 !important;
}
.p-b-0 {
  padding-bottom: 0 !important;
}
.p-l-0 {
  padding-left: 0 !important;
}
.p-x-0 {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.p-y-0 {
  padding-bottom: 0 !important;
  padding-top: 0 !important;
}
.p-a-1 {
  padding: 1rem !important;
}
.p-t-1 {
  padding-top: 1rem !important;
}
.p-r-1 {
  padding-right: 1rem !important;
}
.p-b-1 {
  padding-bottom: 1rem !important;
}
.p-l-1 {
  padding-left: 1rem !important;
}
.p-x-1 {
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}
.p-y-1 {
  padding-bottom: 1rem !important;
  padding-top: 1rem !important;
}
.p-a-2 {
  padding: 2rem !important;
}
.p-t-2 {
  padding-top: 2rem !important;
}
.p-r-2 {
  padding-right: 2rem !important;
}
.p-b-2 {
  padding-bottom: 2rem !important;
}
.p-l-2 {
  padding-left: 2rem !important;
}
.p-x-2 {
  padding-left: 2rem !important;
  padding-right: 2rem !important;
}
.p-y-2 {
  padding-bottom: 2rem !important;
  padding-top: 2rem !important;
}
.p-a-3 {
  padding: 3rem !important;
}
.p-t-3 {
  padding-top: 3rem !important;
}
.p-r-3 {
  padding-right: 3rem !important;
}
.p-b-3 {
  padding-bottom: 3rem !important;
}
.p-l-3 {
  padding-left: 3rem !important;
}
.p-x-3 {
  padding-left: 3rem !important;
  padding-right: 3rem !important;
}
.p-y-3 {
  padding-bottom: 3rem !important;
  padding-top: 3rem !important;
}
.p-a-4 {
  padding: 4rem !important;
}
.p-t-4 {
  padding-top: 4rem !important;
}
.p-r-4 {
  padding-right: 4rem !important;
}
.p-b-4 {
  padding-bottom: 4rem !important;
}
.p-l-4 {
  padding-left: 4rem !important;
}
.p-x-4 {
  padding-left: 4rem !important;
  padding-right: 4rem !important;
}
.p-y-4 {
  padding-bottom: 4rem !important;
  padding-top: 4rem !important;
}
.p-a-5 {
  padding: 5rem !important;
}
.p-t-5 {
  padding-top: 5rem !important;
}
.p-r-5 {
  padding-right: 5rem !important;
}
.p-b-5 {
  padding-bottom: 5rem !important;
}
.p-l-5 {
  padding-left: 5rem !important;
}
.p-x-5 {
  padding-left: 5rem !important;
  padding-right: 5rem !important;
}
.p-y-5 {
  padding-bottom: 5rem !important;
  padding-top: 5rem !important;
}
.p-a-6 {
  padding: 6rem !important;
}
.p-t-6 {
  padding-top: 6rem !important;
}
.p-r-6 {
  padding-right: 6rem !important;
}
.p-b-6 {
  padding-bottom: 6rem !important;
}
.p-l-6 {
  padding-left: 6rem !important;
}
.p-x-6 {
  padding-left: 6rem !important;
  padding-right: 6rem !important;
}
.p-y-6 {
  padding-bottom: 6rem !important;
  padding-top: 6rem !important;
}


/*----------------Zindex-----------------*/
.z-0 {
	z-index: -1 !important;
}
.z-1 {
	z-index: 10 !important;
}
.z-2 {
	z-index: 20 !important;
}
.z-3 {
	z-index: 30 !important;
}
.z-4 {
	z-index: 40 !important;
}
.z-5 {
	z-index: 50 !important;
}


/*----------------Main Colors-----------------*/
.white {
	color: #ffffff;
}

.black {
	color: #191919;
}

.dark-gray {
	color: #2b2b2b;
}

.gray {
	color: #7a8080;
}

.light-gray {
	color: #eaeaea;	
}

/*----------------Background Colors-----------------*/
.white-bg {
	background: #ffffff;
}

.black-bg {
	background: #191919;
}

.dark-gray-bg {
	background: #2b2b2b;
}

.gray-bg {
	background: #7a8080;
}

.light-gray-bg {
	background: #eaeaea;	
}

/* ==========================================================================
   Animations Styles
   ========================================================================== */
.moveUp {
opacity: 0;
	
	transform: translateY(50px);
  -moz-transform: translateY(50px);
  -webkit-transform: translateY(50px);
  transition-delay: 0s, 0s;
  transition-duration: 0.5s, 0.5s;
  transition-property: transform, opacity;
  transition-timing-function: ease, ease;
}

.moveUp.in-view {
	opacity: 1;
    transform: translate3d(0px, 0px, 0px);
    -moz-transform: translate3d(0px, 0px, 0px);
    -webkit-transform: translate3d(0px, 0px, 0px);
    transition-delay: 0s, 0s;
  transition-duration: 0.5s, 0.5s;
  transition-property: transform, opacity;
  transition-timing-function: ease, ease;
}

/* ==========================================================================
   Nav Styles
   ========================================================================== */
.logo {
	position: fixed;
	left: 100px;
	right: 0;
	top: 20px;
	width: 100%;
	max-width: 768px;
	margin: auto;
	z-index: 100;
	opacity: 0;
	
	transform: translateY(30px);
  -moz-transform: translateY(30px);
  -webkit-transform: translateY(30px);
  transition-delay: 0s, 0s;
  transition-duration: 0.5s, 0.5s;
  transition-property: transform, opacity;
  transition-timing-function: ease, ease;
	
}

.logo.animate {
	opacity: 1;
    transform: translate3d(0px, 0px, 0px);
    -moz-transform: translate3d(0px, 0px, 0px);
    -webkit-transform: translate3d(0px, 0px, 0px);
}

.flex-div {
	height: 100vh;
	display: flex;
	display: -webkit-flex; /* Safari */
	
	flex-direction: row;
	-webkit-flex-direction: row;
	
	align-items: center;
	justify-content: center;
	-webkit-align-items: center;
	-webkit-justify-content: center;
	
	width: 100px;
	margin-left: -20px;
	opacity: 0;
	border-left: 1px solid rgba(255, 255, 255, 0.20);
}

.flex-div.animate {
	opacity: 1;
	margin-left: 40px;
	-webkit-transition: all 1200ms cubic-bezier(0.685, 0, 0.630, 1); /* older webkit */
-webkit-transition: all 1200ms cubic-bezier(0.685, -0.060, 0.630, 1.180);
   -moz-transition: all 1200ms cubic-bezier(0.685, -0.060, 0.630, 1.180);
     -o-transition: all 1200ms cubic-bezier(0.685, -0.060, 0.630, 1.180);
        transition: all 1200ms cubic-bezier(0.685, -0.060, 0.630, 1.180); /* custom */

-webkit-transition-timing-function: cubic-bezier(0.685, 0, 0.630, 1); /* older webkit */
-webkit-transition-timing-function: cubic-bezier(0.685, -0.060, 0.630, 1.180);
   -moz-transition-timing-function: cubic-bezier(0.685, -0.060, 0.630, 1.180);
     -o-transition-timing-function: cubic-bezier(0.685, -0.060, 0.630, 1.180);
        transition-timing-function: cubic-bezier(0.685, -0.060, 0.630, 1.180); /* custom */
}

nav {
	position: fixed;
	margin: auto;
	z-index: 10;
	
}

nav .nav-list li:before {
	content: '';
	position: absolute;
	left: 5px;
	top: 17px;
	width: 12px;
	height: 12px;
	border: 2px solid #ffffff;
	border-radius: 6px;
}


nav .nav-list li a {
	font-size: 1.1rem;
	font-weight: 400;
	opacity: 0.5;
}



nav .nav-list li {
    opacity: 0;
    padding-bottom: 0rem;
    padding-top: 0;
    transform: translateY(50px);
    -moz-transform: translateY(50px);
    -webkit-transform: translateY(50px);
    transition-delay: 0s, 0s;
    transition-duration: 0.5s, 0.5s;
    transition-property: transform, opacity;
    transition-timing-function: ease, ease;
}

nav .nav-list li:first-child {
    transition-delay: 1.2s;
}
nav .nav-list li:nth-child(2) {
    transition-delay: 1.3s;
}
nav .nav-list li:nth-child(3) {
    transition-delay: 1.4s;
}
nav .nav-list li:nth-child(4) {
    transition-delay: 1.5s;
}

nav .nav-list li.animate {
    opacity: 1;
    transform: translate3d(0px, 0px, 0px);
    -moz-transform: translate3d(0px, 0px, 0px);
    -webkit-transform: translate3d(0px, 0px, 0px);
}

.nav-link {
    display: block;
    padding-bottom: 0.5em;
    padding-left: 1.6em;
    padding-right: 1em;
    padding-top: 0.5em;
    opacity: 0.5;
}

.nav-link.active, nav .nav-list li a:hover, nav .nav-list li a:active {
	opacity: 1;
	text-shadow: 1px 1px 9px rgba(224, 228, 231, 0.8);
}

footer {
	position: fixed;
	right: 0;
	left: 0;
	bottom: 0;
	width: 100%;
	max-width: 768px;
	margin: auto;
	z-index: 100;
}

footer ul.download {
	position: relative;
	float: right;
	margin-right: 20px;
}


footer ul.download li {
    opacity: 0;
    padding-bottom: 0.4rem;
    padding-top: 0;
    transform: translateY(50px);
    -moz-transform: translateY(50px);
    -webkit-transform: translateY(50px);
    transition-delay: 0s, 0s;
    transition-duration: 0.5s, 0.5s;
    transition-property: transform, opacity;
    transition-timing-function: ease, ease;
}


footer ul.download li:first-child {
    transition-delay: 1.2s;
}
footer ul.download li:nth-child(2) {
    transition-delay: 1.3s;
}

footer ul.download li.animate {
    opacity: 1;
    transform: translate3d(0px, 0px, 0px);
    -moz-transform: translate3d(0px, 0px, 0px);
    -webkit-transform: translate3d(0px, 0px, 0px);
}





/* ==========================================================================
   Main Styles
   ========================================================================== */
/* remove spacing between middle columns */
.row.full [class*='col-']:not(:first-child):not(:last-child) {
  padding-right:0;
  padding-left:0;
}
/* remove right padding from first column */
.row.full [class*='col-']:first-child {
  padding-right:0;
  padding-left:0;
}
/* remove left padding from first column */
.row.full [class*='col-']:last-child {
  padding-left:0;
  padding-right: 0;
}

.relative {
	position: relative;
}

.outer-container {
	max-width: 768px;
	width: 100%;
	margin: auto;
	position: relative;
}

.slide-panel {
	margin-top: 1px;
	margin-bottom: 1px;
	width: 100%;
	height: 100vh;
	opacity: 0;
	position: relative;
	overflow: hidden;
	
	-webkit-transition: all 800ms cubic-bezier(0.685, 0, 0.630, 1); /* older webkit */
-webkit-transition: all 800ms cubic-bezier(0.685, -0.060, 0.630, 1.180);
   -moz-transition: all 800ms cubic-bezier(0.685, -0.060, 0.630, 1.180);
     -o-transition: all 800ms cubic-bezier(0.685, -0.060, 0.630, 1.180);
        transition: all 800ms cubic-bezier(0.685, -0.060, 0.630, 1.180); /* custom */

-webkit-transition-timing-function: cubic-bezier(0.685, 0, 0.630, 1); /* older webkit */
-webkit-transition-timing-function: cubic-bezier(0.685, -0.060, 0.630, 1.180);
   -moz-transition-timing-function: cubic-bezier(0.685, -0.060, 0.630, 1.180);
     -o-transition-timing-function: cubic-bezier(0.685, -0.060, 0.630, 1.180);
        transition-timing-function: cubic-bezier(0.685, -0.060, 0.630, 1.180); /* custom */
}

.slide-panel.in-view {
	opacity: 1;
	
	-webkit-transition: all 800ms cubic-bezier(0.685, 0, 0.630, 1); /* older webkit */
-webkit-transition: all 800ms cubic-bezier(0.685, -0.060, 0.630, 1.180);
   -moz-transition: all 800ms cubic-bezier(0.685, -0.060, 0.630, 1.180);
     -o-transition: all 800ms cubic-bezier(0.685, -0.060, 0.630, 1.180);
        transition: all 800ms cubic-bezier(0.685, -0.060, 0.630, 1.180); /* custom */

-webkit-transition-timing-function: cubic-bezier(0.685, 0, 0.630, 1); /* older webkit */
-webkit-transition-timing-function: cubic-bezier(0.685, -0.060, 0.630, 1.180);
   -moz-transition-timing-function: cubic-bezier(0.685, -0.060, 0.630, 1.180);
     -o-transition-timing-function: cubic-bezier(0.685, -0.060, 0.630, 1.180);
        transition-timing-function: cubic-bezier(0.685, -0.060, 0.630, 1.180); /* custom */
}

.slide-panel .bg-image {
	width: 100%;
	height: 100vh;
	
	transform: scale(1);
	-moz-transform: scale(1);
	-webkit-transform: scale(1);
	-webkit-transition: all 600ms cubic-bezier(0.695, 0, 0.605, 1); /* older webkit */
-webkit-transition: all 600ms cubic-bezier(0.695, -0.190, 0.605, 1.150);
   -moz-transition: all 600ms cubic-bezier(0.695, -0.190, 0.605, 1.150);
     -o-transition: all 600ms cubic-bezier(0.695, -0.190, 0.605, 1.150);
        transition: all 600ms cubic-bezier(0.695, -0.190, 0.605, 1.150); /* custom */

-webkit-transition-timing-function: cubic-bezier(0.695, 0, 0.605, 1); /* older webkit */
-webkit-transition-timing-function: cubic-bezier(0.695, -0.190, 0.605, 1.150);
   -moz-transition-timing-function: cubic-bezier(0.695, -0.190, 0.605, 1.150);
     -o-transition-timing-function: cubic-bezier(0.695, -0.190, 0.605, 1.150);
        transition-timing-function: cubic-bezier(0.695, -0.190, 0.605, 1.150); /* custom */

}

.slide-panel.in-view .bg-image {
	transform: scale(1.05);
	-moz-transform: scale(1.05);
	-webkit-transform: scale(1.05);
	
	-webkit-transition: all 1200ms cubic-bezier(0.695, 0, 0.605, 1); /* older webkit */
-webkit-transition: all 1200ms cubic-bezier(0.695, -0.190, 0.605, 1.150);
   -moz-transition: all 1200ms cubic-bezier(0.695, -0.190, 0.605, 1.150);
     -o-transition: all 1200ms cubic-bezier(0.695, -0.190, 0.605, 1.150);
        transition: all 1200ms cubic-bezier(0.695, -0.190, 0.605, 1.150); /* custom */

-webkit-transition-timing-function: cubic-bezier(0.695, 0, 0.605, 1); /* older webkit */
-webkit-transition-timing-function: cubic-bezier(0.695, -0.190, 0.605, 1.150);
   -moz-transition-timing-function: cubic-bezier(0.695, -0.190, 0.605, 1.150);
     -o-transition-timing-function: cubic-bezier(0.695, -0.190, 0.605, 1.150);
        transition-timing-function: cubic-bezier(0.695, -0.190, 0.605, 1.150); /* custom */
}

   
.slide-content {
	position: absolute;
	top: 12%;
}


.slide-image-container {
	position: absolute;
	top: 0;
	margin-top: 320px;
	width: 100%;
}


/*------------Slide 1-------------*/
#slide-one img {
	width: 400px;
	height: 100%;
}

/*------------Slide 2-------------*/
#slide-two .coaching-1 {
	position: relative;
	left: -30px;
}
#slide-two .coaching-2 {
	box-shadow: 20px 20px 20px rgba(0, 0, 0, 0.90);
	margin-top: 50px;
	position: absolute;
	top: 0;
	right: 0;
}


/*------------Slide 3-------------*/
.slide-carousel-container {
	position: absolute;
	bottom: 0;
	margin-bottom: 120px;
	width: 100%;
	right: 0;
}


#running-carousel  {
	position: relative;
	z-index: 3;
}

.running-img {
	position: absolute;
	z-index: 0;
}

.running-overlay {
	width: 100%;
	height: 700px;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 2;
	
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+4,1+100 */
background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0) 4%, rgba(0,0,0,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 4%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 4%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */

}

.running-line {
	position: absolute;
	width: 0;
	right: 0;
	height: 2px;
	background-color: #ffffff;
	z-index: 3;
	margin-top: 8px;
	
}

.running-line.in-view {
	width: 50%;
	-webkit-transition: all 800ms cubic-bezier(0.695, 0, 0.605, 1); /* older webkit */
-webkit-transition: all 800ms cubic-bezier(0.695, -0.190, 0.605, 1.150);
   -moz-transition: all 800ms cubic-bezier(0.695, -0.190, 0.605, 1.150);
     -o-transition: all 800ms cubic-bezier(0.695, -0.190, 0.605, 1.150);
        transition: all 800ms cubic-bezier(0.695, -0.190, 0.605, 1.150); /* custom */

-webkit-transition-timing-function: cubic-bezier(0.695, 0, 0.605, 1); /* older webkit */
-webkit-transition-timing-function: cubic-bezier(0.695, -0.190, 0.605, 1.150);
   -moz-transition-timing-function: cubic-bezier(0.695, -0.190, 0.605, 1.150);
     -o-transition-timing-function: cubic-bezier(0.695, -0.190, 0.605, 1.150);
        transition-timing-function: cubic-bezier(0.695, -0.190, 0.605, 1.150); /* custom */
}

/*------------Slide 4-------------*/

.carousel-card {
	position: relative;
	width: 100%;
	max-width: 800px;
	height: auto;
	margin-left: 30px;
	margin-right: 30px;
	-webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}


/*-----------------Flickety Styles------------------*/
.flickity-enabled {
  position: relative;
}

.flickity-enabled:focus { outline: none; }

.flickity-viewport {
  overflow: hidden;
  position: relative;
  height: 100%;
}

.flickity-slider {
  position: absolute;
  width: 100%;
  height: 100%;
}

/*---draggable--*/

.flickity-enabled.is-draggable {
  -webkit-tap-highlight-color: transparent;
          tap-highlight-color: transparent;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.flickity-enabled.is-draggable .flickity-viewport {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab;
}

.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}


/*----page dots----*/
.flickity-page-dots {
  position: absolute;
  width: 100%;
  padding: 0;
  margin: 1px 0 0;
  list-style: none;
  text-align: center;
  line-height: 1;
  z-index: 500;
}

.flickity-rtl .flickity-page-dots { 
	direction: rtl; 
}

.flickity-page-dots .dot {
  display: inline-block;
  width: 8px;
  height: 8px;
  margin: 0 6px;
  border-radius: 50%;
  opacity: 1;
  cursor: pointer;
  background-color: rgba(245, 245, 245, 0.3);
}

.flickity-page-dots .dot.is-selected {
  background-color: rgba(245, 245, 245, 1);
}


/* ==========================================================================
   Mobile Styles
   ========================================================================== */
/* Landscape phones and down */
@media (max-width: 543px) { 

html {
	font-size: 13.5px;
}

.outer-container, .logo, footer, .container {
	max-width: 100%;
	width: 100%;
}

.logo {
	left: 30px;
}

.logo img {
    width: 140px;
}

.flex-div.animate {
	margin-left: 20px;
}

nav .nav-list li::before {
	left: -8px;
	top: 10px;
}

.nav-link {
  padding-bottom: 0.4em;
  padding-top: 0.4em;
  padding-left: 1em;
}

.slide-image-container {
	margin-top: 200px;
}
	
}

/* Landscape phone to portrait tablet */
@media (min-width: 544px) and (max-width: 767px) { 

html {
	font-size: 13.5px;
}

.outer-container, .logo, footer, .container {
	max-width: 100%;
	width: 100%;
}

.logo {
	left: 30px;
}

.logo img {
    width: 140px;
}

.flex-div.animate {
	margin-left: 20px;
}

nav .nav-list li::before {
	left: -8px;
	top: 10px;
}

.nav-link {
  padding-bottom: 0.4em;
  padding-top: 0.4em;
  padding-left: 1em;
}

.slide-image-container {
	margin-top: 200px;
}

}


/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 991px)  {

.outer-container, .logo, footer, .container {
	max-width: 100%;
	width: 100%;
}

.slide-image-container {
	margin-top: 240px;
}

.logo {
	left: 50px;
}

}

/* Desktops and laptops ----------- */
@media (min-width: 992px) and (max-width: 1440px) {



}