/****** cc-import-typography-reboot ******/



@import url('css2.css');

body,

html {

	height: 100%;

	margin: 0;

	padding: 0;

	font-family: 'Inter', sans-serif;

}





/****** cc-commen-style-reboot ******/



h1,

h2,

h3,

h4,

h5,

h6 {

	font-family: 'Inter', sans-serif;

	letter-spacing: 0;

	color: #000;

	margin: 0;

	padding: 0;

}





h1 {

	font-size: 73px;

	text-transform: capitalize;

}



h2 {

	font-size: 55px;

	text-transform: capitalize;

	font-weight: 700;

	color: #000;

}



h3 {

	font-size: 24px;

	text-transform: capitalize;

}



h4 {

	font-size: 22px;

	text-transform: uppercase;

	font-weight: 700;

	text-transform: capitalize;

}



h5 {

	font-size: 16px;

	text-transform: capitalize;

	font-weight: 400;

	color: #5f2ded;

	margin-bottom: 30px;

}



h6 {

	font-size: 10px;

	text-transform: capitalize;

}





p {

	font-size: 16px;

	margin: 0;

	padding: 0;

	line-height: 25px;

	color: #666;

}



a {

	text-decoration: none;

	margin: 0;

	padding: 0;

}





/****** cc-commen-padding-reboot ******/





.padding-10 {

	padding: 10px;

}



.padding-20 {

	padding: 20px;

}



.padding-30 {

	padding: 30px;

}



.padding-40 {

	padding: 40px;

}



.padding-50 {

	padding: 50px;

}



/** cc-padding-top-bottom-reboot **/



.ptb-10 {

	padding: 10px 0;

}



.ptb-20 {

	padding: 20px 0;

}



.ptb-30 {

	padding: 30px 0;

}



.ptb-40 {

	padding: 40px 0;

}



.ptb-50 {

	padding: 50px 0;

}



/** cc-padding-left-right-reboot **/



.plr-10 {

	padding: 0 10px;

}



.plr-20 {

	padding: 0 20px;

}



.plr-30 {

	padding: 0 30px;

}



.plr-40 {

	padding: 0 40px;

}



.plr-50 {

	padding: 0 50px;

}



/** cc-padding-top-reboot **/



.pt-10 {

	padding-top: 10px;

}



.pt-20 {

	padding-top: 20px;

}



.pt-30 {

	padding-top: 30px;

}



.pt-40 {

	padding-top: 40px;

}



.pt-50 {

	padding-top: 50px;

}



.pt-60 {

	padding-top: 60px;

}



.pt-70 {

	padding-top: 70px;

}



.pt-80 {

	padding-top: 80px;

}



.pt-90 {

	padding-top: 90px;

}



.pt-100 {

	padding-top: 100px;

}



.pt-120 {

	padding-top: 120px;

}



.pt-140 {

	padding-top: 140px;

}





/** cc-padding-bottom-reboot **/



.pb-10 {

	padding-bottom: 10px;

}



.pb-20 {

	padding-bottom: 20px;

}



.pb-30 {

	padding-bottom: 30px;

}



.pb-40 {

	padding-bottom: 40px;

}



.pb-50 {

	padding-bottom: 50px;

}



.pb-60 {

	padding-bottom: 60px;

}



.pb-70 {

	padding-bottom: 70px;

}



.pb-80 {

	padding-bottom: 80px;

}



.pb-90 {

	padding-bottom: 90px;

}



.pb-100 {

	padding-bottom: 100px;

}



.pb-120 {

	padding-bottom: 120px;

}



.pb-140 {

	padding-bottom: 140px;

}



/** cc-padding-left-reboot **/



.pl-10 {

	padding-left: 10px;

}



.pl-20 {

	padding-left: 20px;

}



.pl-30 {

	padding-left: 30px;

}



.pl-40 {

	padding-left: 40px;

}



.pl-50 {

	padding-left: 50px;

}



.pl-60 {

	padding-left: 60px;

}



.pl-70 {

	padding-left: 70px;

}



.pl-80 {

	padding-left: 80px;

}



.pl-90 {

	padding-left: 90px;

}



.pl-100 {

	padding-left: 100px;

}



.pl-120 {

	padding-left: 120px;

}



.pl-140 {

	padding-left: 140px;

}



/** cc-padding-right-reboot **/



.pr-10 {

	padding-right: 10px;

}



.pr-20 {

	padding-right: 20px;

}



.pr-30 {

	padding-right: 30px;

}



.pr-40 {

	padding-right: 40px;

}



.pr-50 {

	padding-right: 50px;

}



.pr-60 {

	padding-right: 60px;

}



.pr-70 {

	padding-right: 70px;

}



.pr-80 {

	padding-right: 80px;

}



.pr-90 {

	padding-right: 90px;

}



.pr-100 {

	padding-right: 100px;

}



.pr-120 {

	padding-right: 120px;

}



.pr-140 {

	padding-right: 140px;

}





/****** cc-commen-margin-reboot ******/



.margin-10 {

	margin: 10px;

}



