/* 01. BASE */
/*
This file is made by Codernelson (2021)
This css file includes all base styles and template's main color (in this tempalte main color is pink(#f00a77)). 
Template's main color styles located at the bottom of this file.
*/
a,
i,
textarea{
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease
}
iframe,
img,
table{
	max-width: 100%
}
table td,
table th{
	vertical-align: top
}
article,aside,details,figcaption,figure,footer,header,hgroup,nav,pre,section{
	display: block
}
.space10,
.space100,
.space1000,
.space20,
.space200,
.space30,
.space300,
.space40,
.space400,
.space50,
.space500,
.space60,
.space70,
.space90{
	float: left;
	clear: both;
	width: 100%
}
.space10,
.space100,
.space1000,
.space20,
.space200,
.space30,
.space300,
.space40,
.space400,
.space50,
.space500,
.space60,
.space70,
.space90,
textarea{
	width: 100%
}
a,abbr,acronym,address,applet,b,big,blockquote,body,caption,center,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,font,form,h1,h2,h3,h4,
h5,h6,html,i,iframe,ins,kbd,label,legend,li,object,ol,p,pre,q,s,samp,small,span,strike,strong,sub,sup,table,tbody,td,tfoot,th,thead,
tr,tt,u,ul,var{
	background: 0 0;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
	outline: 0
}
table,table td,table th,table tr{
	border: 1px solid #dcdcdc
}
blockquote{
	quotes: none
}
blockquote:after,blockquote:before{
	content: '';
	content: none
}
ol,ul{
	margin: 30px
}
ol li,ul li{
	margin-bottom: 5px
}
img{
	vertical-align: middle;
	height: auto;
}
del{
	text-decoration: line-through
}
a,i{
	transition: all .3s ease;
	border: none
}
a:hover{
	text-decoration: none
}
h1,h2,h3,h4,h5,h6{
	font-weight: 500;
	color: #1e1e1e;
	margin-bottom: 20px
}
h1{
	font-size: 45px
}
h2{
	font-size: 36px
}
h3{
	font-size: 30px
}
h4{
	font-size: 24px
}
h5{
	font-size: 20px
}
h6,
table th{
	font-size: 16px
}
table{
	text-align: left;
	border-collapse: collapse;
	border-spacing: 0;
	margin-bottom: 15px;
	font-size: 14px;
	color: #777
}
table th{
	color: #333;
	background: 0 0;
	font-weight: 400;
	padding: 15px 10px;
	font-size: 14px;
}
table td{
	padding: 10px
}
code,pre{
	padding: 10px 10px 0;
}
pre{
	word-break: break-all;
	word-wrap: break-word
}
pre code{
	white-space: pre-wrap
}
p{
	letter-spacing: 1px
}
.space10{
	margin-bottom: 10px
}
.space20{
	margin-bottom: 20px
}
.space30{
	margin-bottom: 30px
}
.space40{
	margin-bottom: 40px
}
.space50{
	margin-bottom: 50px
}
.space60{
	margin-bottom: 60px
}
.space70{
	margin-bottom: 70px
}
.space80{
	width: 100%;
	float: left;
	clear: both;
	margin-bottom: 80px
}
.space90{
	margin-bottom: 90px
}
.space100{
	margin-bottom: 100px
}
.space200{
	margin-bottom: 200px
}
.space300{
	margin-bottom: 300px
}
.space400{
	margin-bottom: 400px
}
.space500{
	margin-bottom: 500px
}
.space1000{
	margin-bottom: 1000px
}
textarea{
	border-radius: 0;
	font-size: 13px;
	color: #777;
	resize: vertical;
	font-family: 'Jost', 'Arial', 'Helvetica', sans-serif;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	line-height: 1.4;
	padding: 10px 20px;
	transition: all .3s ease
}
.uneditable-input,
input[type=number],
input[type=email],
input[type=url],
input[type=search],
input[type=tel],
input[type=color],
input[type=text],
input[type=password],
input[type=datetime],
input[type=datetime-local],
input[type=date],
input[type=month],
input[type=time],
input[type=week]{
	border-radius: 0;
	font-size: 13px;
	color: #333;
	letter-spacing: .5px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	font-family: 'Jost', 'Arial', 'Helvetica', sans-serif;
	line-height: 1.6;
	padding: 10px 20px;
	height: 50px;
	width: 100%;
	border: 1px solid #eee;
	vertical-align: middle;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease
}
textarea{
	width: 100%;
	max-width: 100%;
	border: 1px solid #eee;
}


.uneditable-input:focus,
input[type=number]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=search]:focus,
input[type=tel]:focus,
input[type=color]:focus,
input[type=text]:focus,
input[type=password]:focus,
input[type=datetime]:focus,
input[type=datetime-local]:focus,
input[type=date]:focus,
input[type=month]:focus,
input[type=time]:focus,
input[type=week]:focus,
textarea:focus, select:focus{
	border-color: #aaa;
	outline: thin dotted;
}
input[type=submit]{
	text-transform: uppercase;
	font-family: 'Jost';
	padding: 0px 32px;
	height: 50px;
	line-height: 50px;
	font-size: 14px;
	font-weight: 500;
	text-decoration: none;
	letter-spacing: .5px;
	border: none;
	cursor: pointer;
	color: #fff;
	background: #ff8237;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease
}
input[type=submit]:focus,
input[type=submit]:hover{
	background: #444
}
select{
	padding: 8px;
	border: 2px solid #222
}
input[type=button]{
	cursor: pointer;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease
}
.elementor p{
	margin-bottom: 0;
}