/*
//////////////////////////////////////////////////////
------------------------------------------------------
V.1.0 by Soluble Branding visit soysoluble.com
------------------------------------------------------
//////////////////////////////////////////////////////
*/

@charset "UTF-8";

/*RESET*/
body{
	background-color: rgb(255,255,255);
	font-family: sans-serif;
	font-size: 100%;
	font-weight: 400;
	margin: 0;
	overflow-x: hidden;
	padding: 0;
}

input[type=text], input[type=tel], input[type=email], input[type=number], input[type=password], input[type=date], button, textarea, select{
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    border: none;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-family: sans-serif;
    font-size: 1em;
    outline: none;
    resize: none;
}

input[type=submit], button, select, input[type=date]{
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    cursor: pointer;
    font-family: sans-serif;
    font-size: 1em;
    outline: none;
    resize: none;
}

h1, h2, h3, h4, h5, h6{font-weight: inherit; margin: 0;}

a, button{
	color: inherit;
	outline: 0;
	padding: 0;
	text-decoration: none;
	-webkit-transition: all ease-out .3s;
	-o-transition: all ease-out .3s;
	transition: all ease-out .3s;
}

.t-null{
	margin-bottom: 0;
	margin-top: 0;
}

/*
/////////////////////////////////////////////
/////////////////////////////////////////////
GRID STYLES
/////////////////////////////////////////////
/////////////////////////////////////////////
*/

*, ::after, ::before{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#main{
	position: relative;
	width: 100%;
}

.layout{
	display: block;
	position: relative;
	width: 100%;
}

.grid{
	display: block;
	clear: both;
	margin-right: auto;
	margin-left: auto;
	max-width: 1024px;
	position: relative;
	width: calc(100% - 40px);
	z-index: 1;
}

.container{
	display: block;
	clear: both;
	padding-right: 0;
	padding-left: 0;
}

.container::after{
    display: block;
    content: '';
    clear: both;
}

.row{
	-webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -5px;
    margin-left: -5px;
}

/*
/////////////////////////////////////////////
/////////////////////////////////////////////
VERTICAL ALIGN ITEMS
/////////////////////////////////////////////
/////////////////////////////////////////////
*/

.v-items-full{
    -webkit-box-align: stretch !important;
    -webkit-align-items: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
}

.v-items-top{
    -webkit-box-align: start !important;
    -webkit-align-items: flex-start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important;
}

.v-items-center{
    -webkit-box-align: center !important;
    -webkit-align-items: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
}

.v-items-bottom{
    -webkit-box-align: end !important;
    -webkit-align-items: flex-end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important;
}

/*
/////////////////////////////////////////////
/////////////////////////////////////////////
HORIZONTAL ALIGN ITEMS
/////////////////////////////////////////////
/////////////////////////////////////////////
*/

.h-items-start{
    -webkit-box-pack: start !important;
    -webkit-justify-content: flex-start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
}

.h-items-center{
    -webkit-box-pack: center !important;
    -webkit-justify-content: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
}

.h-items-end{
    -webkit-box-pack: end !important;
    -webkit-justify-content: flex-end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
}

.h-items-around{
    -webkit-justify-content: space-around !important;
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
}

.h-items-between{
    -webkit-box-pack: justify !important;
    -webkit-justify-content: space-between !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
}

/*
/////////////////////////////////////////////
/////////////////////////////////////////////
COLUMNS STYLES
/////////////////////////////////////////////
/////////////////////////////////////////////
*/

[class^="col-"], .col{
	min-height: 1px;
	padding-left: 5px;
	padding-right: 5px;
	position: relative;
	width: 100%;
}

.row > [class^="col-"] > .container, .row > .col > .container{
	padding-left: 5px;
	padding-right: 5px;
}

[class^="col-"] .row, .col .row{
	margin-left: -5px;
	margin-right: -5px;
}

.col{
    -webkit-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
}

.col-1{
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 calc((100%/12)*1);
	-ms-flex: 0 0 calc((100%/12)*1);
	flex: 0 0 calc((100%/12)*1);
	max-width: calc((100%/12)*1);
}

.col-2{
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 calc((100%/12)*2);
	-ms-flex: 0 0 calc((100%/12)*2);
	flex: 0 0 calc((100%/12)*2);
	max-width: calc((100%/12)*2);
}

.col-3{
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 calc((100%/12)*3);
	-ms-flex: 0 0 calc((100%/12)*3);
	flex: 0 0 calc((100%/12)*3);
	max-width: calc((100%/12)*3);
}

