/*************************************************
* grid
*************************************************/
/* clearfix */
.outer:before,
.outer:after,
.wrap:before,
.wrap:after,
.nested:before,
.nested:after,
.row:before,
.row:after { content:" "; display: table; }	

.outer:after,
.wrap:after,
.nested:after,
.row:after { clear:both; } 

.outer,
.wrap,
.nested,
.row { *zoom:1; }


/* defaults */
[class^='col-'] {
	float: left;
	width: 100%;
	min-height: 1px;
}

.col-right {
	float: right;
}

.outer,
.wrap {
	margin: 0 auto;
	width: 100%;
}
.wrap.full,
.outer.full {
	padding: 0;
}
.row, .padding {
	clear: both;
}


/**/

@media (max-width: 414px) {
	
	.outer {	 padding: 0 10px;	  }

	.wrap {        padding:  0 10px; }	
	.outer.wide {  padding: 0  10px; }
	.wrap.wide {   padding:  0 10px; }
	.wrap.narrow {  padding: 0 10px; }
	
	.padding { height:       20px; }
	.halfpadding { height:   10px; }
	.inner {   padding:    0 20px; }	
	.inner-xs { padding:   0 20px; }
	
	.nested {
		margin-left:  -10px;
		margin-right: -10px;
	}
	
	.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { padding: 0 10px;
	}
	.col-xs-12 { width:    100%; }
	.col-xs-11 { width: 91.666%; }
	.col-xs-10 { width: 83.333%; }
	.col-xs-9 {  width:     75%; }
	.col-xs-8 {  width: 66.666%; }
	.col-xs-7 {  width: 58.333%; }
	.col-xs-6 {  width: 	50%; }
	.col-xs-5 {  width: 41.666%; }
	.col-xs-4 {  width: 33.333%; }
	.col-xs-3 {  width:     25%; }
	.col-xs-2 {  width: 16.666%; }
	.col-xs-1 {  width:  8.333%; }
	
	.col-xs-right { float: right; }
	
	.col-xs-full {	padding: 0; }
	
} 


@media (min-width: 414.01px) and (max-width: 768px) {
	
	.outer {	  padding: 0 10px;	  }	
	.wrap {        padding:  0 15px; }	
	.outer.wide {  padding: 0  10px; }
	.wrap.wide {   padding:  0 10px; }
	.wrap.narrow {  padding: 0 10px; }
	
	.padding { height:       20px; }
	.halfpadding { height:   10px; }
	.inner {   padding:    0 20px; }	
	.inner-s { padding:    0 20px; }
	
	.nested {
		margin-left:  -10px;
		margin-right: -10px;
	}
	.col-s-1, .col-s-2, .col-s-3, .col-s-4, .col-s-5, .col-s-6, .col-s-7, .col-s-8, .col-s-9, .col-s-10, .col-s-11, .col-s-12 { 
		padding: 0 10px;
	}
	.col-s-12 { width:    100%; }
	.col-s-11 { width: 91.666%; }
	.col-s-10 { width: 83.333%; }
	.col-s-9 {  width:     75%; }
	.col-s-8 {  width: 66.666%; }
	.col-s-7 {  width: 58.333%; }
	.col-s-6 {  width: 	50%; }
	.col-s-5 {  width: 41.666%; }
	.col-s-4 {  width: 33.333%; }
	.col-s-3 {  width:     25%; }
	.col-s-2 {  width: 16.666%; }
	.col-s-1 {  width:  8.333%; }
	
	.col-s-right { float: right; }
	.col-s-full {	padding: 0; }	
	
	.col-xs-0 { display: block; }
		

}

@media (min-width: 768.01px) and (max-width: 1024px) {
	
	.outer {	  padding: 0 15px; }	
	.wrap {  	  padding: 0 90px; }
	
	.outer.wide {  padding: 0  15px; }
	.wrap.wide { padding:   0  50px; }
	.wrap.narrow { padding: 0 120px; }
	
	.padding { height:        20px; }
	.halfpadding { height:    10px; }
	.inner { padding:       0 20px; }
	.inner-sm {   padding:  0 20px; }	
	.innerr { padding-right:  20px; }
	.innerl { padding-left:   20px; }
	
	.nested { 
		margin-left:  -10px; 
		margin-right: -10px;
	}
	.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { padding: 0 10px;
	}
	.col-sm-12 { width:    100%; }
	.col-sm-11 { width: 91.666%; }
	.col-sm-10 { width: 83.333%; }
	.col-sm-9 {  width:     75%; }
	.col-sm-8 {  width: 66.666%; }
	.col-sm-7 {  width: 58.333%; }
	.col-sm-6 {  width: 	50%; }
	.col-sm-5 {  width: 41.666%; }
	.col-sm-4 {  width: 33.333%; }
	.col-sm-3 {  width:     25%; }
	.col-sm-2 {  width: 16.666%; }
	.col-sm-1 {  width:  8.333%; }	
	
	.col-sm-right { float: right; }
	.col-sm-full {	padding: 0; }
	
	.col-xs-0,
	.col-s-0 {
		display: block;
	}
	
	.col-third {
		width: 33.3333%;
	}
	.col-twothird {
		width: 66.6666%;
	}
	.col-half {
		width: 50%;
	}
	.col-imgcol {
		width: 40%;
	}
	.col-textcol {
		width: 60%;
	}

}

