@font-face {
  font-family: caslon;
  src: url(../../big-caslon.ttf);
}

@font-face {
  font-family: futura;
  src: url(../../futura.ttf);
}

@font-face {
  font-family: futura-med;
  src: url(../../futura-medium.otf);
}


@font-face {
  font-family: futura-thin;
  src: url(../../futura-light.otf);
}

body{
	background-color: #17222C !important;
	font-family: futura;
	color:white;
}

.blue-color{
	background: linear-gradient(40deg, black 10%, #008cc1 20%, #BAD234 100%);
}

a.navbar-brand{
	font-weight:bold;
}

.count{
	font-size:70px;
	font-weight:bold;
	margin-left:5px;
}

#gif{
	margin-bottom:60px;
}





.modal-dialog{
color:black;	
}


.modal-dialog{
    max-width: 800px !important;
    margin: 1.75rem auto;
}

.sleep-gif{
	margin-top: 60px;
	height:350px;

}

.gif{
	height: 300px;
}

@media only screen and (max-width: 480px) {
.sleep-gif{
	margin-top: 0px;
	height:150px;
	    height: 300px;
    margin-bottom: 40px;
}

.gif{
	height: 173px;
}
    }

#modalRegisterForm{
	padding-right: 16px;
	padding-left: 16px;
}

.modal-footer{
	background-color:#478FAB;
}

.txt-modal{
	margin-top:20px;
	text-align:left;
}

#logo{
	height:180px;
}

nav{
	font-family: futura !important;
}

.modal-content{
	background-color:#17222C;
	color:white;
}

.done{
	cursor:pointer
	margin: 0 auto;
    background-color: #008cc1;
    width: 98%;
    padding-top: 10px;
    padding-bottom: 10px;
	color:white;
	    margin-left: 16px;
    margin-right: 16px;
}

#modal{
	display:none;
}


h1,h2,h3,h4,h5,nav{
	font-family: futura !important;
}

h1,h2,h3,h4,h5{
	margin-bottom: 1rem;
}

nav-link{
		font-family: futura-med;

}

p{
	font-family: futura-thin;
	letter-spacing: 1px;
}


.logo{
height:35px;
}

.btn-nav{
	background:#018EC2;
	border-color: #495511;
	padding-left:35px;
	padding-right:35px;
	padding-top: 10px;
	padding-bottom: 10px;
	color:white;
	border-radius:2px;
	border:none;
}

.mainPage {
    background: white;
    width: 100%;
    float: left;
}

.mainPage1 {
    background: white;
    width: 100%;
    float: left;
}

.main-content {
    background: url('../../../images/banner.png')
        no-repeat center;
    height: 450px;
    margin: 0 auto;
	 background-size: cover;
}

.main-content1 {
    background: url('../../../images/footer.png')
        no-repeat center;
    height: 450px;
    margin: 0 auto;
	 background-size: cover;
}

.text-content {
    text-align: center;
    color:#fff;
    padding-top: 50px;
	position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 80%;
    height: 40%;
    margin: auto;
}

.text-content1 {
    text-align: center;
    color:#fff;
    padding-top: 10%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 80%;
    height: 40%;
    margin: auto;
}


.text-banner{
	color:white;
	font-size:25px;
	font-family:futura-thin;	
	line-height: 41px;
}


.text-banner1{
	color:white;
	font-size:25px;
	font-family:futura-thin;	
	line-height: 41px;
}

.margin-70{
	margin-top:70px;
	margin-bottom:70px;
}

.img-main{
	width:100%;
}

.parent{
	position:relative;
}

#child {
 
	margin-top:20%;
}

.mt-40{
margin-top:100px;	
}

.mt-70{
margin-top:70px;	
}




.mobile{
	display:none;
}

.text-banner-mobile{
		display: none;
	}
	

.footer-p{
	font-size:16px;
}

input[type="email"] {
    padding-left: 14px;
    font-family: futura-thin;
	font-size:18px;
}

.button-subscribe {
    margin-left: -11px;
    padding-left: 20px;
    padding-right: 20px;
	  padding-top: 3px;
    padding-bottom: 3px;
    background: #495511;
	color:white;
	font-family: futura-thin;
	border:none;
	font-size:18px;

	
}

a.nav-link {
    font-family: futura-thin;
	font-weight:200;
	    margin-left: 35px;
    font-size: 17px;

	
}

.cpy{
	font-family:futura-thin;
	margin-top:40px;
	margin-bottom:40px;
	
}

.pt{
	padding-top:17px;
		font-family: futura-med !important;
}


	.ml-50{
			margin-left:50px;
		}
	
	.mr-50{
		margin-right:50px;
	}
	
	.mb-0{
		margin-bottom:0px !important;
	}
	
	.text-banner{
	margin:0 auto;
    width: 80%;

	}
	
	.text-banner-mobile{
			margin:0 auto;
			font-family:futura-thin;
			    margin-top: 5% !important;

	}
	

