/* google font */
@import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700");

@charset "utf-8";

.imageBox
{
    position: relative;
    height: 250px;
    width: 100%;
    border:1px solid #aaa;
    background: #fff;
    overflow: hidden;
    background-repeat: no-repeat;
    cursor:move;
}
.about-title
{
  font-size:18px;
}

.imageBox .thumbBox
{
    position: absolute;
    top: 50%;
    left: 50%;
    width: 200px;
    height: 200px;
    margin-top: -100px;
    margin-left: -100px;
    box-sizing: border-box;
    border: 1px solid rgb(102, 102, 102);
    box-shadow: 0 0 0 1000px rgba(0, 0, 0, 0.5);
    background: none repeat scroll 0% 0% transparent;
}

.imageBox .spinner
{
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    text-align: center;
    line-height: 400px;
    background: rgba(0,0,0,0.7);
}
/* CSS Document */
.crop {
    float: left;
   
    overflow: hidden; 
    position: relative; /* this is important too */
  
    width: 100%;
    height: 200px;
}
.crop img {
    position: absolute;
    top: -20px;
    left: 0px;
}
body{
	background:#fff;
	font-family: 'Source Sans Pro', sans-serif;
	color:#000;
}
*{
	margin:0px;
	padding:0px;
}
h1{
	text-transform:uppercase;
	font-weight: 300;
	font-family: 'univers_57_condensedregular';
}
h2{
	text-transform:uppercase;
	font-weight: 300;
	font-family: 'univers_57_condensedregular';
}
h3{
	text-transform:uppercase;
	font-weight: 300;
	font-family: 'univers_57_condensedregular';
}
h4{
	text-transform:uppercase;
	font-weight: 300;
	font-family: 'univers_57_condensedregular';
}
h5{
	text-transform:uppercase;
	font-weight: 300;
	font-family: 'univers_57_condensedregular';

    font-size: 17px !important;

}
h6{
	text-transform:uppercase;
	font-weight: 300;
	font-family: 'univers_57_condensedregular';
}
p{
	font-family: 'Source Sans Pro', sans-serif;
	font-weight:300;
	font-size:18px;
	line-height: 27px;
}

a{
	text-decoration:none;
	font-family: 'univers_57_condensedregular';
	
}
li{
	list-style:none;
}
a .img{
	border:none;
}
a:hover {transition: background-color 0.5s ease; }