@media (min-width: 1024.01px) and (max-width: 1180px) {

	.outer {	  padding: 0 30px; }	
	.wrap {  	  padding: 0 115px; }
	
	.outer.wide {  padding: 0  15px; }
	.wrap.wide { padding:   0  50px; }
	.wrap.narrow { padding: 0 120px; }
	
	.padding { height:       30px; }
	.halfpadding { height:   15px; }
	.inner { padding:      0 30px; }
	.inner-m {    padding: 0 30px; }
	.innerr { padding-right: 30px; }
	.innerl { padding-left:  30px; }
	
	.nested { 
		margin-left:  -15px; 
		margin-right: -15px;
	}
	.col-m-1, .col-m-2, .col-m-3, .col-m-4, .col-m-5, .col-m-6, .col-m-7, .col-m-8, .col-m-9, .col-m-10, .col-m-11, .col-m-12 { 
		padding: 0 15px; 
	}
	.col-m-12 { width:    100%; }
	.col-m-11 { width: 91.666%; }
	.col-m-10 { width: 83.333%; }
	.col-m-9 {  width:     75%; }
	.col-m-8 {  width: 66.666%; }
	.col-m-7 {  width: 58.333%; }
	.col-m-6 {  width: 	50%; }
	.col-m-5 {  width: 41.666%; }
	.col-m-4 {  width: 33.333%; }
	.col-m-3 {  width:     25%; }
	.col-m-2 {  width: 16.666%; }
	.col-m-1 {  width:  8.333%; }	
	
	.col-m-right { float: right; }
	.col-m-full {	padding: 0; }

	.col-xs-0,
	.col-s-0,
	.col-sm-0 {
		display: block;
	}
	
	.col-third {
		width: 33.3333%;
	}
	.col-twothird {
		width: 66.6666%;
	}
	.col-half {
		width: 50%;
	}
	.col-imgcol {
		width: 40%;
	}
	.col-textcol {
		width: 60%;
	}

}


@media (min-width: 1180.01px) and (max-width: 1420px) {

	.outer {	  padding: 0   30px; }	
	.wrap {  	  padding: 0   175px; }
	
	.outer.wide {  padding: 0  15px; }
	.wrap.wide { padding:   0  65px; }
	.wrap.narrow { padding: 0 180px; }
	
	.padding { height:       30px; }
	.halfpadding { height:   15px; }
	.inner { padding:      0 30px; }
	.inner-ml {   padding: 0 30px; }
	.innerr { padding-right: 30px; }
	.innerl { padding-left:  30px; }
	
	.innerhalf { padding: 0 15px; }
	
	.nested {
		margin-left:  -15px;
		margin-right: -15px;
	}

	.col-ml-1, .col-ml-2, .col-ml-3, .col-ml-4, .col-ml-5, .col-ml-6, .col-ml-7, .col-ml-8, .col-ml-9, .col-ml-10, .col-ml-11, .col-ml-12 { padding: 0 15px; 
	}
	.col-ml-12 { width:    100%; }
	.col-ml-11 { width: 91.666%; }
	.col-ml-10 { width: 83.333%; }
	.col-ml-9 {  width:     75%; }
	.col-ml-8 {  width: 66.666%; }
	.col-ml-7 {  width: 58.333%; }
	.col-ml-6 {  width: 	50%; }
	.col-ml-5 {  width: 41.666%; }
	.col-ml-4 {  width: 33.333%; }
	.col-ml-3 {  width:     25%; }
	.col-ml-2 {  width: 16.666%; }
	.col-ml-1 {  width:  8.333%; }	
	
	.col-ml-right { float: right; }
	.col-ml-full {	padding: 0; }
	
	.col-xs-0,
	.col-s-0,
	.col-sm-0,
	.col-m-0 { display: block;
	}
	
	.col-third {
		width: 33.3333%;
	}
	.col-twothird {
		width: 66.6666%;
	}
	.col-half {
		width: 50%;
	}
	.col-imgcol {
		width: 40%;
	}
	.col-textcol {
		width: 60%;
	}
}