.margin-20 {

	margin: 20px;

}



.margin-30 {

	margin: 30px;

}



.margin-40 {

	margin: 40px;

}



.margin-50 {

	margin: 50px;

}



/** cc-margin-top-bottom-reboot **/



.mtb-10 {

	margin: 10px 0;

}



.mtb-20 {

	margin: 20px 0;

}



.mtb-30 {

	margin: 30px 0;

}



.mtb-40 {

	margin: 40px 0;

}



.mtb-50 {

	margin: 50px 0;

}



.mtb-60 {

	margin: 60px 0;

}



.mtb-70 {

	margin: 70px 0;

}



.mtb-80 {

	margin: 80px 0;

}



.mtb-90 {

	margin: 90px 0;

}



.mtb-100 {

	margin: 100px 0;

}



.mtb-120 {

	margin: 120px 0;

}



.mtb-140 {

	margin: 140px 0;

}



/** cc-margin-left-right-reboot **/



.mlr-10 {

	margin: 0 10px;

}



.mlr-20 {

	margin: 0 20px;

}



.mlr-30 {

	margin: 0 30px;

}



.mlr-40 {

	margin: 0 40px;

}



.mlr-50 {

	margin: 0 50px;

}



/** cc-margin-top-reboot **/



.mt-10 {

	margin-top: 10px;

}



.mt-20 {

	margin-top: 20px;

}



.mt-30 {

	margin-top: 30px;

}



.mt-40 {

	margin-top: 40px;

}



.mt-50 {

	margin-top: 50px;

}



.mt-60 {

	margin-top: 60px;

}



.mt-70 {

	margin-top: 70px;

}



.mt-80 {

	margin-top: 80px;

}



.mt-90 {

	margin-top: 90px;

}



.mt-100 {

	margin-top: 100px;

}



.mt-120 {

	margin-top: 120px;

}



.mt-140 {

	margin-top: 140px;

}





/** cc-margin-bottom-reboot **/



.mb-10 {

	margin-bottom: 10px;

}



.mb-20 {

	margin-bottom: 20px;

}





.mb-30 {

	margin-bottom: 30px;

}





.mb-40 {

	margin-bottom: 40px;

}





.mb-50 {

	margin-bottom: 50px;

}





.mb-60 {

	margin-bottom: 60px;

}





.mb-70 {

	margin-bottom: 70px;

}





.mb-80 {

	margin-bottom: 80px;

}





.mb-90 {

	margin-bottom: 90px;

}





.mb-100 {

	margin-bottom: 100px;

}





.mb-120 {

	margin-bottom: 120px;

}





.mb-140 {

	margin-bottom: 140px;

}



/** cc-margin-left-reboot **/



.mbl10 {

	margin-left: 10px;

}



.ml-20 {

	margin-left: 20px;

}



.ml-30 {

	margin-left: 30px;

}





.ml-40 {

	margin-left: 40px;

}





.ml-50 {

	margin-left: 50px;

}





.ml-60 {

	margin-left: 60px;

}





.ml-70 {

	margin-left: 70px;

}





.ml-80 {

	margin-left: 80px;

}





.ml-90 {

	margin-left: 90px;

}





.ml-100 {

	margin-left: 100px;

}





.ml-120 {

	margin-left: 120px;

}





.ml-140 {

	margin-left: 140px;

}



/** cc-margin-right-reboot **/



.mr-10 {

	margin-right: 10px;

}



.mr-20 {

	margin-right: 20px;

}



.mr-30 {

	margin-right: 30px;

}





.mr-40 {

	margin-right: 40px;

}





.mr-50 {

	margin-right: 50px;

}





.mr-60 {

	margin-right: 60px;

}





.mr-70 {

	margin-right: 70px;

}





.mr-80 {

	margin-right: 80px;

}





.mr-90 {

	margin-right: 90px;

}





.mr-100 {

	margin-right: 100px;

}





.mr-120 {

	margin-right: 120px;

}





.ml-140 {

	margin-left: 140px;

}









































































/* ================================ responsive css ================================ */



/* .container {

	width: 100%;

	padding-right: 15px;

	padding-left: 15px;

	margin-right: auto;

	margin-left: auto;

}



.container-fluid {

	width: 95%;

	padding-right: 15px;

	padding-left: 15px;

	margin-right: auto;

	margin-left: auto;

}



@media (min-width: 320px) {}



@media (min-width: 576px) and (max-width: 767px) {



	.container-lg,

	.container-md,

	.container-sm,

	.container {

		max-width: 576px;

	}

}



@media (min-width: 768px) and (max-width: 991px) {



	.container-lg,

	.container-md,

	.container-sm,

	.container {

		max-width: 768px;

	}

}



@media (min-width: 992px) and (max-width: 1199px) {



	.container-lg,

	.container-md,

	.container-sm,

	.container {

		max-width: 992px;

	}

}



@media (min-width: 1200px) {



	.container-lg,

	.container-md,

	.container-sm,

	.container {

		max-width: 1200px;

	}

} */



/* ================================ end responsive css ================================ */