img:hover {transition: background-color 0.5s ease; }
.clear{
	clear:both;
}
.height5{	height:5px; }
.height10{	height:10px; }
.height15{	height:15px; }
.height20{ 	height:20px; }
.height25{	height:25px; }
.height30{	height:30px; }
.height35{	height:35px; }
.top-bar{	background:#1C355D; }
.top-bar .navi{	float:left; }
.top-bar .navi li{	border-left:solid 1px #424242; float:left; }
.top-bar .navi li:last-child{	border-right:solid 1px #424242; }
.top-bar .navi a{	color:#fff;	font-size:15px;	padding: 0 21px;    display: block;	line-height: 51px;	text-transform:uppercase; }
.top-bar .navi a:hover{	background:#333; }
.top-bar .top-right{	float:right; }
.top-bar .top-right .demos a{	padding: 0 21px; font-size:15px; display: block; line-height: 51px;	color:#f5f5f5; text-transform:uppercase; background:#214A87; }
.top-bar .top-right .demos a:hover{	color:#fff; }


.top-bar .top-right .login{	border-left:solid 1px #424242;	border-right:solid 1px #424242;	float: left; }
.top-bar .top-right .demos{	float: left; }
.top-bar .top-right i{	margin:0 10px 0 0;	color:#f8f8f8;	font-size:19px; float:left;}
.header{	 padding:20px 0; }
.logo{	float:left; }
.logo2{ margin:16px 0 0 0;	}
.weather{	float:right; }
.weather .locat{ float:left; }
.weather .locat i{ color: #d1d1d1; font-size: 18px; margin: 3px 5px 0 0; float: left; }
.weather span.country{ font-size:18px; font-family: 'Source Sans Pro', sans-serif; float:left; }
.weather span.date{	font-size:14px;	font-family: 'Source Sans Pro', sans-serif;	margin-left: 22px; }
.weather .temp{	float:left;	margin: 0 0 0 42px; }
.weather .temp span{ font-weight:700; font-family: 'Source Sans Pro', sans-serif; font-size:18px; position:absolute; margin: 0 0px 0 -50px; }
.weather .temp i{ color:#393939; font-size:46px; }



/*..... FEATURED NEWS ......*/
.featured .main-title{	text-align: center; margin-top:50px; }
.main-featured{ border-bottom:solid 1px #dfdfdf; padding:0 0 60px 0;}
.main-title { text-align: center;}
.featured .feat-sec{ float:left; width:100%; text-align:center; }
.featured .feat-sec:last-child{	margin:30px 0 0 0; }
.featured .feat-sec img{ max-width:100%; }
.featured .feat-sec h3{	margin:20px 0 0 0; font-size: 20px;}
.featured .feat-sec p{ margin:10px 0 0 0; }
.featured .feat-sec li{	display:inline-block; margin: 0 0 0 12px; font-family: 'Source Sans Pro', sans-serif; text-transform:uppercase; color:#333333; }
.featured .feat-sec a{ font-family: 'Source Sans Pro', sans-serif; text-transform:uppercase; color:#333333; }
.featured .feat-sec i{ text-shadow:1px 1px 0 #7d7d7d,    /* Simulated effect for Firefox and Opera       and nice enhancement for WebKit */
   -1px -1px 0 #7d7d7d, 1px -1px 0 #7d7d7d, -1px  1px 0 #7d7d7d, 1px  1px 0 #7d7d7d; color:#fff; font-size:25px; margin: 0 8px 0 0; }


.content{ background:#f1f1f1; padding:50px 0px; margin:50px 0 0 0;}
.content2{ margin:0px 0 0 0;}




/*..... NEWS LEFT ......*/
.title { margin: 0 0 25px 0 ;}
.title h6{ margin:3px 0 0 0; }
.news-left .news-sec{ margin-bottom:25px; }
.news-left img{	max-width:100%; }
.news-left .detail{	background:#fff; margin:-5px 0 0 0; border:solid 1px #dfdfdf; padding:15px 15px 0 15px; }
a.small-title{ font-size:21px; font-family: 'Source Sans Pro', sans-serif; font-weight:400; color:#333333; -o-transition:.5s;  -ms-transition:.5s;  -moz-transition:.5s;  -webkit-transition:.5s;
  /* ...and now for the proper property */ transition:.5s;}

.feat-sec  a.feat-title{-o-transition:.5s;  -ms-transition:.5s;  -moz-transition:.5s;  -webkit-transition:.5s;  /* ...and now for the proper property */ transition:.5s; } 

.articles .arti-sec img:hover{opacity:0.9; }

.news-sec img:hover{opacity:0.9; }

.feat-sec img:hover{opacity:0.9; }





.news-left .detail p{ margin:5px 0 0 0; }
.news-left .detail hr{ margin:30px -30px 0 -30px ; border-top:1px solid #dfdfdf; }
ul.post-icons li{ display:inline-block; margin:18px 10px 18px 0;}
ul.post-icons li.heart{ float:right; margin-right:0px; }
span.calendar-date{ font-size:15px; text-transform:uppercase; font-family: 'Source Sans Pro', sans-serif;}
ul.post-icons a{ font-family: 'Source Sans Pro', sans-serif; text-transform:uppercase; color:#333333; font-size: 15px; }
ul.post-icons i{ text-shadow: 1px 1px 0 #7d7d7d,    /* Simulated effect for Firefox and Opera       and nice enhancement for WebKit */
   -1px -1px 0 #7d7d7d,  1px -1px 0 #7d7d7d, -1px  1px 0 #7d7d7d, 1px  1px 0 #7d7d7d; color:#fff; font-size:20px; margin: 0 5px 0 0; }





/*..... NEWS RIGHT ......*/
.news-right .news-sec{ margin-bottom:25px; }
.news-right img{ max-width:100%; }
.news-right .detail{ background:#fff; margin:-5px 0 0 0; border:solid 1px #dfdfdf; padding:15px 15px 0 15px; }
.news-right .detail p{ margin:5px 0 0 0; }
.news-right .detail hr{ margin:30px -25px 0 -25px; border-top:1px solid #dfdfdf; }

ul.post-icons  { border-top: solid 1px #dfdfdf; padding: 14px 30px; margin:24px -30px 24px -30px;}
.news-right .news-sec ul.post-icons{ margin:24px -25px 24px -25px;}
ul.post-icons li{ display:inline-block;	margin: 0px 20px 0px 0px;	float:left;	font-family: 'Source Sans Pro', sans-serif;	text-transform:uppercase; font-size: 14px; font-weight: normal; }

.articles{ margin:20px 0 0 0; float:left;}
.articles .arti-sec{ margin-bottom:25px; }
.articles .arti-sec.arti-sec2{ margin-bottom:25px; }
.articles .arti-sec .news-sec{ margin-bottom:25px; }
.articles .arti-sec img{ max-width:100%;}
.articles .arti-sec .detail{ background:#fff; margin:-5px 0 0 0; border:solid 1px #dfdfdf; padding:30px 30px 0 30px; }
.articles .arti-sec .detail p{ margin:5px 0 0 0; }
.articles .arti-sec .detail hr{ margin:30px -30px 0 -30px; border-top:1px solid #dfdfdf; }




/*..... RIGHT SECTION ......*/  
.right-sec{ background:#fff; border:solid 1px #dfdfdf; padding:0px 25px 40px 25px; margin-top:10px; }
.right-sec2{ margin-top:0px; }
.reviews{ margin:40px 0 0 0; }
.skiller {font-size: 12px;}
#skill{ width:100%; margin:52px 0 0 0;}
#skill li {background:#ebebeb;height: 8px;margin-bottom: 55px;}
#skill li span.work { position:relative; margin: -30px 0 0 0; float:left; text-transform:uppercase; font-weight: 600; font-family: 'univers_57_condensedregular'; font-size:16px; color:#222222;}
#skill li small {  text-transform:uppercase; font-weight: 300; font-family: 'univers_57_condensedregular'; font-size:20px; color:#222222; float:right; margin:-30px 0 0 0;}
#skill span { color:#fff; padding-bottom:3px; float:left;}
.expand {height: 8px; width:100%; float:left;}
.bar1 { width:72%;  -moz-animation:html5 2s ease-out;       -webkit-animation:html5 2s ease-out;        }
.bar2 { width:88%;  -moz-animation:css3 2s ease-out;        -webkit-animation:css3 2s ease-out;         }
.bar3 { width:100%; -moz-animation: jquery 2s ease-out;   -webkit-animation: jquery 2s ease-out;      }
.bar4 { width:50%;  -moz-animation:photoshop 2s ease-out;   -webkit-animation:photoshop 2s ease-out;    }
.bar5 { width:80%; -moz-animation:dreamweaver 2s ease-out; -webkit-animation:dreamweaver 2s ease-out;  }
.rating{ background:#fff; border:solid 1px #c7c7c7; padding:15px 20px; margin:-25px 0 0 0;}
.rating span{font-family: 'univers_57_condensedregular'; font-size:16px; text-transform:uppercase; font-weight:300; float:left;}
.rating span.rate{ margin:0 5px 0 0}
.rating .stars{ float:right;}
.rating .stars i{ margin:0 0 0 2px; font-size:18px;}

.ad-large{ margin:28px 0 0 0;}
.ad-large img{ width:100%; }
.ad-small{ float:right;}
.ad-small img{ width:100%; }
.right-sec .authors{ margin:40px 0 0 0; }

.right-sec .author{ margin:25px 0 0 0; }
.right-sec .authors a{	float:left;	width:25%;	margin:0; }
.right-sec .authors a.last{ margin:0px; }
.right-sec .authors img{ max-width:100%; }
.right-sec .authors img:hover{ opacity:0.9; }


.right-sec .subscribe{	margin:40px 0 0 0; }
.right-sec .subscribe .form{ margin:20px 0 0 0; }
.right-sec .form input[type=text]{	background:#f7f7f7;	border:solid 1px #e3e3e3 ; height:45px;	width:100%;	padding:0 7px; margin:0 0 10px 0; color:#333333;  font-size:14px; }
.right-sec .form input[type=submit]{ background:#333333; border:none; float:right; height:45px; padding:0 36px; color:#fff; font-size:16px; font-family: 'univers_57_condensedregular';
text-transform:uppercase; }
.right-sec .form input[type=submit]:hover{ background:#f4361e; transition: background-color 0.5s ease; }



.caegory{ margin-top:28px; }
.caegory ul{ margin-top:6px; }
.caegory li { border-bottom:solid 1px #b8b8b8; }
.caegory li a {	font-size:18px;	font-family: 'Source Sans Pro', sans-serif;	color:#333333; display:block; line-height:52px; }

.caegory li span { float:right; }




/*..... MOST COMMENTS ......*/
.most-comments{	margin-top:35px; }
.most-comments .comments{ margin-top:10px; }
.most-comments .comments ul{ margin:5px 0 0 0; float:left; }
.most-comments .comments li{ display:block; float:left; line-height: 40px; }
.most-comments .comments a{ font-size:16px; text-transform:uppercase; color:#222222; margin: 0 0 0 12px; }
.most-comments .comments a:hover{ color:#ee3b24; }
.most-comments .comments i{	font-size: 32px; float:left;	margin: 1px 0 0 0; }

.most-comments .comments span{ color:#fff; margin: -2px 0 0 -18px; font-size: 13px;	position: absolute; }
.tags-sec{ margin-top:35px; float:left; }
.tags-sec .tags{ margin:12px 0 0  0; }
.tags-sec a{ float:left; color:#222222;	border:solid 1px #c7c7c7; text-transform:uppercase;	font-size:16px;	padding: 10px 18px;	margin: 5px 5px 0 0;}





/*..... FOOTER ......*/
.footer{ background:#1C355D; padding:55px 0 0 0;}
.footer .latest-tweets h4{
	color:#fff;}
#tweet-slide { position: relative; margin:-34px 0 0 0; min-height:168px; }
#tweet-slide > div { position: absolute;}

.footer .latest-tweets p{
	color:#fff;
	font-family: 'Source Sans Pro', sans-serif;
	font-size:28px;
	line-height: 38px;
	margin: 25px 0 10px 0;
}

.footer .latest-tweets span.date{
	font-size:18px;
	text-transform:uppercase;
}
.footer .latest-tweets span.follower-no{
	color:#fff;
	font-size:74px;
	text-transform:uppercase;
	display:block;
}
.footer .latest-tweets span.follower{
	color:#fff;
	font-size:20px;
	text-transform:uppercase;
}
.footer .latest-tweets i{

	font-size: 198px;
	float:right;
	margin: -146px 0 0 0px;
	float: right;
	-moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
}
.footer .newsletter{ background:#090909;  padding:20px; margin: 35px 0 0 0;}
.footer .newsletter [type=text]{ background:#214A87; width:100%; border:none; padding:20px 86px 20px 12px; color:#8D8D8D; font-family: 'univers_57_condensedregular'; font-size:22px;}
.footer .newsletter a.submit {position: relative; margin: -69px 0px 0 0; float: right; font-size: 26px; background: #FF7524; color: #fff; padding:18px 21px;}
.footer .newsletter a.submit:hover{background: #414141;}

.footer h4{ color:#fff; font-size:28px; margin:0 0 52px 0}
.footer .popular-posts{ border-right:solid 1px #323232; border-left:solid 1px #323232; padding:0 20px; }
.footer .popular-posts img{ width:100%;}
.footer .popular-posts img:hover{ opacity:0.9;}
.footer .popular-posts h6{ color:#c8c8c8; margin:20px 0 0 0;}
.footer .popular-posts 	a{ display:block; margin:0px 0 45px 0; text-align:center;}
.footer .popular-posts	a:hover h6{ color:#fff;}
.popular-posts	a:last-child{ margin:0px 0 0 0;  display:block; }
.footer .latest-post{}
.footer .latest-post .pos-sec{ border-bottom:solid 1px #323232; float:left; padding: 0 0 20px 0; width:100%; margin: -34px 0 40px 0;}
.footer .latest-post .pos-sec.last{margin: -34px 0 0 0;}
.footer .latest-post span{ display:block;}
.footer .latest-post .pos-sec h1{ float:left; color:#8d8d8d; margin:22px 0 0 0;}
.footer .latest-post .pos-sec .detail{ float:left; margin:28px 0 0 15px;}
.footer .latest-post .pos-sec .detail a{ color:#fff; font-family: 'univers_57_condensedregular'; text-transform:uppercase; }

.footer .latest-post .pos-sec .detail span.date{ font-size:14px; color:#979797; margin:6px 0 0 0; text-transform:uppercase;}
.footer .latest-post .social-icons{}
.footer .latest-post .social-icons a{ float:left; color:#adadad; font-size:30px; border:solid 3px #adadad; border-radius:100%; padding: 16px 0 0 18px; width: 72px; height: 72px; margin: 0 10px 0 0;}

.footer .latest-post .social-icons a:last-child{ margin:0 0 0 0;}
.footer .copyright{ text-align:center; background:#214A87;  padding:44px 0 32px 0; margin:60px 0 0 0;}
.footer .copyright p{ text-transform:uppercase; color:#c8c8c8; font-size:16px; font-family: 'univers_57_condensedregular';}
.feat-posts .carousel-caption{  bottom:0px; color:#fff; padding:0px; text-align:center; float:none;}
.feat-posts .carousel-caption h3{ }
.feat-posts .carousel-control.left{ width:50px ; top:40%; left:3%;  height:36px;}
.feat-posts .carousel-control.right{ width:50px ; top:40%; right:3%; height:36px;}
.feat-posts a.title{ text-transform:uppercase; color:#fff; font-size:24px; margin:10px 0 10px 0px;  text-align:center; display:block;}

.footer2 .newsletter{ background:none; padding:0px; margin:35px 0 0 0;}
.footer2 .newsletter h5{ color:#fff; margin:0 0 20px 0;}
.footer2 .newsletter [type=text] {padding: 17px 86px 17px 12px;}
.footer2 .newsletter a.submit { margin: -61px 0px 0 0; padding: 20px;}
.footer2 .social-icons{ margin:28px 0 0 0;}
.footer2 .about-us{ margin:0 0 0 0;  }
.footer2 .about-us h2{ color:#B9B9B9; margin: 0px; border: solid 2px #B9B9B9; display: inline-block; padding: 12px 31px;}
.footer2 .about-us p{ color:#CFCFCF; margin:15px 0 0 0;}
.footer2 .about-us span{ color:#CFCFCF; margin: 10px 0 0 0; float: left; font-weight: 100; font-size:15px;}
.footer2 .about-us a{ margin:0 0 0 6px;}




/*..... Home Page2 Posts ......*/
.home2-posts{ background:#fff; margin:0 0 0 0; padding: 36px; border:solid 1px #dfdfdf;}
.home2-posts .post-sec{ margin:0 0 52px 0;}
.home2-posts .post-sec:last-child{ margin:0 0 0px 0;}
.home2-posts .post-sec img{ width:100%;}
.home2-posts .post-sec .detail{ margin:36px 0 0 0;}
.home2-posts .post-sec .detail ul{ margin:16px 0 0 0;}
.home2-posts .post-sec .detail p{ margin:12px 0 0 0;}
.home2-posts .post-sec .detail a.read-more{ background: #ee3b24; padding: 10px 34px; text-transform: uppercase; font-size: 14px; color: #fff;
margin: 18px 0 0 0; display: inline-block; transition: background-color 0.5s ease;}

.home2-posts .post-sec .detail a.read-more:hover{ background: #222; transition: background-color 0.5s ease;}
.post-style{ margin:10px 0 0 0;}
ul.icons-sec li{	display:inline-block; margin: 0 12px 0 0px; font-family: 'Source Sans Pro', sans-serif; text-transform:uppercase; color:#333333; }
ul.icons-sec a{ font-family: 'Source Sans Pro', sans-serif; text-transform:uppercase; color:#333333; }
ul.icons-sec i{ text-shadow:1px 1px 0 #7d7d7d,    /* Simulated effect for Firefox and Opera       and nice enhancement for WebKit */
   -1px -1px 0 #7d7d7d, 1px -1px 0 #7d7d7d, -1px  1px 0 #7d7d7d, 1px  1px 0 #7d7d7d; color:#fff; font-size:25px; margin: 0 8px 0 0; }


a{-o-transition: .5s;
-ms-transition: .5s;
-moz-transition: .5s;
-webkit-transition: .5s;
transition: .5s;}
.more-posts{ margin:60px 0 0 0;}
.more-posts a.new-posts { color: #fff; padding: 10px 18px; text-transform: uppercase; font-size: 14px; float:left; transition: background-color 0.5s ease;}  
.more-posts a.older-posts {color: #fff; padding: 10px 18px; text-transform: uppercase; font-size: 14px; float:right; transition: background-color 0.5s ease;}  

.more-posts a.new-posts img{ margin:0px 60px 0 0;}
.more-posts a.older-posts img{ margin:0px 0px 0 60px;}




/*..... Home Page3 Posts ......*/
.main3-posts{ padding: 50px 0;}
.main3-posts .post-sec{ text-align:center; margin:0 0 25px 0;}
.main3-posts .post-sec img{ width:100%;}
.main3-posts .post-sec .detail{ background:#fff; border:solid 1px #dfdfdf;}
.main3-posts .post-sec .detail .text a{ color:#222222; display:inline-block;}

.main3-posts .post-sec img:hover{ opacity:0.9; color:#ee3b24;}


.main3-posts .post-sec .text{ margin:25px 0 20px 0;}
.main3-posts .post-sec .icons-sec{ border-top:solid 1px #dfdfdf; padding:14px 0;}
.main3-posts .large-post{text-align:center; padding: 180px 0; margin:15px 0 0 0;}
.main3-posts .large-post:hover{opacity:0.9; }
.main3-posts .large-post h4{ color:#fff; }
.main3-posts .large-post h1.large{ color:#fff; font-size:64px;}
.main3-posts .large-post a{ color:#fff; text-transform:uppercase; border:solid 1px #fff; padding: 15px 36px; margin: 16px 0 0 0; display: inline-block; font-size:22px;}
.main3-posts .large-post a:hover{ color:#222; background:#fff; transition: background-color 0.7s ease;}
.cbp-item .detail{ text-align:left; padding:15px 25px 0 25px;}
.cbp-item .detail p{ margin:8px 0 0 0;}
.cbp-item .detail .icons-sec{ margin:20px -25px 0 -25px !important; padding:14px 25px;}
.cbp-item .detail .icons-sec li{ font-size:14px; font-weight: 400;}
.cbp-item .detail .icons-sec li:last-child{  float:right; margin:0px;}
.cbp-item .detail .icons-sec i{ font-size:20px;}




/*..... Home Page4 Posts ......*/

.full-width{ }
.full-width .large-sec{ text-align:center; margin:0 auto; }

.full-width .large-sec img{ width:100%; }

.full-width .large-sec .detail{ position:absolute; text-align:center; width:100%;  color:#fff; margin:12% 0 0 0;}
.full-width .large-sec .detail h3{  font-size: 1.6vw;}
.full-width .large-sec .detail h1{   font-size: 4.2vw;}
.full-width .large-sec .detail a{color:#fff; text-transform:uppercase; border:solid 1px #fff; padding: 15px 36px; margin: 16px 0 0 0; display: inline-block; font-size:22px;}
.full-width .large-sec .detail a:hover{ color:#222; background:#fff; transition: background-color 0.7s ease;}
.full-width .medium-sec{ width:50%; float:left;}
.full-width .medium-sec .detail{  float:none; }
.full-width .medium-sec .detail h3{  font-size: 1.5vw;}
.full-width .medium-sec .detail h1{   font-size: 3.4vw;}
.full-width .medium-sec img{ width:100%;}
.full-width .medium-sec .detail{ position:absolute; text-align:center; width:50%; color:#fff;   margin:9% 0 0 0;}
.full-width .medium-sec .detail a{color:#fff; text-transform:uppercase; border:solid 1px #fff; padding: 15px 36px; margin: 16px 0 0 0; display: inline-block; font-size:22px;}
.full-width .medium-sec .detail a:hover{ color:#222; background:#fff; transition: background-color 0.7s ease;}
.full-width .small-sec{ width:33.33%; float:left;}
.full-width .small-sec .detail{   float:none; text-align:center; width:33.33%; color:#fff; }
.full-width .small-sec .detail h3{  font-size: 1.2vw;}
.full-width .small-sec .detail h1{   font-size: 2.6vw;}
.full-width .small-sec img{ width:100%;}
.full-width .small-sec .detail{ position:absolute; text-align:center; margin:9% 0 0 0;}
.full-width .small-sec .detail a{color:#fff; text-transform:uppercase; border:solid 1px #fff; padding: 15px 36px; margin: 16px 0 0 0; display: inline-block; font-size:22px;}
.full-width .small-sec .detail a:hover{ color:#222; background:#fff; transition: background-color 0.7s ease;}
.load-more{ text-align:center; padding: 102px 0;}
.load-more a{ font-size:20px; color:#222; border:solid 2px #0e0e0e; text-transform: uppercase; padding: 15px 230px;}
.load-more a:hover{ color:#fff; transition: background-color 0.7s ease;}







/*..... Home Page5 Posts ......*/

.main5-posts{}
.main5-posts .post-sec{ margin:0 0 28px 0;}
.main5-posts .post-sec img{ width:100%;}
.main5-posts .post-sec img:hover{ opacity:0.9;}
.main5-posts .post-sec .detail{ background:#fff; border:solid 1px #dfdfdf; padding:25px; }
.main5-posts .post-sec .detail ul{ margin:10px 0 0 0;}
.main5-posts .post-sec .detail p{ margin:10px 0 0 0; }
.main5-posts .post-sec .detail a{ color:#000000;}

.pagination{ text-align:center; margin:0 0 60px 0;}
.pagination ul{ }
.pagination ul li{ display:inline-block; margin: 0 5px 0 0;}
.pagination ul a{ background:#fff; border-radius:100%; border: solid 1px #dadada; width: 55px; height: 55px; display:inline-block; font-size:18px; color:#333;
font-family: 'Source Sans Pro', sans-serif; padding:15px 0px 0 0; float:left;}
.pagination ul a.sel{ border-radius:100%; color:#fff;}
.pagination ul a:hover{ border-radius:100%; color:#fff;}
.pagination ul a.dots{padding:10px 0 0 0;}




/*..... Posts Style1 ......*/

.posts-style1{}
.posts-style1 .post-sec{ margin:0 0 28px 0;}
.posts-style1 .post-sec:last-child{ margin:0 0 0px 0;}
.posts-style1 .post-sec img{  }
.posts-style1 .post-sec img:hover{ opacity:0.9;}
.posts-style1 .post-sec .detail{ background:#fff; padding: 16px 16px 0 16px;  float: right; border: solid 1px #dfdfdf; width: 100%;}

.posts-style1 .post-sec .detail p{ margin:8px 0 0 0;}
.posts-style1 .post-sec .detail .icons-sec{ border-top: solid 1px #dfdfdf; margin: 20px -16px 0 -16px !important; padding: 12px 25px;}
.posts-style1 .post-sec .detail .icons-sec li:last-child{ float:right;}
.posts-style1 .post-sec .detail .icons-sec i{ font-size:20px;}
.posts-style{ margin-top:0px;}
.articles .posts-style1{ padding:0 0 28px 0;}



/*..... Posts Style4 ......*/

.main-content{ background:#fff; padding: 25px 0px 60px 0; margin: 0px 0 0 0;}
.main-content .main-sec{ padding-left: 14px; padding-right: 14px;}
.main-content .main-sec .large-post{ width:49.6%; float:left; position: relative;  }
.main-content .main-sec .medium-posts{ width:24.3%; float:left; margin:0 0 10px 10px; position: relative;}
.main-content .main-sec .medium-posts:hover{  opacity:0.9; }
.main-content .main-sec img{ width:100%; float:left; }
.main-content .video-posts{ width:100%; }
.main-content .video-posts:hover{ opacity:0.9; }
.main-content .video-posts .black-shadow{  width:94%; }
.main-content .video-posts img{ width:100%; }
.v-player{ position:absolute; left:50%; top:50%;}
.v-player img{ position:relative;  top:-20px !important; left:-50%;}
.main-content .post-meta{position: absolute; bottom: 0; width: 94%; padding: 0px 15px 15px 20px; z-index:1;}
.main-content .post-meta span.title{font-size:32px; color:#fff; display:block; margin:0px; }
.main-content .medium-posts .post-meta  span.title{font-size:22px; line-height:22px;}
.main-content .post-meta span.author{font-size: 18px; color:#fff;}
.main-content .post-meta span.date{font-size: 14px; color:#E0E0E0;}

.black-shadow{bottom: 0; content: ""; display: block; height: 40%; width: 100%; position: absolute; z-index: 0;
background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.7)));
background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#b3000000', GradientType=0);
}
.videos{ margin:8px 0 0 0; }
.videos .sub-title{ margin:40px 0 10px 0; }
.videos .videos-sec{ margin:0 0 28PX 0; float:left;}





/*..... Posts Detail ......*/

.left-sec img{ width:100%; }
.post-detail{ background: #fff; border: solid 1px #dfdfdf; padding: 35px 20px;}
span.highlight{ font-size: 28px; font-style: italic; display: block; text-align: center; font-weight: 500; padding: 28px 60px; line-height: 34px;}
.post-detail p{ margin:10px 0 0 0;}

.post-detail .tags{ border-bottom:solid 3px #797979; border-top:solid 3px #797979; padding: 22px 0; margin: 25px 0 0 0;}
.post-detail .tags a{ color:#222222; text-transform:uppercase; border:solid 1px #c7c7c7;  padding:10px 30px; }
.post-detail .tags a:hover{ color:#fff; text-decoration:none;}
.post-detail .tags i{  font-size: 32px; margin:-4px 26px 0 0; float: left; color:#575757;}
.post-detail .share-on{ margin:35px 0 0 0;}
.post-detail .share-on h5{ float:left; margin:0 30px 0 0px;}
.post-detail .share-on a{ font-family: 'Source Sans Pro', sans-serif; font-size:16px; text-transform:uppercase; color:#383838; border-right:solid 1px #c3c3c3; letter-spacing: 1px;
margin: 0 0 0 0; padding: 0 29px ;}
.post-detail .share-on a:hover{ text-decoration:none;}
.post-detail .share-on a:last-child{ margin:0px; padding:0px 0 0 29px; border-right:none;}
.post-detail .share-on a:last-child:hover{ color:#f00;}
.post-detail .share-on a.fb:hover{ color:#204385;}
.post-detail .share-on a.tw:hover{ color:#2aa9e0;}
.post-detail .share-on a.pin:hover{ color:#ca2128;}
.post-detail .share-on a.gp:hover{ color:#000;}
.post-detail .share-on a.li:hover{ color:#02669a;}
.about-author { margin:40px 0; background:#e6e6e6; padding:20px; }
.about-author .author-detail{ border:solid 1px #aeaeae; padding:25px;}
.about-author .author-detail .detail{ margin:0 0 0 130px; }
.about-author .author-detail .detail p{ margin:6px 0 0 0;}
.about-author .author-detail .detail .social{ margin:22px 0 0 0;}
.about-author .author-detail .detail .social i{ background:#0177B5; color:#fff; padding: 12px; font-size: 21px; }
.author-detail .detail .social i.icon-facebook6:hover{ background:#204385;}
.author-detail .detail .social i.icon-twitter:hover{ background:#2aa9e0;}
.author-detail .detail .social i.icon-googleplus7:hover{ background:#222222;}
.author-detail .detail .social i.icon-pinterest3:hover{ background:#ca2128;}
.author-detail .detail .social i.icon-dribbble6:hover{ background:#da55b9;}
.about-author .author-detail img{ width:105px; float:left;}
.comments-sec{ margin:5px 0 0 0;}
.comments-sec .all-comments{ margin:25px 0 0 0;}
.comments-sec .user-comment{ background:#ececec; border:solid 1px #d2d2d2; padding:15px; margin:0 0 10px 0;}
.comments-sec .user-comment.reply-user{ width:85%; float:right;}
.comments-sec .user-comment img{width:85px; float:left;}
.comments-sec .user-comment h6{ float:left;}
.comments-sec .user-comment span{ float:left; color:#6b6b6b; text-transform:uppercase; margin: -3px 0 0 16px; font-family: 'univers_57_condensedregular'; font-size:14px;}
.comments-sec .user-comment a{ float:right; text-transform:uppercase; font-size:14px; color:#3d3d3d;}

.comments-sec .user-comment .top-det{ border-bottom:solid 1px #c2bbbb; padding:0 0 28px 0;}
.comments-sec .user-comment p{ float:left; margin:5px 0 0 0; }
.comments-sec .user-comment .detail{ margin:0 0 0 110px; }
.leave-form{ margin:42px 0 0 0;}
.leave-form h3{ margin:0 0 20px 0;}
.leave-form .fields{ float:left; width:100%; margin:0 0 12px 0;}
.leave-form .fields input[type=text]{ height:56px; width:49.2%; border:solid 1px #d2d2d2; float:left; font-size:15px; color:#828282; font-family: 'univers_57_condensedregular';
text-transform:uppercase; padding:0 15px;}
.leave-form .fields input[type=text]:last-child{ float:right; }
.leave-form .textarea textarea{ height:256px; width:100%; border:solid 1px #d2d2d2; float:left; font-size:15px; color:#828282; font-family: 'univers_57_condensedregular';
text-transform:uppercase; padding:15px 15px;}
.leave-form input[type=submit]{ border:none; float:left; color:#fff; font-family: 'univers_57_condensedregular'; text-transform:uppercase; padding:12px 30px; background:#333333; margin:12px 0 0 0;}
.leave-form input[type=submit]:hover{ background:#f4361e; transition: background-color 0.5s ease;}
.full-width-post img{ width:100%;}
.video-detail{ display:flex;}
.video-detail iframe{ width: 100%; height: 479px; border: none;}
.video-large{ display:flex;}
.video-large iframe{ width: 100%; height: 718px; border: none;}
.many-imgs{ display:inline-block;}
.many-imgs .large-img{ width:100%;}
.many-imgs .medium-img{ width:49%; float:left; margin:16px 16px 16px 0;}
.many-imgs .medium-img.last{ margin:16px 0 16px 0;}
.many-imgs .small-img{ width:32%; float:left; margin:0 16px 0 0;}
.many-imgs .small-img.last{ margin:0px;}
.many-pictures{}
.many-pictures .pic-sec{ margin: 0 0 48px 0;} 

.many-pictures img{ margin:35px 0 15px 0;}
.many-pictures span.number{ font-size: 28px; background: #222; color: #fff; padding: 4px 0px; border-radius: 5px; margin: 0 15px 0 0; font-weight:700; width:46px; height:46px; float:left;
text-align:center;}
.many-pictures span{ font-size:28px;}




/*..... About Us ......*/
.about-me{ background:#fff; border:solid 1px #dfdfdf; padding:35px 25px; margin:0 0 40px 0;}
.about-me.last{margin:0px 0 0 0;}
.about-me p{ margin:20px 0 0 0;}
.about-me p img{ float:left; margin:0 30px 0 0;}
.find-me{ margin:35px 0 0 0;}
.find-me p{ margin:8px 0 0 0;}
.find-me .social-icons{ margin:20px 0 0 0;}
.find-me .social-icons a{ text-transform:uppercase; color:#222222; border: solid 1px #c7c7c7; padding: 10px 22px; float: left; margin: 0 5px 8px 0;}
.find-me .social-icons a.fb:hover{ background:#325c94; color:#fff; border: solid 1px #325c94;}
.find-me .social-icons a.tw:hover{ background:#00abdc; color:#fff; border: solid 1px #00abdc;}
.find-me .social-icons a.gp:hover{ background:#464646; color:#fff; border: solid 1px #464646;}
.find-me .social-icons a.pi:hover{ background:#d9031f; color:#fff; border: solid 1px #d9031f;}
.find-me .social-icons a.db:hover{ background:#fa4086; color:#fff; border: solid 1px #fa4086;}
.find-me .social-icons i { font-size:22px; margin:0 10px 0 0; float:left;}



/*..... Author Detail ......*/
.authors-detail{}
.authors-detail .about-author{ margin:0px;}
.author-posts{ margin:48px 0 0 0; float:left; }



/*..... Contact Us ......*/
.contact-us{ text-align:center; }
.contact-us .form{ width:63%; text-align:center; display:inline-block; background:#fff; border:solid 1px #dfdfdf; padding:27px;}
.contact-us .form h3{ margin: 0 0 25px 0;}
.contact-us .fields{ width:49%;  float:left; margin:0 15px 0 0;}
.contact-us .fields.last{ margin:0 0 0 0;}
.contact-us h3{ text-align:left;}
.contact-us .fields input[type=text]{ width:100%; border:solid 1px #d2d2d2; height:56px; text-transform:uppercase; font-size:15px; color:#828282; margin:0 0 15px 0; padding:0 15px;}
.contact-us .textarea{ width:100%;}
.contact-us .textarea textarea{ width:100%; border:solid 1px #d2d2d2; height:236px; text-transform:uppercase; font-size:15px; color:#828282; margin:0 0 15px 0; padding:15px;}
.contact-us input[type=submit]{  text-transform:uppercase; font-size:16px; color:#fff; margin:0 0 15px 0; padding:0 15px; background:#333333; border: none; padding: 12px 32px;float: left;}
.contact-us input[type=submit]:hover{background:#ee3b24; transition: background-color 0.5s ease;}
.contact-us input[type=submit]:active{-webkit-transform: scale(0.9); */
-moz-transform: scale(0.9);
-ms-transform: scale(0.9);
-o-transform: scale(0.9);
 transform: scale(0.9); }



/*..... Error Page ......*/
.error{ text-align:center; background:#f9c8c8; padding: 20px;}
.error .error-page{ border:solid 1px #df9292; padding:80px 0; }
.error .error-page h3{ margin:7px 0 0 0; }
.error .error-page a{ padding:14px 50px; background:#000; text-transform:uppercase; color:#fff; margin: 25px 0 0 0; display: inline-block;}
.error .error-page a:hover{  background:#222; }


/*..... Latest Posts ......*/
.latest-posts{ margin:40px 0 0 0;}
.latest-posts h3{ margin:0 0 -12px 0;}
.main-content .articles-posts{ width:100%; margin:28px 0 0 0; float:left;}
.main-content .articles-posts:hover{opacity:0.9; background:#f00;}
.main-content .articles-posts .black-shadow{  width:94%; }
.main-content .articles-posts img{ width:100%; }



















.sticky-header { padding: 0; }
.sticky-header.scroll-to-fixed-fixed { background:#fff; margin-top:0px; border-bottom: solid 1px #EAEAEA;}
.sticky-header.scroll-to-fixed-fixed hr{ display:none;}
/**.sticky-header.scroll-to-fixed-fixed hr{ display:none;}**/


/* 
 * Custom Bootstrap Margin Padding
 * Author - Md Ismail Hossain
 * Git    - https://github.com/ismailcseku/Custom-Bootstrap-Margin-Padding
 * Web    - http://ismail-hossain.me/
 * Email  - ismailcseku@gmail.com
 */


/**
 * Table of Contents:
 *
 * 1   -> Basic margin padding
 * 1.1 -> Margin padding zero
 * 1.2 -> Margin top
 * 1.3 -> Margin right
 * 1.4 -> Margin bottom
 * 1.5 -> Margin left
 * 1.6 -> Padding top
 * 1.7 -> Padding right
 * 1.8 -> Padding bottom
 * 1.9 -> Padding left
 * 2 -> lg: min-width:992px
 * 3 -> md: max-width:991px
 * 4 -> sm: max-width 767px
 * 5 -> xs: max-width 479px 
 * ===============================================
 */
/* min even, max odd*/

/*
 * 1.1 -> Basic margin padding
 * -----------------------------------------------
*/
.m-0 {
	margin: 0px !important;
}
.m-10 {
	margin: 10px !important;
}
.m-15 {
	margin: 15px !important;
}
.m-20 {
	margin: 20px !important;
}
.m-30 {
	margin: 30px !important;
}
.m-40 {
	margin: 40px !important;
}
.m-50 {
	margin: 50px !important;
}
.m-60 {
	margin: 60px !important;
}
.m-70 {
	margin: 70px !important;
}
.m-80 {
	margin: 80px !important;
}
.m-90 {
	margin: 90px !important;
}
.m-100 {
	margin: 100px !important;
}
.m-110 {
	margin: 110px !important;
}
.m-120 {
	margin: 120px !important;
}
.m-130 {
	margin: 130px !important;
}
.m-140 {
	margin: 140px !important;
}
.m-150 {
	margin: 150px !important;
}
.m-160 {
	margin: 160px !important;
}
.m-170 {
	margin: 170px !important;
}
.m-180 {
	margin: 180px !important;
}
.m-190 {
	margin: 190px !important;
}
.m-200 {
	margin: 200px !important;
}

.p-0 {
	padding: 0 !important;
}
.p-10 {
	padding: 10px !important;
}
.p-15 {
	padding: 15px !important;
}
.p-20 {
	padding: 20px !important;
}
.p-30 {
	padding: 30px !important;
}
.p-40 {
	padding: 40px !important;
}
.p-50 {
	padding: 50px !important;
}
.p-60 {
	padding: 60px !important;
}
.p-70 {
	padding: 70px !important;
}
.p-80 {
	padding: 80px !important;
}
.p-90 {
	padding: 90px !important;
}
.p-100 {
	padding: 100px !important;
}
.p-110 {
	padding: 110px !important;
}
.p-120 {
	padding: 120px !important;
}
.p-130 {
	padding: 130px !important;
}
.p-140 {
	padding: 140px !important;
}
.p-150 {
	padding: 150px !important;
}
.p-160 {
	padding: 160px !important;
}
.p-170 {
	padding: 170px !important;
}
.p-180 {
	padding: 180px !important;
}
.p-190 {
	padding: 190px !important;
}
.p-200 {
	padding: 200px !important;
}

/*
 * 1.2 -> Margin top
 * -----------------------------------------------
*/
.mt-0 {
	margin-top: 0 !important;
}
.mt-10 {
	margin-top: 10px !important;
}
.mt-15 {
	margin-top: 15px !important;
}
.mt-20 {
	margin-top: 20px !important;
}
.mt-30 {
	margin-top: 30px !important;
}
.mt-40 {
	margin-top: 40px !important;
}
.mt-50 {
	margin-top: 50px !important;
}
.mt-60 {
	margin-top: 60px !important;
}
.mt-70 {
	margin-top: 70px !important;
}
.mt-80 {
	margin-top: 80px !important;
}
.mt-90 {
	margin-top: 90px !important;
}
.mt-100 {
	margin-top: 100px !important;
}
.mt-110 {
	margin-top: 110px !important;
}
.mt-120 {
	margin-top: 120px !important;
}
.mt-130 {
	margin-top: 130px !important;
}
.mt-140 {
	margin-top: 140px !important;
}
.mt-150 {
	margin-top: 150px !important;
}
.mt-160 {
	margin-top: 160px !important;
}
.mt-170 {
	margin-top: 170px !important;
}
.mt-180 {
	margin-top: 180px !important;
}
.mt-190 {
	margin-top: 190px !important;
}
.mt-200 {
	margin-top: 200px !important;
}

/*
 * 1.3 -> Margin right
 * -----------------------------------------------
*/
.mr-0 {
	margin-right: 0!important
}
.mr-10 {
	margin-right: 10px !important;
}
.mr-15 {
	margin-right: 15px !important;
}
.mr-20 {
	margin-right: 20px !important;
}
.mr-30 {
	margin-right: 30px !important;
}
.mr-40 {
	margin-right: 40px !important;
}
.mr-50 {
	margin-right: 50px !important;
}
.mr-60 {
	margin-right: 60px !important;
}
.mr-70 {
	margin-right: 70px !important;
}
.mr-80 {
	margin-right: 80px !important;
}
.mr-90 {
	margin-right: 90px !important;
}
.mr-100 {
	margin-right: 100px !important;
}
.mr-110 {
	margin-right: 110px !important;
}
.mr-120 {
	margin-right: 120px !important;
}
.mr-130 {
	margin-right: 130px !important;
}
.mr-140 {
	margin-right: 140px !important;
}
.mr-150 {
	margin-right: 150px !important;
}
.mr-160 {
	margin-right: 160px !important;
}
.mr-170 {
	margin-right: 170px !important;
}
.mr-180 {
	margin-right: 180px !important;
}
.mr-190 {
	margin-right: 190px !important;
}
.mr-200 {
	margin-right: 200px !important;
}

/*
 * 1.4 -> Margin bottom
 * -----------------------------------------------
*/
.mb-0 {
	margin-bottom: 0!important
}
.mb-10 {
	margin-bottom: 10px !important;
}
.mb-15 {
	margin-bottom: 15px !important;
}
.mb-20 {
	margin-bottom: 20px !important;
}
.mb-30 {
	margin-bottom: 30px !important;
}
.mb-40 {
	margin-bottom: 40px !important;
}
.mb-50 {
	margin-bottom: 50px !important;
}
.mb-60 {
	margin-bottom: 60px !important;
}
.mb-70 {
	margin-bottom: 70px !important;
}
.mb-80 {
	margin-bottom: 80px !important;
}
.mb-90 {
	margin-bottom: 90px !important;
}
.mb-100 {
	margin-bottom: 100px !important;
}
.mb-110 {
	margin-bottom: 110px !important;
}
.mb-120 {
	margin-bottom: 120px !important;
}
.mb-130 {
	margin-bottom: 130px !important;
}
.mb-140 {
	margin-bottom: 140px !important;
}
.mb-150 {
	margin-bottom: 150px !important;
}
.mb-160 {
	margin-bottom: 160px !important;
}
.mb-170 {
	margin-bottom: 170px !important;
}
.mb-180 {
	margin-bottom: 180px !important;
}
.mb-190 {
	margin-bottom: 190px !important;
}
.mb-200 {
	margin-bottom: 200px !important;
}

/*
 * 1.5 -> Margin left
 * -----------------------------------------------
*/
.ml-0 {
	margin-left: 0!important
}
.ml-10 {
	margin-left: 10px !important;
}
.ml-15 {
	margin-left: 15px !important;
}
.ml-20 {
	margin-left: 20px !important;
}
.ml-30 {
	margin-left: 30px !important;
}
.ml-40 {
	margin-left: 40px !important;
}
.ml-50 {
	margin-left: 50px !important;
}
.ml-60 {
	margin-left: 60px !important;
}
.ml-70 {
	margin-left: 70px !important;
}
.ml-80 {
	margin-left: 80px !important;
}
.ml-90 {
	margin-left: 90px !important;
}
.ml-100 {
	margin-left: 100px !important;
}
.ml-110 {
	margin-left: 110px !important;
}
.ml-120 {
	margin-left: 120px !important;
}
.ml-130 {
	margin-left: 130px !important;
}
.ml-140 {
	margin-left: 140px !important;
}
.ml-150 {
	margin-left: 150px !important;
}
.ml-160 {
	margin-left: 160px !important;
}
.ml-170 {
	margin-left: 170px !important;
}
.ml-180 {
	margin-left: 180px !important;
}
.ml-190 {
	margin-left: 190px !important;
}
.ml-200 {
	margin-left: 200px !important;
}

/*
 * 1.6 -> Padding top
 * -----------------------------------------------
*/
.pt-0 {
	padding-top: 0!important
}
.pt-10 {
	padding-top: 10px !important;
}
.pt-15 {
	padding-top: 15px !important;
}
.pt-20 {
	padding-top: 20px !important;
}
.pt-30 {
	padding-top: 30px !important;
}
.pt-40 {
	padding-top: 40px !important;
}
.pt-50 {
	padding-top: 50px !important;
}
.pt-60 {
	padding-top: 60px !important;
}
.pt-70 {
	padding-top: 70px !important;
}
.pt-80 {
	padding-top: 80px !important;
}
.pt-90 {
	padding-top: 90px !important;
}
.pt-100 {
	padding-top: 100px !important;
}
.pt-110 {
	padding-top: 110px !important;
}
.pt-120 {
	padding-top: 120px !important;
}
.pt-130 {
	padding-top: 130px !important;
}
.pt-140 {
	padding-top: 140px !important;
}
.pt-150 {
	padding-top: 150px !important;
}
.pt-160 {
	padding-top: 160px !important;
}
.pt-170 {
	padding-top: 170px !important;
}
.pt-180 {
	padding-top: 180px !important;
}
.pt-190 {
	padding-top: 190px !important;
}
.pt-200 {
	padding-top: 200px !important;
}

/*
 * 1.7 -> Padding right
 * -----------------------------------------------
*/
.pr-0 {
	padding-right: 0!important
}
.pr-10 {
	padding-right: 10px !important;
}
.pr-15 {
	padding-right: 15px !important;
}
.pr-20 {
	padding-right: 20px !important;
}
.pr-30 {
	padding-right: 30px !important;
}
.pr-40 {
	padding-right: 40px !important;
}
.pr-50 {
	padding-right: 50px !important;
}
.pr-60 {
	padding-right: 60px !important;
}
.pr-70 {
	padding-right: 70px !important;
}
.pr-80 {
	padding-right: 80px !important;
}
.pr-90 {
	padding-right: 90px !important;
}
.pr-100 {
	padding-right: 100px !important;
}
.pr-110 {
	padding-right: 110px !important;
}
.pr-120 {
	padding-right: 120px !important;
}
.pr-130 {
	padding-right: 130px !important;
}
.pr-140 {
	padding-right: 140px !important;
}
.pr-150 {
	padding-right: 150px !important;
}
.pr-160 {
	padding-right: 160px !important;
}
.pr-170 {
	padding-right: 170px !important;
}
.pr-180 {
	padding-right: 180px !important;
}
.pr-190 {
	padding-right: 190px !important;
}
.pr-200 {
	padding-right: 200px !important;
}

/*
 * 1.8 -> Padding bottom
 * -----------------------------------------------
*/
.pb-0 {
	padding-bottom: 0!important
}
.pb-10 {
	padding-bottom: 10px !important;
}
.pb-15 {
	padding-bottom: 15px !important;
}
.pb-20 {
	padding-bottom: 20px !important;
}
.pb-30 {
	padding-bottom: 30px !important;
}
.pb-40 {
	padding-bottom: 40px !important;
}
.pb-50 {
	padding-bottom: 50px !important;
}
.pb-60 {
	padding-bottom: 60px !important;
}
.pb-70 {
	padding-bottom: 70px !important;
}
.pb-80 {
	padding-bottom: 80px !important;
}
.pb-90 {
	padding-bottom: 90px !important;
}
.pb-100 {
	padding-bottom: 100px !important;
}
.pb-110 {
	padding-bottom: 110px !important;
}
.pb-120 {
	padding-bottom: 120px !important;
}
.pb-130 {
	padding-bottom: 130px !important;
}
.pb-140 {
	padding-bottom: 140px !important;
}
.pb-150 {
	padding-bottom: 150px !important;
}
.pb-160 {
	padding-bottom: 160px !important;
}
.pb-170 {
	padding-bottom: 170px !important;
}
.pb-180 {
	padding-bottom: 180px !important;
}
.pb-190 {
	padding-bottom: 190px !important;
}
.pb-200 {
	padding-bottom: 200px !important;
}

/*
 * 1.9 -> Padding left
 * -----------------------------------------------
*/
.pl-0 {
	padding-left: 0!important
}
.pl-10 {
	padding-left: 10px !important;
}
.pl-15 {
	padding-left: 15px !important;
}
.pl-20 {
	padding-left: 20px !important;
}
.pl-30 {
	padding-left: 30px !important;
}
.pl-40 {
	padding-left: 40px !important;
}
.pl-50 {
	padding-left: 50px !important;
}
.pl-60 {
	padding-left: 60px !important;
}
.pl-70 {
	padding-left: 70px !important;
}
.pl-80 {
	padding-left: 80px !important;
}
.pl-90 {
	padding-left: 90px !important;
}
.pl-100 {
	padding-left: 100px !important;
}
.pl-110 {
	padding-left: 110px !important;
}
.pl-120 {
	padding-left: 120px !important;
}
.pl-130 {
	padding-left: 130px !important;
}
.pl-140 {
	padding-left: 140px !important;
}
.pl-150 {
	padding-left: 150px !important;
}
.pl-160 {
	padding-left: 160px !important;
}
.pl-170 {
	padding-left: 170px !important;
}
.pl-180 {
	padding-left: 180px !important;
}
.pl-190 {
	padding-left: 190px !important;
}
.pl-200 {
	padding-left: 200px !important;
}

/*
 * 2 -> lg: min-width:992px
 * -----------------------------------------------
*/
@media (min-width:992px) {
/*
 * 5.1 -> Basic margin padding
 * -----------------------------------------------
*/
.m-lg-0 {
	margin: 0px !important;
}
.m-lg-10 {
	margin: 10px !important;
}
.m-lg-15 {
	margin: 15px !important;
}
.m-lg-20 {
	margin: 20px !important;
}
.m-lg-30 {
	margin: 30px !important;
}
.m-lg-40 {
	margin: 40px !important;
}
.m-lg-50 {
	margin: 50px !important;
}
.m-lg-60 {
	margin: 60px !important;
}
.m-lg-70 {
	margin: 70px !important;
}
.m-lg-80 {
	margin: 80px !important;
}
.m-lg-90 {
	margin: 90px !important;
}
.m-lg-100 {
	margin: 100px !important;
}
.m-lg-110 {
	margin: 110px !important;
}
.m-lg-120 {
	margin: 120px !important;
}
.m-lg-130 {
	margin: 130px !important;
}
.m-lg-140 {
	margin: 140px !important;
}
.m-lg-150 {
	margin: 150px !important;
}
.m-lg-160 {
	margin: 160px !important;
}
.m-lg-170 {
	margin: 170px !important;
}
.m-lg-180 {
	margin: 180px !important;
}
.m-lg-190 {
	margin: 190px !important;
}
.m-lg-200 {
	margin: 200px !important;
}

.p-lg-0 {
	padding: 0 !important;
}
.p-lg-10 {
	padding: 10px !important;
}
.p-lg-15 {
	padding: 15px !important;
}
.p-lg-20 {
	padding: 20px !important;
}
.p-lg-30 {
	padding: 30px !important;
}
.p-lg-40 {
	padding: 40px !important;
}
.p-lg-50 {
	padding: 50px !important;
}
.p-lg-60 {
	padding: 60px !important;
}
.p-lg-70 {
	padding: 70px !important;
}
.p-lg-80 {
	padding: 80px !important;
}
.p-lg-90 {
	padding: 90px !important;
}
.p-lg-100 {
	padding: 100px !important;
}
.p-lg-110 {
	padding: 110px !important;
}
.p-lg-120 {
	padding: 120px !important;
}
.p-lg-130 {
	padding: 130px !important;
}
.p-lg-140 {
	padding: 140px !important;
}
.p-lg-150 {
	padding: 150px !important;
}
.p-lg-160 {
	padding: 160px !important;
}
.p-lg-170 {
	padding: 170px !important;
}
.p-lg-180 {
	padding: 180px !important;
}
.p-lg-190 {
	padding: 190px !important;
}
.p-lg-200 {
	padding: 200px !important;
}

/*
 * 5.2 -> Margin top
 * -----------------------------------------------
*/
.mt-lg-0 {
	margin-top: 0 !important;
}
.mt-lg-10 {
	margin-top: 10px !important;
}
.mt-lg-15 {
	margin-top: 15px !important;
}
.mt-lg-20 {
	margin-top: 20px !important;
}
.mt-lg-30 {
	margin-top: 30px !important;
}
.mt-lg-40 {
	margin-top: 40px !important;
}
.mt-lg-50 {
	margin-top: 50px !important;
}
.mt-lg-60 {
	margin-top: 60px !important;
}
.mt-lg-70 {
	margin-top: 70px !important;
}
.mt-lg-80 {
	margin-top: 80px !important;
}
.mt-lg-90 {
	margin-top: 90px !important;
}
.mt-lg-100 {
	margin-top: 100px !important;
}
.mt-lg-110 {
	margin-top: 110px !important;
}
.mt-lg-120 {
	margin-top: 120px !important;
}
.mt-lg-130 {
	margin-top: 130px !important;
}
.mt-lg-140 {
	margin-top: 140px !important;
}
.mt-lg-150 {
	margin-top: 150px !important;
}
.mt-lg-160 {
	margin-top: 160px !important;
}
.mt-lg-170 {
	margin-top: 170px !important;
}
.mt-lg-180 {
	margin-top: 180px !important;
}
.mt-lg-190 {
	margin-top: 190px !important;
}
.mt-lg-200 {
	margin-top: 200px !important;
}

/*
 * 5.3 -> Margin right
 * -----------------------------------------------
*/
.mr-lg-0 {
	margin-right: 0!important
}
.mr-lg-10 {
	margin-right: 10px !important;
}
.mr-lg-15 {
	margin-right: 15px !important;
}
.mr-lg-20 {
	margin-right: 20px !important;
}
.mr-lg-30 {
	margin-right: 30px !important;
}
.mr-lg-40 {
	margin-right: 40px !important;
}
.mr-lg-50 {
	margin-right: 50px !important;
}
.mr-lg-60 {
	margin-right: 60px !important;
}
.mr-lg-70 {
	margin-right: 70px !important;
}
.mr-lg-80 {
	margin-right: 80px !important;
}
.mr-lg-90 {
	margin-right: 90px !important;
}
.mr-lg-100 {
	margin-right: 100px !important;
}
.mr-lg-110 {
	margin-right: 110px !important;
}
.mr-lg-120 {
	margin-right: 120px !important;
}
.mr-lg-130 {
	margin-right: 130px !important;
}
.mr-lg-140 {
	margin-right: 140px !important;
}
.mr-lg-150 {
	margin-right: 150px !important;
}
.mr-lg-160 {
	margin-right: 160px !important;
}
.mr-lg-170 {
	margin-right: 170px !important;
}
.mr-lg-180 {
	margin-right: 180px !important;
}
.mr-lg-190 {
	margin-right: 190px !important;
}
.mr-lg-200 {
	margin-right: 200px !important;
}

/*
 * 5.4 -> Margin bottom
 * -----------------------------------------------
*/
.mb-lg-0 {
	margin-bottom: 0!important
}
.mb-lg-10 {
	margin-bottom: 10px !important;
}
.mb-lg-15 {
	margin-bottom: 15px !important;
}
.mb-lg-20 {
	margin-bottom: 20px !important;
}
.mb-lg-30 {
	margin-bottom: 30px !important;
}
.mb-lg-40 {
	margin-bottom: 40px !important;
}
.mb-lg-50 {
	margin-bottom: 50px !important;
}
.mb-lg-60 {
	margin-bottom: 60px !important;
}
.mb-lg-70 {
	margin-bottom: 70px !important;
}
.mb-lg-80 {
	margin-bottom: 80px !important;
}
.mb-lg-90 {
	margin-bottom: 90px !important;
}
.mb-lg-100 {
	margin-bottom: 100px !important;
}
.mb-lg-110 {
	margin-bottom: 110px !important;
}
.mb-lg-120 {
	margin-bottom: 120px !important;
}
.mb-lg-130 {
	margin-bottom: 130px !important;
}
.mb-lg-140 {
	margin-bottom: 140px !important;
}
.mb-lg-150 {
	margin-bottom: 150px !important;
}
.mb-lg-160 {
	margin-bottom: 160px !important;
}
.mb-lg-170 {
	margin-bottom: 170px !important;
}
.mb-lg-180 {
	margin-bottom: 180px !important;
}
.mb-lg-190 {
	margin-bottom: 190px !important;
}
.mb-lg-200 {
	margin-bottom: 200px !important;
}

/*
 * 5.5 -> Margin left
 * -----------------------------------------------
*/
.ml-lg-0 {
	margin-left: 0!important
}
.ml-lg-10 {
	margin-left: 10px !important;
}
.ml-lg-15 {
	margin-left: 15px !important;
}
.ml-lg-20 {
	margin-left: 20px !important;
}
.ml-lg-30 {
	margin-left: 30px !important;
}
.ml-lg-40 {
	margin-left: 40px !important;
}
.ml-lg-50 {
	margin-left: 50px !important;
}
.ml-lg-60 {
	margin-left: 60px !important;
}
.ml-lg-70 {
	margin-left: 70px !important;
}
.ml-lg-80 {
	margin-left: 80px !important;
}
.ml-lg-90 {
	margin-left: 90px !important;
}
.ml-lg-100 {
	margin-left: 100px !important;
}
.ml-lg-110 {
	margin-left: 110px !important;
}
.ml-lg-120 {
	margin-left: 120px !important;
}
.ml-lg-130 {
	margin-left: 130px !important;
}
.ml-lg-140 {
	margin-left: 140px !important;
}
.ml-lg-150 {
	margin-left: 150px !important;
}
.ml-lg-160 {
	margin-left: 160px !important;
}
.ml-lg-170 {
	margin-left: 170px !important;
}
.ml-lg-180 {
	margin-left: 180px !important;
}
.ml-lg-190 {
	margin-left: 190px !important;
}
.ml-lg-200 {
	margin-left: 200px !important;
}

/*
 * 5.6 -> Padding top
 * -----------------------------------------------
*/
.pt-lg-0 {
	padding-top: 0!important
}
.pt-lg-10 {
	padding-top: 10px !important;
}
.pt-lg-15 {
	padding-top: 15px !important;
}
.pt-lg-20 {
	padding-top: 20px !important;
}
.pt-lg-30 {
	padding-top: 30px !important;
}
.pt-lg-40 {
	padding-top: 40px !important;
}
.pt-lg-50 {
	padding-top: 50px !important;
}
.pt-lg-60 {
	padding-top: 60px !important;
}
.pt-lg-70 {
	padding-top: 70px !important;
}
.pt-lg-80 {
	padding-top: 80px !important;
}
.pt-lg-90 {
	padding-top: 90px !important;
}
.pt-lg-100 {
	padding-top: 100px !important;
}
.pt-lg-110 {
	padding-top: 110px !important;
}
.pt-lg-120 {
	padding-top: 120px !important;
}
.pt-lg-130 {
	padding-top: 130px !important;
}
.pt-lg-140 {
	padding-top: 140px !important;
}
.pt-lg-150 {
	padding-top: 150px !important;
}
.pt-lg-160 {
	padding-top: 160px !important;
}
.pt-lg-170 {
	padding-top: 170px !important;
}
.pt-lg-180 {
	padding-top: 180px !important;
}
.pt-lg-190 {
	padding-top: 190px !important;
}
.pt-lg-200 {
	padding-top: 200px !important;
}

/*
 * 5.7 -> Padding right
 * -----------------------------------------------
*/
.pr-lg-0 {
	padding-right: 0!important
}
.pr-lg-10 {
	padding-right: 10px !important;
}
.pr-lg-15 {
	padding-right: 15px !important;
}
.pr-lg-20 {
	padding-right: 20px !important;
}
.pr-lg-30 {
	padding-right: 30px !important;
}
.pr-lg-40 {
	padding-right: 40px !important;
}
.pr-lg-50 {
	padding-right: 50px !important;
}
.pr-lg-60 {
	padding-right: 60px !important;
}
.pr-lg-70 {
	padding-right: 70px !important;
}
.pr-lg-80 {
	padding-right: 80px !important;
}
.pr-lg-90 {
	padding-right: 90px !important;
}
.pr-lg-100 {
	padding-right: 100px !important;
}
.pr-lg-110 {
	padding-right: 110px !important;
}
.pr-lg-120 {
	padding-right: 120px !important;
}
.pr-lg-130 {
	padding-right: 130px !important;
}
.pr-lg-140 {
	padding-right: 140px !important;
}
.pr-lg-150 {
	padding-right: 150px !important;
}
.pr-lg-160 {
	padding-right: 160px !important;
}
.pr-lg-170 {
	padding-right: 170px !important;
}
.pr-lg-180 {
	padding-right: 180px !important;
}
.pr-lg-190 {
	padding-right: 190px !important;
}
.pr-lg-200 {
	padding-right: 200px !important;
}

/*
 * 5.8 -> Padding bottom
 * -----------------------------------------------
*/
.pb-lg-0 {
	padding-bottom: 0!important
}
.pb-lg-10 {
	padding-bottom: 10px !important;
}
.pb-lg-15 {
	padding-bottom: 15px !important;
}
.pb-lg-20 {
	padding-bottom: 20px !important;
}
.pb-lg-30 {
	padding-bottom: 30px !important;
}
.pb-lg-40 {
	padding-bottom: 40px !important;
}
.pb-lg-50 {
	padding-bottom: 50px !important;
}
.pb-lg-60 {
	padding-bottom: 60px !important;
}
.pb-lg-70 {
	padding-bottom: 70px !important;
}
.pb-lg-80 {
	padding-bottom: 80px !important;
}
.pb-lg-90 {
	padding-bottom: 90px !important;
}
.pb-lg-100 {
	padding-bottom: 100px !important;
}
.pb-lg-110 {
	padding-bottom: 110px !important;
}
.pb-lg-120 {
	padding-bottom: 120px !important;
}
.pb-lg-130 {
	padding-bottom: 130px !important;
}
.pb-lg-140 {
	padding-bottom: 140px !important;
}
.pb-lg-150 {
	padding-bottom: 150px !important;
}
.pb-lg-160 {
	padding-bottom: 160px !important;
}
.pb-lg-170 {
	padding-bottom: 170px !important;
}
.pb-lg-180 {
	padding-bottom: 180px !important;
}
.pb-lg-190 {
	padding-bottom: 190px !important;
}
.pb-lg-200 {
	padding-bottom: 200px !important;
}

/*
 * 5.9 -> Padding left
 * -----------------------------------------------
*/
.pl-lg-0 {
	padding-left: 0!important
}
.pl-lg-10 {
	padding-left: 10px !important;
}
.pl-lg-15 {
	padding-left: 15px !important;
}
.pl-lg-20 {
	padding-left: 20px !important;
}
.pl-lg-30 {
	padding-left: 30px !important;
}
.pl-lg-40 {
	padding-left: 40px !important;
}
.pl-lg-50 {
	padding-left: 50px !important;
}
.pl-lg-60 {
	padding-left: 60px !important;
}
.pl-lg-70 {
	padding-left: 70px !important;
}
.pl-lg-80 {
	padding-left: 80px !important;
}
.pl-lg-90 {
	padding-left: 90px !important;
}
.pl-lg-100 {
	padding-left: 100px !important;
}
.pl-lg-110 {
	padding-left: 110px !important;
}
.pl-lg-120 {
	padding-left: 120px !important;
}
.pl-lg-130 {
	padding-left: 130px !important;
}
.pl-lg-140 {
	padding-left: 140px !important;
}
.pl-lg-150 {
	padding-left: 150px !important;
}
.pl-lg-160 {
	padding-left: 160px !important;
}
.pl-lg-170 {
	padding-left: 170px !important;
}
.pl-lg-180 {
	padding-left: 180px !important;
}
.pl-lg-190 {
	padding-left: 190px !important;
}
.pl-lg-200 {
	padding-left: 200px !important;
}
}

/*
 * 3 -> md: max-width:991px
 * -----------------------------------------------
*/
@media (max-width:991px) {
/*
 * 4.1 -> Basic margin padding
 * -----------------------------------------------
*/
.m-md-0 {
	margin: 0px !important;
}
.m-md-10 {
	margin: 10px !important;
}
.m-md-15 {
	margin: 15px !important;
}
.m-md-20 {
	margin: 20px !important;
}
.m-md-30 {
	margin: 30px !important;
}
.m-md-40 {
	margin: 40px !important;
}
.m-md-50 {
	margin: 50px !important;
}
.m-md-60 {
	margin: 60px !important;
}
.m-md-70 {
	margin: 70px !important;
}
.m-md-80 {
	margin: 80px !important;
}
.m-md-90 {
	margin: 90px !important;
}
.m-md-100 {
	margin: 100px !important;
}
.m-md-110 {
	margin: 110px !important;
}
.m-md-120 {
	margin: 120px !important;
}
.m-md-130 {
	margin: 130px !important;
}
.m-md-140 {
	margin: 140px !important;
}
.m-md-150 {
	margin: 150px !important;
}
.m-md-160 {
	margin: 160px !important;
}
.m-md-170 {
	margin: 170px !important;
}
.m-md-180 {
	margin: 180px !important;
}
.m-md-190 {
	margin: 190px !important;
}
.m-md-200 {
	margin: 200px !important;
}

.p-md-0 {
	padding: 0 !important;
}
.p-md-10 {
	padding: 10px !important;
}
.p-md-15 {
	padding: 15px !important;
}
.p-md-20 {
	padding: 20px !important;
}
.p-md-30 {
	padding: 30px !important;
}
.p-md-40 {
	padding: 40px !important;
}
.p-md-50 {
	padding: 50px !important;
}
.p-md-60 {
	padding: 60px !important;
}
.p-md-70 {
	padding: 70px !important;
}
.p-md-80 {
	padding: 80px !important;
}
.p-md-90 {
	padding: 90px !important;
}
.p-md-100 {
	padding: 100px !important;
}
.p-md-110 {
	padding: 110px !important;
}
.p-md-120 {
	padding: 120px !important;
}
.p-md-130 {
	padding: 130px !important;
}
.p-md-140 {
	padding: 140px !important;
}
.p-md-150 {
	padding: 150px !important;
}
.p-md-160 {
	padding: 160px !important;
}
.p-md-170 {
	padding: 170px !important;
}
.p-md-180 {
	padding: 180px !important;
}
.p-md-190 {
	padding: 190px !important;
}
.p-md-200 {
	padding: 200px !important;
}

/*
 * 4.2 -> Margin top
 * -----------------------------------------------
*/
.mt-md-0 {
	margin-top: 0 !important;
}
.mt-md-10 {
	margin-top: 10px !important;
}
.mt-md-15 {
	margin-top: 15px !important;
}
.mt-md-20 {
	margin-top: 20px !important;
}
.mt-md-30 {
	margin-top: 30px !important;
}
.mt-md-40 {
	margin-top: 40px !important;
}
.mt-md-50 {
	margin-top: 50px !important;
}
.mt-md-60 {
	margin-top: 60px !important;
}
.mt-md-70 {
	margin-top: 70px !important;
}
.mt-md-80 {
	margin-top: 80px !important;
}
.mt-md-90 {
	margin-top: 90px !important;
}
.mt-md-100 {
	margin-top: 100px !important;
}
.mt-md-110 {
	margin-top: 110px !important;
}
.mt-md-120 {
	margin-top: 120px !important;
}
.mt-md-130 {
	margin-top: 130px !important;
}
.mt-md-140 {
	margin-top: 140px !important;
}
.mt-md-150 {
	margin-top: 150px !important;
}
.mt-160 {
	margin-top: 160px !important;
}
.mt-170 {
	margin-top: 170px !important;
}
.mt-180 {
	margin-top: 180px !important;
}
.mt-190 {
	margin-top: 190px !important;
}
.mt-200 {
	margin-top: 200px !important;
}

/*
 * 4.3 -> Margin right
 * -----------------------------------------------
*/
.mr-md-0 {
	margin-right: 0!important
}
.mr-md-10 {
	margin-right: 10px !important;
}
.mr-md-15 {
	margin-right: 15px !important;
}
.mr-md-20 {
	margin-right: 20px !important;
}
.mr-md-30 {
	margin-right: 30px !important;
}
.mr-md-40 {
	margin-right: 40px !important;
}
.mr-md-50 {
	margin-right: 50px !important;
}
.mr-md-60 {
	margin-right: 60px !important;
}
.mr-md-70 {
	margin-right: 70px !important;
}
.mr-md-80 {
	margin-right: 80px !important;
}
.mr-md-90 {
	margin-right: 90px !important;
}
.mr-md-100 {
	margin-right: 100px !important;
}
.mr-md-110 {
	margin-right: 110px !important;
}
.mr-md-120 {
	margin-right: 120px !important;
}
.mr-md-130 {
	margin-right: 130px !important;
}
.mr-md-140 {
	margin-right: 140px !important;
}
.mr-md-150 {
	margin-right: 150px !important;
}
.mr-md-160 {
	margin-right: 160px !important;
}
.mr-md-170 {
	margin-right: 170px !important;
}
.mr-md-180 {
	margin-right: 180px !important;
}
.mr-md-190 {
	margin-right: 190px !important;
}
.mr-md-200 {
	margin-right: 200px !important;
}

/*
 * 4.4 -> Margin bottom
 * -----------------------------------------------
*/
.mb-md-0 {
	margin-bottom: 0!important
}
.mb-md-10 {
	margin-bottom: 10px !important;
}
.mb-md-15 {
	margin-bottom: 15px !important;
}
.mb-md-20 {
	margin-bottom: 20px !important;
}
.mb-md-30 {
	margin-bottom: 30px !important;
}
.mb-md-40 {
	margin-bottom: 40px !important;
}
.mb-md-50 {
	margin-bottom: 50px !important;
}
.mb-md-60 {
	margin-bottom: 60px !important;
}
.mb-md-70 {
	margin-bottom: 70px !important;
}
.mb-md-80 {
	margin-bottom: 80px !important;
}
.mb-md-90 {
	margin-bottom: 90px !important;
}
.mb-md-100 {
	margin-bottom: 100px !important;
}
.mb-md-110 {
	margin-bottom: 110px !important;
}
.mb-md-120 {
	margin-bottom: 120px !important;
}
.mb-md-130 {
	margin-bottom: 130px !important;
}
.mb-md-140 {
	margin-bottom: 140px !important;
}
.mb-md-150 {
	margin-bottom: 150px !important;
}
.mb-md-160 {
	margin-bottom: 160px !important;
}
.mb-md-170 {
	margin-bottom: 170px !important;
}
.mb-md-180 {
	margin-bottom: 180px !important;
}
.mb-md-190 {
	margin-bottom: 190px !important;
}
.mb-md-200 {
	margin-bottom: 200px !important;
}

/*
 * 4.5 -> Margin left
 * -----------------------------------------------
*/
.ml-md-0 {
	margin-left: 0!important
}
.ml-md-10 {
	margin-left: 10px !important;
}
.ml-md-15 {
	margin-left: 15px !important;
}
.ml-md-20 {
	margin-left: 20px !important;
}
.ml-md-30 {
	margin-left: 30px !important;
}
.ml-md-40 {
	margin-left: 40px !important;
}
.ml-md-50 {
	margin-left: 50px !important;
}
.ml-md-60 {
	margin-left: 60px !important;
}
.ml-md-70 {
	margin-left: 70px !important;
}
.ml-md-80 {
	margin-left: 80px !important;
}
.ml-md-90 {
	margin-left: 90px !important;
}
.ml-md-100 {
	margin-left: 100px !important;
}
.ml-md-110 {
	margin-left: 110px !important;
}
.ml-md-120 {
	margin-left: 120px !important;
}
.ml-md-130 {
	margin-left: 130px !important;
}
.ml-md-140 {
	margin-left: 140px !important;
}
.ml-md-150 {
	margin-left: 150px !important;
}
.ml-md-160 {
	margin-left: 160px !important;
}
.ml-md-170 {
	margin-left: 170px !important;
}
.ml-md-180 {
	margin-left: 180px !important;
}
.ml-md-190 {
	margin-left: 190px !important;
}
.ml-md-200 {
	margin-left: 200px !important;
}

/*
 * 4.6 -> Padding top
 * -----------------------------------------------
*/
.pt-md-0 {
	padding-top: 0!important
}
.pt-md-10 {
	padding-top: 10px !important;
}
.pt-md-15 {
	padding-top: 15px !important;
}
.pt-md-20 {
	padding-top: 20px !important;
}
.pt-md-30 {
	padding-top: 30px !important;
}
.pt-md-40 {
	padding-top: 40px !important;
}
.pt-md-50 {
	padding-top: 50px !important;
}
.pt-md-60 {
	padding-top: 60px !important;
}
.pt-md-70 {
	padding-top: 70px !important;
}
.pt-md-80 {
	padding-top: 80px !important;
}
.pt-md-90 {
	padding-top: 90px !important;
}
.pt-md-100 {
	padding-top: 100px !important;
}
.pt-md-110 {
	padding-top: 110px !important;
}
.pt-md-120 {
	padding-top: 120px !important;
}
.pt-md-130 {
	padding-top: 130px !important;
}
.pt-md-140 {
	padding-top: 140px !important;
}
.pt-md-150 {
	padding-top: 150px !important;
}
.pt-md-160 {
	padding-top: 160px !important;
}
.pt-md-170 {
	padding-top: 170px !important;
}
.pt-md-180 {
	padding-top: 180px !important;
}
.pt-md-190 {
	padding-top: 190px !important;
}
.pt-md-200 {
	padding-top: 200px !important;
}

/*
 * 4.7 -> Padding right
 * -----------------------------------------------
*/
.pr-md-0 {
	padding-right: 0!important
}
.pr-md-10 {
	padding-right: 10px !important;
}
.pr-md-15 {
	padding-right: 15px !important;
}
.pr-md-20 {
	padding-right: 20px !important;
}
.pr-md-30 {
	padding-right: 30px !important;
}
.pr-md-40 {
	padding-right: 40px !important;
}
.pr-md-50 {
	padding-right: 50px !important;
}
.pr-md-60 {
	padding-right: 60px !important;
}
.pr-md-70 {
	padding-right: 70px !important;
}
.pr-md-80 {
	padding-right: 80px !important;
}
.pr-md-90 {
	padding-right: 90px !important;
}
.pr-md-100 {
	padding-right: 100px !important;
}
.pr-md-110 {
	padding-right: 110px !important;
}
.pr-md-120 {
	padding-right: 120px !important;
}
.pr-md-130 {
	padding-right: 130px !important;
}
.pr-md-140 {
	padding-right: 140px !important;
}
.pr-md-150 {
	padding-right: 150px !important;
}
.pr-md-160 {
	padding-right: 160px !important;
}
.pr-md-170 {
	padding-right: 170px !important;
}
.pr-md-180 {
	padding-right: 180px !important;
}
.pr-md-190 {
	padding-right: 190px !important;
}
.pr-md-200 {
	padding-right: 200px !important;
}

/*
 * 4.8 -> Padding bottom
 * -----------------------------------------------
*/
.pb-md-0 {
	padding-bottom: 0!important
}
.pb-md-10 {
	padding-bottom: 10px !important;
}
.pb-md-15 {
	padding-bottom: 15px !important;
}
.pb-md-20 {
	padding-bottom: 20px !important;
}
.pb-md-30 {
	padding-bottom: 30px !important;
}
.pb-md-40 {
	padding-bottom: 40px !important;
}
.pb-md-50 {
	padding-bottom: 50px !important;
}
.pb-md-60 {
	padding-bottom: 60px !important;
}
.pb-md-70 {
	padding-bottom: 70px !important;
}
.pb-md-80 {
	padding-bottom: 80px !important;
}
.pb-md-90 {
	padding-bottom: 90px !important;
}
.pb-md-100 {
	padding-bottom: 100px !important;
}
.pb-md-110 {
	padding-bottom: 110px !important;
}
.pb-md-120 {
	padding-bottom: 120px !important;
}
.pb-md-130 {
	padding-bottom: 130px !important;
}
.pb-md-140 {
	padding-bottom: 140px !important;
}
.pb-md-150 {
	padding-bottom: 150px !important;
}
.pb-md-160 {
	padding-bottom: 160px !important;
}
.pb-md-170 {
	padding-bottom: 170px !important;
}
.pb-md-180 {
	padding-bottom: 180px !important;
}
.pb-md-190 {
	padding-bottom: 190px !important;
}
.pb-md-200 {
	padding-bottom: 200px !important;
}

/*
 * 4.9 -> Padding left
 * -----------------------------------------------
*/
.pl-md-0 {
	padding-left: 0!important
}
.pl-md-10 {
	padding-left: 10px !important;
}
.pl-md-15 {
	padding-left: 15px !important;
}
.pl-md-20 {
	padding-left: 20px !important;
}
.pl-md-30 {
	padding-left: 30px !important;
}
.pl-md-40 {
	padding-left: 40px !important;
}
.pl-md-50 {
	padding-left: 50px !important;
}
.pl-md-60 {
	padding-left: 60px !important;
}
.pl-md-70 {
	padding-left: 70px !important;
}
.pl-md-80 {
	padding-left: 80px !important;
}
.pl-md-90 {
	padding-left: 90px !important;
}
.pl-md-100 {
	padding-left: 100px !important;
}
.pl-md-110 {
	padding-left: 110px !important;
}
.pl-md-120 {
	padding-left: 120px !important;
}
.pl-md-130 {
	padding-left: 130px !important;
}
.pl-md-140 {
	padding-left: 140px !important;
}
.pl-md-150 {
	padding-left: 150px !important;
}
.pl-md-160 {
	padding-left: 160px !important;
}
.pl-md-170 {
	padding-left: 170px !important;
}
.pl-md-180 {
	padding-left: 180px !important;
}
.pl-md-190 {
	padding-left: 190px !important;
}
.pl-md-200 {
	padding-left: 200px !important;
}
}

/*
 * 4 -> sm: max-width 767px
 * -----------------------------------------------
*/
@media (max-width:767px) {
/*
 * 3.1 -> Basic margin padding
 * -----------------------------------------------
*/
.m-sm-0 {
	margin: 0px !important;
}
.m-sm-10 {
	margin: 10px !important;
}
.m-sm-15 {
	margin: 15px !important;
}
.m-sm-20 {
	margin: 20px !important;
}
.m-sm-30 {
	margin: 30px !important;
}
.m-sm-40 {
	margin: 40px !important;
}
.m-sm-50 {
	margin: 50px !important;
}
.m-sm-60 {
	margin: 60px !important;
}
.m-sm-70 {
	margin: 70px !important;
}
.m-sm-80 {
	margin: 80px !important;
}
.m-sm-90 {
	margin: 90px !important;
}
.m-sm-100 {
	margin: 100px !important;
}
.m-sm-110 {
	margin: 110px !important;
}
.m-sm-120 {
	margin: 120px !important;
}
.m-sm-130 {
	margin: 130px !important;
}
.m-sm-140 {
	margin: 140px !important;
}
.m-sm-150 {
	margin: 150px !important;
}
.m-sm-160 {
	margin: 160px !important;
}
.m-sm-170 {
	margin: 170px !important;
}
.m-sm-180 {
	margin: 180px !important;
}
.m-sm-190 {
	margin: 190px !important;
}
.m-sm-200 {
	margin: 200px !important;
}

.p-sm-0 {
	padding: 0 !important;
}
.p-sm-10 {
	padding: 10px !important;
}
.p-sm-15 {
	padding: 15px !important;
}
.p-sm-20 {
	padding: 20px !important;
}
.p-sm-30 {
	padding: 30px !important;
}
.p-sm-40 {
	padding: 40px !important;
}
.p-sm-50 {
	padding: 50px !important;
}
.p-sm-60 {
	padding: 60px !important;
}
.p-sm-70 {
	padding: 70px !important;
}
.p-sm-80 {
	padding: 80px !important;
}
.p-sm-90 {
	padding: 90px !important;
}
.p-sm-100 {
	padding: 100px !important;
}
.p-sm-110 {
	padding: 110px !important;
}
.p-sm-120 {
	padding: 120px !important;
}
.p-sm-130 {
	padding: 130px !important;
}
.p-sm-140 {
	padding: 140px !important;
}
.p-sm-150 {
	padding: 150px !important;
}
.p-sm-160 {
	padding: 160px !important;
}
.p-sm-170 {
	padding: 170px !important;
}
.p-sm-180 {
	padding: 180px !important;
}
.p-sm-190 {
	padding: 190px !important;
}
.p-sm-200 {
	padding: 200px !important;
}

/*
 * 3.2 -> Margin top
 * -----------------------------------------------
*/
.mt-sm-0 {
	margin-top: 0 !important;
}
.mt-sm-10 {
	margin-top: 10px !important;
}
.mt-sm-15 {
	margin-top: 15px !important;
}
.mt-sm-20 {
	margin-top: 20px !important;
}
.mt-sm-30 {
	margin-top: 30px !important;
}
.mt-sm-40 {
	margin-top: 40px !important;
}
.mt-sm-50 {
	margin-top: 50px !important;
}
.mt-sm-60 {
	margin-top: 60px !important;
}
.mt-sm-70 {
	margin-top: 70px !important;
}
.mt-sm-80 {
	margin-top: 80px !important;
}
.mt-sm-90 {
	margin-top: 90px !important;
}
.mt-sm-100 {
	margin-top: 100px !important;
}
.mt-sm-110 {
	margin-top: 110px !important;
}
.mt-sm-120 {
	margin-top: 120px !important;
}
.mt-sm-130 {
	margin-top: 130px !important;
}
.mt-sm-140 {
	margin-top: 140px !important;
}
.mt-sm-150 {
	margin-top: 150px !important;
}
.mt-sm-160 {
	margin-top: 160px !important;
}
.mt-sm-170 {
	margin-top: 170px !important;
}
.mt-sm-180 {
	margin-top: 180px !important;
}
.mt-sm-190 {
	margin-top: 190px !important;
}
.mt-sm-200 {
	margin-top: 200px !important;
}

/*
 * 3.3 -> Margin right
 * -----------------------------------------------
*/
.mr-sm-0 {
	margin-right: 0!important
}
.mr-sm-10 {
	margin-right: 10px !important;
}
.mr-sm-15 {
	margin-right: 15px !important;
}
.mr-sm-20 {
	margin-right: 20px !important;
}
.mr-sm-30 {
	margin-right: 30px !important;
}
.mr-sm-40 {
	margin-right: 40px !important;
}
.mr-sm-50 {
	margin-right: 50px !important;
}
.mr-sm-60 {
	margin-right: 60px !important;
}
.mr-sm-70 {
	margin-right: 70px !important;
}
.mr-sm-80 {
	margin-right: 80px !important;
}
.mr-sm-90 {
	margin-right: 90px !important;
}
.mr-sm-100 {
	margin-right: 100px !important;
}
.mr-sm-110 {
	margin-right: 110px !important;
}
.mr-sm-120 {
	margin-right: 120px !important;
}
.mr-sm-130 {
	margin-right: 130px !important;
}
.mr-sm-140 {
	margin-right: 140px !important;
}
.mr-sm-150 {
	margin-right: 150px !important;
}
.mr-sm-160 {
	margin-right: 160px !important;
}
.mr-sm-170 {
	margin-right: 170px !important;
}
.mr-sm-180 {
	margin-right: 180px !important;
}
.mr-sm-190 {
	margin-right: 190px !important;
}
.mr-sm-200 {
	margin-right: 200px !important;
}

/*
 * 3.4 -> Margin bottom
 * -----------------------------------------------
*/
.mb-sm-0 {
	margin-bottom: 0!important
}
.mb-sm-10 {
	margin-bottom: 10px !important;
}
.mb-sm-15 {
	margin-bottom: 15px !important;
}
.mb-sm-20 {
	margin-bottom: 20px !important;
}
.mb-sm-30 {
	margin-bottom: 30px !important;
}
.mb-sm-40 {
	margin-bottom: 40px !important;
}
.mb-sm-50 {
	margin-bottom: 50px !important;
}
.mb-sm-60 {
	margin-bottom: 60px !important;
}
.mb-sm-70 {
	margin-bottom: 70px !important;
}
.mb-sm-80 {
	margin-bottom: 80px !important;
}
.mb-sm-90 {
	margin-bottom: 90px !important;
}
.mb-sm-100 {
	margin-bottom: 100px !important;
}
.mb-sm-110 {
	margin-bottom: 110px !important;
}
.mb-sm-120 {
	margin-bottom: 120px !important;
}
.mb-sm-130 {
	margin-bottom: 130px !important;
}
.mb-sm-140 {
	margin-bottom: 140px !important;
}
.mb-sm-150 {
	margin-bottom: 150px !important;
}
.mb-sm-160 {
	margin-bottom: 160px !important;
}
.mb-sm-170 {
	margin-bottom: 170px !important;
}
.mb-sm-180 {
	margin-bottom: 180px !important;
}
.mb-sm-190 {
	margin-bottom: 190px !important;
}
.mb-sm-200 {
	margin-bottom: 200px !important;
}

/*
 * 3.5 -> Margin left
 * -----------------------------------------------
*/
.ml-sm-0 {
	margin-left: 0!important
}
.ml-sm-10 {
	margin-left: 10px !important;
}
.ml-sm-15 {
	margin-left: 15px !important;
}
.ml-sm-20 {
	margin-left: 20px !important;
}
.ml-sm-30 {
	margin-left: 30px !important;
}
.ml-sm-40 {
	margin-left: 40px !important;
}
.ml-sm-50 {
	margin-left: 50px !important;
}
.ml-sm-60 {
	margin-left: 60px !important;
}
.ml-sm-70 {
	margin-left: 70px !important;
}
.ml-sm-80 {
	margin-left: 80px !important;
}
.ml-sm-90 {
	margin-left: 90px !important;
}
.ml-sm-100 {
	margin-left: 100px !important;
}
.ml-sm-110 {
	margin-left: 110px !important;
}
.ml-sm-120 {
	margin-left: 120px !important;
}
.ml-sm-130 {
	margin-left: 130px !important;
}
.ml-sm-140 {
	margin-left: 140px !important;
}

.ml-sm-150 {
	margin-left: 150px !important;
}
.ml-sm-160 {
	margin-left: 160px !important;
}
.ml-sm-170 {
	margin-left: 170px !important;
}
.ml-sm-180 {
	margin-left: 180px !important;
}
.ml-sm-190 {
	margin-left: 190px !important;
}
.ml-sm-200 {
	margin-left: 200px !important;
}

/*
 * 3.6 -> Padding top
 * -----------------------------------------------
*/
.pt-sm-0 {
	padding-top: 0!important
}
.pt-sm-10 {
	padding-top: 10px !important;
}
.pt-sm-15 {
	padding-top: 15px !important;
}
.pt-sm-20 {
	padding-top: 20px !important;
}
.pt-sm-30 {
	padding-top: 30px !important;
}
.pt-sm-40 {
	padding-top: 40px !important;
}
.pt-sm-50 {
	padding-top: 50px !important;
}
.pt-sm-60 {
	padding-top: 60px !important;
}
.pt-sm-70 {
	padding-top: 70px !important;
}
.pt-sm-80 {
	padding-top: 80px !important;
}
.pt-sm-90 {
	padding-top: 90px !important;
}
.pt-sm-100 {
	padding-top: 100px !important;
}
.pt-sm-110 {
	padding-top: 110px !important;
}
.pt-sm-120 {
	padding-top: 120px !important;
}
.pt-sm-130 {
	padding-top: 130px !important;
}
.pt-sm-140 {
	padding-top: 140px !important;
}
.pt-sm-150 {
	padding-top: 150px !important;
}
.pt-sm-160 {
	padding-top: 160px !important;
}
.pt-sm-170 {
	padding-top: 170px !important;
}
.pt-sm-180 {
	padding-top: 180px !important;
}
.pt-sm-190 {
	padding-top: 190px !important;
}
.pt-sm-200 {
	padding-top: 200px !important;
}

/*
 * 3.7 -> Padding right
 * -----------------------------------------------
*/
.pr-sm-0 {
	padding-right: 0!important
}
.pr-sm-10 {
	padding-right: 10px !important;
}
.pr-sm-15 {
	padding-right: 15px !important;
}
.pr-sm-20 {
	padding-right: 20px !important;
}
.pr-sm-30 {
	padding-right: 30px !important;
}
.pr-sm-40 {
	padding-right: 40px !important;
}
.pr-sm-50 {
	padding-right: 50px !important;
}
.pr-sm-60 {
	padding-right: 60px !important;
}
.pr-sm-70 {
	padding-right: 70px !important;
}
.pr-sm-80 {
	padding-right: 80px !important;
}
.pr-sm-90 {
	padding-right: 90px !important;
}
.pr-sm-100 {
	padding-right: 100px !important;
}
.pr-sm-110 {
	padding-right: 110px !important;
}
.pr-sm-120 {
	padding-right: 120px !important;
}
.pr-sm-130 {
	padding-right: 130px !important;
}
.pr-sm-140 {
	padding-right: 140px !important;
}
.pr-sm-150 {
	padding-right: 150px !important;
}
.pr-sm-160 {
	padding-right: 160px !important;
}
.pr-sm-170 {
	padding-right: 170px !important;
}
.pr-sm-180 {
	padding-right: 180px !important;
}
.pr-sm-190 {
	padding-right: 190px !important;
}
.pr-sm-200 {
	padding-right: 200px !important;
}

/*
 * 3.8 -> Padding bottom
 * -----------------------------------------------
*/
.pb-sm-0 {
	padding-bottom: 0!important
}
.pb-sm-10 {
	padding-bottom: 10px !important;
}
.pb-sm-15 {
	padding-bottom: 15px !important;
}
.pb-sm-20 {
	padding-bottom: 20px !important;
}
.pb-sm-30 {
	padding-bottom: 30px !important;
}
.pb-sm-40 {
	padding-bottom: 40px !important;
}
.pb-sm-50 {
	padding-bottom: 50px !important;
}
.pb-sm-60 {
	padding-bottom: 60px !important;
}
.pb-sm-70 {
	padding-bottom: 70px !important;
}
.pb-sm-80 {
	padding-bottom: 80px !important;
}
.pb-sm-90 {
	padding-bottom: 90px !important;
}
.pb-sm-100 {
	padding-bottom: 100px !important;
}
.pb-sm-110 {
	padding-bottom: 110px !important;
}
.pb-sm-120 {
	padding-bottom: 120px !important;
}
.pb-sm-130 {
	padding-bottom: 130px !important;
}
.pb-sm-140 {
	padding-bottom: 140px !important;
}
.pb-sm-150 {
	padding-bottom: 150px !important;
}
.pb-sm-160 {
	padding-bottom: 160px !important;
}
.pb-sm-170 {
	padding-bottom: 170px !important;
}
.pb-sm-180 {
	padding-bottom: 180px !important;
}
.pb-sm-190 {
	padding-bottom: 190px !important;
}
.pb-sm-200 {
	padding-bottom: 200px !important;
}

/*
 * 3.9 -> Padding left
 * -----------------------------------------------
*/
.pl-sm-0 {
	padding-left: 0!important
}
.pl-sm-10 {
	padding-left: 10px !important;
}
.pl-sm-15 {
	padding-left: 15px !important;
}
.pl-sm-20 {
	padding-left: 20px !important;
}
.pl-sm-30 {
	padding-left: 30px !important;
}
.pl-sm-40 {
	padding-left: 40px !important;
}
.pl-sm-50 {
	padding-left: 50px !important;
}
.pl-sm-60 {
	padding-left: 60px !important;
}
.pl-sm-70 {
	padding-left: 70px !important;
}
.pl-sm-80 {
	padding-left: 80px !important;
}
.pl-sm-90 {
	padding-left: 90px !important;
}
.pl-sm-100 {
	padding-left: 100px !important;
}
.pl-sm-110 {
	padding-left: 110px !important;
}
.pl-sm-120 {
	padding-left: 120px !important;
}
.pl-sm-130 {
	padding-left: 130px !important;
}
.pl-sm-140 {
	padding-left: 140px !important;
}
.pl-sm-150 {
	padding-left: 150px !important;
}
.pl-sm-160 {
	padding-left: 160px !important;
}
.pl-sm-170 {
	padding-left: 170px !important;
}
.pl-sm-180 {
	padding-left: 180px !important;
}
.pl-sm-190 {
	padding-left: 190px !important;
}
.pl-sm-200 {
	padding-left: 200px !important;
}
}

/*
 * 5 -> xs: max-width 479px
 * -----------------------------------------------
*/
@media (max-width:479px) {
/*
 * 2.1 -> Basic margin padding
 * -----------------------------------------------
*/
.m-xs-0 {
	margin: 0px !important;
}
.m-xs-10 {
	margin: 10px !important;
}
.m-xs-15 {
	margin: 15px !important;
}
.m-xs-20 {
	margin: 20px !important;
}
.m-xs-30 {
	margin: 30px !important;
}
.m-xs-40 {
	margin: 40px !important;
}
.m-xs-50 {
	margin: 50px !important;
}
.m-xs-60 {
	margin: 60px !important;
}
.m-xs-70 {
	margin: 70px !important;
}
.m-xs-80 {
	margin: 80px !important;
}
.m-xs-90 {
	margin: 90px !important;
}
.m-xs-100 {
	margin: 100px !important;
}
.m-xs-110 {
	margin: 110px !important;
}
.m-xs-120 {
	margin: 120px !important;
}
.m-xs-130 {
	margin: 130px !important;
}
.m-xs-140 {
	margin: 140px !important;
}
.m-xs-150 {
	margin: 150px !important;
}
.m-xs-160 {
	margin: 160px !important;
}
.m-xs-170 {
	margin: 170px !important;
}
.m-xs-180 {
	margin: 180px !important;
}
.m-xs-190 {
	margin: 190px !important;
}
.m-xs-200 {
	margin: 200px !important;
}

.p-xs-0 {
	padding: 0 !important;
}
.p-xs-10 {
	padding: 10px !important;
}
.p-xs-15 {
	padding: 15px !important;
}
.p-xs-20 {
	padding: 20px !important;
}
.p-xs-30 {
	padding: 30px !important;
}
.p-xs-40 {
	padding: 40px !important;
}
.p-xs-50 {
	padding: 50px !important;
}
.p-xs-60 {
	padding: 60px !important;
}
.p-xs-70 {
	padding: 70px !important;
}
.p-xs-80 {
	padding: 80px !important;
}
.p-xs-90 {
	padding: 90px !important;
}
.p-xs-100 {
	padding: 100px !important;
}
.p-xs-110 {
	padding: 110px !important;
}
.p-xs-120 {
	padding: 120px !important;
}
.p-xs-130 {
	padding: 130px !important;
}
.p-xs-140 {
	padding: 140px !important;
}
.p-xs-150 {
	padding: 150px !important;
}
.p-xs-160 {
	padding: 160px !important;
}
.p-xs-170 {
	padding: 170px !important;
}
.p-xs-180 {
	padding: 180px !important;
}
.p-xs-190 {
	padding: 190px !important;
}
.p-xs-200 {
	padding: 200px !important;
}

/*
 * 2.2 -> Margin top
 * -----------------------------------------------
*/
.mt-xs-0 {
	margin-top: 0 !important;
}
.mt-xs-10 {
	margin-top: 10px !important;
}
.mt-xs-15 {
	margin-top: 15px !important;
}
.mt-xs-20 {
	margin-top: 20px !important;
}
.mt-xs-30 {
	margin-top: 30px !important;
}
.mt-xs-40 {
	margin-top: 40px !important;
}
.mt-xs-50 {
	margin-top: 50px !important;
}
.mt-xs-60 {
	margin-top: 60px !important;
}
.mt-xs-70 {
	margin-top: 70px !important;
}
.mt-xs-80 {
	margin-top: 80px !important;
}
.mt-xs-90 {
	margin-top: 90px !important;
}
.mt-xs-100 {
	margin-top: 100px !important;
}
.mt-xs-110 {
	margin-top: 110px !important;
}
.mt-xs-120 {
	margin-top: 120px !important;
}
.mt-xs-130 {
	margin-top: 130px !important;
}
.mt-xs-140 {
	margin-top: 140px !important;
}
.mt-xs-150 {
	margin-top: 150px !important;
}
.mt-xs-160 {
	margin-top: 160px !important;
}
.mt-xs-170 {
	margin-top: 170px !important;
}
.mt-xs-180 {
	margin-top: 180px !important;
}
.mt-xs-190 {
	margin-top: 190px !important;
}
.mt-xs-200 {
	margin-top: 200px !important;
}

/*
 * 2.3 -> Margin right
 * -----------------------------------------------
*/
.mr-xs-0 {
	margin-right: 0!important
}
.mr-xs-10 {
	margin-right: 10px !important;
}
.mr-xs-15 {
	margin-right: 15px !important;
}
.mr-xs-20 {
	margin-right: 20px !important;
}
.mr-xs-30 {
	margin-right: 30px !important;
}
.mr-xs-40 {
	margin-right: 40px !important;
}
.mr-xs-50 {
	margin-right: 50px !important;
}
.mr-xs-60 {
	margin-right: 60px !important;
}
.mr-xs-70 {
	margin-right: 70px !important;
}
.mr-xs-80 {
	margin-right: 80px !important;
}
.mr-xs-90 {
	margin-right: 90px !important;
}
.mr-xs-100 {
	margin-right: 100px !important;
}
.mr-xs-110 {
	margin-right: 110px !important;
}
.mr-xs-120 {
	margin-right: 120px !important;
}
.mr-xs-130 {
	margin-right: 130px !important;
}
.mr-xs-140 {
	margin-right: 140px !important;
}
.mr-xs-150 {
	margin-right: 150px !important;
}
.mr-xs-160 {
	margin-right: 160px !important;
}
.mr-xs-170 {
	margin-right: 170px !important;
}
.mr-xs-180 {
	margin-right: 180px !important;
}
.mr-xs-190 {
	margin-right: 190px !important;
}
.mr-xs-200 {
	margin-right: 200px !important;
}

/*
 * 2.4 -> Margin bottom
 * -----------------------------------------------
*/
.mb-xs-0 {
	margin-bottom: 0!important
}
.mb-xs-10 {
	margin-bottom: 10px !important;
}
.mb-xs-15 {
	margin-bottom: 15px !important;
}
.mb-xs-20 {
	margin-bottom: 20px !important;
}
.mb-xs-30 {
	margin-bottom: 30px !important;
}
.mb-xs-40 {
	margin-bottom: 40px !important;
}
.mb-xs-50 {
	margin-bottom: 50px !important;
}
.mb-xs-60 {
	margin-bottom: 60px !important;
}
.mb-xs-70 {
	margin-bottom: 70px !important;
}
.mb-xs-80 {
	margin-bottom: 80px !important;
}
.mb-xs-90 {
	margin-bottom: 90px !important;
}
.mb-xs-100 {
	margin-bottom: 100px !important;
}
.mb-xs-110 {
	margin-bottom: 110px !important;
}
.mb-xs-120 {
	margin-bottom: 120px !important;
}
.mb-xs-130 {
	margin-bottom: 130px !important;
}
.mb-xs-140 {
	margin-bottom: 140px !important;
}
.mb-xs-150 {
	margin-bottom: 150px !important;
}
.mb-xs-160 {
	margin-bottom: 160px !important;
}
.mb-xs-170 {
	margin-bottom: 170px !important;
}
.mb-xs-180 {
	margin-bottom: 180px !important;
}
.mb-xs-190 {
	margin-bottom: 190px !important;
}
.mb-xs-200 {
	margin-bottom: 200px !important;
}

/*
 * 2.5 -> Margin left
 * -----------------------------------------------
*/
.ml-xs-0 {
	margin-left: 0!important
}
.ml-xs-10 {
	margin-left: 10px !important;
}
.ml-xs-15 {
	margin-left: 15px !important;
}
.ml-xs-20 {
	margin-left: 20px !important;
}
.ml-xs-30 {
	margin-left: 30px !important;
}
.ml-xs-40 {
	margin-left: 40px !important;
}
.ml-xs-50 {
	margin-left: 50px !important;
}
.ml-xs-60 {
	margin-left: 60px !important;
}
.ml-xs-70 {
	margin-left: 70px !important;
}
.ml-xs-80 {
	margin-left: 80px !important;
}
.ml-xs-90 {
	margin-left: 90px !important;
}
.ml-xs-100 {
	margin-left: 100px !important;
}
.ml-xs-110 {
	margin-left: 110px !important;
}
.ml-xs-120 {
	margin-left: 120px !important;
}
.ml-xs-130 {
	margin-left: 130px !important;
}
.ml-xs-140 {
	margin-left: 140px !important;
}
.ml-xs-150 {
	margin-left: 150px !important;
}
.ml-xs-160 {
	margin-left: 160px !important;
}
.ml-xs-170 {
	margin-left: 170px !important;
}
.ml-xs-180 {
	margin-left: 180px !important;
}
.ml-xs-190 {
	margin-left: 190px !important;
}
.ml-xs-200 {
	margin-left: 200px !important;
}

/*
 * 2.6 -> Padding top
 * -----------------------------------------------
*/
.pt-xs-0 {
	padding-top: 0!important
}
.pt-xs-10 {
	padding-top: 10px !important;
}
.pt-xs-15 {
	padding-top: 15px !important;
}
.pt-xs-20 {
	padding-top: 20px !important;
}
.pt-xs-30 {
	padding-top: 30px !important;
}
.pt-xs-40 {
	padding-top: 40px !important;
}
.pt-xs-50 {
	padding-top: 50px !important;
}
.pt-xs-60 {
	padding-top: 60px !important;
}
.pt-xs-70 {
	padding-top: 70px !important;
}
.pt-xs-80 {
	padding-top: 80px !important;
}
.pt-xs-90 {
	padding-top: 90px !important;
}
.pt-xs-100 {
	padding-top: 100px !important;
}
.pt-xs-110 {
	padding-top: 110px !important;
}
.pt-xs-120 {
	padding-top: 120px !important;
}
.pt-xs-130 {
	padding-top: 130px !important;
}
.pt-xs-140 {
	padding-top: 140px !important;
}
.pt-xs-150 {
	padding-top: 150px !important;
}
.pt-xs-160 {
	padding-top: 160px !important;
}
.pt-xs-170 {
	padding-top: 170px !important;
}
.pt-xs-180 {
	padding-top: 180px !important;
}
.pt-xs-190 {
	padding-top: 190px !important;
}
.pt-xs-200 {
	padding-top: 200px !important;
}

/*
 * 2.7 -> Padding right
 * -----------------------------------------------
*/
.pr-xs-0 {
	padding-right: 0!important
}
.pr-xs-10 {
	padding-right: 10px !important;
}
.pr-xs-15 {
	padding-right: 15px !important;
}
.pr-xs-20 {
	padding-right: 20px !important;
}
.pr-xs-30 {
	padding-right: 30px !important;
}
.pr-xs-40 {
	padding-right: 40px !important;
}
.pr-xs-50 {
	padding-right: 50px !important;
}
.pr-xs-60 {
	padding-right: 60px !important;
}
.pr-xs-70 {
	padding-right: 70px !important;
}
.pr-xs-80 {
	padding-right: 80px !important;
}
.pr-xs-90 {
	padding-right: 90px !important;
}
.pr-xs-100 {
	padding-right: 100px !important;
}
.pr-xs-110 {
	padding-right: 110px !important;
}
.pr-xs-120 {
	padding-right: 120px !important;
}
.pr-xs-130 {
	padding-right: 130px !important;
}
.pr-xs-140 {
	padding-right: 140px !important;
}
.pr-xs-150 {
	padding-right: 150px !important;
}
.pr-xs-160 {
	padding-right: 160px !important;
}
.pr-xs-170 {
	padding-right: 170px !important;
}
.pr-xs-180 {
	padding-right: 180px !important;
}
.pr-xs-190 {
	padding-right: 190px !important;
}
.pr-xs-200 {
	padding-right: 200px !important;
}

/*
 * 2.8 -> Padding bottom
 * -----------------------------------------------
*/
.pb-xs-0 {
	padding-bottom: 0!important
}
.pb-xs-10 {
	padding-bottom: 10px !important;
}
.pb-xs-15 {
	padding-bottom: 15px !important;
}
.pb-xs-20 {
	padding-bottom: 20px !important;
}
.pb-xs-30 {
	padding-bottom: 30px !important;
}
.pb-xs-40 {
	padding-bottom: 40px !important;
}
.pb-xs-50 {
	padding-bottom: 50px !important;
}
.pb-xs-60 {
	padding-bottom: 60px !important;
}
.pb-xs-70 {
	padding-bottom: 70px !important;
}
.pb-xs-80 {
	padding-bottom: 80px !important;
}
.pb-xs-90 {
	padding-bottom: 90px !important;
}
.pb-xs-100 {
	padding-bottom: 100px !important;
}
.pb-xs-110 {
	padding-bottom: 110px !important;
}
.pb-xs-120 {
	padding-bottom: 120px !important;
}
.pb-xs-130 {
	padding-bottom: 130px !important;
}
.pb-xs-140 {
	padding-bottom: 140px !important;
}
.pb-xs-150 {
	padding-bottom: 150px !important;
}
.pb-xs-160 {
	padding-bottom: 160px !important;
}
.pb-xs-170 {
	padding-bottom: 170px !important;
}
.pb-xs-180 {
	padding-bottom: 180px !important;
}
.pb-xs-190 {
	padding-bottom: 190px !important;
}
.pb-xs-200 {
	padding-bottom: 200px !important;
}

/*
 * 2.9 -> Padding left
 * -----------------------------------------------
*/
.pl-xs-0 {
	padding-left: 0!important
}
.pl-xs-10 {
	padding-left: 10px !important;
}
.pl-xs-15 {
	padding-left: 15px !important;
}
.pl-xs-20 {
	padding-left: 20px !important;
}
.pl-xs-30 {
	padding-left: 30px !important;
}
.pl-xs-40 {
	padding-left: 40px !important;
}
.pl-xs-50 {
	padding-left: 50px !important;
}
.pl-xs-60 {
	padding-left: 60px !important;
}
.pl-xs-70 {
	padding-left: 70px !important;
}
.pl-xs-80 {
	padding-left: 80px !important;
}
.pl-xs-90 {
	padding-left: 90px !important;
}
.pl-xs-100 {
	padding-left: 100px !important;
}
.pl-xs-110 {
	padding-left: 110px !important;
}
.pl-xs-120 {
	padding-left: 120px !important;
}
.pl-xs-130 {
	padding-left: 130px !important;
}
.pl-xs-140 {
	padding-left: 140px !important;
}
.pl-xs-150 {
	padding-left: 150px !important;
}
.pl-xs-160 {
	padding-left: 160px !important;
}
.pl-xs-170 {
	padding-left: 170px !important;
}
.pl-xs-180 {
	padding-left: 180px !important;
}
.pl-xs-190 {
	padding-left: 190px !important;
}
.pl-xs-200 {
	padding-left: 200px !important;
}


}







    HTML CSS JS Result 

Edit on
  
    
    
    
    
    
    
    
  





