div{
	display: block;
}
header:before, header:after, section:before, section:after, footer:before, footer:after, .container:before, .container:after, .row-layout:before, .row-layout:after, .box-sidebar:before, .box-sidebar:after
{
	display: table;
    content: " ";
    clear: both;
}
.container{
	width: 1260px;
	padding: 0 15px;
	margin: 0 auto;
	position: relative;
	display: table;
}
.container-full{
	width:100%;
	padding: 0 15px;
	margin: 0 auto;
	position: relative;
	display: table;
}
.row{
	margin-bottom: 15px;
}
.row-layout{
	margin-left:-15px;
	margin-right:-15px;
}
.row-form{
	width: 100%;
    margin: 0 0 20px 0;
    position: relative;
}
.col-layout-1, .col-layout-2, .col-layout-3, .col-layout-4, .col-layout-5, .col-layout-6, .col-layout-7, .col-layout-8, .col-layout-9, .col-layout-10, .col-layout-11, .col-layout-12{
	position: relative;
	padding: 0 15px;
	display: block;
	float: left;
}
.col-layout-1{width: 8.33333333%;
}
.col-layout-2{
	width: 16.66666667%;
}
.col-layout-3{
	width: 25%;
}
.col-layout-4{
	width: 33.33333333%;
}
.col-layout-5{
	width: 41.66666667%;
}
.col-layout-6{
	width: 50%;
}
.col-layout-7{
	width: 58.33333333%;
}
.col-layout-8{
	width: 66.66666667%;
}
.col-layout-9{
	width: 75%;
}
.col-layout-10{
	width: 83.33333333%;
}
.col-layout-11{
	width: 91.66666667%;
}
.col-layout-12{
	width: 100%;
}
.col-layout-1l{margin-left: 8.33333333%;}
.col-layout-2l{margin-left: 16.66666667%;}
.col-layout-3l{margin-left: 25%}
.col-layout-4l{margin-left: 33.33333333%;}
.col-layout-5l{margin-left: 41.66666667%}
.col-layout-6l{margin-left: 50%;}
.col-layout-7l{margin-left: 58.33333333%;}
.col-layout-8l{margin-left: 66.66666667%}
.col-layout-9l{margin-left: 75%;}
.col-layout-10l{margin-left: 83.33333333%;}
.col-layout-11l{margin-left: 91.66666667%;}

.col-layout-1r{margin-right: 8.33333333%;}
.col-layout-2r{margin-right: 16.66666667%;}
.col-layout-3r{margin-right: 25%}
.col-layout-4r{margin-right: 33.33333333%;}
.col-layout-5r{margin-right: 41.66666667%}
.col-layout-6r{margin-right: 50%;}
.col-layout-7r{margin-right: 58.33333333%;}
.col-layout-8r{margin-right: 66.66666667%}
.col-layout-9r{margin-right: 75%;}
.col-layout-10r{margin-right: 83.33333333%;}
.col-layout-11r{margin-right: 91.66666667%;}

/*Ipad vertical - 768*/
@media screen and (max-width: 768px) {
	.col-layout-1, .col-layout-2, .col-layout-3, .col-layout-4, .col-layout-5, .col-layout-6, .col-layout-7, .col-layout-8, .col-layout-9, .col-layout-10, .col-layout-11, .col-layout-12{
		width: 100%;
	}
	.col-layout-1l, .col-layout-2l, .col-layout-3l, .col-layout-4l, .col-layout-5l, .col-layout-6l, .col-layout-7l, .col-layout-8l, .col-layout-9l, .col-layout-10l, .col-layout-11l{margin-left: 0;}
	.col-layout-1r, .col-layout-2r, .col-layout-3r, .col-layout-4r, .col-layout-5r, .col-layout-6r, .col-layout-7r, .col-layout-8r, .col-layout-9r, .col-layout-10r, .col-layout-11r{margin-right: 0;}
}
.topnav ul li{
	display: inline-block;
}

/*  STYLE INPUT  */
input, select, textarea{
	border: #c7c7c7 1px solid; border-radius: 5px; 
	padding: 8px; 
}
input[type="submit"]{
	cursor: pointer;
	background: #dadada;
}
button{
	border: none; 
	background: #c2c2c2; 
	padding: 15px;	
	border-radius: 5px;
	cursor: pointer;
}
input, textarea, select{
	-webkit-transition: all 0.30s ease-in-out;
	-moz-transition: all 0.30s ease-in-out;
	-ms-transition: all 0.30s ease-in-out;
	-o-transition: all 0.30s ease-in-out;
	outline: none;
}
input:focus, textarea:focus, select:focus{
  box-shadow: 0 0 10px rgba(81, 203, 238, 1);
  border: 1px solid rgba(81, 203, 238, 1);
}