@media (min-width: 1420.01px) and (max-width: 1919.99px) {
		
	.outer {	  padding: 0  30px; }	
	.wrap {  	  padding: 0 175px; }
	
	.outer.wide {  padding: 0  15px; }
	.wrap.wide { padding:   0  65px; }
	.wrap.narrow { padding: 0 240px; }
	
	.padding { height:       30px; }
	.halfpadding { height:   15px; }
	.inner { padding:      0 30px; }
	.inner-l {    padding: 0 30px; }
	.innerr { padding-right: 30px; }
	.innerl { padding-left:  30px; }
	
	.nested {
		margin-left:  -15px;
		margin-right: -15px;
	}

	.col-l-1, .col-l-2, .col-l-3, .col-l-4, .col-l-5, .col-l-6, .col-l-7, .col-l-8, .col-l-9, .col-l-10, .col-l-11, .col-l-12 { 
		padding: 0 15px;
	}
	.col-l-12 { width:    100%; }
	.col-l-11 { width: 91.666%; }
	.col-l-10 { width: 83.333%; }
	.col-l-9 {  width:     75%; }
	.col-l-8 {  width: 66.666%; }
	.col-l-7 {  width: 58.333%; }
	.col-l-6 {  width: 	50%; }
	.col-l-5 {  width: 41.666%; }
	.col-l-4 {  width: 33.333%; }
	.col-l-3 {  width:     25%; }
	.col-l-2 {  width: 16.666%; }
	.col-l-1 {  width:  8.333%; }	
	
	.col-l-right { float: right; }
	.col-l-full {	padding: 0; }
	
	.col-xs-0,
	.col-s-0,
	.col-sm-0,
	.col-m-0,
	.col-ml-0 {
		display: block;
	}
	
	.col-third {
		width: 33.3333%;
	}
	.col-twothird {
		width: 66.6666%;
	}
	.col-half {
		width: 50%;
	}
	.col-imgcol {
		width: 40%;
	}
	.col-textcol {
		width: 60%;
	}
}

@media (min-width: 1920px) {

	.outer {
		position: relative;
	}
	
	.outer.wide {  padding: 0  15px; }
	.outer {	  padding:  0 30px; }	
	.wrap {  	  padding:  0 175px; }
	
	.wrap.wide { padding:   0  65px; }
	.wrap.narrow { padding: 0 240px; }	
	
	.padding { height:       30px; }
	.halfpadding { height:   15px; }
	.inner { padding:      0 30px; }
	.inner-xl {   padding: 0 30px; }
	.innerr { padding-right: 30px; }
	.innerl { padding-left:  30px; }	
	.nested {
		margin-left:  -15px;
		margin-right: -15px;
	}

	.col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 {
		padding: 0 15px;
	}
	.col-xl-12 { width:    100%; }
	.col-xl-11 { width: 91.666%; }
	.col-xl-10 { width: 83.333%; }
	.col-xl-9 {  width:     75%; }
	.col-xl-8 {  width: 66.666%; }
	.col-xl-7 {  width: 58.333%; }
	.col-xl-6 {  width: 	50%; }
	.col-xl-5 {  width: 41.666%; }
	.col-xl-4 {  width: 33.333%; }
	.col-xl-3 {  width:     25%; }
	.col-xl-2 {  width: 16.666%; }
	.col-xl-1 {  width:  8.333%; }	
	
	.col-xl-right { float: right; }
	.col-xl-full {	padding: 0; }
	
	.col-xs-0,
	.col-s-0,
	.col-sm-0,
	.col-m-0,
	.col-ml-0,
	.col-l-0 {
		display: block;
	}
	
	.col-third {
		width: 33.3333%;
	}
	.col-twothird {
		width: 66.6666%;
	}
	.col-half {
		width: 50%;
	}
	.col-imgcol {
		width: 40%;
	}
	.col-textcol {
		width: 60%;
	}
	
}

/* hidden cols  col-0 */

@media (max-width: 414px) {
	.col-xs-0 {
		display: none;
	}
}
@media (min-width: 414.01px) and (max-width: 768px) {
  	.col-s-0 {
  		display: none;
  	}
}
@media (min-width: 768.01px) and (max-width: 1024px) {
    .col-sm-0 {
      display: none;
    }
}
@media (min-width: 1024.01px) and (max-width: 1180px) {
    .col-m-0 {
      display: none;
    }
}
@media (min-width: 1180.01px) and (max-width: 1420px) {
    .col-ml-0 {
      display: none;
    }
}
@media (min-width: 1420.01px) and (max-width: 1919.99px) {
    .col-l-0 {
      display: none;
    }
}
@media (min-width: 1920px) {    
    .col-xl-0 {
      display: none !important;
    }
}

.col-small,
.col-nomobile {
	display: none;
}

.col-mobfull {
	
}

@media (max-width:767px) {
	.col-small {
		display: block;
	}
	.col-large {
		display: none;
	}	
	.col-mobfull {
		padding: 0;
	}
}

@media (min-width:767.01px) {
	.col-small {
		display: none;
	}
	.col-large {
		display: block;
	}
}