.col-4{
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 calc((100%/12)*4);
	-ms-flex: 0 0 calc((100%/12)*4);
	flex: 0 0 calc((100%/12)*4);
	max-width: calc((100%/12)*4);
}

.col-5{
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 calc((100%/12)*5);
	-ms-flex: 0 0 calc((100%/12)*5);
	flex: 0 0 calc((100%/12)*5);
	max-width: calc((100%/12)*5);
}

.col-6{
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 calc((100%/12)*6);
	-ms-flex: 0 0 calc((100%/12)*6);
	flex: 0 0 calc((100%/12)*6);
	max-width: calc((100%/12)*6);
}

.col-7{
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 calc((100%/12)*7);
	-ms-flex: 0 0 calc((100%/12)*7);
	flex: 0 0 calc((100%/12)*7);
	max-width: calc((100%/12)*7);
}

.col-8{
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 calc((100%/12)*8);
	-ms-flex: 0 0 calc((100%/12)*8);
	flex: 0 0 calc((100%/12)*8);
	max-width: calc((100%/12)*8);
}

.col-9{
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 calc((100%/12)*9);
	-ms-flex: 0 0 calc((100%/12)*9);
	flex: 0 0 calc((100%/12)*9);
	max-width: calc((100%/12)*9);
}

.col-10{
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 calc((100%/12)*10);
	-ms-flex: 0 0 calc((100%/12)*10);
	flex: 0 0 calc((100%/12)*10);
	max-width: calc((100%/12)*10);
}

.col-11{
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 calc((100%/12)*11);
	-ms-flex: 0 0 calc((100%/12)*11);
	flex: 0 0 calc((100%/12)*11);
	max-width: calc((100%/12)*11);
}

.col-12{
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 calc((100%/12)*12);
	-ms-flex: 0 0 calc((100%/12)*12);
	flex: 0 0 calc((100%/12)*12);
	max-width: calc((100%/12)*12);
}

/*
/////////////////////////////////////////////
/////////////////////////////////////////////
ITEM ALIGN ON CONTAINER
/////////////////////////////////////////////
/////////////////////////////////////////////
*/

.v-item-start{
    -webkit-align-self: flex-start !important;
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
}

.v-item-center{
    -webkit-align-self: center !important;
    -ms-flex-item-align: center !important;
    -ms-grid-row-align: center !important;
    align-self: center !important;
}

.v-item-end{
    -webkit-align-self: flex-end !important;
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
}

/*
/////////////////////////////////////////////
/////////////////////////////////////////////
HELPERS
/////////////////////////////////////////////
/////////////////////////////////////////////
*/

.hidden{
	overflow: hidden;
}

.col-auto{
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
}

.break-line{
    width: 100% !important;
}

.m-null{
    margin-right: 0;
    margin-left: 0;
}

.m-null > .col, .m-null > [class*="col-"]{
    padding-right: 0;
    padding-left: 0;
}

/*
/////////////////////////////////////////////
/////////////////////////////////////////////
MARGIN STYLES
/////////////////////////////////////////////
/////////////////////////////////////////////
*/

.m-1{margin-left: calc((100%/12)*1);}

.m-2{margin-left: calc((100%/12)*2);}

.m-3{margin-left: calc((100%/12)*3);}

.m-4{margin-left: calc((100%/12)*4);}

.m-5{margin-left: calc((100%/12)*5);}

.m-6{margin-left: calc((100%/12)*6);}

.m-7{margin-left: calc((100%/12)*7);}

.m-8{margin-left: calc((100%/12)*8);}

.m-9{margin-left: calc((100%/12)*9);}

.m-10{margin-left: calc((100%/12)*10);}

.m-11{margin-left: calc((100%/12)*11);}

.m-12{margin-left: calc((100%/12)*12);}

