*{
	margin:0;
	padding:0;
	box-sizing: border-box;
	text-decoration: none;
}
@font-face{
	font-family: 'jost_font';  
    src: url('/../../fonts/jost/jost.woff') format('woff'),
    	 url('/../../fonts/jost/jost.woff2') format('woff2');
	font-weight: 100 900; 
    font-display: swap;
}
@font-face{
	font-family: 'lato_font';  
    src: url('/../../fonts/Lato/Lato-Regular.woff') format('woff'),
    	 url('/../../fonts/Lato/Lato-Regular.woff2') format('woff2');
	font-weight: 100 900; 
    font-display: swap;
}
html{
	overflow-x:hidden;
	font-size:16px;
}
:root{
	--title:'jost_font';
	--reg: 'lato_font';
	--h1: clamp(2.5rem, 6vw + 1rem, 4.5rem);
	--h2: clamp(2rem, 5vw + 0.5rem, 3.2rem);
	--h3: clamp(1.75rem, 4vw + 0.5rem, 2.4rem);
	--h4: clamp(1.9rem, 3vw + 0.25rem, 2.2rem);
	--h5: clamp(1.25rem, 2.5vw + 0.25rem, 2rem);
	--h6: clamp(1.125rem, 2vw + 0.25rem, 1.5rem);
	--body: clamp(1rem, 1vw + 0.25rem, 1.2rem);
}
body{
	background: #fff;
	font-size: 16px; 
	font-family: var(--reg);
    overflow-x:hidden;
}
p{
    font-size: var(--body);
    line-height: 1.5;
    margin: 0 0 25px;
    color: #7a7a7a;
}
li {
    font-size: var(--body);
    line-height: 1.4;
    margin: 0 0 10px;
}

h1, h2, h3, h4, h5, h6{
	font-family: var(--title);
	margin: 0 0 15px;
	line-height: 130%;
	font-weight: 600; 
    color:var(--main-color);
}
h1, .h1_title {font-size: var(--h1);}
h2, .h2_title {font-size: var(--h2);}
h3, .h3_title {font-size: var(--h3);}
h4, .h4_title {font-size: var(--h4);}
h5, .h5_title {font-size: var(--h5);}
h6, .h6_title {font-size: var(--h6);}

.sub_title {
    font-size: clamp(1.75rem, 4vw + 0.5rem, 1.8rem);
    font-family: var(--title);
    font-weight: bold;
    color:var(--main-color);
}
.sub_title + h2{
    margin: -10px 0 40px;
    line-height: 1.2;
}
a{
	color:var(--light-color);
	transition:var(--ease);
}
a:hover{
	opacity:0.8;
}
ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.default_container{
	width:100%;
	max-width:1440px;
	padding:0 20px;
	margin:0 auto;
}
.max_container{
	width:100%;
	max-width:1640px;
	padding:0 20px;
	margin:0 auto;
}
.small_container{
	width:100%;
	max-width:1240px;
	padding:0 20px;
	margin:0 auto;
}
section {
    padding: 100px 0;
}
img{
	width:100%;
}

/*header*/
header {
    background-color: var(--main-color);
    width: 100%;
    top: 0;
    left: 0;
    z-index: 9;
    transition:var(--ease);
    position: fixed;
}
username {
    color: #fff;
    max-width: 100px;
    width: 100%;
    font-size: 16px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 0;
}
@media (min-width:992px){
header.sticky {
    top: -72px;
}
}
.home_banner {
    height: 100vh;
    background-color: var(--main-color);
    padding-top:var(--margin);
    margin-bottom:var(--margin);
}
ul.contact_list {
    display: flex;
    align-items: center;
    grid-gap: 20px;
}
ul.contact_list li .icon {
    color: var(--light-color);
    margin-right: 10px;
    position: relative;
    top: 4px;
    font-size: 18px;
}
ul.social_icons {
    display: flex;
    grid-gap: 10px;
    align-items: center;
    flex-wrap: wrap;
}
ul.contact_list li, ul.social_icons li{
	margin-bottom:0;
}
hr.line {
    margin: 0;
}
ul.social_icons li a {
    font-size: 21px;
    color: var(--main-color);
    padding: 10px;
    border-radius: var(--radius);
    transition: var(--ease);
    background-color: #fff;
    width: 40px;
    height: 40px;
    display: grid;
    place-items: center;
}
.contact_detailsss {
    display: flex;
    align-items: center;
    justify-content: space-between;
    grid-gap: 10px;
    padding: 15px 0;
    min-height:70px;
    display:none;
}
.twitter_icon img{
	width:22px;
}
a.header_logo img {
    max-width: 300px;
    padding: 20px;
}
.header_logo_outer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    grid-gap: 10px;
}

