body { margin:0px; padding:0px; overflow-x: hidden; }

@font-face {
	font-family: "Open Sans";
	src: url("../fonts/OpenSans-Regular_0.ttf");
}

@font-face {
	font-family: "Lato";
	src: url("../fonts/Lato-Regular.ttf");
}

@font-face {
	font-family: "Rubik";
	src: url("../fonts/Rubik-Regular.ttf");
}

@font-face {
	font-family: "ms-regular";
	src: url("../fonts/Montserrat-Regular.ttf");
}

@font-face {
	font-family: "ms-bold";
	src: url("../fonts/Montserrat-SemiBold.ttf");
}

@font-face {
	font-family: "sumana";
	src: url("../fonts/Sumana-Regular.ttf");
}


.sumana { font-family: "sumana"; }
.montserrat-r { font-family: "ms-regular"; }
.montserrat-b { font-family: "ms-bold"; }

.white { color:#ffffff; }
.black { color:#000000; }

.bg-1 { 
	background-image:url('../img/bg_01.jpg');
	background-size:cover;
	background-position-y:-35vh;
	padding:0px;
}

.gradient-overlay { 
	background: rgb(0,0,0);
	background: -moz-linear-gradient(180deg, rgba(0,0,0,0.01) 0%, rgba(0,0,0,0) 30%, rgba(0,0,0,1) 100%);
	background: -webkit-linear-gradient(180deg, rgba(0,0,0,0.01) 0%, rgba(0,0,0,0) 30%, rgba(0,0,0,1) 100%);
	background: linear-gradient(180deg, rgba(0,0,0,0.01) 0%, rgba(0,0,0,0) 30%, rgba(0,0,0,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
}

.submenu { 
	position:relative;
	background-color:#ffffff;
	font-size:20px;
	/*font-family: "montserrat-b"; */
	color:#000000;
	border:1px solid white;
	text-align:center;
	padding:10px;
	width:100%;
	transition:0.3s all;
}

.submenu:hover {
	background-color:#000000;
	color:#ffffff;
	transition:0.3s all;
	cursor:pointer;
}

.submenu img { 
	position:absolute;
	top:10px;
	left:10px;
	width:30px;
	height:30px;
}

.submenu2 { 
	position:relative;
	top:-10px;
	background-color:#ffffff;
	font-size:15px;
	/*font-family: "montserrat-b"; */
	color:#000000;
	border:1px solid white;
	text-align:center;
	padding:10px;
	transition:0.3s all;
}

.submenu2:hover {
	background-color:#000000;
	color:#ffffff;
	transition:0.3s all;
	cursor:pointer;
}

.input {
	color:#000000;
	font-size:15px;
	padding:5px;
	border:1px #dddddd solid;
	font-family:"ms-regular";
	width:90%;
}

.input_btn {
	padding:5px;
	border:1px #eeeeee solid;
	font-family:"ms-regular";
	font-size:15px;
	border-radius:0px;
	background-color:#dddddd;
	color:#000000;
	transition:0.3s all;

}
.input_btn:hover { 
	color:#ffffff;
	background-color:#000000;
	transition:0.3s all;
	cursor:pointer;
}

.link { 
	text-decoration:none;
	color:#000000;
	font-family:"ms-regular";
	font-size:15px;
	transition:0.3s all;
}

.link:hover { 
	text-decoration:none;
	color:light-blue;
	transition:0.3s all;
	cursor:pointer;
}

.linkw { 
	text-decoration:none;
	color:#FFFFFF;
	font-family:"ms-regular";
	font-size:15px;
	transition:0.3s all;
}

.linkw:hover { 
	text-decoration:none;
	color:#ffcccb;
	transition:0.3s all;
	cursor:pointer;
}

.underline { border-bottom:2px solid #111111; }

.m-menu-btn {
	position:absolute;
	top: 15px;
	right:25px;
	color:#ffffff;
	font-size:35px;
	font-weight:bold;
	z-index:99
}

.m-menu { 
	position:fixed;
	top:0px;
	left:105%;
	width:102%;
	height:101vh;
	padding-top:15px;
	padding-left:5%;
	padding-right:5%;
	background-color:rgba(255,255,255,0.85);
	color:#000000;
	transition:0.5s all;
	transition-timing-function: ease-out;
	z-index:100;
}

.m-menu-show { 
	left:0px;
	transition:0.5s all;
	transition-timing-function: ease-out;
}

.submenu-m { 
	position:relative;
	background-color:#000000;
	font-size:20px;
	/*font-family: "montserrat-b"; */
	color:#ffffff;
	border:1px solid black;
	text-align:center;
	padding:10px;
	width:100%;
	transition:0.3s all;
}

.btn-1 { 
	position:relative;
	background-color:#000000;
	font-size:15px;
	/*font-family: "montserrat-b"; */
	color:#ffffff;
	border:1px solid white;
	text-align:center;
	padding:10px;
	transition:0.3s all;
}

.btn-1:hover {
	background-color:#ffffff;
	color:#000000;
	border:1px solid black;
	transition:0.3s all;
	cursor:pointer;
}

/* Mobile only */
@media only screen and (max-width: 999px) {
	.hidden-xs { display:none; }
	.m-center { text-align:center !important; }
	.m-center-l { text-align:center !important; }
	.t-35 { font-size:15px; }
	.t-45 { font-size:20px; }
	.submenu2 { font-size: 12px; }
	.m-frame { height:400px !important; }
	.bg-1 { 
		background-size:100% 100%;
		background-position-y:0px;
	}
	.submenu1 { border:1px solid #b1b0b0; text-align:center; width:33%; }
	.underline { background-color:#eeeeee; }
	.gradient-overlay-m { background-color:rgba(0,0,0,0.6); }
}

/* Desktop Only */
@media only screen and (min-width:1000px) {
	.hidden-lg { display:none; }
	.m-center { text-align:right !important; }
	.m-center-l { text-align:left !important; }
	.t-35 { font-size:35px; }
	.t-45 { font-size:45px; }
	.m-menu-btn { display:none; }
	.m-menu { display:none; }
	
}
}

@media only screen and (min-width:1600px) {
	.title { font-size:45px; }
	
	
}