/*

This File Contain All Basic Styling Needed 
Author: Besskip
Version:1.0

*/

body, html {
  height: 100%;
}

body {
  margin: 0;
  padding: 0;
  font-size: 16px;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
  background: #fff;
  outline: 0;
  overflow-x: hidden;
}

video {
  height: 100%;
  width: 100%;
}

body img {
  border: none;
  max-width: 100%;
  height: auto;
}


/*---- Typography ---------
----------------------*/

h1{
	font-size:36px;
	font-weight:700;
}
h2{
	font-size:30px;
	font-weight:600;
}
h3{
	font-size:24px;
	font-weight:500;
}
h4{
	font-size:18px;
	font-weight:600;
}
h5{
	font-size:14px;
	font-weight:700;
}
h6{
	font-size:14px;
	font-weight:700;
}

/*------- Paragraphe ----------
------------------------*/

p{
	font-size: 14px;
    color: #8c8c8c;
    font-weight: normal;
    line-height: 24px;
	margin: 0 0 10px
}

/*------- Link & List ----------
------------------------*/

a{
	color:1818181;
	text-decoration:none;
}

a:hover,
a:focus{
	color:#999;
	text-decoration:none;
	outline: none;
}

ul{
	margin:0;
	padding:0;
	list-style: none;
}

/*------- Class Hellper ----------
------------------------*/

/*-- spacing --*/
.nomargin {
    margin: 0!important;
}

.nopadding {
    padding: 0!important;
}

.mt-0 {
    margin-top: 0!important;
}
.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;
}

.mb-0 {
    margin-bottom: 0!important;
}
.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 !important;
}
.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;
}

.pt-0 {
    padding-top: 0!important;
}
.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;
}

.pb-0 {
    padding-bottom: 0!important;
}
.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;
}

.wrap-section{
	padding:80px 0;
}

/*-- Bg Color --*/
.bg-light{
	background-color:#fafafa;
}
}
.bg-dark{
	background-color:#fff;
}
}
.bg-white{
	background-color:#fff;
}
.bg-gray{
	background-color:#fff;
}
}
/*-- text Color --*/
.text-light{
	color:#fafafa;
}
.text-dark{
	color:#000;
}
.text-white{
	color:#fff !important;
}
.text-gray{
	color:#fafafa;
}
/*------- ---*/
.center{
	text-align:center;
}