/* drop down arrow css */
.drop_arrow {
    position:relative !important;
    padding-right:25px !important;
}
.drop_arrow:after {
    content: '';
    position: absolute;
    top: 17px;
    right: 5px;
    border: solid var(--light-color);
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 3px;
    transform: rotate(45deg);
    transition: var(--ease);
}
.drop_arrow:hover:after {
    animation:250ms indicate ease ;
}
@keyframes indicate {
    from { top:17px; }
    65%  { top:18px; }
    to   { top:17px; }    
}
/* end */

nav > ul {
    display: flex;
    align-items: center;
}
nav ul li {
    margin: 0;
    margin-right: 30px;
    padding: 10px  0;
}
nav ul li:last-child{
    margin-right: 0;
}
.user login_in_menu > .child_level1{
    padding-top: 50px;
    top: 20px;
}
.user login_in_menu:hover > .child_level1{
    padding-top: 20px;
}

.header_menu .sub_menu li a{
    padding: 10px 0;
}
.dropdown .sub_menu {
    width: 240px;
    padding-top:33px;
    flex-direction:column;
}
.dropdown > ul {
    overflow: hidden;
    list-style: none;
    position: absolute;
    padding: 0;
    left: 0;
    top: 50px;
    opacity: 0;
    transition: var(--ease);
    pointer-events: none;
}
.dropdown:hover > ul{
	pointer-events:auto;
    top: 20px;	
	opacity:1;
	visibility:visible;
}
.dropdown li {
    font-size: 0.8rem;
    position: relative;
    cursor: pointer;
    display: block;
    padding: 0;
    width: 100%;
    margin-right: 0;
    background-color: #eee;
}
.dropdown li:hover a{
	background: var(--main-color);
	color:#fff;
}
.dropdown li a{
	width:100%;
	color:var(--main-color);
    padding: 10px 15px;
    line-height: inherit;
    display:table;
    font-size: 15px;
    min-width: 170px;
}

login_in_menu i.icon.gnbicon-dropdown {
    font-size: 10px;
    position: relative;
    top: 8px;
}
a.login_button {
    padding: 10px 30px;
    color: var(--main-color);
    background-color: var(--light-color);
    border-radius: var(--radius);
    transition: var(--ease);
}
a.login_button span {
    margin-right: 10px;
    font-size: 16px;
}
i#open_menu {
    color: var(--light-color);
    cursor:pointer;
}
.img_item {
    min-height: calc(100vh - var(--margin)) !important;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
    /*background-color: #0000001a;
    background-blend-mode: multiply;*/
}
.img_item:after {
    content:'';
    position:absolute;
    top:0;
    left:0;
    height:100%;
    width:100%;
    background-color:#0000003d;
    pointer-events:none;
}
.banner_outer {
    position: relative;
    min-height: calc(100vh - 120px) !important;
    width: calc(100vw - 20px);
    margin-left: auto;
    max-width: 1750px;
}
.banner_outer .title_header  h1{
    font-size: var(--h1);
    text-align: center;
    color: var(--light-color);
    text-shadow: 3px 3px 5px #00000073;
	
}
.banner_outer .title_header {
    position: absolute;
    top: 35%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    max-width: 1200px;
}
.search_bar_container {
    padding: 20px 60px 30px;
    background-color: #fff;
    margin-top: -165px;
    position: relative;
    width: 70%;
    margin-left: auto;
}
.rent-sale-toggle {
    display: flex;
    align-items: center;
}
.rent-sale-toggle  span.toggle-lbl {
    padding: 10px 20px;
    display: table;
    font-size: 20px;
    color: #888;
    cursor: pointer;
}
.rent-sale-toggle .toggle-lbl.active {
    color: var(--main-color);
}
input#loc {
    padding: 15px 20px;
    width: 100%;
    border: 1px solid #ddd;
}
.search_input {
    display: flex;
}
.search_input > a{
    padding: 5px 20px;
    display: table;
    background: var(--main-color);
    font-size: 40px;
    margin-top:0;
}
.ribbon_text {
    background: var(--main-color);
    width: auto;
    padding: 6px 15px;
    color: #fff;
    font-size: 14px;
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 1;
}