.navbar-light .navbar-nav .active>.nav-link{
		color:white;
	
	}
	
	.navbar-light .navbar-nav .nav-link {
    color: white;
}

.btn-nav:hover{
	background:#018EC2;
}

.navbar{
		background:#212D3B;
		color:white;
}

.txt-sheep{
	font-size:35px;
	font-family:caslon;
	float:left;
	margin-top:10%;
}

.footer{
	background: #212D3B;
    height: 80px;
    padding-top: 10px;
}



.modal-body{
	text-align:left;
}

.input{
	background:#212D3B;
	border: 1px solid #354D64;
}

.bubbly-button{
	width: 60%;
    float: left;
}


.modal-content{
	padding-top:20px !important;
	padding:50px;
	border: 1px solid #354D64;
	margin-top: 90px;
}

button.close {
    text-align: right;
	opacity:10 !important;
}

.modal-title{
margin-top:20%;	
text-align:left;
font-family: futura;
font-size:35px;
}
	
.close span{
	color: white;
    font-size: 30px;
}

.vl {
  border-left: 6px solid green;
  height: 500px;
}

button#send_pan{
	font-family:futura-thin;
}

.heading-txt{
	font-family:caslon !important;
}

.navbar{
	border-bottom: 1px solid #565B60;
}

.footer{
	border-top: 1px solid #565B60;
}


.mobile-positioning{
	display:inline-block;
}


@media only screen and (max-width: 600px) {
	
	.navbar-light .navbar-toggler-icon {
     background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='white' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}
	
	button.navbar-toggler {
 
	color:white;
}
	
	 .txt-sheep {
    font-size: 28px;
	margin-top:0;
}

#gif {
    margin-bottom: 30px;
}

#modalRegisterForm {
    padding-right: 16px !important;
}

.modal-content {
    padding: 10px;
	padding-top:0px;
}

input[type="email"] {
    width: 100%;
}

.modal-title {
margin-top: 0;
}
	
	
	.text-content1{
		width:90%;	
	}
	
	ul.navbar-nav.ml-auto {
    text-align: center;
}

a.nav-link{
	margin-left:0px !important;
}

button.btn-nav.btn-primary.pl-35{
	width:100%;
}
	div#navbarResponsive{
		border-top: 1px solid #DADADA;
	}
	.navbar-light .navbar-toggler {
    border: none;
}
	
	.row{
		margin-left:0;
		margin-right:0;
	}
	
	.col-md-6{
		padding: 0px !important;
	}
	
	.mt-40{
		margin-top:40px;
	}
	
	.ml-50{
			margin-left:0px !important;
	}
	
	.mr-50{
		margin-right:0px !important;
	}
	
	.mobile{
		display:block !important;
	}
	
	.desktop{
		display:none;
	}
	
	.text-banner-mobile{
		display: block !important;
	}
	
	.text-banner{
		display: none;
	}
	
	h1 {
    font-size: 29px;
	}
	
 #child{
	 position:block !important;
	 margin-top: 5%;
 }
 
 input[type="email"] {
	padding-top:10px;
	padding-bottom:10px;
 }
 
 .text-banner {
    color: white;
    font-size: 17px !important; 
    font-family: futura-thin;
    line-height: 30px;
}

.text-banner1 {
    color: white;
    font-size: 25px;
    font-family: futura-thin;
     line-height: 23px;
}

.container-fluid{
	padding-left:0px;
	padding-right:0px;
}

.text-banner {
    color: white;
    font-size: 14px;
    font-family: futura-thin;
    line-height: 18px;
}

.text-content {
	padding-top: 40px;
	width: 90%;
	position: relative;
 
}

.main-content {
    height: 200px;
}

.main-content1{
	    height: 300px;
}

.width-100{
	width:100% !important;
}

.button-subscribe {
    padding-left: 15px !important;
    padding-right: 15px !important;
	padding-top:12px !important;
	padding-bottom:12px !important;
	
}

.text-banner{
	text-align: left;
    line-height: 22px;
}


}

.futura-thin{
	font-family:futura-thin;
}

    input[type='radio']:after {
        width: 15px;
        height: 15px;
        border-radius: 15px;
        top: -2px;
        left: -1px;
        position: relative;
        background-color: #17222C;
        content: '';
        display: inline-block;
        visibility: visible;
        border: 1px solid white;
    }

    input[type='radio']:checked:after {
        width: 15px;
        height: 15px;
        border-radius: 15px;
        top: -2px;
        left: -1px;
        position: relative;
        background-color: white;
		padding:1px;
        content: '';
        display: inline-block;
        visibility: visible;
        border: 1px solid white;
    }

a.nav-link:hover{
	color:#008CC1 !important;
}

.thin{
	font-family:futura-thin;
}