#wrapper { position:relative; z-index:1; overflow:hidden; height:auto !important; }
.wrapper, .grid { width:960px; margin:0 auto; position:relative; }
.wrapper .wrapper, .grid .wrapper, .wrapper .grid { width:auto; margin:inherit; }
.wrapper--fluid { width: auto !important; max-width: 1300px; margin:0 auto; position:relative; }
.grid .row {margin:10px 0;}
.grid .col {margin:0 5px;display:block;float:left;}
.grid .col-inside .col { margin:0; float:none; }
.grid .col-inside .col:first-child { margin:0; }
.grid .col .col .col { margin:0 !important; width: auto !important; }
.grid .col-right { float:right; }
.grid .col-right + .col { clear:left; }
.grid .col-1 {width:70px;}
.grid .col-2 {width:150px;}
.grid .col-3 {width:230px;}
.grid .col-4 {width:310px;}
.grid .col-5 {width:390px;}
.grid .col-6 {width:470px;}
.grid .col-7 {width:550px;}
.grid .col-8 {width:630px;}
.grid .col-9 {width:710px;}
.grid .col-10 {width:790px;}
.grid .col-11 {width:870px;}
.grid .col-12 {width:950px;}
.grid .left-1 {margin-left:85px;}
.grid .left-2 {margin-left:165px;}
.grid .left-3 {margin-left:245px;}
.grid .left-4 {margin-left:325px;}
.grid .left-5 {margin-left:405px;}
.grid .left-6 {margin-left:485px;}
.grid .left-7 {margin-left:565px;}
.grid .left-8 {margin-left:645px;}
.grid .left-9 {margin-left:725px;}
.grid .left-10 {margin-right:805px;}
.grid .left-11 {margin-right:885px;}
.grid:after,
.grid .row:after {content:' '; display:table; clear:both; }

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

    .flex { display:-webkit-flex; display:flex; -webkit-flex-direction:column; flex-direction:column; }

    .order-f { -webkit-order:-1; order:-1; }
    .order-1 { -webkit-order:1; order:1; }
    .order-2 { -webkit-order:2; order:2; }
    .order-3 { -webkit-order:3; order:3; }
    .order-4 { -webkit-order:4; order:4; }
    .order-5 { -webkit-order:5; order:5; }
    .order-6 { -webkit-order:6; order:6; }
}

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

	.wrapper,
	.grid { width:758px; }
	.grid .col-inside { margin:0; }
	.grid .col-inside .col,
	.grid .col-inside .col:first-child { margin:0 5px 0; float:left; }
	.grid .col-1,
	.grid .col-2,
	.grid .col-3 {width:172px;}
	.grid .col-4,
	.grid .col-4-tb,
	.grid .col-5,
	.grid .col-6 {width:369px;}
	.grid .col-7,
	.grid .col-8,
	.grid .col-8-tb,
	.grid .col-9 {width:748px;}
	.grid .col-8-tb.col-inside { width:748px; }
	.grid .col-10,
	.grid .col-11,
	.grid .col-12 {width:748px;}
	.grid .left-1 {margin-left:74px;}
	.grid .left-2 {margin-left:138px;}
	.grid .left-3 {margin-left:202px;}
	.grid .left-4 {margin-left:266px;}
	.grid .left-5 {margin-left:330px;}
	.grid .left-6 {margin-left:394px;}
	.grid .left-7 {margin-left:458px;}
	.grid .left-8 {margin-left:522px;}
	.grid .left-9 {margin-left:586px;}
	.grid .left-10 {margin-right:650px;}
	.grid .left-11 {margin-right:714px;}
}

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

	.wrapper,
	.grid { width:310px; }
	.grid .col { width:auto; margin:0; float:none; }
	.grid .col-inside .col { margin:0; }

	.order-mb-f { -webkit-order:-1; order:-1; }
	.order-mb-1 { -webkit-order:1; order:1; }
	.order-mb-2 { -webkit-order:2; order:2; }
	.order-mb-3 { -webkit-order:3; order:3; }
	.order-mb-4 { -webkit-order:4; order:4; }
	.order-mb-5 { -webkit-order:5; order:5; }
	.order-mb-6 { -webkit-order:6; order:6; }

}


.placeholdersjs {opacity:1;color:#aaa;}
::-webkit-input-placeholder {opacity:1;color:#aaa;}
:focus::-webkit-input-placeholder {color:transparent;}
:-moz-placeholder {opacity:1;color:#aaa;}
:focus:-moz-placeholder {color:transparent;}
::-moz-placeholder {opacity:1;color:#aaa;}
:focus::-moz-placeholder {color:transparent;}
:-ms-input-placeholder {opacity:1;color:#aaa;}
:focus:-ms-input-placeholder {color:transparent;}