/* Normalize */
html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}

html,
body { height: 100%; }
img { max-width: 100%; height: auto; vertical-align: top;}

input:focus,
select:focus,
textarea:focus,
button:focus { outline: none; }

::-webkit-input-placeholder { color: #AFAEAE;}
:-moz-placeholder { color: #AFAEAE; }
::-moz-placeholder { color: #AFAEAE; }
:-ms-input-placeholder {  color: #AFAEAE; }

* {outline:none;}

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

*{-webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;}
.no-transition, .overlay, .sidebar ul.parent ul, .btn.wi i, #view_container, select *, .checkbox i, #x_scroll, .mCSB_inside>.mCSB_container, .mCSB_scrollTools .mCSB_dragger {-webkit-transition:none; -moz-transition:none; -o-transition:none; -ms-transition:none; transition:none;}

.row { width: 100%; margin: 0 auto; max-width: 1124px;}

[class^="col-"]{box-sizing: border-box; display: inline-block; margin-right: -.25em; min-height: 1px; padding:0 10px; vertical-align: top; }
[class^="col-"]:first-child {padding:0 10px 0 0;}
[class^="col-"]:last-child {padding:0 0 0 10px;}

.col-2-2, .col-3-3, .col-4-4, .col-5-5, .col-6-6, .col-8-8, .col-12-12 {width:100%;}
.col-1-2, .col-2-4, .col-3-6, .col-4-8, .col-6-12 {width:50%;}
.col-1-3, .col-2-6, .col-4-12 {width:33.33333%;}
.col-2-3, .col-4-6, .col-8-12 {width:66.66667%;}
.col-1-4, .col-2-8, .col-3-12 {width:25%;}
.col-3-4, .col-6-8, .col-9-12 {width:75%;}

.test-box {width:100%; height:20px; background:#e4e4e4;}

@media (max-width: 760px) { 
	[class^="col-"] { display: block; margin-left: 0; margin-right: 0; width: auto; }
}
@media (max-width: 760px) and (min-width: 480px) {
	[class^="col-md"] { display: inline-block; margin-right: -.24em; }
	.col-md-1-2,
	.col-md-2-4 {width: 50%;}
	.col-md-1-3 {width: 33.33333%;}
	.col-md-2-3 {width: 66.66667%;}
	.col-md-1-4 {width: 25%;}
	.col-md-3-4 {width: 75%;}
}
@media (max-width: 480px) {
	[class^="col-sm"]{ display: inline-block; margin-right: -.24em; }
	.col-sm-1-2,
	.col-sm-2-4 { width: 50%; }
	.col-sm-1-3 { width: 33.33333%; }
	.col-sm-2-3 { width: 66.66667%; }
	.col-sm-1-4 { width: 25%; }
	.col-sm-3-4 { width: 75%; }
}

/* Alignments */
[class^="col-"].centered {display: block; margin-left: auto; margin-right: auto; }
[class^="col-"].first { float: left; }
[class^="col-"].last { float: right; }
[class^="col-"].no-padding { padding-left:0; }
[class^="col-"].vab { vertical-align: bottom; }
[class^="col-"].vam { vertical-align: middle; }