/*
/////////////////////////////////////////////
/////////////////////////////////////////////
RESPONSIVE STYLES
/////////////////////////////////////////////
/////////////////////////////////////////////
*/
/*Phone*/
@media screen and (max-width: 767px){

	.container{
		padding-right: 10px;
		padding-left: 10px;
	}

	.row{
	    margin-right: -10px;
	    margin-left: -10px;
	}

	#content [class^="col-"], #content .col{
		padding-left: 10px;
		padding-right: 10px;
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 calc((100%/12)*12);
		-ms-flex: 0 0 calc((100%/12)*12);
		flex: 0 0 calc((100%/12)*12);
		max-width: calc((100%/12)*12);
	}

	#content [class^="col-"], #content .col{
		margin-left: 0;
		margin-right: 0;
	}

	.h-items-start-phone{
	    -webkit-box-pack: start !important;
	    -webkit-justify-content: flex-start !important;
	    -ms-flex-pack: start !important;
	    justify-content: flex-start !important;
	}

	.h-items-center-phone{
	    -webkit-box-pack: center !important;
	    -webkit-justify-content: center !important;
	    -ms-flex-pack: center !important;
	    justify-content: center !important;
	}

	.h-items-end-phone{
	    -webkit-box-pack: end !important;
	    -webkit-justify-content: flex-end !important;
	    -ms-flex-pack: end !important;
	    justify-content: flex-end !important;
	}

	.h-items-around-phone{
	    -webkit-justify-content: space-around !important;
	    -ms-flex-pack: distribute !important;
	    justify-content: space-around !important;
	}

	.h-items-between-phone{
	    -webkit-box-pack: justify !important;
	    -webkit-justify-content: space-between !important;
	    -ms-flex-pack: justify !important;
	    justify-content: space-between !important;
	}

	.v-items-full-phone{
	    -webkit-box-align: stretch !important;
	    -webkit-align-items: stretch !important;
	    -ms-flex-align: stretch !important;
	    align-items: stretch !important;
	}

	.v-items-top-phone{
	    -webkit-box-align: start !important;
	    -webkit-align-items: flex-start !important;
	    -ms-flex-align: start !important;
	    align-items: flex-start !important;
	}

	.v-items-center-phone{
	    -webkit-box-align: center !important;
	    -webkit-align-items: center !important;
	    -ms-flex-align: center !important;
	    align-items: center !important;
	}

	.v-items-bottom-phone{
	    -webkit-box-align: end !important;
	    -webkit-align-items: flex-end !important;
	    -ms-flex-align: end !important;
	    align-items: flex-end !important;
	}

	.phone-c-1{
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 calc((100%/12)*1) !important;
		-ms-flex: 0 0 calc((100%/12)*1) !important;
		flex: 0 0 calc((100%/12)*1) !important;
		max-width: calc((100%/12)*1) !important;
	}

	.phone-c-2{
		-webkit-box-flex: 0 !important;
		-webkit-flex: 0 0 calc((100%/12)*2) !important;
		-ms-flex: 0 0 calc((100%/12)*2) !important;
		flex: 0 0 calc((100%/12)*2) !important;
		max-width: calc((100%/12)*2) !important;
	}

	.phone-c-3{
		-webkit-box-flex: 0 !important;
		-webkit-flex: 0 0 calc((100%/12)*3) !important;
		-ms-flex: 0 0 calc((100%/12)*3) !important;
		flex: 0 0 calc((100%/12)*3) !important;
		max-width: calc((100%/12)*3) !important;
	}

	.phone-c-4{
		-webkit-box-flex: 0 !important;
		-webkit-flex: 0 0 calc((100%/12)*4) !important;
		-ms-flex: 0 0 calc((100%/12)*4) !important;
		flex: 0 0 calc((100%/12)*4) !important;
		max-width: calc((100%/12)*4) !important;
	}

	.phone-c-5{
		-webkit-box-flex: 0 !important;
		-webkit-flex: 0 0 calc((100%/12)*5) !important;
		-ms-flex: 0 0 calc((100%/12)*5) !important;
		flex: 0 0 calc((100%/12)*5) !important;
		max-width: calc((100%/12)*5) !important;
	}

	.phone-c-6{
		-webkit-box-flex: 0 !important;
		-webkit-flex: 0 0 calc((100%/12)*6) !important;
		-ms-flex: 0 0 calc((100%/12)*6) !important;
		flex: 0 0 calc((100%/12)*6) !important;
		max-width: calc((100%/12)*6) !important;
	}

	.phone-c-7{
		-webkit-box-flex: 0 !important;
		-webkit-flex: 0 0 calc((100%/12)*7) !important;
		-ms-flex: 0 0 calc((100%/12)*7) !important;
		flex: 0 0 calc((100%/12)*7) !important;
		max-width: calc((100%/12)*7) !important;
	}

	.phone-c-8{
		-webkit-box-flex: 0 !important;
		-webkit-flex: 0 0 calc((100%/12)*8) !important;
		-ms-flex: 0 0 calc((100%/12)*8) !important;
		flex: 0 0 calc((100%/12)*8) !important;
		max-width: calc((100%/12)*8) !important;
	}

	.phone-c-9{
		-webkit-box-flex: 0 !important;
		-webkit-flex: 0 0 calc((100%/12)*9) !important;
		-ms-flex: 0 0 calc((100%/12)*9) !important;
		flex: 0 0 calc((100%/12)*9) !important;
		max-width: calc((100%/12)*9) !important;
	}

	.phone-c-10{
		-webkit-box-flex: 0 !important;
		-webkit-flex: 0 0 calc((100%/12)*10) !important;
		-ms-flex: 0 0 calc((100%/12)*10) !important;
		flex: 0 0 calc((100%/12)*10) !important;
		max-width: calc((100%/12)*10) !important;
	}

	.phone-c-11{
		-webkit-box-flex: 0 !important;
		-webkit-flex: 0 0 calc((100%/12)*11) !important;
		-ms-flex: 0 0 calc((100%/12)*11) !important;
		flex: 0 0 calc((100%/12)*11) !important;
		max-width: calc((100%/12)*11) !important;
	}

	.phone-c-12{
		-webkit-box-flex: 0 !important;
		-webkit-flex: 0 0 calc((100%/12)*12) !important;
		-ms-flex: 0 0 calc((100%/12)*12) !important;
		flex: 0 0 calc((100%/12)*12) !important;
		max-width: calc((100%/12)*12) !important;
	}

	.no-phone{display: none !important !important;}

	.m-phone-0{margin-left: 0 !important;}

	.m-phone-1{margin-left: calc((100%/12)*1) !important;}

	.m-phone-2{margin-left: calc((100%/12)*2) !important;}

	.m-phone-3{margin-left: calc((100%/12)*3) !important;}

	.m-phone-4{margin-left: calc((100%/12)*4) !important;}

	.m-phone-5{margin-left: calc((100%/12)*5) !important;}

	.m-phone-6{margin-left: calc((100%/12)*6) !important;}

	.m-phone-7{margin-left: calc((100%/12)*7) !important;}

	.m-phone-8{margin-left: calc((100%/12)*8) !important;}

	.m-phone-9{margin-left: calc((100%/12)*9) !important;}

	.m-phone-10{margin-left: calc((100%/12)*10) !important;}

	.m-phone-11{margin-left: calc((100%/12)*11) !important;}

	.m-phone-12{margin-left: calc((100%/12)*12) !important;}

}