.p_relative {
    position: relative;
}


/*grid flex*/
.grid_div{
	display:grid;
}
.gg_10{
	grid-gap:10px;
}
.gg_20{
	grid-gap:20px;
}
.gg_30{
	grid-gap:30px;
}
.gg_40{
	grid-gap:40px;
}
.gg_50{
	grid-gap:50px;
}
.gc_2{
	grid-template-columns:1fr 1fr;
}
.gc_20{
	grid-template-columns:0.2fr 1fr;
}
.gc_30{
	grid-template-columns:0.3fr 1fr;
}
.gc_40{
	grid-template-columns:0.4fr 1fr;
}
.gc_50{
	grid-template-columns:0.5fr 1fr;
}
.gc_60{
	grid-template-columns:0.6fr 1fr;
}
.gc_70{
	grid-template-columns:0.7fr 1fr;
}
.gc_80{
	grid-template-columns:0.8fr 1fr;
}
.gc_90{
	grid-template-columns: 0.9fr 1fr;
}
.gcr_20{
	grid-template-columns: 1fr 0.2fr ;
}
.gcr_30{
	grid-template-columns: 1fr 0.3fr ;
}
.gcr_40{
	grid-template-columns: 1fr 0.4fr ;
}
.gcr_50{
	grid-template-columns: 1fr 0.5fr ;
}
.gcr_60{
	grid-template-columns: 1fr 0.6fr ;
}
.gcr_70{
	grid-template-columns: 1fr 0.7fr ;
}
.gcr_80{
	grid-template-columns: 1fr 0.8fr ;
}
.gcr_90{
	grid-template-columns: 1fr 0.9fr ;
}
.gc_3{
	grid-template-columns:1fr 1fr 1fr;
}
.gc_4{
	grid-template-columns:1fr 1fr 1fr 1fr;
}
.gc_5{
	grid-template-columns:1fr 1fr 1fr 1fr 1fr;
}
.ai_start{
	align-items:start;
}
.ai_center{
	align-items:center;
}
.ai_end{
	align-items:end;
}
.flex_center{
	display:flex;
	justify-content:center;
	flex-wrap:wrap;
}
.flex_between{
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}


/*height*/
.h_100{
	height:100px;
}
.h_200{
	height:200px;
}
.h_300{
	height:305px;
}
.h_400{
	height:400px;
}
.h_500{
	height:500px;
}
.h_600{
	height:600px;
}
.h_700{
	height:700px;
}
.h_800{
	height:800px;
}
.h_900{
	height:900px;
}
.h_1000{
	height:1000px;
}
/*width*/
.w_100{
	width:100px;
}
.w_200{
	width:200px;
}
.w_300{
	width:305px;
}
.w_400{
	width:400px;
}
.w_500{
	width:500px;
}
.w_600{
	width:600px;
}
.w_700{
	width:700px;
}
.w_800{
	width:800px;
}
.w_900{
	width:900px;
}
.w_1000{
	width:1000px;
}

/*font*/
.font_reg{
	font-family: var(--reg);
}
.font_title{
	font-family: var(--title);
}
.fw_normal{
	font-weight:normal;
}
.fw_bold{
	font-weight:bold;
}
.fw_200{
	font-weight:200;
}
.fw_300{
	font-weight:300;
}
.fw_400{
	font-weight:400;
}
.fw_500{
	font-weight:500;
}
.fw_600{
	font-weight:600;
}
.fw_700{
	font-weight:700;
}

