 @charset "utf-8";
 /* CSS Document */

 /***************************************************indexpage*********************************************************/

 body {
     font-family: 'Open Sans', sans-serif;
     font-style: normal;
     font-size: 14px;
     color: #000000;
 }

 ul {
     padding: 0;
     margin: 0;
 }

 /*a {
	color: #177dec;
}
a:focus, a:hover {
	color: #fff;
	text-decoration: none;
	outline: none;
}*/

 /****************
  text
***************/

 .text-white {
     color: #1605aa !important;
 }

 .text-black {
     color: #000000 !important;
 }

 .theme-col-1 {
     color: #1605aa !important;
 }

 .theme-col-2 {
     color: #fa617f !important;
 }

 .theme-col-3 {
     color: #252447 !important;
 }

 .bg-theme1 {
     background: #fff;
 }

 @font-face {
     font-family: 'Aliquam';
     src: url('../fonts/Aliquam.woff2') format('woff2'), url('../fonts/Aliquam.woff') format('woff');
     font-weight: normal;
 }

 /*********background*******************/

 @media only screen and (max-width: 767px) {
     .bg1 {
         margin: 0px 0px 0px 0px;
         padding: 100px 0px 30px !important;
     }
     .svg-effect {
         left: 0;
         right: 0;
         bottom: 0;
         height: 35px;
     }
     .abt-detail {
         padding: 20px 0px 0px;
         text-align: center;
     }
     .abt-right {
         padding: 0px 0px 0px;
         text-align: center;
     }
 }

 .bg1 {
     background: #170d72 url(../images/banner-bg.jpg) no-repeat top center;
     background-size: cover;
     background-attachment: fixed;
     padding: 30px 0px 30px;
 }

 .bg2 {
     background: #fff url(../images/bg2.png) no-repeat bottom;
 }

 .bg3 {
     background: url(../images/bg3.png) no-repeat center;
     background-size: cover;
 }

 .bg4 {
     background: url(../images/bg4.png) no-repeat center;
     background-repeat: repeat-x;
     animation: marquee 30s infinite linear;
 }

 .bg5 {
     background: url(../images/bg5.jpg) no-repeat;
     background-size: cover;
 }

 @keyframes marquee {
     0% {
         background-position: 0;
     }
     100% {
         background-position: -1190px;
     }
 }

 .aff-reg {
     padding: 30px 0px 30px;
     font-size: 16px;
     font-weight: 500;
     color: #000000;
 }

 .aff-reg p {
     font-family: 'Rubik', sans-serif;
     font-size: 16px;
     font-weight: 500;
     color: #000000;
     margin: 0px 0px 10px 0px;
 }

 .aff-reg b {
     font-family: 'Josefin Sans', sans-serif;
     font-size: 20px;
     color: #1605aa;
     margin: 0px 0px 0px 0px;
 }

 .aff-but {
     padding: 30px 0px 30px;
     text-align: center;
 }

 .aff-but a {
     font-family: 'Rubik', sans-serif;
     font-size: 15px;
     font-weight: 600;
     color: #fff;
     background: #1605aa;
     border: 2px solid #1605aa;
     padding: 12px 30px;
     border-radius: 0px;
     transition: 0.7s;
     text-transform: uppercase;
     position: relative;
 }

 .aff-but a:hover {
     color: #1605aa;
     background: #fff;
     border: 2px solid #1605aa;
     transition: 0.7s;
 }

 /*********placeholder*******************/

 .form_block ::-webkit-input-placeholder {
     /* Chrome/Opera/Safari */
     color: #757575;
     opacity: 1;
     font-weight: 400;
 }

 .form_block ::-moz-placeholder {
     /* Firefox 19+ */
     color: #757575;
     opacity: 1;
     font-weight: 400;
 }

 .form_block ::-ms-input-placeholder {
     /* IE 10+ */
     color: #757575;
     opacity: 1;
     font-weight: 400;
 }

 .form_block ::-moz-placeholder {
     /* Firefox 18- */
     color: #757575;
     opacity: 1;
     font-weight: 400;
 }

 /****************
     button
***************/

 .btn,
 .sbmt {
     display: inline-block;
     text-align: center;
     vertical-align: middle;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
     font-size: 16px;
     font-weight: 600;
     padding: 8px 30px;
     font-family: 'Montserrat', sans-serif;
     border-radius: 5px;
 }

 /**************** button-primary***************/

 .btn-primary,
 .sbmt {
     border: 2px solid #1605aa !important;
     background: #1605aa;
     color: #fff;
     transition: 0.7s;
 }

 .btn-primary:hover,
 .sbmt:hover {
     color: #1605aa;
     background: #fff;
     transition: 0.7s;
     border: 2px solid #1605aa !important;
 }

 .btn-primary.focus,
 .btn-primary:focus {
     color: #fff;
     background: #177dec;
 }

 .btn-primary:not(:disabled):not(.disabled).active:focus,
 .btn-primary:not(:disabled):not(.disabled):active:focus,
 .show>.btn-primary.dropdown-toggle:focus {
     box-shadow: none;
     color: #fff;
     border-color: #fff;
 }

 .btn-primary.focus,
 .btn-primary:focus {
     box-shadow: none;
 }

 .btn-primary:not(:disabled):not(.disabled).active,
 .btn-primary:not(:disabled):not(.disabled):active,
 .show>.btn-primary.dropdown-toggle {
     color: #fff;
     background: #177dec;
     border-color: #fff;
 }

 /**************** button-secondary***************/

 .btn-secondary {
     font-family: 'Rubik', sans-serif !important;
     font-size: 16px !important;
     font-weight: 600 !important;
     color: #fff !important;
     background: #1605aa !important;
     border: 2px solid #1605aa !important;
     padding: 10px 40px !important;
     text-transform: uppercase;
     transition: 0.7s;
 }

 .btn-secondary:hover {
     background: #ffffff !important;
     color: #1605aa !important;
 }

 .btn-secondary.focus,
 .btn-secondary:focus {
     box-shadow: none;
     color: #fff;
 }

 .btn-secondary:not(:disabled):not(.disabled).active,
 .btn-secondary:not(:disabled):not(.disabled):active,
 .show>.btn-secondary.dropdown-toggle {
     color: #fff !important;
     background-color: #212880;
     border-color: #fff;
 }

 .btn-secondary:not(:disabled):not(.disabled).active:focus,
 .btn-secondary:not(:disabled):not(.disabled):active:focus,
 .show>.btn-secondary.dropdown-toggle:focus {
     box-shadow: none;
 }

 /*****************btn-info*****************/

 .btn-info.focus,
 .btn-info:focus {
     color: #fff;
     box-shadow: none;
 }

 .btn-info {
     min-width: 185px;
     color: #fff;
     border-radius: 5px;
     border: 2px solid #1605aa !important;
     font-size: 18px;
     background: #1605aa;
     line-height: 35px;
     height: 50px;
     transition: 0.7s;
 }

 .btn-info:hover {
     color: #1605aa;
     background: #fff;
     border: 2px solid #1605aa !important;
     transition: 0.7s;
 }

 .btn-info:not(:disabled):not(.disabled).active,
 .btn-info:not(:disabled):not(.disabled):active,
 .show>.btn-info.dropdown-toggle {
     color: #000;
     background: url(../images/btn-bg.png) no-repeat center;
     border: none;
 }

 .btn-info:not(:disabled):not(.disabled).active:focus,
 .btn-info:not(:disabled):not(.disabled):active:focus,
 .show>.btn-info.dropdown-toggle:focus {
     box-shadow: none !important;
 }

 .btn-dark:not(:disabled):not(.disabled).active:focus,
 .btn-dark:not(:disabled):not(.disabled):active:focus,
 .show>.btn-dark.dropdown-toggle:focus {
     box-shadow: none;
 }

 /*****************btn-dark*****************/

 .btn-dark {
     color: #4d6668 !important;
     background-color: #fff;
     border-color: #fff;
 }

 .btn-dark:hover {
     color: #fff !important;
     background-color: #4d6668;
     border-color: #4d6668;
 }

 .btn-dark:not(:disabled):not(.disabled).active,
 .btn-dark:not(:disabled):not(.disabled):active,
 .show>.btn-dark.dropdown-toggle {
     color: #fff !important;
     background-color: #4d6668;
     border-color: #4d6668;
 }

 .btn-dark.focus,
 .btn-dark:focus {
     box-shadow: none;
 }

 /*****************table*****************/

 table {
     border-collapse: collapse;
     overflow: hidden;
     width: 100%;
     padding: 5px;
     background: #f3f3f3;
 }

 table tbody tr td {
     padding: 9px 35px;
 }

 th {
     padding: 16px 30px;
     font-size: 15px;
     font-weight: 600;
     text-align: left;
     font-size: 15px;
     color: #ffffff;
     border-right: 1px solid rgba(255, 255, 255, 0.39);
     background: #000000;
 }

 .transact-tb th {
     background: transparent;
     color: #fff;
 }

 table tbody tr td {
     font-size: 14px;
     white-space: nowrap;
     border-radius: inherit;
     padding: 8px 14px;
     color: #000;
     font-weight: 500;
     text-align: left;
     border-right: 1px solid rgb(173 172 172 / 39%);
 }

 table tbody tr td:nth-child(2n) i {
     color: #1605aa !important;
 }

 .transact-info table tbody tr td:nth-child(2n) {
     background: none;
     color: inherit;
 }

 table tr {
     color: #000000;
     border-bottom: 1px solid rgb(173 172 172 / 39%);
 }

 table tbody tr td i {
     padding-right: 5px;
 }

 /*****************textara*****************/

 textarea {
     min-height: 115px;
     width: 100%;
     font-weight: 400 !important;
     font-size: 14px !important;
     border: 2px solid #e8e8e8;
     transition: .3s;
     outline: none;
     appearance: none;
     padding-right: 20px;
     padding-left: 10px;
     padding-top: 10px;
     height: 52px;
     background: #fff;
     color: #000000 !important;
     border-radius: 5px;
     font-family: 'Rubik', sans-serif !important;
 }

 .form_block i {
     width: 50px;
     height: 50px;
     background: linear-gradient(-19deg, #0f066e 10%, #4336cf);
     background-size: cover;
     color: #fff;
     position: absolute;
     left: 0px;
     top: 0px;
     bottom: 0;
     margin: auto;
     text-align: center;
     padding-top: 15px;
     font-size: 18px;
     border-radius: 3px;
 }

 .form_block {
     position: relative;
     margin: 15px 0;
     font-family: 'Montserrat', sans-serif;
 }

 /*********input*******************/

 input[type="submit"] {
     border: none;
     outline: none !important;
 }

 input[type="radio"] {
     margin: 0 5px 0 0;
 }

 input[type="checkbox"] {
     margin: 0 5px 0 0;
 }

 .calc_info input[type="text"],
 .calc_info input[type="email"],
 .calc_info input[type="password"],
 .calc_info input[type="number"] {
     border-radius: 10px;
     height: 42px;
     background: #312436;
 }

 input[type="text"],
 input[type="email"],
 input[type="password"],
 input[type="number"] {
     font-family: 'Rubik', sans-serif;
     font-size: 14px;
     font-weight: 400;
     color: #000000;
     width: 100%;
     height: 54px;
     padding: 0px 60px;
     border: 2px solid #e8e8e8;
     background: #fff;
     transition: .3s;
     border-radius: 3px;
     outline: none;
 }

 input[type="text"]:active,
 input[type="email"]:active,
 input[type="password"]:active,
 input[type="text"]:focus,
 input[type="email"]:focus,
 input[type="password"]:focus {}

 input[type="number"] {
     appearance: textfield;
     -moz-appearance: textfield;
     -webkit-appearance: textfield;
 }

 input:focus,
 textarea:focus {
     border-color: #1605aa;
 }

 /*****************select*****************/

 /*.custom-select:focus {
	box-shadow: none;
}*/

 /************************************************Select *****************************************************/

 /*.select-hidden {
	display: none;
	visibility: hidden;
	padding-right: 10px;
}
.select {
	cursor: pointer;
	display: inline-block;
	position: relative;
	font-size: 16px;
	color: #fff;
	width: 100%;
}
.select-styled:hover {
	background-color: #b83729;
}
.select-styled:active, .select-styled.active {
	background-color: #ab3326;
}
.select-styled:active:after, .select-styled.active:after {
	top: 9px;
	border-color: transparent transparent #fff transparent;
}
.select-options {
	display: none;
	position: absolute;
	top: 100%;
	right: 0;
	left: 0;
	z-index: 999;
	margin: 0;
	padding: 0;
	list-style: none;
	background: #cb2a26;
	border-radius: 5px;
}
.select-options li {
	margin: 0;
	padding: 7px 10px;
	text-indent: 15px;
	-moz-transition: all 0.15s ease-in;
	-o-transition: all 0.15s ease-in;
	-webkit-transition: all 0.15s ease-in;
	transition: all 0.15s ease-in;
	 
	text-align: left;
	font-size: 15px;
	color: #ffffff;
	font-weight: 500;
}
.select-options li:hover {
	color: #fff;
	background:#177dec;
}
.select-options li[rel="hide"] {
	display: none;
}
.select-options li:last-child {
	border: none;
}

.select-styled {
 
	border: transparent;
	border-radius: inherit;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: none;
	font-size: 14px;
	font-weight: 500;
	outline: none !important;
	color: #fff;
	font-weight: 500;
	font-family: 'Open Sans', sans-serif;
	font-weight: 500;
	border-radius: 5px;
	color: #ffffff;
	font-size: 15px;
	font-weight: 5000;
	height: 52px;
	text-align: left;
	padding: 12px 20px 10px 10px;
	border: 2px solid #8e8c9e;
}
  .select-styled {
	 
 background: url(../images/select-drop.png) no-repeat center right 7px, rgba(255,216,22,1);
background: url(../images/select-drop.png) no-repeat center right 7px, -moz-linear-gradient(top, rgba(255,216,22,1) 0%, rgba(242,201,17,1) 32%, rgba(227,198,53,1) 100%);
background:  url(../images/select-drop.png) no-repeat center right 7px, -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,216,22,1)), color-stop(32%, rgba(242,201,17,1)), color-stop(100%, rgba(227,198,53,1)));
background:  url(../images/select-drop.png) no-repeat center right 7px,-webkit-linear-gradient(top, rgba(255,216,22,1) 0%, rgba(242,201,17,1) 32%, rgba(227,198,53,1) 100%);
background:  url(../images/select-drop.png) no-repeat center right 7px,-o-linear-gradient(top, rgba(255,216,22,1) 0%, rgba(242,201,17,1) 32%, rgba(227,198,53,1) 100%);
background:  url(../images/select-drop.png) no-repeat center right 7px,-ms-linear-gradient(top, rgba(255,216,22,1) 0%, rgba(242,201,17,1) 32%, rgba(227,198,53,1) 100%);
background:  url(../images/select-drop.png) no-repeat center right 7px,linear-gradient(to bottom, rgba(255,216,22,1) 0%, rgba(242,201,17,1) 32%, rgba(227,198,53,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#177dec', endColorstr='#e3c635', GradientType=0 );

 
	padding: 12px 25px 15px 20px;
	border: none;
	height: 44px;
	border-radius: inherit;
}*/

 .transact_box {
     margin: 15px 0;
 }

 ul {
     padding: 0;
 }

 a:focus,
 a:hover {
     text-decoration: none;
 }

 .uc {
     text-transform: uppercase;
 }

 .lc {
     text-transform: lowercase;
 }

 .cap {
     text-transform: capitalize;
 }

 /***************************
margin
****************************/

 .mt-5 {
     margin-top: 5px;
 }

 .mt-10 {
     margin-top: 10px;
 }

 .mt-20 {
     margin-top: 20px;
 }

 .mt-30 {
     margin-top: 30px;
 }

 .mt-40 {
     margin-top: 40px;
 }

 .mt-50 {
     margin-top: 50px;
 }

 .mt-60 {
     margin-top: 60px;
 }

 .mt-70 {
     margin-top: 70px;
 }

 .mt-80 {
     margin-top: 80px;
 }

 .mt-90 {
     margin-top: 90px;
 }

 .mt-100 {
     margin-top: 100px;
 }

 .mt-110 {
     margin-top: 110px;
 }

 .mt-120 {
     margin-top: 120px;
 }

 .mt-130 {
     margin-top: 130px;
 }

 .mt-140 {
     margin-top: 140px;
 }

 .mt-150 {
     margin-top: 150px;
 }

 .mt-160 {
     margin-top: 160px;
 }

 .mt-170 {
     margin-top: 170px;
 }

 .mt-180 {
     margin-top: 180px;
 }

 .mt-190 {
     margin-top: 190px;
 }

 .mt-200 {
     margin-top: 200px;
 }

 .mb-5 {
     margin-bottom: 5px;
 }

 .mb-10 {
     margin-bottom: 10px;
 }

 .mb-20 {
     margin-bottom: 20px;
 }

 .mb-30 {
     margin-bottom: 30px;
 }

 .mb-40 {
     margin-bottom: 40px;
 }

 .mb-50 {
     margin-bottom: 50px;
 }

 .mb-60 {
     margin-bottom: 60px;
 }

 .mb-70 {
     margin-bottom: 70px;
 }

 .mb-80 {
     margin-bottom: 80px;
 }

 .mb-90 {
     margin-bottom: 90px;
 }

 .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;
 }

 .mb-160 {
     margin-bottom: 160px;
 }

 .mb-170 {
     margin-bottom: 170px;
 }

 .mb-180 {
     margin-bottom: 180px;
 }

 .mb-190 {
     margin-bottom: 190px;
 }

 .mb-200 {
     margin-bottom: 200px;
 }

 .ml-5 {
     margin-left: 5px;
 }

 .ml-10 {
     margin-left: 10px;
 }

 .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;
 }

 .ml-170 {
     margin-left: 170px;
 }

 .ml-180 {
     margin-left: 180px;
 }

 .ml-190 {
     margin-left: 190px;
 }

 .ml-200 {
     margin-left: 200px;
 }

 .mr-5 {
     margin-right: 5px;
 }

 .mr-10 {
     margin-right: 10px;
 }

 .mr-20 {
     margin-right: 20px;
 }

 .mr-30 {
     margin-right: 30px;
 }

 .mr-40 {
     margin-right: 40px;
 }

 .mr-50 {
     margin-right: 50px;
 }

 .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;
 }

 .mr-160 {
     margin-right: 160px;
 }

 .mr-170 {
     margin-right: 170px;
 }

 .mr-180 {
     margin-right: 180px;
 }

 .mr-190 {
     margin-right: 190px;
 }

 .mr-200 {
     margin-right: 200px;
 }

 /***************************
padding
****************************/

 .pb-5 {
     padding-bottom: 5px;
 }

 .pt-10 {
     padding-top: 10px;
 }

 .pt-15 {
     padding-top: 15px;
 }

 .pt-20 {
     padding-top: 20px;
 }

 .pt-30 {
     padding-top: 30px;
 }

 .pt-40 {
     padding-top: 40px;
 }

 .pt-50 {
     padding-top: 50px;
 }

 .pt-60 {
     padding-top: 60px;
 }

 .pt-70 {
     padding-top: 70px;
 }

 .pt-80 {
     padding-top: 80px;
 }

 .pt-90 {
     padding-top: 90px;
 }

 .pt-100 {
     padding-top: 100px;
 }

 .pt-110 {
     padding-top: 110px;
 }

 .pt-120 {
     padding-top: 120px;
 }

 .pt-130 {
     padding-top: 130px;
 }

 .pt-140 {
     padding-top: 140px;
 }

 .pt-150 {
     padding-top: 150px;
 }

 .pt-160 {
     padding-top: 160px;
 }

 .pt-170 {
     padding-top: 170px;
 }

 .pt-180 {
     padding-top: 180px;
 }

 .pt-190 {
     padding-top: 190px;
 }

 .pt-200 {
     padding-top: 200px;
 }

 .ptb-20 {
     padding: 20px 0;
 }

 .pb-10 {
     padding-bottom: 10px;
 }

 .pb-20 {
     padding-bottom: 20px;
 }

 .pb-30 {
     padding-bottom: 30px;
 }

 .pb-40 {
     padding-bottom: 40px;
 }

 .pb-50 {
     padding-bottom: 50px;
 }

 .pb-60 {
     padding-bottom: 60px;
 }

 .pb-70 {
     padding-bottom: 70px;
 }

 .pb-80 {
     padding-bottom: 80px;
 }

 .pb-90 {
     padding-bottom: 90px;
 }

 .pb-100 {
     padding-bottom: 100px;
 }

 .pb-110 {
     padding-bottom: 110px;
 }

 .pb-120 {
     padding-bottom: 120px;
 }

 .pb-130 {
     padding-bottom: 130px;
 }

 .pb-140 {
     padding-bottom: 140px;
 }

 .pb-150 {
     padding-bottom: 150px;
 }

 .pb-160 {
     padding-bottom: 160px;
 }

 .pb-170 {
     padding-bottom: 170px;
 }

 .pb-180 {
     padding-bottom: 180px;
 }

 .pb-190 {
     padding-bottom: 190px;
 }

 .pb-200 {
     padding-bottom: 200px;
 }

 .pl-10 {
     padding-left: 10px;
 }

 .pl-20 {
     padding-left: 20px;
 }

 .pl-30 {
     padding-left: 30px;
 }

 .pl-40 {
     padding-left: 40px;
 }

 .pl-50 {
     padding-left: 50px;
 }

 .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-130 {
     padding-left: 130px;
 }

 .pl-140 {
     padding-left: 140px;
 }

 .pl-150 {
     padding-left: 150px;
 }

 .pl-160 {
     padding-left: 160px;
 }

 .pl-170 {
     padding-left: 170px;
 }

 .pl-180 {
     padding-left: 180px;
 }

 .pl-190 {
     padding-left: 190px;
 }

 .pl-200 {
     padding-left: 200px;
 }

 .pr-10 {
     padding-right: 10px;
 }

 .pr-20 {
     padding-right: 20px;
 }

 .pr-30 {
     padding-right: 30px;
 }

 .pr-40 {
     padding-right: 40px;
 }

 .pr-50 {
     padding-right: 50px;
 }

 .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-130 {
     padding-right: 130px;
 }

 .pr-140 {
     padding-right: 140px;
 }

 .pr-150 {
     padding-right: 150px;
 }

 .pr-160 {
     padding-right: 160px;
 }

 .pr-170 {
     padding-right: 170px;
 }

 .pr-180 {
     padding-right: 180px;
 }

 .pr-190 {
     padding-right: 190px;
 }

 .pr-200 {
     padding-right: 200px;
 }

 .ptb-10 {
     padding: 10px 0;
 }

 .ptb-20 {
     padding: 20px 0;
 }

 .ptb-30 {
     padding: 30px 0;
 }

 .ptb-40 {
     padding: 40px 0;
 }

 .ptb-50 {
     padding: 50px 0;
 }

 .mtb-40 {
     margin: 40px 0;
 }

 .ptb-60 {
     padding: 60px 0;
 }

 .ptb-70 {
     padding: 70px 0;
 }

 .ptb-80 {
     padding: 80px 0;
 }

 .ptb-90 {
     padding: 90px 0;
 }

 .ptb-100 {
     padding: 100px 0;
 }

 .ptb-110 {
     padding: 110px 0;
 }

 .ptb-120 {
     padding: 120px 0;
 }

 .ptb-130 {
     padding: 130px 0;
 }

 .ptb-140 {
     padding: 140px 0;
 }

 .ptb-150 {
     padding: 150px 0;
 }

 .ptb-160 {
     padding: 160px 0;
 }

 .ptb-170 {
     padding: 170px 0;
 }

 .ptb-180 {
     padding: 180px 0;
 }

 .ptb-190 {
     padding: 190px 0;
 }

 .ptb-200 {
     padding: 200px 0;
 }

 .plr-10 {
     padding: 0 10px;
 }

 .plr-20 {
     padding: 0 20px;
 }

 .plr-30 {
     padding: 0 30px;
 }

 .plr-40 {
     padding: 0 40px;
 }

 .plr-50 {
     padding: 0 50px;
 }

 .plr-60 {
     padding: 0 60px;
 }

 .plr-70 {
     padding: 0 70px;
 }

 .plr-80 {
     padding: 0 80px;
 }

 .plr-90 {
     padding: 0 90px;
 }

 .plr-100 {
     padding: 0 100px;
 }

 .plr-110 {
     padding: 0 110px;
 }

 .plr-120 {
     padding: 0 120px;
 }

 .plr-130 {
     padding: 0 130px;
 }

 .plr-140 {
     padding: 0 140px;
 }

 .plr-150 {
     padding: 0 150px;
 }

 .plr-160 {
     padding: 0 160px;
 }

 .plr-170 {
     padding: 0 170px;
 }

 .plr-180 {
     padding: 0 180px;
 }

 .plr-190 {
     padding: 0 190px;
 }

 .plr-200 {
     padding: 0 200px;
 }

 /***************************
reset-0 margin, padding
****************************/

 .m-0 {
     margin-top: 0 !important;
     margin-right: 0 !important;
     margin-bottom: 0 !important;
     margin-left: 0 !important;
 }

 .p-0 {
     padding-top: 0 !important;
     padding-right: 0 !important;
     padding-bottom: 0 !important;
     padding-left: 0 !important;
 }

 .mt-0 {
     margin-top: 0 !important;
 }

 .mb-0 {
     margin-bottom: 0 !important;
 }

 .ml-0 {
     margin-left: 0 !important;
 }

 .mr-0 {
     margin-right: 0 !important;
 }

 .pt-0 {
     padding-top: 0 !important;
 }

 .pb-0 {
     padding-bottom: 0 !important;
 }

 .pl-0 {
     padding-left: 0 !important;
 }

 .pr-0 {
     padding-right: 0 !important;
 }

 /***************************
background-color
****************************/

 .bg-white {
     background-color: #ffffff;
 }

 .bg-black {
     background-color: #000000;
 }

 /***************************
box-shadow, border none
****************************/

 .bxs-none {
     box-shadow: none !important;
 }

 .bdr-none {
     border: none !important;
 }

 /***************************
before-after-none
****************************/

 .bf-none:before {
     display: none !important;
 }

 .af-none:after {
     display: none !important;
 }

 .bf-af-none:before,
 .bf-af-none:after {
     display: none !important;
 }

 /***************************
width-100%, height-100%
****************************/

 .w-100 {
     width: 100%;
 }

 .h-100 {
     height: 100%;
 }

 /***************************
display
****************************/

 .dib {
     display: inline-block;
 }

 .di {
     display: inline;
 }

 .dli {
     display: list-item;
 }

 .db {
     display: block;
 }

 .dn {
     display: none;
 }

 /********************
position-property
*********************/

 .pos-rel {
     position: relative;
 }

 .pos-abs {
     position: absolute;
 }

 .pos-st {
     position: static;
 }

 .pos-inh {
     position: inherit;
 }

 .pos-fix {
     position: fixed;
 }

 /********************
z-index
*********************/

 .z-ind-10 {
     z-index: -10;
 }

 .z-ind-9 {
     z-index: -9;
 }

 .z-ind-8 {
     z-index: -8;
 }

 .z-ind-7 {
     z-index: -7;
 }

 .z-ind-6 {
     z-index: -6;
 }

 .z-ind-5 {
     z-index: -5;
 }

 .z-ind-4 {
     z-index: -4;
 }

 .z-ind-3 {
     z-index: -3;
 }

 .z-ind-2 {
     z-index: -2;
 }

 .z-ind-1 {
     z-index: -1;
 }

 .z-ind0 {
     z-index: 0;
 }

 .z-ind1 {
     z-index: 1;
 }

 .z-ind2 {
     z-index: 2;
 }

 .z-ind3 {
     z-index: 3;
 }

 .z-ind4 {
     z-index: 4;
 }

 .z-ind5 {
     z-index: 5;
 }

 .z-ind6 {
     z-index: 6;
 }

 .z-ind7 {
     z-index: 7;
 }

 .z-ind8 {
     z-index: 8;
 }

 .z-ind9 {
     z-index: 9;
 }

 .z-ind10 {
     z-index: 10;
 }

 .z-ind-inh {
     z-index: inherit;
 }

 .z-ind-auto {
     z-index: auto;
 }

 /***************************
transitions
****************************/

 .tsn1 {
     transition: all .1s ease-in-out !important;
     -webkit-transition: all .1s ease-in-out !important;
     -moz-transition: all .1s ease-in-out !important;
     -o-transition: all .1s ease-in-out !important;
 }

 .tsn2 {
     transition: all .2s ease-in-out !important;
     -webkit-transition: all .2s ease-in-out !important;
     -moz-transition: all .2s ease-in-out !important;
     -o-transition: all .2s ease-in-out !important;
 }

 .tsn3 {
     transition: all .3s ease-in-out !important;
     -webkit-transition: all .3s ease-in-out !important;
     -moz-transition: all .3s ease-in-out !important;
     -o-transition: all .3s ease-in-out !important;
 }

 .tsn4 {
     transition: all .4s ease-in-out !important;
     -webkit-transition: all .4s ease-in-out !important;
     -moz-transition: all .4s ease-in-out !important;
     -o-transition: all .4s ease-in-out !important;
 }

 .tsn5 {
     transition: all .5s ease-in-out !important;
     -webkit-transition: all .5s ease-in-out !important;
     -moz-transition: all .5s ease-in-out !important;
     -o-transition: all .5s ease-in-out !important;
 }