/* ------------------------------------
 * 
 * Filename: helper.css
 * Description: assistant css classes
 * Copyright: 2009-2017 Vigoran
 * Author: Dardana
 *
------------------------------------ */

.display-flex {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.display-inline {
    display: inline;
}

.display-none {
	display: none;
}

.flex-middle {
	-webkit-box-align: 	center;
	-ms-flex-align: 	center;
	align-items: 		center;
}

.flex-column {
	-webkit-box-orient: 	vertical;
	-webkit-box-direction: 	normal;
	-ms-flex-direction: 	column;
	flex-direction: 		column;
}

.flex-center {
	-webkit-box-pack: 	center;
	-ms-flex-pack: 		center;
	justify-content: 	center;
}


.font-bigger { font-size: 1.2rem; }
.font-biggest { font-size: 2.6rem; line-height: 2rem; }
.font-superbig { font-size: 4rem; }
.font-smaller { font-size: .9rem; }
.font-smallest { font-size: .7rem; }

.font-weight-medium { font-weight: 500; }

.text-bigger { font-size: 1.2rem; line-height: 1.4rem; }
.text-smaller { font-size: .9rem; line-height: 1.3rem; }


.align-left { text-align: left; }
.align-right { text-align: right; }
.align-center { text-align: center; }
.align-center img { margin-left: auto; margin-right: auto; }

.full-height { height: 100%; }
.full-width { width: 100%; }

.uppercase { text-transform: uppercase; }
.capitalize { text-transform: capitalize; }
.italic { font-style: italic; }
.underline { text-decoration: underline; }

.float-left { float: left; }
.float-right { float: right; }

.box-shadow {
	-moz-box-shadow: 0 3px 4px -3px #999;
	-webkit-box-shadow: 0 3px 4px -3px #999;
	box-shadow: 0 3px 4px -3px #999;
}

.bg-gradient {
	background: #a8ff78;
	background: -moz-linear-gradient(180deg, #a8ff78 10%,#11ad8e 100%);
	background: -webkit-linear-gradient(180deg, #a8ff78 10%,#11ad8e 100%);
	background: linear-gradient(180deg, #a8ff78 10%,#11ad8e 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a8ff78', endColorstr='#11ad8e',GradientType=1 );
}

.bordered  { 
	border: 1px solid #ccc; 
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 20px; 
}

.overflow-y {
	overflow-y: auto;
}

.position-relative {
	position: relative;
}

.inline-block {
	display: inline-block;
}

.rounded-1  { border-radius: 1rem; }
.rounded-2  { border-radius: 2rem; }
.rounded-50-percent  { -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; }

.p-0  { overflow: hidden; padding: 0 !important; }
.p-05  { overflow: hidden; padding: .5rem; }
.p-1  { overflow: hidden; padding: 1rem;  }
.p-2  { overflow: hidden; padding: 2rem;  }

.p-vertical-0  { padding-bottom: 0; padding-top: 0; }
.p-vertical-05  { padding-bottom: .5rem; padding-top: .5rem; }
.p-vertical-1  { padding-bottom: 1rem; padding-top: 1rem; }
.p-vertical-2  { padding-bottom: 2rem; padding-top: 2rem; }
.p-vertical-3  { padding-bottom: 3rem; padding-top: 3rem; }

.p-top-0  { padding-top: 0 !important; }
.p-top-03  { padding-top: .3rem; }
.p-top-05  { padding-top: .5rem;  }
.p-top-1  { padding-top: 1rem;  }
.p-top-2  { padding-top: 2rem;  }
.p-top-3  { padding-top: 3rem;  }

.p-bottom-0 {  padding-bottom: 0; }
.p-bottom-04 {  padding-bottom: .4rem; }
.p-bottom-05 {  padding-bottom: .5rem; }
.p-bottom-1 {  padding-bottom: 1rem; }
.p-bottom-2 {  padding-bottom: 2rem; }

.p-left-02 { padding-left: .2rem;  }
.p-left-1 { padding-left: 1rem;  }
.p-left-2 { padding-left: 2rem;  }

.p-right-05 { padding-right: .5rem;  }
.p-right-0 { padding-right: 0;  }
.p-right-1 { padding-right: 1rem;  }
.p-right-3 { padding-right: 3rem;  }

.p-bottom-0  { overflow: hidden; padding-bottom: 0; }
.p-bottom-05  { overflow: hidden; padding-bottom: .5rem;  }

.p-horizontal-0  { overflow: hidden; padding-left: 0; padding-right: 0; }
.p-horizontal-05  { overflow: hidden; padding-left: .5rem; padding-right: .5rem; }
.p-horizontal-1  { overflow: hidden; padding-left: 1rem; padding-right: 1rem; }
.p-horizontal-2  { overflow: hidden; padding-left: 2rem; padding-right: 2rem; }

.m-vertical-0  { overflow: hidden; margin-bottom: 0; margin-top: 0; }
.m-vertical-05  { overflow: hidden; margin-bottom: .5rem; margin-top: .5rem; }
.m-vertical-1  { overflow: hidden; margin-bottom: 1rem; margin-top: 1rem; }
.m-vertical-2  { overflow: hidden; margin-bottom: 2rem; margin-top: 2rem; }

.m-horizontal-1  { overflow: hidden; margin-left: 1rem; margin-right: 1rem; }

.m-05 { margin: .5rem; }

.m-top-0  { margin-top: 0; }
.m-top-05  { margin-top: .5rem;  }
.m-top-1  { margin-top: 1rem;  }
.m-top-2  { margin-top: 2rem;  }
.m-top-3  { margin-top: 3rem;  }

.m-bottom-0  { margin-bottom: 0; }
.m-bottom-05  { margin-bottom: .5rem !important;  }
.m-bottom-1  { margin-bottom: 1rem !important;  }
.m-bottom-2  { margin-bottom: 2rem !important;  }
.m-bottom-3  { margin-bottom: 3rem !important;  }

.m-left-05 { margin-left: .5rem;  }
.m-left-1 { margin-left: 1rem;  }

.m-right-05 { margin-right: .5rem;  }
.m-right-1 { margin-right: 1rem;  }

.list-bottom-0 li  { overflow: hidden; margin-bottom: 0; }
.list-bottom-05 li { overflow: hidden; margin-bottom: .5rem; }

.color-white { color: #fff !important;  }
.color-red { color: #e6002e !important;  }
.color-green { color: #42b138; }
.color-orange { color: #ff6700 !important; }
.color-grey { color: #999 !important; }
.color-light-grey { color: #eee !important; }
.color-mid-grey { color: #888 !important; }
.color-dark-grey { color: #444 !important; }

.bg-color-white { background-color: #fff; }
.bg-color-red { background-color: #fe3272; }
.bg-color-blue { background-color: #32cffe; }
.bg-color-green { background-color: #2acc69; }
.bg-color-yellow { background-color: #feaa32; }
.bg-color-orange-light { background-color: #fff4e9; }
.bg-color-grey { background-color: #bbb; }
.bg-color-light-grey { background-color: #f3f3f3; }
.bg-color-dark-grey { background-color: #444; }
.bg-color-black-10 { background-color: rgba(0, 0, 0, .1); }


@media screen and (max-width: 868px) {
	.s-p-0 { padding: 0; }
	.s-p-02 { padding: .2rem; }
	.s-p-05 { padding: .5rem; }
	.s-p-1 { padding: 1rem; }
	
	.s-p-vertical-0 { padding-top: 0; padding-bottom: 0; }
	.s-p-vertical-1 { padding-top: 1rem; padding-bottom: 1rem; }

	.s-p-horizontal-0 { padding-left: 0; padding-right: 0; }

    .s-p-right-1 { padding-right: 1rem; }

	.s-p-top-0  { padding-top: 0; }
	.s-p-top-05  { padding-top: .5rem;  }
	.s-p-top-1  { padding-top: 1rem;  }
	.s-p-top-15  { padding-top: 1.5rem;  }
	.s-p-top-2  { padding-top: 2rem;  }
	
	.s-p-bottom-0  { padding-bottom: 0; }
	.s-p-bottom-05  { padding-bottom: .5rem;  }
	.s-p-bottom-1  { padding-bottom: 1rem;  }

	.s-m-left-0  { margin-left: 0;  }
	.s-m-top-1  { margin-top: 1rem;  }
	.s-m-bottom-1  { margin-bottom: 1rem;  }
	.s-m-bottom-2  { margin-bottom: 2rem;  }
	
	.full-height { height: auto; }
	
	.s-align-center { text-align: center; }
	
	.s-bg-color-white { background-color: #fff; }

    .s-full-width { width: 100%; }
}