/*color*/
.fmc{
	color:var(--main-color);
}
.fsc{
	color:var(--secondar-color);
}
.flc{
	color:var(--light-color);
}
.fdc{
	color:var(--dark-color);
}
.bgmc{
	background-color:var(--main-color);
}
.bgsc{
	background-color:var(--secondary-color);
}
.bglc{
	background-color:var(--light-color);
}
.bgdc{
	background-color:var(--dark-color);
}

/*buttons*/
.a_link {
    padding: 15px 35px;
    background-color: var(--main-color);
    border-radius: 0;
    color: #fff;
    transition: var(--ease);
    cursor: pointer;
    text-align: center;
    font-size: clamp(1rem, 1vw + 0.25rem, 1.05rem);
    display: table;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    font-family: var(--title);
    font-weight: 500;
}
.b_link {
    padding: 15px 35px;
    background-color: var(--light-color);
    border-radius: 0;
    color: var(--main-color);
    transition: var(--ease);
    cursor: pointer;
    text-align: center;
    font-size: clamp(1rem, 1vw + 0.25rem, 1.05rem);
    display: table;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    font-family: var(--title);
    font-weight: 500;
}

/*margin top*/

 * + h1, * + .h1_title,  * + h2, * + .h2_title,  * + h3, * + .h3_title{
    margin-top:30px;
}

 * + p, p + a{
    margin-top:20px;
 }
 
 * + p:last-child, ul li:last-child, ol li:last-child{
    margin-bottom:0;
 }
 
.mt_0 { margin-top: 0 }
.mb_0 { margin-bottom: 0 }
.pt_0 { padding-top: 0 }
.pb_0 { padding-bottom: 0 }
.mt_1 { margin-top: 10px }
.mb_1 { margin-bottom: 10px }
.pt_1 { padding-top: 10px }
.pb_1 { padding-bottom: 10px }
.mt_2 { margin-top: 20px }
.mb_2 { margin-bottom: 20px }
.pt_2 { padding-top: 20px }
.pb_2 { padding-bottom: 20px }
.mt_3 { margin-top: 30px }
.mb_3 { margin-bottom: 30px }
.pt_3 { padding-top: 30px }
.pb_3 { padding-bottom: 30px }
.mt_4 { margin-top: 40px }
.mb_4 { margin-bottom: 40px }
.pt_4 { padding-top: 40px }
.pb_4 { padding-bottom: 40px }
.mt_5 { margin-top: 50px }
.mb_5 { margin-bottom: 50px }
.pt_5 { padding-top: 50px }
.pb_5 { padding-bottom: 50px }

/* line clamp */
.lc_1{
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow : hidden;
}
.lc_2{
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow : hidden;
}
.lc_3{
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow : hidden;
}
.lc_4{
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow : hidden;
}
.lc_5{
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow : hidden;
}


/*align*/
.txt_c{
	text-align:center;
}
.txt_r{
	text-align:right;
}
.txt_l{
	text-align:left;
}
.div_c{
	margin:0 auto;
}

/*image*/
.of_contain{
	object-fit:contain;
}
.of_cover{
	object-fit:cover;
}

/*background image*/
.bg_bottom{
    background-size: cover;
    background-position: bottom;
    background-repeat: no-repeat;
}

/*Padding*/



.p_1 { padding: 1px; }
.p_2 { padding: 2px; }
.p_3 { padding: 3px; }
.p_4 { padding: 4px; }
.p_5 { padding: 5px; }
.p_6 { padding: 6px; }
.p_7 { padding: 7px; }
.p_8 { padding: 8px; }
.p_9 { padding: 9px; }
.p_10 { padding: 10px; }