/*Phone Landscape*/
@media screen and (max-width: 767px) and (orientation: landscape){

	.h-items-start-phone-landscape{
	    -webkit-box-pack: start !important;
	    -webkit-justify-content: flex-start !important;
	    -ms-flex-pack: start !important;
	    justify-content: flex-start !important;
	}

	.h-items-center-phone-landscape{
	    -webkit-box-pack: center !important;
	    -webkit-justify-content: center !important;
	    -ms-flex-pack: center !important;
	    justify-content: center !important;
	}

	.h-items-end-phone-landscape{
	    -webkit-box-pack: end !important;
	    -webkit-justify-content: flex-end !important;
	    -ms-flex-pack: end !important;
	    justify-content: flex-end !important;
	}

	.h-items-around-phone-landscape{
	    -webkit-justify-content: space-around !important;
	    -ms-flex-pack: distribute !important;
	    justify-content: space-around !important;
	}

	.h-items-between-phone-landscape{
	    -webkit-box-pack: justify !important;
	    -webkit-justify-content: space-between !important;
	    -ms-flex-pack: justify !important;
	    justify-content: space-between !important;
	}

	.v-items-full-phone-landscape{
	    -webkit-box-align: stretch !important;
	    -webkit-align-items: stretch !important;
	    -ms-flex-align: stretch !important;
	    align-items: stretch !important;
	}

	.v-items-top-phone-landscape{
	    -webkit-box-align: start !important;
	    -webkit-align-items: flex-start !important;
	    -ms-flex-align: start !important;
	    align-items: flex-start !important;
	}

	.v-items-center-phone-landscape{
	    -webkit-box-align: center !important;
	    -webkit-align-items: center !important;
	    -ms-flex-align: center !important;
	    align-items: center !important;
	}

	.v-items-bottom-phone-landscape{
	    -webkit-box-align: end !important;
	    -webkit-align-items: flex-end !important;
	    -ms-flex-align: end !important;
	    align-items: flex-end !important;
	}

	.phone-landscape-c-1{
		-webkit-box-flex: 0 !important;
		-webkit-flex: 0 0 calc((100%/12)*1) !important;
		-ms-flex: 0 0 calc((100%/12)*1) !important;
		flex: 0 0 calc((100%/12)*1) !important;
		max-width: calc((100%/12)*1) !important;
	}

	.phone-landscape-c-2{
		-webkit-box-flex: 0 !important;
		-webkit-flex: 0 0 calc((100%/12)*2) !important;
		-ms-flex: 0 0 calc((100%/12)*2) !important;
		flex: 0 0 calc((100%/12)*2) !important;
		max-width: calc((100%/12)*2) !important;
	}

	.phone-landscape-c-3{
		-webkit-box-flex: 0 !important;
		-webkit-flex: 0 0 calc((100%/12)*3) !important;
		-ms-flex: 0 0 calc((100%/12)*3) !important;
		flex: 0 0 calc((100%/12)*3) !important;
		max-width: calc((100%/12)*3) !important;
	}

	.phone-landscape-c-4{
		-webkit-box-flex: 0 !important;
		-webkit-flex: 0 0 calc((100%/12)*4) !important;
		-ms-flex: 0 0 calc((100%/12)*4) !important;
		flex: 0 0 calc((100%/12)*4) !important;
		max-width: calc((100%/12)*4) !important;
	}

	.phone-landscape-c-5{
		-webkit-box-flex: 0 !important;
		-webkit-flex: 0 0 calc((100%/12)*5) !important;
		-ms-flex: 0 0 calc((100%/12)*5) !important;
		flex: 0 0 calc((100%/12)*5) !important;
		max-width: calc((100%/12)*5) !important;
	}

	.phone-landscape-c-6{
		-webkit-box-flex: 0 !important;
		-webkit-flex: 0 0 calc((100%/12)*6) !important;
		-ms-flex: 0 0 calc((100%/12)*6) !important;
		flex: 0 0 calc((100%/12)*6) !important;
		max-width: calc((100%/12)*6) !important;
	}

	.phone-landscape-c-7{
		-webkit-box-flex: 0 !important;
		-webkit-flex: 0 0 calc((100%/12)*7) !important;
		-ms-flex: 0 0 calc((100%/12)*7) !important;
		flex: 0 0 calc((100%/12)*7) !important;
		max-width: calc((100%/12)*7) !important;
	}

	.phone-landscape-c-8{
		-webkit-box-flex: 0 !important;
		-webkit-flex: 0 0 calc((100%/12)*8) !important;
		-ms-flex: 0 0 calc((100%/12)*8) !important;
		flex: 0 0 calc((100%/12)*8) !important;
		max-width: calc((100%/12)*8) !important;
	}

	.phone-landscape-c-9{
		-webkit-box-flex: 0 !important;
		-webkit-flex: 0 0 calc((100%/12)*9) !important;
		-ms-flex: 0 0 calc((100%/12)*9) !important;
		flex: 0 0 calc((100%/12)*9) !important;
		max-width: calc((100%/12)*9) !important;
	}

	.phone-landscape-c-10{
		-webkit-box-flex: 0 !important;
		-webkit-flex: 0 0 calc((100%/12)*10) !important;
		-ms-flex: 0 0 calc((100%/12)*10) !important;
		flex: 0 0 calc((100%/12)*10) !important;
		max-width: calc((100%/12)*10) !important;
	}

	.phone-landscape-c-11{
		-webkit-box-flex: 0 !important;
		-webkit-flex: 0 0 calc((100%/12)*11) !important;
		-ms-flex: 0 0 calc((100%/12)*11) !important;
		flex: 0 0 calc((100%/12)*11) !important;
		max-width: calc((100%/12)*11) !important;
	}

	.phone-landscape-c-12{
		-webkit-box-flex: 0 !important;
		-webkit-flex: 0 0 calc((100%/12)*12) !important;
		-ms-flex: 0 0 calc((100%/12)*12) !important;
		flex: 0 0 calc((100%/12)*12) !important;
		max-width: calc((100%/12)*12) !important;
	}

	.no-phone-landscape{display: none !important !important;}

	.m-phone-landscape-0{margin-left: 0 !important;}

	.m-phone-landscape-1{margin-left: calc((100%/12)*1) !important;}

	.m-phone-landscape-2{margin-left: calc((100%/12)*2) !important;}

	.m-phone-landscape-3{margin-left: calc((100%/12)*3) !important;}

	.m-phone-landscape-4{margin-left: calc((100%/12)*4) !important;}

	.m-phone-landscape-5{margin-left: calc((100%/12)*5) !important;}

	.m-phone-landscape-6{margin-left: calc((100%/12)*6) !important;}

	.m-phone-landscape-7{margin-left: calc((100%/12)*7) !important;}

	.m-phone-landscape-8{margin-left: calc((100%/12)*8) !important;}

	.m-phone-landscape-9{margin-left: calc((100%/12)*9) !important;}

	.m-phone-landscape-10{margin-left: calc((100%/12)*10) !important;}

	.m-phone-landscape-11{margin-left: calc((100%/12)*11) !important;}

	.m-phone-landscape-12{margin-left: calc((100%/12)*12) !important;}

}

