@charset "utf-8";
/* CSS Document */

/* ===============================
       Margin and padding
=================================== */

.mar-top0{ margin-top:0;}
.mar-top10{ margin-top:10px;}
.mar-top15{ margin-top:15px;}
.mar-top20{ margin-top:20px;}
.mar-top30{ margin-top:30px;}
.mar-top40{ margin-top:40px;}
.mar-top50{ margin-top:50px;}
.mar-top100{ margin-top:100px;}

.mar-bottom0{margin-bottom:0;}
.mar-bottom10{margin-bottom:10px;}
.mar-bottom20{margin-bottom:20px;}
.mar-bottom30{margin-bottom:30px;}
.mar-bottom40{margin-bottom:40px;}
.mar-bottom50{margin-bottom:50px;}
.mar-bottom80{margin-bottom:80px;}
.mar-bottom100{margin-bottom:100px;}

.mar-right5{margin-right: 5px;}
.mar-right10{margin-right: 10px;}
.mar-right20{margin-right: 20px;}
.mar-right30{margin-right: 30px;}

.mar-left10{margin-left: 10px;}
.mar-left15{margin-left: 15px;}
.mar-left20{margin-left: 20px;}
.mar-left30{margin-left: 30px;}

.mar0{ margin:0;}

.pad0{ padding:0;}
.pad10{ padding:10px;}
.pad30{ padding:30px;}
.pad15{ padding:15px;}

.pad-lr5{ padding-left:5px; padding-right:5px;}
.pad-lr15{ padding-left:15px; padding-right:15px;}
.pad-lr30{ padding-left:30px; padding-right:30px;}
.pad-bot0{ padding-bottom:0;}
.pad-bot30{ padding-bottom:30px;}
.pad-bot50{ padding-bottom:50px;}

.pad-top30{ padding-top:30px;}
.pad-top50{ padding-top:50px;}

.pad-left10{ padding-left:10px;}
.pad-left15{ padding-left:15px;}

.pad-right0{ padding-right:0px;}
.pad-right10{ padding-right:10px;}
.pad-right15{ padding-right:15px;}


@media (max-width: 767px){
	.pad-xs-15{ padding:0 15px;}
	.pad-xs-0{ padding:0;}
}
@media (min-width: 768px){
	.pad-sm-0{ padding:0;}
	.pad-sm-l-0{ padding-left:0;}
	.pad-sm-l-5{ padding-left:5px;}
	.pad-sm-l-30{ padding-left:30px;}
	.pad-sm-l-100{ padding-left:100px;}
	.pad-sm-r-0{ padding-right:0;}
	.pad-sm-r-5{ padding-right:5px;}
	.pad-sm-r-30{ padding-right:30px;}
	.pad-sm-r-100{ padding-right:100px;}
	.pad-sm-lr-5{ padding: 0 5px;}
	.pad-sm-lr-30{ padding-left:30px; padding-right:30px;}
	.pad-sm-lr-50{ padding-left:50px; padding-right:50px;}
}
@media (min-width: 991px){
	.pad-md-0{ padding:0;}
	.pad-md-30{ padding:30px;}
	.pad-md-l-0{ padding-left:0;}
	.pad-md-l-5{ padding-left:5px;}
	.pad-md-l-30{ padding-left:30px;}
	.pad-md-l-100{ padding-left:100px;}
	.pad-md-r-0{ padding-right:0;}
	.pad-md-r-5{ padding-right:5px;}
	.pad-md-r-30{ padding-right:30px;}
	.pad-md-r-100{ padding-right:100px;}
	.pad-md-lr-5{ padding: 0 5px;}
	.pad-md-lr-30{ padding-left:30px; padding-right:30px;}
	.pad-md-lr-50{ padding-left:50px; padding-right:50px;}
	.pad-md-lr-100{ padding-left:100px; padding-right:100px;}
}
@media (min-width: 1200px){
	.pad-lg-r-30{ padding-right:30px;}
	.pad-lg-lr-30{ padding-left:30px; padding-right:30px;}
	.pad-lg-lr-50{ padding-left:50px; padding-right:50px;}
	.pad-lg-lr-150{ padding-left:150px; padding-right:150px;}
}
@media (min-width: 1550px){
	.pad-xl-l-30{ padding-left:30px;}
	.pad-xl-l-50{ padding-left:50px;}
	.pad-xl-r-30{ padding-right:30px;}
	.pad-xl-r-50{ padding-right:50px;}
	.pad-xl-l-150{ padding-left:150px;}
	.pad-xl-r-150{ padding-right:150px;}
	.pad-xl-lr-30{ padding-left:30px; padding-right:30px;}
	.pad-xl-lr-50{ padding-left:50px; padding-right:50px;}
	.pad-xl-lr-150{ padding-left:150px; padding-right:150px;}
}