.p_15 { padding: 15px; }
.p_20 { padding: 20px; }
.p_25 { padding: 25px; }
.p_30 { padding: 30px; }
.p_35 { padding: 35px; }
.p_40 { padding: 40px; }
.p_45 { padding: 45px; }
.p_50 { padding: 50px; }
.p_55 { padding: 55px; }
.p_60 { padding: 60px; }
.p_65 { padding: 65px; }
.p_70 { padding: 70px; }
.p_75 { padding: 75px; }
.p_80 { padding: 80px; }
.p_85 { padding: 85px; }
.p_90 { padding: 90px; }
.p_95 { padding: 95px; }
.p_100 { padding: 100px; }


/* Padding-top from 1 to 10 (increment by 1) */
.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; }

/* Padding-top from 15 to 100 (increment by 5) */
.pt_15 { padding-top: 15px; }
.pt_20 { padding-top: 20px; }
.pt_25 { padding-top: 25px; }
.pt_30 { padding-top: 30px; }
.pt_35 { padding-top: 35px; }
.pt_40 { padding-top: 40px; }
.pt_45 { padding-top: 45px; }
.pt_50 { padding-top: 50px; }
.pt_55 { padding-top: 55px; }
.pt_60 { padding-top: 60px; }
.pt_65 { padding-top: 65px; }
.pt_70 { padding-top: 70px; }
.pt_75 { padding-top: 75px; }
.pt_80 { padding-top: 80px; }
.pt_85 { padding-top: 85px; }
.pt_90 { padding-top: 90px; }
.pt_95 { padding-top: 95px; }
.pt_100 { padding-top: 100px; }

/* Padding-bottom from 1 to 10 (increment by 1) */
.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; }

/* Padding-bottom from 15 to 100 (increment by 5) */
.pb_15 { padding-bottom: 15px; }
.pb_20 { padding-bottom: 20px; }
.pb_25 { padding-bottom: 25px; }
.pb_30 { padding-bottom: 30px; }
.pb_35 { padding-bottom: 35px; }
.pb_40 { padding-bottom: 40px; }
.pb_45 { padding-bottom: 45px; }
.pb_50 { padding-bottom: 50px; }
.pb_55 { padding-bottom: 55px; }
.pb_60 { padding-bottom: 60px; }
.pb_65 { padding-bottom: 65px; }
.pb_70 { padding-bottom: 70px; }
.pb_75 { padding-bottom: 75px; }
.pb_80 { padding-bottom: 80px; }
.pb_85 { padding-bottom: 85px; }
.pb_90 { padding-bottom: 90px; }
.pb_95 { padding-bottom: 95px; }
.pb_100 { padding-bottom: 100px; }


.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; }

/* Padding-left from 15 to 100 (increment by 5) */
.pl_15 { padding-left: 15px; }
.pl_20 { padding-left: 20px; }
.pl_25 { padding-left: 25px; }
.pl_30 { padding-left: 30px; }
.pl_35 { padding-left: 35px; }
.pl_40 { padding-left: 40px; }
.pl_45 { padding-left: 45px; }
.pl_50 { padding-left: 50px; }
.pl_55 { padding-left: 55px; }
.pl_60 { padding-left: 60px; }
.pl_65 { padding-left: 65px; }
.pl_70 { padding-left: 70px; }
.pl_75 { padding-left: 75px; }
.pl_80 { padding-left: 80px; }
.pl_85 { padding-left: 85px; }
.pl_90 { padding-left: 90px; }
.pl_95 { padding-left: 95px; }
.pl_100 { padding-left: 100px; }

/* Padding-right from 1 to 10 (increment by 1) */
.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; }

/* Padding-right from 15 to 100 (increment by 5) */
.pr_15 { padding-right: 15px; }
.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_45 { padding-right: 45px; }
.pr_50 { padding-right: 50px; }
.pr_55 { padding-right: 55px; }
.pr_60 { padding-right: 60px; }
.pr_65 { padding-right: 65px; }
.pr_70 { padding-right: 70px; }
.pr_75 { padding-right: 75px; }
.pr_80 { padding-right: 80px; }
.pr_85 { padding-right: 85px; }
.pr_90 { padding-right: 90px; }
.pr_95 { padding-right: 95px; }
.pr_100 { padding-right: 100px; }