/*Tablet*/
@media screen and (min-width: 768px) and (max-width: 1024px){

	.h-items-start-tablet{
	    -webkit-box-pack: start !important;
	    -webkit-justify-content: flex-start !important;
	    -ms-flex-pack: start !important;
	    justify-content: flex-start !important;
	}

	.h-items-center-tablet{
	    -webkit-box-pack: center !important;
	    -webkit-justify-content: center !important;
	    -ms-flex-pack: center !important;
	    justify-content: center !important;
	}

	.h-items-end-tablet{
	    -webkit-box-pack: end !important;
	    -webkit-justify-content: flex-end !important;
	    -ms-flex-pack: end !important;
	    justify-content: flex-end !important;
	}

	.h-items-around-tablet{
	    -webkit-justify-content: space-around !important;
	    -ms-flex-pack: distribute !important;
	    justify-content: space-around !important;
	}

	.h-items-between-tablet{
	    -webkit-box-pack: justify !important;
	    -webkit-justify-content: space-between !important;
	    -ms-flex-pack: justify !important;
	    justify-content: space-between !important;
	}

	.v-items-full-tablet{
	    -webkit-box-align: stretch !important;
	    -webkit-align-items: stretch !important;
	    -ms-flex-align: stretch !important;
	    align-items: stretch !important;
	}

	.v-items-top-tablet{
	    -webkit-box-align: start !important;
	    -webkit-align-items: flex-start !important;
	    -ms-flex-align: start !important;
	    align-items: flex-start !important;
	}

	.v-items-center-tablet{
	    -webkit-box-align: center !important;
	    -webkit-align-items: center !important;
	    -ms-flex-align: center !important;
	    align-items: center !important;
	}

	.v-items-bottom-tablet{
	    -webkit-box-align: end !important;
	    -webkit-align-items: flex-end !important;
	    -ms-flex-align: end !important;
	    align-items: flex-end !important;
	}

	.tablet-c-1{
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 calc((100%/12)*1);
		-ms-flex: 0 0 calc((100%/12)*1);
		flex: 0 0 calc((100%/12)*1);
		max-width: calc((100%/12)*1);
	}

	.tablet-c-2{
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 calc((100%/12)*2);
		-ms-flex: 0 0 calc((100%/12)*2);
		flex: 0 0 calc((100%/12)*2);
		max-width: calc((100%/12)*2);
	}

	.tablet-c-3{
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 calc((100%/12)*3);
		-ms-flex: 0 0 calc((100%/12)*3);
		flex: 0 0 calc((100%/12)*3);
		max-width: calc((100%/12)*3);
	}

	.tablet-c-4{
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 calc((100%/12)*4);
		-ms-flex: 0 0 calc((100%/12)*4);
		flex: 0 0 calc((100%/12)*4);
		max-width: calc((100%/12)*4);
	}

	.tablet-c-5{
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 calc((100%/12)*5);
		-ms-flex: 0 0 calc((100%/12)*5);
		flex: 0 0 calc((100%/12)*5);
		max-width: calc((100%/12)*5);
	}

	.tablet-c-6{
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 calc((100%/12)*6);
		-ms-flex: 0 0 calc((100%/12)*6);
		flex: 0 0 calc((100%/12)*6);
		max-width: calc((100%/12)*6);
	}

	.tablet-c-7{
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 calc((100%/12)*7);
		-ms-flex: 0 0 calc((100%/12)*7);
		flex: 0 0 calc((100%/12)*7);
		max-width: calc((100%/12)*7);
	}

	.tablet-c-8{
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 calc((100%/12)*8);
		-ms-flex: 0 0 calc((100%/12)*8);
		flex: 0 0 calc((100%/12)*8);
		max-width: calc((100%/12)*8);
	}

	.tablet-c-9{
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 calc((100%/12)*9);
		-ms-flex: 0 0 calc((100%/12)*9);
		flex: 0 0 calc((100%/12)*9);
		max-width: calc((100%/12)*9);
	}

	.tablet-c-10{
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 calc((100%/12)*10);
		-ms-flex: 0 0 calc((100%/12)*10);
		flex: 0 0 calc((100%/12)*10);
		max-width: calc((100%/12)*10);
	}

	.tablet-c-11{
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 calc((100%/12)*11);
		-ms-flex: 0 0 calc((100%/12)*11);
		flex: 0 0 calc((100%/12)*11);
		max-width: calc((100%/12)*11);
	}

	.tablet-c-12{
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 calc((100%/12)*12);
		-ms-flex: 0 0 calc((100%/12)*12);
		flex: 0 0 calc((100%/12)*12);
		max-width: calc((100%/12)*12);
	}

	.no-tablet{display: none !important;}

	.m-tablet-0{margin-left: 0;}

	.m-tablet-1{margin-left: calc((100%/12)*1);}

	.m-tablet-2{margin-left: calc((100%/12)*2);}

	.m-tablet-3{margin-left: calc((100%/12)*3);}

	.m-tablet-4{margin-left: calc((100%/12)*4);}

	.m-tablet-5{margin-left: calc((100%/12)*5);}

	.m-tablet-6{margin-left: calc((100%/12)*6);}

	.m-tablet-7{margin-left: calc((100%/12)*7);}

	.m-tablet-8{margin-left: calc((100%/12)*8);}

	.m-tablet-9{margin-left: calc((100%/12)*9);}

	.m-tablet-10{margin-left: calc((100%/12)*10);}

	.m-tablet-11{margin-left: calc((100%/12)*11);}

	.m-tablet-12{margin-left: calc((100%/12)*12);}

}

