/*!
 * Responsive Layout Framework
 */
 
 
/* --- CSS RESETS --- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

h1,h2,h3,h4,h5,h6{
	text-transform: capitalize;
}

article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* --- GLOBAL LAYOUT --- */

img {
	max-width: 100%;
}

.section{width: 100%;}
.row{overflow: hidden;}

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


/* --- LARGE --- */

@media (min-width: 1230px) {

.row{width: 1200px; padding: 30px 15px 0 15px; margin: 0px auto;}

[class*='col']{display: block; float: left; margin: 0 15px 30px 15px;}
[class*='l-col']{display: block; float: left; margin: 0 15px 30px 15px;}
.col1 {width: 70px;}
.col2 {width: 170px;}
.col3 {width: 270px;}
.col4 {width: 370px;}
.col5 {width: 470px;}
.col6 {width: 570px;}
.col7 {width: 670px;}
.col8 {width: 770px;}
.col9 {width: 870px;}
.col10 {width: 970px;}
.col11 {width: 1070px;}
.col12 {width: 1170px;}

.nest{margin: 0;}

.col1.nest {width: 100px;}
.col2.nest {width: 200px;}
.col3.nest {width: 300px;}
.col4.nest {width: 400px;}
.col5.nest {width: 500px;}
.col56.nest {width: 550px;}
.col6.nest {width: 600px;}
.col7.nest {width: 700px;}
.col8.nest {width: 800px;}
.col9.nest {width: 900px;}
.col10.nest {width: 1000px;}
.col11.nest {width: 1100px;}
.col12.nest {width: 1200px;}

.gap1 {margin-left: 115px;}
.gap2 {margin-left: 215px;}
.gap3 {margin-left: 315px;}
.gap4 {margin-left: 415px;}
.gap5 {margin-left: 515px;}
.gap6 {margin-left: 615px;}
.gap7 {margin-left: 715px;}
.gap8 {margin-left: 815px;}
.gap9 {margin-left: 915px;}
.gap10 {margin-left: 1015px;}
.gap11 {margin-left: 1115px;}

.gap1.nest {margin-left: 100px;}
.gap2.nest {margin-left: 200px;}
.gap3.nest {margin-left: 300px;}
.gap4.nest {margin-left: 400px;}
.gap45.nest {margin-left: 428px;}
.gap5.nest {margin-left: 500px;}
.gap6.nest {margin-left: 600px;}
.gap7.nest {margin-left: 700px;}
.gap8.nest {margin-left: 800px;}
.gap9.nest {margin-left: 900px;}
.gap10.nest {margin-left: 1000px;}
.gap11.nest {margin-left: 1100px;}

.l-col1{width: 70px;}
.l-col2{width: 170px;}
.l-col3{width: 270px;}
.l-col4{width: 370px;}
.l-col5{width: 470px;}
.l-col6{width: 570px;}
.l-col7{width: 670px;}
.l-col8{width: 770px;}
.l-col9{width: 870px;}
.l-col10{width: 970px;}
.l-col11{width: 1070px;}
.l-col12{width: 1170px;}

.l-col1.nest {width: 100px;}
.l-col2.nest {width: 200px;}
.l-col3.nest {width: 300px;}
.l-col4.nest {width: 400px;}
.l-col5.nest {width: 500px;}
.l-col6.nest {width: 600px;}
.l-col7.nest {width: 700px;}
.l-col8.nest {width: 800px;}
.l-col9.nest {width: 900px;}
.l-col10.nest {width: 1000px;}
.l-col11.nest {width: 1100px;}
.l-col12.nest {width: 1200px;}

.l-gap1 {margin-left: 115px;}
.l-gap2 {margin-left: 215px;}
.l-gap3 {margin-left: 315px;}
.l-gap4 {margin-left: 415px;}
.l-gap5 {margin-left: 515px;}
.l-gap6 {margin-left: 615px;}
.l-gap7 {margin-left: 715px;}
.l-gap8 {margin-left: 815px;}
.l-gap9 {margin-left: 915px;}
.l-gap10 {margin-left: 1015px;}
.l-gap11 {margin-left: 1115px;}

.l-gap1.nest {margin-left: 100px;}
.l-gap2.nest {margin-left: 200px;}
.l-gap3.nest {margin-left: 300px;}
.l-gap4.nest {margin-left: 400px;}
.l-gap5.nest {margin-left: 500px;}
.l-gap6.nest {margin-left: 600px;}
.l-gap7.nest {margin-left: 700px;}
.l-gap8.nest {margin-left: 800px;}
.l-gap9.nest {margin-left: 900px;}
.l-gap10.nest {margin-left: 1000px;}
.l-gap11.nest {margin-left: 1100px;}

.m-hide{display: block;}
.s-hide{display: block;}
.ph-hide{display: block;}

.m-show{display: none;}
.s-show{display: none;}
.ph-show{display: none;}

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

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

}