/* Padding-left and padding-right from 1 to 10 (increment by 1) */
.px_1 { padding-left: 1px; padding-right: 1px; }
.px_2 { padding-left: 2px; padding-right: 2px; }
.px_3 { padding-left: 3px; padding-right: 3px; }
.px_4 { padding-left: 4px; padding-right: 4px; }
.px_5 { padding-left: 5px; padding-right: 5px; }
.px_6 { padding-left: 6px; padding-right: 6px; }
.px_7 { padding-left: 7px; padding-right: 7px; }
.px_8 { padding-left: 8px; padding-right: 8px; }
.px_9 { padding-left: 9px; padding-right: 9px; }
.px_10 { padding-left: 10px; padding-right: 10px; }

/* Padding-left and padding-right from 15 to 100 (increment by 5) */
.px_15 { padding-left: 15px; padding-right: 15px; }
.px_20 { padding-left: 20px; padding-right: 20px; }
.px_25 { padding-left: 25px; padding-right: 25px; }
.px_30 { padding-left: 30px; padding-right: 30px; }
.px_35 { padding-left: 35px; padding-right: 35px; }
.px_40 { padding-left: 40px; padding-right: 40px; }
.px_45 { padding-left: 45px; padding-right: 45px; }
.px_50 { padding-left: 50px; padding-right: 50px; }
.px_55 { padding-left: 55px; padding-right: 55px; }
.px_60 { padding-left: 60px; padding-right: 60px; }
.px_65 { padding-left: 65px; padding-right: 65px; }
.px_70 { padding-left: 70px; padding-right: 70px; }
.px_75 { padding-left: 75px; padding-right: 75px; }
.px_80 { padding-left: 80px; padding-right: 80px; }
.px_85 { padding-left: 85px; padding-right: 85px; }
.px_90 { padding-left: 90px; padding-right: 90px; }
.px_95 { padding-left: 95px; padding-right: 95px; }
.px_100 { padding-left: 100px; padding-right: 100px; }

/* Padding-top and padding-bottom from 1 to 10 (increment by 1) */
.py_1 { padding-top: 1px; padding-bottom: 1px; }
.py_2 { padding-top: 2px; padding-bottom: 2px; }
.py_3 { padding-top: 3px; padding-bottom: 3px; }
.py_4 { padding-top: 4px; padding-bottom: 4px; }
.py_5 { padding-top: 5px; padding-bottom: 5px; }
.py_6 { padding-top: 6px; padding-bottom: 6px; }
.py_7 { padding-top: 7px; padding-bottom: 7px; }
.py_8 { padding-top: 8px; padding-bottom: 8px; }
.py_9 { padding-top: 9px; padding-bottom: 9px; }
.py_10 { padding-top: 10px; padding-bottom: 10px; }

/* Padding-top and padding-bottom from 15 to 100 (increment by 5) */
.py_15 { padding-top: 15px; padding-bottom: 15px; }
.py_20 { padding-top: 20px; padding-bottom: 20px; }
.py_25 { padding-top: 25px; padding-bottom: 25px; }
.py_30 { padding-top: 30px; padding-bottom: 30px; }
.py_35 { padding-top: 35px; padding-bottom: 35px; }
.py_40 { padding-top: 40px; padding-bottom: 40px; }
.py_45 { padding-top: 45px; padding-bottom: 45px; }
.py_50 { padding-top: 50px; padding-bottom: 50px; }
.py_55 { padding-top: 55px; padding-bottom: 55px; }
.py_60 { padding-top: 60px; padding-bottom: 60px; }
.py_65 { padding-top: 65px; padding-bottom: 65px; }
.py_70 { padding-top: 70px; padding-bottom: 70px; }
.py_75 { padding-top: 75px; padding-bottom: 75px; }
.py_80 { padding-top: 80px; padding-bottom: 80px; }
.py_85 { padding-top: 85px; padding-bottom: 85px; }
.py_90 { padding-top: 90px; padding-bottom: 90px; }
.py_95 { padding-top: 95px; padding-bottom: 95px; }
.py_100 { padding-top: 100px; padding-bottom: 100px; }