/*Tablet Portrait*/
@media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait){

	.h-items-start-tablet-portrait{
	    -webkit-box-pack: start !important;
	    -webkit-justify-content: flex-start !important;
	    -ms-flex-pack: start !important;
	    justify-content: flex-start !important;
	}

	.h-items-center-tablet-portrait{
	    -webkit-box-pack: center !important;
	    -webkit-justify-content: center !important;
	    -ms-flex-pack: center !important;
	    justify-content: center !important;
	}

	.h-items-end-tablet-portrait{
	    -webkit-box-pack: end !important;
	    -webkit-justify-content: flex-end !important;
	    -ms-flex-pack: end !important;
	    justify-content: flex-end !important;
	}

	.h-items-around-tablet-portrait{
	    -webkit-justify-content: space-around !important;
	    -ms-flex-pack: distribute !important;
	    justify-content: space-around !important;
	}

	.h-items-between-tablet-portrait{
	    -webkit-box-pack: justify !important;
	    -webkit-justify-content: space-between !important;
	    -ms-flex-pack: justify !important;
	    justify-content: space-between !important;
	}

	.v-items-full-tablet-portrait{
	    -webkit-box-align: stretch !important;
	    -webkit-align-items: stretch !important;
	    -ms-flex-align: stretch !important;
	    align-items: stretch !important;
	}

	.v-items-top-tablet-portrait{
	    -webkit-box-align: start !important;
	    -webkit-align-items: flex-start !important;
	    -ms-flex-align: start !important;
	    align-items: flex-start !important;
	}

	.v-items-center-tablet-portrait{
	    -webkit-box-align: center !important;
	    -webkit-align-items: center !important;
	    -ms-flex-align: center !important;
	    align-items: center !important;
	}

	.v-items-bottom-tablet-portrait{
	    -webkit-box-align: end !important;
	    -webkit-align-items: flex-end !important;
	    -ms-flex-align: end !important;
	    align-items: flex-end !important;
	}

	.tablet-portrait-c-1{
		-webkit-box-flex: 0 !important;
		-webkit-flex: 0 0 calc((100%/12)*1) !important;
		-ms-flex: 0 0 calc((100%/12)*1) !important;
		flex: 0 0 calc((100%/12)*1) !important;
		max-width: calc((100%/12)*1) !important;
	}

	.tablet-portrait-c-2{
		-webkit-box-flex: 0 !important;
		-webkit-flex: 0 0 calc((100%/12)*2) !important;
		-ms-flex: 0 0 calc((100%/12)*2) !important;
		flex: 0 0 calc((100%/12)*2) !important;
		max-width: calc((100%/12)*2) !important;
	}

	.tablet-portrait-c-3{
		-webkit-box-flex: 0 !important;
		-webkit-flex: 0 0 calc((100%/12)*3) !important;
		-ms-flex: 0 0 calc((100%/12)*3) !important;
		flex: 0 0 calc((100%/12)*3) !important;
		max-width: calc((100%/12)*3) !important;
	}

	.tablet-portrait-c-4{
		-webkit-box-flex: 0 !important;
		-webkit-flex: 0 0 calc((100%/12)*4) !important;
		-ms-flex: 0 0 calc((100%/12)*4) !important;
		flex: 0 0 calc((100%/12)*4) !important;
		max-width: calc((100%/12)*4) !important;
	}

	.tablet-portrait-c-5{
		-webkit-box-flex: 0 !important;
		-webkit-flex: 0 0 calc((100%/12)*5) !important;
		-ms-flex: 0 0 calc((100%/12)*5) !important;
		flex: 0 0 calc((100%/12)*5) !important;
		max-width: calc((100%/12)*5) !important;
	}

	.tablet-portrait-c-6{
		-webkit-box-flex: 0 !important;
		-webkit-flex: 0 0 calc((100%/12)*6) !important;
		-ms-flex: 0 0 calc((100%/12)*6) !important;
		flex: 0 0 calc((100%/12)*6) !important;
		max-width: calc((100%/12)*6) !important;
	}

	.tablet-portrait-c-7{
		-webkit-box-flex: 0 !important;
		-webkit-flex: 0 0 calc((100%/12)*7) !important;
		-ms-flex: 0 0 calc((100%/12)*7) !important;
		flex: 0 0 calc((100%/12)*7) !important;
		max-width: calc((100%/12)*7) !important;
	}

	.tablet-portrait-c-8{
		-webkit-box-flex: 0 !important;
		-webkit-flex: 0 0 calc((100%/12)*8) !important;
		-ms-flex: 0 0 calc((100%/12)*8) !important;
		flex: 0 0 calc((100%/12)*8) !important;
		max-width: calc((100%/12)*8) !important;
	}

	.tablet-portrait-c-9{
		-webkit-box-flex: 0 !important;
		-webkit-flex: 0 0 calc((100%/12)*9) !important;
		-ms-flex: 0 0 calc((100%/12)*9) !important;
		flex: 0 0 calc((100%/12)*9) !important;
		max-width: calc((100%/12)*9) !important;
	}

	.tablet-portrait-c-10{
		-webkit-box-flex: 0 !important;
		-webkit-flex: 0 0 calc((100%/12)*10) !important;
		-ms-flex: 0 0 calc((100%/12)*10) !important;
		flex: 0 0 calc((100%/12)*10) !important;
		max-width: calc((100%/12)*10) !important;
	}

	.tablet-portrait-c-11{
		-webkit-box-flex: 0 !important;
		-webkit-flex: 0 0 calc((100%/12)*11) !important;
		-ms-flex: 0 0 calc((100%/12)*11) !important;
		flex: 0 0 calc((100%/12)*11) !important;
		max-width: calc((100%/12)*11) !important;
	}

	.tablet-portrait-c-12{
		-webkit-box-flex: 0 !important;
		-webkit-flex: 0 0 calc((100%/12)*12) !important;
		-ms-flex: 0 0 calc((100%/12)*12) !important;
		flex: 0 0 calc((100%/12)*12) !important;
		max-width: calc((100%/12)*12) !important;
	}

	.no-tablet-portrait{display: none !important !important;}

	.m-tablet-portrait-0{margin-left: 0 !important;}

	.m-tablet-portrait-1{margin-left: calc((100%/12)*1) !important;}

	.m-tablet-portrait-2{margin-left: calc((100%/12)*2) !important;}

	.m-tablet-portrait-3{margin-left: calc((100%/12)*3) !important;}

	.m-tablet-portrait-4{margin-left: calc((100%/12)*4) !important;}

	.m-tablet-portrait-5{margin-left: calc((100%/12)*5) !important;}

	.m-tablet-portrait-6{margin-left: calc((100%/12)*6) !important;}

	.m-tablet-portrait-7{margin-left: calc((100%/12)*7) !important;}

	.m-tablet-portrait-8{margin-left: calc((100%/12)*8) !important;}

	.m-tablet-portrait-9{margin-left: calc((100%/12)*9) !important;}

	.m-tablet-portrait-10{margin-left: calc((100%/12)*10) !important;}

	.m-tablet-portrait-11{margin-left: calc((100%/12)*11) !important;}

	.m-tablet-portrait-12{margin-left: calc((100%/12)*12) !important;}

}