/* common */
.position-z { position: relative; z-index: 999; }

/* header */
nav.navbar { z-index: 1000 !important; background: #388aca !important; }
nav.navbar.bootsnav.navbar-transparent.pad-top { background: #388aca !important; margin-top: 0; }
nav.navbar.bootsnav ul.dropdown-menu.megamenu-content { margin: 1px 15px 0; }
.attr-nav { margin-left: 30px; padding-left: 15px; }
.attr-nav > ul > li { padding: 33px 0; }
.navbar-right { margin-right: 0; }

/* banner */
.banner-area.text-normal h1 { font-size: 32px; }
.banner-area .box-cell, .banner-area .box-cell div { float: none; text-align: center; margin: 0 auto; }
.btn.btn-light.border { border: 1px solid #ffb606; }
.btn.btn-light.border:hover { border: 1px solid #fff !important; }

/* layout*/
.bg-gray { position: relative; background-color: #fbfbfb; }
	.bg-gray-line { position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-repeat: no-repeat; background-position: top right,top right,calc(80% - 100vmax) top,calc(90% - 50vmax) top; background-size: 20% 100%,10% 100%,500vmax 500vmax,500vmax 500vmax; transform: scalex(-1); background-image: linear-gradient(to right,rgba(33,37,41,.015) 0,rgba(33,37,41,.015) 100%),linear-gradient(to right,rgba(33,37,41,.015) 0,rgba(33,37,41,.015) 100%),linear-gradient(to top left,rgba(33,37,41,.015) 50%,transparent 50%),linear-gradient(to top left,rgba(33,37,41,.015) 50%,transparent 50%); }

.slider_section { margin-top: 101px; background-image: url(/uploads/image/ssioffice/20200717643532.jpg); background-size: cover; }
	.slider_section.shadow.dark-hard::after { background: rgb(38 47 84 / 50%) none repeat scroll 0 0; }
	.slider-animate-area { position: relative; height: 374px; }
	.slider-item { height: 374px; }
	.slider-item::before { background-color: #000; height: 100%; left: 0; opacity: 0.5; position: absolute; top: 0; width: 100%; z-index: 9; content: ""; }
	.slider-text { position: absolute; left: 0; top: 50px; z-index: 10; width: 100%; }

	.slider_homepage_wrapper_overlay { display: block; position: absolute; z-index: -6; top: 0; left: 0; right: 0; bottom: 0; overflow: hidden; background-size: cover; background-position: center center; opacity: 0.35; filter: blur(5px); }

	/* carousel styles */
	.carousel-inner { border: 1px solid #e0e0e0; box-shadow: 0 0.25em 2em 0.8em rgba(0, 0, 0, 0.2); }
	.carousel-inner img {width: 100%;max-height: 640px;}
	.carousel-inner .carousel-imgfocus { transform: scale(1); transition: transform 0.4s; }
	.carousel-inner:hover .carousel-imgfocus { transform: scale(1.025); transition: transform 0.6s; }

	.item-opacity { position: absolute; z-index: 10; left: 0; top: 0; width: 100%; height: 428px; background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, rgba(31, 49, 101, 0.38) 100%); }

	.carousel-control {width: 0;}
	.carousel-control.left,
	.carousel-control.right {opacity: 1;filter: alpha(opacity=100);background-image: none;background-repeat: no-repeat;text-shadow: none;}
	.carousel-control .fa-angle-left, 
	.carousel-control .fa-angle-right, 
	.carousel-control .icon-prev, 
	.carousel-control .icon-next {position: absolute;top: 45%; z-index: 11; display: inline-block;font-size: 42px;}
	.carousel-control .fa-angle-left,
	.carousel-control .icon-prev {left: 0;}
	.carousel-control .fa-angle-right,
	.carousel-control .icon-next {right: 0;}
	.carousel-control .btn-arrow:before { display: block; width: 3rem; padding: 0.75rem 0; background: #e5e5e5; line-height: normal; text-align: center; color: #444; opacity: 0.75; }
	.carousel-control.left span:hover,
	.carousel-control.right span:hover {opacity: .7;filter: alpha(opacity=70);}

	.carousel-indicators { width: 98%; left: 0; right: 2%; margin-left: 0; text-align: right; }
	.carousel-indicators li { margin: 1px 5px; width: 20px; height: 20px; border-radius: 50%; background:rgb(255 255 255 / 46%); border: 0; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; transition: all .2s ease-in-out; }
	.carousel-indicators .active { margin: 1px 5px; width: 20px; height: 20px; background: #fff; }
	.carousel-indicators {bottom: 10px;}

	.carousel-inner > .item {margin-left:0;margin-top:0;margin-bottom:0;padding-left: 0;width: 100%;height: auto;}
	.carousel-inner > .item > img,
	.carousel-inner > .item > a > img, .carousel-inner > .item .carousel-imgfocus { display: block; max-width: 100%; height: 428px; margin-left:0; padding-left: 0; }

	/* carousel header styles */
	.header-text { position: absolute; z-index: 12; bottom: 0; left: 0; right: auto; width: 100%; height: 428px; padding: 251px 335px 0 53px; color: #fff; background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, rgb(31 49 101 / 26%) 100%); }
	.header-text a { display: block; margin: 15px 0 40px; font-size: 16px; overflow: hidden; }
		.header-text a h2 { color: #fff; font-size: 32px; margin-bottom: 20px; }
	.header-text a p,.header-text a:hover{ color: #fff !important; }

.site-heading h2 { margin-bottom: 30px; font-size: 28px; font-weight: 500; }
.campus-news {}
.campus-news .site-heading h2::before { background: #388aca none repeat scroll 0 0; left: 50%; margin-left: -30px; width: 60px; }
.campus-news .site-heading h2::after { display: none; }
.campus-news .item { display: block; transition: all .2s ease-in-out; }
.campus-news .info-box { display: block; transition: all .2s ease-in-out; }
	.campus-news .thumb { overflow: unset !important; }
.campus-news .info-box .info-img { height: 240px; transition: all .2s ease-in-out;background-position: center center; background-size: cover; }
	.campus-news .info-img:before { content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; box-shadow: 0 1rem 2rem -1rem rgb(0 0 0 / 75%); opacity: 0; transition: inherit; }
	.campus-news .item:hover .info-box { transform: translatey(-.25rem); }
	.campus-news .item:hover .info-img:before { opacity: 1; }
.campus-news .info p { line-height: 32px; color: #6c757d; }
.campus-news .readmore { margin-top: 30px; }
.campus-news.event-area .event-items .item .info { box-shadow: none; padding: 0 20px; }
.campus-news.event-area .event-items .item .info .meta { border-top: 0; margin-top: 0; padding-top: 0; }
.campus-news.event-area .event-items .item .info li { margin-bottom: 20px; }

.readmore .btn-dark { background: #388aca !important; border: 0 none; border-radius: 0; }
.readmore .btn-dark:hover { color: #fff !important; background: #2a71a7 !important; ; border: 0 none; }

.event-area .event-items .item .info { padding: 20px; }
.event-area .event-items .item .info .meta { padding-bottom: 20px; }
.event-area .event-items .item .info li { width: 100%; margin-right: 0; font-weight: 400; }
.event-area .event-items .item .info > a { background: #388aca !important; border: 0 none; border-radius: 0; }
	.event-area .event-items .item .info > a:hover { color: #fff !important; background: #2a71a7 !important; }
.event-area .event-items .item .info li a:hover { color: #ffb606; }

.popular-courses .advance { height: 100%; }
.popular-courses .advance .advance-content { display: block; width: 100%; height: 100%; background-size: cover; background-position: center center; background-repeat: no-repeat; }
.popular-courses .history .block:nth-child(1), .popular-courses .history .block:nth-child(2) { margin-bottom: 30px; }

.img-title > h3, .lecturers-details > h3 { padding: 0 10px; font-size: 18px; font-weight: 500; margin-bottom: 0; color: #fff; }
.img-title { bottom: 0; left: 50%; opacity: 0.8; overflow: hidden; padding: 15px 0; position: absolute; text-align: center; transform: translatex(-50%); width: 100%; }
.img-title.navy-bg > p { color: #fff; margin-bottom: 0; }

.lecturers-area .separator i { background: #fff none repeat scroll 0 0; }
.lecturers-img { overflow: hidden; position: relative; height: 100%; }
.single-lecturers { overflow: hidden; position: relative; }
.lecturers-details > p { color: #fff; margin-bottom: 0; }
.last-about-details { display: inline-block; margin: 23px 0 19px; text-align: center; }
.lecturers-details li { background-color: transparent; border: 1px solid #fff; float: left; margin-right: 17px; transition: all 0.3s ease 0s; }
.lecturers-details li:last-child { margin-right: 0px; }
.lecturers-details a { margin-top: 15px; color: #002147; font-size: 14px; display: inline-block; padding: 5px 20px; background: #fff; border-radius: 30px; text-align: center; line-height: 30px; }
.lecturers-details li:hover a { color: #f8b239; }
.lecturers-details li:hover { background-color: #fff; }
.lecturers-details > ul { margin: 23px 0 18px; }
.lecturers-area { transition: all .3s ease 0s; }
.lecturers-area .img-title { opacity: 1; transition: all .3s ease 0s; background-color: rgba(45, 62, 80, 0.8); }
.lecturers-area .img-title > p { color: #fff; margin-bottom: 0; padding: 10px 0 0; }
.single-lecturers:hover .img-title { opacity: 0; }
.lecturers-img > a::before { background: #2d3e50 none repeat scroll 0 0; content: ""; opacity: 0.8; position: absolute; transition: all 0.3s ease 0s; width: 0; height: 0; left: 0; top: 0; right: 0; bottom: 0; margin: auto; }
.single-lecturers:hover .lecturers-img a::before { height: 100%; width: 100%; }
.lecturers-details { left: 0; position: absolute; right: 0; text-align: center; top: 50%; transform: translatey(-50%); width: 100%; opacity: 0; transition: all .3s ease 0s; }
	.lecturers-details p { padding: 0 10px; }
.single-lecturers:hover .lecturers-details { opacity: 1; }


/* announce */
.announce-info .btn.effect { transition: all 0.35s ease-in-out; margin-top: 10px; margin-right: 3px; background: linear-gradient(270deg, #21a1e9 0%, #0889dc 100%) !important; border: 0 none; border-radius: 30px; }
	.announce-info .btn.effect:hover { color: #fff !important; background: linear-gradient(270deg, #1c92d5 0%, #0a82cf 100%) !important; }
.announce-tab { overflow: hidden; }
.announce-tab a { float: left; }
.announce-tab ul { float: left; margin-left: 10px; }
.announce-tab li { float: left; margin-bottom: 0 !important; width: auto !important; }
	.announce-tab li a { padding: 3px 5px 0; font-size: 14px; }
	.announce-tab .nav-pills>li a:hover { background: transparent !important; }
	.announce-tab .nav-pills>li.active>a, .announce-tab .nav-pills>li.active>a:focus, .announce-tab .nav-pills>li.active>a:hover { color: #0d8ddf !important; background: none; font-weight: 700; }
	.announce-list { min-height: 180px; }
	.announce-list span { float: right; }

.common-links { padding: 40px 0; }
.common-links .info h4 { margin-bottom: 0; }
	.common-links li { float: left; padding-right: 25px; }
	.common-links li a:hover { color: #f8b239; }

.deptart .thumb { height: 180px; background-size: cover; background-repeat: no-repeat; background-position: center center; }

footer .footer-bottom { margin-top: 0; padding: 30px 0; }
footer .f-item > h4 { margin-bottom: 10px; }
footer .f-item > img { margin: 40px 0 0; }
footer .f-item.link li { float: left; padding-right: 10px; }
footer.bg-fixed .f-item.address i { border: 0 none; }
footer .shadow.dark-hard::after { background: rgba(0, 44, 72, 0.95); }
footer .f-item.address i { width: 20px; height: 20px; font-size: 12px; }
footer .f-item.address p span { display: inline; padding-left: 10px; }
footer .f-item.qrcode li { margin-right: 15px; }
.footer-bottom .col-md-6 { padding: 0 15px !important; }

/* category */
.category-list .item { margin-bottom: 32px; }
.popular-courses-items .thumb .price { text-align: left; text-indent: 25px; }

/* page */
.advisor-items .advisor-item .info-title { padding: 25px 5px; }

/* page-nav*/
.breadcrumb-area { margin-top: 96px; padding: 236px 0 50px; }
.breadcrumb-area h1 { text-align: left; font-size: 42px; }
.breadcrumb-area .breadcrumb { float: left; }
.breadcrumb-area.bg-fixed { background-position: center -154px; }

/* thumb */
.event-area .event-items .item.vertical .thumb a { display: block; width: 100%; height: 315px; background-size: cover; background-position: center center; background-repeat: no-repeat; }
.info-box .thumb { width: 100%; height: 350px; background-size: cover; background-position: center center; background-repeat: no-repeat; }

/* article */
.blog-area .item blockquote { margin-top: 100px; }
.blog-area .blog-items .thumb { }
.article-content p, .leaders-info p { text-indent: 2em; font-size: 16px !important; margin-bottom: 10px !important; line-height: 32px !important; }
.article-content img { display: block !important; margin: 10px auto; height: auto !important; }

@media only screen and (max-width: 767px) {
	.breadcrumb-area { margin-top: 0; }
}

@media (max-width: 1023px) {
	nav.navbar.bootsnav .navbar-toggle { color: #fff; margin-top: 13px; }
	nav.navbar.bootsnav .navbar-brand { margin-bottom: -8px !important; }
}

@media (min-width: 1200px) {
	.container { width: 1260px; }
}
@media (min-width:1024px) {
	nav.navbar.bootsnav.navbar-transparent.white { border-bottom: 0; }
	nav.navbar.bootsnav .navbar-brand { padding: 20px 15px; }
	nav.navbar.bootsnav .navmenu { background-color: #fff; }
	/* nav.navbar.bootsnav ul.nav > li.active:before { display: block; content: ""; width: 20px; height: 5px; border-radius: 5px; background-color: #ffb606; position: absolute; left: 50%; bottom: 23px; margin-left: -10px; } */
	nav.navbar.bootsnav ul.nav > li > a { color: #6e7488 !important; font-size: 14px; padding: 15px 26px 15px 0; }
	nav.navbar.bootsnav ul.nav > li > a.active, nav.navbar.bootsnav ul.nav > li > a:hover { color: #3283f6 !important; }
	nav.navbar.bootsnav ul.nav > li.active > a { color: #3283f6 !important; }
	nav.navbar.bootsnav ul.dropdown-menu.megamenu-content .content ul.horizontal-col li { float: left; width: 50%; }
}

@media only screen and (max-width: 767px) {
	.campus-news { padding-top: 100px; }
}


/*************************
  02. basic margin padding
*************************/
.m-0 {
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
}
.p-0 {
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0;
}
/*************************
    margin top
*************************/
.mt-0 { margin-top: 0 }
.mt-1 { margin-top: 1px }
.mt-2 { margin-top: 2px }
.mt-3 { margin-top: 3px }
.mt-4 { margin-top: 4px }
.mt-5 { margin-top: 5px }
.mt-6 { margin-top: 6px }
.mt-7 { margin-top: 7px }
.mt-8 { margin-top: 8px }
.mt-9 { margin-top: 9px }
.mt-10 { margin-top: 10px }
.mt-11 { margin-top: 11px }
.mt-12 { margin-top: 12px }
.mt-13 { margin-top: 13px }
.mt-14 { margin-top: 14px }
.mt-15 { margin-top: 15px }
.mt-16 { margin-top: 16px }
.mt-17 { margin-top: 17px }
.mt-18 { margin-top: 18px }
.mt-19 { margin-top: 19px }
.mt-20 { margin-top: 20px }
.mt-21 { margin-top: 21px }
.mt-22 { margin-top: 22px }
.mt-23 { margin-top: 23px }
.mt-24 { margin-top: 24px }
.mt-25 { margin-top: 25px }
.mt-26 { margin-top: 26px }
.mt-27 { margin-top: 27px }
.mt-28 { margin-top: 28px }
.mt-29 { margin-top: 29px }
.mt-30 { margin-top: 30px }
.mt-31 { margin-top: 31px }
.mt-32 { margin-top: 32px }
.mt-33 { margin-top: 33px }
.mt-34 { margin-top: 34px }
.mt-35 { margin-top: 35px }
.mt-36 { margin-top: 36px }
.mt-37 { margin-top: 37px }
.mt-38 { margin-top: 38px }
.mt-39 { margin-top: 39px }
.mt-40 { margin-top: 40px }
.mt-41 { margin-top: 41px }
.mt-42 { margin-top: 42px }
.mt-43 { margin-top: 43px }
.mt-44 { margin-top: 44px }
.mt-45 { margin-top: 45px }
.mt-46 { margin-top: 46px }
.mt-47 { margin-top: 47px }
.mt-48 { margin-top: 48px }
.mt-49 { margin-top: 49px }
.mt-50 { margin-top: 50px }
.mt-51 { margin-top: 51px }
.mt-52 { margin-top: 52px }
.mt-53 { margin-top: 53px }
.mt-54 { margin-top: 54px }
.mt-55 { margin-top: 55px }
.mt-56 { margin-top: 56px }
.mt-57 { margin-top: 57px }
.mt-58 { margin-top: 58px }
.mt-59 { margin-top: 59px }
.mt-60 { margin-top: 60px }
.mt-61 { margin-top: 61px }
.mt-62 { margin-top: 62px }
.mt-63 { margin-top: 63px }
.mt-64 { margin-top: 64px }
.mt-65 { margin-top: 65px }
.mt-66 { margin-top: 66px }
.mt-67 { margin-top: 67px }
.mt-68 { margin-top: 68px }
.mt-69 { margin-top: 69px }
.mt-70 { margin-top: 70px }
.mt-71 { margin-top: 71px }
.mt-72 { margin-top: 72px }
.mt-73 { margin-top: 73px }
.mt-74 { margin-top: 74px }
.mt-75 { margin-top: 75px }
.mt-76 { margin-top: 76px }
.mt-77 { margin-top: 77px }
.mt-78 { margin-top: 78px }
.mt-79 { margin-top: 79px }
.mt-80 { margin-top: 80px }
.mt-81 { margin-top: 81px }
.mt-82 { margin-top: 82px }
.mt-83 { margin-top: 83px }
.mt-84 { margin-top: 84px }
.mt-85 { margin-top: 85px }
.mt-86 { margin-top: 86px }
.mt-87 { margin-top: 87px }
.mt-88 { margin-top: 88px }
.mt-89 { margin-top: 89px }
.mt-90 { margin-top: 90px }
.mt-91 { margin-top: 91px }
.mt-92 { margin-top: 92px }
.mt-93 { margin-top: 93px }
.mt-94 { margin-top: 94px }
.mt-95 { margin-top: 95px }
.mt-96 { margin-top: 96px }
.mt-97 { margin-top: 97px }
.mt-98 { margin-top: 98px }
.mt-99 { margin-top: 99px }
.mt-100 { margin-top: 100px }
.mt-110 { margin-top: 110px }
.mt-120 { margin-top: 120px }
.mt-125 { margin-top: 125px }
.mt-130 { margin-top: 130px }
.mt-140 { margin-top: 140px }
.mt-150 { margin-top: 150px }
/*************************
      margin right
*************************/
.mr-0 { margin-right: 0px }
.mr-1 { margin-right: 1px }
.mr-2 { margin-right: 2px }
.mr-3 { margin-right: 3px }
.mr-4 { margin-right: 4px }
.mr-5 { margin-right: 5px }
.mr-6 { margin-right: 6px }
.mr-7 { margin-right: 7px }
.mr-8 { margin-right: 8px }
.mr-9 { margin-right: 9px }
.mr-10 { margin-right: 10px }
.mr-12 { margin-right: 12px }
.mr-15 { margin-right: 15px }
.mr-20 { margin-right: 20px }
.mr-23 { margin-right: 23px }
.mr-30 { margin-right: 30px }
.mr-40 { margin-right: 40px }
.mr-45 { margin-right: 45px }
.mr-50 { margin-right: 50px }
.mr-55 { margin-right: 55px }
.mr-60 { margin-right: 60px }
.mr-70 { margin-right: 70px }
.mr-80 { margin-right: 80px }
.mr-90 { margin-right: 90px }
.mr-100 { margin-right: 100px }
.mr-110 { margin-right: 110px }
.mr-120 { margin-right: 120px }
.mr-130 { margin-right: 130px }
.mr-140 { margin-right: 140px }
.mr-150 { margin-right: 150px }
/*************************
      margin bottom
*************************/
.mb-0 { margin-bottom: 0 }
.mb-1 { margin-bottom: 1px }
.mb-2 { margin-bottom: 2px }
.mb-3 { margin-bottom: 3px }
.mb-4 { margin-bottom: 4px }
.mb-5 { margin-bottom: 5px }
.mb-6 { margin-bottom: 6px }
.mb-7 { margin-bottom: 7px }
.mb-8 { margin-bottom: 8px }
.mb-9 { margin-bottom: 9px }
.mb-10 { margin-bottom: 10px }
.mb-11 { margin-bottom: 11px }
.mb-12 { margin-bottom: 12px }
.mb-13 { margin-bottom: 13px }
.mb-14 { margin-bottom: 14px }
.mb-15 { margin-bottom: 15px }
.mb-16 { margin-bottom: 16px }
.mb-17 { margin-bottom: 17px }
.mb-18 { margin-bottom: 18px }
.mb-19 { margin-bottom: 19px }
.mb-20 { margin-bottom: 20px }
.mb-21 { margin-bottom: 21px }
.mb-22 { margin-bottom: 22px }
.mb-23 { margin-bottom: 23px }
.mb-24 { margin-bottom: 24px }
.mb-25 { margin-bottom: 25px }
.mb-26 { margin-bottom: 26px }
.mb-27 { margin-bottom: 27px }
.mb-28 { margin-bottom: 28px }
.mb-29 { margin-bottom: 29px }
.mb-30 { margin-bottom: 30px }
.mb-31 { margin-bottom: 31px }
.mb-32 { margin-bottom: 32px }
.mb-33 { margin-bottom: 33px }
.mb-34 { margin-bottom: 34px }
.mb-35 { margin-bottom: 35px }
.mb-36 { margin-bottom: 36px }
.mb-37 { margin-bottom: 37px }
.mb-38 { margin-bottom: 38px }
.mb-39 { margin-bottom: 39px }
.mb-40 { margin-bottom: 40px }
.mb-41 { margin-bottom: 41px }
.mb-42 { margin-bottom: 42px }
.mb-43 { margin-bottom: 43px }
.mb-44 { margin-bottom: 44px }
.mb-45 { margin-bottom: 45px }
.mb-46 { margin-bottom: 46px }
.mb-47 { margin-bottom: 47px }
.mb-48 { margin-bottom: 48px }
.mb-49 { margin-bottom: 49px }
.mb-50 { margin-bottom: 50px }
.mb-51 { margin-bottom: 51px }
.mb-52 { margin-bottom: 52px }
.mb-53 { margin-bottom: 53px }
.mb-54 { margin-bottom: 54px }
.mb-55 { margin-bottom: 55px }
.mb-56 { margin-bottom: 56px }
.mb-57 { margin-bottom: 57px }
.mb-58 { margin-bottom: 58px }
.mb-59 { margin-bottom: 59px }
.mb-60 { margin-bottom: 60px }
.mb-61 { margin-bottom: 61px }
.mb-62 { margin-bottom: 62px }
.mb-63 { margin-bottom: 63px }
.mb-64 { margin-bottom: 64px }
.mb-65 { margin-bottom: 65px }
.mb-66 { margin-bottom: 66px }
.mb-67 { margin-bottom: 67px }
.mb-68 { margin-bottom: 68px }
.mb-69 { margin-bottom: 69px }
.mb-70 { margin-bottom: 70px }
.mb-71 { margin-bottom: 71px }
.mb-72 { margin-bottom: 72px }
.mb-73 { margin-bottom: 73px }
.mb-74 { margin-bottom: 74px }
.mb-75 { margin-bottom: 75px }
.mb-76 { margin-bottom: 76px }
.mb-77 { margin-bottom: 77px }
.mb-78 { margin-bottom: 78px }
.mb-79 { margin-bottom: 79px }
.mb-80 { margin-bottom: 80px }
.mb-81 { margin-bottom: 81px }
.mb-82 { margin-bottom: 82px }
.mb-83 { margin-bottom: 83px }
.mb-84 { margin-bottom: 84px }
.mb-85 { margin-bottom: 85px }
.mb-86 { margin-bottom: 86px }
.mb-87 { margin-bottom: 87px }
.mb-88 { margin-bottom: 88px }
.mb-89 { margin-bottom: 89px }
.mb-90 { margin-bottom: 90px }
.mb-91 { margin-bottom: 91px }
.mb-92 { margin-bottom: 92px }
.mb-93 { margin-bottom: 93px }
.mb-94 { margin-bottom: 94px }
.mb-95 { margin-bottom: 95px }
.mb-96 { margin-bottom: 96px }
.mb-97 { margin-bottom: 97px }
.mb-98 { margin-bottom: 98px }
.mb-99 { margin-bottom: 99px }
.mb-100 { margin-bottom: 100px }
.mb-110 { margin-bottom: 110px }
.mb-120 { margin-bottom: 120px }
.mb-130 { margin-bottom: 130px }
.mb-140 { margin-bottom: 140px }
.mb-150 { margin-bottom: 150px }
/*************************
        margin left
*************************/
.ml-0 { margin-left: 0 }
.ml-1 { margin-left: 1px }
.ml-2 { margin-left: 2px }
.ml-3 { margin-left: 3px }
.ml-4 { margin-left: 4px }
.ml-5 { margin-left: 5px }
.ml-6 { margin-left: 6px }
.ml-7 { margin-left: 7px }
.ml-8 { margin-left: 8px }
.ml-9 { margin-left: 9px }
.ml-10 { margin-left: 10px }
.ml-12 { margin-left: 12px }
.ml-15 { margin-left: 15px }
.ml-17 { margin-left: 17px }
.ml-20 { margin-left: 20px }
.ml-30 { margin-left: 30px }
.ml-40 { margin-left: 40px }
.ml-50 { margin-left: 50px }
.ml-60 { margin-left: 60px }
.ml-70 { margin-left: 70px }
.ml-80 { margin-left: 80px }
.ml-90 { margin-left: 90px }
.ml-100 { margin-left: 100px }
.ml-110 { margin-left: 110px }
.ml-120 { margin-left: 120px }
.ml-130 { margin-left: 130px }
.ml-140 { margin-left: 140px }
.ml-150 { margin-left: 150px }
.ml-160 { margin-left: 160px }
/***************************
    top bottom margin 
****************************/
.mtb-0 { margin: 0 }
.mtb-10 { margin: 10px 0 }
.mtb-11 { margin: 11px 0 }
.mtb-12 { margin: 12px 0 }
.mtb-13 { margin: 13px 0 }
.mtb-14 { margin: 14px 0 }
.mtb-15 { margin: 15px 0 }
.mtb-16 { margin: 16px 0 }
.mtb-17 { margin: 17px 0 }
.mtb-18 { margin: 18px 0 }
.mtb-19 { margin: 19px 0 }
.mtb-20 { margin: 20px 0 }
.mtb-30 { margin: 30px 0 }
.mtb-35 { margin: 35px 0 }
.mtb-40 { margin: 40px 0 }
.mtb-50 { margin: 50px 0 }
.mtb-60 { margin: 60px 0 }
.mtb-70 { margin: 70px 0 }
.mtb-80 { margin: 80px 0 }
.mtb-90 { margin: 90px 0 }
.mtb-100 { margin: 100px 0 }
.mtb-110 { margin: 110px 0 }
.mtb-120 { margin: 120px 0 }
.mtb-130 { margin: 130px 0 }
.mtb-140 { margin: 140px 0 }
.mtb-150 { margin: 150px 0; }
/*************************
        padding top
*************************/
.pt-0 { padding-top: 0 }
.pt-1 { padding-top: 1px }
.pt-2 { padding-top: 2px }
.pt-3 { padding-top: 3px }
.pt-4 { padding-top: 4px }
.pt-5 { padding-top: 5px }
.pt-6 { padding-top: 6px }
.pt-7 { padding-top: 7px }
.pt-8 { padding-top: 8px }
.pt-9 { padding-top: 9px }
.pt-10 { padding-top: 10px }
.pt-11 { padding-top: 11px }
.pt-12 { padding-top: 12px }
.pt-13 { padding-top: 13px }
.pt-14 { padding-top: 14px }
.pt-15 { padding-top: 15px }
.pt-16 { padding-top: 16px }
.pt-17 { padding-top: 17px }
.pt-18 { padding-top: 18px }
.pt-19 { padding-top: 19px }
.pt-20 { padding-top: 20px }
.pt-21 { padding-top: 21px }
.pt-22 { padding-top: 22px }
.pt-23 { padding-top: 23px }
.pt-24 { padding-top: 24px }
.pt-25 { padding-top: 25px }
.pt-26 { padding-top: 26px }
.pt-27 { padding-top: 27px }
.pt-28 { padding-top: 28px }
.pt-29 { padding-top: 29px }
.pt-30 { padding-top: 30px }
.pt-31 { padding-top: 31px }
.pt-32 { padding-top: 32px }
.pt-33 { padding-top: 33px }
.pt-34 { padding-top: 34px }
.pt-35 { padding-top: 35px }
.pt-36 { padding-top: 36px }
.pt-37 { padding-top: 37px }
.pt-38 { padding-top: 38px }
.pt-39 { padding-top: 39px }
.pt-40 { padding-top: 40px }
.pt-41 { padding-top: 41px }
.pt-42 { padding-top: 42px }
.pt-43 { padding-top: 43px }
.pt-44 { padding-top: 44px }
.pt-45 { padding-top: 45px }
.pt-46 { padding-top: 46px }
.pt-47 { padding-top: 47px }
.pt-48 { padding-top: 48px }
.pt-49 { padding-top: 49px }
.pt-50 { padding-top: 50px }
.pt-51 { padding-top: 51px }
.pt-52 { padding-top: 52px }
.pt-53 { padding-top: 53px }
.pt-54 { padding-top: 54px }
.pt-55 { padding-top: 55px }
.pt-56 { padding-top: 56px }
.pt-57 { padding-top: 57px }
.pt-58 { padding-top: 58px }
.pt-59 { padding-top: 59px }
.pt-60 { padding-top: 60px }
.pt-61 { padding-top: 61px }
.pt-62 { padding-top: 62px }
.pt-63 { padding-top: 63px }
.pt-64 { padding-top: 64px }
.pt-65 { padding-top: 65px }
.pt-66 { padding-top: 66px }
.pt-67 { padding-top: 67px }
.pt-68 { padding-top: 68px }
.pt-69 { padding-top: 69px }
.pt-70 { padding-top: 70px }
.pt-71 { padding-top: 71px }
.pt-72 { padding-top: 72px }
.pt-73 { padding-top: 73px }
.pt-74 { padding-top: 74px }
.pt-75 { padding-top: 75px }
.pt-76 { padding-top: 76px }
.pt-77 { padding-top: 77px }
.pt-78 { padding-top: 78px }
.pt-79 { padding-top: 79px }
.pt-80 { padding-top: 80px }
.pt-81 { padding-top: 81px }
.pt-82 { padding-top: 82px }
.pt-83 { padding-top: 83px }
.pt-84 { padding-top: 84px }
.pt-85 { padding-top: 85px }
.pt-86 { padding-top: 86px }
.pt-87 { padding-top: 87px }
.pt-88 { padding-top: 88px }
.pt-89 { padding-top: 89px }
.pt-90 { padding-top: 90px }
.pt-91 { padding-top: 91px }
.pt-92 { padding-top: 92px }
.pt-93 { padding-top: 93px }
.pt-94 { padding-top: 94px }
.pt-95 { padding-top: 95px }
.pt-96 { padding-top: 96px }
.pt-97 { padding-top: 97px }
.pt-98 { padding-top: 98px }
.pt-99 { padding-top: 99px }
.pt-100 { padding-top: 100px }
.pt-110 { padding-top: 110px }
.pt-115 { padding-top: 115px }
.pt-120 { padding-top: 120px }
.pt-130 { padding-top: 130px }
.pt-135 { padding-top: 135px }
.pt-140 { padding-top: 140px }
.pt-150 { padding-top: 150px }
.pt-155 { padding-top: 155px }
.pt-160 { padding-top: 160px }
/*************************
        padding right
*************************/
.pr-0 { padding-right: 0 }
.pr-1 { padding-right: 1px }
.pr-2 { padding-right: 2px }
.pr-3 { padding-right: 3px }
.pr-4 { padding-right: 4px }
.pr-5 { padding-right: 5px }
.pr-6 { padding-right: 6px }
.pr-7 { padding-right: 7px }
.pr-8 { padding-right: 8px }
.pr-9 { padding-right: 9px }
.pr-10 { padding-right: 10px }
.pr-12 { padding-right: 12px }
.pr-15 { padding-right: 15px }
.pr-18 { padding-right: 18px }
.pr-20 { padding-right: 20px }
.pr-25 { padding-right: 25px }
.pr-30 { padding-right: 30px }
.pr-35 { padding-right: 35px }
.pr-40 { padding-right: 40px }
.pr-48 { padding-right: 48px }
.pr-50 { padding-right: 50px }
.pr-55 { padding-right: 55px }
.pr-60 { padding-right: 60px }
.pr-70 { padding-right: 70px }
.pr-80 { padding-right: 80px }
.pr-90 { padding-right: 90px }
.pr-100 { padding-right: 100px }
.pr-110 { padding-right: 110px }
.pr-120 { padding-right: 120px }
.pr-125 { padding-right: 125px }
.pr-130 { padding-right: 130px }
.pr-140 { padding-right: 140px }
/*************************
        padding bottom
*************************/
.pb-0 { padding-bottom: 0 }
.pb-1 { padding-bottom: 1px }
.pb-2 { padding-bottom: 2px }
.pb-3 { padding-bottom: 3px }
.pb-4 { padding-bottom: 4px }
.pb-5 { padding-bottom: 5px }
.pb-6 { padding-bottom: 6px }
.pb-7 { padding-bottom: 7px }
.pb-8 { padding-bottom: 8px }
.pb-9 { padding-bottom: 9px }
.pb-10 { padding-bottom: 10px }
.pb-11 { padding-bottom: 11px }
.pb-12 { padding-bottom: 12px }
.pb-13 { padding-bottom: 13px }
.pb-14 { padding-bottom: 14px }
.pb-15 { padding-bottom: 15px }
.pb-16 { padding-bottom: 16px }
.pb-17 { padding-bottom: 17px }
.pb-18 { padding-bottom: 18px }
.pb-19 { padding-bottom: 19px }
.pb-20 { padding-bottom: 20px }
.pb-21 { padding-bottom: 21px }
.pb-22 { padding-bottom: 22px }
.pb-23 { padding-bottom: 23px }
.pb-24 { padding-bottom: 24px }
.pb-25 { padding-bottom: 25px }
.pb-26 { padding-bottom: 26px }
.pb-27 { padding-bottom: 27px }
.pb-28 { padding-bottom: 28px }
.pb-29 { padding-bottom: 29px }
.pb-30 { padding-bottom: 30px }
.pb-31 { padding-bottom: 31px }
.pb-32 { padding-bottom: 32px }
.pb-33 { padding-bottom: 33px }
.pb-34 { padding-bottom: 34px }
.pb-35 { padding-bottom: 35px }
.pb-36 { padding-bottom: 36px }
.pb-37 { padding-bottom: 37px }
.pb-38 { padding-bottom: 38px }
.pb-39 { padding-bottom: 39px }
.pb-40 { padding-bottom: 40px }
.pb-41 { padding-bottom: 41px }
.pb-42 { padding-bottom: 42px }
.pb-43 { padding-bottom: 43px }
.pb-44 { padding-bottom: 44px }
.pb-45 { padding-bottom: 45px }
.pb-46 { padding-bottom: 46px }
.pb-47 { padding-bottom: 47px }
.pb-48 { padding-bottom: 48px }
.pb-49 { padding-bottom: 49px }
.pb-50 { padding-bottom: 50px }
.pb-51 { padding-bottom: 51px }
.pb-52 { padding-bottom: 52px }
.pb-53 { padding-bottom: 53px }
.pb-54 { padding-bottom: 54px }
.pb-55 { padding-bottom: 55px }
.pb-56 { padding-bottom: 56px }
.pb-57 { padding-bottom: 57px }
.pb-58 { padding-bottom: 58px }
.pb-59 { padding-bottom: 59px }
.pb-60 { padding-bottom: 60px }
.pb-61 { padding-bottom: 61px }
.pb-62 { padding-bottom: 62px }
.pb-63 { padding-bottom: 63px }
.pb-64 { padding-bottom: 64px }
.pb-65 { padding-bottom: 65px }
.pb-66 { padding-bottom: 66px }
.pb-67 { padding-bottom: 67px }
.pb-68 { padding-bottom: 68px }
.pb-69 { padding-bottom: 69px }
.pb-70 { padding-bottom: 70px }
.pb-71 { padding-bottom: 71px }
.pb-72 { padding-bottom: 72px }
.pb-73 { padding-bottom: 73px }
.pb-74 { padding-bottom: 74px }
.pb-75 { padding-bottom: 75px }
.pb-76 { padding-bottom: 76px }
.pb-77 { padding-bottom: 77px }
.pb-78 { padding-bottom: 78px }
.pb-79 { padding-bottom: 79px }
.pb-80 { padding-bottom: 80px }
.pb-81 { padding-bottom: 81px }
.pb-82 { padding-bottom: 82px }
.pb-83 { padding-bottom: 83px }
.pb-84 { padding-bottom: 84px }
.pb-85 { padding-bottom: 85px }
.pb-86 { padding-bottom: 86px }
.pb-87 { padding-bottom: 87px }
.pb-88 { padding-bottom: 88px }
.pb-89 { padding-bottom: 89px }
.pb-90 { padding-bottom: 90px }
.pb-91 { padding-bottom: 91px }
.pb-92 { padding-bottom: 92px }
.pb-93 { padding-bottom: 93px }
.pb-94 { padding-bottom: 94px }
.pb-95 { padding-bottom: 95px }
.pb-96 { padding-bottom: 96px }
.pb-97 { padding-bottom: 97px }
.pb-98 { padding-bottom: 98px }
.pb-99 { padding-bottom: 99px }
.pb-100 { padding-bottom: 100px }
.pb-110 { padding-bottom: 110px }
.pb-115 { padding-bottom: 115px }
.pb-120 { padding-bottom: 120px }
.pb-130 { padding-bottom: 130px }
.pb-140 { padding-bottom: 140px }
.pb-150 { padding-bottom: 150px }
.pb-167 { padding-bottom: 167px }
/*************************
        padding left
*************************/
.pl-0 { padding-left: 0 }
.pl-1 { padding-left: 1px }
.pl-2 { padding-left: 2px }
.pl-3 { padding-left: 3px }
.pl-4 { padding-left: 4px }
.pl-5 { padding-left: 5px }
.pl-6 { padding-left: 6px }
.pl-7 { padding-left: 7px }
.pl-8 { padding-left: 8px }
.pl-9 { padding-left: 9px }
.pl-10 { padding-left: 10px }
.pl-12 { padding-left: 12px }
.pl-15 { padding-left: 15px }
.pl-18 { padding-left: 18px }
.pl-20 { padding-left: 20px }
.pl-25 { padding-left: 25px }
.pl-27 { padding-left: 27px }
.pl-30 { padding-left: 30px }
.pl-35 { padding-left: 35px }
.pl-40 { padding-left: 40px }
.pl-50 { padding-left: 50px }
.pl-55 { padding-left: 55px }
.pl-60 { padding-left: 60px }
.pl-70 { padding-left: 70px }
.pl-80 { padding-left: 80px }
.pl-90 { padding-left: 90px }
.pl-100 { padding-left: 100px }
.pl-110 { padding-left: 110px }
.pl-120 { padding-left: 120px }
.pl-125 { padding-left: 125px }
.pl-130 { padding-left: 130px }
.pl-140 { padding-left: 140px }
.pl-150 { padding-left: 150px }

/***************************
    top and bottom padding 
****************************/
.ptb-0 { padding: 0 }
.ptb-10 { padding-top: 10px; padding-bottom: 10px; }
.ptb-20 { padding-top: 20px; padding-bottom: 20px; }
.ptb-30 { padding-top: 30px; padding-bottom: 30px; }
.ptb-40 { padding-top: 40px; padding-bottom: 40px; }
.ptb-50 { padding-top: 50px; padding-bottom: 50px; }
.ptb-60 { padding-top: 60px; padding-bottom: 60px; }
.ptb-70 { padding-top: 70px; padding-bottom: 70px; }
.ptb-80 { padding-top: 80px; padding-bottom: 80px; }
.ptb-90 { padding-top: 90px; padding-bottom: 90px; }
.ptb-100 { padding-top: 100px; padding-bottom: 100px; }
.ptb-110 { padding-top: 110px; padding-bottom: 110px; }
.ptb-115 { padding-top: 115px; padding-bottom: 115px; }
.ptb-120 { padding-top: 120px; padding-bottom: 120px; }
.ptb-130 { padding-top: 130px; padding-bottom: 130px; }
.ptb-140 { padding-top: 140px; padding-bottom: 140px; }
.ptb-150 { padding-top: 150px; padding-bottom: 150px; }
.ptb-165 { padding-top: 150px; padding-bottom: 165px; }