@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Open+Sans:700|Rajdhani:400,700|Montserrat:200,300,400,600,700,800');
@font-face { font-family: 'CanlinFont-lite1'; src: url('../assets/font/truenoultlt.otf');}
@font-face { font-family: 'CanlinFont-bold'; src: url('../assets/font/truenobd.otf'); }


*{box-sizing:border-box!important;}

a {cursor:pointer;text-decoration:none;}	
	
h1,h2,h3,h4 {font-family: 'Montserrat', sans-serif!important;}

	
.path {
	padding:1rem;
	color:white;
	background: -moz-linear-gradient(left, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 */
	position:absolute;
	bottom:0;
	width:100%;}
	
.path a {padding:0rem .3rem;color:white;}


.title {
	margin:0 auto;
	text-align:center;
	background:#ef1c26;
	padding:20px 60px;
	color:#fafafa;
	font-size:28px;
	border-radius: 50px;
	border:1.5px solid #ef1c26;
	font-family: "CanlinFont-bold", "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
	box-shadow: 0px 2px 3px rgba(0, 0, 0, .5);transition:all 0.3s ease;
	text-transform:uppercase;
	margin-bottom:3rem;
	max-width:400px;}

article {margin:0 auto;}
p {font-size:20px;line-height:1.8rem;}


body { 
	margin:0 auto;
	font-family: 'CanlinFont-lite1', sans-serif;
	background-image:url('../assets/images/bg-white.jpg');
	background-color:#fafafa;
	background-position: center;
	background-attachment: fixed;
	background-size:cover;
	background-repeat: no-repeat;
	font-size:13px;
}

main {
	margin:0 auto;
	display:block;
	background:white!important;
	padding:50px 20px 20px 20px;
	margin-bottom:4rem;
	border-radius:0px 0px 25px 25px;
	width:100%!important;
	height:auto;
	box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.15); 
	}

#main-container{
	margin:0 auto;
	margin-top:8rem;
	max-width:70.5vw;
}


/*DEFAULT CONTAINER QUERIES*/

@media all and (max-width:1800px){ #main-container{max-width:1300px!important;} } 

@media all and (max-width:1450px){ #main-container{max-width:1200px!important;} } 

@media all and (max-width:1280px){ #main-container{max-width:1200px!important;} p {font-size:18px!important; line-height:1.5rem!important;} } 

@media all and (max-width:1200px){ 
	#main-container{max-width:1000px!important;} 
	
	p {font-size:15px!important; line-height:1.2rem!important;} 
} 

@media all and (max-width:1040px){ #main-container{max-width:700px;} }

@media all and (max-width:956px){ #main-container{max-width:625px!important; margin-top:7rem;} } 

@media all and (max-width:700px){  #main-container{max-width:550px!important;} } 

@media all and (max-width:620px){ p {font-size:13px!important; line-height:1.2rem!important;}
	
@media all and (max-width:580px){ #main-container{max-width:100%!important;} }	
	
@media all and (max-width:485px){ #main-container{margin-top:4rem;} }	

@media all and (max-width:325px){p {font-size:12px!important;} }