/*********************************************************
*	Responsiva [Responsive CSS Framework]
*	Created by Alexander Volkov
*	Github URL: https://github.com/vol4ikman/responsiva
**********************************************************/

/******** Grid System *******/
.row:before,
.row:after {
    content:"";
    display: table ;
     clear:both;
}
.row {
	max-width: 100%;
	padding: 0;
	margin: 0 0 10px 0;
}
.row.end {margin-bottom: 0;}
[class*='col-'] {
    float: left;
    min-height: 1px;
    margin-right: 1%;
}
.stuck [class*='col-'] {margin-right: 0%;}
[class*='col-']:last-child {margin-right: 0 !important;}

.col-1{width: 7.416666667%;}
.col-2{width: 15.833333333%;}
.col-1-5{width:19.2%;}
.col-3{width: 24.25%;}
.col-4{width: 32.666666667%;}
.col-5{width: 41.083333334%;}
.col-6{width: 49.5%;}
.col-7{width: 57.916666666%;}
.col-8{width: 66.333333333%;}
.col-9{width: 74.75%;}
.col-10{width: 83.16666667%;}
.col-11{width: 91.583333333%;}
.col-12{width: 100%;}

.stuck .col-1{width: 8.333333333%;}
.stuck .col-2{width: 16.666666667%;}
.stuck .col-1-5{width:20%;}
.stuck .col-3{width: 25%;}
.stuck .col-4{width: 33.333333333%;}
.stuck .col-5{width: 41.6666663%;}
.stuck .col-6{width: 50%;}
.stuck .col-7{width: 58.333333333%;}
.stuck .col-8{width: 66.666666633%;}
.stuck .col-9{width: 74.999999966%;}
.stuck .col-10{width: 83.333333299%;}
.stuck .col-11{width: 91.666666632%;}
.stuck .col-12{width: 100%;}

/********* Helper classes ***********/
.error {color: #FF0000;}
.error-border {border: 1px solid #FF0000;}
.warning {color: #DBDB4D;}
.warning-border {border: 1px solid #DBDB4D;}
.success {color: #009933;}
.success-border {border: 1px solid #009933;}

.bold {font-weight: bold;}
.italic {font-style: italic;}
.underline {text-decoration: underline;}

.align-center {text-align: center;}
.align-left {text-align: left;}
.align-right {text-align: right;}

.h1 {font-weight: bold;font-size: 36px;}
.h2 {font-weight: bold;font-size: 32px;}
.h3 {font-weight: bold;font-size: 28px;}
.h4 {font-weight: bold;font-size: 24px;}
.h5 {font-weight: bold;font-size: 20px;}
.h6 {font-weight: bold;font-size: 16px;}

.desktop_only {display:block;}
.mobile_only {display:none;}

.hide {display:none;}
.show {display:block;}

/******* CSS Media Queries *****/

@media only screen and (max-width: 767px) {

	/*** DESKTOP GRID ****/
	[class*='col-'], .stuck [class*='col-'] {
	    float: none;
	    min-height: 1px;
	    margin-right: 0;
	    margin-bottom: 10px;
	    width: 100%;
	}
	[class*='col-']:last-child, .stuck [class*='col-']:last-child{
		margin-bottom: 0;
	}

	/***** MOBILE GRID ****/
	[class*="mob-"] { float: left; min-height: 1px; margin-right: 1%; }
	[class*='mob-']:last-child {margin-right: 0 !important;}
	.mob-1{width: 7.416666667%;}
	.mob-2{width: 15.833333333%;}
	.mob-1-5{width:19.2%;}
	.mob-3{width: 24.25%;}
	.mob-4{width: 32.666666667%;}
	.mob-5{width: 41.083333334%;}
	.mob-6{width: 49.5%;}
	.mob-7{width: 57.916666666%;}
	.mob-8{width: 66.333333333%;}
	.mob-9{width: 74.75%;}
	.mob-10{width: 83.16666667%;}
	.mob-11{width: 91.583333333%;}
	.mob-12{width: 100%;}

	.stuck .mob-1{width: 8.333333333%;}
	.stuck .mob-2{width: 16.666666667%;}
	.stuck .mob-1-5{width:20%;}
	.stuck .mob-3{width: 25%;}
	.stuck .mob-4{width: 33.333333333%;}
	.stuck .mob-5{width: 41.6666663%;}
	.stuck .mob-6{width: 50%;}
	.stuck .mob-7{width: 58.333333333%;}
	.stuck .mob-8{width: 66.666666633%;}
	.stuck .mob-9{width: 74.999999966%;}
	.stuck .mob-10{width: 83.333333299%;}
	.stuck .mob-11{width: 91.666666632%;}
	.stuck .mob-12{width: 100%;}

}

@media only screen and (max-width: 480px) {
	.main_container {padding: 0 2%;}
	.desktop_only {display:none;}
	.mobile_only {display:block;}
}

@media only screen and (max-width: 320px) {

}