/* --- MEDIUM --- */

@media (min-width: 980px) and (max-width: 1229px) {

.row{width: 960px;padding: 20px 10px 0 10px;margin: 0px auto;}

[class*='col']{display: block; float:left; margin: 0 10px 20px 10px;}
[class*='m-col']{display: block; float:left; margin: 0 10px 20px 10px;}
.col1{width: 60px;}
.col2{width: 140px;}
.col3{width: 220px;}
.col4{width: 300px;}
.col5{width: 380px;}
.col6{width: 460px;}
.col7{width: 540px;}
.col8{width: 620px;}
.col9{width: 700px;}
.col10{width: 780px;}
.col11{width: 860px;}
.col12{width: 940px;}

.nest{margin: 0;}

.col1.nest{width: 80px;}
.col2.nest{width: 160px;}
.col3.nest{width: 240px;}
.col4.nest{width: 320px;}
.col5.nest{width: 400px;}
.col6.nest{width: 480px;}
.col7.nest{width: 560px;}
.col8.nest{width: 640px;}
.col9.nest{width: 720px;}
.col10.nest{width: 800px;}
.col11.nest{width: 880px;}
.col12.nest{width: 960px;}

.gap1 {margin-left: 90px;}
.gap2 {margin-left: 170px;}
.gap3 {margin-left: 250px;}
.gap4 {margin-left: 330px;}
.gap5 {margin-left: 410px;}
.gap6 {margin-left: 490px;}
.gap7 {margin-left: 570px;}
.gap8 {margin-left: 650px;}
.gap9 {margin-left: 730px;}
.gap10 {margin-left: 810px;}
.gap11 {margin-left: 890px;}

.gap1.nest{margin-left: 80px;}
.gap2.nest{margin-left: 160px;}
.gap3.nest{margin-left: 240px;}
.gap4.nest{margin-left: 320px;}
.gap5.nest{margin-left: 400px;}
.gap6.nest{margin-left: 480px;}
.gap7.nest{margin-left: 560px;}
.gap8.nest{margin-left: 640px;}
.gap9.nest{margin-left: 720px;}
.gap10.nest{margin-left: 800px;}
.gap11.nest{margin-left: 880px;}

.l-gap1 {margin-left: 50px;}
.l-gap2 {margin-left: 215px;}
.l-gap3 {margin-left: 315px;}
.l-gap4 {margin-left: 415px;}
.l-gap5 {margin-left: 515px;}
.l-gap6 {margin-left: 615px;}
.l-gap7 {margin-left: 715px;}
.l-gap8 {margin-left: 815px;}
.l-gap9 {margin-left: 915px;}
.l-gap10 {margin-left: 1015px;}
.l-gap11 {margin-left: 1115px;}

.m-col1{width: 60px;}
.m-col2{width: 140px;}
.m-col3{width: 220px;}
.m-col4{width: 300px;}
.m-col5{width: 380px;}
.m-col6{width: 460px;}
.m-col7{width: 540px;}
.m-col8{width: 620px;}
.m-col9{width: 700px;}
.m-col10{width: 780px;}
.m-col11{width: 860px;}
.m-col12{width: 940px;}

.m-col1.nest{width: 80px;}
.m-col2.nest{width: 160px;}
.m-col3.nest{width: 240px;}
.m-col4.nest{width: 320px;}
.m-col5.nest{width: 400px;}
.m-col6.nest{width: 480px;}
.m-col7.nest{width: 560px;}
.m-col8.nest{width: 640px;}
.m-col9.nest{width: 720px;}
.m-col10.nest{width: 800px;}
.m-col11.nest{width: 880px;}
.m-col12.nest{width: 960px;}

.m-gap1 {margin-left: 90px;}
.m-gap2 {margin-left: 170px;}
.m-gap3 {margin-left: 250px;}
.m-gap4 {margin-left: 330px;}
.m-gap5 {margin-left: 410px;}
.m-gap6 {margin-left: 490px;}
.m-gap7 {margin-left: 570px;}
.m-gap8 {margin-left: 650px;}
.m-gap9 {margin-left: 730px;}
.m-gap10 {margin-left: 810px;}
.m-gap11 {margin-left: 890px;}

.m-gap1.nest{margin-left: 80px;}
.m-gap2.nest{margin-left: 160px;}
.m-gap3.nest{margin-left: 240px;}
.m-gap4.nest{margin-left: 320px;}
.m-gap5.nest{margin-left: 400px;}
.m-gap6.nest{margin-left: 480px;}
.m-gap7.nest{margin-left: 560px;}
.m-gap8.nest{margin-left: 640px;}
.m-gap9.nest{margin-left: 720px;}
.m-gap10.nest{margin-left: 800px;}
.m-gap11.nest{margin-left: 880px;}


.l-hide{display:block;}
.s-hide{display:block;}
.ph-hide{display:block;}

.l-show{display:none;}
.s-show{display:none;}
.ph-show{display:none;}

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

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

}



