@charset "utf-8";

*{padding: 0; margin: 0; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
.clearfix, .clear{clear: both;}
a{transition: 0.3s linear; -webkit-transition: 0.3s linear; -moz-transition: 0.3s linear;text-decoration: none;}
a:hover, a:active, a:focus{text-decoration: none;}

.container{width:1170px; margin: auto; padding-left: 15px; padding-right: 15px;}
.row{margin-left: -15px; margin-right: -15px;}
.row::before, .row::after{display: table;content:"";}
.row::after{clear:both;}

.col-lg-1{width: 8.333333333333333%; float: left; padding-left: 15px; padding-right: 15px;}
.col-lg-2{width: 16.66666666666667%; float: left; padding-left: 15px; padding-right: 15px;}
.col-lg-3{width: 25%; float: left; padding-left: 15px; padding-right: 15px;}
.col-lg-4{width: 33.333333333333333%; float: left; padding-left: 15px; padding-right: 15px;}
.col-lg-5{width: 41.66666666666667%; float: left; padding-left: 15px; padding-right: 15px;}
.col-lg-6{width: 50%; float: left; padding-left: 15px; padding-right: 15px;}
.col-lg-7{width: 58.333333333333333%; float: left; padding-left: 15px; padding-right: 15px;}
.col-lg-8{width: 66.66666666666667%; float: left; padding-left: 15px; padding-right: 15px;}
.col-lg-9{width: 75%; float: left; padding-left: 15px; padding-right: 15px;}
.col-lg-10{width: 83.333333333333333%; float: left; padding-left: 15px; padding-right: 15px;}
.col-lg-11{width: 91.66666666666667%; float: left; padding-left: 15px; padding-right: 15px;}
.col-lg-12{width: 100%; float: left; padding-left: 15px; padding-right: 15px;}
.hide{display:none;}
@media (min-width: 1200px)
{
.hidden-lg{display: none;}
}
@media (min-width: 992px) and (max-width: 1199px)
{
.container{width:992px;}
.col-md-1{width: 8.333333333333333%; float: left; padding-left: 15px; padding-right: 15px;}
.col-md-2{width: 16.66666666666667%; float: left; padding-left: 15px; padding-right: 15px;}
.col-md-3{width: 25%; float: left; padding-left: 15px; padding-right: 15px;}
.col-md-4{width: 33.333333333333333%; float: left; padding-left: 15px; padding-right: 15px;}
.col-md-5{width: 41.66666666666667%; float: left; padding-left: 15px; padding-right: 15px;}
.col-md-6{width: 50%; float: left; padding-left: 15px; padding-right: 15px;}
.col-md-7{width: 58.333333333333333%; float: left; padding-left: 15px; padding-right: 15px;}
.col-md-8{width: 66.66666666666667%; float: left; padding-left: 15px; padding-right: 15px;}
.col-md-9{width: 75%; float: left; padding-left: 15px; padding-right: 15px;}
.col-md-10{width: 83.333333333333333%; float: left; padding-left: 15px; padding-right: 15px;}
.col-md-11{width: 91.66666666666667%; float: left; padding-left: 15px; padding-right: 15px;}
.col-md-12{width: 100%; float: left; padding-left: 15px; padding-right: 15px;}
.hidden-md{display: none;}
}
@media (min-width: 768px) and (max-width: 991px)
{
.container{width:768px;}
.col-sm-1{width: 8.333333333333333%; float: left; padding-left: 15px; padding-right: 15px;}
.col-sm-2{width: 16.66666666666667%; float: left; padding-left: 15px; padding-right: 15px;}
.col-sm-3{width: 25%; float: left; padding-left: 15px; padding-right: 15px;}
.col-sm-4{width: 33.333333333333333%; float: left; padding-left: 15px; padding-right: 15px;}
.col-sm-5{width: 41.66666666666667%; float: left; padding-left: 15px; padding-right: 15px;}
.col-sm-6{width: 50%; float: left; padding-left: 15px; padding-right: 15px;}
.col-sm-7{width: 58.333333333333333%; float: left; padding-left: 15px; padding-right: 15px;}
.col-sm-8{width: 66.66666666666667%; float: left; padding-left: 15px; padding-right: 15px;}
.col-sm-9{width: 75%; float: left; padding-left: 15px; padding-right: 15px;}
.col-sm-10{width: 83.333333333333333%; float: left; padding-left: 15px; padding-right: 15px;}
.col-sm-11{width: 91.66666666666667%; float: left; padding-left: 15px; padding-right: 15px;}
.col-sm-12{width: 100%; float: left; padding-left: 15px; padding-right: 15px;}
.hidden-sm{display: none;}
}
@media (max-width: 767px)
{
	.container{width:100%;}
}
@media (min-width: 621px) and (max-width: 767px)
{
.col-xs-1{width: 8.333333333333333%; float: left; padding-left: 15px; padding-right: 15px;}
.col-xs-2{width: 16.66666666666667%; float: left; padding-left: 15px; padding-right: 15px;}
.col-xs-3{width: 25%; float: left; padding-left: 15px; padding-right: 15px;}
.col-xs-4{width: 33.333333333333333%; float: left; padding-left: 15px; padding-right: 15px;}
.col-xs-5{width: 41.66666666666667%; float: left; padding-left: 15px; padding-right: 15px;}
.col-xs-6{width: 50%; float: left; padding-left: 15px; padding-right: 15px;}
.col-xs-7{width: 58.333333333333333%; float: left; padding-left: 15px; padding-right: 15px;}
.col-xs-8{width: 66.66666666666667%; float: left; padding-left: 15px; padding-right: 15px;}
.col-xs-9{width: 75%; float: left; padding-left: 15px; padding-right: 15px;}
.col-xs-10{width: 83.333333333333333%; float: left; padding-left: 15px; padding-right: 15px;}
.col-xs-11{width: 91.66666666666667%; float: left; padding-left: 15px; padding-right: 15px;}
.col-xs-12{width: 100%; float: left; padding-left: 15px; padding-right: 15px;}
.hidden-xs{display: none;}
}
@media (max-width: 620px)
{
.container{padding-left:10px;padding-right:10px;}
.row{margin-left: -10px; margin-right: -10px;}
[class*="col-"]{padding-left:10px;padding-right:10px;}
}
@media (min-width: 461px) and (max-width: 620px)
{
.col-vxs-1{width: 8.333333333333333%; float: left; padding-left: 10px; padding-right: 10px;}
.col-vxs-2{width: 16.66666666666667%; float: left; padding-left: 10px; padding-right: 10px;}
.col-vxs-3{width: 25%; float: left; padding-left: 10px; padding-right: 10px;}
.col-vxs-4{width: 33.333333333333333%; float: left; padding-left: 10px; padding-right: 10px;}
.col-vxs-5{width: 41.66666666666667%; float: left; padding-left: 10px; padding-right: 10px;}
.col-vxs-6{width: 50%; float: left; padding-left: 10px; padding-right: 10px;}
.col-vxs-7{width: 58.333333333333333%; float: left; padding-left: 10px; padding-right: 10px;}
.col-vxs-8{width: 66.66666666666667%; float: left; padding-left: 10px; padding-right: 10px;}
.col-vxs-9{width: 75%; float: left; padding-left: 10px; padding-right: 10px;}
.col-vxs-10{width: 83.333333333333333%; float: left; padding-left: 10px; padding-right: 10px;}
.col-vxs-11{width: 91.66666666666667%; float: left; padding-left: 10px; padding-right: 10px;}
.col-vxs-12{width: 100%; float: left; padding-left: 10px; padding-right: 10px;}
.hidden-vxs{display: none;}
}
@media (min-width: 300px) and (max-width: 460px)
{
.col-vvxs-1{width: 8.333333333333333%; float: left; padding-left: 10px; padding-right: 10px;}
.col-vvxs-2{width: 16.66666666666667%; float: left; padding-left: 10px; padding-right: 10px;}
.col-vvxs-3{width: 25%; float: left; padding-left: 10px; padding-right: 10px;}
.col-vvxs-4{width: 33.333333333333333%; float: left; padding-left: 10px; padding-right: 10px;}
.col-vvxs-5{width: 41.66666666666667%; float: left; padding-left: 10px; padding-right: 10px;}
.col-vvxs-6{width: 50%; float: left; padding-left: 10px; padding-right: 10px;}
.col-vvxs-7{width: 58.333333333333333%; float: left; padding-left: 10px; padding-right: 10px;}
.col-vvxs-8{width: 66.66666666666667%; float: left; padding-left: 10px; padding-right: 10px;}
.col-vvxs-9{width: 75%; float: left; padding-left: 10px; padding-right: 10px;}
.col-vvxs-10{width: 83.333333333333333%; float: left; padding-left: 10px; padding-right: 10px;}
.col-vvxs-11{width: 91.66666666666667%; float: left; padding-left: 10px; padding-right: 10px;}
.col-vvxs-12{width: 100%; float: left; padding-left: 10px; padding-right: 10px;}
.hidden-vvxs{display: none;}
}