/* --- SMALL --- */

@media (min-width: 740px) and (max-width: 979px) {

.row{width: 720px;padding: 20px 10px 0 10px;margin: 0px auto;}

[class*='col']{display: block; float:left; margin: 0 10px 20px 10px;}
[class*='s-col']{display: block; float:left; margin: 0 10px 20px 10px;}
.col1{width: 40px;}
.col2{width: 100px;}
.col3{width: 160px;}
.col4{width: 220px;}
.col5{width: 280px;}
.col6{width: 340px;}
.col7{width: 400px;}
.col8{width: 460px;}
.col9{width: 520px;}
.col10{width: 580px;}
.col11{width: 640px;}
.col12{width: 700px;}

.nest{margin: 0;}

.col1.nest{width: 60px;}
.col2.nest{width: 120px;}
.col3.nest{width: 180px;}
.col4.nest{width: 240px;}
.col5.nest{width: 300px;}
.col6.nest{width: 360px;}
.col7.nest{width: 420px;}
.col8.nest{width: 480px;}
.col9.nest{width: 540px;}
.col10.nest{width: 600px;}
.col11.nest{width: 660px;}
.col12.nest{width: 720px;}

.gap1{margin-left: 70px;}
.gap2{margin-left: 130px;}
.gap3{margin-left: 190px;}
.gap4{margin-left: 250px;}
.gap5{margin-left: 310px;}
.gap6{margin-left: 370px;}
.gap7{margin-left: 430px;}
.gap8{margin-left: 490px;}
.gap9{margin-left: 550px;}
.gap10{margin-left: 610px;}
.gap11{margin-left: 670px;}

.gap1.nest{margin-left: 60px;}
.gap2.nest{margin-left: 120px;}
.gap3.nest{margin-left: 180px;}
.gap4.nest{margin-left: 240px;}
.gap5.nest{margin-left: 300px;}
.gap6.nest{margin-left: 360px;}
.gap7.nest{margin-left: 420px;}
.gap8.nest{margin-left: 480px;}
.gap9.nest{margin-left: 540px;}
.gap10.nest{margin-left: 600px;}
.gap11.nest{margin-left: 660px;}

.l-gap1 {margin-left: 40px;}
.l-gap2 {margin-left: 215px;}
.l-gap3 {margin-left: 315px;}
.l-gap4 {margin-left: 415px;}
.l-gap5 {margin-left: 515px;}
.l-gap6 {margin-left: 615px;}
.l-gap7 {margin-left: 715px;}
.l-gap8 {margin-left: 815px;}
.l-gap9 {margin-left: 915px;}
.l-gap10 {margin-left: 1015px;}
.l-gap11 {margin-left: 1115px;}

.s-col1{width: 40px;}
.s-col2{width: 100px;}
.s-col3{width: 160px;}
.s-col4{width: 220px;}
.s-col5{width: 280px;}
.s-col6{width: 340px;}
.s-col7{width: 400px;}
.s-col8{width: 460px;}
.s-col9{width: 520px;}
.s-col10{width: 580px;}
.s-col11{width: 640px;}
.s-col12{width: 700px;}

.s-col1.nest{width: 60px;}
.s-col2.nest{width: 120px;}
.s-col3.nest{width: 180px;}
.s-col4.nest{width: 240px;}
.s-col5.nest{width: 300px;}
.s-col6.nest{width: 360px;}
.s-col7.nest{width: 420px;}
.s-col8.nest{width: 480px;}
.s-col9.nest{width: 540px;}
.s-col10.nest{width: 600px;}
.s-col11.nest{width: 660px;}
.s-col12.nest{width: 720px;}

.s-gap1{margin-left: 70px;}
.s-gap2{margin-left: 130px;}
.s-gap3{margin-left: 190px;}
.s-gap4{margin-left: 250px;}
.s-gap5{margin-left: 310px;}
.s-gap6{margin-left: 370px;}
.s-gap7{margin-left: 430px;}
.s-gap8{margin-left: 490px;}
.s-gap9{margin-left: 550px;}
.s-gap10{margin-left: 610px;}
.s-gap11{margin-left: 670px;}

.s-gap1.nest{margin-left: 60px;}
.s-gap2.nest{margin-left: 120px;}
.s-gap3.nest{margin-left: 180px;}
.s-gap4.nest{margin-left: 240px;}
.s-gap5.nest{margin-left: 300px;}
.s-gap6.nest{margin-left: 360px;}
.s-gap7.nest{margin-left: 420px;}
.s-gap8.nest{margin-left: 480px;}
.s-gap9.nest{margin-left: 540px;}
.s-gap10.nest{margin-left: 600px;}
.s-gap11.nest{margin-left: 660px;}


.l-hide{display:block;}
.m-hide{display:block;}
.ph-hide{display:block;}

.l-show{display:none;}
.m-show{display:none;}
.ph-show{display:none;}
 
.s-show{display:block;}
.s-hide{display:none;}

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

}


/* --- PHONE --- */

@media (max-width: 739px) {

.row{ width: 90%;padding: 10px 5% 0 5%;margin: 0px auto;}

[class*='col']{width: 95.333%;float: left;margin: 0 2.333% 10px 2.333%;}
[class*='ph-col']{float: left;margin: 0 2.333% 10px 2.333%;}

.ph-col1{width: 12%;}
.ph-col2{width: 28.666%;}
.ph-col3{width: 45.333%;}
.ph-col4{width: 61.999%;}
.ph-col5{width: 78.666%;}
.ph-col6{width: 95.333%;}

.ph-gap1{width: 18.999%;}
.ph-gap2{width: 35.665%;}
.ph-gap3{width: 51.332%;}
.ph-gap4{width: 67.998%;}
.ph-gap5{width: 84.665%;}

[class*='col'].nest{width: 100%%;float: left;margin: 0;}
[class*='ph-col'].nest{float: left;margin: 0;}

.l-hide{display:block;}
.m-hide{display:block;}
.s-hide{display:block;}

.l-show{display:none;}
.m-show{display:none;}
.s-show{display:none;}

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

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

}


input:focus::-webkit-input-placeholder {
    color: transparent;
}