/*-----------------------------------------------------------------------------------

    Theme Name: Silkea - Spa Beauty & Wellness Salon WordPress Theme
    Description: Spa Beauty & Wellness Salon WordPress Theme
    Author: WebsiteLayout
    Version: 1.0.0

-----------------------------------------------------------------------------------*/

/* ----------------------------------

Table of contents
        
    01. Google font
    02. Reset
    03. Typography
    04. Background color
    05. Custom
    06. Border
    07. Background image
    08. Margin
    09. Padding
    10. Display
    11. Position
    12. Width
    13. Responsive Media Query
    
---------------------------------- */

/* ===================================
    Reset
====================================== */

* { margin: 0; padding: 0; box-sizing: border-box; }
body{ font-family: "Urbanist", sans-serif; -webkit-font-smoothing: antialiased;  font-smoothing: antialiased; font-size:18px; letter-spacing: 0.5px; color:#42545e; font-weight: 500; line-height: 1.5; }
body, html { -moz-osx-font-smoothing: grayscale; }
.pll-parent-menu-item a img { vertical-align: middle; }
.lang-item a img { vertical-align: middle; }
a, a:active, a:focus { color: #42545e; text-decoration: none; transition-timing-function: ease-in-out; -ms-transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; -webkit-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out; transition-duration: .2s; -ms-transition-duration: .2s; -moz-transition-duration: .2s; -webkit-transition-duration: .2s; -o-transition-duration: .2s;  }
a:hover, a:active{color: #1e2022; text-decoration: none;}
a:focus, a:active, button:focus, button:active,.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {outline: none; box-shadow: none;}
img {max-width:100%; height:auto; vertical-align: top; }
.form-control { min-height: 50px; }
.form-control:focus { box-shadow: 0 0 10px rgba(55,125,255,.1); border-color: #4e86ff; }
.form-control::-webkit-input-placeholder { color: #aeafbc; opacity: 1; }
.form-control::-moz-placeholder { color: #aeafbc; opacity: 1; }
.form-control:-ms-input-placeholder { color: #aeafbc; opacity: 1; }
.form-control::-ms-input-placeholder { color: #aeafbc; opacity: 1; }
.form-control::placeholder { color: #aeafbc; opacity: 1; }
.form-control.news-box::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.65); opacity: 1; }
.form-control.news-box::-moz-placeholder { color: rgba(255, 255, 255, 0.65); opacity: 1; }
.form-control.news-box:-ms-input-placeholder { color: rgba(255, 255, 255, 0.65); opacity: 1; }
.form-control.news-box::-ms-input-placeholder { color: rgba(255, 255, 255, 0.65); opacity: 1; }
.form-control.news-box::placeholder { color: rgba(255, 255, 255, 0.65); opacity: 1; }
input[type=text], input[type=email], input[type=url], input[type=password], input[type=search], input[type=tel], input[type=number], input[type=range], input[type=date], input[type=month], input[type=week], input[type=time], input[type=datetime], input[type=datetime-local], input[type=color], textarea, select { display: block; width: 100%; padding: .375rem .75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #1f2732; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: #fff; border: 1px solid #dee2e6; min-height: 50px; border-radius: 0.375rem; transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out; }
input[type=text]:focus, input[type=email]:focus, input[type=url]:focus, input[type=password]:focus, input[type=search]:focus, input[type=tel]:focus, input[type=number]:focus, input[type=range]:focus, input[type=date]:focus, input[type=month]:focus, input[type=week]:focus, input[type=time]:focus, input[type=datetime]:focus, input[type=datetime-local]:focus, input[type=color]:focus, textarea:focus, select:focus { border-color: #ff497c; }
input[type="button"], input[type="text"], input[type="email"], input[type="search"], input[type="password"], textarea, input[type="submit"] { -webkit-appearance: none; outline: none;}
input:focus, textarea:focus{ border-color: #585858; outline: none; }
input[type="button"]:focus{ outline: none; }
select::-ms-expand{ display:none;}
iframe { border: 0; vertical-align: top; max-width:100%; }
p {margin: 0 0 20px; }
.textwidget { word-break: break-all; }
.height-50 { height: 50%; }
.white-space { white-space: normal; }
.word-wrap { word-wrap: break-word; }
.valign { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.transition-hover { transition: all .3s cubic-bezier(.645,.045,.355,1); }
.transition-hover:hover, .transition-hover:focus { transform: translateY(-8px); }
::selection { color: #000; background:#dbdbdb; }
::-moz-selection { color:#000; background:#dbdbdb; }
.media { display: -ms-flexbox;  display: flex; -ms-flex-align: start; align-items: flex-start; }
.media-body { -ms-flex: 1; flex: 1; word-break: break-word; }
@media (min-width: 1200px){ .container { max-width: 1170px; } }
@media (min-width: 1400px){ .container {  max-width: 1320px;} }
_:-ms-lang(x), .container, _:-ms-lang(x), .container-fluid, _:-ms-lang(x), .container-lg, _:-ms-lang(x), .container-md, _:-ms-lang(x), .container-sm, _:-ms-lang(x), .container-xl, _:-ms-lang(x), .container-xxl { padding-right: 15px; padding-left: 15px; }
_:-ms-lang(x), .row.g-0 { margin-right: 0; margin-left: 0; }
_:-ms-lang(x), .row.g-0 > * { padding-right: 0; padding-left: 0; }
_:-ms-lang(x), .row { margin-right: -15px; margin-left: -15px; }
_:-ms-lang(x), .row > * { padding-right: 15px; padding-left: 15px; }
.elementor .elementor-widget-text-editor { font-family: "Urbanist", sans-serif; color:#42545e !important;  font-weight: 500; }
.elementor .elementor-column-gap-extended >.elementor-column > .elementor-element-populated { padding-top:0; padding-bottom:0; }
@media screen and (min-width: 1599px) { .elementor .elementor-section.elementor-section-boxed > .elementor-container { max-width: 1320px; }} 
@media screen and (min-width: 1400px) and (max-width: 1598px) { .elementor .elementor-section.elementor-section-boxed > .elementor-container { max-width: 1320px; }}
@media screen and (max-width: 1199px) { .elementor-section.elementor-element .elementor-container { flex-wrap: wrap; } }
@media screen and (max-width: 575px) { .elementor .elementor-section.elementor-section-boxed > .elementor-container { max-width: 100%; } }

/* ===================================
    Typography
====================================== */

/* font family */
.main-font { font-family: "Urbanist", sans-serif; }
.title-font {  font-family: "Marcellus", serif; font-weight: 600; }

/* heading */
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-weight: 600; font-family: "Marcellus", serif; color: #1f2732; letter-spacing: -0.02em; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, .h1 a, .h2 a, .h3 a, .h4 a, .h5 a, .h6 a {  font-weight: 600; font-family: "Marcellus", serif; color: #1f2732; }

/* font size */
.display-7 {font-size:3.2rem;}
.display-8 {font-size:3.1rem;}
.display-9 {font-size:3.0rem;}
.display-10 {font-size:2.9rem;}
.display-11 {font-size:2.8rem;}
.display-12 {font-size:2.7rem;}
.display-13 {font-size:2.6rem;}
.display-14 {font-size:2.5rem;}
.display-15 {font-size:2.4rem;}
.display-16 {font-size:2.3rem;}
.display-17 {font-size:2.2rem;}
.display-18 {font-size:2.1rem;}
.display-19 {font-size:2.0rem;}
.display-20 {font-size:1.9rem;}
.display-21 {font-size:1.8rem;}
.display-22 {font-size:1.7rem;}
.display-23 {font-size:1.6rem;}
.display-24 {font-size:1.5rem;}
.display-25 {font-size:1.4rem;}
.display-26 {font-size:1.3rem;}
.display-27 {font-size:1.2rem;}
.display-28 {font-size:1.1rem;}
.display-29 {font-size:1.0rem;}
.display-30 {font-size:0.9rem;}
.display-31 {font-size:0.8rem;}
.display-32 {font-size:0.7rem;}
.display-33 {font-size:0.6rem;}
.display-34 {font-size:0.5rem;}

/* text color */
.text-black {color:#000;}
.text-extra-dark-gray {color:#1e2022;}
.text-dark-gray {color:#626262;}
.text-extra-medium-gray {color:#757575;}
.text-medium-gray {color:#939393;}
.text-extra-light-gray {color:#b7b7b7;}
.text-light-gray {color:#d6d5d5;}
.text-very-light-gray {color:#ededed;}
.text-default-color { color: #6f6f6f; }

/* letter spacing */
.no-letter-spacing {letter-spacing:0px;}
.letter-spacing-1 {letter-spacing:1px;}
.letter-spacing-2 {letter-spacing:2px;}
.letter-spacing-3 {letter-spacing:3px;}
.letter-spacing-4 {letter-spacing:4px;}
.letter-spacing-5 {letter-spacing:5px;}

/* font weight */
.font-weight-100 {font-weight:100;}
.font-weight-200 {font-weight:200;}
.font-weight-300 {font-weight:300;}
.font-weight-400 {font-weight:400;}
.font-weight-500 {font-weight:500;}
.font-weight-600 {font-weight:600;}
.font-weight-700 {font-weight:700;}
.font-weight-800 {font-weight:800;}
.font-weight-900 {font-weight:900;}

 /* ===================================
    Background color
====================================== */

.bg-transparent {background-color: transparent;}
.bg-black {background-color:#000;}
.bg-extra-dark-gray {background-color:#1c1c1c;}
.bg-dark-gray {background-color:#757575;}
.bg-extra-medium-gray {background-color:#939393;}
.bg-medium-gray {background-color:#dbdbdb;}
.bg-extra-light-gray {background-color:#e0e0e0;}
.bg-medium-light-gray {background-color:#ededed;}
.bg-light-gray {background-color:#f1f7ff;}
.bg-very-light-gray {background-color:#fafafa;}
.bg-grey {background-color:#f9f9f9;}
.bg-red {background-color:#ed1b24;}
.bg-dark-theme { background: #1e2022; }
.bg-transparent-white { background-color: rgba(255,255,255,0.3); background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 37%, rgba(255,255,255,1) 96%, rgba(255,255,255,1) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,0)), color-stop(37%, rgba(255,255,255,0)), color-stop(96%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,1))); background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 37%, rgba(255,255,255,1) 96%, rgba(255,255,255,1) 100%); background: -o-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 37%, rgba(255,255,255,1) 96%, rgba(255,255,255,1) 100%); background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 37%, rgba(255,255,255,1) 96%, rgba(255,255,255,1) 100%); background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 37%, rgba(255,255,255,1) 96%, rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1 ); }
.bg-transparent-black { background-color: rgba(0,0,0,0); background: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 37%, rgba(0,0,0,1) 96%, rgba(0,0,0,1) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,0,0,0)), color-stop(37%, rgba(0,0,0,0)), color-stop(96%, rgba(0,0,0,1)), color-stop(100%, rgba(0,0,0,1))); background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 37%, rgba(0,0,0,1) 96%, rgba(0,0,0,1) 100%); background: -o-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 37%, rgba(0,0,0,1) 96%, rgba(0,0,0,1) 100%); background: -ms-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 37%, rgba(0,0,0,1) 96%, rgba(0,0,0,1) 100%); background: linear-gradient(to right, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 37%, rgba(0,0,0,1) 96%, rgba(0,0,0,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=1 ); }
.bg-white-opacity { background-color: rgba(255, 255, 255, 0.85); }
.bg-black-opacity { background-color: rgba(0, 0, 0, 0.85); }
.bg-black-opacity-light { background-color: rgba(0, 0, 0, 0.5); }

/* ===================================
    Custom
====================================== */

/*section { padding: 120px 0; overflow: hidden; background: #fff; position: relative;}
section.md { padding: 90px 0; }*/
/*section.elementor-section { padding-top: 0; padding-bottom: 0; overflow: visible; }*/
section.page-section { padding: 120px 0; overflow: hidden; background: #f9f6f1; position: relative; }
section { overflow: hidden; }
section.elementor-section .elementor-section { overflow: visible; padding-top: 0; padding-bottom: 0; }

.big-input, .big-textarea, .big-select select { padding: 18px 25px; font-size: 14px; border-radius: 0;}
.medium-input, .medium-textarea, .medium-select select { padding: 12px 20px; font-size: 14px; line-height: normal; border-radius: 0;}
.small-input, .small-textarea { padding: 12px 15px; font-size: 11px; line-height: normal;}
.small-select select {padding: 15px 15px; line-height: normal;}
.medium-input-light, .medium-textarea-light, .medium-select-light select { padding: 12px 25px; font-size: 12px; line-height: normal;}
 
/* data overlay */
[data-overlay-dark],[data-overlay-light] { position: relative;}
[data-overlay-dark] .position-unset,[data-overlay-light] .position-unset { position: unset !important;}
[data-overlay-dark] .container,[data-overlay-light] .container {  position: relative;  z-index: 2;}
[data-overlay-dark]:before,[data-overlay-light]:before {content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0;  z-index: 1;}
[data-overlay-dark]:before { background: #000; }
[data-overlay-light]:before { background: #fff;}
[data-overlay-dark="0"]:before,
[data-overlay-light="0"]:before {  opacity: 0; }
[data-overlay-dark="1"]:before,
[data-overlay-light="1"]:before {opacity: 0.1;}
[data-overlay-dark="2"]:before,
[data-overlay-light="2"]:before { opacity: 0.2; }
[data-overlay-dark="3"]:before,
[data-overlay-light="3"]:before { opacity: 0.3; }
[data-overlay-dark="4"]:before,
[data-overlay-light="4"]:before { opacity: 0.4; }
[data-overlay-dark="5"]:before,
[data-overlay-light="5"]:before { opacity: 0.5; }
[data-overlay-dark="55"]:before,
[data-overlay-light="55"]:before { opacity: 0.55; }
[data-overlay-dark="6"]:before,
[data-overlay-light="6"]:before { opacity: 0.6; }
[data-overlay-dark="65"]:before,
[data-overlay-light="65"]:before { opacity: 0.65; }
[data-overlay-dark="7"]:before,
[data-overlay-light="7"]:before { opacity: 0.7; }
[data-overlay-dark="75"]:before,
[data-overlay-light="75"]:before { opacity: 0.75; }
[data-overlay-dark="8"]:before,
[data-overlay-light="8"]:before { opacity: 0.8; }
[data-overlay-dark="85"]:before,
[data-overlay-light="85"]:before { opacity: 0.85; }
[data-overlay-dark="9"]:before,
[data-overlay-light="9"]:before { opacity: 0.9; }
[data-overlay-dark="91"]:before,
[data-overlay-light="91"]:before { opacity: 0.91; }
[data-overlay-dark="92"]:before,
[data-overlay-light="92"]:before { opacity: 0.92; }
[data-overlay-dark="93"]:before,
[data-overlay-light="93"]:before { opacity: 0.93; }
[data-overlay-dark="94"]:before,
[data-overlay-light="94"]:before { opacity: 0.94; }
[data-overlay-dark="95"]:before,
[data-overlay-light="95"]:before { opacity: 0.95; }
[data-overlay-dark="96"]:before,
[data-overlay-light="96"]:before { opacity: 0.96; }
[data-overlay-dark="97"]:before,
[data-overlay-light="97"]:before { opacity: 0.97; }
[data-overlay-dark="98"]:before,
[data-overlay-light="98"]:before { opacity: 0.98; }
[data-overlay-dark="99"]:before,
[data-overlay-light="99"]:before { opacity: 0.99; }
[data-overlay-dark="10"]:before,
[data-overlay-light="10"]:before {  opacity: 1; }

/* separator */
.separator-line-verticle-extra-small {width:1px; height: 8px;}
.separator-line-verticle-small-thick {width:17px; height: 3px;}
.separator-line-verticle-small {width:1px; height: 13px;}
.separator-line-verticle-small-thick2 {width:64px; height: 7px;}
.separator-line-verticle-large {width:1px; height:20px;}
.separator-line-verticle-extra-large {width:1px; height:30px;}
.separator-line-verticle-medium-thick-full {width:8px; height: 40px;}
.separator-line-verticle-large-thick {width:109px; height: 11px;}
.separator-line-horrizontal-medium-light {width:36px; height: 3px;}
.separator-line-horrizontal-medium-light2 {width:50px; height: 1px;}
.separator-line-horrizontal-medium-light3 {width:18%; height: 1px;}
.separator-line-horrizontal-medium-thick {width:50px; height: 5px;}
.separator-line-horrizontal-full {width:100%; height: 1px;}

/* divider */
.divider-full {width:100%; height: 1px; display: inline-block}

/* opacity */
.opacity-very-light {position: absolute; height: 100%; width: 100%; opacity: 0.2; top:0; left: 0;}
.opacity-light {position: absolute; height: 100%; width: 100%; opacity: 0.3; top:0; left: 0;}
.opacity-extra-medium {position: absolute; height: 100%; width: 100%; opacity: 0.5; top:0; left: 0;}
.opacity-medium {position: absolute; height: 100%; width: 100%; opacity: 0.75; top:0; left: 0;}
.opacity-full {position: absolute; height: 100%; width: 100%; opacity: 0.8; top:0; left: 0;}
.opacity-full-dark {position: absolute; height: 100%; width: 100%; opacity: 0.9; top:0; left: 0;}

.opacity01 {opacity:.01;}
.opacity02 {opacity:.02;}
.opacity03 {opacity:.03;}
.opacity04 {opacity:.04;}
.opacity05 {opacity:.05;}
.opacity06 {opacity:.06;}
.opacity07 {opacity:.07;}
.opacity08 {opacity:.08;}
.opacity09 {opacity:.09;}
.opacity1 {opacity:.1;}
.opacity2 {opacity:.2;}
.opacity3 {opacity:.3;}
.opacity4 {opacity:.4;}
.opacity5 {opacity:.5;}
.opacity6 {opacity:.6;}
.opacity7 {opacity:.7;}
.opacity8 {opacity:.8;}
.opacity9 {opacity:.9;}

/* box-shadow */
.box-shadow-light { box-shadow: 0 0 3px rgba(0,0,0,.1);}
.box-shadow { box-shadow: 0 0 3px rgba(0,0,0, .2);}
.box-shadow-dark { box-shadow: 0 0 4px rgba(0,0,0,.4);}
.box-shadow-large { box-shadow: 0 0 12px rgba(0,0,0,.1);}
.box-shadow-primary { -webkit-box-shadow: 0 18px 38px rgba(0,0,0,.2); box-shadow: 0 18px 38px rgba(0,0,0,.2);}
.box-shadow-none{ -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; }

/* text-shadow */
.text-shadow-light { text-shadow: 0 0 3px rgba(0,0,0,.1);}
.text-shadow { text-shadow: 0 0 3px rgba(0,0,0, .2);}
.text-shadow-dark { text-shadow: 0 0 4px rgba(0,0,0,.4);}
.text-shadow-large { text-shadow: 0 0 12px rgba(0,0,0,.1);}
.text-shadow-primary { text-shadow: 0 18px 38px rgba(0,0,0,.2);}
.text-shadow-none{ text-shadow: none !important; }

/* z-index */
.z-index-1111 {z-index:1111;}
.z-index-111 {z-index:111;}
.z-index-1 {z-index:1;}
.z-index-2 {z-index:2;}
.z-index-3 {z-index:3;}
.z-index-4 {z-index:4;}
.z-index-5 {z-index:5;}
.z-index-9 {z-index:9;}
.z-index-99 {z-index:99;}
.z-index-0 {z-index:0;}
.z-index-minus2 {z-index:-2;}

/* verticle align */
.vertical-align-middle {vertical-align: middle;}
.vertical-align-top {vertical-align: top;}
.vertical-align-bottom {vertical-align: bottom;}
.clear-both{ clear:both;}
.line-break { display:block;}
.no-transition *  { transition-timing-function: none !important; -moz-transition-timing-function: none !important; -webkit-transition-timing-function: none !important; -o-transition-timing-function: none !important; -ms-transition-timing-function: none !important; transition-duration: 0s !important; -moz-transition-duration: 0s !important; -webkit-transition-duration: 0s !important; -o-transition-duration: 0s !important; -ms-transition-duration: 0s !important; }

/* ===================================
    Border
====================================== */

/* border */
.borders-top { border-top: 1px solid; }
.borders-end { border-right: 1px solid; }
.borders-bottom { border-bottom: 1px solid; }
.borders-start { border-left: 1px solid; }
.borders-top-0 { border-top: none; }
.borders-end-0 { border-right: none; }
.borders-bottom-0 { border-bottom: none; }
.borders-start-0 { border-left: none; }

/* boder width */
.border-width-1 {border-width:1px !important;}
.border-width-2 {border-width:2px !important;}
.border-width-3 {border-width:3px !important;}
.border-width-4 {border-width:4px !important;}
.border-width-5 {border-width:5px !important;}
.border-width-6 {border-width:6px !important;}
.border-width-7 {border-width:7px !important;}
.border-width-8 {border-width:8px !important;}
.border-width-9 {border-width:9px !important;}
.border-width-10 {border-width:10px !important;}
.border-width-20 {border-width:20px !important;}

/* border color */
.border-color-white {border-color:#fff !important;}
.border-color-black {border-color:#000 !important;}
.border-color-extra-dark-gray {border-color:#1e2022 !important;}
.border-color-medium-dark-gray {border-color:#363636 !important;}
.border-color-dark-gray {border-color:#939393 !important;}
.border-color-extra-medium-gray {border-color:#dbdbdb !important;}
.border-color-medium-gray {border-color:#e4e4e4 !important;}
.border-color-extra-light-gray {border-color:#ededed !important;}
.border-color-light-gray {border-color:#f5f5f5 !important;}
.border-color-light-white { border-color:rgba(255, 255, 255, 0.1) !important; } 
.border-color-light-black { border-color:rgba(0, 0, 0, 0.085) !important; } 

/* boder style */
.border-dotted {border-style: dotted !important;}
.border-dashed {border-style: dashed !important;}
.border-solid {border-style: solid !important;}
.border-double {border-style: double !important;}
.border-groove {border-style: groove !important;}
.border-ridge {border-style: ridge !important;}
.border-inset {border-style: inset !important;}
.border-outset {border-style: outset !important;}
.border-none {border-style: none !important;}
.border-hidden {border-style: hidden !important;}
.border-transperent {border-color: transparent !important;}

/* border radius */
.border-radius-1 {border-radius:1px;}
.border-radius-2 {border-radius:2px;}
.border-radius-3 {border-radius:3px;}
.border-radius-4 {border-radius:4px;}
.border-radius-5 {border-radius:5px;}
.border-radius-6 {border-radius:6px;}
.border-radius-7 {border-radius:7px;}
.border-radius-8 {border-radius:8px;}
.border-radius-9 {border-radius:9px;}
.border-radius-10 {border-radius:10px;}
.border-radius-50 {border-radius:50% !important;}
.border-radius-100 {border-radius:100%;}
.border-radius-none {border-radius:0 !important;}

/* ===================================
    Background image
====================================== */

.parallax {position: relative; background-size: cover; overflow: hidden; background-attachment: fixed;  }
.fix-background {position: relative;  background-size: cover; animation-duration: 0s; animation-fill-mode: none; -webkit-animation-duration: 0s;  -webkit-animation-fill-mode: none; -moz-animation-duration: 0s;  -moz-animation-fill-mode: none; -ms-animation-duration: 0s; -ms-animation-fill-mode: none; -o-animation-fill-mode: none; overflow: hidden; background-position: center center; background-repeat: no-repeat; background-attachment: fixed; }
.cover-background {position: relative !important; background-size: cover !important; overflow: hidden !important; background-position: center !important; background-repeat: no-repeat !important;}
.background-size-inherit {background-size: inherit;}
.background-attachment-inherit {background-attachment: inherit;}
.background-position-left {background-position: left center;}
.background-position-left-bottom {background-position: left bottom;}
.background-position-right {background-position: right center;}
.background-position-top {background-position: center top !important;}
.up-down-ani {display:table; position: relative; -webkit-animation-name: up-down-animation; -webkit-animation-duration:.7s; -webkit-animation-timing-function: linear; -webkit-animation-delay:.7s; -webkit-animation-iteration-count: infinite; -webkit-animation-direction: alternate; -moz-animation-name: up-down-animation; -moz-animation-duration:.7s; -moz-animation-timing-function: linear; -moz-animation-delay:.7s; -moz-animation-iteration-count: infinite; -ms-animation-name: up-down-animation; -ms-animation-duration:.7s; -ms-animation-timing-function: linear; -ms-animation-delay:.7s; -ms-animation-iteration-count: infinite; -ms-animation-direction: alternate; -o-animation-direction: alternate; -o-animation-name: up-down-animation; -o-animation-duration:.7s; -o-animation-timing-function: linear; -o-animation-delay:.7s; -o-animation-iteration-count: infinite; -o-animation-direction: alternate; animation-direction: alternate; animation-name: up-down-animation; animation-duration:.7s; animation-timing-function: linear; animation-delay:.7s; animation-iteration-count: infinite; animation-direction: alternate; margin:0 auto; }
.background-position-x-50 {background-position-x: 50% !important;}
.background-size-contain {background-size: contain;}
.background-no-repeat {  background-repeat: no-repeat; }

/*==============================
    Margin
================================*/

/* negative margin */
.mt-n1{
    margin-top: -0.25rem!important;
}
.mt-n2{
    margin-top: -0.5rem!important;
}
.mt-n3{
    margin-top: -1rem!important;
}
.mt-n4{
    margin-top: -1.5rem!important;
}
.mt-n5{
    margin-top: -3rem!important;
}
.mt-n6 {
    margin-top: -3.5rem;
}
.mt-n7 {
    margin-top: -4rem;
}
.mt-n8 {
    margin-top: -4.5rem;
}
.mt-n9 {
    margin-top: -5rem;
}
.mt-n10 {
    margin-top: -5.5rem;
}
.mt-n1-6 {
    margin-top: -1.6rem!important;   
}
.mt-n1-9 {
    margin-top: -1.9rem!important;   
}
.mt-n2-2 {
    margin-top: -2.2rem!important;   
}
.mt-n2-6 {
    margin-top: -2.6rem!important;   
}
.mt-n2-9 {
    margin-top: -2.9rem!important;   
}

/* custom margin */
.m-1-6 {
    margin: 1.6rem;
}
.m-1-7 {
    margin: 1.7rem;
}
.m-1-8 {
    margin: 1.8rem;
}
.m-1-9 {
    margin: 1.9rem;
}
.m-2-0 {
    margin: 2.0rem;
}
.m-2-1 {
    margin: 2.1rem;
}
.m-2-2 {
    margin: 2.2rem;
}
.m-2-3 {
    margin: 2.3rem;
}
.m-2-4 {
    margin: 2.4rem;
}
.m-2-5 {
    margin: 2.5rem;
}
.m-2-6 {
    margin: 2.6rem;
}
.m-2-7 {
    margin: 2.7rem;
}
.m-2-8 {
    margin: 2.8rem;
}
.m-2-9 {
    margin: 2.9rem;
}

/* margin all */
.m-6 {
    margin: 3.5rem;
}
.m-7 {
    margin: 4rem;
}
.m-8 {
    margin: 4.5rem;
}
.m-9 {
    margin: 5rem;
}
.m-10 {
    margin: 5.5rem;
}
.m-11 {
    margin: 6rem;
}
.m-12 {
    margin: 6.5rem;
}
.m-13 {
    margin: 7rem;
}
.m-14 {
    margin: 7.5rem;
}
.m-15 {
    margin: 8rem;
}
.m-16 {
    margin: 8.5rem;
}
.m-17 {
    margin: 9rem;
}
.m-18 {
    margin: 9.5rem;
}
.m-19 {
    margin: 10rem;
}
.m-20 {
    margin: 10.5rem;
}
.m-21 {
    margin: 11rem;
}
.m-22 {
    margin: 11.5rem;
}
.m-23 {
    margin: 12rem;
}
.m-24 {
    margin: 12.5rem;
}

/* margin top */
.mt-1-6, .my-1-6 {
    margin-top: 1.6rem;
}
.mt-1-7, .my-1-7 {
    margin-top: 1.7rem;
}
.mt-1-8, .my-1-8 {
    margin-top: 1.8rem;
}
.mt-1-9, .my-1-9 {
    margin-top: 1.9rem;
}
.mt-2-0, .my-2-0 {
    margin-top: 2.0rem;
}
.mt-2-1, .my-2-1 {
    margin-top: 2.1rem;
}
.mt-2-2, .my-2-2 {
    margin-top: 2.2rem;
}
.mt-2-3, .my-2-3 {
    margin-top: 2.3rem;
}
.mt-2-4, .my-2-4 {
    margin-top: 2.4rem;
}
.mt-2-5, .my-2-5 {
    margin-top: 2.5rem;
}
.mt-2-6, .my-2-6 {
    margin-top: 2.6rem;
}
.mt-2-7, .my-2-7 {
    margin-top: 2.7rem;
}
.mt-2-8, .my-2-8 {
    margin-top: 2.8rem;
}
.mt-2-9, .my-2-9 {
    margin-top: 2.9rem;
}

.mt-6, .my-6 {
    margin-top: 3.5rem;
}
.mt-7, .my-7 {
    margin-top: 4rem;
}
.mt-8, .my-8 {
    margin-top: 4.5rem;
}
.mt-9, .my-9 {
    margin-top: 5rem;
}
.mt-10, .my-10 {
    margin-top: 5.5rem;
}
.mt-11, .my-11 {
    margin-top: 6rem;
}
.mt-12, .my-12 {
    margin-top: 6.5rem;
}
.mt-13, .my-13 {
    margin-top: 7rem;
}
.mt-14, .my-14 {
    margin-top: 7.5rem;
}
.mt-15, .my-15 {
    margin-top: 8rem;
}
.mt-16, .my-16 {
    margin-top: 8.5rem;
}
.mt-17, .my-17 {
    margin-top: 9rem;
}
.mt-18, .my-18 {
    margin-top: 9.5rem;
}
.mt-19, .my-19 {
    margin-top: 10rem;
}
.mt-20, .my-20 {
    margin-top: 10.5rem;
}
.mt-21, .my-21 {
    margin-top: 11rem;
}
.mt-22, .my-22 {
    margin-top: 11.5rem;
}
.mt-23, .my-23 {
    margin-top: 12rem;
}
.mt-24, .my-24 {
    margin-top: 12.5rem;
}

/* margin bottom */
.mb-1-6, .my-1-6 {
    margin-bottom: 1.6rem;
}
.mb-1-7, .my-1-7 {
    margin-bottom: 1.7rem;
}
.mb-1-8, .my-1-8 {
    margin-bottom: 1.8rem;
}
.mb-1-9, .my-1-9 {
    margin-bottom: 1.9rem;
}
.mb-2-0, .my-2-0 {
    margin-bottom: 2.0rem;
}
.mb-2-1, .my-2-1 {
    margin-bottom: 2.1rem;
}
.mb-2-2, .my-2-2 {
    margin-bottom: 2.2rem;
}
.mb-2-3, .my-2-3 {
    margin-bottom: 2.3rem;
}
.mb-2-4, .my-2-4 {
    margin-bottom: 2.4rem;
}
.mb-2-5, .my-2-5 {
    margin-bottom: 2.5rem;
}
.mb-2-6, .my-2-6 {
    margin-bottom: 2.6rem;
}
.mb-2-7, .my-2-7 {
    margin-bottom: 2.7rem;
}
.mb-2-8, .my-2-8 {
    margin-bottom: 2.8rem;
}
.mb-2-9, .my-2-9 {
    margin-bottom: 2.9rem;
}

.mb-6, .my-6 {
    margin-bottom: 3.5rem;
}
.mb-7, .my-7 {
    margin-bottom: 4rem;
}
.mb-8, .my-8 {
    margin-bottom: 4.5rem;
}
.mb-9, .my-9 {
    margin-bottom: 5rem;
}
.mb-10, .my-10 {
    margin-bottom: 5.5rem;
}
.mb-11, .my-11 {
    margin-bottom: 6rem;
}
.mb-12, .my-12 {
    margin-bottom: 6.5rem;
}
.mb-13, .my-13 {
    margin-bottom: 7rem;
}
.mb-14, .my-14 {
    margin-bottom: 7.5rem;
}
.mb-15, .my-15 {
    margin-bottom: 8rem;
}
.mb-16, .my-16 {
    margin-bottom: 8.5rem;
}
.mb-17, .my-17 {
    margin-bottom: 9rem;
}
.mb-18, .my-18 {
    margin-bottom: 9.5rem;
}
.mb-19, .my-19 {
    margin-bottom: 10rem;
}
.mb-20, .my-20 {
    margin-bottom: 10.5rem;
}
.mb-21, .my-21 {
    margin-bottom: 11rem;
}
.mb-22, .my-22 {
    margin-bottom: 11.5rem;
}
.mb-23, .my-23 {
    margin-bottom: 12rem;
}
.mb-24, .my-24 {
    margin-bottom: 12.5rem;
}

/* margin left */
.ms-1-6, .mx-1-6 {
    margin-left: 1.6rem;
}
.ms-1-7, .mx-1-7 {
    margin-left: 1.7rem;
}
.ms-1-8, .mx-1-8 {
    margin-left: 1.8rem;
}
.ms-1-9, .mx-1-9 {
    margin-left: 1.9rem;
}
.ms-2-0, .mx-2-0 {
    margin-left: 2.0rem;
}
.ms-2-1, .mx-2-1 {
    margin-left: 2.1rem;
}
.ms-2-2, .mx-2-2 {
    margin-left: 2.2rem;
}
.ms-2-3, .mx-2-3 {
    margin-left: 2.3rem;
}
.ms-2-4, .mx-2-4 {
    margin-left: 2.4rem;
}
.ms-2-5, .mx-2-5 {
    margin-left: 2.5rem;
}
.ms-2-6, .mx-2-6 {
    margin-left: 2.6rem;
}
.ms-2-7, .mx-2-7 {
    margin-left: 2.7rem;
}
.ms-2-8, .mx-2-8 {
    margin-left: 2.8rem;
}
.ms-2-9, .mx-2-9 {
    margin-left: 2.9rem;
}

.ms-6, .mx-6 {
    margin-left: 3.5rem;
}
.ms-7, .mx-7 {
    margin-left: 4rem;
}
.ms-8, .mx-8 {
    margin-left: 4.5rem;
}
.ms-9, .mx-9 {
    margin-left: 5rem;
}
.ms-10, .mx-10 {
    margin-left: 5.5rem;
}
.ms-11, .mx-11 {
    margin-left: 6rem;
}
.ms-12, .mx-12 {
    margin-left: 6.5rem;
}
.ms-13, .mx-13 {
    margin-left: 7rem;
}
.ms-14, .mx-14 {
    margin-left: 7.5rem;
}
.ms-15, .mx-15 {
    margin-left: 8rem;
}
.ms-16, .mx-16 {
    margin-left: 8.5rem;
}
.ms-17, .mx-17 {
    margin-left: 9rem;
}
.ms-18, .mx-18 {
    margin-left: 9.5rem;
}
.ms-19, .mx-19 {
    margin-left: 10rem;
}
.ms-20, .mx-20 {
    margin-left: 10.5rem;
}
.ms-21, .mx-21 {
    margin-left: 11rem;
}
.ms-22, .mx-22 {
    margin-left: 11.5rem;
}
.ms-23, .mx-23 {
    margin-left: 12rem;
}
.ms-24, .mx-24 {
    margin-left: 12.5rem;
}

/* margin right */
.me-1-6, .mx-1-6 {
    margin-right: 1.6rem;
}
.me-1-7, .mx-1-7 {
    margin-right: 1.7rem;
}
.me-1-8, .mx-1-8 {
    margin-right: 1.8rem;
}
.me-1-9, .mx-1-9 {
    margin-right: 1.9rem;
}
.me-2-0, .mx-2-0 {
    margin-right: 2.0rem;
}
.me-2-1, .mx-2-1 {
    margin-right: 2.1rem;
}
.me-2-2, .mx-2-2 {
    margin-right: 2.2rem;
}
.me-2-3, .mx-2-3 {
    margin-right: 2.3rem;
}
.me-2-4, .mx-2-4 {
    margin-right: 2.4rem;
}
.me-2-5, .mx-2-5 {
    margin-right: 2.5rem;
}
.me-2-6, .mx-2-6 {
    margin-right: 2.6rem;
}
.me-2-7, .mx-2-7 {
    margin-right: 2.7rem;
}
.me-2-8, .mx-2-8 {
    margin-right: 2.8rem;
}
.me-2-9, .mx-2-9 {
    margin-right: 2.9rem;
}

.me-6, .mx-6 {
    margin-right: 3.5rem;
}
.me-7, .mx-7 {
    margin-right: 4rem;
}
.me-8, .mx-8 {
    margin-right: 4.5rem;
}
.me-9, .mx-9 {
    margin-right: 5rem;
}
.me-10, .mx-10 {
    margin-right: 5.5rem;
}
.me-11, .mx-11 {
    margin-right: 6rem;
}
.me-12, .mx-12 {
    margin-right: 6.5rem;
}
.me-13, .mx-13 {
    margin-right: 7rem;
}
.me-14, .mx-14 {
    margin-right: 7.5rem;
}
.me-15, .mx-15 {
    margin-right: 8rem;
}
.me-16, .mx-16 {
    margin-right: 8.5rem;
}
.me-17, .mx-17 {
    margin-right: 9rem;
}
.me-18, .mx-18 {
    margin-right: 9.5rem;
}
.me-19, .mx-19 {
    margin-right: 10rem;
}
.me-20, .mx-20 {
    margin-right: 10.5rem;
}
.me-21, .mx-21 {
    margin-right: 11rem;
}
.me-22, .mx-22 {
    margin-right: 11.5rem;
}
.me-23, .mx-23 {
    margin-right: 12rem;
}
.me-24, .mx-24 {
    margin-right: 12.5rem;
}


/*==============================
    Padding
================================*/

/* padding all */

/* custom padding */
.p-1-6 {
    padding: 1.6rem;
}
.p-1-7 {
    padding: 1.7rem;
}
.p-1-8 {
    padding: 1.8rem;
}
.p-1-9 {
    padding: 1.9rem;
}
.p-2-0 {
    padding: 2.0rem;
}
.p-2-1 {
    padding: 2.1rem;
}
.p-2-2 {
    padding: 2.2rem;
}
.p-2-3 {
    padding: 2.3rem;
}
.p-2-4 {
    padding: 2.4rem;
}
.p-2-5 {
    padding: 2.5rem;
}
.p-2-6 {
    padding: 2.6rem;
}
.p-2-7 {
    padding: 2.7rem;
}
.p-2-8 {
    padding: 2.8rem;
}
.p-2-9 {
    padding: 2.9rem;
}

.p-6 {
    padding: 3.5rem;
}
.p-7 {
    padding: 4rem;
}
.p-8 {
    padding: 4.5rem;
}
.p-9 {
    padding: 5rem;
}
.p-10 {
    padding: 5.5rem;
}
.p-11 {
    padding: 6rem;
}
.p-12 {
    padding: 6.5rem;
}
.p-13 {
    padding: 7rem;
}
.p-14 {
    padding: 7.5rem;
}
.p-15 {
    padding: 8rem;
}
.p-16 {
    padding: 8.5rem;
}
.p-17 {
    padding: 9rem;
}
.p-18 {
    padding: 9.5rem;
}
.p-19 {
    padding: 10rem;
}
.p-20 {
    padding: 10.5rem;
}
.p-21 {
    padding: 11rem;
}
.p-22 {
    padding: 11.5rem;
}
.p-23 {
    padding: 12rem;
}
.p-24 {
    padding: 12.5rem;
}

/* padding top */
.pt-1-6, .py-1-6 {
    padding-top: 1.6rem;
}
.pt-1-7, .py-1-7 {
    padding-top: 1.7rem;
}
.pt-1-8, .py-1-8 {
    padding-top: 1.8rem;
}
.pt-1-9, .py-1-9 {
    padding-top: 1.9rem;
}
.pt-2-0, .py-2-0 {
    padding-top: 2.0rem;
}
.pt-2-1, .py-2-1 {
    padding-top: 2.1rem;
}
.pt-2-2, .py-2-2 {
    padding-top: 2.2rem;
}
.pt-2-3, .py-2-3 {
    padding-top: 2.3rem;
}
.pt-2-4, .py-2-4 {
    padding-top: 2.4rem;
}
.pt-2-5, .py-2-5 {
    padding-top: 2.5rem;
}
.pt-2-6, .py-2-6 {
    padding-top: 2.6rem;
}
.pt-2-7, .py-2-7 {
    padding-top: 2.7rem;
}
.pt-2-8, .py-2-8 {
    padding-top: 2.8rem;
}
.pt-2-9, .py-2-9 {
    padding-top: 2.9rem;
}

.pt-6, .py-6 {
    padding-top: 3.5rem;
}
.pt-7, .py-7 {
    padding-top: 4rem;
}
.pt-8, .py-8 {
    padding-top: 4.5rem;
}
.pt-9, .py-9 {
    padding-top: 5rem;
}
.pt-10, .py-10 {
    padding-top: 5.5rem;
}
.pt-11, .py-11 {
    padding-top: 6rem;
}
.pt-12, .py-12 {
    padding-top: 6.5rem;
}
.pt-13, .py-13 {
    padding-top: 7rem;
}
.pt-14, .py-14 {
    padding-top: 7.5rem;
}
.pt-15, .py-15 {
    padding-top: 8rem;
}
.pt-16, .py-16 {
    padding-top: 8.5rem;
}
.pt-17, .py-17 {
    padding-top: 9rem;
}
.pt-18, .py-18 {
    padding-top: 9.5rem;
}
.pt-19, .py-19 {
    padding-top: 10rem;
}
.pt-20, .py-20 {
    padding-top: 10.5rem;
}
.pt-21, .py-21 {
    padding-top: 11rem;
}
.pt-22, .py-22 {
    padding-top: 11.5rem;
}
.pt-23, .py-23 {
    padding-top: 12rem;
}
.pt-24, .py-24 {
    padding-top: 12.5rem;
}

/* padding bottom */
.pb-1-6, .py-1-6 {
    padding-bottom: 1.6rem;
}
.pb-1-7, .py-1-7 {
    padding-bottom: 1.7rem;
}
.pb-1-8, .py-1-8 {
    padding-bottom: 1.8rem;
}
.pb-1-9, .py-1-9 {
    padding-bottom: 1.9rem;
}
.pb-2-0, .py-2-0 {
    padding-bottom: 2.0rem;
}
.pb-2-1, .py-2-1 {
    padding-bottom: 2.1rem;
}
.pb-2-2, .py-2-2 {
    padding-bottom: 2.2rem;
}
.pb-2-3, .py-2-3 {
    padding-bottom: 2.3rem;
}
.pb-2-4, .py-2-4 {
    padding-bottom: 2.4rem;
}
.pb-2-5, .py-2-5 {
    padding-bottom: 2.5rem;
}
.pb-2-6, .py-2-6 {
    padding-bottom: 2.6rem;
}
.pb-2-7, .py-2-7 {
    padding-bottom: 2.7rem;
}
.pb-2-8, .py-2-8 {
    padding-bottom: 2.8rem;
}
.pb-2-9, .py-2-9 {
    padding-bottom: 2.9rem;
}

.pb-6, .py-6 {
    padding-bottom: 3.5rem;
}
.pb-7, .py-7 {
    padding-bottom: 4rem;
}
.pb-8, .py-8 {
    padding-bottom: 4.5rem;
}
.pb-9, .py-9 {
    padding-bottom: 5rem;
}
.pb-10, .py-10 {
    padding-bottom: 5.5rem;
}
.pb-11, .py-11 {
    padding-bottom: 6rem;
}
.pb-12, .py-12 {
    padding-bottom: 6.5rem;
}
.pb-13, .py-13 {
    padding-bottom: 7rem;
}
.pb-14, .py-14 {
    padding-bottom: 7.5rem;
}
.pb-15, .py-15 {
    padding-bottom: 8rem;
}
.pb-16, .py-16 {
    padding-bottom: 8.5rem;
}
.pb-17, .py-17 {
    padding-bottom: 9rem;
}
.pb-18, .py-18 {
    padding-bottom: 9.5rem;
}
.pb-19, .py-19 {
    padding-bottom: 10rem;
}
.pb-20, .py-20 {
    padding-bottom: 10.5rem;
}
.pb-21, .py-21 {
    padding-bottom: 11rem;
}
.pb-22, .py-22 {
    padding-bottom: 11.5rem;
}
.pb-23, .py-23 {
    padding-bottom: 12rem;
}
.pb-24, .py-24 {
    padding-bottom: 12.5rem;
}

/* padding left */
.ps-1-6, .px-1-6 {
    padding-left: 1.6rem;
}
.ps-1-7, .px-1-7 {
    padding-left: 1.7rem;
}
.ps-1-8, .px-1-8 {
    padding-left: 1.8rem;
}
.ps-1-9, .px-1-9 {
    padding-left: 1.9rem;
}
.ps-2-0, .px-2-0 {
    padding-left: 2.0rem;
}
.ps-2-1, .px-2-1 {
    padding-left: 2.1rem;
}
.ps-2-2, .px-2-2 {
    padding-left: 2.2rem;
}
.ps-2-3, .px-2-3 {
    padding-left: 2.3rem;
}
.ps-2-4, .px-2-4 {
    padding-left: 2.4rem;
}
.ps-2-5, .px-2-5 {
    padding-left: 2.5rem;
}
.ps-2-6, .px-2-6 {
    padding-left: 2.6rem;
}
.ps-2-7, .px-2-7 {
    padding-left: 2.7rem;
}
.ps-2-8, .px-2-8 {
    padding-left: 2.8rem;
}
.ps-2-9, .px-2-9 {
    padding-left: 2.9rem;
}

.ps-6, .px-6 {
    padding-left: 3.5rem;
}
.ps-7, .px-7 {
    padding-left: 4rem;
}
.ps-8, .px-8 {
    padding-left: 4.5rem;
}
.ps-9, .px-9 {
    padding-left: 5rem;
}
.ps-10, .px-10 {
    padding-left: 5.5rem;
}
.ps-11, .px-11 {
    padding-left: 6rem;
}
.ps-12, .px-12 {
    padding-left: 6.5rem;
}
.ps-13, .px-13 {
    padding-left: 7rem;
}
.ps-14, .px-14 {
    padding-left: 7.5rem;
}
.ps-15, .px-15 {
    padding-left: 8rem;
}
.ps-16, .px-16 {
    padding-left: 8.5rem;
}
.ps-17, .px-17 {
    padding-left: 9rem;
}
.ps-18, .px-18 {
    padding-left: 9.5rem;
}
.ps-19, .px-19 {
    padding-left: 10rem;
}
.ps-20, .px-20 {
    padding-left: 10.5rem;
}
.ps-21, .px-21 {
    padding-left: 11rem;
}
.ps-22, .px-22 {
    padding-left: 11.5rem;
}
.ps-23, .px-23 {
    padding-left: 12rem;
}
.ps-24, .px-24 {
    padding-left: 12.5rem;
}

/* padding right */
.pe-1-6, .px-1-6 {
    padding-right: 1.6rem;
}
.pe-1-7, .px-1-7 {
    padding-right: 1.7rem;
}
.pe-1-8, .px-1-8 {
    padding-right: 1.8rem;
}
.pe-1-9, .px-1-9 {
    padding-right: 1.9rem;
}
.pe-2-0, .px-2-0 {
    padding-right: 2.0rem;
}
.pe-2-1, .px-2-1 {
    padding-right: 2.1rem;
}
.pe-2-2, .px-2-2 {
    padding-right: 2.2rem;
}
.pe-2-3, .px-2-3 {
    padding-right: 2.3rem;
}
.pe-2-4, .px-2-4 {
    padding-right: 2.4rem;
}
.pe-2-5, .px-2-5 {
    padding-right: 2.5rem;
}
.pe-2-6, .px-2-6 {
    padding-right: 2.6rem;
}
.pe-2-7, .px-2-7 {
    padding-right: 2.7rem;
}
.pe-2-8, .px-2-8 {
    padding-right: 2.8rem;
}
.pe-2-9, .px-2-9 {
    padding-right: 2.9rem;
}

.pe-6, .px-6 {
    padding-right: 3.5rem;
}
.pe-7, .px-7 {
    padding-right: 4rem;
}
.pe-8, .px-8 {
    padding-right: 4.5rem;
}
.pe-9, .px-9 {
    padding-right: 5rem;
}
.pe-10, .px-10 {
    padding-right: 5.5rem;
}
.pe-11, .px-11 {
    padding-right: 6rem;
}
.pe-12, .px-12 {
    padding-right: 6.5rem;
}
.pe-13, .px-13 {
    padding-right: 7rem;
}
.pe-14, .px-14 {
    padding-right: 7.5rem;
}
.pe-15, .px-15 {
    padding-right: 8rem;
}
.pe-16, .px-16 {
    padding-right: 8.5rem;
}
.pe-17, .px-17 {
    padding-right: 9rem;
}
.pe-18, .px-18 {
    padding-right: 9.5rem;
}
.pe-19, .px-19 {
    padding-right: 10rem;
}
.pe-20, .px-20 {
    padding-right: 10.5rem;
}
.pe-21, .px-21 {
    padding-right: 11rem;
}
.pe-22, .px-22 {
    padding-right: 11.5rem;
}
.pe-23, .px-23 {
    padding-right: 12rem;
}
.pe-24, .px-24 {
    padding-right: 12.5rem;
}

/*==============================
    Display
================================*/

.overflow-hidden {overflow:hidden !important;}
.overflow-visible {overflow:visible !important;}
.overflow-auto {overflow:auto !important;}
.overflow-x-clip { overflow-x: clip !important; }
.overflow-y-clip { overflow-y: clip !important; }

/*============================== 
    Position
================================*/

.position-inherit {position:inherit !important;}
.position-unset {position:unset !important;}
.right {right:0;}
.right-1 {right:-1px;}
.left {left:0;}
.left-1 {left:-1px;}
.top {top:0;}
.top-1 {top:-1px;}
.bottom {bottom:0;}
.bottom-1 {bottom:-1px;}

.top-5 { top: 5%; bottom: inherit; }
.top-10 { top: 10%; bottom: inherit; }
.top-15 { top: 15%; bottom: inherit; }
.top-20 { top: 20%; bottom: inherit; }
.top-25 { top: 25%; bottom: inherit; }
.top-30 { top: 30%; bottom: inherit; }
.top-35 { top: 35%; bottom: inherit; }
.top-40 { top: 40%; bottom: inherit; }
.top-45 { top: 45%; bottom: inherit; }
.top-50 { top: 50%; bottom: inherit; }
.top-55 { top: 55%; bottom: inherit; }
.top-60 { top: 60%; bottom: inherit; }
.top-65 { top: 65%; bottom: inherit; }
.top-70 { top: 70%; bottom: inherit; }
.top-75 { top: 75%; bottom: inherit; }
.top-80 { top: 80%; bottom: inherit; }
.top-85 { top: 85%; bottom: inherit; }
.top-90 { top: 90%; bottom: inherit; }
.top-95 { top: 95%; bottom: inherit; }
.top-100 { top: 100%; bottom: inherit; }

.top-n5 { top: -5%; bottom: inherit; }
.top-n10 { top: -10%; bottom: inherit; }
.top-n15 { top: -15%; bottom: inherit; }
.top-n20 { top: -20%; bottom: inherit; }
.top-n25 { top: -25%; bottom: inherit; }
.top-n30 { top: -30%; bottom: inherit; }
.top-n35 { top: -35%; bottom: inherit; }
.top-n40 { top: -40%; bottom: inherit; }
.top-n45 { top: -45%; bottom: inherit; }
.top-n50 { top: -50%; bottom: inherit; }
.top-n55 { top: -55%; bottom: inherit; }
.top-n60 { top: -60%; bottom: inherit; }
.top-n65 { top: -65%; bottom: inherit; }
.top-n70 { top: -70%; bottom: inherit; }
.top-n75 { top: -75%; bottom: inherit; }
.top-n80 { top: -80%; bottom: inherit; }
.top-n85 { top: -85%; bottom: inherit; }
.top-n90 { top: -90%; bottom: inherit; }
.top-n95 { top: -95%; bottom: inherit; }
.top-n100 { top: -100%; bottom: inherit; }

.bottom-5 { bottom: 5%; top: inherit; }
.bottom-10 { bottom: 10%; top: inherit; }
.bottom-15 { bottom: 15%; top: inherit; }
.bottom-20 { bottom: 20%; top: inherit; }
.bottom-25 { bottom: 25%; top: inherit; }
.bottom-30 { bottom: 30%; top: inherit; }
.bottom-35 { bottom: 35%; top: inherit; }
.bottom-40 { bottom: 40%; top: inherit; }
.bottom-45 { bottom: 45%; top: inherit; }
.bottom-50 { bottom: 50%; top: inherit; }
.bottom-55 { bottom: 55%; top: inherit; }
.bottom-60 { bottom: 60%; top: inherit; }
.bottom-65 { bottom: 65%; top: inherit; }
.bottom-70 { bottom: 70%; top: inherit; }
.bottom-75 { bottom: 75%; top: inherit; }
.bottom-80 { bottom: 80%; top: inherit; }
.bottom-85 { bottom: 85%; top: inherit; }
.bottom-90 { bottom: 90%; top: inherit; }
.bottom-95 { bottom: 95%; top: inherit; }
.bottom-100 { bottom: 100%; top: inherit; }

.bottom-n5 { bottom: -5%; top: inherit; }
.bottom-n10 { bottom: -10%; top: inherit; }
.bottom-n15 { bottom: -15%; top: inherit; }
.bottom-n20 { bottom: -20%; top: inherit; }
.bottom-n25 { bottom: -25%; top: inherit; }
.bottom-n30 { bottom: -30%; top: inherit; }
.bottom-n35 { bottom: -35%; top: inherit; }
.bottom-n40 { bottom: -40%; top: inherit; }
.bottom-n45 { bottom: -45%; top: inherit; }
.bottom-n50 { bottom: -50%; top: inherit; }
.bottom-n55 { bottom: -55%; top: inherit; }
.bottom-n60 { bottom: -60%; top: inherit; }
.bottom-n65 { bottom: -65%; top: inherit; }
.bottom-n70 { bottom: -70%; top: inherit; }
.bottom-n75 { bottom: -75%; top: inherit; }
.bottom-n80 { bottom: -80%; top: inherit; }
.bottom-n85 { bottom: -85%; top: inherit; }
.bottom-n90 { bottom: -90%; top: inherit; }
.bottom-n95 { bottom: -95%; top: inherit; }
.bottom-n100 { bottom: -100%; top: inherit; }

.left-5 { left: 5%; right: inherit; }
.left-10 { left: 10%; right: inherit; }
.left-15 { left: 15%; right: inherit; }
.left-20 { left: 20%; right: inherit; }
.left-25 { left: 25%; right: inherit; }
.left-30 { left: 30%; right: inherit; }
.left-35 { left: 35%; right: inherit; }
.left-40 { left: 40%; right: inherit; }
.left-45 { left: 45%; right: inherit; }
.left-50 { left: 50%; right: inherit; }
.left-55 { left: 55%; right: inherit; }
.left-60 { left: 60%; right: inherit; }
.left-65 { left: 65%; right: inherit; }
.left-70 { left: 70%; right: inherit; }
.left-75 { left: 75%; right: inherit; }
.left-80 { left: 80%; right: inherit; }
.left-85 { left: 85%; right: inherit; }
.left-90 { left: 90%; right: inherit; }
.left-95 { left: 95%; right: inherit; }
.left-100 { left: 100%; right: inherit; }

.left-n5 { left: -5%; right: inherit; }
.left-n10 { left: -10%; right: inherit; }
.left-n15 { left: -15%; right: inherit; }
.left-n20 { left: -20%; right: inherit; }
.left-n25 { left: -25%; right: inherit; }
.left-n30 { left: -30%; right: inherit; }
.left-n35 { left: -35%; right: inherit; }
.left-n40 { left: -40%; right: inherit; }
.left-n45 { left: -45%; right: inherit; }
.left-n50 { left: -50%; right: inherit; }
.left-n55 { left: -55%; right: inherit; }
.left-n60 { left: -60%; right: inherit; }
.left-n65 { left: -65%; right: inherit; }
.left-n70 { left: -70%; right: inherit; }
.left-n75 { left: -75%; right: inherit; }
.left-n80 { left: -80%; right: inherit; }
.left-n85 { left: -85%; right: inherit; }
.left-n90 { left: -90%; right: inherit; }
.left-n95 { left: -95%; right: inherit; }
.left-n100 { left: -100%; right: inherit; }

.right-5 { right: 5%; left: inherit; }
.right-10 { right: 10%; left: inherit; }
.right-15 { right: 15%; left: inherit; }
.right-20 { right: 20%; left: inherit; }
.right-25 { right: 25%; left: inherit; }
.right-30 { right: 30%; left: inherit; }
.right-35 { right: 35%; left: inherit; }
.right-40 { right: 40%; left: inherit; }
.right-45 { right: 45%; left: inherit; }
.right-50 { right: 50%; left: inherit; }
.right-55 { right: 55%; left: inherit; }
.right-60 { right: 60%; left: inherit; }
.right-65 { right: 65%; left: inherit; }
.right-70 { right: 70%; left: inherit; }
.right-75 { right: 75%; left: inherit; }
.right-80 { right: 80%; left: inherit; }
.right-85 { right: 85%; left: inherit; }
.right-90 { right: 90%; left: inherit; }
.right-95 { right: 95%; left: inherit; }
.right-100 { right: 100%; left: inherit; }
 
.right-n5 { right: -5%; left: inherit; }
.right-n10 { right: -10%; left: inherit; }
.right-n15 { right: -15%; left: inherit; }
.right-n20 { right: -20%; left: inherit; }
.right-n25 { right: -25%; left: inherit; }
.right-n30 { right: -30%; left: inherit; }
.right-n35 { right: -35%; left: inherit; }
.right-n40 { right: -40%; left: inherit; }
.right-n45 { right: -45%; left: inherit; }
.right-n50 { right: -50%; left: inherit; }
.right-n55 { right: -55%; left: inherit; }
.right-n60 { right: -60%; left: inherit; }
.right-n65 { right: -65%; left: inherit; }
.right-n70 { right: -70%; left: inherit; }
.right-n75 { right: -75%; left: inherit; }
.right-n80 { right: -80%; left: inherit; }
.right-n85 { right: -85%; left: inherit; }
.right-n90 { right: -90%; left: inherit; }
.right-n95 { right: -95%; left: inherit; }
.right-n100 { right: -100%; left: inherit; }

/*================================
    Width
================================*/

.w-1px {width:1px;}
.w-2px {width:2px;}
.w-3px {width:3px;}
.w-4px {width:4px;}
.w-5px {width:5px;}
.w-6px {width:6px;}
.w-7px {width:7px;}
.w-8px {width:8px;}
.w-9px {width:9px;}
.w-10px {width:10px;}
.w-15px {width:15px;}
.w-20px {width:20px;}
.w-25px {width:25px;}
.w-30px {width:30px;}
.w-35px {width:35px;}
.w-40px {width:40px;}
.w-45px {width:45px;}
.w-50px {width:50px;}
.w-55px {width:55px !important;}
.w-60px {width:60px !important;}
.w-65px {width:65px;}
.w-70px {width:70px;}
.w-75px {width:75px;}
.w-80px {width:80px !important;}
.w-85px {width:85px;}
.w-90px {width:90px;}
.w-100px {width:100px;}

.w-1 {width:1%;}
.w-2 {width:2%;}
.w-3 {width:3%;}
.w-4 {width:4%;}
.w-5 {width:5%;}
.w-6 {width:6%;}
.w-7 {width:7%;}
.w-8 {width:8%;}
.w-9 {width:9%;}
.w-10 {width:10%;}
.w-11 {width:11%;}
.w-12 {width:12%;}
.w-13 {width:13%;}
.w-14 {width:14%;}
.w-15 {width:15%;}
.w-20 {width:20%;}
.w-25 {width:25%;}
.w-30 {width:30%;}
.w-35 {width:35%;}
.w-40 {width:40%;}
.w-45 {width:45%;}
.w-50 {width:50%;}
.w-55 {width:55%;}
.w-60 {width:60%;}
.w-65 {width:65%;}
.w-70 {width:70%;}
.w-75 {width:75%;}
.w-80 {width:80%;}
.w-85 {width:85%;}
.w-90 {width:90%;}
.w-95 {width:95%;}
.w-100 {width:100%;}
.w-auto {width: auto;}

/*================================
    Responsive Media Query
================================*/

@media screen and (min-width: 576px) {

    /* width */
    .w-sm-1px {width:1px;}
    .w-sm-2px {width:2px;}
    .w-sm-3px {width:3px;}
    .w-sm-4px {width:4px;}
    .w-sm-5px {width:5px;}
    .w-sm-6px {width:6px;}
    .w-sm-7px {width:7px;}
    .w-sm-8px {width:8px;}
    .w-sm-9px {width:9px;}
    .w-sm-10px {width:10px;}
    .w-sm-15px {width:15px;}
    .w-sm-20px {width:20px;}
    .w-sm-25px {width:25px;}
    .w-sm-30px {width:30px;}
    .w-sm-35px {width:35px;}
    .w-sm-40px {width:40px;}
    .w-sm-50px {width:50px;}
    .w-sm-55px {width:55px;}
    .w-sm-60px {width:60px;}
    .w-sm-65px {width:65px;}
    .w-sm-70px {width:70px;}
    .w-sm-75px {width:75px;}
    .w-sm-80px {width:80px;}
    .w-sm-85px {width:85px;}
    .w-sm-90px {width:90px;}
    .w-sm-100px {width:100px;}

    .w-sm-1 {width:1%;}
    .w-sm-2 {width:2%;}
    .w-sm-3 {width:3%;}
    .w-sm-4 {width:4%;}
    .w-sm-5 {width:5%;}
    .w-sm-6 {width:6%;}
    .w-sm-7 {width:7%;}
    .w-sm-8 {width:8%;}
    .w-sm-9 {width:9%;}
    .w-sm-10 {width:10%;}
    .w-sm-11 {width:11%;}
    .w-sm-12 {width:12%;}
    .w-sm-13 {width:13%;}
    .w-sm-14 {width:14%;}
    .w-sm-15 {width:15%;}
    .w-sm-20 {width:20%;}
    .w-sm-25 {width:25%;}
    .w-sm-30 {width:30%;}
    .w-sm-35 {width:35%;}
    .w-sm-40 {width:40%;}
    .w-sm-45 {width:45%;}
    .w-sm-50 {width:50%;}
    .w-sm-55 {width:55%;}
    .w-sm-60 {width:60%;}
    .w-sm-65 {width:65%;}
    .w-sm-70 {width:70%;}
    .w-sm-75 {width:75%;}
    .w-sm-80 {width:80%;}
    .w-sm-85 {width:85%;}
    .w-sm-90 {width:90%;}
    .w-sm-95 {width:95%;}
    .w-sm-100 {width:100%;}
    .w-sm-auto {width: auto;}

    /* font size */
    .display-sm-1 {font-size:6rem;}
    .display-sm-2 {font-size:5.5rem;}
    .display-sm-3 {font-size:4.5rem;}
    .display-sm-4 {font-size:3.5rem;}
    .display-sm-5 {font-size:3.4rem;}
    .display-sm-6 {font-size:3.3rem;}
    .display-sm-7 {font-size:3.2rem;}
    .display-sm-8 {font-size:3.1rem;}
    .display-sm-9 {font-size:3.0rem;}
    .display-sm-10 {font-size:2.9rem;}
    .display-sm-11 {font-size:2.8rem;}
    .display-sm-12 {font-size:2.7rem;}
    .display-sm-13 {font-size:2.6rem;}
    .display-sm-14 {font-size:2.5rem;}
    .display-sm-15 {font-size:2.4rem;}
    .display-sm-16 {font-size:2.3rem;}
    .display-sm-17 {font-size:2.2rem;}
    .display-sm-18 {font-size:2.1rem;}
    .display-sm-19 {font-size:2.0rem;}
    .display-sm-20 {font-size:1.9rem;}
    .display-sm-21 {font-size:1.8rem;}
    .display-sm-22 {font-size:1.7rem;}
    .display-sm-23 {font-size:1.6rem;}
    .display-sm-24 {font-size:1.5rem;}
    .display-sm-25 {font-size:1.4rem;}
    .display-sm-26 {font-size:1.3rem;}
    .display-sm-27 {font-size:1.2rem;}
    .display-sm-28 {font-size:1.1rem;}
    .display-sm-29 {font-size:1.0rem;}
    .display-sm-30 {font-size:0.9rem;}
    .display-sm-31 {font-size:0.8rem;}
    .display-sm-32 {font-size:0.7rem;}
    .display-sm-33 {font-size:0.6rem;}
    .display-sm-34 {font-size:0.5rem;}

    /* border */
    .border-sm-0 { border: none; }
    .border-sm { border: 1px solid #dee2e6; }
    .border-sm-top { border-top: 1px solid #dee2e6; }
    .border-sm-end { border-right: 1px solid #dee2e6; }
    .border-sm-bottom { border-bottom: 1px solid #dee2e6; }
    .border-sm-start { border-left: 1px solid #dee2e6; }
    .border-sm-top-0 { border-top: none; }
    .border-sm-end-0 { border-right: none; }
    .border-sm-bottom-0 { border-bottom: none; }
    .border-sm-start-0 { border-left: none; }
    .border-sm-color-light-white { border-color: rgba(255, 255, 255, 0.1) !important;}

    /* rounded */
    .rounded-sm { border-radius: .25rem; }

    /* position */
    .top-sm-5 { top: 5%; bottom: inherit; }
    .top-sm-10 { top: 10%; bottom: inherit; }
    .top-sm-15 { top: 15%; bottom: inherit; }
    .top-sm-20 { top: 20%; bottom: inherit; }
    .top-sm-25 { top: 25%; bottom: inherit; }
    .top-sm-30 { top: 30%; bottom: inherit; }
    .top-sm-35 { top: 35%; bottom: inherit; }
    .top-sm-40 { top: 40%; bottom: inherit; }
    .top-sm-45 { top: 45%; bottom: inherit; }
    .top-sm-50 { top: 50%; bottom: inherit; }
    .top-sm-55 { top: 55%; bottom: inherit; }
    .top-sm-60 { top: 60%; bottom: inherit; }
    .top-sm-65 { top: 65%; bottom: inherit; }
    .top-sm-70 { top: 70%; bottom: inherit; }
    .top-sm-75 { top: 75%; bottom: inherit; }
    .top-sm-80 { top: 80%; bottom: inherit; }
    .top-sm-85 { top: 85%; bottom: inherit; }
    .top-sm-90 { top: 90%; bottom: inherit; }
    .top-sm-95 { top: 95%; bottom: inherit; }
    .top-sm-100 { top: 100%; bottom: inherit; }

    .top-sm-n5 { top: -5%; bottom: inherit; }
    .top-sm-n10 { top: -10%; bottom: inherit; }
    .top-sm-n15 { top: -15%; bottom: inherit; }
    .top-sm-n20 { top: -20%; bottom: inherit; }
    .top-sm-n25 { top: -25%; bottom: inherit; }
    .top-sm-n30 { top: -30%; bottom: inherit; }
    .top-sm-n35 { top: -35%; bottom: inherit; }
    .top-sm-n40 { top: -40%; bottom: inherit; }
    .top-sm-n45 { top: -45%; bottom: inherit; }
    .top-sm-n50 { top: -50%; bottom: inherit; }
    .top-sm-n55 { top: -55%; bottom: inherit; }
    .top-sm-n60 { top: -60%; bottom: inherit; }
    .top-sm-n65 { top: -65%; bottom: inherit; }
    .top-sm-n70 { top: -70%; bottom: inherit; }
    .top-sm-n75 { top: -75%; bottom: inherit; }
    .top-sm-n80 { top: -80%; bottom: inherit; }
    .top-sm-n85 { top: -85%; bottom: inherit; }
    .top-sm-n90 { top: -90%; bottom: inherit; }
    .top-sm-n95 { top: -95%; bottom: inherit; }
    .top-sm-n100 { top: -100%; bottom: inherit; }

    .bottom-sm-5 { bottom: 5%; top: inherit; }
    .bottom-sm-10 { bottom: 10%; top: inherit; }
    .bottom-sm-15 { bottom: 15%; top: inherit; }
    .bottom-sm-20 { bottom: 20%; top: inherit; }
    .bottom-sm-25 { bottom: 25%; top: inherit; }
    .bottom-sm-30 { bottom: 30%; top: inherit; }
    .bottom-sm-35 { bottom: 35%; top: inherit; }
    .bottom-sm-40 { bottom: 40%; top: inherit; }
    .bottom-sm-45 { bottom: 45%; top: inherit; }
    .bottom-sm-50 { bottom: 50%; top: inherit; }
    .bottom-sm-55 { bottom: 55%; top: inherit; }
    .bottom-sm-60 { bottom: 60%; top: inherit; }
    .bottom-sm-65 { bottom: 65%; top: inherit; }
    .bottom-sm-70 { bottom: 70%; top: inherit; }
    .bottom-sm-75 { bottom: 75%; top: inherit; }
    .bottom-sm-80 { bottom: 80%; top: inherit; }
    .bottom-sm-85 { bottom: 85%; top: inherit; }
    .bottom-sm-90 { bottom: 90%; top: inherit; }
    .bottom-sm-95 { bottom: 95%; top: inherit; }
    .bottom-sm-100 { bottom: 100%; top: inherit; }

    .bottom-sm-n5 { bottom: -5%; top: inherit; }
    .bottom-sm-n10 { bottom: -10%; top: inherit; }
    .bottom-sm-n15 { bottom: -15%; top: inherit; }
    .bottom-sm-n20 { bottom: -20%; top: inherit; }
    .bottom-sm-n25 { bottom: -25%; top: inherit; }
    .bottom-sm-n30 { bottom: -30%; top: inherit; }
    .bottom-sm-n35 { bottom: -35%; top: inherit; }
    .bottom-sm-n40 { bottom: -40%; top: inherit; }
    .bottom-sm-n45 { bottom: -45%; top: inherit; }
    .bottom-sm-n50 { bottom: -50%; top: inherit; }
    .bottom-sm-n55 { bottom: -55%; top: inherit; }
    .bottom-sm-n60 { bottom: -60%; top: inherit; }
    .bottom-sm-n65 { bottom: -65%; top: inherit; }
    .bottom-sm-n70 { bottom: -70%; top: inherit; }
    .bottom-sm-n75 { bottom: -75%; top: inherit; }
    .bottom-sm-n80 { bottom: -80%; top: inherit; }
    .bottom-sm-n85 { bottom: -85%; top: inherit; }
    .bottom-sm-n90 { bottom: -90%; top: inherit; }
    .bottom-sm-n95 { bottom: -95%; top: inherit; }
    .bottom-sm-n100 { bottom: -100%; top: inherit; }

    .left-sm-5 { left: 5%; right: inherit; }
    .left-sm-10 { left: 10%; right: inherit; }
    .left-sm-15 { left: 15%; right: inherit; }
    .left-sm-20 { left: 20%; right: inherit; }
    .left-sm-25 { left: 25%; right: inherit; }
    .left-sm-30 { left: 30%; right: inherit; }
    .left-sm-35 { left: 35%; right: inherit; }
    .left-sm-40 { left: 40%; right: inherit; }
    .left-sm-45 { left: 45%; right: inherit; }
    .left-sm-50 { left: 50%; right: inherit; }
    .left-sm-55 { left: 55%; right: inherit; }
    .left-sm-60 { left: 60%; right: inherit; }
    .left-sm-65 { left: 65%; right: inherit; }
    .left-sm-70 { left: 70%; right: inherit; }
    .left-sm-75 { left: 75%; right: inherit; }
    .left-sm-80 { left: 80%; right: inherit; }
    .left-sm-85 { left: 85%; right: inherit; }
    .left-sm-90 { left: 90%; right: inherit; }
    .left-sm-95 { left: 95%; right: inherit; }
    .left-sm-100 { left: 100%; right: inherit; }

    .left-sm-n5 { left: -5%; right: inherit; }
    .left-sm-n10 { left: -10%; right: inherit; }
    .left-sm-n15 { left: -15%; right: inherit; }
    .left-sm-n20 { left: -20%; right: inherit; }
    .left-sm-n25 { left: -25%; right: inherit; }
    .left-sm-n30 { left: -30%; right: inherit; }
    .left-sm-n35 { left: -35%; right: inherit; }
    .left-sm-n40 { left: -40%; right: inherit; }
    .left-sm-n45 { left: -45%; right: inherit; }
    .left-sm-n50 { left: -50%; right: inherit; }
    .left-sm-n55 { left: -55%; right: inherit; }
    .left-sm-n60 { left: -60%; right: inherit; }
    .left-sm-n65 { left: -65%; right: inherit; }
    .left-sm-n70 { left: -70%; right: inherit; }
    .left-sm-n75 { left: -75%; right: inherit; }
    .left-sm-n80 { left: -80%; right: inherit; }
    .left-sm-n85 { left: -85%; right: inherit; }
    .left-sm-n90 { left: -90%; right: inherit; }
    .left-sm-n95 { left: -95%; right: inherit; }
    .left-sm-n100 { left: -100%; right: inherit; }

    .right-sm-5 { right: 5%; left: inherit; }
    .right-sm-10 { right: 10%; left: inherit; }
    .right-sm-15 { right: 15%; left: inherit; }
    .right-sm-20 { right: 20%; left: inherit; }
    .right-sm-25 { right: 25%; left: inherit; }
    .right-sm-30 { right: 30%; left: inherit; }
    .right-sm-35 { right: 35%; left: inherit; }
    .right-sm-40 { right: 40%; left: inherit; }
    .right-sm-45 { right: 45%; left: inherit; }
    .right-sm-50 { right: 50%; left: inherit; }
    .right-sm-55 { right: 55%; left: inherit; }
    .right-sm-60 { right: 60%; left: inherit; }
    .right-sm-65 { right: 65%; left: inherit; }
    .right-sm-70 { right: 70%; left: inherit; }
    .right-sm-75 { right: 75%; left: inherit; }
    .right-sm-80 { right: 80%; left: inherit; }
    .right-sm-85 { right: 85%; left: inherit; }
    .right-sm-90 { right: 90%; left: inherit; }
    .right-sm-95 { right: 95%; left: inherit; }
    .right-sm-100 { right: 100%; left: inherit; }
     
    .right-sm-n5 { right: -5%; left: inherit; }
    .right-sm-n10 { right: -10%; left: inherit; }
    .right-sm-n15 { right: -15%; left: inherit; }
    .right-sm-n20 { right: -20%; left: inherit; }
    .right-sm-n25 { right: -25%; left: inherit; }
    .right-sm-n30 { right: -30%; left: inherit; }
    .right-sm-n35 { right: -35%; left: inherit; }
    .right-sm-n40 { right: -40%; left: inherit; }
    .right-sm-n45 { right: -45%; left: inherit; }
    .right-sm-n50 { right: -50%; left: inherit; }
    .right-sm-n55 { right: -55%; left: inherit; }
    .right-sm-n60 { right: -60%; left: inherit; }
    .right-sm-n65 { right: -65%; left: inherit; }
    .right-sm-n70 { right: -70%; left: inherit; }
    .right-sm-n75 { right: -75%; left: inherit; }
    .right-sm-n80 { right: -80%; left: inherit; }
    .right-sm-n85 { right: -85%; left: inherit; }
    .right-sm-n90 { right: -90%; left: inherit; }
    .right-sm-n95 { right: -95%; left: inherit; }
    .right-sm-n100 { right: -100%; left: inherit; }


    /* margin */

    /* margin all */
    .m-sm-1-6 {
        margin: 1.6rem;
    }
    .m-sm-1-7 {
        margin: 1.7rem;
    }
    .m-sm-1-8 {
        margin: 1.8rem;
    }
    .m-sm-1-9 {
        margin: 1.9rem;
    }
    .m-sm-2-0 {
        margin: 2.0rem;
    }
    .m-sm-2-1 {
        margin: 2.1rem;
    }
    .m-sm-2-2 {
        margin: 2.2rem;
    }
    .m-sm-2-3 {
        margin: 2.3rem;
    }
    .m-sm-2-4 {
        margin: 2.4rem;
    }
    .m-sm-2-5 {
        margin: 2.5rem;
    }
    .m-sm-2-6 {
        margin: 2.6rem;
    }
    .m-sm-2-7 {
        margin: 2.7rem;
    }
    .m-sm-2-8 {
        margin: 2.8rem;
    }
    .m-sm-2-9 {
        margin: 2.9rem;
    }

    .m-sm-6 {
        margin: 3.5rem;
    }
    .m-sm-7 {
        margin: 4rem;
    }
    .m-sm-8 {
        margin: 4.5rem;
    }
    .m-sm-9 {
        margin: 5rem;
    }
    .m-sm-10 {
        margin: 5.5rem;
    }
    .m-sm-11 {
        margin: 6rem;
    }
    .m-sm-12 {
        margin: 6.5rem;
    }
    .m-sm-13 {
        margin: 7rem;
    }
    .m-sm-14 {
        margin: 7.5rem;
    }
    .m-sm-15 {
        margin: 8rem;
    }
    .m-sm-16 {
        margin: 8.5rem;
    }
    .m-sm-17 {
        margin: 9rem;
    }
    .m-sm-18 {
        margin: 9.5rem;
    }
    .m-sm-19 {
        margin: 10rem;
    }
    .m-sm-20 {
        margin: 10.5rem;
    }
    .m-sm-21 {
        margin: 11rem;
    }
    .m-sm-22 {
        margin: 11.5rem;
    }
    .m-sm-23 {
        margin: 12rem;
    }
    .m-sm-24 {
        margin: 12.5rem;
    }

    /* margin top */
    .mt-sm-1-6, .my-sm-1-6 {
        margin-top: 1.6rem;
    }
    .mt-sm-1-7, .my-sm-1-7 {
        margin-top: 1.7rem;
    }
    .mt-sm-1-8, .my-sm-1-8 {
        margin-top: 1.8rem;
    }
    .mt-sm-1-9, .my-sm-1-9 {
        margin-top: 1.9rem;
    }
    .mt-sm-2-0, .my-sm-2-0 {
        margin-top: 2.0rem;
    }
    .mt-sm-2-1, .my-sm-2-1 {
        margin-top: 2.1rem;
    }
    .mt-sm-2-2, .my-sm-2-2 {
        margin-top: 2.2rem;
    }
    .mt-sm-2-3, .my-sm-2-3 {
        margin-top: 2.3rem;
    }
    .mt-sm-2-4, .my-sm-2-4 {
        margin-top: 2.4rem;
    }
    .mt-sm-2-5, .my-sm-2-5 {
        margin-top: 2.5rem;
    }
    .mt-sm-2-6, .my-sm-2-6 {
        margin-top: 2.6rem;
    }
    .mt-sm-2-7, .my-sm-2-7 {
        margin-top: 2.7rem;
    }
    .mt-sm-2-8, .my-sm-2-8 {
        margin-top: 2.8rem;
    }
    .mt-sm-2-9, .my-sm-2-9 {
        margin-top: 2.9rem;
    }

    .mt-sm-6, .my-sm-6 {
        margin-top: 3.5rem;
    }
    .mt-sm-7, .my-sm-7 {
        margin-top: 4rem;
    }
    .mt-sm-8, .my-sm-8 {
        margin-top: 4.5rem;
    }
    .mt-sm-9, .my-sm-9 {
        margin-top: 5rem;
    }
    .mt-sm-10, .my-sm-10 {
        margin-top: 5.5rem;
    }
    .mt-sm-11, .my-sm-11 {
        margin-top: 6rem;
    }
    .mt-sm-12, .my-sm-12 {
        margin-top: 6.5rem;
    }
    .mt-sm-13, .my-sm-13 {
        margin-top: 7rem;
    }
    .mt-sm-14, .my-sm-14 {
        margin-top: 7.5rem;
    }
    .mt-sm-15, .my-sm-15 {
        margin-top: 8rem;
    }
    .mt-sm-16, .my-sm-16 {
        margin-top: 8.5rem;
    }
    .mt-sm-17, .my-sm-17 {
        margin-top: 9rem;
    }
    .mt-sm-18, .my-sm-18 {
        margin-top: 9.5rem;
    }
    .mt-sm-19, .my-sm-19 {
        margin-top: 10rem;
    }
    .mt-sm-20, .my-sm-20 {
        margin-top: 10.5rem;
    }
    .mt-sm-21, .my-sm-21 {
        margin-top: 11rem;
    }
    .mt-sm-22, .my-sm-22 {
        margin-top: 11.5rem;
    }
    .mt-sm-23, .my-sm-23 {
        margin-top: 12rem;
    }
    .mt-sm-24, .my-sm-24 {
        margin-top: 12.5rem;
    }

    /* margin bottom */
    .mb-sm-1-6, .my-sm-1-6 {
        margin-bottom: 1.6rem;
    }
    .mb-sm-1-7, .my-sm-1-7 {
        margin-bottom: 1.7rem;
    }
    .mb-sm-1-8, .my-sm-1-8 {
        margin-bottom: 1.8rem;
    }
    .mb-sm-1-9, .my-sm-1-9 {
        margin-bottom: 1.9rem;
    }
    .mb-sm-2-0, .my-sm-2-0 {
        margin-bottom: 2.0rem;
    }
    .mb-sm-2-1, .my-sm-2-1 {
        margin-bottom: 2.1rem;
    }
    .mb-sm-2-2, .my-sm-2-2 {
        margin-bottom: 2.2rem;
    }
    .mb-sm-2-3, .my-sm-2-3 {
        margin-bottom: 2.3rem;
    }
    .mb-sm-2-4, .my-sm-2-4 {
        margin-bottom: 2.4rem;
    }
    .mb-sm-2-5, .my-sm-2-5 {
        margin-bottom: 2.5rem;
    }
    .mb-sm-2-6, .my-sm-2-6 {
        margin-bottom: 2.6rem;
    }
    .mb-sm-2-7, .my-sm-2-7 {
        margin-bottom: 2.7rem;
    }
    .mb-sm-2-8, .my-sm-2-8 {
        margin-bottom: 2.8rem;
    }
    .mb-sm-2-9, .my-sm-2-9 {
        margin-bottom: 2.9rem;
    }

    .mb-sm-6, .my-sm-6 {
        margin-bottom: 3.5rem;
    }
    .mb-sm-7, .my-sm-7 {
        margin-bottom: 4rem;
    }
    .mb-sm-8, .my-sm-8 {
        margin-bottom: 4.5rem;
    }
    .mb-sm-9, .my-sm-9 {
        margin-bottom: 5rem;
    }
    .mb-sm-10, .my-sm-10 {
        margin-bottom: 5.5rem;
    }
    .mb-sm-11, .my-sm-11 {
        margin-bottom: 6rem;
    }
    .mb-sm-12, .my-sm-12 {
        margin-bottom: 6.5rem;
    }
    .mb-sm-13, .my-sm-13 {
        margin-bottom: 7rem;
    }
    .mb-sm-14, .my-sm-14 {
        margin-bottom: 7.5rem;
    }
    .mb-sm-15, .my-sm-15 {
        margin-bottom: 8rem;
    }
    .mb-sm-16, .my-sm-16 {
        margin-bottom: 8.5rem;
    }
    .mb-sm-17, .my-sm-17 {
        margin-bottom: 9rem;
    }
    .mb-sm-18, .my-sm-18 {
        margin-bottom: 9.5rem;
    }
    .mb-sm-19, .my-sm-19 {
        margin-bottom: 10rem;
    }
    .mb-sm-20, .my-sm-20 {
        margin-bottom: 10.5rem;
    }
    .mb-sm-21, .my-sm-21 {
        margin-bottom: 11rem;
    }
    .mb-sm-22, .my-sm-22 {
        margin-bottom: 11.5rem;
    }
    .mb-sm-23, .my-sm-23 {
        margin-bottom: 12rem;
    }
    .mb-sm-24, .my-sm-24 {
        margin-bottom: 12.5rem;
    }

    /* margin left */
    .ms-sm-1-6, .mx-sm-1-6 {
        margin-left: 1.6rem;
    }
    .ms-sm-1-7, .mx-sm-1-7 {
        margin-left: 1.7rem;
    }
    .ms-sm-1-8, .mx-sm-1-8 {
        margin-left: 1.8rem;
    }
    .ms-sm-1-9, .mx-sm-1-9 {
        margin-left: 1.9rem;
    }
    .ms-sm-2-0, .mx-sm-2-0 {
        margin-left: 2.0rem;
    }
    .ms-sm-2-1, .mx-sm-2-1 {
        margin-left: 2.1rem;
    }
    .ms-sm-2-2, .mx-sm-2-2 {
        margin-left: 2.2rem;
    }
    .ms-sm-2-3, .mx-sm-2-3 {
        margin-left: 2.3rem;
    }
    .ms-sm-2-4, .mx-sm-2-4 {
        margin-left: 2.4rem;
    }
    .ms-sm-2-5, .mx-sm-2-5 {
        margin-left: 2.5rem;
    }
    .ms-sm-2-6, .mx-sm-2-6 {
        margin-left: 2.6rem;
    }
    .ms-sm-2-7, .mx-sm-2-7 {
        margin-left: 2.7rem;
    }
    .ms-sm-2-8, .mx-sm-2-8 {
        margin-left: 2.8rem;
    }
    .ms-sm-2-9, .mx-sm-2-9 {
        margin-left: 2.9rem;
    }

    .ms-sm-6, .mx-sm-6 {
        margin-left: 3.5rem;
    }
    .ms-sm-7, .mx-sm-7 {
        margin-left: 4rem;
    }
    .ms-sm-8, .mx-sm-8 {
        margin-left: 4.5rem;
    }
    .ms-sm-9, .mx-sm-9 {
        margin-left: 5rem;
    }
    .ms-sm-10, .mx-sm-10 {
        margin-left: 5.5rem;
    }
    .ms-sm-11, .mx-sm-11 {
        margin-left: 6rem;
    }
    .ms-sm-12, .mx-sm-12 {
        margin-left: 6.5rem;
    }
    .ms-sm-13, .mx-sm-13 {
        margin-left: 7rem;
    }
    .ms-sm-14, .mx-sm-14 {
        margin-left: 7.5rem;
    }
    .ms-sm-15, .mx-sm-15 {
        margin-left: 8rem;
    }
    .ms-sm-16, .mx-sm-16 {
        margin-left: 8.5rem;
    }
    .ms-sm-17, .mx-sm-17 {
        margin-left: 9rem;
    }
    .ms-sm-18, .mx-sm-18 {
        margin-left: 9.5rem;
    }
    .ms-sm-19, .mx-sm-19 {
        margin-left: 10rem;
    }
    .ms-sm-20, .mx-sm-20 {
        margin-left: 10.5rem;
    }
    .ms-sm-21, .mx-sm-21 {
        margin-left: 11rem;
    }
    .ms-sm-22, .mx-sm-22 {
        margin-left: 11.5rem;
    }
    .ms-sm-23, .mx-sm-23 {
        margin-left: 12rem;
    }
    .ms-sm-24, .mx-sm-24 {
        margin-left: 12.5rem;
    }

    /* margin right */
    .me-sm-1-6, .mx-sm-1-6 {
        margin-right: 1.6rem;
    }
    .me-sm-1-7, .mx-sm-1-7 {
        margin-right: 1.7rem;
    }
    .me-sm-1-8, .mx-sm-1-8 {
        margin-right: 1.8rem;
    }
    .me-sm-1-9, .mx-sm-1-9 {
        margin-right: 1.9rem;
    }
    .me-sm-2-0, .mx-sm-2-0 {
        margin-right: 2.0rem;
    }
    .me-sm-2-1, .mx-sm-2-1 {
        margin-right: 2.1rem;
    }
    .me-sm-2-2, .mx-sm-2-2 {
        margin-right: 2.2rem;
    }
    .me-sm-2-3, .mx-sm-2-3 {
        margin-right: 2.3rem;
    }
    .me-sm-2-4, .mx-sm-2-4 {
        margin-right: 2.4rem;
    }
    .me-sm-2-5, .mx-sm-2-5 {
        margin-right: 2.5rem;
    }
    .me-sm-2-6, .mx-sm-2-6 {
        margin-right: 2.6rem;
    }
    .me-sm-2-7, .mx-sm-2-7 {
        margin-right: 2.7rem;
    }
    .me-sm-2-8, .mx-sm-2-8 {
        margin-right: 2.8rem;
    }
    .me-sm-2-9, .mx-sm-2-9 {
        margin-right: 2.9rem;
    }

    .me-sm-6, .mx-sm-6 {
        margin-right: 3.5rem;
    }
    .me-sm-7, .mx-sm-7 {
        margin-right: 4rem;
    }
    .me-sm-8, .mx-sm-8 {
        margin-right: 4.5rem;
    }
    .me-sm-9, .mx-sm-9 {
        margin-right: 5rem;
    }
    .me-sm-10, .mx-sm-10 {
        margin-right: 5.5rem;
    }
    .me-sm-11, .mx-sm-11 {
        margin-right: 6rem;
    }
    .me-sm-12, .mx-sm-12 {
        margin-right: 6.5rem;
    }
    .me-sm-13, .mx-sm-13 {
        margin-right: 7rem;
    }
    .me-sm-14, .mx-sm-14 {
        margin-right: 7.5rem;
    }
    .me-sm-15, .mx-sm-15 {
        margin-right: 8rem;
    }
    .me-sm-16, .mx-sm-16 {
        margin-right: 8.5rem;
    }
    .me-sm-17, .mx-sm-17 {
        margin-right: 9rem;
    }
    .me-sm-18, .mx-sm-18 {
        margin-right: 9.5rem;
    }
    .me-sm-19, .mx-sm-19 {
        margin-right: 10rem;
    }
    .me-sm-20, .mx-sm-20 {
        margin-right: 10.5rem;
    }
    .me-sm-21, .mx-sm-21 {
        margin-right: 11rem;
    }
    .me-sm-22, .mx-sm-22 {
        margin-right: 11.5rem;
    }
    .me-sm-23, .mx-sm-23 {
        margin-right: 12rem;
    }
    .me-sm-24, .mx-sm-24 {
        margin-right: 12.5rem;
    }

    /* padding */

    /* padding all */
    .p-sm-1-6 {
        padding: 1.6rem;
    }
    .p-sm-1-7 {
        padding: 1.7rem;
    }
    .p-sm-1-8 {
        padding: 1.8rem;
    }
    .p-sm-1-9 {
        padding: 1.9rem;
    }
    .p-sm-2-0 {
        padding: 2.0rem;
    }
    .p-sm-2-1 {
        padding: 2.1rem;
    }
    .p-sm-2-2 {
        padding: 2.2rem;
    }
    .p-sm-2-3 {
        padding: 2.3rem;
    }
    .p-sm-2-4 {
        padding: 2.4rem;
    }
    .p-sm-2-5 {
        padding: 2.5rem;
    }
    .p-sm-2-6 {
        padding: 2.6rem;
    }
    .p-sm-2-7 {
        padding: 2.7rem;
    }
    .p-sm-2-8 {
        padding: 2.8rem;
    }
    .p-sm-2-9 {
        padding: 2.9rem;
    }

    .p-sm-6 {
        padding: 3.5rem;
    }
    .p-sm-7 {
        padding: 4rem;
    }
    .p-sm-8 {
        padding: 4.5rem;
    }
    .p-sm-9 {
        padding: 5rem;
    }
    .p-sm-10 {
        padding: 5.5rem;
    }
    .p-sm-11 {
        padding: 6rem;
    }
    .p-sm-12 {
        padding: 6.5rem;
    }
    .p-sm-13 {
        padding: 7rem;
    }
    .p-sm-14 {
        padding: 7.5rem;
    }
    .p-sm-15 {
        padding: 8rem;
    }
    .p-sm-16 {
        padding: 8.5rem;
    }
    .p-sm-17 {
        padding: 9rem;
    }
    .p-sm-18 {
        padding: 9.5rem;
    }
    .p-sm-19 {
        padding: 10rem;
    }
    .p-sm-20 {
        padding: 10.5rem;
    }
    .p-sm-21 {
        padding: 11rem;
    }
    .p-sm-22 {
        padding: 11.5rem;
    }
    .p-sm-23 {
        padding: 12rem;
    }
    .p-sm-24 {
        padding: 12.5rem;
    }

    /* padding top */
    .pt-sm-1-6, .py-sm-1-6 {
        padding-top: 1.6rem;
    }
    .pt-sm-1-7, .py-sm-1-7 {
        padding-top: 1.7rem;
    }
    .pt-sm-1-8, .py-sm-1-8 {
        padding-top: 1.8rem;
    }
    .pt-sm-1-9, .py-sm-1-9 {
        padding-top: 1.9rem;
    }
    .pt-sm-2-0, .py-sm-2-0 {
        padding-top: 2.0rem;
    }
    .pt-sm-2-1, .py-sm-2-1 {
        padding-top: 2.1rem;
    }
    .pt-sm-2-2, .py-sm-2-2 {
        padding-top: 2.2rem;
    }
    .pt-sm-2-3, .py-sm-2-3 {
        padding-top: 2.3rem;
    }
    .pt-sm-2-4, .py-sm-2-4 {
        padding-top: 2.4rem;
    }
    .pt-sm-2-5, .py-sm-2-5 {
        padding-top: 2.5rem;
    }
    .pt-sm-2-6, .py-sm-2-6 {
        padding-top: 2.6rem;
    }
    .pt-sm-2-7, .py-sm-2-7 {
        padding-top: 2.7rem;
    }
    .pt-sm-2-8, .py-sm-2-8 {
        padding-top: 2.8rem;
    }
    .pt-sm-2-9, .py-sm-2-9 {
        padding-top: 2.9rem;
    }

    .pt-sm-6, .py-sm-6 {
        padding-top: 3.5rem;
    }
    .pt-sm-7, .py-sm-7 {
        padding-top: 4rem;
    }
    .pt-sm-8, .py-sm-8 {
        padding-top: 4.5rem;
    }
    .pt-sm-9, .py-sm-9 {
        padding-top: 5rem;
    }
    .pt-sm-10, .py-sm-10 {
        padding-top: 5.5rem;
    }
    .pt-sm-11, .py-sm-11 {
        padding-top: 6rem;
    }
    .pt-sm-12, .py-sm-12 {
        padding-top: 6.5rem;
    }
    .pt-sm-13, .py-sm-13 {
        padding-top: 7rem;
    }
    .pt-sm-14, .py-sm-14 {
        padding-top: 7.5rem;
    }
    .pt-sm-15, .py-sm-15 {
        padding-top: 8rem;
    }
    .pt-sm-16, .py-sm-16 {
        padding-top: 8.5rem;
    }
    .pt-sm-17, .py-sm-17 {
        padding-top: 9rem;
    }
    .pt-sm-18, .py-sm-18 {
        padding-top: 9.5rem;
    }
    .pt-sm-19, .py-sm-19 {
        padding-top: 10rem;
    }
    .pt-sm-20, .py-sm-20 {
        padding-top: 10.5rem;
    }
    .pt-sm-21, .py-sm-21 {
        padding-top: 11rem;
    }
    .pt-sm-22, .py-sm-22 {
        padding-top: 11.5rem;
    }
    .pt-sm-23, .py-sm-23 {
        padding-top: 12rem;
    }
    .pt-sm-24, .py-sm-24 {
        padding-top: 12.5rem;
    }

    /* padding bottom */
    .pb-sm-1-6, .py-sm-1-6 {
        padding-bottom: 1.6rem;
    }
    .pb-sm-1-7, .py-sm-1-7 {
        padding-bottom: 1.7rem;
    }
    .pb-sm-1-8, .py-sm-1-8 {
        padding-bottom: 1.8rem;
    }
    .pb-sm-1-9, .py-sm-1-9 {
        padding-bottom: 1.9rem;
    }
    .pb-sm-2-0, .py-sm-2-0 {
        padding-bottom: 2.0rem;
    }
    .pb-sm-2-1, .py-sm-2-1 {
        padding-bottom: 2.1rem;
    }
    .pb-sm-2-2, .py-sm-2-2 {
        padding-bottom: 2.2rem;
    }
    .pb-sm-2-3, .py-sm-2-3 {
        padding-bottom: 2.3rem;
    }
    .pb-sm-2-4, .py-sm-2-4 {
        padding-bottom: 2.4rem;
    }
    .pb-sm-2-5, .py-sm-2-5 {
        padding-bottom: 2.5rem;
    }
    .pb-sm-2-6, .py-sm-2-6 {
        padding-bottom: 2.6rem;
    }
    .pb-sm-2-7, .py-sm-2-7 {
        padding-bottom: 2.7rem;
    }
    .pb-sm-2-8, .py-sm-2-8 {
        padding-bottom: 2.8rem;
    }
    .pb-sm-2-9, .py-sm-2-9 {
        padding-bottom: 2.9rem;
    }

    .pb-sm-6, .py-sm-6 {
        padding-bottom: 3.5rem;
    }
    .pb-sm-7, .py-sm-7 {
        padding-bottom: 4rem;
    }
    .pb-sm-8, .py-sm-8 {
        padding-bottom: 4.5rem;
    }
    .pb-sm-9, .py-sm-9 {
        padding-bottom: 5rem;
    }
    .pb-sm-10, .py-sm-10 {
        padding-bottom: 5.5rem;
    }
    .pb-sm-11, .py-sm-11 {
        padding-bottom: 6rem;
    }
    .pb-sm-12, .py-sm-12 {
        padding-bottom: 6.5rem;
    }
    .pb-sm-13, .py-sm-13 {
        padding-bottom: 7rem;
    }
    .pb-sm-14, .py-sm-14 {
        padding-bottom: 7.5rem;
    }
    .pb-sm-15, .py-sm-15 {
        padding-bottom: 8rem;
    }
    .pb-sm-16, .py-sm-16 {
        padding-bottom: 8.5rem;
    }
    .pb-sm-17, .py-sm-17 {
        padding-bottom: 9rem;
    }
    .pb-sm-18, .py-sm-18 {
        padding-bottom: 9.5rem;
    }
    .pb-sm-19, .py-sm-19 {
        padding-bottom: 10rem;
    }
    .pb-sm-20, .py-sm-20 {
        padding-bottom: 10.5rem;
    }
    .pb-sm-21, .py-sm-21 {
        padding-bottom: 11rem;
    }
    .pb-sm-22, .py-sm-22 {
        padding-bottom: 11.5rem;
    }
    .pb-sm-23, .py-sm-23 {
        padding-bottom: 12rem;
    }
    .pb-sm-24, .py-sm-24 {
        padding-bottom: 12.5rem;
    }

    /* padding left */
    .ps-sm-1-6, .px-sm-1-6 {
        padding-left: 1.6rem;
    }
    .ps-sm-1-7, .px-sm-1-7 {
        padding-left: 1.7rem;
    }
    .ps-sm-1-8, .px-sm-1-8 {
        padding-left: 1.8rem;
    }
    .ps-sm-1-9, .px-sm-1-9 {
        padding-left: 1.9rem;
    }
    .ps-sm-2-0, .px-sm-2-0 {
        padding-left: 2.0rem;
    }
    .ps-sm-2-1, .px-sm-2-1 {
        padding-left: 2.1rem;
    }
    .ps-sm-2-2, .px-sm-2-2 {
        padding-left: 2.2rem;
    }
    .ps-sm-2-3, .px-sm-2-3 {
        padding-left: 2.3rem;
    }
    .ps-sm-2-4, .px-sm-2-4 {
        padding-left: 2.4rem;
    }
    .ps-sm-2-5, .px-sm-2-5 {
        padding-left: 2.5rem;
    }
    .ps-sm-2-6, .px-sm-2-6 {
        padding-left: 2.6rem;
    }
    .ps-sm-2-7, .px-sm-2-7 {
        padding-left: 2.7rem;
    }
    .ps-sm-2-8, .px-sm-2-8 {
        padding-left: 2.8rem;
    }
    .ps-sm-2-9, .px-sm-2-9 {
        padding-left: 2.9rem;
    }

    .ps-sm-6, .px-sm-6 {
        padding-left: 3.5rem;
    }
    .ps-sm-7, .px-sm-7 {
        padding-left: 4rem;
    }
    .ps-sm-8, .px-sm-8 {
        padding-left: 4.5rem;
    }
    .ps-sm-9, .px-sm-9 {
        padding-left: 5rem;
    }
    .ps-sm-10, .px-sm-10 {
        padding-left: 5.5rem;
    }
    .ps-sm-11, .px-sm-11 {
        padding-left: 6rem;
    }
    .ps-sm-12, .px-sm-12 {
        padding-left: 6.5rem;
    }
    .ps-sm-13, .px-sm-13 {
        padding-left: 7rem;
    }
    .ps-sm-14, .px-sm-14 {
        padding-left: 7.5rem;
    }
    .ps-sm-15, .px-sm-15 {
        padding-left: 8rem;
    }
    .ps-sm-16, .px-sm-16 {
        padding-left: 8.5rem;
    }
    .ps-sm-17, .px-sm-17 {
        padding-left: 9rem;
    }
    .ps-sm-18, .px-sm-18 {
        padding-left: 9.5rem;
    }
    .ps-sm-19, .px-sm-19 {
        padding-left: 10rem;
    }
    .ps-sm-20, .px-sm-20 {
        padding-left: 10.5rem;
    }
    .ps-sm-21, .px-sm-21 {
        padding-left: 11rem;
    }
    .ps-sm-22, .px-sm-22 {
        padding-left: 11.5rem;
    }
    .ps-sm-23, .px-sm-23 {
        padding-left: 12rem;
    }
    .ps-sm-24, .px-sm-24 {
        padding-left: 12.5rem;
    }

    /* padding right */
    .pe-sm-1-6, .px-sm-1-6 {
        padding-right: 1.6rem;
    }
    .pe-sm-1-7, .px-sm-1-7 {
        padding-right: 1.7rem;
    }
    .pe-sm-1-8, .px-sm-1-8 {
        padding-right: 1.8rem;
    }
    .pe-sm-1-9, .px-sm-1-9 {
        padding-right: 1.9rem;
    }
    .pe-sm-2-0, .px-sm-2-0 {
        padding-right: 2.0rem;
    }
    .pe-sm-2-1, .px-sm-2-1 {
        padding-right: 2.1rem;
    }
    .pe-sm-2-2, .px-sm-2-2 {
        padding-right: 2.2rem;
    }
    .pe-sm-2-3, .px-sm-2-3 {
        padding-right: 2.3rem;
    }
    .pe-sm-2-4, .px-sm-2-4 {
        padding-right: 2.4rem;
    }
    .pe-sm-2-5, .px-sm-2-5 {
        padding-right: 2.5rem;
    }
    .pe-sm-2-6, .px-sm-2-6 {
        padding-right: 2.6rem;
    }
    .pe-sm-2-7, .px-sm-2-7 {
        padding-right: 2.7rem;
    }
    .pe-sm-2-8, .px-sm-2-8 {
        padding-right: 2.8rem;
    }
    .pe-sm-2-9, .px-sm-2-9 {
        padding-right: 2.9rem;
    }
    
    .pe-sm-6, .px-sm-6 {
        padding-right: 3.5rem;
    }
    .pe-sm-7, .px-sm-7 {
        padding-right: 4rem;
    }
    .pe-sm-8, .px-sm-8 {
        padding-right: 4.5rem;
    }
    .pe-sm-9, .px-sm-9 {
        padding-right: 5rem;
    }
    .pe-sm-10, .px-sm-10 {
        padding-right: 5.5rem;
    }
    .pe-sm-11, .px-sm-11 {
        padding-right: 6rem;
    }
    .pe-sm-12, .px-sm-12 {
        padding-right: 6.5rem;
    }
    .pe-sm-13, .px-sm-13 {
        padding-right: 7rem;
    }
    .pe-sm-14, .px-sm-14 {
        padding-right: 7.5rem;
    }
    .pe-sm-15, .px-sm-15 {
        padding-right: 8rem;
    }
    .pe-sm-16, .px-sm-16 {
        padding-right: 8.5rem;
    }
    .pe-sm-17, .px-sm-17 {
        padding-right: 9rem;
    }
    .pe-sm-18, .px-sm-18 {
        padding-right: 9.5rem;
    }
    .pe-sm-19, .px-sm-19 {
        padding-right: 10rem;
    }
    .pe-sm-20, .px-sm-20 {
        padding-right: 10.5rem;
    }
    .pe-sm-21, .px-sm-21 {
        padding-right: 11rem;
    }
    .pe-sm-22, .px-sm-22 {
        padding-right: 11.5rem;
    }
    .pe-sm-23, .px-sm-23 {
        padding-right: 12rem;
    }
    .pe-sm-24, .px-sm-24 {
        padding-right: 12.5rem;
    }

}

@media screen and (min-width: 768px) {

    /* width */
    .w-md-1px {width:1px;}
    .w-md-2px {width:2px;}
    .w-md-3px {width:3px;}
    .w-md-4px {width:4px;}
    .w-md-5px {width:5px;}
    .w-md-6px {width:6px;}
    .w-md-7px {width:7px;}
    .w-md-8px {width:8px;}
    .w-md-9px {width:9px;}
    .w-md-10px {width:10px;}
    .w-md-15px {width:15px;}
    .w-md-20px {width:20px;}
    .w-md-25px {width:25px;}
    .w-md-30px {width:30px;}
    .w-md-35px {width:35px;}
    .w-md-40px {width:40px;}
    .w-md-50px {width:50px;}
    .w-md-55px {width:55px;}
    .w-md-60px {width:60px;}
    .w-md-65px {width:65px;}
    .w-md-70px {width:70px;}
    .w-md-75px {width:75px;}
    .w-md-80px {width:80px;}
    .w-md-85px {width:85px;}
    .w-md-90px {width:90px;}
    .w-md-100px {width:100px;}

    .w-md-1 {width:1%;}
    .w-md-2 {width:2%;}
    .w-md-3 {width:3%;}
    .w-md-4 {width:4%;}
    .w-md-5 {width:5%;}
    .w-md-6 {width:6%;}
    .w-md-7 {width:7%;}
    .w-md-8 {width:8%;}
    .w-md-9 {width:9%;}
    .w-md-10 {width:10%;}
    .w-md-11 {width:10%;}
    .w-md-12 {width:12%;}
    .w-md-13 {width:13%;}
    .w-md-14 {width:14%;}
    .w-md-15 {width:15%;}
    .w-md-20 {width:20%;}
    .w-md-25 {width:25%;}
    .w-md-30 {width:30%;}
    .w-md-35 {width:35%;}
    .w-md-40 {width:40%;}
    .w-md-45 {width:45%;}
    .w-md-50 {width:50%;}
    .w-md-55 {width:55%;}
    .w-md-60 {width:60%;}
    .w-md-65 {width:65%;}
    .w-md-70 {width:70%;}
    .w-md-75 {width:75%;}
    .w-md-80 {width:80%;}
    .w-md-85 {width:85%;}
    .w-md-90 {width:90%;}
    .w-md-95 {width:95%;}
    .w-md-100 {width:100%;}
    .w-md-auto {width: auto;}

    /* font size */
    .display-md-1 {font-size:6rem;}
    .display-md-2 {font-size:5.5rem;}
    .display-md-3 {font-size:4.5rem;}
    .display-md-4 {font-size:3.5rem;}
    .display-md-5 {font-size:3.4rem;}
    .display-md-6 {font-size:3.3rem;}
    .display-md-7 {font-size:3.2rem;}
    .display-md-8 {font-size:3.1rem;}
    .display-md-9 {font-size:3.0rem;}
    .display-md-10 {font-size:2.9rem;}
    .display-md-11 {font-size:2.8rem;}
    .display-md-12 {font-size:2.7rem;}
    .display-md-13 {font-size:2.6rem;}
    .display-md-14 {font-size:2.5rem;}
    .display-md-15 {font-size:2.4rem;}
    .display-md-16 {font-size:2.3rem;}
    .display-md-17 {font-size:2.2rem;}
    .display-md-18 {font-size:2.1rem;}
    .display-md-19 {font-size:2.0rem;}
    .display-md-20 {font-size:1.9rem;}
    .display-md-21 {font-size:1.8rem;}
    .display-md-22 {font-size:1.7rem;}
    .display-md-23 {font-size:1.6rem;}
    .display-md-24 {font-size:1.5rem;}
    .display-md-25 {font-size:1.4rem;}
    .display-md-26 {font-size:1.3rem;}
    .display-md-27 {font-size:1.2rem;}
    .display-md-28 {font-size:1.1rem;}
    .display-md-29 {font-size:1.0rem;}
    .display-md-30 {font-size:0.9rem;}
    .display-md-31 {font-size:0.8rem;}
    .display-md-32 {font-size:0.7rem;}
    .display-md-33 {font-size:0.6rem;}
    .display-md-34 {font-size:0.5rem;}

    /* border */
    .border-md-0 { border: none; }
    .border-md { border: 1px solid #dee2e6; }
    .border-md-top { border-top: 1px solid #dee2e6; }
    .border-md-end { border-right: 1px solid #dee2e6; }
    .border-md-bottom { border-bottom: 1px solid #dee2e6; }
    .border-md-start { border-left: 1px solid #dee2e6; }
    .border-md-top-0 { border-top: none; }
    .border-md-end-0 { border-right: none; }
    .border-md-bottom-0 { border-bottom: none; }
    .border-md-start-0 { border-left: none; }
    .border-md-color-light-white { border-color: rgba(255, 255, 255, 0.1) !important;}

    /* rounded */
    .rounded-md { border-radius: .25rem; }

    /* position */
    .top-md-5 { top: 5%; bottom: inherit; }
    .top-md-10 { top: 10%; bottom: inherit; }
    .top-md-15 { top: 15%; bottom: inherit; }
    .top-md-20 { top: 20%; bottom: inherit; }
    .top-md-25 { top: 25%; bottom: inherit; }
    .top-md-30 { top: 30%; bottom: inherit; }
    .top-md-35 { top: 35%; bottom: inherit; }
    .top-md-40 { top: 40%; bottom: inherit; }
    .top-md-45 { top: 45%; bottom: inherit; }
    .top-md-50 { top: 50%; bottom: inherit; }
    .top-md-55 { top: 55%; bottom: inherit; }
    .top-md-60 { top: 60%; bottom: inherit; }
    .top-md-65 { top: 65%; bottom: inherit; }
    .top-md-70 { top: 70%; bottom: inherit; }
    .top-md-75 { top: 75%; bottom: inherit; }
    .top-md-80 { top: 80%; bottom: inherit; }
    .top-md-85 { top: 85%; bottom: inherit; }
    .top-md-90 { top: 90%; bottom: inherit; }
    .top-md-95 { top: 95%; bottom: inherit; }
    .top-md-100 { top: 100%; bottom: inherit; }

    .top-md-n5 { top: -5%; bottom: inherit; }
    .top-md-n10 { top: -10%; bottom: inherit; }
    .top-md-n15 { top: -15%; bottom: inherit; }
    .top-md-n20 { top: -20%; bottom: inherit; }
    .top-md-n25 { top: -25%; bottom: inherit; }
    .top-md-n30 { top: -30%; bottom: inherit; }
    .top-md-n35 { top: -35%; bottom: inherit; }
    .top-md-n40 { top: -40%; bottom: inherit; }
    .top-md-n45 { top: -45%; bottom: inherit; }
    .top-md-n50 { top: -50%; bottom: inherit; }
    .top-md-n55 { top: -55%; bottom: inherit; }
    .top-md-n60 { top: -60%; bottom: inherit; }
    .top-md-n65 { top: -65%; bottom: inherit; }
    .top-md-n70 { top: -70%; bottom: inherit; }
    .top-md-n75 { top: -75%; bottom: inherit; }
    .top-md-n80 { top: -80%; bottom: inherit; }
    .top-md-n85 { top: -85%; bottom: inherit; }
    .top-md-n90 { top: -90%; bottom: inherit; }
    .top-md-n95 { top: -95%; bottom: inherit; }
    .top-md-n100 { top: -100%; bottom: inherit; }

    .bottom-md-5 { bottom: 5%; top: inherit; }
    .bottom-md-10 { bottom: 10%; top: inherit; }
    .bottom-md-15 { bottom: 15%; top: inherit; }
    .bottom-md-20 { bottom: 20%; top: inherit; }
    .bottom-md-25 { bottom: 25%; top: inherit; }
    .bottom-md-30 { bottom: 30%; top: inherit; }
    .bottom-md-35 { bottom: 35%; top: inherit; }
    .bottom-md-40 { bottom: 40%; top: inherit; }
    .bottom-md-45 { bottom: 45%; top: inherit; }
    .bottom-md-50 { bottom: 50%; top: inherit; }
    .bottom-md-55 { bottom: 55%; top: inherit; }
    .bottom-md-60 { bottom: 60%; top: inherit; }
    .bottom-md-65 { bottom: 65%; top: inherit; }
    .bottom-md-70 { bottom: 70%; top: inherit; }
    .bottom-md-75 { bottom: 75%; top: inherit; }
    .bottom-md-80 { bottom: 80%; top: inherit; }
    .bottom-md-85 { bottom: 85%; top: inherit; }
    .bottom-md-90 { bottom: 90%; top: inherit; }
    .bottom-md-95 { bottom: 95%; top: inherit; }
    .bottom-md-100 { bottom: 100%; top: inherit; }

    .bottom-md-n5 { bottom: -5%; top: inherit; }
    .bottom-md-n10 { bottom: -10%; top: inherit; }
    .bottom-md-n15 { bottom: -15%; top: inherit; }
    .bottom-md-n20 { bottom: -20%; top: inherit; }
    .bottom-md-n25 { bottom: -25%; top: inherit; }
    .bottom-md-n30 { bottom: -30%; top: inherit; }
    .bottom-md-n35 { bottom: -35%; top: inherit; }
    .bottom-md-n40 { bottom: -40%; top: inherit; }
    .bottom-md-n45 { bottom: -45%; top: inherit; }
    .bottom-md-n50 { bottom: -50%; top: inherit; }
    .bottom-md-n55 { bottom: -55%; top: inherit; }
    .bottom-md-n60 { bottom: -60%; top: inherit; }
    .bottom-md-n65 { bottom: -65%; top: inherit; }
    .bottom-md-n70 { bottom: -70%; top: inherit; }
    .bottom-md-n75 { bottom: -75%; top: inherit; }
    .bottom-md-n80 { bottom: -80%; top: inherit; }
    .bottom-md-n85 { bottom: -85%; top: inherit; }
    .bottom-md-n90 { bottom: -90%; top: inherit; }
    .bottom-md-n95 { bottom: -95%; top: inherit; }
    .bottom-md-n100 { bottom: -100%; top: inherit; }

    .left-md-5 { left: 5%; right: inherit; }
    .left-md-10 { left: 10%; right: inherit; }
    .left-md-15 { left: 15%; right: inherit; }
    .left-md-20 { left: 20%; right: inherit; }
    .left-md-25 { left: 25%; right: inherit; }
    .left-md-30 { left: 30%; right: inherit; }
    .left-md-35 { left: 35%; right: inherit; }
    .left-md-40 { left: 40%; right: inherit; }
    .left-md-45 { left: 45%; right: inherit; }
    .left-md-50 { left: 50%; right: inherit; }
    .left-md-55 { left: 55%; right: inherit; }
    .left-md-60 { left: 60%; right: inherit; }
    .left-md-65 { left: 65%; right: inherit; }
    .left-md-70 { left: 70%; right: inherit; }
    .left-md-75 { left: 75%; right: inherit; }
    .left-md-80 { left: 80%; right: inherit; }
    .left-md-85 { left: 85%; right: inherit; }
    .left-md-90 { left: 90%; right: inherit; }
    .left-md-95 { left: 95%; right: inherit; }
    .left-md-100 { left: 100%; right: inherit; }

    .left-md-n5 { left: -5%; right: inherit; }
    .left-md-n10 { left: -10%; right: inherit; }
    .left-md-n15 { left: -15%; right: inherit; }
    .left-md-n20 { left: -20%; right: inherit; }
    .left-md-n25 { left: -25%; right: inherit; }
    .left-md-n30 { left: -30%; right: inherit; }
    .left-md-n35 { left: -35%; right: inherit; }
    .left-md-n40 { left: -40%; right: inherit; }
    .left-md-n45 { left: -45%; right: inherit; }
    .left-md-n50 { left: -50%; right: inherit; }
    .left-md-n55 { left: -55%; right: inherit; }
    .left-md-n60 { left: -60%; right: inherit; }
    .left-md-n65 { left: -65%; right: inherit; }
    .left-md-n70 { left: -70%; right: inherit; }
    .left-md-n75 { left: -75%; right: inherit; }
    .left-md-n80 { left: -80%; right: inherit; }
    .left-md-n85 { left: -85%; right: inherit; }
    .left-md-n90 { left: -90%; right: inherit; }
    .left-md-n95 { left: -95%; right: inherit; }
    .left-md-n100 { left: -100%; right: inherit; }

    .right-md-5 { right: 5%; left: inherit; }
    .right-md-10 { right: 10%; left: inherit; }
    .right-md-15 { right: 15%; left: inherit; }
    .right-md-20 { right: 20%; left: inherit; }
    .right-md-25 { right: 25%; left: inherit; }
    .right-md-30 { right: 30%; left: inherit; }
    .right-md-35 { right: 35%; left: inherit; }
    .right-md-40 { right: 40%; left: inherit; }
    .right-md-45 { right: 45%; left: inherit; }
    .right-md-50 { right: 50%; left: inherit; }
    .right-md-55 { right: 55%; left: inherit; }
    .right-md-60 { right: 60%; left: inherit; }
    .right-md-65 { right: 65%; left: inherit; }
    .right-md-70 { right: 70%; left: inherit; }
    .right-md-75 { right: 75%; left: inherit; }
    .right-md-80 { right: 80%; left: inherit; }
    .right-md-85 { right: 85%; left: inherit; }
    .right-md-90 { right: 90%; left: inherit; }
    .right-md-95 { right: 95%; left: inherit; }
    .right-md-100 { right: 100%; left: inherit; }
     
    .right-md-n5 { right: -5%; left: inherit; }
    .right-md-n10 { right: -10%; left: inherit; }
    .right-md-n15 { right: -15%; left: inherit; }
    .right-md-n20 { right: -20%; left: inherit; }
    .right-md-n25 { right: -25%; left: inherit; }
    .right-md-n30 { right: -30%; left: inherit; }
    .right-md-n35 { right: -35%; left: inherit; }
    .right-md-n40 { right: -40%; left: inherit; }
    .right-md-n45 { right: -45%; left: inherit; }
    .right-md-n50 { right: -50%; left: inherit; }
    .right-md-n55 { right: -55%; left: inherit; }
    .right-md-n60 { right: -60%; left: inherit; }
    .right-md-n65 { right: -65%; left: inherit; }
    .right-md-n70 { right: -70%; left: inherit; }
    .right-md-n75 { right: -75%; left: inherit; }
    .right-md-n80 { right: -80%; left: inherit; }
    .right-md-n85 { right: -85%; left: inherit; }
    .right-md-n90 { right: -90%; left: inherit; }
    .right-md-n95 { right: -95%; left: inherit; }
    .right-md-n100 { right: -100%; left: inherit; }

    /* margin */

    /* margin all */
    .m-md-1-6 {
        margin: 1.6rem;
    }
    .m-md-1-7 {
        margin: 1.7rem;
    }
    .m-md-1-8 {
        margin: 1.8rem;
    }
    .m-md-1-9 {
        margin: 1.9rem;
    }
    .m-md-2-0 {
        margin: 2.0rem;
    }
    .m-md-2-1 {
        margin: 2.1rem;
    }
    .m-md-2-2 {
        margin: 2.2rem;
    }
    .m-md-2-3 {
        margin: 2.3rem;
    }
    .m-md-2-4 {
        margin: 2.4rem;
    }
    .m-md-2-5 {
        margin: 2.5rem;
    }
    .m-md-2-6 {
        margin: 2.6rem;
    }
    .m-md-2-7 {
        margin: 2.7rem;
    }
    .m-md-2-8 {
        margin: 2.8rem;
    }
    .m-md-2-9 {
        margin: 2.9rem;
    }

    .m-md-6 {
        margin: 3.5rem;
    }
    .m-md-7 {
        margin: 4rem;
    }
    .m-md-8 {
        margin: 4.5rem;
    }
    .m-md-9 {
        margin: 5rem;
    }
    .m-md-10 {
        margin: 5.5rem;
    }
    .m-md-11 {
        margin: 6rem;
    }
    .m-md-12 {
        margin: 6.5rem;
    }
    .m-md-13 {
        margin: 7rem;
    }
    .m-md-14 {
        margin: 7.5rem;
    }
    .m-md-15 {
        margin: 8rem;
    }
    .m-md-16 {
        margin: 8.5rem;
    }
    .m-md-17 {
        margin: 9rem;
    }
    .m-md-18 {
        margin: 9.5rem;
    }
    .m-md-19 {
        margin: 10rem;
    }
    .m-md-20 {
        margin: 10.5rem;
    }
    .m-md-21 {
        margin: 11rem;
    }
    .m-md-22 {
        margin: 11.5rem;
    }
    .m-md-23 {
        margin: 12rem;
    }
    .m-md-24 {
        margin: 12.5rem;
    }

    /* margin top */
    .mt-md-1-6, .my-md-1-6 {
        margin-top: 1.6rem;
    }
    .mt-md-1-7, .my-md-1-7 {
        margin-top: 1.7rem;
    }
    .mt-md-1-8, .my-md-1-8 {
        margin-top: 1.8rem;
    }
    .mt-md-1-9, .my-md-1-9 {
        margin-top: 1.9rem;
    }
    .mt-md-2-0, .my-md-2-0 {
        margin-top: 2.0rem;
    }
    .mt-md-2-1, .my-md-2-1 {
        margin-top: 2.1rem;
    }
    .mt-md-2-2, .my-md-2-2 {
        margin-top: 2.2rem;
    }
    .mt-md-2-3, .my-md-2-3 {
        margin-top: 2.3rem;
    }
    .mt-md-2-4, .my-md-2-4 {
        margin-top: 2.4rem;
    }
    .mt-md-2-5, .my-md-2-5 {
        margin-top: 2.5rem;
    }
    .mt-md-2-6, .my-md-2-6 {
        margin-top: 2.6rem;
    }
    .mt-md-2-7, .my-md-2-7 {
        margin-top: 2.7rem;
    }
    .mt-md-2-8, .my-md-2-8 {
        margin-top: 2.8rem;
    }
    .mt-md-2-9, .my-md-2-9 {
        margin-top: 2.9rem;
    }

    .mt-md-6, .my-md-6 {
        margin-top: 3.5rem;
    }
    .mt-md-7, .my-md-7 {
        margin-top: 4rem;
    }
    .mt-md-8, .my-md-8 {
        margin-top: 4.5rem;
    }
    .mt-md-9, .my-md-9 {
        margin-top: 5rem;
    }
    .mt-md-10, .my-md-10 {
        margin-top: 5.5rem;
    }
    .mt-md-11, .my-md-11 {
        margin-top: 6rem;
    }
    .mt-md-12, .my-md-12 {
        margin-top: 6.5rem;
    }
    .mt-md-13, .my-md-13 {
        margin-top: 7rem;
    }
    .mt-md-14, .my-md-14 {
        margin-top: 7.5rem;
    }
    .mt-md-15, .my-md-15 {
        margin-top: 8rem;
    }
    .mt-md-16, .my-md-16 {
        margin-top: 8.5rem;
    }
    .mt-md-17, .my-md-17 {
        margin-top: 9rem;
    }
    .mt-md-18, .my-md-18 {
        margin-top: 9.5rem;
    }
    .mt-md-19, .my-md-19 {
        margin-top: 10rem;
    }
    .mt-md-20, .my-md-20 {
        margin-top: 10.5rem;
    }
    .mt-md-21, .my-md-21 {
        margin-top: 11rem;
    }
    .mt-md-22, .my-md-22 {
        margin-top: 11.5rem;
    }
    .mt-md-23, .my-md-23 {
        margin-top: 12rem;
    }
    .mt-md-24, .my-md-24 {
        margin-top: 12.5rem;
    }

    /* margin bottom */
    .mb-md-1-6, .my-md-1-6 {
        margin-bottom: 1.6rem;
    }
    .mb-md-1-7, .my-md-1-7 {
        margin-bottom: 1.7rem;
    }
    .mb-md-1-8, .my-md-1-8 {
        margin-bottom: 1.8rem;
    }
    .mb-md-1-9, .my-md-1-9 {
        margin-bottom: 1.9rem;
    }
    .mb-md-2-0, .my-md-2-0 {
        margin-bottom: 2.0rem;
    }
    .mb-md-2-1, .my-md-2-1 {
        margin-bottom: 2.1rem;
    }
    .mb-md-2-2, .my-md-2-2 {
        margin-bottom: 2.2rem;
    }
    .mb-md-2-3, .my-md-2-3 {
        margin-bottom: 2.3rem;
    }
    .mb-md-2-4, .my-md-2-4 {
        margin-bottom: 2.4rem;
    }
    .mb-md-2-5, .my-md-2-5 {
        margin-bottom: 2.5rem;
    }
    .mb-md-2-6, .my-md-2-6 {
        margin-bottom: 2.6rem;
    }
    .mb-md-2-7, .my-md-2-7 {
        margin-bottom: 2.7rem;
    }
    .mb-md-2-8, .my-md-2-8 {
        margin-bottom: 2.8rem;
    }
    .mb-md-2-9, .my-md-2-9 {
        margin-bottom: 2.9rem;
    }

    .mb-md-6, .my-md-6 {
        margin-bottom: 3.5rem;
    }
    .mb-md-7, .my-md-7 {
        margin-bottom: 4rem;
    }
    .mb-md-8, .my-md-8 {
        margin-bottom: 4.5rem;
    }
    .mb-md-9, .my-md-9 {
        margin-bottom: 5rem;
    }
    .mb-md-10, .my-md-10 {
        margin-bottom: 5.5rem;
    }
    .mb-md-11, .my-md-11 {
        margin-bottom: 6rem;
    }
    .mb-md-12, .my-md-12 {
        margin-bottom: 6.5rem;
    }
    .mb-md-13, .my-md-13 {
        margin-bottom: 7rem;
    }
    .mb-md-14, .my-md-14 {
        margin-bottom: 7.5rem;
    }
    .mb-md-15, .my-md-15 {
        margin-bottom: 8rem;
    }
    .mb-md-16, .my-md-16 {
        margin-bottom: 8.5rem;
    }
    .mb-md-17, .my-md-17 {
        margin-bottom: 9rem;
    }
    .mb-md-18, .my-md-18 {
        margin-bottom: 9.5rem;
    }
    .mb-md-19, .my-md-19 {
        margin-bottom: 10rem;
    }
    .mb-md-20, .my-md-20 {
        margin-bottom: 10.5rem;
    }
    .mb-md-21, .my-md-21 {
        margin-bottom: 11rem;
    }
    .mb-md-22, .my-md-22 {
        margin-bottom: 11.5rem;
    }
    .mb-md-23, .my-md-23 {
        margin-bottom: 12rem;
    }
    .mb-md-24, .my-md-24 {
        margin-bottom: 12.5rem;
    }

    /* margin left */
    .ms-md-1-6, .mx-md-1-6 {
        margin-left: 1.6rem;
    }
    .ms-md-1-7, .mx-md-1-7 {
        margin-left: 1.7rem;
    }
    .ms-md-1-8, .mx-md-1-8 {
        margin-left: 1.8rem;
    }
    .ms-md-1-9, .mx-md-1-9 {
        margin-left: 1.9rem;
    }
    .ms-md-2-0, .mx-md-2-0 {
        margin-left: 2.0rem;
    }
    .ms-md-2-1, .mx-md-2-1 {
        margin-left: 2.1rem;
    }
    .ms-md-2-2, .mx-md-2-2 {
        margin-left: 2.2rem;
    }
    .ms-md-2-3, .mx-md-2-3 {
        margin-left: 2.3rem;
    }
    .ms-md-2-4, .mx-md-2-4 {
        margin-left: 2.4rem;
    }
    .ms-md-2-5, .mx-md-2-5 {
        margin-left: 2.5rem;
    }
    .ms-md-2-6, .mx-md-2-6 {
        margin-left: 2.6rem;
    }
    .ms-md-2-7, .mx-md-2-7 {
        margin-left: 2.7rem;
    }
    .ms-md-2-8, .mx-md-2-8 {
        margin-left: 2.8rem;
    }
    .ms-md-2-9, .mx-md-2-9 {
        margin-left: 2.9rem;
    }

    .ms-md-6, .mx-md-6 {
        margin-left: 3.5rem;
    }
    .ms-md-7, .mx-md-7 {
        margin-left: 4rem;
    }
    .ms-md-8, .mx-md-8 {
        margin-left: 4.5rem;
    }
    .ms-md-9, .mx-md-9 {
        margin-left: 5rem;
    }
    .ms-md-10, .mx-md-10 {
        margin-left: 5.5rem;
    }
    .ms-md-11, .mx-md-11 {
        margin-left: 6rem;
    }
    .ms-md-12, .mx-md-12 {
        margin-left: 6.5rem;
    }
    .ms-md-13, .mx-md-13 {
        margin-left: 7rem;
    }
    .ms-md-14, .mx-md-14 {
        margin-left: 7.5rem;
    }
    .ms-md-15, .mx-md-15 {
        margin-left: 8rem;
    }
    .ms-md-16, .mx-md-16 {
        margin-left: 8.5rem;
    }
    .ms-md-17, .mx-md-17 {
        margin-left: 9rem;
    }
    .ms-md-18, .mx-md-18 {
        margin-left: 9.5rem;
    }
    .ms-md-19, .mx-md-19 {
        margin-left: 10rem;
    }
    .ms-md-20, .mx-md-20 {
        margin-left: 10.5rem;
    }
    .ms-md-21, .mx-md-21 {
        margin-left: 11rem;
    }
    .ms-md-22, .mx-md-22 {
        margin-left: 11.5rem;
    }
    .ms-md-23, .mx-md-23 {
        margin-left: 12rem;
    }
    .ms-md-24, .mx-md-24 {
        margin-left: 12.5rem;
    }

    /* margin right */
    .me-md-1-6, .mx-md-1-6 {
        margin-right: 1.6rem;
    }
    .me-md-1-7, .mx-md-1-7 {
        margin-right: 1.7rem;
    }
    .me-md-1-8, .mx-md-1-8 {
        margin-right: 1.8rem;
    }
    .me-md-1-9, .mx-md-1-9 {
        margin-right: 1.9rem;
    }
    .me-md-2-0, .mx-md-2-0 {
        margin-right: 2.0rem;
    }
    .me-md-2-1, .mx-md-2-1 {
        margin-right: 2.1rem;
    }
    .me-md-2-2, .mx-md-2-2 {
        margin-right: 2.2rem;
    }
    .me-md-2-3, .mx-md-2-3 {
        margin-right: 2.3rem;
    }
    .me-md-2-4, .mx-md-2-4 {
        margin-right: 2.4rem;
    }
    .me-md-2-5, .mx-md-2-5 {
        margin-right: 2.5rem;
    }
    .me-md-2-6, .mx-md-2-6 {
        margin-right: 2.6rem;
    }
    .me-md-2-7, .mx-md-2-7 {
        margin-right: 2.7rem;
    }
    .me-md-2-8, .mx-md-2-8 {
        margin-right: 2.8rem;
    }
    .me-md-2-9, .mx-md-2-9 {
        margin-right: 2.9rem;
    }

    .me-md-6, .mx-md-6 {
        margin-right: 3.5rem;
    }
    .me-md-7, .mx-md-7 {
        margin-right: 4rem;
    }
    .me-md-8, .mx-md-8 {
        margin-right: 4.5rem;
    }
    .me-md-9, .mx-md-9 {
        margin-right: 5rem;
    }
    .me-md-10, .mx-md-10 {
        margin-right: 5.5rem;
    }
    .me-md-11, .mx-md-11 {
        margin-right: 6rem;
    }
    .me-md-12, .mx-md-12 {
        margin-right: 6.5rem;
    }
    .me-md-13, .mx-md-13 {
        margin-right: 7rem;
    }
    .me-md-14, .mx-md-14 {
        margin-right: 7.5rem;
    }
    .me-md-15, .mx-md-15 {
        margin-right: 8rem;
    }
    .me-md-16, .mx-md-16 {
        margin-right: 8.5rem;
    }
    .me-md-17, .mx-md-17 {
        margin-right: 9rem;
    }
    .me-md-18, .mx-md-18 {
        margin-right: 9.5rem;
    }
    .me-md-19, .mx-md-19 {
        margin-right: 10rem;
    }
    .me-md-20, .mx-md-20 {
        margin-right: 10.5rem;
    }
    .me-md-21, .mx-md-21 {
        margin-right: 11rem;
    }
    .me-md-22, .mx-md-22 {
        margin-right: 11.5rem;
    }
    .me-md-23, .mx-md-23 {
        margin-right: 12rem;
    }
    .me-md-24, .mx-md-24 {
        margin-right: 12.5rem;
    }

    /* padding */

    /* padding all */
    .p-md-1-6 {
        padding: 1.6rem;
    }
    .p-md-1-7 {
        padding: 1.7rem;
    }
    .p-md-1-8 {
        padding: 1.8rem;
    }
    .p-md-1-9 {
        padding: 1.9rem;
    }
    .p-md-2-0 {
        padding: 2.0rem;
    }
    .p-md-2-1 {
        padding: 2.1rem;
    }
    .p-md-2-2 {
        padding: 2.2rem;
    }
    .p-md-2-3 {
        padding: 2.3rem;
    }
    .p-md-2-4 {
        padding: 2.4rem;
    }
    .p-md-2-5 {
        padding: 2.5rem;
    }
    .p-md-2-6 {
        padding: 2.6rem;
    }
    .p-md-2-7 {
        padding: 2.7rem;
    }
    .p-md-2-8 {
        padding: 2.8rem;
    }
    .p-md-2-9 {
        padding: 2.9rem;
    }

    .p-md-6 {
        padding: 3.5rem;
    }
    .p-md-7 {
        padding: 4rem;
    }
    .p-md-8 {
        padding: 4.5rem;
    }
    .p-md-9 {
        padding: 5rem;
    }
    .p-md-10 {
        padding: 5.5rem;
    }
    .p-md-11 {
        padding: 6rem;
    }
    .p-md-12 {
        padding: 6.5rem;
    }
    .p-md-13 {
        padding: 7rem;
    }
    .p-md-14 {
        padding: 7.5rem;
    }
    .p-md-15 {
        padding: 8rem;
    }
    .p-md-16 {
        padding: 8.5rem;
    }
    .p-md-17 {
        padding: 9rem;
    }
    .p-md-18 {
        padding: 9.5rem;
    }
    .p-md-19 {
        padding: 10rem;
    }
    .p-md-20 {
        padding: 10.5rem;
    }
    .p-md-21 {
        padding: 11rem;
    }
    .p-md-22 {
        padding: 11.5rem;
    }
    .p-md-23 {
        padding: 12rem;
    }
    .p-md-24 {
        padding: 12.5rem;
    }

    /* padding top */
    .pt-md-1-6, .py-md-1-6 {
        padding-top: 1.6rem;
    }
    .pt-md-1-7, .py-md-1-7 {
        padding-top: 1.7rem;
    }
    .pt-md-1-8, .py-md-1-8 {
        padding-top: 1.8rem;
    }
    .pt-md-1-9, .py-md-1-9 {
        padding-top: 1.9rem;
    }
    .pt-md-2-0, .py-md-2-0 {
        padding-top: 2.0rem;
    }
    .pt-md-2-1, .py-md-2-1 {
        padding-top: 2.1rem;
    }
    .pt-md-2-2, .py-md-2-2 {
        padding-top: 2.2rem;
    }
    .pt-md-2-3, .py-md-2-3 {
        padding-top: 2.3rem;
    }
    .pt-md-2-4, .py-md-2-4 {
        padding-top: 2.4rem;
    }
    .pt-md-2-5, .py-md-2-5 {
        padding-top: 2.5rem;
    }
    .pt-md-2-6, .py-md-2-6 {
        padding-top: 2.6rem;
    }
    .pt-md-2-7, .py-md-2-7 {
        padding-top: 2.7rem;
    }
    .pt-md-2-8, .py-md-2-8 {
        padding-top: 2.8rem;
    }
    .pt-md-2-9, .py-md-2-9 {
        padding-top: 2.9rem;
    }

    .pt-md-6, .py-md-6 {
        padding-top: 3.5rem;
    }
    .pt-md-7, .py-md-7 {
        padding-top: 4rem;
    }
    .pt-md-8, .py-md-8 {
        padding-top: 4.5rem;
    }
    .pt-md-9, .py-md-9 {
        padding-top: 5rem;
    }
    .pt-md-10, .py-md-10 {
        padding-top: 5.5rem;
    }
    .pt-md-11, .py-md-11 {
        padding-top: 6rem;
    }
    .pt-md-12, .py-md-12 {
        padding-top: 6.5rem;
    }
    .pt-md-13, .py-md-13 {
        padding-top: 7rem;
    }
    .pt-md-14, .py-md-14 {
        padding-top: 7.5rem;
    }
    .pt-md-15, .py-md-15 {
        padding-top: 8rem;
    }
    .pt-md-16, .py-md-16 {
        padding-top: 8.5rem;
    }
    .pt-md-17, .py-md-17 {
        padding-top: 9rem;
    }
    .pt-md-18, .py-md-18 {
        padding-top: 9.5rem;
    }
    .pt-md-19, .py-md-19 {
        padding-top: 10rem;
    }
    .pt-md-20, .py-md-20 {
        padding-top: 10.5rem;
    }
    .pt-md-21, .py-md-21 {
        padding-top: 11rem;
    }
    .pt-md-22, .py-md-22 {
        padding-top: 11.5rem;
    }
    .pt-md-23, .py-md-23 {
        padding-top: 12rem;
    }
    .pt-md-24, .py-md-24 {
        padding-top: 12.5rem;
    }

    /* padding bottom */
    .pb-md-1-6, .py-md-1-6 {
        padding-bottom: 1.6rem;
    }
    .pb-md-1-7, .py-md-1-7 {
        padding-bottom: 1.7rem;
    }
    .pb-md-1-8, .py-md-1-8 {
        padding-bottom: 1.8rem;
    }
    .pb-md-1-9, .py-md-1-9 {
        padding-bottom: 1.9rem;
    }
    .pb-md-2-0, .py-md-2-0 {
        padding-bottom: 2.0rem;
    }
    .pb-md-2-1, .py-md-2-1 {
        padding-bottom: 2.1rem;
    }
    .pb-md-2-2, .py-md-2-2 {
        padding-bottom: 2.2rem;
    }
    .pb-md-2-3, .py-md-2-3 {
        padding-bottom: 2.3rem;
    }
    .pb-md-2-4, .py-md-2-4 {
        padding-bottom: 2.4rem;
    }
    .pb-md-2-5, .py-md-2-5 {
        padding-bottom: 2.5rem;
    }
    .pb-md-2-6, .py-md-2-6 {
        padding-bottom: 2.6rem;
    }
    .pb-md-2-7, .py-md-2-7 {
        padding-bottom: 2.7rem;
    }
    .pb-md-2-8, .py-md-2-8 {
        padding-bottom: 2.8rem;
    }
    .pb-md-2-9, .py-md-2-9 {
        padding-bottom: 2.9rem;
    }

    .pb-md-6, .py-md-6 {
        padding-bottom: 3.5rem;
    }
    .pb-md-7, .py-md-7 {
        padding-bottom: 4rem;
    }
    .pb-md-8, .py-md-8 {
        padding-bottom: 4.5rem;
    }
    .pb-md-9, .py-md-9 {
        padding-bottom: 5rem;
    }
    .pb-md-10, .py-md-10 {
        padding-bottom: 5.5rem;
    }
    .pb-md-11, .py-md-11 {
        padding-bottom: 6rem;
    }
    .pb-md-12, .py-md-12 {
        padding-bottom: 6.5rem;
    }
    .pb-md-13, .py-md-13 {
        padding-bottom: 7rem;
    }
    .pb-md-14, .py-md-14 {
        padding-bottom: 7.5rem;
    }
    .pb-md-15, .py-md-15 {
        padding-bottom: 8rem;
    }
    .pb-md-16, .py-md-16 {
        padding-bottom: 8.5rem;
    }
    .pb-md-17, .py-md-17 {
        padding-bottom: 9rem;
    }
    .pb-md-18, .py-md-18 {
        padding-bottom: 9.5rem;
    }
    .pb-md-19, .py-md-19 {
        padding-bottom: 10rem;
    }
    .pb-md-20, .py-md-20 {
        padding-bottom: 10.5rem;
    }
    .pb-md-21, .py-md-21 {
        padding-bottom: 11rem;
    }
    .pb-md-22, .py-md-22 {
        padding-bottom: 11.5rem;
    }
    .pb-md-23, .py-md-23 {
        padding-bottom: 12rem;
    }
    .pb-md-24, .py-md-24 {
        padding-bottom: 12.5rem;
    }

    /* padding left */
    .ps-md-1-6, .px-md-1-6 {
        padding-left: 1.6rem;
    }
    .ps-md-1-7, .px-md-1-7 {
        padding-left: 1.7rem;
    }
    .ps-md-1-8, .px-md-1-8 {
        padding-left: 1.8rem;
    }
    .ps-md-1-9, .px-md-1-9 {
        padding-left: 1.9rem;
    }
    .ps-md-2-0, .px-md-2-0 {
        padding-left: 2.0rem;
    }
    .ps-md-2-1, .px-md-2-1 {
        padding-left: 2.1rem;
    }
    .ps-md-2-2, .px-md-2-2 {
        padding-left: 2.2rem;
    }
    .ps-md-2-3, .px-md-2-3 {
        padding-left: 2.3rem;
    }
    .ps-md-2-4, .px-md-2-4 {
        padding-left: 2.4rem;
    }
    .ps-md-2-5, .px-md-2-5 {
        padding-left: 2.5rem;
    }
    .ps-md-2-6, .px-md-2-6 {
        padding-left: 2.6rem;
    }
    .ps-md-2-7, .px-md-2-7 {
        padding-left: 2.7rem;
    }
    .ps-md-2-8, .px-md-2-8 {
        padding-left: 2.8rem;
    }
    .ps-md-2-9, .px-md-2-9 {
        padding-left: 2.9rem;
    }

    .ps-md-6, .px-md-6 {
        padding-left: 3.5rem;
    }
    .ps-md-7, .px-md-7 {
        padding-left: 4rem;
    }
    .ps-md-8, .px-md-8 {
        padding-left: 4.5rem;
    }
    .ps-md-9, .px-md-9 {
        padding-left: 5rem;
    }
    .ps-md-10, .px-md-10 {
        padding-left: 5.5rem;
    }
    .ps-md-11, .px-md-11 {
        padding-left: 6rem;
    }
    .ps-md-12, .px-md-12 {
        padding-left: 6.5rem;
    }
    .ps-md-13, .px-md-13 {
        padding-left: 7rem;
    }
    .ps-md-14, .px-md-14 {
        padding-left: 7.5rem;
    }
    .ps-md-15, .px-md-15 {
        padding-left: 8rem;
    }
    .ps-md-16, .px-md-16 {
        padding-left: 8.5rem;
    }
    .ps-md-17, .px-md-17 {
        padding-left: 9rem;
    }
    .ps-md-18, .px-md-18 {
        padding-left: 9.5rem;
    }
    .ps-md-19, .px-md-19 {
        padding-left: 10rem;
    }
    .ps-md-20, .px-md-20 {
        padding-left: 10.5rem;
    }
    .ps-md-21, .px-md-21 {
        padding-left: 11rem;
    }
    .ps-md-22, .px-md-22 {
        padding-left: 11.5rem;
    }
    .ps-md-23, .px-md-23 {
        padding-left: 12rem;
    }
    .ps-md-24, .px-md-24 {
        padding-left: 12.5rem;
    }

    /* padding right */
    .pe-md-1-6, .px-md-1-6 {
        padding-right: 1.6rem;
    }
    .pe-md-1-7, .px-md-1-7 {
        padding-right: 1.7rem;
    }
    .pe-md-1-8, .px-md-1-8 {
        padding-right: 1.8rem;
    }
    .pe-md-1-9, .px-md-1-9 {
        padding-right: 1.9rem;
    }
    .pe-md-2-0, .px-md-2-0 {
        padding-right: 2.0rem;
    }
    .pe-md-2-1, .px-md-2-1 {
        padding-right: 2.1rem;
    }
    .pe-md-2-2, .px-md-2-2 {
        padding-right: 2.2rem;
    }
    .pe-md-2-3, .px-md-2-3 {
        padding-right: 2.3rem;
    }
    .pe-md-2-4, .px-md-2-4 {
        padding-right: 2.4rem;
    }
    .pe-md-2-5, .px-md-2-5 {
        padding-right: 2.5rem;
    }
    .pe-md-2-6, .px-md-2-6 {
        padding-right: 2.6rem;
    }
    .pe-md-2-7, .px-md-2-7 {
        padding-right: 2.7rem;
    }
    .pe-md-2-8, .px-md-2-8 {
        padding-right: 2.8rem;
    }
    .pe-md-2-9, .px-md-2-9 {
        padding-right: 2.9rem;
    }

    .pe-md-6, .px-md-6 {
        padding-right: 3.5rem;
    }
    .pe-md-7, .px-md-7 {
        padding-right: 4rem;
    }
    .pe-md-8, .px-md-8 {
        padding-right: 4.5rem;
    }
    .pe-md-9, .px-md-9 {
        padding-right: 5rem;
    }
    .pe-md-10, .px-md-10 {
        padding-right: 5.5rem;
    }
    .pe-md-11, .px-md-11 {
        padding-right: 6rem;
    }
    .pe-md-12, .px-md-12 {
        padding-right: 6.5rem;
    }
    .pe-md-13, .px-md-13 {
        padding-right: 7rem;
    }
    .pe-md-14, .px-md-14 {
        padding-right: 7.5rem;
    }
    .pe-md-15, .px-md-15 {
        padding-right: 8rem;
    }
    .pe-md-16, .px-md-16 {
        padding-right: 8.5rem;
    }
    .pe-md-17, .px-md-17 {
        padding-right: 9rem;
    }
    .pe-md-18, .px-md-18 {
        padding-right: 9.5rem;
    }
    .pe-md-19, .px-md-19 {
        padding-right: 10rem;
    }
    .pe-md-20, .px-md-20 {
        padding-right: 10.5rem;
    }
    .pe-md-21, .px-md-21 {
        padding-right: 11rem;
    }
    .pe-md-22, .px-md-22 {
        padding-right: 11.5rem;
    }
    .pe-md-23, .px-md-23 {
        padding-right: 12rem;
    }
    .pe-md-24, .px-md-24 {
        padding-right: 12.5rem;
    }

}

@media screen and (min-width: 992px) {

    /* width */
    .w-lg-1px {width:1px;}
    .w-lg-2px {width:2px;}
    .w-lg-3px {width:3px;}
    .w-lg-4px {width:4px;}
    .w-lg-5px {width:5px;}
    .w-lg-6px {width:6px;}
    .w-lg-7px {width:7px;}
    .w-lg-8px {width:8px;}
    .w-lg-9px {width:9px;}
    .w-lg-10px {width:10px;}
    .w-lg-15px {width:15px;}
    .w-lg-20px {width:20px;}
    .w-lg-25px {width:25px;}
    .w-lg-30px {width:30px;}
    .w-lg-35px {width:35px;}
    .w-lg-40px {width:40px;}
    .w-lg-50px {width:50px;}
    .w-lg-55px {width:55px;}
    .w-lg-60px {width:60px;}
    .w-lg-65px {width:65px;}
    .w-lg-70px {width:70px;}
    .w-lg-75px {width:75px;}
    .w-lg-80px {width:80px;}
    .w-lg-85px {width:85px;}
    .w-lg-90px {width:90px;}
    .w-lg-100px {width:100px;}

    .w-lg-1 {width:1%;}
    .w-lg-2 {width:2%;}
    .w-lg-3 {width:3%;}
    .w-lg-4 {width:4%;}
    .w-lg-5 {width:5%;}
    .w-lg-6 {width:6%;}
    .w-lg-7 {width:7%;}
    .w-lg-8 {width:8%;}
    .w-lg-9 {width:9%;}
    .w-lg-10 {width:10%;}
    .w-lg-11 {width:10%;}
    .w-lg-12 {width:12%;}
    .w-lg-13 {width:13%;}
    .w-lg-14 {width:14%;}
    .w-lg-15 {width:15%;}
    .w-lg-20 {width:20%;}
    .w-lg-25 {width:25%;}
    .w-lg-30 {width:30%;}
    .w-lg-35 {width:35%;}
    .w-lg-40 {width:40%;}
    .w-lg-45 {width:45%;}
    .w-lg-50 {width:50%;}
    .w-lg-55 {width:55%;}
    .w-lg-60 {width:60%;}
    .w-lg-65 {width:65%;}
    .w-lg-70 {width:70%;}
    .w-lg-75 {width:75%;}
    .w-lg-80 {width:80%;}
    .w-lg-85 {width:85%;}
    .w-lg-90 {width:90%;}
    .w-lg-95 {width:95%;}
    .w-lg-100 {width:100%;}
    .w-lg-auto {width: auto;}

    /* font size */
    .display-lg-1 {font-size:6rem;}
    .display-lg-2 {font-size:5.5rem;}
    .display-lg-3 {font-size:4.5rem;}
    .display-lg-4 {font-size:3.5rem;}
    .display-lg-5 {font-size:3.4rem;}
    .display-lg-6 {font-size:3.3rem;}
    .display-lg-7 {font-size:3.2rem;}
    .display-lg-8 {font-size:3.1rem;}
    .display-lg-9 {font-size:3.0rem;}
    .display-lg-10 {font-size:2.9rem;}
    .display-lg-11 {font-size:2.8rem;}
    .display-lg-12 {font-size:2.7rem;}
    .display-lg-13 {font-size:2.6rem;}
    .display-lg-14 {font-size:2.5rem;}
    .display-lg-15 {font-size:2.4rem;}
    .display-lg-16 {font-size:2.3rem;}
    .display-lg-17 {font-size:2.2rem;}
    .display-lg-18 {font-size:2.1rem;}
    .display-lg-19 {font-size:2.0rem;}
    .display-lg-20 {font-size:1.9rem;}
    .display-lg-21 {font-size:1.8rem;}
    .display-lg-22 {font-size:1.7rem;}
    .display-lg-23 {font-size:1.6rem;}
    .display-lg-24 {font-size:1.5rem;}
    .display-lg-25 {font-size:1.4rem;}
    .display-lg-26 {font-size:1.3rem;}
    .display-lg-27 {font-size:1.2rem;}
    .display-lg-28 {font-size:1.1rem;}
    .display-lg-29 {font-size:1.0rem;}
    .display-lg-30 {font-size:0.9rem;}
    .display-lg-31 {font-size:0.8rem;}
    .display-lg-32 {font-size:0.7rem;}
    .display-lg-33 {font-size:0.6rem;}
    .display-lg-34 {font-size:0.5rem;}

    /* border */
    .border-lg-0 { border: none; }
    .border-lg { border: 1px solid #dee2e6; }
    .border-lg-top { border-top: 1px solid #dee2e6; }
    .border-lg-end { border-right: 1px solid #dee2e6; }
    .border-lg-bottom { border-bottom: 1px solid #dee2e6; }
    .border-lg-start { border-left: 1px solid #dee2e6; }
    .border-lg-top-0 { border-top: none; }
    .border-lg-end-0 { border-right: none; }
    .border-lg-bottom-0 { border-bottom: none; }
    .border-lg-start-0 { border-left: none; }
    .border-lg-color-light-white { border-color: rgba(255, 255, 255, 0.1) !important;}

    /* rounded */
    .rounded-lg { border-radius: .25rem; }
    .border-radius-lg-10 { border-radius: 10px; }
    .rounded-lg-circle { border-radius: 50%; }

    /* position */
    .top-lg-5 { top: 5%; bottom: inherit; }
    .top-lg-10 { top: 10%; bottom: inherit; }
    .top-lg-15 { top: 15%; bottom: inherit; }
    .top-lg-20 { top: 20%; bottom: inherit; }
    .top-lg-25 { top: 25%; bottom: inherit; }
    .top-lg-30 { top: 30%; bottom: inherit; }
    .top-lg-35 { top: 35%; bottom: inherit; }
    .top-lg-40 { top: 40%; bottom: inherit; }
    .top-lg-45 { top: 45%; bottom: inherit; }
    .top-lg-50 { top: 50%; bottom: inherit; }
    .top-lg-55 { top: 55%; bottom: inherit; }
    .top-lg-60 { top: 60%; bottom: inherit; }
    .top-lg-65 { top: 65%; bottom: inherit; }
    .top-lg-70 { top: 70%; bottom: inherit; }
    .top-lg-75 { top: 75%; bottom: inherit; }
    .top-lg-80 { top: 80%; bottom: inherit; }
    .top-lg-85 { top: 85%; bottom: inherit; }
    .top-lg-90 { top: 90%; bottom: inherit; }
    .top-lg-95 { top: 95%; bottom: inherit; }
    .top-lg-100 { top: 100%; bottom: inherit; }

    .top-lg-n5 { top: -5%; bottom: inherit; }
    .top-lg-n10 { top: -10%; bottom: inherit; }
    .top-lg-n15 { top: -15%; bottom: inherit; }
    .top-lg-n20 { top: -20%; bottom: inherit; }
    .top-lg-n25 { top: -25%; bottom: inherit; }
    .top-lg-n30 { top: -30%; bottom: inherit; }
    .top-lg-n35 { top: -35%; bottom: inherit; }
    .top-lg-n40 { top: -40%; bottom: inherit; }
    .top-lg-n45 { top: -45%; bottom: inherit; }
    .top-lg-n50 { top: -50%; bottom: inherit; }
    .top-lg-n55 { top: -55%; bottom: inherit; }
    .top-lg-n60 { top: -60%; bottom: inherit; }
    .top-lg-n65 { top: -65%; bottom: inherit; }
    .top-lg-n70 { top: -70%; bottom: inherit; }
    .top-lg-n75 { top: -75%; bottom: inherit; }
    .top-lg-n80 { top: -80%; bottom: inherit; }
    .top-lg-n85 { top: -85%; bottom: inherit; }
    .top-lg-n90 { top: -90%; bottom: inherit; }
    .top-lg-n95 { top: -95%; bottom: inherit; }
    .top-lg-n100 { top: -100%; bottom: inherit; }

    .bottom-lg-5 { bottom: 5%; top: inherit; }
    .bottom-lg-10 { bottom: 10%; top: inherit; }
    .bottom-lg-15 { bottom: 15%; top: inherit; }
    .bottom-lg-20 { bottom: 20%; top: inherit; }
    .bottom-lg-25 { bottom: 25%; top: inherit; }
    .bottom-lg-30 { bottom: 30%; top: inherit; }
    .bottom-lg-35 { bottom: 35%; top: inherit; }
    .bottom-lg-40 { bottom: 40%; top: inherit; }
    .bottom-lg-45 { bottom: 45%; top: inherit; }
    .bottom-lg-50 { bottom: 50%; top: inherit; }
    .bottom-lg-55 { bottom: 55%; top: inherit; }
    .bottom-lg-60 { bottom: 60%; top: inherit; }
    .bottom-lg-65 { bottom: 65%; top: inherit; }
    .bottom-lg-70 { bottom: 70%; top: inherit; }
    .bottom-lg-75 { bottom: 75%; top: inherit; }
    .bottom-lg-80 { bottom: 80%; top: inherit; }
    .bottom-lg-85 { bottom: 85%; top: inherit; }
    .bottom-lg-90 { bottom: 90%; top: inherit; }
    .bottom-lg-95 { bottom: 95%; top: inherit; }
    .bottom-lg-100 { bottom: 100%; top: inherit; }

    .bottom-lg-n5 { bottom: -5%; top: inherit; }
    .bottom-lg-n10 { bottom: -10%; top: inherit; }
    .bottom-lg-n15 { bottom: -15%; top: inherit; }
    .bottom-lg-n20 { bottom: -20%; top: inherit; }
    .bottom-lg-n25 { bottom: -25%; top: inherit; }
    .bottom-lg-n30 { bottom: -30%; top: inherit; }
    .bottom-lg-n35 { bottom: -35%; top: inherit; }
    .bottom-lg-n40 { bottom: -40%; top: inherit; }
    .bottom-lg-n45 { bottom: -45%; top: inherit; }
    .bottom-lg-n50 { bottom: -50%; top: inherit; }
    .bottom-lg-n55 { bottom: -55%; top: inherit; }
    .bottom-lg-n60 { bottom: -60%; top: inherit; }
    .bottom-lg-n65 { bottom: -65%; top: inherit; }
    .bottom-lg-n70 { bottom: -70%; top: inherit; }
    .bottom-lg-n75 { bottom: -75%; top: inherit; }
    .bottom-lg-n80 { bottom: -80%; top: inherit; }
    .bottom-lg-n85 { bottom: -85%; top: inherit; }
    .bottom-lg-n90 { bottom: -90%; top: inherit; }
    .bottom-lg-n95 { bottom: -95%; top: inherit; }
    .bottom-lg-n100 { bottom: -100%; top: inherit; }

    .left-lg-5 { left: 5%; right: inherit; }
    .left-lg-10 { left: 10%; right: inherit; }
    .left-lg-15 { left: 15%; right: inherit; }
    .left-lg-20 { left: 20%; right: inherit; }
    .left-lg-25 { left: 25%; right: inherit; }
    .left-lg-30 { left: 30%; right: inherit; }
    .left-lg-35 { left: 35%; right: inherit; }
    .left-lg-40 { left: 40%; right: inherit; }
    .left-lg-45 { left: 45%; right: inherit; }
    .left-lg-50 { left: 50%; right: inherit; }
    .left-lg-55 { left: 55%; right: inherit; }
    .left-lg-60 { left: 60%; right: inherit; }
    .left-lg-65 { left: 65%; right: inherit; }
    .left-lg-70 { left: 70%; right: inherit; }
    .left-lg-75 { left: 75%; right: inherit; }
    .left-lg-80 { left: 80%; right: inherit; }
    .left-lg-85 { left: 85%; right: inherit; }
    .left-lg-90 { left: 90%; right: inherit; }
    .left-lg-95 { left: 95%; right: inherit; }
    .left-lg-100 { left: 100%; right: inherit; }

    .left-lg-n5 { left: -5%; right: inherit; }
    .left-lg-n10 { left: -10%; right: inherit; }
    .left-lg-n15 { left: -15%; right: inherit; }
    .left-lg-n20 { left: -20%; right: inherit; }
    .left-lg-n25 { left: -25%; right: inherit; }
    .left-lg-n30 { left: -30%; right: inherit; }
    .left-lg-n35 { left: -35%; right: inherit; }
    .left-lg-n40 { left: -40%; right: inherit; }
    .left-lg-n45 { left: -45%; right: inherit; }
    .left-lg-n50 { left: -50%; right: inherit; }
    .left-lg-n55 { left: -55%; right: inherit; }
    .left-lg-n60 { left: -60%; right: inherit; }
    .left-lg-n65 { left: -65%; right: inherit; }
    .left-lg-n70 { left: -70%; right: inherit; }
    .left-lg-n75 { left: -75%; right: inherit; }
    .left-lg-n80 { left: -80%; right: inherit; }
    .left-lg-n85 { left: -85%; right: inherit; }
    .left-lg-n90 { left: -90%; right: inherit; }
    .left-lg-n95 { left: -95%; right: inherit; }
    .left-lg-n100 { left: -100%; right: inherit; }

    .right-lg-5 { right: 5%; left: inherit; }
    .right-lg-10 { right: 10%; left: inherit; }
    .right-lg-15 { right: 15%; left: inherit; }
    .right-lg-20 { right: 20%; left: inherit; }
    .right-lg-25 { right: 25%; left: inherit; }
    .right-lg-30 { right: 30%; left: inherit; }
    .right-lg-35 { right: 35%; left: inherit; }
    .right-lg-40 { right: 40%; left: inherit; }
    .right-lg-45 { right: 45%; left: inherit; }
    .right-lg-50 { right: 50%; left: inherit; }
    .right-lg-55 { right: 55%; left: inherit; }
    .right-lg-60 { right: 60%; left: inherit; }
    .right-lg-65 { right: 65%; left: inherit; }
    .right-lg-70 { right: 70%; left: inherit; }
    .right-lg-75 { right: 75%; left: inherit; }
    .right-lg-80 { right: 80%; left: inherit; }
    .right-lg-85 { right: 85%; left: inherit; }
    .right-lg-90 { right: 90%; left: inherit; }
    .right-lg-95 { right: 95%; left: inherit; }
    .right-lg-100 { right: 100%; left: inherit; }
     
    .right-lg-n5 { right: -5%; left: inherit; }
    .right-lg-n10 { right: -10%; left: inherit; }
    .right-lg-n15 { right: -15%; left: inherit; }
    .right-lg-n20 { right: -20%; left: inherit; }
    .right-lg-n25 { right: -25%; left: inherit; }
    .right-lg-n30 { right: -30%; left: inherit; }
    .right-lg-n35 { right: -35%; left: inherit; }
    .right-lg-n40 { right: -40%; left: inherit; }
    .right-lg-n45 { right: -45%; left: inherit; }
    .right-lg-n50 { right: -50%; left: inherit; }
    .right-lg-n55 { right: -55%; left: inherit; }
    .right-lg-n60 { right: -60%; left: inherit; }
    .right-lg-n65 { right: -65%; left: inherit; }
    .right-lg-n70 { right: -70%; left: inherit; }
    .right-lg-n75 { right: -75%; left: inherit; }
    .right-lg-n80 { right: -80%; left: inherit; }
    .right-lg-n85 { right: -85%; left: inherit; }
    .right-lg-n90 { right: -90%; left: inherit; }
    .right-lg-n95 { right: -95%; left: inherit; }
    .right-lg-n100 { right: -100%; left: inherit; }

    /* margin */

    /* margin all */
    .m-lg-1-6 {
        margin: 1.6rem;
    }
    .m-lg-1-7 {
        margin: 1.7rem;
    }
    .m-lg-1-8 {
        margin: 1.8rem;
    }
    .m-lg-1-9 {
        margin: 1.9rem;
    }
    .m-lg-2-0 {
        margin: 2.0rem;
    }
    .m-lg-2-1 {
        margin: 2.1rem;
    }
    .m-lg-2-2 {
        margin: 2.2rem;
    }
    .m-lg-2-3 {
        margin: 2.3rem;
    }
    .m-lg-2-4 {
        margin: 2.4rem;
    }
    .m-lg-2-5 {
        margin: 2.5rem;
    }
    .m-lg-2-6 {
        margin: 2.6rem;
    }
    .m-lg-2-7 {
        margin: 2.7rem;
    }
    .m-lg-2-8 {
        margin: 2.8rem;
    }
    .m-lg-2-9 {
        margin: 2.9rem;
    }

    .m-lg-6 {
        margin: 3.5rem;
    }
    .m-lg-7 {
        margin: 4rem;
    }
    .m-lg-8 {
        margin: 4.5rem;
    }
    .m-lg-9 {
        margin: 5rem;
    }
    .m-lg-10 {
        margin: 5.5rem;
    }
    .m-lg-11 {
        margin: 6rem;
    }
    .m-lg-12 {
        margin: 6.5rem;
    }
    .m-lg-13 {
        margin: 7rem;
    }
    .m-lg-14 {
        margin: 7.5rem;
    }
    .m-lg-15 {
        margin: 8rem;
    }
    .m-lg-16 {
        margin: 8.5rem;
    }
    .m-lg-17 {
        margin: 9rem;
    }
    .m-lg-18 {
        margin: 9.5rem;
    }
    .m-lg-19 {
        margin: 10rem;
    }
    .m-lg-20 {
        margin: 10.5rem;
    }
    .m-lg-21 {
        margin: 11rem;
    }
    .m-lg-22 {
        margin: 11.5rem;
    }
    .m-lg-23 {
        margin: 12rem;
    }
    .m-lg-24 {
        margin: 12.5rem;
    }

    /* margin top */
    .mt-lg-1-6, .my-lg-1-6 {
        margin-top: 1.6rem;
    }
    .mt-lg-1-7, .my-lg-1-7 {
        margin-top: 1.7rem;
    }
    .mt-lg-1-8, .my-lg-1-8 {
        margin-top: 1.8rem;
    }
    .mt-lg-1-9, .my-lg-1-9 {
        margin-top: 1.9rem;
    }
    .mt-lg-2-0, .my-lg-2-0 {
        margin-top: 2.0rem;
    }
    .mt-lg-2-1, .my-lg-2-1 {
        margin-top: 2.1rem;
    }
    .mt-lg-2-2, .my-lg-2-2 {
        margin-top: 2.2rem;
    }
    .mt-lg-2-3, .my-lg-2-3 {
        margin-top: 2.3rem;
    }
    .mt-lg-2-4, .my-lg-2-4 {
        margin-top: 2.4rem;
    }
    .mt-lg-2-5, .my-lg-2-5 {
        margin-top: 2.5rem;
    }
    .mt-lg-2-6, .my-lg-2-6 {
        margin-top: 2.6rem;
    }
    .mt-lg-2-7, .my-lg-2-7 {
        margin-top: 2.7rem;
    }
    .mt-lg-2-8, .my-lg-2-8 {
        margin-top: 2.8rem;
    }
    .mt-lg-2-9, .my-lg-2-9 {
        margin-top: 2.9rem;
    }

    .mt-lg-6, .my-lg-6 {
        margin-top: 3.5rem;
    }
    .mt-lg-7, .my-lg-7 {
        margin-top: 4rem;
    }
    .mt-lg-8, .my-lg-8 {
        margin-top: 4.5rem;
    }
    .mt-lg-9, .my-lg-9 {
        margin-top: 5rem;
    }
    .mt-lg-10, .my-lg-10 {
        margin-top: 5.5rem;
    }
    .mt-lg-11, .my-lg-11 {
        margin-top: 6rem;
    }
    .mt-lg-12, .my-lg-12 {
        margin-top: 6.5rem;
    }
    .mt-lg-13, .my-lg-13 {
        margin-top: 7rem;
    }
    .mt-lg-14, .my-lg-14 {
        margin-top: 7.5rem;
    }
    .mt-lg-15, .my-lg-15 {
        margin-top: 8rem;
    }
    .mt-lg-16, .my-lg-16 {
        margin-top: 8.5rem;
    }
    .mt-lg-17, .my-lg-17 {
        margin-top: 9rem;
    }
    .mt-lg-18, .my-lg-18 {
        margin-top: 9.5rem;
    }
    .mt-lg-19, .my-lg-19 {
        margin-top: 10rem;
    }
    .mt-lg-20, .my-lg-20 {
        margin-top: 10.5rem;
    }
    .mt-lg-21, .my-lg-21 {
        margin-top: 11rem;
    }
    .mt-lg-22, .my-lg-22 {
        margin-top: 11.5rem;
    }
    .mt-lg-23, .my-lg-23 {
        margin-top: 12rem;
    }
    .mt-lg-24, .my-lg-24 {
        margin-top: 12.5rem;
    }

    /* margin bottom */
    .mb-lg-1-6, .my-lg-1-6 {
        margin-bottom: 1.6rem;
    }
    .mb-lg-1-7, .my-lg-1-7 {
        margin-bottom: 1.7rem;
    }
    .mb-lg-1-8, .my-lg-1-8 {
        margin-bottom: 1.8rem;
    }
    .mb-lg-1-9, .my-lg-1-9 {
        margin-bottom: 1.9rem;
    }
    .mb-lg-2-0, .my-lg-2-0 {
        margin-bottom: 2.0rem;
    }
    .mb-lg-2-1, .my-lg-2-1 {
        margin-bottom: 2.1rem;
    }
    .mb-lg-2-2, .my-lg-2-2 {
        margin-bottom: 2.2rem;
    }
    .mb-lg-2-3, .my-lg-2-3 {
        margin-bottom: 2.3rem;
    }
    .mb-lg-2-4, .my-lg-2-4 {
        margin-bottom: 2.4rem;
    }
    .mb-lg-2-5, .my-lg-2-5 {
        margin-bottom: 2.5rem;
    }
    .mb-lg-2-6, .my-lg-2-6 {
        margin-bottom: 2.6rem;
    }
    .mb-lg-2-7, .my-lg-2-7 {
        margin-bottom: 2.7rem;
    }
    .mb-lg-2-8, .my-lg-2-8 {
        margin-bottom: 2.8rem;
    }
    .mb-lg-2-9, .my-lg-2-9 {
        margin-bottom: 2.9rem;
    }

    .mb-lg-6, .my-lg-6 {
        margin-bottom: 3.5rem;
    }
    .mb-lg-7, .my-lg-7 {
        margin-bottom: 4rem;
    }
    .mb-lg-8, .my-lg-8 {
        margin-bottom: 4.5rem;
    }
    .mb-lg-9, .my-lg-9 {
        margin-bottom: 5rem;
    }
    .mb-lg-10, .my-lg-10 {
        margin-bottom: 5.5rem;
    }
    .mb-lg-11, .my-lg-11 {
        margin-bottom: 6rem;
    }
    .mb-lg-12, .my-lg-12 {
        margin-bottom: 6.5rem;
    }
    .mb-lg-13, .my-lg-13 {
        margin-bottom: 7rem;
    }
    .mb-lg-14, .my-lg-14 {
        margin-bottom: 7.5rem;
    }
    .mb-lg-15, .my-lg-15 {
        margin-bottom: 8rem;
    }
    .mb-lg-16, .my-lg-16 {
        margin-bottom: 8.5rem;
    }
    .mb-lg-17, .my-lg-17 {
        margin-bottom: 9rem;
    }
    .mb-lg-18, .my-lg-18 {
        margin-bottom: 9.5rem;
    }
    .mb-lg-19, .my-lg-19 {
        margin-bottom: 10rem;
    }
    .mb-lg-20, .my-lg-20 {
        margin-bottom: 10.5rem;
    }
    .mb-lg-21, .my-lg-21 {
        margin-bottom: 11rem;
    }
    .mb-lg-22, .my-lg-22 {
        margin-bottom: 11.5rem;
    }
    .mb-lg-23, .my-lg-23 {
        margin-bottom: 12rem;
    }
    .mb-lg-24, .my-lg-24 {
        margin-bottom: 12.5rem;
    }

    /* margin left */
    .ms-lg-1-6, .mx-lg-1-6 {
        margin-left: 1.6rem;
    }
    .ms-lg-1-7, .mx-lg-1-7 {
        margin-left: 1.7rem;
    }
    .ms-lg-1-8, .mx-lg-1-8 {
        margin-left: 1.8rem;
    }
    .ms-lg-1-9, .mx-lg-1-9 {
        margin-left: 1.9rem;
    }
    .ms-lg-2-0, .mx-lg-2-0 {
        margin-left: 2.0rem;
    }
    .ms-lg-2-1, .mx-lg-2-1 {
        margin-left: 2.1rem;
    }
    .ms-lg-2-2, .mx-lg-2-2 {
        margin-left: 2.2rem;
    }
    .ms-lg-2-3, .mx-lg-2-3 {
        margin-left: 2.3rem;
    }
    .ms-lg-2-4, .mx-lg-2-4 {
        margin-left: 2.4rem;
    }
    .ms-lg-2-5, .mx-lg-2-5 {
        margin-left: 2.5rem;
    }
    .ms-lg-2-6, .mx-lg-2-6 {
        margin-left: 2.6rem;
    }
    .ms-lg-2-7, .mx-lg-2-7 {
        margin-left: 2.7rem;
    }
    .ms-lg-2-8, .mx-lg-2-8 {
        margin-left: 2.8rem;
    }
    .ms-lg-2-9, .mx-lg-2-9 {
        margin-left: 2.9rem;
    }

    .ms-lg-6, .mx-lg-6 {
        margin-left: 3.5rem;
    }
    .ms-lg-7, .mx-lg-7 {
        margin-left: 4rem;
    }
    .ms-lg-8, .mx-lg-8 {
        margin-left: 4.5rem;
    }
    .ms-lg-9, .mx-lg-9 {
        margin-left: 5rem;
    }
    .ms-lg-10, .mx-lg-10 {
        margin-left: 5.5rem;
    }
    .ms-lg-11, .mx-lg-11 {
        margin-left: 6rem;
    }
    .ms-lg-12, .mx-lg-12 {
        margin-left: 6.5rem;
    }
    .ms-lg-13, .mx-lg-13 {
        margin-left: 7rem;
    }
    .ms-lg-14, .mx-lg-14 {
        margin-left: 7.5rem;
    }
    .ms-lg-15, .mx-lg-15 {
        margin-left: 8rem;
    }
    .ms-lg-16, .mx-lg-16 {
        margin-left: 8.5rem;
    }
    .ms-lg-17, .mx-lg-17 {
        margin-left: 9rem;
    }
    .ms-lg-18, .mx-lg-18 {
        margin-left: 9.5rem;
    }
    .ms-lg-19, .mx-lg-19 {
        margin-left: 10rem;
    }
    .ms-lg-20, .mx-lg-20 {
        margin-left: 10.5rem;
    }
    .ms-lg-21, .mx-lg-21 {
        margin-left: 11rem;
    }
    .ms-lg-22, .mx-lg-22 {
        margin-left: 11.5rem;
    }
    .ms-lg-23, .mx-lg-23 {
        margin-left: 12rem;
    }
    .ms-lg-24, .mx-lg-24 {
        margin-left: 12.5rem;
    }

    /* margin right */
    .me-lg-1-6, .mx-lg-1-6 {
        margin-right: 1.6rem;
    }
    .me-lg-1-7, .mx-lg-1-7 {
        margin-right: 1.7rem;
    }
    .me-lg-1-8, .mx-lg-1-8 {
        margin-right: 1.8rem;
    }
    .me-lg-1-9, .mx-lg-1-9 {
        margin-right: 1.9rem;
    }
    .me-lg-2-0, .mx-lg-2-0 {
        margin-right: 2.0rem;
    }
    .me-lg-2-1, .mx-lg-2-1 {
        margin-right: 2.1rem;
    }
    .me-lg-2-2, .mx-lg-2-2 {
        margin-right: 2.2rem;
    }
    .me-lg-2-3, .mx-lg-2-3 {
        margin-right: 2.3rem;
    }
    .me-lg-2-4, .mx-lg-2-4 {
        margin-right: 2.4rem;
    }
    .me-lg-2-5, .mx-lg-2-5 {
        margin-right: 2.5rem;
    }
    .me-lg-2-6, .mx-lg-2-6 {
        margin-right: 2.6rem;
    }
    .me-lg-2-7, .mx-lg-2-7 {
        margin-right: 2.7rem;
    }
    .me-lg-2-8, .mx-lg-2-8 {
        margin-right: 2.8rem;
    }
    .me-lg-2-9, .mx-lg-2-9 {
        margin-right: 2.9rem;
    }

    .me-lg-6, .mx-lg-6 {
        margin-right: 3.5rem;
    }
    .me-lg-7, .mx-lg-7 {
        margin-right: 4rem;
    }
    .me-lg-8, .mx-lg-8 {
        margin-right: 4.5rem;
    }
    .me-lg-9, .mx-lg-9 {
        margin-right: 5rem;
    }
    .me-lg-10, .mx-lg-10 {
        margin-right: 5.5rem;
    }
    .me-lg-11, .mx-lg-11 {
        margin-right: 6rem;
    }
    .me-lg-12, .mx-lg-12 {
        margin-right: 6.5rem;
    }
    .me-lg-13, .mx-lg-13 {
        margin-right: 7rem;
    }
    .me-lg-14, .mx-lg-14 {
        margin-right: 7.5rem;
    }
    .me-lg-15, .mx-lg-15 {
        margin-right: 8rem;
    }
    .me-lg-16, .mx-lg-16 {
        margin-right: 8.5rem;
    }
    .me-lg-17, .mx-lg-17 {
        margin-right: 9rem;
    }
    .me-lg-18, .mx-lg-18 {
        margin-right: 9.5rem;
    }
    .me-lg-19, .mx-lg-19 {
        margin-right: 10rem;
    }
    .me-lg-20, .mx-lg-20 {
        margin-right: 10.5rem;
    }
    .me-lg-21, .mx-lg-21 {
        margin-right: 11rem;
    }
    .me-lg-22, .mx-lg-22 {
        margin-right: 11.5rem;
    }
    .me-lg-23, .mx-lg-23 {
        margin-right: 12rem;
    }
    .me-lg-24, .mx-lg-24 {
        margin-right: 12.5rem;
    }

    /* padding */

    /* padding all */
    .p-lg-1-6 {
        padding: 1.6rem;
    }
    .p-lg-1-7 {
        padding: 1.7rem;
    }
    .p-lg-1-8 {
        padding: 1.8rem;
    }
    .p-lg-1-9 {
        padding: 1.9rem;
    }
    .p-lg-2-0 {
        padding: 2.0rem;
    }
    .p-lg-2-1 {
        padding: 2.1rem;
    }
    .p-lg-2-2 {
        padding: 2.2rem;
    }
    .p-lg-2-3 {
        padding: 2.3rem;
    }
    .p-lg-2-4 {
        padding: 2.4rem;
    }
    .p-lg-2-5 {
        padding: 2.5rem;
    }
    .p-lg-2-6 {
        padding: 2.6rem;
    }
    .p-lg-2-7 {
        padding: 2.7rem;
    }
    .p-lg-2-8 {
        padding: 2.8rem;
    }
    .p-lg-2-9 {
        padding: 2.9rem;
    }

    .p-lg-6 {
        padding: 3.5rem;
    }
    .p-lg-7 {
        padding: 4rem;
    }
    .p-lg-8 {
        padding: 4.5rem;
    }
    .p-lg-9 {
        padding: 5rem;
    }
    .p-lg-10 {
        padding: 5.5rem;
    }
    .p-lg-11 {
        padding: 6rem;
    }
    .p-lg-12 {
        padding: 6.5rem;
    }
    .p-lg-13 {
        padding: 7rem;
    }
    .p-lg-14 {
        padding: 7.5rem;
    }
    .p-lg-15 {
        padding: 8rem;
    }
    .p-lg-16 {
        padding: 8.5rem;
    }
    .p-lg-17 {
        padding: 9rem;
    }
    .p-lg-18 {
        padding: 9.5rem;
    }
    .p-lg-19 {
        padding: 10rem;
    }
    .p-lg-20 {
        padding: 10.5rem;
    }
    .p-lg-21 {
        padding: 11rem;
    }
    .p-lg-22 {
        padding: 11.5rem;
    }
    .p-lg-23 {
        padding: 12rem;
    }
    .p-lg-24 {
        padding: 12.5rem;
    }

    /* padding top */
    .pt-lg-1-6, .py-lg-1-6 {
        padding-top: 1.6rem;
    }
    .pt-lg-1-7, .py-lg-1-7 {
        padding-top: 1.7rem;
    }
    .pt-lg-1-8, .py-lg-1-8 {
        padding-top: 1.8rem;
    }
    .pt-lg-1-9, .py-lg-1-9 {
        padding-top: 1.9rem;
    }
    .pt-lg-2-0, .py-lg-2-0 {
        padding-top: 2.0rem;
    }
    .pt-lg-2-1, .py-lg-2-1 {
        padding-top: 2.1rem;
    }
    .pt-lg-2-2, .py-lg-2-2 {
        padding-top: 2.2rem;
    }
    .pt-lg-2-3, .py-lg-2-3 {
        padding-top: 2.3rem;
    }
    .pt-lg-2-4, .py-lg-2-4 {
        padding-top: 2.4rem;
    }
    .pt-lg-2-5, .py-lg-2-5 {
        padding-top: 2.5rem;
    }
    .pt-lg-2-6, .py-lg-2-6 {
        padding-top: 2.6rem;
    }
    .pt-lg-2-7, .py-lg-2-7 {
        padding-top: 2.7rem;
    }
    .pt-lg-2-8, .py-lg-2-8 {
        padding-top: 2.8rem;
    }
    .pt-lg-2-9, .py-lg-2-9 {
        padding-top: 2.9rem;
    }

    .pt-lg-6, .py-lg-6 {
        padding-top: 3.5rem;
    }
    .pt-lg-7, .py-lg-7 {
        padding-top: 4rem;
    }
    .pt-lg-8, .py-lg-8 {
        padding-top: 4.5rem;
    }
    .pt-lg-9, .py-lg-9 {
        padding-top: 5rem;
    }
    .pt-lg-10, .py-lg-10 {
        padding-top: 5.5rem;
    }
    .pt-lg-11, .py-lg-11 {
        padding-top: 6rem;
    }
    .pt-lg-12, .py-lg-12 {
        padding-top: 6.5rem;
    }
    .pt-lg-13, .py-lg-13 {
        padding-top: 7rem;
    }
    .pt-lg-14, .py-lg-14 {
        padding-top: 7.5rem;
    }
    .pt-lg-15, .py-lg-15 {
        padding-top: 8rem;
    }
    .pt-lg-16, .py-lg-16 {
        padding-top: 8.5rem;
    }
    .pt-lg-17, .py-lg-17 {
        padding-top: 9rem;
    }
    .pt-lg-18, .py-lg-18 {
        padding-top: 9.5rem;
    }
    .pt-lg-19, .py-lg-19 {
        padding-top: 10rem;
    }
    .pt-lg-20, .py-lg-20 {
        padding-top: 10.5rem;
    }
    .pt-lg-21, .py-lg-21 {
        padding-top: 11rem;
    }
    .pt-lg-22, .py-lg-22 {
        padding-top: 11.5rem;
    }
    .pt-lg-23, .py-lg-23 {
        padding-top: 12rem;
    }
    .pt-lg-24, .py-lg-24 {
        padding-top: 12.5rem;
    }

    /* padding bottom */
    .pb-lg-1-6, .py-lg-1-6 {
        padding-bottom: 1.6rem;
    }
    .pb-lg-1-7, .py-lg-1-7 {
        padding-bottom: 1.7rem;
    }
    .pb-lg-1-8, .py-lg-1-8 {
        padding-bottom: 1.8rem;
    }
    .pb-lg-1-9, .py-lg-1-9 {
        padding-bottom: 1.9rem;
    }
    .pb-lg-2-0, .py-lg-2-0 {
        padding-bottom: 2.0rem;
    }
    .pb-lg-2-1, .py-lg-2-1 {
        padding-bottom: 2.1rem;
    }
    .pb-lg-2-2, .py-lg-2-2 {
        padding-bottom: 2.2rem;
    }
    .pb-lg-2-3, .py-lg-2-3 {
        padding-bottom: 2.3rem;
    }
    .pb-lg-2-4, .py-lg-2-4 {
        padding-bottom: 2.4rem;
    }
    .pb-lg-2-5, .py-lg-2-5 {
        padding-bottom: 2.5rem;
    }
    .pb-lg-2-6, .py-lg-2-6 {
        padding-bottom: 2.6rem;
    }
    .pb-lg-2-7, .py-lg-2-7 {
        padding-bottom: 2.7rem;
    }
    .pb-lg-2-8, .py-lg-2-8 {
        padding-bottom: 2.8rem;
    }
    .pb-lg-2-9, .py-lg-2-9 {
        padding-bottom: 2.9rem;
    }

    .pb-lg-6, .py-lg-6 {
        padding-bottom: 3.5rem;
    }
    .pb-lg-7, .py-lg-7 {
        padding-bottom: 4rem;
    }
    .pb-lg-8, .py-lg-8 {
        padding-bottom: 4.5rem;
    }
    .pb-lg-9, .py-lg-9 {
        padding-bottom: 5rem;
    }
    .pb-lg-10, .py-lg-10 {
        padding-bottom: 5.5rem;
    }
    .pb-lg-11, .py-lg-11 {
        padding-bottom: 6rem;
    }
    .pb-lg-12, .py-lg-12 {
        padding-bottom: 6.5rem;
    }
    .pb-lg-13, .py-lg-13 {
        padding-bottom: 7rem;
    }
    .pb-lg-14, .py-lg-14 {
        padding-bottom: 7.5rem;
    }
    .pb-lg-15, .py-lg-15 {
        padding-bottom: 8rem;
    }
    .pb-lg-16, .py-lg-16 {
        padding-bottom: 8.5rem;
    }
    .pb-lg-17, .py-lg-17 {
        padding-bottom: 9rem;
    }
    .pb-lg-18, .py-lg-18 {
        padding-bottom: 9.5rem;
    }
    .pb-lg-19, .py-lg-19 {
        padding-bottom: 10rem;
    }
    .pb-lg-20, .py-lg-20 {
        padding-bottom: 10.5rem;
    }
    .pb-lg-21, .py-lg-21 {
        padding-bottom: 11rem;
    }
    .pb-lg-22, .py-lg-22 {
        padding-bottom: 11.5rem;
    }
    .pb-lg-23, .py-lg-23 {
        padding-bottom: 12rem;
    }
    .pb-lg-24, .py-lg-24 {
        padding-bottom: 12.5rem;
    }

    /* padding left */
    .ps-lg-1-6, .px-lg-1-6 {
        padding-left: 1.6rem;
    }
    .ps-lg-1-7, .px-lg-1-7 {
        padding-left: 1.7rem;
    }
    .ps-lg-1-8, .px-lg-1-8 {
        padding-left: 1.8rem;
    }
    .ps-lg-1-9, .px-lg-1-9 {
        padding-left: 1.9rem;
    }
    .ps-lg-2-0, .px-lg-2-0 {
        padding-left: 2.0rem;
    }
    .ps-lg-2-1, .px-lg-2-1 {
        padding-left: 2.1rem;
    }
    .ps-lg-2-2, .px-lg-2-2 {
        padding-left: 2.2rem;
    }
    .ps-lg-2-3, .px-lg-2-3 {
        padding-left: 2.3rem;
    }
    .ps-lg-2-4, .px-lg-2-4 {
        padding-left: 2.4rem;
    }
    .ps-lg-2-5, .px-lg-2-5 {
        padding-left: 2.5rem;
    }
    .ps-lg-2-6, .px-lg-2-6 {
        padding-left: 2.6rem;
    }
    .ps-lg-2-7, .px-lg-2-7 {
        padding-left: 2.7rem;
    }
    .ps-lg-2-8, .px-lg-2-8 {
        padding-left: 2.8rem;
    }
    .ps-lg-2-9, .px-lg-2-9 {
        padding-left: 2.9rem;
    }

    .ps-lg-6, .px-lg-6 {
        padding-left: 3.5rem;
    }
    .ps-lg-7, .px-lg-7 {
        padding-left: 4rem;
    }
    .ps-lg-8, .px-lg-8 {
        padding-left: 4.5rem;
    }
    .ps-lg-9, .px-lg-9 {
        padding-left: 5rem;
    }
    .ps-lg-10, .px-lg-10 {
        padding-left: 5.5rem;
    }
    .ps-lg-11, .px-lg-11 {
        padding-left: 6rem;
    }
    .ps-lg-12, .px-lg-12 {
        padding-left: 6.5rem;
    }
    .ps-lg-13, .px-lg-13 {
        padding-left: 7rem;
    }
    .ps-lg-14, .px-lg-14 {
        padding-left: 7.5rem;
    }
    .ps-lg-15, .px-lg-15 {
        padding-left: 8rem;
    }
    .ps-lg-16, .px-lg-16 {
        padding-left: 8.5rem;
    }
    .ps-lg-17, .px-lg-17 {
        padding-left: 9rem;
    }
    .ps-lg-18, .px-lg-18 {
        padding-left: 9.5rem;
    }
    .ps-lg-19, .px-lg-19 {
        padding-left: 10rem;
    }
    .ps-lg-20, .px-lg-20 {
        padding-left: 10.5rem;
    }
    .ps-lg-21, .px-lg-21 {
        padding-left: 11rem;
    }
    .ps-lg-22, .px-lg-22 {
        padding-left: 11.5rem;
    }
    .ps-lg-23, .px-lg-23 {
        padding-left: 12rem;
    }
    .ps-lg-24, .px-lg-24 {
        padding-left: 12.5rem;
    }

    /* padding right */
    .pe-lg-1-6, .px-lg-1-6 {
        padding-right: 1.6rem;
    }
    .pe-lg-1-7, .px-lg-1-7 {
        padding-right: 1.7rem;
    }
    .pe-lg-1-8, .px-lg-1-8 {
        padding-right: 1.8rem;
    }
    .pe-lg-1-9, .px-lg-1-9 {
        padding-right: 1.9rem;
    }
    .pe-lg-2-0, .px-lg-2-0 {
        padding-right: 2.0rem;
    }
    .pe-lg-2-1, .px-lg-2-1 {
        padding-right: 2.1rem;
    }
    .pe-lg-2-2, .px-lg-2-2 {
        padding-right: 2.2rem;
    }
    .pe-lg-2-3, .px-lg-2-3 {
        padding-right: 2.3rem;
    }
    .pe-lg-2-4, .px-lg-2-4 {
        padding-right: 2.4rem;
    }
    .pe-lg-2-5, .px-lg-2-5 {
        padding-right: 2.5rem;
    }
    .pe-lg-2-6, .px-lg-2-6 {
        padding-right: 2.6rem;
    }
    .pe-lg-2-7, .px-lg-2-7 {
        padding-right: 2.7rem;
    }
    .pe-lg-2-8, .px-lg-2-8 {
        padding-right: 2.8rem;
    }
    .pe-lg-2-9, .px-lg-2-9 {
        padding-right: 2.9rem;
    }

    .pe-lg-6, .px-lg-6 {
        padding-right: 3.5rem;
    }
    .pe-lg-7, .px-lg-7 {
        padding-right: 4rem;
    }
    .pe-lg-8, .px-lg-8 {
        padding-right: 4.5rem;
    }
    .pe-lg-9, .px-lg-9 {
        padding-right: 5rem;
    }
    .pe-lg-10, .px-lg-10 {
        padding-right: 5.5rem;
    }
    .pe-lg-11, .px-lg-11 {
        padding-right: 6rem;
    }
    .pe-lg-12, .px-lg-12 {
        padding-right: 6.5rem;
    }
    .pe-lg-13, .px-lg-13 {
        padding-right: 7rem;
    }
    .pe-lg-14, .px-lg-14 {
        padding-right: 7.5rem;
    }
    .pe-lg-15, .px-lg-15 {
        padding-right: 8rem;
    }
    .pe-lg-16, .px-lg-16 {
        padding-right: 8.5rem;
    }
    .pe-lg-17, .px-lg-17 {
        padding-right: 9rem;
    }
    .pe-lg-18, .px-lg-18 {
        padding-right: 9.5rem;
    }
    .pe-lg-19, .px-lg-19 {
        padding-right: 10rem;
    }
    .pe-lg-20, .px-lg-20 {
        padding-right: 10.5rem;
    }
    .pe-lg-21, .px-lg-21 {
        padding-right: 11rem;
    }
    .pe-lg-22, .px-lg-22 {
        padding-right: 11.5rem;
    }
    .pe-lg-23, .px-lg-23 {
        padding-right: 12rem;
    }
    .pe-lg-24, .px-lg-24 {
        padding-right: 12.5rem;
    }

}

@media screen and (min-width: 1200px) {

    /* width */
    .w-xl-1px {width:1px;}
    .w-xl-2px {width:2px;}
    .w-xl-3px {width:3px;}
    .w-xl-4px {width:4px;}
    .w-xl-5px {width:5px;}
    .w-xl-6px {width:6px;}
    .w-xl-7px {width:7px;}
    .w-xl-8px {width:8px;}
    .w-xl-9px {width:9px;}
    .w-xl-10px {width:10px;}
    .w-xl-15px {width:15px;}
    .w-xl-20px {width:20px;}
    .w-xl-25px {width:25px;}
    .w-xl-30px {width:30px;}
    .w-xl-35px {width:35px;}
    .w-xl-40px {width:40px;}
    .w-xl-50px {width:50px;}
    .w-xl-55px {width:55px;}
    .w-xl-60px {width:60px;}
    .w-xl-65px {width:65px;}
    .w-xl-70px {width:70px;}
    .w-xl-75px {width:75px;}
    .w-xl-80px {width:80px;}
    .w-xl-85px {width:85px;}
    .w-xl-90px {width:90px;}
    .w-xl-100px {width:100px;}

    .w-xl-1 {width:1%;}
    .w-xl-2 {width:2%;}
    .w-xl-3 {width:3%;}
    .w-xl-4 {width:4%;}
    .w-xl-5 {width:5%;}
    .w-xl-6 {width:6%;}
    .w-xl-7 {width:7%;}
    .w-xl-8 {width:8%;}
    .w-xl-9 {width:9%;}
    .w-xl-10 {width:10%;}
    .w-xl-11 {width:10%;}
    .w-xl-12 {width:12%;}
    .w-xl-13 {width:13%;}
    .w-xl-14 {width:14%;}
    .w-xl-15 {width:15%;}
    .w-xl-20 {width:20%;}
    .w-xl-25 {width:25%;}
    .w-xl-30 {width:30%;}
    .w-xl-35 {width:35%;}
    .w-xl-40 {width:40%;}
    .w-xl-45 {width:45%;}
    .w-xl-50 {width:50%;}
    .w-xl-55 {width:55%;}
    .w-xl-60 {width:60%;}
    .w-xl-65 {width:65%;}
    .w-xl-70 {width:70%;}
    .w-xl-75 {width:75%;}
    .w-xl-80 {width:80%;}
    .w-xl-85 {width:85%;}
    .w-xl-90 {width:90%;}
    .w-xl-95 {width:95%;}
    .w-xl-100 {width:100%;}
    .w-xl-auto {width: auto;}

    /* font size */
    .display-xl-1 {font-size:6rem;}
    .display-xl-2 {font-size:5.5rem;}
    .display-xl-3 {font-size:4.5rem;}
    .display-xl-4 {font-size:3.5rem;}
    .display-xl-5 {font-size:3.4rem;}
    .display-xl-6 {font-size:3.3rem;}
    .display-xl-7 {font-size:3.2rem;}
    .display-xl-8 {font-size:3.1rem;}
    .display-xl-9 {font-size:3.0rem;}
    .display-xl-10 {font-size:2.9rem;}
    .display-xl-11 {font-size:2.8rem;}
    .display-xl-12 {font-size:2.7rem;}
    .display-xl-13 {font-size:2.6rem;}
    .display-xl-14 {font-size:2.5rem;}
    .display-xl-15 {font-size:2.4rem;}
    .display-xl-16 {font-size:2.3rem;}
    .display-xl-17 {font-size:2.2rem;}
    .display-xl-18 {font-size:2.1rem;}
    .display-xl-19 {font-size:2.0rem;}
    .display-xl-20 {font-size:1.9rem;}
    .display-xl-21 {font-size:1.8rem;}
    .display-xl-22 {font-size:1.7rem;}
    .display-xl-23 {font-size:1.6rem;}
    .display-xl-24 {font-size:1.5rem;}
    .display-xl-25 {font-size:1.4rem;}
    .display-xl-26 {font-size:1.3rem;}
    .display-xl-27 {font-size:1.2rem;}
    .display-xl-28 {font-size:1.1rem;}
    .display-xl-29 {font-size:1.0rem;}
    .display-xl-30 {font-size:0.9rem;}
    .display-xl-31 {font-size:0.8rem;}
    .display-xl-32 {font-size:0.7rem;}
    .display-xl-33 {font-size:0.6rem;}
    .display-xl-34 {font-size:0.5rem;}

    /* border */
    .border-xl-0 { border: none; }
    .border-xl { border: 1px solid #dee2e6; }
    .border-xl-top { border-top: 1px solid #dee2e6; }
    .border-xl-end { border-right: 1px solid #dee2e6; }
    .border-xl-bottom { border-bottom: 1px solid #dee2e6; }
    .border-xl-start { border-left: 1px solid #dee2e6; }
    .border-xl-top-0 { border-top: none; }
    .border-xl-end-0 { border-right: none; }
    .border-xl-bottom-0 { border-bottom: none; }
    .border-xl-start-0 { border-left: none; }
    .border-xl-color-light-white { border-color: rgba(255, 255, 255, 0.1) !important;}

    /* rounded */
    .rounded-xl { border-radius: .25rem; }
    .border-radius-xl-10 { border-radius: 10px; }

    /* position */
    .top-xl-5 { top: 5%; bottom: inherit; }
    .top-xl-10 { top: 10%; bottom: inherit; }
    .top-xl-15 { top: 15%; bottom: inherit; }
    .top-xl-20 { top: 20%; bottom: inherit; }
    .top-xl-25 { top: 25%; bottom: inherit; }
    .top-xl-30 { top: 30%; bottom: inherit; }
    .top-xl-35 { top: 35%; bottom: inherit; }
    .top-xl-40 { top: 40%; bottom: inherit; }
    .top-xl-45 { top: 45%; bottom: inherit; }
    .top-xl-50 { top: 50%; bottom: inherit; }
    .top-xl-55 { top: 55%; bottom: inherit; }
    .top-xl-60 { top: 60%; bottom: inherit; }
    .top-xl-65 { top: 65%; bottom: inherit; }
    .top-xl-70 { top: 70%; bottom: inherit; }
    .top-xl-75 { top: 75%; bottom: inherit; }
    .top-xl-80 { top: 80%; bottom: inherit; }
    .top-xl-85 { top: 85%; bottom: inherit; }
    .top-xl-90 { top: 90%; bottom: inherit; }
    .top-xl-95 { top: 95%; bottom: inherit; }
    .top-xl-100 { top: 100%; bottom: inherit; }

    .top-xl-n5 { top: -5%; bottom: inherit; }
    .top-xl-n10 { top: -10%; bottom: inherit; }
    .top-xl-n15 { top: -15%; bottom: inherit; }
    .top-xl-n20 { top: -20%; bottom: inherit; }
    .top-xl-n25 { top: -25%; bottom: inherit; }
    .top-xl-n30 { top: -30%; bottom: inherit; }
    .top-xl-n35 { top: -35%; bottom: inherit; }
    .top-xl-n40 { top: -40%; bottom: inherit; }
    .top-xl-n45 { top: -45%; bottom: inherit; }
    .top-xl-n50 { top: -50%; bottom: inherit; }
    .top-xl-n55 { top: -55%; bottom: inherit; }
    .top-xl-n60 { top: -60%; bottom: inherit; }
    .top-xl-n65 { top: -65%; bottom: inherit; }
    .top-xl-n70 { top: -70%; bottom: inherit; }
    .top-xl-n75 { top: -75%; bottom: inherit; }
    .top-xl-n80 { top: -80%; bottom: inherit; }
    .top-xl-n85 { top: -85%; bottom: inherit; }
    .top-xl-n90 { top: -90%; bottom: inherit; }
    .top-xl-n95 { top: -95%; bottom: inherit; }
    .top-xl-n100 { top: -100%; bottom: inherit; }

    .bottom-xl-5 { bottom: 5%; top: inherit; }
    .bottom-xl-10 { bottom: 10%; top: inherit; }
    .bottom-xl-15 { bottom: 15%; top: inherit; }
    .bottom-xl-20 { bottom: 20%; top: inherit; }
    .bottom-xl-25 { bottom: 25%; top: inherit; }
    .bottom-xl-30 { bottom: 30%; top: inherit; }
    .bottom-xl-35 { bottom: 35%; top: inherit; }
    .bottom-xl-40 { bottom: 40%; top: inherit; }
    .bottom-xl-45 { bottom: 45%; top: inherit; }
    .bottom-xl-50 { bottom: 50%; top: inherit; }
    .bottom-xl-55 { bottom: 55%; top: inherit; }
    .bottom-xl-60 { bottom: 60%; top: inherit; }
    .bottom-xl-65 { bottom: 65%; top: inherit; }
    .bottom-xl-70 { bottom: 70%; top: inherit; }
    .bottom-xl-75 { bottom: 75%; top: inherit; }
    .bottom-xl-80 { bottom: 80%; top: inherit; }
    .bottom-xl-85 { bottom: 85%; top: inherit; }
    .bottom-xl-90 { bottom: 90%; top: inherit; }
    .bottom-xl-95 { bottom: 95%; top: inherit; }
    .bottom-xl-100 { bottom: 100%; top: inherit; }

    .bottom-xl-n5 { bottom: -5%; top: inherit; }
    .bottom-xl-n10 { bottom: -10%; top: inherit; }
    .bottom-xl-n15 { bottom: -15%; top: inherit; }
    .bottom-xl-n20 { bottom: -20%; top: inherit; }
    .bottom-xl-n25 { bottom: -25%; top: inherit; }
    .bottom-xl-n30 { bottom: -30%; top: inherit; }
    .bottom-xl-n35 { bottom: -35%; top: inherit; }
    .bottom-xl-n40 { bottom: -40%; top: inherit; }
    .bottom-xl-n45 { bottom: -45%; top: inherit; }
    .bottom-xl-n50 { bottom: -50%; top: inherit; }
    .bottom-xl-n55 { bottom: -55%; top: inherit; }
    .bottom-xl-n60 { bottom: -60%; top: inherit; }
    .bottom-xl-n65 { bottom: -65%; top: inherit; }
    .bottom-xl-n70 { bottom: -70%; top: inherit; }
    .bottom-xl-n75 { bottom: -75%; top: inherit; }
    .bottom-xl-n80 { bottom: -80%; top: inherit; }
    .bottom-xl-n85 { bottom: -85%; top: inherit; }
    .bottom-xl-n90 { bottom: -90%; top: inherit; }
    .bottom-xl-n95 { bottom: -95%; top: inherit; }
    .bottom-xl-n100 { bottom: -100%; top: inherit; }

    .left-xl-5 { left: 5%; right: inherit; }
    .left-xl-10 { left: 10%; right: inherit; }
    .left-xl-15 { left: 15%; right: inherit; }
    .left-xl-20 { left: 20%; right: inherit; }
    .left-xl-25 { left: 25%; right: inherit; }
    .left-xl-30 { left: 30%; right: inherit; }
    .left-xl-35 { left: 35%; right: inherit; }
    .left-xl-40 { left: 40%; right: inherit; }
    .left-xl-45 { left: 45%; right: inherit; }
    .left-xl-50 { left: 50%; right: inherit; }
    .left-xl-55 { left: 55%; right: inherit; }
    .left-xl-60 { left: 60%; right: inherit; }
    .left-xl-65 { left: 65%; right: inherit; }
    .left-xl-70 { left: 70%; right: inherit; }
    .left-xl-75 { left: 75%; right: inherit; }
    .left-xl-80 { left: 80%; right: inherit; }
    .left-xl-85 { left: 85%; right: inherit; }
    .left-xl-90 { left: 90%; right: inherit; }
    .left-xl-95 { left: 95%; right: inherit; }
    .left-xl-100 { left: 100%; right: inherit; }

    .left-xl-n5 { left: -5%; right: inherit; }
    .left-xl-n10 { left: -10%; right: inherit; }
    .left-xl-n15 { left: -15%; right: inherit; }
    .left-xl-n20 { left: -20%; right: inherit; }
    .left-xl-n25 { left: -25%; right: inherit; }
    .left-xl-n30 { left: -30%; right: inherit; }
    .left-xl-n35 { left: -35%; right: inherit; }
    .left-xl-n40 { left: -40%; right: inherit; }
    .left-xl-n45 { left: -45%; right: inherit; }
    .left-xl-n50 { left: -50%; right: inherit; }
    .left-xl-n55 { left: -55%; right: inherit; }
    .left-xl-n60 { left: -60%; right: inherit; }
    .left-xl-n65 { left: -65%; right: inherit; }
    .left-xl-n70 { left: -70%; right: inherit; }
    .left-xl-n75 { left: -75%; right: inherit; }
    .left-xl-n80 { left: -80%; right: inherit; }
    .left-xl-n85 { left: -85%; right: inherit; }
    .left-xl-n90 { left: -90%; right: inherit; }
    .left-xl-n95 { left: -95%; right: inherit; }
    .left-xl-n100 { left: -100%; right: inherit; }

    .right-xl-5 { right: 5%; left: inherit; }
    .right-xl-10 { right: 10%; left: inherit; }
    .right-xl-15 { right: 15%; left: inherit; }
    .right-xl-20 { right: 20%; left: inherit; }
    .right-xl-25 { right: 25%; left: inherit; }
    .right-xl-30 { right: 30%; left: inherit; }
    .right-xl-35 { right: 35%; left: inherit; }
    .right-xl-40 { right: 40%; left: inherit; }
    .right-xl-45 { right: 45%; left: inherit; }
    .right-xl-50 { right: 50%; left: inherit; }
    .right-xl-55 { right: 55%; left: inherit; }
    .right-xl-60 { right: 60%; left: inherit; }
    .right-xl-65 { right: 65%; left: inherit; }
    .right-xl-70 { right: 70%; left: inherit; }
    .right-xl-75 { right: 75%; left: inherit; }
    .right-xl-80 { right: 80%; left: inherit; }
    .right-xl-85 { right: 85%; left: inherit; }
    .right-xl-90 { right: 90%; left: inherit; }
    .right-xl-95 { right: 95%; left: inherit; }
    .right-xl-100 { right: 100%; left: inherit; }
     
    .right-xl-n5 { right: -5%; left: inherit; }
    .right-xl-n10 { right: -10%; left: inherit; }
    .right-xl-n15 { right: -15%; left: inherit; }
    .right-xl-n20 { right: -20%; left: inherit; }
    .right-xl-n25 { right: -25%; left: inherit; }
    .right-xl-n30 { right: -30%; left: inherit; }
    .right-xl-n35 { right: -35%; left: inherit; }
    .right-xl-n40 { right: -40%; left: inherit; }
    .right-xl-n45 { right: -45%; left: inherit; }
    .right-xl-n50 { right: -50%; left: inherit; }
    .right-xl-n55 { right: -55%; left: inherit; }
    .right-xl-n60 { right: -60%; left: inherit; }
    .right-xl-n65 { right: -65%; left: inherit; }
    .right-xl-n70 { right: -70%; left: inherit; }
    .right-xl-n75 { right: -75%; left: inherit; }
    .right-xl-n80 { right: -80%; left: inherit; }
    .right-xl-n85 { right: -85%; left: inherit; }
    .right-xl-n90 { right: -90%; left: inherit; }
    .right-xl-n95 { right: -95%; left: inherit; }
    .right-xl-n100 { right: -100%; left: inherit; }

    /* margin */

    /* margin all */
    .m-xl-1-6 {
        margin: 1.6rem;
    }
    .m-xl-1-7 {
        margin: 1.7rem;
    }
    .m-xl-1-8 {
        margin: 1.8rem;
    }
    .m-xl-1-9 {
        margin: 1.9rem;
    }
    .m-xl-2-0 {
        margin: 2.0rem;
    }
    .m-xl-2-1 {
        margin: 2.1rem;
    }
    .m-xl-2-2 {
        margin: 2.2rem;
    }
    .m-xl-2-3 {
        margin: 2.3rem;
    }
    .m-xl-2-4 {
        margin: 2.4rem;
    }
    .m-xl-2-5 {
        margin: 2.5rem;
    }
    .m-xl-2-6 {
        margin: 2.6rem;
    }
    .m-xl-2-7 {
        margin: 2.7rem;
    }
    .m-xl-2-8 {
        margin: 2.8rem;
    }
    .m-xl-2-9 {
        margin: 2.9rem;
    }

    .m-xl-6 {
        margin: 3.5rem;
    }
    .m-xl-7 {
        margin: 4rem;
    }
    .m-xl-8 {
        margin: 4.5rem;
    }
    .m-xl-9 {
        margin: 5rem;
    }
    .m-xl-10 {
        margin: 5.5rem;
    }
    .m-xl-11 {
        margin: 6rem;
    }
    .m-xl-12 {
        margin: 6.5rem;
    }
    .m-xl-13 {
        margin: 7rem;
    }
    .m-xl-14 {
        margin: 7.5rem;
    }
    .m-xl-15 {
        margin: 8rem;
    }
    .m-xl-16 {
        margin: 8.5rem;
    }
    .m-xl-17 {
        margin: 9rem;
    }
    .m-xl-18 {
        margin: 9.5rem;
    }
    .m-xl-19 {
        margin: 10rem;
    }
    .m-xl-20 {
        margin: 10.5rem;
    }
    .m-xl-21 {
        margin: 11rem;
    }
    .m-xl-22 {
        margin: 11.5rem;
    }
    .m-xl-23 {
        margin: 12rem;
    }
    .m-xl-24 {
        margin: 12.5rem;
    }

    /* margin top */
    .mt-xl-1-6, .my-xl-1-6 {
        margin-top: 1.6rem;
    }
    .mt-xl-1-7, .my-xl-1-7 {
        margin-top: 1.7rem;
    }
    .mt-xl-1-8, .my-xl-1-8 {
        margin-top: 1.8rem;
    }
    .mt-xl-1-9, .my-xl-1-9 {
        margin-top: 1.9rem;
    }
    .mt-xl-2-0, .my-xl-2-0 {
        margin-top: 2.0rem;
    }
    .mt-xl-2-1, .my-xl-2-1 {
        margin-top: 2.1rem;
    }
    .mt-xl-2-2, .my-xl-2-2 {
        margin-top: 2.2rem;
    }
    .mt-xl-2-3, .my-xl-2-3 {
        margin-top: 2.3rem;
    }
    .mt-xl-2-4, .my-xl-2-4 {
        margin-top: 2.4rem;
    }
    .mt-xl-2-5, .my-xl-2-5 {
        margin-top: 2.5rem;
    }
    .mt-xl-2-6, .my-xl-2-6 {
        margin-top: 2.6rem;
    }
    .mt-xl-2-7, .my-xl-2-7 {
        margin-top: 2.7rem;
    }
    .mt-xl-2-8, .my-xl-2-8 {
        margin-top: 2.8rem;
    }
    .mt-xl-2-9, .my-xl-2-9 {
        margin-top: 2.9rem;
    }

    .mt-xl-6, .my-xl-6 {
        margin-top: 3.5rem;
    }
    .mt-xl-7, .my-xl-7 {
        margin-top: 4rem;
    }
    .mt-xl-8, .my-xl-8 {
        margin-top: 4.5rem;
    }
    .mt-xl-9, .my-xl-9 {
        margin-top: 5rem;
    }
    .mt-xl-10, .my-xl-10 {
        margin-top: 5.5rem;
    }
    .mt-xl-11, .my-xl-11 {
        margin-top: 6rem;
    }
    .mt-xl-12, .my-xl-12 {
        margin-top: 6.5rem;
    }
    .mt-xl-13, .my-xl-13 {
        margin-top: 7rem;
    }
    .mt-xl-14, .my-xl-14 {
        margin-top: 7.5rem;
    }
    .mt-xl-15, .my-xl-15 {
        margin-top: 8rem;
    }
    .mt-xl-16, .my-xl-16 {
        margin-top: 8.5rem;
    }
    .mt-xl-17, .my-xl-17 {
        margin-top: 9rem;
    }
    .mt-xl-18, .my-xl-18 {
        margin-top: 9.5rem;
    }
    .mt-xl-19, .my-xl-19 {
        margin-top: 10rem;
    }
    .mt-xl-20, .my-xl-20 {
        margin-top: 10.5rem;
    }
    .mt-xl-21, .my-xl-21 {
        margin-top: 11rem;
    }
    .mt-xl-22, .my-xl-22 {
        margin-top: 11.5rem;
    }
    .mt-xl-23, .my-xl-23 {
        margin-top: 12rem;
    }
    .mt-xl-24, .my-xl-24 {
        margin-top: 12.5rem;
    }

    /* margin bottom */
    .mb-xl-1-6, .my-xl-1-6 {
        margin-bottom: 1.6rem;
    }
    .mb-xl-1-7, .my-xl-1-7 {
        margin-bottom: 1.7rem;
    }
    .mb-xl-1-8, .my-xl-1-8 {
        margin-bottom: 1.8rem;
    }
    .mb-xl-1-9, .my-xl-1-9 {
        margin-bottom: 1.9rem;
    }
    .mb-xl-2-0, .my-xl-2-0 {
        margin-bottom: 2.0rem;
    }
    .mb-xl-2-1, .my-xl-2-1 {
        margin-bottom: 2.1rem;
    }
    .mb-xl-2-2, .my-xl-2-2 {
        margin-bottom: 2.2rem;
    }
    .mb-xl-2-3, .my-xl-2-3 {
        margin-bottom: 2.3rem;
    }
    .mb-xl-2-4, .my-xl-2-4 {
        margin-bottom: 2.4rem;
    }
    .mb-xl-2-5, .my-xl-2-5 {
        margin-bottom: 2.5rem;
    }
    .mb-xl-2-6, .my-xl-2-6 {
        margin-bottom: 2.6rem;
    }
    .mb-xl-2-7, .my-xl-2-7 {
        margin-bottom: 2.7rem;
    }
    .mb-xl-2-8, .my-xl-2-8 {
        margin-bottom: 2.8rem;
    }
    .mb-xl-2-9, .my-xl-2-9 {
        margin-bottom: 2.9rem;
    }

    .mb-xl-6, .my-xl-6 {
        margin-bottom: 3.5rem;
    }
    .mb-xl-7, .my-xl-7 {
        margin-bottom: 4rem;
    }
    .mb-xl-8, .my-xl-8 {
        margin-bottom: 4.5rem;
    }
    .mb-xl-9, .my-xl-9 {
        margin-bottom: 5rem;
    }
    .mb-xl-10, .my-xl-10 {
        margin-bottom: 5.5rem;
    }
    .mb-xl-11, .my-xl-11 {
        margin-bottom: 6rem;
    }
    .mb-xl-12, .my-xl-12 {
        margin-bottom: 6.5rem;
    }
    .mb-xl-13, .my-xl-13 {
        margin-bottom: 7rem;
    }
    .mb-xl-14, .my-xl-14 {
        margin-bottom: 7.5rem;
    }
    .mb-xl-15, .my-xl-15 {
        margin-bottom: 8rem;
    }
    .mb-xl-16, .my-xl-16 {
        margin-bottom: 8.5rem;
    }
    .mb-xl-17, .my-xl-17 {
        margin-bottom: 9rem;
    }
    .mb-xl-18, .my-xl-18 {
        margin-bottom: 9.5rem;
    }
    .mb-xl-19, .my-xl-19 {
        margin-bottom: 10rem;
    }
    .mb-xl-20, .my-xl-20 {
        margin-bottom: 10.5rem;
    }
    .mb-xl-21, .my-xl-21 {
        margin-bottom: 11rem;
    }
    .mb-xl-22, .my-xl-22 {
        margin-bottom: 11.5rem;
    }
    .mb-xl-23, .my-xl-23 {
        margin-bottom: 12rem;
    }
    .mb-xl-24, .my-xl-24 {
        margin-bottom: 12.5rem;
    }

    /* margin left */
    .ms-xl-1-6, .mx-xl-1-6 {
        margin-left: 1.6rem;
    }
    .ms-xl-1-7, .mx-xl-1-7 {
        margin-left: 1.7rem;
    }
    .ms-xl-1-8, .mx-xl-1-8 {
        margin-left: 1.8rem;
    }
    .ms-xl-1-9, .mx-xl-1-9 {
        margin-left: 1.9rem;
    }
    .ms-xl-2-0, .mx-xl-2-0 {
        margin-left: 2.0rem;
    }
    .ms-xl-2-1, .mx-xl-2-1 {
        margin-left: 2.1rem;
    }
    .ms-xl-2-2, .mx-xl-2-2 {
        margin-left: 2.2rem;
    }
    .ms-xl-2-3, .mx-xl-2-3 {
        margin-left: 2.3rem;
    }
    .ms-xl-2-4, .mx-xl-2-4 {
        margin-left: 2.4rem;
    }
    .ms-xl-2-5, .mx-xl-2-5 {
        margin-left: 2.5rem;
    }
    .ms-xl-2-6, .mx-xl-2-6 {
        margin-left: 2.6rem;
    }
    .ms-xl-2-7, .mx-xl-2-7 {
        margin-left: 2.7rem;
    }
    .ms-xl-2-8, .mx-xl-2-8 {
        margin-left: 2.8rem;
    }
    .ms-xl-2-9, .mx-xl-2-9 {
        margin-left: 2.9rem;
    }

    .ms-xl-6, .mx-xl-6 {
        margin-left: 3.5rem;
    }
    .ms-xl-7, .mx-xl-7 {
        margin-left: 4rem;
    }
    .ms-xl-8, .mx-xl-8 {
        margin-left: 4.5rem;
    }
    .ms-xl-9, .mx-xl-9 {
        margin-left: 5rem;
    }
    .ms-xl-10, .mx-xl-10 {
        margin-left: 5.5rem;
    }
    .ms-xl-11, .mx-xl-11 {
        margin-left: 6rem;
    }
    .ms-xl-12, .mx-xl-12 {
        margin-left: 6.5rem;
    }
    .ms-xl-13, .mx-xl-13 {
        margin-left: 7rem;
    }
    .ms-xl-14, .mx-xl-14 {
        margin-left: 7.5rem;
    }
    .ms-xl-15, .mx-xl-15 {
        margin-left: 8rem;
    }
    .ms-xl-16, .mx-xl-16 {
        margin-left: 8.5rem;
    }
    .ms-xl-17, .mx-xl-17 {
        margin-left: 9rem;
    }
    .ms-xl-18, .mx-xl-18 {
        margin-left: 9.5rem;
    }
    .ms-xl-19, .mx-xl-19 {
        margin-left: 10rem;
    }
    .ms-xl-20, .mx-xl-20 {
        margin-left: 10.5rem;
    }
    .ms-xl-21, .mx-xl-21 {
        margin-left: 11rem;
    }
    .ms-xl-22, .mx-xl-22 {
        margin-left: 11.5rem;
    }
    .ms-xl-23, .mx-xl-23 {
        margin-left: 12rem;
    }
    .ms-xl-24, .mx-xl-24 {
        margin-left: 12.5rem;
    }

    /* margin right */
    .me-xl-1-6, .mx-xl-1-6 {
        margin-right: 1.6rem;
    }
    .me-xl-1-7, .mx-xl-1-7 {
        margin-right: 1.7rem;
    }
    .me-xl-1-8, .mx-xl-1-8 {
        margin-right: 1.8rem;
    }
    .me-xl-1-9, .mx-xl-1-9 {
        margin-right: 1.9rem;
    }
    .me-xl-2-0, .mx-xl-2-0 {
        margin-right: 2.0rem;
    }
    .me-xl-2-1, .mx-xl-2-1 {
        margin-right: 2.1rem;
    }
    .me-xl-2-2, .mx-xl-2-2 {
        margin-right: 2.2rem;
    }
    .me-xl-2-3, .mx-xl-2-3 {
        margin-right: 2.3rem;
    }
    .me-xl-2-4, .mx-xl-2-4 {
        margin-right: 2.4rem;
    }
    .me-xl-2-5, .mx-xl-2-5 {
        margin-right: 2.5rem;
    }
    .me-xl-2-6, .mx-xl-2-6 {
        margin-right: 2.6rem;
    }
    .me-xl-2-7, .mx-xl-2-7 {
        margin-right: 2.7rem;
    }
    .me-xl-2-8, .mx-xl-2-8 {
        margin-right: 2.8rem;
    }
    .me-xl-2-9, .mx-xl-2-9 {
        margin-right: 2.9rem;
    }

    .me-xl-6, .mx-xl-6 {
        margin-right: 3.5rem;
    }
    .me-xl-7, .mx-xl-7 {
        margin-right: 4rem;
    }
    .me-xl-8, .mx-xl-8 {
        margin-right: 4.5rem;
    }
    .me-xl-9, .mx-xl-9 {
        margin-right: 5rem;
    }
    .me-xl-10, .mx-xl-10 {
        margin-right: 5.5rem;
    }
    .me-xl-11, .mx-xl-11 {
        margin-right: 6rem;
    }
    .me-xl-12, .mx-xl-12 {
        margin-right: 6.5rem;
    }
    .me-xl-13, .mx-xl-13 {
        margin-right: 7rem;
    }
    .me-xl-14, .mx-xl-14 {
        margin-right: 7.5rem;
    }
    .me-xl-15, .mx-xl-15 {
        margin-right: 8rem;
    }
    .me-xl-16, .mx-xl-16 {
        margin-right: 8.5rem;
    }
    .me-xl-17, .mx-xl-17 {
        margin-right: 9rem;
    }
    .me-xl-18, .mx-xl-18 {
        margin-right: 9.5rem;
    }
    .me-xl-19, .mx-xl-19 {
        margin-right: 10rem;
    }
    .me-xl-20, .mx-xl-20 {
        margin-right: 10.5rem;
    }
    .me-xl-21, .mx-xl-21 {
        margin-right: 11rem;
    }
    .me-xl-22, .mx-xl-22 {
        margin-right: 11.5rem;
    }
    .me-xl-23, .mx-xl-23 {
        margin-right: 12rem;
    }
    .me-xl-24, .mx-xl-24 {
        margin-right: 12.5rem;
    }

    /* padding */

    /* padding all */
    .p-xl-1-6 {
        padding: 1.6rem;
    }
    .p-xl-1-7 {
        padding: 1.7rem;
    }
    .p-xl-1-8 {
        padding: 1.8rem;
    }
    .p-xl-1-9 {
        padding: 1.9rem;
    }
    .p-xl-2-0 {
        padding: 2.0rem;
    }
    .p-xl-2-1 {
        padding: 2.1rem;
    }
    .p-xl-2-2 {
        padding: 2.2rem;
    }
    .p-xl-2-3 {
        padding: 2.3rem;
    }
    .p-xl-2-4 {
        padding: 2.4rem;
    }
    .p-xl-2-5 {
        padding: 2.5rem;
    }
    .p-xl-2-6 {
        padding: 2.6rem;
    }
    .p-xl-2-7 {
        padding: 2.7rem;
    }
    .p-xl-2-8 {
        padding: 2.8rem;
    }
    .p-xl-2-9 {
        padding: 2.9rem;
    }

    .p-xl-6 {
        padding: 3.5rem;
    }
    .p-xl-7 {
        padding: 4rem;
    }
    .p-xl-8 {
        padding: 4.5rem;
    }
    .p-xl-9 {
        padding: 5rem;
    }
    .p-xl-10 {
        padding: 5.5rem;
    }
    .p-xl-11 {
        padding: 6rem;
    }
    .p-xl-12 {
        padding: 6.5rem;
    }
    .p-xl-13 {
        padding: 7rem;
    }
    .p-xl-14 {
        padding: 7.5rem;
    }
    .p-xl-15 {
        padding: 8rem;
    }
    .p-xl-16 {
        padding: 8.5rem;
    }
    .p-xl-17 {
        padding: 9rem;
    }
    .p-xl-18 {
        padding: 9.5rem;
    }
    .p-xl-19 {
        padding: 10rem;
    }
    .p-xl-20 {
        padding: 10.5rem;
    }
    .p-xl-21 {
        padding: 11rem;
    }
    .p-xl-22 {
        padding: 11.5rem;
    }
    .p-xl-23 {
        padding: 12rem;
    }
    .p-xl-24 {
        padding: 12.5rem;
    }

    /* padding top */
    .pt-xl-1-6, .py-xl-1-6 {
        padding-top: 1.6rem;
    }
    .pt-xl-1-7, .py-xl-1-7 {
        padding-top: 1.7rem;
    }
    .pt-xl-1-8, .py-xl-1-8 {
        padding-top: 1.8rem;
    }
    .pt-xl-1-9, .py-xl-1-9 {
        padding-top: 1.9rem;
    }
    .pt-xl-2-0, .py-xl-2-0 {
        padding-top: 2.0rem;
    }
    .pt-xl-2-1, .py-xl-2-1 {
        padding-top: 2.1rem;
    }
    .pt-xl-2-2, .py-xl-2-2 {
        padding-top: 2.2rem;
    }
    .pt-xl-2-3, .py-xl-2-3 {
        padding-top: 2.3rem;
    }
    .pt-xl-2-4, .py-xl-2-4 {
        padding-top: 2.4rem;
    }
    .pt-xl-2-5, .py-xl-2-5 {
        padding-top: 2.5rem;
    }
    .pt-xl-2-6, .py-xl-2-6 {
        padding-top: 2.6rem;
    }
    .pt-xl-2-7, .py-xl-2-7 {
        padding-top: 2.7rem;
    }
    .pt-xl-2-8, .py-xl-2-8 {
        padding-top: 2.8rem;
    }
    .pt-xl-2-9, .py-xl-2-9 {
        padding-top: 2.9rem;
    }

    .pt-xl-6, .py-xl-6 {
        padding-top: 3.5rem;
    }
    .pt-xl-7, .py-xl-7 {
        padding-top: 4rem;
    }
    .pt-xl-8, .py-xl-8 {
        padding-top: 4.5rem;
    }
    .pt-xl-9, .py-xl-9 {
        padding-top: 5rem;
    }
    .pt-xl-10, .py-xl-10 {
        padding-top: 5.5rem;
    }
    .pt-xl-11, .py-xl-11 {
        padding-top: 6rem;
    }
    .pt-xl-12, .py-xl-12 {
        padding-top: 6.5rem;
    }
    .pt-xl-13, .py-xl-13 {
        padding-top: 7rem;
    }
    .pt-xl-14, .py-xl-14 {
        padding-top: 7.5rem;
    }
    .pt-xl-15, .py-xl-15 {
        padding-top: 8rem;
    }
    .pt-xl-16, .py-xl-16 {
        padding-top: 8.5rem;
    }
    .pt-xl-17, .py-xl-17 {
        padding-top: 9rem;
    }
    .pt-xl-18, .py-xl-18 {
        padding-top: 9.5rem;
    }
    .pt-xl-19, .py-xl-19 {
        padding-top: 10rem;
    }
    .pt-xl-20, .py-xl-20 {
        padding-top: 10.5rem;
    }
    .pt-xl-21, .py-xl-21 {
        padding-top: 11rem;
    }
    .pt-xl-22, .py-xl-22 {
        padding-top: 11.5rem;
    }
    .pt-xl-23, .py-xl-23 {
        padding-top: 12rem;
    }
    .pt-xl-24, .py-xl-24 {
        padding-top: 12.5rem;
    }

    /* padding bottom */
    .pb-xl-1-6, .py-xl-1-6 {
        padding-bottom: 1.6rem;
    }
    .pb-xl-1-7, .py-xl-1-7 {
        padding-bottom: 1.7rem;
    }
    .pb-xl-1-8, .py-xl-1-8 {
        padding-bottom: 1.8rem;
    }
    .pb-xl-1-9, .py-xl-1-9 {
        padding-bottom: 1.9rem;
    }
    .pb-xl-2-0, .py-xl-2-0 {
        padding-bottom: 2.0rem;
    }
    .pb-xl-2-1, .py-xl-2-1 {
        padding-bottom: 2.1rem;
    }
    .pb-xl-2-2, .py-xl-2-2 {
        padding-bottom: 2.2rem;
    }
    .pb-xl-2-3, .py-xl-2-3 {
        padding-bottom: 2.3rem;
    }
    .pb-xl-2-4, .py-xl-2-4 {
        padding-bottom: 2.4rem;
    }
    .pb-xl-2-5, .py-xl-2-5 {
        padding-bottom: 2.5rem;
    }
    .pb-xl-2-6, .py-xl-2-6 {
        padding-bottom: 2.6rem;
    }
    .pb-xl-2-7, .py-xl-2-7 {
        padding-bottom: 2.7rem;
    }
    .pb-xl-2-8, .py-xl-2-8 {
        padding-bottom: 2.8rem;
    }
    .pb-xl-2-9, .py-xl-2-9 {
        padding-bottom: 2.9rem;
    }

    .pb-xl-6, .py-xl-6 {
        padding-bottom: 3.5rem;
    }
    .pb-xl-7, .py-xl-7 {
        padding-bottom: 4rem;
    }
    .pb-xl-8, .py-xl-8 {
        padding-bottom: 4.5rem;
    }
    .pb-xl-9, .py-xl-9 {
        padding-bottom: 5rem;
    }
    .pb-xl-10, .py-xl-10 {
        padding-bottom: 5.5rem;
    }
    .pb-xl-11, .py-xl-11 {
        padding-bottom: 6rem;
    }
    .pb-xl-12, .py-xl-12 {
        padding-bottom: 6.5rem;
    }
    .pb-xl-13, .py-xl-13 {
        padding-bottom: 7rem;
    }
    .pb-xl-14, .py-xl-14 {
        padding-bottom: 7.5rem;
    }
    .pb-xl-15, .py-xl-15 {
        padding-bottom: 8rem;
    }
    .pb-xl-16, .py-xl-16 {
        padding-bottom: 8.5rem;
    }
    .pb-xl-17, .py-xl-17 {
        padding-bottom: 9rem;
    }
    .pb-xl-18, .py-xl-18 {
        padding-bottom: 9.5rem;
    }
    .pb-xl-19, .py-xl-19 {
        padding-bottom: 10rem;
    }
    .pb-xl-20, .py-xl-20 {
        padding-bottom: 10.5rem;
    }
    .pb-xl-21, .py-xl-21 {
        padding-bottom: 11rem;
    }
    .pb-xl-22, .py-xl-22 {
        padding-bottom: 11.5rem;
    }
    .pb-xl-23, .py-xl-23 {
        padding-bottom: 12rem;
    }
    .pb-xl-24, .py-xl-24 {
        padding-bottom: 12.5rem;
    }

    /* padding left */
    .ps-xl-1-6, .px-xl-1-6 {
        padding-left: 1.6rem;
    }
    .ps-xl-1-7, .px-xl-1-7 {
        padding-left: 1.7rem;
    }
    .ps-xl-1-8, .px-xl-1-8 {
        padding-left: 1.8rem;
    }
    .ps-xl-1-9, .px-xl-1-9 {
        padding-left: 1.9rem;
    }
    .ps-xl-2-0, .px-xl-2-0 {
        padding-left: 2.0rem;
    }
    .ps-xl-2-1, .px-xl-2-1 {
        padding-left: 2.1rem;
    }
    .ps-xl-2-2, .px-xl-2-2 {
        padding-left: 2.2rem;
    }
    .ps-xl-2-3, .px-xl-2-3 {
        padding-left: 2.3rem;
    }
    .ps-xl-2-4, .px-xl-2-4 {
        padding-left: 2.4rem;
    }
    .ps-xl-2-5, .px-xl-2-5 {
        padding-left: 2.5rem;
    }
    .ps-xl-2-6, .px-xl-2-6 {
        padding-left: 2.6rem;
    }
    .ps-xl-2-7, .px-xl-2-7 {
        padding-left: 2.7rem;
    }
    .ps-xl-2-8, .px-xl-2-8 {
        padding-left: 2.8rem;
    }
    .ps-xl-2-9, .px-xl-2-9 {
        padding-left: 2.9rem;
    }

    .ps-xl-6, .px-xl-6 {
        padding-left: 3.5rem;
    }
    .ps-xl-7, .px-xl-7 {
        padding-left: 4rem;
    }
    .ps-xl-8, .px-xl-8 {
        padding-left: 4.5rem;
    }
    .ps-xl-9, .px-xl-9 {
        padding-left: 5rem;
    }
    .ps-xl-10, .px-xl-10 {
        padding-left: 5.5rem;
    }
    .ps-xl-11, .px-xl-11 {
        padding-left: 6rem;
    }
    .ps-xl-12, .px-xl-12 {
        padding-left: 6.5rem;
    }
    .ps-xl-13, .px-xl-13 {
        padding-left: 7rem;
    }
    .ps-xl-14, .px-xl-14 {
        padding-left: 7.5rem;
    }
    .ps-xl-15, .px-xl-15 {
        padding-left: 8rem;
    }
    .ps-xl-16, .px-xl-16 {
        padding-left: 8.5rem;
    }
    .ps-xl-17, .px-xl-17 {
        padding-left: 9rem;
    }
    .ps-xl-18, .px-xl-18 {
        padding-left: 9.5rem;
    }
    .ps-xl-19, .px-xl-19 {
        padding-left: 10rem;
    }
    .ps-xl-20, .px-xl-20 {
        padding-left: 10.5rem;
    }
    .ps-xl-21, .px-xl-21 {
        padding-left: 11rem;
    }
    .ps-xl-22, .px-xl-22 {
        padding-left: 11.5rem;
    }
    .ps-xl-23, .px-xl-23 {
        padding-left: 12rem;
    }
    .ps-xl-24, .px-xl-24 {
        padding-left: 12.5rem;
    }

    /* padding right */
    .pe-xl-1-6, .px-xl-1-6 {
        padding-right: 1.6rem;
    }
    .pe-xl-1-7, .px-xl-1-7 {
        padding-right: 1.7rem;
    }
    .pe-xl-1-8, .px-xl-1-8 {
        padding-right: 1.8rem;
    }
    .pe-xl-1-9, .px-xl-1-9 {
        padding-right: 1.9rem;
    }
    .pe-xl-2-0, .px-xl-2-0 {
        padding-right: 2.0rem;
    }
    .pe-xl-2-1, .px-xl-2-1 {
        padding-right: 2.1rem;
    }
    .pe-xl-2-2, .px-xl-2-2 {
        padding-right: 2.2rem;
    }
    .pe-xl-2-3, .px-xl-2-3 {
        padding-right: 2.3rem;
    }
    .pe-xl-2-4, .px-xl-2-4 {
        padding-right: 2.4rem;
    }
    .pe-xl-2-5, .px-xl-2-5 {
        padding-right: 2.5rem;
    }
    .pe-xl-2-6, .px-xl-2-6 {
        padding-right: 2.6rem;
    }
    .pe-xl-2-7, .px-xl-2-7 {
        padding-right: 2.7rem;
    }
    .pe-xl-2-8, .px-xl-2-8 {
        padding-right: 2.8rem;
    }
    .pe-xl-2-9, .px-xl-2-9 {
        padding-right: 2.9rem;
    }

    .pe-xl-6, .px-xl-6 {
        padding-right: 3.5rem;
    }
    .pe-xl-7, .px-xl-7 {
        padding-right: 4rem;
    }
    .pe-xl-8, .px-xl-8 {
        padding-right: 4.5rem;
    }
    .pe-xl-9, .px-xl-9 {
        padding-right: 5rem;
    }
    .pe-xl-10, .px-xl-10 {
        padding-right: 5.5rem;
    }
    .pe-xl-11, .px-xl-11 {
        padding-right: 6rem;
    }
    .pe-xl-12, .px-xl-12 {
        padding-right: 6.5rem;
    }
    .pe-xl-13, .px-xl-13 {
        padding-right: 7rem;
    }
    .pe-xl-14, .px-xl-14 {
        padding-right: 7.5rem;
    }
    .pe-xl-15, .px-xl-15 {
        padding-right: 8rem;
    }
    .pe-xl-16, .px-xl-16 {
        padding-right: 8.5rem;
    }
    .pe-xl-17, .px-xl-17 {
        padding-right: 9rem;
    }
    .pe-xl-18, .px-xl-18 {
        padding-right: 9.5rem;
    }
    .pe-xl-19, .px-xl-19 {
        padding-right: 10rem;
    }
    .pe-xl-20, .px-xl-20 {
        padding-right: 10.5rem;
    }
    .pe-xl-21, .px-xl-21 {
        padding-right: 11rem;
    }
    .pe-xl-22, .px-xl-22 {
        padding-right: 11.5rem;
    }
    .pe-xl-23, .px-xl-23 {
        padding-right: 12rem;
    }
    .pe-xl-24, .px-xl-24 {
        padding-right: 12.5rem;
    }

}

@media screen and (min-width: 1400px) {

    /* width */
    .w-xxl-1px {width:1px;}
    .w-xxl-2px {width:2px;}
    .w-xxl-3px {width:3px;}
    .w-xxl-4px {width:4px;}
    .w-xxl-5px {width:5px;}
    .w-xxl-6px {width:6px;}
    .w-xxl-7px {width:7px;}
    .w-xxl-8px {width:8px;}
    .w-xxl-9px {width:9px;}
    .w-xxl-10px {width:10px;}
    .w-xxl-15px {width:15px;}
    .w-xxl-20px {width:20px;}
    .w-xxl-25px {width:25px;}
    .w-xxl-30px {width:30px;}
    .w-xxl-35px {width:35px;}
    .w-xxl-40px {width:40px;}
    .w-xxl-50px {width:50px;}
    .w-xxl-55px {width:55px;}
    .w-xxl-60px {width:60px;}
    .w-xxl-65px {width:65px;}
    .w-xxl-70px {width:70px;}
    .w-xxl-75px {width:75px;}
    .w-xxl-80px {width:80px;}
    .w-xxl-85px {width:85px;}
    .w-xxl-90px {width:90px;}
    .w-xxl-100px {width:100px;}

    .w-xxl-1 {width:1%;}
    .w-xxl-2 {width:2%;}
    .w-xxl-3 {width:3%;}
    .w-xxl-4 {width:4%;}
    .w-xxl-5 {width:5%;}
    .w-xxl-6 {width:6%;}
    .w-xxl-7 {width:7%;}
    .w-xxl-8 {width:8%;}
    .w-xxl-9 {width:9%;}
    .w-xxl-10 {width:10%;}
    .w-xxl-20 {width:20%;}
    .w-xxl-25 {width:25%;}
    .w-xxl-30 {width:30%;}
    .w-xxl-35 {width:35%;}
    .w-xxl-40 {width:40%;}
    .w-xxl-45 {width:45%;}
    .w-xxl-50 {width:50%;}
    .w-xxl-55 {width:55%;}
    .w-xxl-60 {width:60%;}
    .w-xxl-65 {width:65%;}
    .w-xxl-70 {width:70%;}
    .w-xxl-75 {width:75%;}
    .w-xxl-80 {width:80%;}
    .w-xxl-85 {width:85%;}
    .w-xxl-90 {width:90%;}
    .w-xxl-95 {width:95%;}
    .w-xxl-100 {width:100%;}
    .w-xxl-auto {width: auto;}

    /* font size */
    .display-xxl-1 {font-size:6rem;}
    .display-xxl-2 {font-size:5.5rem;}
    .display-xxl-3 {font-size:4.5rem;}
    .display-xxl-4 {font-size:3.5rem;}
    .display-xxl-5 {font-size:3.4rem;}
    .display-xxl-6 {font-size:3.3rem;}
    .display-xxl-7 {font-size:3.2rem;}
    .display-xxl-8 {font-size:3.1rem;}
    .display-xxl-9 {font-size:3.0rem;}
    .display-xxl-10 {font-size:2.9rem;}
    .display-xxl-11 {font-size:2.8rem;}
    .display-xxl-12 {font-size:2.7rem;}
    .display-xxl-13 {font-size:2.6rem;}
    .display-xxl-14 {font-size:2.5rem;}
    .display-xxl-15 {font-size:2.4rem;}
    .display-xxl-16 {font-size:2.3rem;}
    .display-xxl-17 {font-size:2.2rem;}
    .display-xxl-18 {font-size:2.1rem;}
    .display-xxl-19 {font-size:2.0rem;}
    .display-xxl-20 {font-size:1.9rem;}
    .display-xxl-21 {font-size:1.8rem;}
    .display-xxl-22 {font-size:1.7rem;}
    .display-xxl-23 {font-size:1.6rem;}
    .display-xxl-24 {font-size:1.5rem;}
    .display-xxl-25 {font-size:1.4rem;}
    .display-xxl-26 {font-size:1.3rem;}
    .display-xxl-27 {font-size:1.2rem;}
    .display-xxl-28 {font-size:1.1rem;}
    .display-xxl-29 {font-size:1.0rem;}
    .display-xxl-30 {font-size:0.9rem;}
    .display-xxl-31 {font-size:0.8rem;}
    .display-xxl-32 {font-size:0.7rem;}
    .display-xxl-33 {font-size:0.6rem;}
    .display-xxl-34 {font-size:0.5rem;}

    /* border */
    .border-xxl-0 { border: none; }
    .border-xxl { border: 1px solid #dee2e6; }
    .border-xxl-top { border-top: 1px solid #dee2e6; }
    .border-xxl-end { border-right: 1px solid #dee2e6; }
    .border-xxl-bottom { border-bottom: 1px solid #dee2e6; }
    .border-xxl-start { border-left: 1px solid #dee2e6; }
    .border-xxl-top-0 { border-top: none; }
    .border-xxl-end-0 { border-right: none; }
    .border-xxl-bottom-0 { border-bottom: none; }
    .border-xxl-start-0 { border-left: none; }
    .border-xxl-color-light-white { border-color: rgba(255, 255, 255, 0.1) !important;}

    /* rounded */
    .rounded-xxl { border-radius: .25rem; }

    /* position */
    .top-xxl-5 { top: 5%; bottom: inherit; }
    .top-xxl-10 { top: 10%; bottom: inherit; }
    .top-xxl-15 { top: 15%; bottom: inherit; }
    .top-xxl-20 { top: 20%; bottom: inherit; }
    .top-xxl-25 { top: 25%; bottom: inherit; }
    .top-xxl-30 { top: 30%; bottom: inherit; }
    .top-xxl-35 { top: 35%; bottom: inherit; }
    .top-xxl-40 { top: 40%; bottom: inherit; }
    .top-xxl-45 { top: 45%; bottom: inherit; }
    .top-xxl-50 { top: 50%; bottom: inherit; }
    .top-xxl-55 { top: 55%; bottom: inherit; }
    .top-xxl-60 { top: 60%; bottom: inherit; }
    .top-xxl-65 { top: 65%; bottom: inherit; }
    .top-xxl-70 { top: 70%; bottom: inherit; }
    .top-xxl-75 { top: 75%; bottom: inherit; }
    .top-xxl-80 { top: 80%; bottom: inherit; }
    .top-xxl-85 { top: 85%; bottom: inherit; }
    .top-xxl-90 { top: 90%; bottom: inherit; }
    .top-xxl-95 { top: 95%; bottom: inherit; }
    .top-xxl-100 { top: 100%; bottom: inherit; }

    .top-xxl-n5 { top: -5%; bottom: inherit; }
    .top-xxl-n10 { top: -10%; bottom: inherit; }
    .top-xxl-n15 { top: -15%; bottom: inherit; }
    .top-xxl-n20 { top: -20%; bottom: inherit; }
    .top-xxl-n25 { top: -25%; bottom: inherit; }
    .top-xxl-n30 { top: -30%; bottom: inherit; }
    .top-xxl-n35 { top: -35%; bottom: inherit; }
    .top-xxl-n40 { top: -40%; bottom: inherit; }
    .top-xxl-n45 { top: -45%; bottom: inherit; }
    .top-xxl-n50 { top: -50%; bottom: inherit; }
    .top-xxl-n55 { top: -55%; bottom: inherit; }
    .top-xxl-n60 { top: -60%; bottom: inherit; }
    .top-xxl-n65 { top: -65%; bottom: inherit; }
    .top-xxl-n70 { top: -70%; bottom: inherit; }
    .top-xxl-n75 { top: -75%; bottom: inherit; }
    .top-xxl-n80 { top: -80%; bottom: inherit; }
    .top-xxl-n85 { top: -85%; bottom: inherit; }
    .top-xxl-n90 { top: -90%; bottom: inherit; }
    .top-xxl-n95 { top: -95%; bottom: inherit; }
    .top-xxl-n100 { top: -100%; bottom: inherit; }

    .bottom-xxl-5 { bottom: 5%; top: inherit; }
    .bottom-xxl-10 { bottom: 10%; top: inherit; }
    .bottom-xxl-15 { bottom: 15%; top: inherit; }
    .bottom-xxl-20 { bottom: 20%; top: inherit; }
    .bottom-xxl-25 { bottom: 25%; top: inherit; }
    .bottom-xxl-30 { bottom: 30%; top: inherit; }
    .bottom-xxl-35 { bottom: 35%; top: inherit; }
    .bottom-xxl-40 { bottom: 40%; top: inherit; }
    .bottom-xxl-45 { bottom: 45%; top: inherit; }
    .bottom-xxl-50 { bottom: 50%; top: inherit; }
    .bottom-xxl-55 { bottom: 55%; top: inherit; }
    .bottom-xxl-60 { bottom: 60%; top: inherit; }
    .bottom-xxl-65 { bottom: 65%; top: inherit; }
    .bottom-xxl-70 { bottom: 70%; top: inherit; }
    .bottom-xxl-75 { bottom: 75%; top: inherit; }
    .bottom-xxl-80 { bottom: 80%; top: inherit; }
    .bottom-xxl-85 { bottom: 85%; top: inherit; }
    .bottom-xxl-90 { bottom: 90%; top: inherit; }
    .bottom-xxl-95 { bottom: 95%; top: inherit; }
    .bottom-xxl-100 { bottom: 100%; top: inherit; }

    .bottom-xxl-n5 { bottom: -5%; top: inherit; }
    .bottom-xxl-n10 { bottom: -10%; top: inherit; }
    .bottom-xxl-n15 { bottom: -15%; top: inherit; }
    .bottom-xxl-n20 { bottom: -20%; top: inherit; }
    .bottom-xxl-n25 { bottom: -25%; top: inherit; }
    .bottom-xxl-n30 { bottom: -30%; top: inherit; }
    .bottom-xxl-n35 { bottom: -35%; top: inherit; }
    .bottom-xxl-n40 { bottom: -40%; top: inherit; }
    .bottom-xxl-n45 { bottom: -45%; top: inherit; }
    .bottom-xxl-n50 { bottom: -50%; top: inherit; }
    .bottom-xxl-n55 { bottom: -55%; top: inherit; }
    .bottom-xxl-n60 { bottom: -60%; top: inherit; }
    .bottom-xxl-n65 { bottom: -65%; top: inherit; }
    .bottom-xxl-n70 { bottom: -70%; top: inherit; }
    .bottom-xxl-n75 { bottom: -75%; top: inherit; }
    .bottom-xxl-n80 { bottom: -80%; top: inherit; }
    .bottom-xxl-n85 { bottom: -85%; top: inherit; }
    .bottom-xxl-n90 { bottom: -90%; top: inherit; }
    .bottom-xxl-n95 { bottom: -95%; top: inherit; }
    .bottom-xxl-n100 { bottom: -100%; top: inherit; }

    .left-xxl-5 { left: 5%; right: inherit; }
    .left-xxl-10 { left: 10%; right: inherit; }
    .left-xxl-15 { left: 15%; right: inherit; }
    .left-xxl-20 { left: 20%; right: inherit; }
    .left-xxl-25 { left: 25%; right: inherit; }
    .left-xxl-30 { left: 30%; right: inherit; }
    .left-xxl-35 { left: 35%; right: inherit; }
    .left-xxl-40 { left: 40%; right: inherit; }
    .left-xxl-45 { left: 45%; right: inherit; }
    .left-xxl-50 { left: 50%; right: inherit; }
    .left-xxl-55 { left: 55%; right: inherit; }
    .left-xxl-60 { left: 60%; right: inherit; }
    .left-xxl-65 { left: 65%; right: inherit; }
    .left-xxl-70 { left: 70%; right: inherit; }
    .left-xxl-75 { left: 75%; right: inherit; }
    .left-xxl-80 { left: 80%; right: inherit; }
    .left-xxl-85 { left: 85%; right: inherit; }
    .left-xxl-90 { left: 90%; right: inherit; }
    .left-xxl-95 { left: 95%; right: inherit; }
    .left-xxl-100 { left: 100%; right: inherit; }

    .left-xxl-n5 { left: -5%; right: inherit; }
    .left-xxl-n10 { left: -10%; right: inherit; }
    .left-xxl-n15 { left: -15%; right: inherit; }
    .left-xxl-n20 { left: -20%; right: inherit; }
    .left-xxl-n25 { left: -25%; right: inherit; }
    .left-xxl-n30 { left: -30%; right: inherit; }
    .left-xxl-n35 { left: -35%; right: inherit; }
    .left-xxl-n40 { left: -40%; right: inherit; }
    .left-xxl-n45 { left: -45%; right: inherit; }
    .left-xxl-n50 { left: -50%; right: inherit; }
    .left-xxl-n55 { left: -55%; right: inherit; }
    .left-xxl-n60 { left: -60%; right: inherit; }
    .left-xxl-n65 { left: -65%; right: inherit; }
    .left-xxl-n70 { left: -70%; right: inherit; }
    .left-xxl-n75 { left: -75%; right: inherit; }
    .left-xxl-n80 { left: -80%; right: inherit; }
    .left-xxl-n85 { left: -85%; right: inherit; }
    .left-xxl-n90 { left: -90%; right: inherit; }
    .left-xxl-n95 { left: -95%; right: inherit; }
    .left-xxl-n100 { left: -100%; right: inherit; }

    .right-xxl-5 { right: 5%; left: inherit; }
    .right-xxl-10 { right: 10%; left: inherit; }
    .right-xxl-15 { right: 15%; left: inherit; }
    .right-xxl-20 { right: 20%; left: inherit; }
    .right-xxl-25 { right: 25%; left: inherit; }
    .right-xxl-30 { right: 30%; left: inherit; }
    .right-xxl-35 { right: 35%; left: inherit; }
    .right-xxl-40 { right: 40%; left: inherit; }
    .right-xxl-45 { right: 45%; left: inherit; }
    .right-xxl-50 { right: 50%; left: inherit; }
    .right-xxl-55 { right: 55%; left: inherit; }
    .right-xxl-60 { right: 60%; left: inherit; }
    .right-xxl-65 { right: 65%; left: inherit; }
    .right-xxl-70 { right: 70%; left: inherit; }
    .right-xxl-75 { right: 75%; left: inherit; }
    .right-xxl-80 { right: 80%; left: inherit; }
    .right-xxl-85 { right: 85%; left: inherit; }
    .right-xxl-90 { right: 90%; left: inherit; }
    .right-xxl-95 { right: 95%; left: inherit; }
    .right-xxl-100 { right: 100%; left: inherit; }
     
    .right-xxl-n5 { right: -5%; left: inherit; }
    .right-xxl-n10 { right: -10%; left: inherit; }
    .right-xxl-n15 { right: -15%; left: inherit; }
    .right-xxl-n20 { right: -20%; left: inherit; }
    .right-xxl-n25 { right: -25%; left: inherit; }
    .right-xxl-n30 { right: -30%; left: inherit; }
    .right-xxl-n35 { right: -35%; left: inherit; }
    .right-xxl-n40 { right: -40%; left: inherit; }
    .right-xxl-n45 { right: -45%; left: inherit; }
    .right-xxl-n50 { right: -50%; left: inherit; }
    .right-xxl-n55 { right: -55%; left: inherit; }
    .right-xxl-n60 { right: -60%; left: inherit; }
    .right-xxl-n65 { right: -65%; left: inherit; }
    .right-xxl-n70 { right: -70%; left: inherit; }
    .right-xxl-n75 { right: -75%; left: inherit; }
    .right-xxl-n80 { right: -80%; left: inherit; }
    .right-xxl-n85 { right: -85%; left: inherit; }
    .right-xxl-n90 { right: -90%; left: inherit; }
    .right-xxl-n95 { right: -95%; left: inherit; }
    .right-xxl-n100 { right: -100%; left: inherit; }

    /* margin */

    /* margin all */
    .m-xxl-1-6 {
        margin: 1.6rem;
    }
    .m-xxl-1-7 {
        margin: 1.7rem;
    }
    .m-xxl-1-8 {
        margin: 1.8rem;
    }
    .m-xxl-1-9 {
        margin: 1.9rem;
    }
    .m-xxl-2-0 {
        margin: 2.0rem;
    }
    .m-xxl-2-1 {
        margin: 2.1rem;
    }
    .m-xxl-2-2 {
        margin: 2.2rem;
    }
    .m-xxl-2-3 {
        margin: 2.3rem;
    }
    .m-xxl-2-4 {
        margin: 2.4rem;
    }
    .m-xxl-2-5 {
        margin: 2.5rem;
    }
    .m-xxl-2-6 {
        margin: 2.6rem;
    }
    .m-xxl-2-7 {
        margin: 2.7rem;
    }
    .m-xxl-2-8 {
        margin: 2.8rem;
    }
    .m-xxl-2-9 {
        margin: 2.9rem;
    }

    .m-xxl-6 {
        margin: 3.5rem;
    }
    .m-xxl-7 {
        margin: 4rem;
    }
    .m-xxl-8 {
        margin: 4.5rem;
    }
    .m-xxl-9 {
        margin: 5rem;
    }
    .m-xxl-10 {
        margin: 5.5rem;
    }
    .m-xxl-11 {
        margin: 6rem;
    }
    .m-xxl-12 {
        margin: 6.5rem;
    }
    .m-xxl-13 {
        margin: 7rem;
    }
    .m-xxl-14 {
        margin: 7.5rem;
    }
    .m-xxl-15 {
        margin: 8rem;
    }
    .m-xxl-16 {
        margin: 8.5rem;
    }
    .m-xxl-17 {
        margin: 9rem;
    }
    .m-xxl-18 {
        margin: 9.5rem;
    }
    .m-xxl-19 {
        margin: 10rem;
    }
    .m-xxl-20 {
        margin: 10.5rem;
    }
    .m-xxl-21 {
        margin: 11rem;
    }
    .m-xxl-22 {
        margin: 11.5rem;
    }
    .m-xxl-23 {
        margin: 12rem;
    }
    .m-xxl-24 {
        margin: 12.5rem;
    }

    /* margin top */
    .mt-xxl-1-6, .my-xxl-1-6 {
        margin-top: 1.6rem;
    }
    .mt-xxl-1-7, .my-xxl-1-7 {
        margin-top: 1.7rem;
    }
    .mt-xxl-1-8, .my-xxl-1-8 {
        margin-top: 1.8rem;
    }
    .mt-xxl-1-9, .my-xxl-1-9 {
        margin-top: 1.9rem;
    }
    .mt-xxl-2-0, .my-xxl-2-0 {
        margin-top: 2.0rem;
    }
    .mt-xxl-2-1, .my-xxl-2-1 {
        margin-top: 2.1rem;
    }
    .mt-xxl-2-2, .my-xxl-2-2 {
        margin-top: 2.2rem;
    }
    .mt-xxl-2-3, .my-xxl-2-3 {
        margin-top: 2.3rem;
    }
    .mt-xxl-2-4, .my-xxl-2-4 {
        margin-top: 2.4rem;
    }
    .mt-xxl-2-5, .my-xxl-2-5 {
        margin-top: 2.5rem;
    }
    .mt-xxl-2-6, .my-xxl-2-6 {
        margin-top: 2.6rem;
    }
    .mt-xxl-2-7, .my-xxl-2-7 {
        margin-top: 2.7rem;
    }
    .mt-xxl-2-8, .my-xxl-2-8 {
        margin-top: 2.8rem;
    }
    .mt-xxl-2-9, .my-xxl-2-9 {
        margin-top: 2.9rem;
    }

    .mt-xxl-6, .my-xxl-6 {
        margin-top: 3.5rem;
    }
    .mt-xxl-7, .my-xxl-7 {
        margin-top: 4rem;
    }
    .mt-xxl-8, .my-xxl-8 {
        margin-top: 4.5rem;
    }
    .mt-xxl-9, .my-xxl-9 {
        margin-top: 5rem;
    }
    .mt-xxl-10, .my-xxl-10 {
        margin-top: 5.5rem;
    }
    .mt-xxl-11, .my-xxl-11 {
        margin-top: 6rem;
    }
    .mt-xxl-12, .my-xxl-12 {
        margin-top: 6.5rem;
    }
    .mt-xxl-13, .my-xxl-13 {
        margin-top: 7rem;
    }
    .mt-xxl-14, .my-xxl-14 {
        margin-top: 7.5rem;
    }
    .mt-xxl-15, .my-xxl-15 {
        margin-top: 8rem;
    }
    .mt-xxl-16, .my-xxl-16 {
        margin-top: 8.5rem;
    }
    .mt-xxl-17, .my-xxl-17 {
        margin-top: 9rem;
    }
    .mt-xxl-18, .my-xxl-18 {
        margin-top: 9.5rem;
    }
    .mt-xxl-19, .my-xxl-19 {
        margin-top: 10rem;
    }
    .mt-xxl-20, .my-xxl-20 {
        margin-top: 10.5rem;
    }
    .mt-xxl-21, .my-xxl-21 {
        margin-top: 11rem;
    }
    .mt-xxl-22, .my-xxl-22 {
        margin-top: 11.5rem;
    }
    .mt-xxl-23, .my-xxl-23 {
        margin-top: 12rem;
    }
    .mt-xxl-24, .my-xxl-24 {
        margin-top: 12.5rem;
    }

    /* margin bottom */
    .mb-xxl-1-6, .my-xxl-1-6 {
        margin-bottom: 1.6rem;
    }
    .mb-xxl-1-7, .my-xxl-1-7 {
        margin-bottom: 1.7rem;
    }
    .mb-xxl-1-8, .my-xxl-1-8 {
        margin-bottom: 1.8rem;
    }
    .mb-xxl-1-9, .my-xxl-1-9 {
        margin-bottom: 1.9rem;
    }
    .mb-xxl-2-0, .my-xxl-2-0 {
        margin-bottom: 2.0rem;
    }
    .mb-xxl-2-1, .my-xxl-2-1 {
        margin-bottom: 2.1rem;
    }
    .mb-xxl-2-2, .my-xxl-2-2 {
        margin-bottom: 2.2rem;
    }
    .mb-xxl-2-3, .my-xxl-2-3 {
        margin-bottom: 2.3rem;
    }
    .mb-xxl-2-4, .my-xxl-2-4 {
        margin-bottom: 2.4rem;
    }
    .mb-xxl-2-5, .my-xxl-2-5 {
        margin-bottom: 2.5rem;
    }
    .mb-xxl-2-6, .my-xxl-2-6 {
        margin-bottom: 2.6rem;
    }
    .mb-xxl-2-7, .my-xxl-2-7 {
        margin-bottom: 2.7rem;
    }
    .mb-xxl-2-8, .my-xxl-2-8 {
        margin-bottom: 2.8rem;
    }
    .mb-xxl-2-9, .my-xxl-2-9 {
        margin-bottom: 2.9rem;
    }

    .mb-xxl-6, .my-xxl-6 {
        margin-bottom: 3.5rem;
    }
    .mb-xxl-7, .my-xxl-7 {
        margin-bottom: 4rem;
    }
    .mb-xxl-8, .my-xxl-8 {
        margin-bottom: 4.5rem;
    }
    .mb-xxl-9, .my-xxl-9 {
        margin-bottom: 5rem;
    }
    .mb-xxl-10, .my-xxl-10 {
        margin-bottom: 5.5rem;
    }
    .mb-xxl-11, .my-xxl-11 {
        margin-bottom: 6rem;
    }
    .mb-xxl-12, .my-xxl-12 {
        margin-bottom: 6.5rem;
    }
    .mb-xxl-13, .my-xxl-13 {
        margin-bottom: 7rem;
    }
    .mb-xxl-14, .my-xxl-14 {
        margin-bottom: 7.5rem;
    }
    .mb-xxl-15, .my-xxl-15 {
        margin-bottom: 8rem;
    }
    .mb-xxl-16, .my-xxl-16 {
        margin-bottom: 8.5rem;
    }
    .mb-xxl-17, .my-xxl-17 {
        margin-bottom: 9rem;
    }
    .mb-xxl-18, .my-xxl-18 {
        margin-bottom: 9.5rem;
    }
    .mb-xxl-19, .my-xxl-19 {
        margin-bottom: 10rem;
    }
    .mb-xxl-20, .my-xxl-20 {
        margin-bottom: 10.5rem;
    }
    .mb-xxl-21, .my-xxl-21 {
        margin-bottom: 11rem;
    }
    .mb-xxl-22, .my-xxl-22 {
        margin-bottom: 11.5rem;
    }
    .mb-xxl-23, .my-xxl-23 {
        margin-bottom: 12rem;
    }
    .mb-xxl-24, .my-xxl-24 {
        margin-bottom: 12.5rem;
    }

    /* margin left */
    .ms-xxl-1-6, .mx-xxl-1-6 {
        margin-left: 1.6rem;
    }
    .ms-xxl-1-7, .mx-xxl-1-7 {
        margin-left: 1.7rem;
    }
    .ms-xxl-1-8, .mx-xxl-1-8 {
        margin-left: 1.8rem;
    }
    .ms-xxl-1-9, .mx-xxl-1-9 {
        margin-left: 1.9rem;
    }
    .ms-xxl-2-0, .mx-xxl-2-0 {
        margin-left: 2.0rem;
    }
    .ms-xxl-2-1, .mx-xxl-2-1 {
        margin-left: 2.1rem;
    }
    .ms-xxl-2-2, .mx-xxl-2-2 {
        margin-left: 2.2rem;
    }
    .ms-xxl-2-3, .mx-xxl-2-3 {
        margin-left: 2.3rem;
    }
    .ms-xxl-2-4, .mx-xxl-2-4 {
        margin-left: 2.4rem;
    }
    .ms-xxl-2-5, .mx-xxl-2-5 {
        margin-left: 2.5rem;
    }
    .ms-xxl-2-6, .mx-xxl-2-6 {
        margin-left: 2.6rem;
    }
    .ms-xxl-2-7, .mx-xxl-2-7 {
        margin-left: 2.7rem;
    }
    .ms-xxl-2-8, .mx-xxl-2-8 {
        margin-left: 2.8rem;
    }
    .ms-xxl-2-9, .mx-xxl-2-9 {
        margin-left: 2.9rem;
    }

    .ms-xxl-6, .mx-xxl-6 {
        margin-left: 3.5rem;
    }
    .ms-xxl-7, .mx-xxl-7 {
        margin-left: 4rem;
    }
    .ms-xxl-8, .mx-xxl-8 {
        margin-left: 4.5rem;
    }
    .ms-xxl-9, .mx-xxl-9 {
        margin-left: 5rem;
    }
    .ms-xxl-10, .mx-xxl-10 {
        margin-left: 5.5rem;
    }
    .ms-xxl-11, .mx-xxl-11 {
        margin-left: 6rem;
    }
    .ms-xxl-12, .mx-xxl-12 {
        margin-left: 6.5rem;
    }
    .ms-xxl-13, .mx-xxl-13 {
        margin-left: 7rem;
    }
    .ms-xxl-14, .mx-xxl-14 {
        margin-left: 7.5rem;
    }
    .ms-xxl-15, .mx-xxl-15 {
        margin-left: 8rem;
    }
    .ms-xxl-16, .mx-xxl-16 {
        margin-left: 8.5rem;
    }
    .ms-xxl-17, .mx-xxl-17 {
        margin-left: 9rem;
    }
    .ms-xxl-18, .mx-xxl-18 {
        margin-left: 9.5rem;
    }
    .ms-xxl-19, .mx-xxl-19 {
        margin-left: 10rem;
    }
    .ms-xxl-20, .mx-xxl-20 {
        margin-left: 10.5rem;
    }
    .ms-xxl-21, .mx-xxl-21 {
        margin-left: 11rem;
    }
    .ms-xxl-22, .mx-xxl-22 {
        margin-left: 11.5rem;
    }
    .ms-xxl-23, .mx-xxl-23 {
        margin-left: 12rem;
    }
    .ms-xxl-24, .mx-xxl-24 {
        margin-left: 12.5rem;
    }

    /* margin right */
    .me-xxl-1-6, .mx-xxl-1-6 {
        margin-right: 1.6rem;
    }
    .me-xxl-1-7, .mx-xxl-1-7 {
        margin-right: 1.7rem;
    }
    .me-xxl-1-8, .mx-xxl-1-8 {
        margin-right: 1.8rem;
    }
    .me-xxl-1-9, .mx-xxl-1-9 {
        margin-right: 1.9rem;
    }
    .me-xxl-2-0, .mx-xxl-2-0 {
        margin-right: 2.0rem;
    }
    .me-xxl-2-1, .mx-xxl-2-1 {
        margin-right: 2.1rem;
    }
    .me-xxl-2-2, .mx-xxl-2-2 {
        margin-right: 2.2rem;
    }
    .me-xxl-2-3, .mx-xxl-2-3 {
        margin-right: 2.3rem;
    }
    .me-xxl-2-4, .mx-xxl-2-4 {
        margin-right: 2.4rem;
    }
    .me-xxl-2-5, .mx-xxl-2-5 {
        margin-right: 2.5rem;
    }
    .me-xxl-2-6, .mx-xxl-2-6 {
        margin-right: 2.6rem;
    }
    .me-xxl-2-7, .mx-xxl-2-7 {
        margin-right: 2.7rem;
    }
    .me-xxl-2-8, .mx-xxl-2-8 {
        margin-right: 2.8rem;
    }
    .me-xxl-2-9, .mx-xxl-2-9 {
        margin-right: 2.9rem;
    }

    .me-xxl-6, .mx-xxl-6 {
        margin-right: 3.5rem;
    }
    .me-xxl-7, .mx-xxl-7 {
        margin-right: 4rem;
    }
    .me-xxl-8, .mx-xxl-8 {
        margin-right: 4.5rem;
    }
    .me-xxl-9, .mx-xxl-9 {
        margin-right: 5rem;
    }
    .me-xxl-10, .mx-xxl-10 {
        margin-right: 5.5rem;
    }
    .me-xxl-11, .mx-xxl-11 {
        margin-right: 6rem;
    }
    .me-xxl-12, .mx-xxl-12 {
        margin-right: 6.5rem;
    }
    .me-xxl-13, .mx-xxl-13 {
        margin-right: 7rem;
    }
    .me-xxl-14, .mx-xxl-14 {
        margin-right: 7.5rem;
    }
    .me-xxl-15, .mx-xxl-15 {
        margin-right: 8rem;
    }
    .me-xxl-16, .mx-xxl-16 {
        margin-right: 8.5rem;
    }
    .me-xxl-17, .mx-xxl-17 {
        margin-right: 9rem;
    }
    .me-xxl-18, .mx-xxl-18 {
        margin-right: 9.5rem;
    }
    .me-xxl-19, .mx-xxl-19 {
        margin-right: 10rem;
    }
    .me-xxl-20, .mx-xxl-20 {
        margin-right: 10.5rem;
    }
    .me-xxl-21, .mx-xxl-21 {
        margin-right: 11rem;
    }
    .me-xxl-22, .mx-xxl-22 {
        margin-right: 11.5rem;
    }
    .me-xxl-23, .mx-xxl-23 {
        margin-right: 12rem;
    }
    .me-xxl-24, .mx-xxl-24 {
        margin-right: 12.5rem;
    }

    /* padding */

    /* padding all */
    .p-xxl-1-6 {
        padding: 1.6rem;
    }
    .p-xxl-1-7 {
        padding: 1.7rem;
    }
    .p-xxl-1-8 {
        padding: 1.8rem;
    }
    .p-xxl-1-9 {
        padding: 1.9rem;
    }
    .p-xxl-2-0 {
        padding: 2.0rem;
    }
    .p-xxl-2-1 {
        padding: 2.1rem;
    }
    .p-xxl-2-2 {
        padding: 2.2rem;
    }
    .p-xxl-2-3 {
        padding: 2.3rem;
    }
    .p-xxl-2-4 {
        padding: 2.4rem;
    }
    .p-xxl-2-5 {
        padding: 2.5rem;
    }
    .p-xxl-2-6 {
        padding: 2.6rem;
    }
    .p-xxl-2-7 {
        padding: 2.7rem;
    }
    .p-xxl-2-8 {
        padding: 2.8rem;
    }
    .p-xxl-2-9 {
        padding: 2.9rem;
    }

    .p-xxl-6 {
        padding: 3.5rem;
    }
    .p-xxl-7 {
        padding: 4rem;
    }
    .p-xxl-8 {
        padding: 4.5rem;
    }
    .p-xxl-9 {
        padding: 5rem;
    }
    .p-xxl-10 {
        padding: 5.5rem;
    }
    .p-xxl-11 {
        padding: 6rem;
    }
    .p-xxl-12 {
        padding: 6.5rem;
    }
    .p-xxl-13 {
        padding: 7rem;
    }
    .p-xxl-14 {
        padding: 7.5rem;
    }
    .p-xxl-15 {
        padding: 8rem;
    }
    .p-xxl-16 {
        padding: 8.5rem;
    }
    .p-xxl-17 {
        padding: 9rem;
    }
    .p-xxl-18 {
        padding: 9.5rem;
    }
    .p-xxl-19 {
        padding: 10rem;
    }
    .p-xxl-20 {
        padding: 10.5rem;
    }
    .p-xxl-21 {
        padding: 11rem;
    }
    .p-xxl-22 {
        padding: 11.5rem;
    }
    .p-xxl-23 {
        padding: 12rem;
    }
    .p-xxl-24 {
        padding: 12.5rem;
    }

    /* padding top */
    .pt-xxl-1-6, .py-xxl-1-6 {
        padding-top: 1.6rem;
    }
    .pt-xxl-1-7, .py-xxl-1-7 {
        padding-top: 1.7rem;
    }
    .pt-xxl-1-8, .py-xxl-1-8 {
        padding-top: 1.8rem;
    }
    .pt-xxl-1-9, .py-xxl-1-9 {
        padding-top: 1.9rem;
    }
    .pt-xxl-2-0, .py-xxl-2-0 {
        padding-top: 2.0rem;
    }
    .pt-xxl-2-1, .py-xxl-2-1 {
        padding-top: 2.1rem;
    }
    .pt-xxl-2-2, .py-xxl-2-2 {
        padding-top: 2.2rem;
    }
    .pt-xxl-2-3, .py-xxl-2-3 {
        padding-top: 2.3rem;
    }
    .pt-xxl-2-4, .py-xxl-2-4 {
        padding-top: 2.4rem;
    }
    .pt-xxl-2-5, .py-xxl-2-5 {
        padding-top: 2.5rem;
    }
    .pt-xxl-2-6, .py-xxl-2-6 {
        padding-top: 2.6rem;
    }
    .pt-xxl-2-7, .py-xxl-2-7 {
        padding-top: 2.7rem;
    }
    .pt-xxl-2-8, .py-xxl-2-8 {
        padding-top: 2.8rem;
    }
    .pt-xxl-2-9, .py-xxl-2-9 {
        padding-top: 2.9rem;
    }

    .pt-xxl-6, .py-xxl-6 {
        padding-top: 3.5rem;
    }
    .pt-xxl-7, .py-xxl-7 {
        padding-top: 4rem;
    }
    .pt-xxl-8, .py-xxl-8 {
        padding-top: 4.5rem;
    }
    .pt-xxl-9, .py-xxl-9 {
        padding-top: 5rem;
    }
    .pt-xxl-10, .py-xxl-10 {
        padding-top: 5.5rem;
    }
    .pt-xxl-11, .py-xxl-11 {
        padding-top: 6rem;
    }
    .pt-xxl-12, .py-xxl-12 {
        padding-top: 6.5rem;
    }
    .pt-xxl-13, .py-xxl-13 {
        padding-top: 7rem;
    }
    .pt-xxl-14, .py-xxl-14 {
        padding-top: 7.5rem;
    }
    .pt-xxl-15, .py-xxl-15 {
        padding-top: 8rem;
    }
    .pt-xxl-16, .py-xxl-16 {
        padding-top: 8.5rem;
    }
    .pt-xxl-17, .py-xxl-17 {
        padding-top: 9rem;
    }
    .pt-xxl-18, .py-xxl-18 {
        padding-top: 9.5rem;
    }
    .pt-xxl-19, .py-xxl-19 {
        padding-top: 10rem;
    }
    .pt-xxl-20, .py-xxl-20 {
        padding-top: 10.5rem;
    }
    .pt-xxl-21, .py-xxl-21 {
        padding-top: 11rem;
    }
    .pt-xxl-22, .py-xxl-22 {
        padding-top: 11.5rem;
    }
    .pt-xxl-23, .py-xxl-23 {
        padding-top: 12rem;
    }
    .pt-xxl-24, .py-xxl-24 {
        padding-top: 12.5rem;
    }

    /* padding bottom */
    .pb-xxl-1-6, .py-xxl-1-6 {
        padding-bottom: 1.6rem;
    }
    .pb-xxl-1-7, .py-xxl-1-7 {
        padding-bottom: 1.7rem;
    }
    .pb-xxl-1-8, .py-xxl-1-8 {
        padding-bottom: 1.8rem;
    }
    .pb-xxl-1-9, .py-xxl-1-9 {
        padding-bottom: 1.9rem;
    }
    .pb-xxl-2-0, .py-xxl-2-0 {
        padding-bottom: 2.0rem;
    }
    .pb-xxl-2-1, .py-xxl-2-1 {
        padding-bottom: 2.1rem;
    }
    .pb-xxl-2-2, .py-xxl-2-2 {
        padding-bottom: 2.2rem;
    }
    .pb-xxl-2-3, .py-xxl-2-3 {
        padding-bottom: 2.3rem;
    }
    .pb-xxl-2-4, .py-xxl-2-4 {
        padding-bottom: 2.4rem;
    }
    .pb-xxl-2-5, .py-xxl-2-5 {
        padding-bottom: 2.5rem;
    }
    .pb-xxl-2-6, .py-xxl-2-6 {
        padding-bottom: 2.6rem;
    }
    .pb-xxl-2-7, .py-xxl-2-7 {
        padding-bottom: 2.7rem;
    }
    .pb-xxl-2-8, .py-xxl-2-8 {
        padding-bottom: 2.8rem;
    }
    .pb-xxl-2-9, .py-xxl-2-9 {
        padding-bottom: 2.9rem;
    }

    .pb-xxl-6, .py-xxl-6 {
        padding-bottom: 3.5rem;
    }
    .pb-xxl-7, .py-xxl-7 {
        padding-bottom: 4rem;
    }
    .pb-xxl-8, .py-xxl-8 {
        padding-bottom: 4.5rem;
    }
    .pb-xxl-9, .py-xxl-9 {
        padding-bottom: 5rem;
    }
    .pb-xxl-10, .py-xxl-10 {
        padding-bottom: 5.5rem;
    }
    .pb-xxl-11, .py-xxl-11 {
        padding-bottom: 6rem;
    }
    .pb-xxl-12, .py-xxl-12 {
        padding-bottom: 6.5rem;
    }
    .pb-xxl-13, .py-xxl-13 {
        padding-bottom: 7rem;
    }
    .pb-xxl-14, .py-xxl-14 {
        padding-bottom: 7.5rem;
    }
    .pb-xxl-15, .py-xxl-15 {
        padding-bottom: 8rem;
    }
    .pb-xxl-16, .py-xxl-16 {
        padding-bottom: 8.5rem;
    }
    .pb-xxl-17, .py-xxl-17 {
        padding-bottom: 9rem;
    }
    .pb-xxl-18, .py-xxl-18 {
        padding-bottom: 9.5rem;
    }
    .pb-xxl-19, .py-xxl-19 {
        padding-bottom: 10rem;
    }
    .pb-xxl-20, .py-xxl-20 {
        padding-bottom: 10.5rem;
    }
    .pb-xxl-21, .py-xxl-21 {
        padding-bottom: 11rem;
    }
    .pb-xxl-22, .py-xxl-22 {
        padding-bottom: 11.5rem;
    }
    .pb-xxl-23, .py-xxl-23 {
        padding-bottom: 12rem;
    }
    .pb-xxl-24, .py-xxl-24 {
        padding-bottom: 12.5rem;
    }

    /* padding left */
    .ps-xxl-1-6, .px-xxl-1-6 {
        padding-left: 1.6rem;
    }
    .ps-xxl-1-7, .px-xxl-1-7 {
        padding-left: 1.7rem;
    }
    .ps-xxl-1-8, .px-xxl-1-8 {
        padding-left: 1.8rem;
    }
    .ps-xxl-1-9, .px-xxl-1-9 {
        padding-left: 1.9rem;
    }
    .ps-xxl-2-0, .px-xxl-2-0 {
        padding-left: 2.0rem;
    }
    .ps-xxl-2-1, .px-xxl-2-1 {
        padding-left: 2.1rem;
    }
    .ps-xxl-2-2, .px-xxl-2-2 {
        padding-left: 2.2rem;
    }
    .ps-xxl-2-3, .px-xxl-2-3 {
        padding-left: 2.3rem;
    }
    .ps-xxl-2-4, .px-xxl-2-4 {
        padding-left: 2.4rem;
    }
    .ps-xxl-2-5, .px-xxl-2-5 {
        padding-left: 2.5rem;
    }
    .ps-xxl-2-6, .px-xxl-2-6 {
        padding-left: 2.6rem;
    }
    .ps-xxl-2-7, .px-xxl-2-7 {
        padding-left: 2.7rem;
    }
    .ps-xxl-2-8, .px-xxl-2-8 {
        padding-left: 2.8rem;
    }
    .ps-xxl-2-9, .px-xxl-2-9 {
        padding-left: 2.9rem;
    }

    .ps-xxl-6, .px-xxl-6 {
        padding-left: 3.5rem;
    }
    .ps-xxl-7, .px-xxl-7 {
        padding-left: 4rem;
    }
    .ps-xxl-8, .px-xxl-8 {
        padding-left: 4.5rem;
    }
    .ps-xxl-9, .px-xxl-9 {
        padding-left: 5rem;
    }
    .ps-xxl-10, .px-xxl-10 {
        padding-left: 5.5rem;
    }
    .ps-xxl-11, .px-xxl-11 {
        padding-left: 6rem;
    }
    .ps-xxl-12, .px-xxl-12 {
        padding-left: 6.5rem;
    }
    .ps-xxl-13, .px-xxl-13 {
        padding-left: 7rem;
    }
    .ps-xxl-14, .px-xxl-14 {
        padding-left: 7.5rem;
    }
    .ps-xxl-15, .px-xxl-15 {
        padding-left: 8rem;
    }
    .ps-xxl-16, .px-xxl-16 {
        padding-left: 8.5rem;
    }
    .ps-xxl-17, .px-xxl-17 {
        padding-left: 9rem;
    }
    .ps-xxl-18, .px-xxl-18 {
        padding-left: 9.5rem;
    }
    .ps-xxl-19, .px-xxl-19 {
        padding-left: 10rem;
    }
    .ps-xxl-20, .px-xxl-20 {
        padding-left: 10.5rem;
    }
    .ps-xxl-21, .px-xxl-21 {
        padding-left: 11rem;
    }
    .ps-xxl-22, .px-xxl-22 {
        padding-left: 11.5rem;
    }
    .ps-xxl-23, .px-xxl-23 {
        padding-left: 12rem;
    }
    .ps-xxl-24, .px-xxl-24 {
        padding-left: 12.5rem;
    }

    /* padding right */
    .pe-xxl-1-6, .px-xxl-1-6 {
        padding-right: 1.6rem;
    }
    .pe-xxl-1-7, .px-xxl-1-7 {
        padding-right: 1.7rem;
    }
    .pe-xxl-1-8, .px-xxl-1-8 {
        padding-right: 1.8rem;
    }
    .pe-xxl-1-9, .px-xxl-1-9 {
        padding-right: 1.9rem;
    }
    .pe-xxl-2-0, .px-xxl-2-0 {
        padding-right: 2.0rem;
    }
    .pe-xxl-2-1, .px-xxl-2-1 {
        padding-right: 2.1rem;
    }
    .pe-xxl-2-2, .px-xxl-2-2 {
        padding-right: 2.2rem;
    }
    .pe-xxl-2-3, .px-xxl-2-3 {
        padding-right: 2.3rem;
    }
    .pe-xxl-2-4, .px-xxl-2-4 {
        padding-right: 2.4rem;
    }
    .pe-xxl-2-5, .px-xxl-2-5 {
        padding-right: 2.5rem;
    }
    .pe-xxl-2-6, .px-xxl-2-6 {
        padding-right: 2.6rem;
    }
    .pe-xxl-2-7, .px-xxl-2-7 {
        padding-right: 2.7rem;
    }
    .pe-xxl-2-8, .px-xxl-2-8 {
        padding-right: 2.8rem;
    }
    .pe-xxl-2-9, .px-xxl-2-9 {
        padding-right: 2.9rem;
    }

    .pe-xxl-6, .px-xxl-6 {
        padding-right: 3.5rem;
    }
    .pe-xxl-7, .px-xxl-7 {
        padding-right: 4rem;
    }
    .pe-xxl-8, .px-xxl-8 {
        padding-right: 4.5rem;
    }
    .pe-xxl-9, .px-xxl-9 {
        padding-right: 5rem;
    }
    .pe-xxl-10, .px-xxl-10 {
        padding-right: 5.5rem;
    }
    .pe-xxl-11, .px-xxl-11 {
        padding-right: 6rem;
    }
    .pe-xxl-12, .px-xxl-12 {
        padding-right: 6.5rem;
    }
    .pe-xxl-13, .px-xxl-13 {
        padding-right: 7rem;
    }
    .pe-xxl-14, .px-xxl-14 {
        padding-right: 7.5rem;
    }
    .pe-xxl-15, .px-xxl-15 {
        padding-right: 8rem;
    }
    .pe-xxl-16, .px-xxl-16 {
        padding-right: 8.5rem;
    }
    .pe-xxl-17, .px-xxl-17 {
        padding-right: 9rem;
    }
    .pe-xxl-18, .px-xxl-18 {
        padding-right: 9.5rem;
    }
    .pe-xxl-19, .px-xxl-19 {
        padding-right: 10rem;
    }
    .pe-xxl-20, .px-xxl-20 {
        padding-right: 10.5rem;
    }
    .pe-xxl-21, .px-xxl-21 {
        padding-right: 11rem;
    }
    .pe-xxl-22, .px-xxl-22 {
        padding-right: 11.5rem;
    }
    .pe-xxl-23, .px-xxl-23 {
        padding-right: 12rem;
    }
    .pe-xxl-24, .px-xxl-24 {
        padding-right: 12.5rem;
    }

}

@media screen and (max-width: 1199px) {
    
    /*section { padding: 90px 0; }
    section.md { padding: 70px 0; }*/
    section.page-section { padding: 90px 0; }
    .md-height-auto { height: auto; }

    /* verticle align */
    .md-vertical-align-middle {vertical-align: middle ;}
    .md-vertical-align-top {vertical-align: top ;}
    .md-vertical-align-bottom {vertical-align: bottom ;}
    .md-absolute-middle-inherit {left: 0; top: 0; position: relative; -ms-transform: translateX(0) translateY(0); -moz-transform: translateX(0) translateY(0); -webkit-transform: translateX(0) translateY(0); transform: translateX(0) translateY(0); -o-transform: translateX(0) translateY(0); }

    /* image position*/ 
    .md-background-image-left { background-position: left;}
    .md-background-image-right { background-position: right;}
    .md-background-image-center{ background-position: center;}

    /* display */
    .md-overflow-hidden {overflow:hidden !important;}
    .md-overflow-auto {overflow:auto !important;}
    .md-display-table {display:table !important;}
    .md-display-table-cell {display:table-cell !important;}
    .md-display-flex-inherit { -ms-box-orient: inherit; display: inherit; display: inherit; display: inherit; display: inherit; display: inherit; display: inherit;  flex-flow: inherit; -webkit-flex-flow: inherit; -moz-flex-flow: inherit; -ms-flex-flow: inherit; -o-flex-flow: inherit;}

    /* position */
    .md-position-inherit {position:inherit}
    .md-position-relative {position:relative;}
    .md-position-absolute {position:absolute;}
    .md-position-fixed {position:fixed;}

}

@media screen and (max-width: 1050px) {
    .parallax {background-attachment: inherit;}
}

@media screen and (max-width: 991px) {

    .sm-height-auto { height: auto; }

    /* custom */
    /*section { padding: 70px 0;}
    section.md { padding: 50px 0; }*/
    section.page-section { padding: 70px 0; }

    /* verticle align */
    .sm-vertical-align-middle {vertical-align: middle;}
    .sm-vertical-align-top {vertical-align: top;}
    .sm-vertical-align-bottom {vertical-align: bottom;}
    .sm-absolute-middle-inherit {left: 0; top: 0; position: relative; -ms-transform: translateX(0) translateY(0); -moz-transform: translateX(0) translateY(0); -webkit-transform: translateX(0) translateY(0); transform: translateX(0) translateY(0); -o-transform: translateX(0) translateY(0); }    

    /* image position*/ 
    .sm-background-image-left { background-position: left;}
    .sm-background-image-right { background-position: right;}
    .sm-background-image-center{ background-position: center;}

    /* display */
    .sm-overflow-hidden {overflow:hidden !important;}
    .sm-overflow-auto {overflow:auto !important;}
    .sm-display-table {display:table !important;}
    .sm-display-table-cell {display:table-cell !important;}
    .sm-display-flex-inherit { -ms-box-orient: inherit; display: inherit; display: inherit; display: inherit; display: inherit; display: inherit; display: inherit;  flex-flow: inherit; -webkit-flex-flow: inherit; -moz-flex-flow: inherit; -ms-flex-flow: inherit; -o-flex-flow: inherit;}

    /* clear-both */
    .sm-clear-both {clear: both;}

    /* position */
    .sm-position-inherit {position:inherit !important;}
    .sm-position-initial {position:initial !important;}
    .sm-position-relative {position:relative !important;}
    .sm-position-absolute {position:absolute !important;}
    .sm-position-fixed {position:fixed !important;}

    /* parallax */
    .parallax {background-position: center;}
   
    /* opacity */
    .sm-opacity1 {opacity:.1;}
    .sm-opacity2 {opacity:.2;}
    .sm-opacity3 {opacity:.3;}
    .sm-opacity4 {opacity:.4;}
    .sm-opacity5 {opacity:.5;}
    .sm-opacity6 {opacity:.6;}
    .sm-opacity7 {opacity:.7;}
    .sm-opacity8 {opacity:.8;}
    .sm-opacity9 {opacity:.9;}
    .sm-opacity10 {opacity:1;}
 
}

@media screen and (max-width: 767px) {

    body { font-size: 17px; }
    .xs-height-auto { height: auto; }

    /* opacity */
    .xs-opacity1 {opacity:.1;}
    .xs-opacity2 {opacity:.2;}
    .xs-opacity3 {opacity:.3;}
    .xs-opacity4 {opacity:.4;}
    .xs-opacity5 {opacity:.5;}
    .xs-opacity6 {opacity:.6;}
    .xs-opacity7 {opacity:.7;}
    .xs-opacity8 {opacity:.8;}
    .xs-opacity9 {opacity:.9;}
    .xs-opacity10 {opacity:1;}

    /* verticle align */
    .xs-vertical-align-middle {vertical-align: middle;}
    .xs-vertical-align-top {vertical-align: top;}
    .xs-vertical-align-bottom {vertical-align: bottom;}
    .xs-absolute-middle-inherit {left: 0; top: 0; position: relative; -ms-transform: translateX(0) translateY(0); -moz-transform: translateX(0) translateY(0); -webkit-transform: translateX(0) translateY(0); transform: translateX(0) translateY(0); -o-transform: translateX(0) translateY(0); }    

    /* image position*/ 
    .xs-background-image-left { background-position: left !important;}
    .xs-background-image-right { background-position: right !important;}
    .xs-background-image-center { background-position: center !important;}
 
    /* display */
    .xs-overflow-hidden {overflow:hidden !important;}
    .xs-overflow-auto {overflow:auto !important;}
    .xs-display-table {display:table !important;}
    .xs-display-table-cell {display:table-cell !important;}
    .xs-display-flex-inherit { -ms-box-orient: inherit; display: inherit; display: inherit; display: inherit; display: inherit; display: inherit; display: inherit;  flex-flow: inherit; -webkit-flex-flow: inherit; -moz-flex-flow: inherit; -ms-flex-flow: inherit; -o-flex-flow: inherit;}

    /* position */
    .xs-position-inherit {position:inherit}
    .xs-position-relative {position:relative;}
    .xs-position-absolute {position:absolute;}
    .xs-position-fixed {position:fixed;}

}

/* ipad Portrait */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) {
    .parallax {background-attachment: inherit; background-position: center;}
}

/* ipad Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
    .parallax {background-attachment: inherit; background-position: center;}
}

/*-----------------------------------------------------------------------------------

    Theme Name: Silkea - Spa Beauty & Wellness Salon WordPress Theme
    Description: Spa Beauty & Wellness Salon WordPress Theme
    Author: WebsiteLayout
    Version: 1.0.0

-----------------------------------------------------------------------------------*/
    
/* ===================================
	Default Header style
====================================== */

header{ transition: all 0.5s ease 0s; position: relative; z-index: 9999; }

.navbar-brand img{ max-height: 63px; transition-duration: 0.5s; }
.navbar-header-custom{ padding: 12px 0 10px 0; }
.navbar-default{ transition: all 0.5s ease 0s; -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2); -ms-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2); box-shadow: 0 0 3px rgba(0, 0, 0, 0.2); }
.navbar-default .container, .navbar-default .container-fluid{ position: relative; }
.menu_area{ position: relative; z-index: 2; }
.menu_area .navbar-brand{ transition: all 0.5s ease 0s; display: inline-block; }

.navbar-nav li{ list-style: none; -webkit-transition: background .3s ease; -ms-transition: background .3s ease; transition: background .3s ease; }
.navbar-nav li.has-sub > a{ position: relative; }
.navbar-nav li.has-sub a:hover, .navbar-nav li.has-sub a:active, .navbar-nav li.has-sub a:focus{ color: #fff; background: none; }
.navbar-nav li a{ display: block; color: #9d9d9d; font-size: 19px; font-weight: 600; padding: 8px 42px 8px 32px; white-space:normal; }
.navbar-nav > li{ margin-left: 10px; float: left; text-align: center; }
.navbar-nav > li.has-sub{ padding-right: 13px; }
.navbar-nav > li > a{ position: relative; display: block; font-size: 18px; font-weight: 700; padding: 21px 0.5rem; color: #1f2732; letter-spacing: 0.8px; text-transform: uppercase; -webkit-transition-duration: 500ms; -o-transition-duration: 500ms; transition-duration: 500ms; }
/*.navbar-nav li.current > a, .navbar-nav li.active > a{ color: #229f72; }*/
.navbar-nav > li.has-sub > a:hover{ color: #000; }
.navbar > ul > li.has-sub > a:hover:after{ border-color: transparent #000 #000 transparent; }
.navbar > ul > li.has-sub > a:after{ position: absolute; top: 30px; right: -8px; content: ""; border-color: transparent #1f2732 #1f2732 transparent; border-style: solid; border-width: 0 1px 1px 0; display: block; height: 6px; transform: rotate(45deg); transition: border 0.3s ease 0s; width: 6px; }
.navbar > ul > li.current > a:after{ border-color: transparent #229f72 #229f72 transparent; }

.navbar-nav ul{ position: absolute; left: -9999px; }
.navbar ul ul li{ -webkit-transition: all .25s ease; -ms-transition: all .25s ease; transition: all .25s ease; }
.navbar ul ul li:last-child{ margin-bottom: 0; }
.navbar ul ul li.active > a{ /*color: #fff;*/ }
.navbar-nav li > ul{ padding: 15px 0; margin: 0 0 0 10px; border-radius: 4px; background: #1f2732; min-width: 225px; border: none; -webkit-box-shadow: 0px 8px 30px 0px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0px 8px 30px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 8px 30px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 8px 30px 0px rgba(0, 0, 0, 0.1); }
.navbar-nav li:hover > ul{ left: auto; }

.navbar-nav > li.has-sub > ul{ text-align: left; opacity: 0; margin-top: 10px; -webkit-transition: all .5s ease; -ms-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; }
.navbar-nav > li.has-sub:hover > ul{ margin-top: 0; opacity: 1; }
.navbar li > ul ul{ margin-top: -39px; margin-left: 260px; min-width: 300px; max-width: 100%; }
.navbar li > ul ul ul{ margin-left: 175px; min-width: 130px; }
.navbar ul ul li:last-child > a, .navbar ul ul li.last-item > a{ border-bottom: 0; }
.navbar ul ul li.has-sub > a:after{ position: absolute; top: 22px; right: 17px; width: 8px; height: 2px; display: block; background: #9d9d9d; content: ""; }
.navbar ul ul li.has-sub > a:before{ position: absolute; top: 19px; right: 20px; display: block; width: 2px; height: 8px; background: #9d9d9d; content: ''; -webkit-transition: all .25s ease; -ms-transition: all .25s ease; transition: all 0.25s ease; }
.navbar ul ul > li.has-sub:hover > a:before{ top: 17px; height: 0; }

/* atribute navigation */
.attr-nav{ float: right; margin-left: 11px; }
.attr-nav .dropdown-toggle:after{ content: none; }
.attr-nav > ul{ padding: 0; margin: 0 0 -5px 0; list-style: none; display: inline-block; }
.attr-nav > ul > li{ float: none; display: inline-block; vertical-align: middle; }
.attr-nav > ul > li > a{ color: #1f2732; display: block; padding: 21px 12px; position: relative; font-size: 17px; }
.attr-nav > ul > li > a span.badge{ position: absolute; top: 50%; margin-top: -15px; right: 5px; font-size: 10px; padding: 2px 0 0 1px; width: 15px; height: 15px; color: #fff; border-radius: 15px; line-height: 12px; font-weight: 400; }
.attr-nav > ul > li.dropdown ul.dropdown-menu{ position: absolute; border: none; border-radius: 0; padding: 0; background: #1f2732; min-width: 225px; margin: 10px 0 0 10px; -webkit-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2); -ms-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2); box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2); -webkit-transition: all .5s ease; -ms-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; }

/* top search */
.top-search{ padding: 10px 0; display: none; }
.top-search .search-form { position: relative; }
.top-search .input-group { align-items: center; }
.top-search .input-group > input[type=text]{ order: 2; position: relative; flex: 1 1 auto;   width: 1%;  min-width: 0; min-height: auto; background-color: transparent; border: none; -moz-box-shadow: 0px 0px 0px; -webkit-box-shadow: 0px 0px 0px; -o-box-shadow: 0px 0px 0px; box-shadow: 0px 0px 0px; color: #fff; height: 40px; padding: 0 30px 0 15px; }
.top-search .input-group > input[type=text]::placeholder{ color: #f1f1f1; opacity: 1; }
.top-search .input-group > input[type=text]::-ms-input-placeholder, .top-search input.form-control::-moz-input-placeholder{ color: #f1f1f1; }
.top-search .btn-style1 { background-color: transparent; border: none; color: #fff; padding: 5px 0 !important; line-height: 1.7;  font-size: 18px !important; }
.top-search .btn-style1:before { content: none; }
.top-search .btn-style1:after { content: none; }
.top-search .btn-style1:hover, .top-search .btn-style1:active, .top-search .btn-style1:focus { border:none; background: none; }
.top-search .input-group-addon{ background-color: transparent; border: none; color: #fff; padding-left: 0; padding-right: 0; line-height: 1.7; font-size: 18px; }
.top-search .input-group-addon.close-search{ cursor: pointer; position: absolute; right: 0; top: 1px; z-index: 99; }

/* top search */
.top-search.white { background: #fff; }
.top-search.white input.form-control{ color: #1f2732; }
.top-search.white input.form-control::placeholder{ color: #1f2732; opacity: 1; }
.top-search.white input.form-control::-ms-input-placeholder { color: #1f2732; }
.top-search.white .input-group-addon{ color: #1f2732; }

/* Responsive CSS */
@media screen and (min-width: 992px){

	/* ===================================
		Default Header style
	====================================== */

	header.scrollHeader .navbar-default{ position: fixed; top: 0; z-index: 99; width: 100%; background: #fff; left: 0; transition: all 0.2s ease 0s;  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2); -ms-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2); box-shadow: 0 0 3px rgba(0, 0, 0, 0.2); animation: .95s ease 0s normal forwards 1 running headerAnimate; }
	@keyframes headerAnimate { 0% { margin-top: -150px; } 100% { margin-top: 0; } }
	.wrapper-boxed .scrollHeader .navbar-default{ left: 0; margin: 0 auto; max-width: 1200px; right: 0; }
	.scrollHeader .navbar-brand img{ transition-duration: 0.5s; }
	.scrollHeader .navbar-header-custom{ padding: 8px 0; transition-duration: 0.5s; }
	.navbar-nav .megamenu{ margin: 0; padding: 30px 15px; right: 0; width: 100%; }
	.navbar .megamenu > li{ margin: 0; float: left; }
	.navbar .sub-title{ color: #fff; }
	.megamenu > li > ul{ left: 0; margin: 0; min-width: auto; position: static; width: 100%; }
	.navbar .megamenu li > ul{ margin: 0; min-width: auto; padding: 0; -webkit-box-shadow: none; -ms-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
	.navbar .megamenu ul li{ padding: 0; }
	.navbar .megamenu ul li a{ padding-left: 0; padding-right: 0; }
	.navbar .megamenu li.has-sub > a:after, .navbar .megamenu li.has-sub > a:before{ background: none; }

	.navbar-nav li > ul { min-width: 270px; }

	/* atribute navigation */
	.scrollHeader .attr-nav > ul > li > a{ padding: 21px 12px; }
	.attr-nav > ul > li.dropdown ul.dropdown-menu{ visibility: hidden; top: 66px; border-radius: 0; opacity: 0; left: -225px; }
	.attr-nav > ul > li.dropdown:hover ul.dropdown-menu{ margin-top: 0; opacity: 1; visibility: visible; }
	.scrollHeader .attr-nav > ul > li.dropdown ul.dropdown-menu{ top: 67px; }

	/* header top position */
	.top-position { margin-top: -95px; }
	.top-position1 { margin-top: -96px; }

	/* ===================================
	    Header style01
	====================================== */

	.header-style1 { box-shadow: none; }
	.header-style1 #top-bar { background: none; border-bottom: 1px solid rgba(255, 255, 255, 0.2);  }
	.header-style1 .navbar-default{ -webkit-box-shadow: none; -ms-box-shadow: none; box-shadow: none; }

	.header-style1 .navbar-nav li.has-sub a:hover{ color: #fff; }
	.header-style1 .navbar-nav > li > a{ color: #fff; }
	.header-style1 .navbar-nav li.current > a{ color: #229f72; }
	.header-style1 .navbar-nav > li.has-sub > a:hover{ color: #fff; }
	.header-style1 .navbar > ul > li.has-sub > a:hover:after{ border-color: transparent #fff #fff transparent; }
	.header-style1 .navbar > ul > li.has-sub > a:after{  border-color: transparent #fff #fff transparent; }
	.header-style1 .navbar > ul > li.current > a:after{ border-color: transparent #229f72 #229f72 transparent; }

	.header-style1.scrollHeader .navbar-nav > li > a { color: #1f2732; }
	.header-style1.scrollHeader .navbar-nav > li.has-sub > a:hover { color: #000; }
	.header-style1.scrollHeader .navbar > ul > li.has-sub > a:after { border-color: transparent #1f2732 #1f2732 transparent; }
	.header-style1.scrollHeader .navbar-nav li.current > a{ color: #229f72; }
	.header-style1.scrollHeader .navbar-nav li.current > a:hover{ color: #229f72; }
	.header-style1.scrollHeader .navbar > ul > li.current > a:after{ border-color: transparent #229f72 #229f72 transparent; }

	/* atribute navigation */
	.header-style1 .attr-nav > ul > li > a{ color: #fff; }
	.header-style1.scrollHeader .attr-nav > ul > li > a{ color: #1f2732; }

	/* ===================================
	    Header style02
	====================================== */
	.header-style2 .navbar-default { box-shadow: none; }
	.header-style2 .navbar-nav li a { color: #1f2732; }
	.header-style2 .navbar-nav > li > a { color: #1f2732; }
	.header-style2 .navbar-nav li > ul { background: #fff; }
/*	.header-style2 .navbar ul ul li.active > a { color: #1f2732; }*/
	/*.header-style2 .navbar-nav li.has-sub a:hover{ color: #1f2732; }
	.header-style2 .navbar-nav li.current > a{ color: #229f72; }*/
	.header-style2 .navbar .sub-title { color: #1f2732; font-weight: 800; }
	/*.header-style2 .navbar-nav > li.has-sub > a:hover{ color: #000; }
	.header-style2 .navbar > ul > li.has-sub > a:hover:after{ border-color: transparent #000 #000 transparent; }
	.header-style2 .navbar > ul > li.has-sub > a:after{  border-color: transparent #000 #000 transparent; }
	.header-style2 .navbar > ul > li.current > a:after{ border-color: transparent #229f72 #229f72 transparent; }*/

	.header-style2.scrollHeader .navbar-nav > li > a { color: #1f2732; }
	.header-style2.scrollHeader .navbar-nav > li.has-sub > a:hover { color: #000; }
	.header-style2.scrollHeader .navbar > ul > li.has-sub > a:after { border-color: transparent #1f2732 #1f2732 transparent; }
	.header-style2.scrollHeader .navbar-nav li.current > a{ color: #229f72; }
	.header-style2.scrollHeader .navbar-nav li.current > a:hover{ color: #229f72; }
	.header-style2.scrollHeader .navbar > ul > li.current > a:after{ border-color: transparent #229f72 #229f72 transparent; }

	/* ===================================
	    Header style03
	====================================== */
	.header-style3 .navbar-default { box-shadow: none; }
	.header-style3 .navbar-nav li a { color: rgba(255, 255, 255, 0.85); }
	.header-style3 .navbar-nav > li > a { color: #fff; }
	.header-style3 .navbar-nav li.active > a { color: #ff497c; }
	.header-style3 .navbar-nav > li > a:hover, .header-style3 .navbar-nav > li > a:active, .header-style3 .navbar-nav > li > a:focus { color:#ff497c; }
	.header-style3 .navbar-nav li > ul { background: #1f2732; }
	.header-style3 .navbar ul ul li.active > a { color: #ff497c; }
	.header-style3 .navbar-nav li.has-sub a:hover{ color: #ff497c; }
	.header-style3 .navbar-nav li.current > a{ color: #ff497c; }
	.header-style3 .navbar .sub-title { color: rgba(255, 255, 255, 0.85); font-weight: 800; }
	.header-style3 .navbar-nav > li.has-sub > a:hover{ color: #ff497c; }
	.header-style3 .navbar > ul > li.has-sub > a:hover:after{ border-color: transparent #ff497c #ff497c transparent; }
	.header-style3 .navbar > ul > li.has-sub > a:after{  border-color: transparent #fff #fff transparent; }
	.header-style3 .navbar > ul > li.current > a:after{ border-color: transparent #ff497c #ff497c transparent; }

	.header-style3.scrollHeader .navbar-nav > li > a { color: #1f2732; }
	.header-style3.scrollHeader .navbar-nav > li.has-sub > a:hover { color: #ff497c; }
	.header-style3.scrollHeader .navbar > ul > li.has-sub > a:after { border-color: transparent #1f2732 #1f2732 transparent; }
	.header-style3.scrollHeader .navbar > ul > li.has-sub > a:hover:after { border-color: transparent #ff497c #ff497c transparent; }
	.header-style3.scrollHeader .navbar-nav > li.active > a { color: #ff497c; }
	.header-style3.scrollHeader .navbar-nav li.current > a{ color: #ff497c; }
	.header-style3.scrollHeader .navbar-nav li.current > a:hover{ color: #ff497c; }
	.header-style3.scrollHeader .navbar > ul > li.current > a:after{ border-color: transparent #ff497c #ff497c transparent; }

	.header-style3.scrollHeader .attr-nav > ul > li > a { color: #1f2732; }
	.header-style3 .attr-nav > ul > li > a{ color: #fff; }

	/* ===================================
	    Header style04
	====================================== */
	.header-style4 .navbar-default { box-shadow: none; }
	.header-style4 .navbar-nav li a { color: rgba(255, 255, 255, 0.85); }
	.header-style4 .navbar-nav > li > a { color: #1f2732; }
	.header-style4 .navbar-nav li.active > a { color: #ff497c; }
	.header-style4 .navbar-nav > li > a:hover, .header-style4 .navbar-nav > li > a:active, .header-style4 .navbar-nav > li > a:focus { color:#ff497c; }
	.header-style4 .navbar-nav li > ul { background: #1f2732; }
	.header-style4 .navbar ul ul li.active > a { color: #ff497c; }
	.header-style4 .navbar-nav li.has-sub a:hover{ color: #ff497c; }
	.header-style4 .navbar-nav li.current > a{ color: #ff497c; }
	.header-style4 .navbar .sub-title { color: rgba(255, 255, 255, 0.85); font-weight: 800; }
	.header-style4 .navbar-nav > li.has-sub > a:hover{ color: #ff497c; }
	.header-style4 .navbar > ul > li.has-sub > a:hover:after{ border-color: transparent #ff497c #ff497c transparent; }
	.header-style4 .navbar > ul > li.has-sub > a:after{  border-color: transparent #1f2732 #1f2732 transparent; }
	.header-style4 .navbar > ul > li.current > a:after{ border-color: transparent #ff497c #ff497c transparent; }

	.header-style4.scrollHeader .navbar-nav > li > a { color: #1f2732; }
	.header-style4.scrollHeader .navbar-nav > li.has-sub > a:hover { color: #ff497c; }
	.header-style4.scrollHeader .navbar > ul > li.has-sub > a:after { border-color: transparent #1f2732 #1f2732 transparent; }
	.header-style4.scrollHeader .navbar > ul > li.has-sub > a:hover:after { border-color: transparent #ff497c #ff497c transparent; }
	.header-style4.scrollHeader .navbar-nav > li.active > a { color: #ff497c; }
	.header-style4.scrollHeader .navbar-nav li.current > a{ color: #ff497c; }
	.header-style4.scrollHeader .navbar-nav li.current > a:hover{ color: #ff497c; }
	.header-style4.scrollHeader .navbar > ul > li.current > a:after{ border-color: transparent #ff497c #ff497c transparent; }
	
	/* ===================================
		Menu area light
	====================================== */
	.menu_area-light .navbar-nav li a { color: #1f2732; }
	.menu_area-light .navbar-nav > li > a { color: #fff; }
	.menu_area-light .navbar-nav li > ul { background: #fff; }
/*	.menu_area-light .navbar ul ul li.active > a { color: #1f2732; }*/
	.menu_area-light .navbar-nav li.has-sub a:hover{ color: #1f2732; }
	.menu_area-light .navbar-nav li.current > a{ color: #229f72; }
	.menu_area-light .navbar .sub-title { color: #1f2732; }
	.menu_area-light .navbar-nav > li.has-sub > a:hover{ color: #fff; }
	.menu_area-light .navbar > ul > li.has-sub > a:hover:after{ border-color: transparent #fff #fff transparent; }
	.menu_area-light .navbar > ul > li.has-sub > a:after{  border-color: transparent #fff #fff transparent; }
	.menu_area-light .navbar > ul > li.current > a:after{ border-color: transparent #229f72 #229f72 transparent; }

	.menu_area-light.scrollHeader .navbar-nav > li > a { color: #1f2732; }
	.menu_area-light.scrollHeader .navbar-nav > li.has-sub > a:hover { color: #000; }
	.menu_area-light.scrollHeader .navbar > ul > li.has-sub > a:after { border-color: transparent #1f2732 #1f2732 transparent; }
	.menu_area-light.scrollHeader .navbar-nav li.current > a{ color: #229f72; }
	.menu_area-light.scrollHeader .navbar-nav li.current > a:hover{ color: #229f72; }
	.menu_area-light.scrollHeader .navbar > ul > li.current > a:after{ border-color: transparent #229f72 #229f72 transparent; }

}

@media screen and (max-width: 1399px){ 
	.navbar li > ul ul { margin-left: -290px; }
}
@media screen and (max-width: 1199px){ 
 	.navbar-nav > li{ margin-left: 2px; }
}

@media screen and (max-width: 991px){ 

	/* ===================================
		Default Header style
	====================================== */	

	.navbar-header-custom{ padding: 6px 0;  }
	.navbar-brand img { max-height: 47px; }

	.navbar-nav li > ul{ -webkit-box-shadow: none; -ms-box-shadow: none; -moz-box-shadow: none; box-shadow: none;  }
	.navbar-nav > li.has-sub > ul{ opacity: 1; margin: 0; -webkit-box-shadow: none; -ms-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-transition: all 0s ease; -ms-transition: all 0s ease; -moz-transition: all 0s ease; -o-transition: all 0s ease; transition: all 0s ease;  }
	.navbar li > ul ul{ margin: 0; min-width: auto;  }
	.navbar-nav > li.has-sub{ padding-right: 0;  }
	.navbar-nav > li > a{ padding: 14px 20px; color: #1f2732; font-size: 15px; font-weight: 700; }
	.navbar-nav > li > a:hover{ opacity: 1;  }
	.navbar-nav li.has-sub a:hover{ color: #1f2732;  }
	.navbar ul ul li.active > a{ /*color: #000;*/ }
	.navbar .sub-title { color: #1f2732; }

	.navbar-nav{ background: #fff; -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2); -ms-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2); box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2); position: absolute; top: 70px; left: 0; width: 100%; transition-duration: 0; -ms-transition-duration: 0; -moz-transition-duration: 0; -webkit-transition-duration: 0; -o-transition-duration: 0; width: 100%; display: none; transition: none; -ms-transition: none; -moz-transition: none; -webkit-transition: none; -o-transition: none;  }
	.navbar-nav li.active > a{ opacity: 1;  }
	.navbar-nav ul{ width: 100%; display: none; transition: none; -ms-transition: none; -moz-transition: none; -webkit-transition: none; -o-transition: none;  }
	.navbar-nav li{ width: 100%; border-top: 1px solid #e6e6e6; position: relative; padding: 0; margin: 0; text-align: left; }
	.navbar-nav ul li:hover{ background: #f5f5f5;  }
	.navbar-nav ul ul li{ height: auto;  }
	.navbar-nav li:hover > ul > li{ height: auto;  }

	.navbar ul li a{ width: 100%; border-bottom: 0;  }
	.navbar ul ul{ position: relative; left: 0; width: 100%; margin: 0; text-align: left; background: #f5f5f5; padding: 0;  }
	.navbar ul ul li{ margin-bottom: 0; padding: 0; border-color: #e6e6e6;  }
	.navbar ul ul li a{ width: 100%; border-bottom: 0; color: #1f2732; background: none; padding: 10px 35px 10px 30px;  }
	.navbar ul ul ul li a{ padding-left: 45px;  }
	.navbar > ul > li{ float: none;  }
	.navbar-nav ul ul{ position: relative; left: 0; width: 100%; margin: 0; text-align: left; background: #f5f5f5; padding: 0;  }

	.navbar > ul > li.has-sub > a:after, .navbar > ul > li.has-sub > a:before{ display: none;  }
	.navbar ul ul > li.has-sub > a:after, .navbar ul ul > li.has-sub > a:before{ display: none;  }
	.navbar-nav ul ul ul li.active a{ border-left: none;  }
	.navbar-nav > ul > li.has-sub > ul > li.active > a, .navbar-nav > ul ul > li.has-sub > ul > li.active > a{ border-top: none;  }
	.navbar li > ul ul ul{ margin-left: 0; background: #fff;  }
	.navbar ul ul ul ul li a{ padding-left: 55px;  }
	.navbar-nav .has-sub .has-sub .submenu-button{ height: 43px;  }
	.navbar-nav .has-sub .has-sub .submenu-button:after{ top: 19px;  }
	.navbar-nav .has-sub .has-sub .submenu-button:before{ top: 15px;  }

	.navbar-toggler{ background: #1f2732; width: 50px; height: 45px; padding: 0; border-radius: 0; position: absolute; right: 0; top: 13px; cursor: pointer; z-index: 12399994; border: none;  }
	.navbar-toggler:after{ position: absolute; top: 22px; right: 15px; display: block; height: 8px; width: 20px; border-top: 2px solid #fff; border-bottom: 2px solid #fff; content: "";  }
	.navbar-toggler:before{ -webkit-transition: all .3s ease; -ms-transition: all .3s ease; transition: all .3s ease; position: absolute; top: 16px; right: 15px; display: block; height: 2px; width: 20px; background: #fff; content: "";  }
	.navbar-toggler.menu-opened:after{ -webkit-transition: all .3s ease; -ms-transition: all .3s ease; transition: all .3s ease; top: 23px; border: 0; height: 2px; width: 19px; background: #fff; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);  }
	.navbar-toggler.menu-opened:before{ top: 23px; background: #fff; width: 19px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);  }
	.navbar-nav .submenu-button{ position: absolute; z-index: 99; right: 0; top: 0; display: block; height: 51px; width: 100%; cursor: pointer;  }
	.navbar-nav .submenu-button:after{ position: absolute; top: 24px; right: 16px; width: 10px; height: 2px; display: block; background: #1f2732; content: "";  }
	.navbar-nav .submenu-button:before{ position: absolute; top: 20px; right: 20px; display: block; width: 2px; height: 10px; background: #1f2732; content: "";  }
	.navbar-nav .has-sub.active > .submenu-button:before{ display: none;  }

	/* atribute navigation */
	.attr-nav{ float: left; margin-right: 70px; }
	.attr-nav > ul > li{ display: inline-block;  }
	.attr-nav > ul > li.dropdown ul.dropdown-menu{ left: -193px; top: 38px; display: none !important;  }
	.attr-nav > ul > li.dropdown.show ul.dropdown-menu{ display: block !important;  }
	.attr-nav > ul > li > a{ padding: 0;  }
	.attr-nav > ul > li > a span.badge { right: -8px; }

	/* header top position */
	.top-position { margin-top: -72px; }
	.top-position1 { margin-top: -73px; }

	/* ===================================
	    Header style01
	====================================== */
	.header-style1 { box-shadow: none; }
	.header-style1 #top-bar { display: none; background: none; border-bottom: 1px solid rgba(255, 255, 255, 0.35);  }
	.header-style1 .navbar-default{ -webkit-box-shadow: none; -ms-box-shadow: none; box-shadow: none; border-bottom:1px solid rgba(255, 255, 255, 0.35); }

	.header-style1 .navbar-toggler{ background: #fff;  }
	.header-style1 .navbar-toggler:after{ border-top: 2px solid #fff; border-bottom: 2px solid #fff; }
	.header-style1 .navbar-toggler:before{ background: #fff; }
	.header-style1 .navbar-toggler.menu-opened:after{  background: #fff; border-bottom: none;  }
	.header-style1 .navbar-toggler.menu-opened:before{ background: #fff; }

	.header-style1 .attr-nav > ul > li > a{ color: #fff; }

	.header-style2 .navbar-toggler.menu-opened:after{  background: #fff; border-bottom: none;  }
	.header-style2 .navbar-toggler.menu-opened:before{ background: #fff; }

	.header-style3 .navbar-toggler{ background: #fff;  }
	.header-style3 .navbar-toggler:after{ border-top: 2px solid #1f2732; border-bottom: 2px solid #1f2732; }
	.header-style3 .navbar-toggler:before{ background: #1f2732; }
	.header-style3 .navbar-toggler.menu-opened:after{  background: #1f2732; border-bottom: none;  }
	.header-style3 .navbar-toggler.menu-opened:before{ background: #1f2732; }

	.header-style3 .attr-nav > ul > li > a{ color: #fff; }

	.header-style4 .navbar-toggler{ background: #fff;  }
	.header-style4 .navbar-toggler:after{ border-top: 2px solid #1f2732; border-bottom: 2px solid #1f2732; }
	.header-style4 .navbar-toggler:before{ background: #1f2732; }
	.header-style4 .navbar-toggler.menu-opened:after{  background: #1f2732; border-bottom: none;  }
	.header-style4 .navbar-toggler.menu-opened:before{ background: #1f2732; }

}

/*-----------------------------------------------------------------------------------
 *
 * Theme Name: Silkea - Spa Beauty & Wellness Salon WordPress Theme
 * Description: Spa Beauty & Wellness Salon WordPress Theme
 * Author: WebsiteLayout
 * Version: 1.0.0
 *
 * ----------------------------------------------------------------------------------- */
/* ----------------------------------
 *
 * Table of contents
 *
 *	01. Common styles
 *	02. Button styles
 *	03. Navigation
 *	04. Banner
 *	05. Section Heading
 *	06. Page title
 *	07. Cards
 *	08. Portfolio
 *	09. Owl Carousel
 *	10. Accordion
 *	11. Pages
 *	12. Others
 *	13. Page Navigation
 *	14. Footer
 *
 * ---------------------------------- */
/*==============================
 *    Common styles
 *    ================================ */
/* loader */
:root {
  --primary-color: #ff497c;
  --secondary-color: #1f2732;
}
#preloader {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background-color: #fff;
  z-index: 999999;
  transition: 0.3s ease opacity;
  text-align: center;
  width: 100%;
  height: 100%;
}
#preloader:before {
  content: "";
  width: 80px;
  height: 80px;
  border: 3px solid #ff497c;
  display: block;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  opacity: 0;
  transform: translate(-50%, -50%);
  animation-name: LoaderCicle;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
#preloader:after {
  content: "";
  width: 80px;
  height: 80px;
  border: 3px solid #ff497c;
  display: block;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  opacity: 0;
  transform: translate(-50%, -50%);
  animation-name: LoaderCicle;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  animation-delay: 1s;
}
@keyframes LoaderCicle {
  0% {
    width: 0;
    height: 0;
    opacity: 0;
  }
  10% {
    width: 10px;
    height: 10px;
    opacity: 1;
  }
  80% {
    width: 60px;
    height: 60px;
    opacity: 0.1;
  }
  100% {
    width: 70px;
    height: 70px;
    opacity: 0;
  }
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, .h1 a, .h2 a, .h3 a, .h4 a, .h5 a, .h6 a {
  color: #1f2732;
}
body {
  color: #42545e;
}
.card {
  color: #42545e;
}
.card .card-body {
  color: #42545e;
}
.elementor .elementor-widget-text-editor {
  color: #42545e !important;
  /* theme color and basic options */
}
a:hover, a:active {
  color: #ff497c;
  text-decoration: none;
}
a[href^="tel"] {
  color: inherit;
  text-decoration: none;
}
a[href^="mailto"] {
  color: inherit;
  text-decoration: none;
}
.secondary-overlay[data-overlay-dark]:before {
  background: #1f2732;
}
.yellow-overlay[data-overlay-dark]:before {
  background: #f9f6f1;
}
.left-overlay-secondary[data-overlay-dark]:before {
  background: rgba(31, 39, 50, 0.76);
  background: linear-gradient(-90deg, transparent, #1f2732 35%);
}
.right-overlay-secondary[data-overlay-dark]:before {
  background: linear-gradient(270deg, #151b24 15%, #1f2732 100%);
  background-color: transparent;
}
.text-primary, .text-primary-hover:hover {
  color: #ff497c !important;
}
.bg-light-yellow, .bg-light-color {
  background-color: #f9f6f1;
}
.bg-primary {
  background-color: #ff497c !important;
}
.text-secondary, .text-secondary-hover:hover {
  color: #1f2732 !important;
}
.bg-secondary {
  background-color: #1f2732 !important;
}
.text-dark, .text-dark-hover:hover {
  color: #1f2732 !important;
}
.border-secondary-color {
  border-color: #1f2732 !important;
}
.border-top-radius-10 {
  border-top-left-radius: 10px !important;
  border-top-right-radius: 10px !important;
}
.border-bottom-radius-10 {
  border-bottom-left-radius: 10px !important;
  border-bottom-right-radius: 10px !important;
}
.card-img-top {
  border-top-left-radius: 0.375rem !important;
  border-top-right-radius: 0.375rem !important;
}
.primary-shadow {
  box-shadow: 0 0 70px rgba(0, 0, 0, 0.08);
}
.border-text {
  text-fill-color: transparent;
  text-stroke-color: #fff;
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke-color: #fff;
  -webkit-text-stroke-width: 1px;
  stroke-width: 1px;
}
.text-white-hover:hover {
  color: #fff !important;
}
.min-height-54px {
  min-height: 54px !important;
}
.min-vh-100 {
  min-height: 100vh;
}
.margin-bottom {
  margin-bottom: -10%;
  /* image hover */
}
.image-hover {
  position: relative;
  display: block;
  overflow: hidden;
}
.image-hover:before {
  position: absolute;
  top: 0;
  left: -100%;
  display: block;
  content: '';
  width: 50%;
  height: 100%;
  background: -o-linear-gradient(left, rgba(255, 255, 255, 0.000001) 0%, rgba(255, 255, 255, 0.3) 100%);
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0.000001)), to(rgba(255, 255, 255, 0.3)));
  background: linear-gradient(to right, rgba(255, 255, 255, 0.000001) 0%, rgba(255, 255, 255, 0.3) 100%);
  -webkit-transform: skewX(-25deg);
  -ms-transform: skewX(-25deg);
  transform: skewX(-25deg);
}
.image-hover:hover:before {
  -webkit-animation: shine 1s;
  animation: shine 1s;
}
@-webkit-keyframes shine {
  100% {
    left: 125%;
  }
}
@keyframes shine {
  /* animation */
  100% {
    left: 125%;
  }
}
.ani-left-right {
  animation-duration: 5s;
  animation-iteration-count: infinite;
  animation-name: LeftRight;
  animation-timing-function: ease-in-out;
}
@keyframes LeftRight {
  0% {
    transform: translate(0px, 0px);
  }
  65% {
    transform: translate(30px, 0);
  }
  100% {
    transform: translate(0px, 0px);
  }
}
.ani-top-bottom {
  animation-duration: 5s;
  animation-iteration-count: infinite;
  animation-name: TopBottom;
  animation-timing-function: ease-in-out;
}
@keyframes TopBottom {
  0% {
    transform: translate(0px, 0px);
  }
  65% {
    transform: translate(0, 30px);
  }
  100% {
    transform: translate(0px, 0px);
  }
}
#circle svg {
  -webkit-animation-name: rotate;
  -moz-animation-name: rotate;
  -ms-animation-name: rotate;
  -o-animation-name: rotate;
  animation-name: rotate;
  -webkit-animation-duration: 25s;
  -moz-animation-duration: 25s;
  -ms-animation-duration: 25s;
  -o-animation-duration: 25s;
  animation-duration: 25s;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  -ms-animation-timing-function: linear;
  -o-animation-timing-function: linear;
  animation-timing-function: linear;
}
@-webkit-keyframes rotate {
  from {
    -webkit-transform: rotate(360deg);
  }
  to {
    -webkit-transform: rotate(0);
  }
}
@-moz-keyframes rotate {
  from {
    -moz-transform: rotate(360deg);
  }
  to {
    -moz-transform: rotate(0);
  }
}
@-ms-keyframes rotate {
  from {
    -ms-transform: rotate(360deg);
  }
  to {
    -ms-transform: rotate(0);
  }
}
@-o-keyframes rotate {
  from {
    -o-transform: rotate(360deg);
  }
  to {
    -o-transform: rotate(0);
  }
}
@keyframes rotate {
  from {
    transform: rotate(360deg);
  }
  to {
    transform: rotate(0);
  }
}
.fill-white text {
  fill: #fff;
  font-size: 15px;
  letter-spacing: 0.3em;
}
.ani-rotated {
  animation: rotated 10s infinite linear;
}
@keyframes rotated {
  /* scroll to top */
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
.scroll-top-percentage {
  height: 60px;
  width: 60px;
  border-radius: 50%;
  position: fixed;
  bottom: 40px;
  color: #fff;
  right: 50px;
  -webkit-transform: scale(0);
  transform: scale(0);
  display: -ms-grid;
  display: grid;
  place-items: center;
  cursor: pointer;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  z-index: 100;
}
.scroll-top-percentage.active {
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 1;
  visibility: visible;
  -webkit-animation: 500ms ease-in-out 0s normal none 1 running scrollToTop;
  animation: 500ms ease-in-out 0s normal none 1 running scrollToTop;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media screen and (max-width: 1199px) {
  .scroll-top-percentage {
    right: 30px;
    bottom: 20px;
  }
}
#scroll-value {
  height: calc(100% - 6px);
  width: calc(100% - 6px);
  color: var(--rr-common-white);
  border-radius: 50%;
  display: -ms-grid;
  display: grid;
  place-items: center;
  font-size: 16px;
  font-weight: 600;
}
#scroll-value i {
  font-size: 20px;
}
@-webkit-keyframes scrollToTop {
  0% {
    -webkit-transform: translate3d(0, 80%, 0);
    transform: translate3d(0, 80%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
@keyframes scrollToTop {
  /* list-style01 */
  0% {
    -webkit-transform: translate3d(0, 80%, 0);
    transform: translate3d(0, 80%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
.list-style01 {
  list-style: none;
  padding-left: 0;
  /* list-style02 */
}
.list-style01 li {
  position: relative;
  margin: 0 0 8px 0;
  color: #6f6c6c;
  display: flex;
  align-items: center;
}
.list-style01 li:last-child {
  margin-bottom: 0;
}
.list-style01 li:before {
  content: '\e64c';
  font-family: 'themify';
  font-size: 12px;
  font-weight: 700;
  line-height: 20px;
  color: #fff;
  height: 20px;
  border-radius: 50%;
  text-align: center;
  width: 20px;
  background-color: #ff497c;
  margin-right: 14px;
}
.list-style02 li {
  display: inline-block;
  margin-right: 2rem;
  /* list-style03 */
}
.list-style02 li:last-child {
  margin-right: 0;
}
.list-style02 li a {
  color: rgba(255, 255, 255, 0.6);
  text-transform: uppercase;
}
.list-style02 li a:hover {
  color: #ff497c;
}
.list-style03 {
  list-style: none;
  padding-left: 0;
}
.list-style03 li {
  position: relative;
  margin: 0 0 8px 0;
  color: #6f6c6c;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.list-style03 li:last-child {
  margin-bottom: 0;
}
.list-style03 li:after {
  content: '\e64c';
  font-family: 'themify';
  font-size: 12px;
  font-weight: 700;
  line-height: 26px;
  color: #fff;
  height: 26px;
  border-radius: 50%;
  text-align: center;
  width: 26px;
  background-color: #ff497c;
}
@media screen and (max-width: 575px) {
  /* list-style04 */  .list-style03 li {
    font-size: 13px;
  }
  .list-style03 li:after {
    width: 24px;
    height: 24px;
    line-height: 24px;
    font-size: 10px;
  }
}
.list-style04 li {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #f1f1f1;
  padding: 15px 0;
  /* list-style09 */
}
.list-style04 li:last-child {
  border-bottom: unset;
  padding-bottom: 0;
}
.list-style09 li {
  margin-bottom: 17px;
  color: rgba(255, 255, 255, 0.6);
  /*==============================
 *    Button styles
 *    ================================ */
  /* btn-style1 */
}
.list-style09 li:last-child {
  margin-bottom: 0;
}
.list-style09 li span {
  text-transform: uppercase;
  font-weight: 700;
  padding-right: 3px;
  color: #fff;
  font-size: 16px;
}
.btn-style1 {
  display: inline-block;
  text-align: center;
  background: #ff497c;
  color: #fff;
  line-height: 1.5;
  font-weight: 700;
  position: relative;
  outline: none;
  transition: all 0.4s ease;
  overflow: hidden;
  white-space: nowrap;
  font-size: 15px !important;
  padding: 13px 34px !important;
  z-index: 9;
  border-radius: 3px;
  border: 1px solid transparent;
  text-transform: uppercase;
}
.btn-style1:hover, .btn-style1:active, .btn-style1:focus {
  color: #fff;
  background: #1f2732;
}
.btn-style1.medium {
  padding: 12px 26px !important;
}
.btn-style1.small {
  padding: 10px 24px !important;
}
.btn-style1.white {
  background: #fff;
  color: #ff497c !important;
}
.btn-style1.white:hover {
  background-color: #ff497c;
  color: #fff !important;
}
.btn-style1.white-hover:hover, .btn-style1.white-hover:active, .btn-style1.white-hover:focus {
  background-color: #fff !important;
  color: #ff497c;
}
@media screen and (min-width: 992px) {
  /*btn-style2*/  .header-style3.scrollHeader .attr-nav > ul > li > a.btn-style1 {
    color: #fff;
    border: 1px solid transparent;
  }
  .header-style3.scrollHeader .attr-nav > ul > li > a.btn-style1:hover, .header-style3.scrollHeader .attr-nav > ul > li > a.btn-style1:active, .header-style3.scrollHeader .attr-nav > ul > li > a.btn-style1:focus {
    color: #ff497c;
    border: 1px solid #ff497c;
  }
  .header-style1.scrollHeader .attr-nav > ul > li > a.btn-style1 {
    color: #fff;
    border: 1px solid transparent;
  }
  .header-style1.scrollHeader .attr-nav > ul > li > a.btn-style1:hover, .header-style1.scrollHeader .attr-nav > ul > li > a.btn-style1:active, .header-style1.scrollHeader .attr-nav > ul > li > a.btn-style1:focus {
    color: #ff497c;
    border: 1px solid #ff497c;
  }
}
.btn-style2 {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  outline: none !important;
  font-weight: 700;
  font-size: 12px;
  color: #fff;
  text-transform: uppercase;
  background-color: #ff497c;
  padding: 16px 29px 16px 29px;
  -webkit-transition: all 0.5s linear;
  transition: all 0.5s linear;
  overflow: hidden;
  letter-spacing: 0.2em;
  z-index: 1;
}
.btn-style2:before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
  background-color: #1f2732;
  width: 0%;
  transform: translateY(100%);
  transition: all 500ms ease;
  z-index: -1;
}
.btn-style2:hover {
  color: #fff;
  z-index: 1;
}
.btn-style2:hover:before {
  transform: translateY(0);
  width: 100%;
}
@media screen and (max-width: 1199px) {
  /* ===================================
    Navigation
====================================== */
  /* top bar  */  .btn-style2 {
    padding: 14px 24px;
    font-size: 10px;
  }
}
.top-bar-info {
  display: inline-block;
  vertical-align: middle;
}
.top-bar-info ul {
  margin-bottom: 0;
}
.top-bar-info li {
  font-weight: 500;
  color: #fff;
  list-style-type: none;
  font-size: 14px;
  padding: 0 5px 0;
  display: inline-block;
  margin-bottom: 0;
}
.top-bar {
  display: block;
  position: relative;
  z-index: 999;
  padding: 7px 0;
}
.top-bar-info li i {
  font-size: 16px;
  color: #fff;
  margin-right: 8px;
  margin-top: 0;
  display: inline-block;
  vertical-align: text-bottom;
}
.top-social-icon {
  padding: 0;
  float: right;
  margin: 0;
}
.top-social-icon li {
  font-size: 14px;
  list-style-type: none;
  float: left;
  text-align: center;
  margin: 0;
  padding: 0 7px;
}
.top-social-icon li:last-child {
  padding-right: 0;
}
.top-social-icon li:last-child a {
  padding-right: 0;
}
.top-social-icon li a {
  color: #fff;
  line-height: 28px;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  padding: 0 3px;
}
.top-social-icon li a:hover {
  color: rgba(255, 255, 255, 0.65);
}
.navbar-nav li.current-menu-item > a, .navbar-nav li.current-menu-parent > a, .navbar-nav li.current-menu-ancestor > a {
  color: #ff497c;
}
.attr-nav > ul > li > a.butn {
  color: #fff;
}
.navbar > ul > li.current > a:after, .navbar > ul > li.current-menu-item > a:after, .navbar > ul > li.current-menu-ancestor > a:after {
  border-color: transparent #ff497c #ff497c transparent;
}
.menu_area-light .navbar > ul > li.current > a:after {
  border-color: transparent #ff497c #ff497c transparent;
}
.menu_area-light .navbar > ul > li.current-menu-ancestor > a:after, .menu_area-light .navbar > ul > li.current-menu-ancestor.current-menu-item > a:after {
  border-color: transparent #ff497c #ff497c transparent;
}
.menu_area-light .navbar > ul > li.current-menu-item > a:after {
  border-color: transparent #ff497c #ff497c transparent;
}
.menu_area-light.scrollHeader .navbar-nav li.current > a {
  color: #ff497c;
}
.menu_area-light.scrollHeader .navbar-nav li.current-menu-ancestor > a, .menu_area-light.scrollHeader .navbar-nav li.current-menu-ancestor.current-menu-item > a {
  color: #ff497c;
}
.menu_area-light.scrollHeader .navbar-nav li.current-menu-item > a, .menu_area-light.scrollHeader .navbar-nav li.current > a:hover {
  color: #ff497c;
}
.menu_area-light.scrollHeader .navbar-nav li.current-menu-ancestor > a:hover, .menu_area-light.scrollHeader .navbar-nav li.current-menu-ancestor.current-menu-item > a:hover {
  color: #ff497c;
}
.menu_area-light.scrollHeader .navbar-nav li.current-menu-item > a:hover {
  color: #ff497c;
}
.menu_area-light.scrollHeader .navbar-nav li.current-menu-ancestor > a, .menu_area-light.scrollHeader .navbar-nav li.current-menu-ancestor.current-menu-item > a {
  color: #ff497c;
}
.menu_area-light.scrollHeader .navbar-nav li.current-menu-item > a {
  color: #ff497c;
}
.menu_area-light.scrollHeader .navbar > ul > li.current > a:after {
  border-color: transparent #ff497c #ff497c transparent;
}
.menu_area-light.scrollHeader .navbar > ul > li.current-menu-ancestor > a:after, .menu_area-light.scrollHeader .navbar > ul > li.current-menu-ancestor.current-menu-item > a:after {
  border-color: transparent #ff497c #ff497c transparent;
}
.menu_area-light.scrollHeader .navbar > ul > li.current-menu-item > a:after {
  border-color: transparent #ff497c #ff497c transparent;
}
.navbar ul ul > li.has-sub:hover > a:before {
  top: 15px;
}
.navbar ul ul li.has-sub > a:before {
  top: 15px;
  right: 26px;
  width: 2px;
  height: 10px;
  background: #ff497c;
}
.navbar ul ul li.has-sub > a:after {
  top: 19px;
  right: 22px;
  width: 10px;
  height: 2px;
  background: #ff497c;
}
.header-style2 .navbar-nav li.current > a {
  color: #ff497c;
}
.header-style2 .navbar-nav li.active > a {
  color: #ff497c;
}
.header-style3 .navbar-nav li.current > a {
  color: #ff497c;
}
.header-style3 .navbar-nav li.active > a {
  color: #ff497c;
}
.header-style4 .navbar-nav li.current > a {
  color: #ff497c;
}
.header-style4 .navbar-nav li.active > a {
  color: #ff497c;
}
@media screen and (max-width: 991px) {
  .header-style1 .navbar-toggler {
    background: #ff497c;
  }
  .header-style1 .navbar-toggler:after {
    border-top: 2px solid #fff;
    border-bottom: 2px solid #fff;
  }
  .header-style1 .navbar-toggler:before {
    background: #fff;
  }
  .header-style1 .navbar-toggler.menu-opened:after, .header-style1 .navbar-toggler.menu-opened:before {
    background: #fff;
  }
}
@media screen and (min-width: 992px) {
  .header-style1 .navbar-nav li.current > a {
    color: #ff497c;
  }
  .menu_area-light .navbar-nav li.current > a, .menu_area-light .navbar-nav li.current-menu-ancestor > a {
    color: #ff497c;
  }
  .header-style1 .navbar > ul > li.current > a:after {
    border-color: transparent #ff497c #ff497c transparent;
  }
  .menu_area-light .navbar > ul > li.current > a:after, .menu_area-light .navbar > ul > li.current-menu-item > a:after {
    border-color: transparent #ff497c #ff497c transparent;
  }
  .menu_area-light .navbar-nav li.has-sub a:hover, .menu_area-light .navbar-nav li.has-sub a:active, .menu_area-light .navbar-nav li.has-sub a:focus {
    color: #ff497c;
  }
  .menu_area-light.scrollHeader .navbar-nav > li.has-sub > a:hover, .menu_area-light.scrollHeader .navbar-nav > li.has-sub > a:focus, .menu_area-light.scrollHeader .navbar-nav > li.has-sub > a:active {
    color: #ff497c;
  }
  .menu_area-light .navbar > ul > li.has-sub > a:hover:after, .menu_area-light .navbar > ul > li.has-sub > a:active:after, .menu_area-light .navbar > ul > li.has-sub > a:focus:after {
    border-color: transparent #ff497c #ff497c transparent;
  }
  .menu_area-light.scrollHeader .navbar > ul > li.has-sub > a:hover:after, .menu_area-light.scrollHeader .navbar > ul > li.has-sub > a:active:after, .menu_area-light.scrollHeader .navbar > ul > li.has-sub > a:focus:after {
    border-color: transparent #ff497c #ff497c transparent;
  }
  .header-style1.scrollHeader .navbar-nav li.current > a, .menu_area-light.scrollHeader .navbar-nav li.current > a, .header-style1.scrollHeader .navbar-nav li.current > a:hover {
    color: #ff497c;
  }
  .menu_area-light.scrollHeader .navbar-nav li.current > a:hover {
    color: #ff497c;
  }
  .menu_area-light.scrollHeader .navbar-nav li.current-menu-ancestor > a:hover, .menu_area-light.scrollHeader .navbar-nav li.current-menu-ancestor.current-menu-item > a:hover {
    color: #ff497c;
  }
  .menu_area-light.scrollHeader .navbar-nav li.current-menu-item > a:hover {
    color: #ff497c;
  }
  .header-style1.scrollHeader .navbar > ul > li.current > a:after {
    border-color: transparent #ff497c #ff497c transparent;
  }
  .menu_area-light.scrollHeader .navbar > ul > li.current > a:after {
    border-color: transparent #ff497c #ff497c transparent;
  }
  .menu_area-light.scrollHeader .navbar > ul > li.current-menu-ancestor > a:after, .menu_area-light.scrollHeader .navbar > ul > li.current-menu-ancestor.current-menu-item > a:after {
    border-color: transparent #ff497c #ff497c transparent;
  }
  .menu_area-light.scrollHeader .navbar > ul > li.current-menu-item > a:after {
    border-color: transparent #ff497c #ff497c transparent;
  }
  .navbar-nav li > ul {
    min-width: 275px;
    -webkit-box-shadow: 0px 8px 30px 0px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0px 8px 30px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 8px 30px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 8px 30px 0px rgba(0, 0, 0, 0.1);
  }
  .navbar ul ul li {
    margin-bottom: 0;
    padding: 0;
  }
  .navbar-nav li > ul {
    padding: 15px 0;
    margin-left: 0;
  }
  .navbar-nav li a {
    padding: 8px 42px 8px 32px;
  }
  .navbar-nav > li > a {
    padding: 21px 0.5rem;
  }
  .menu_area-light .navbar-nav li.has-sub a:hover {
    color: #ff497c;
  }
  .menu_area-light .navbar-light .navbar-nav > li > a.nav-link:hover, .menu_area-light .navbar-light .navbar-nav > li > a.nav-link:active, .menu_area-light .navbar-light .navbar-nav > li > a.nav-link:focus {
    color: #ff497c;
  }
  .menu_area-light .navbar-nav li.has-sub a:hover {
    color: #ff497c;
    /* header style02  */
  }
  .header-style2 .navbar-nav li.current > a, .header-style2 .navbar-nav li.current-menu-ancestor > a, .header-style2 .navbar-nav li.current-menu-item > a, .header-style2 .navbar-nav li.current-menu-parent > a {
    color: #ff497c;
  }
  .header-style2 .navbar > ul > li.current > a:after, .header-style2 .navbar > ul > li.current-menu-item > a:after, .header-style2 .navbar > ul > li.current-menu-ancestor > a:after {
    border-color: transparent #ff497c #ff497c transparent;
  }
  .header-style2.scrollHeader .navbar > ul > li.current-menu-ancestor > a:after, .header-style2.scrollHeader .navbar > ul > li.current-menu-ancestor.current-menu-item > a:after {
    border-color: transparent #ff497c #ff497c transparent;
  }
  .header-style2 {
    /* header style03  */
  }
  .header-style2 .navbar-nav li.active > a {
    color: #ff497c;
  }
  .header-style2 .navbar-nav > li > a:hover, .header-style2 .navbar-nav > li > a:active, .header-style2 .navbar-nav > li > a:focus {
    color: #ff497c;
  }
  .header-style2 .navbar ul ul li.active > a {
    color: #ff497c;
  }
  .header-style2 .navbar-nav li.has-sub a:hover, .header-style2 .navbar-nav li.current > a {
    color: #ff497c;
  }
  .header-style2 .navbar-nav > li.has-sub > a:hover {
    color: #ff497c;
  }
  .header-style2 .navbar > ul > li.has-sub > a:hover:after, .header-style2 .navbar > ul > li.current > a:after {
    border-color: transparent #ff497c #ff497c transparent;
  }
  .header-style2.scrollHeader .navbar-nav > li.has-sub > a:hover {
    color: #ff497c;
  }
  .header-style2.scrollHeader .navbar > ul > li.has-sub > a:hover:after {
    border-color: transparent #ff497c #ff497c transparent;
  }
  .header-style2.scrollHeader .navbar-nav > li.active > a {
    color: #ff497c;
  }
  .header-style2.scrollHeader .navbar-nav li.current > a {
    color: #ff497c;
  }
  .header-style2.scrollHeader .navbar-nav li.current > a:hover {
    color: #ff497c;
  }
  .header-style2.scrollHeader .navbar > ul > li.current > a:after {
    border-color: transparent #ff497c #ff497c transparent;
  }
  .header-style3 .navbar-nav li.current > a, .header-style3 .navbar-nav li.current-menu-ancestor > a, .header-style3 .navbar-nav li.current-menu-item > a, .header-style3 .navbar-nav li.current-menu-parent > a {
    color: #ff497c;
  }
  .header-style3 .navbar > ul > li.current > a:after, .header-style3 .navbar > ul > li.current-menu-item > a:after, .header-style3 .navbar > ul > li.current-menu-ancestor > a:after {
    border-color: transparent #ff497c #ff497c transparent;
  }
  .header-style3.scrollHeader .navbar > ul > li.current-menu-ancestor > a:after, .header-style3.scrollHeader .navbar > ul > li.current-menu-ancestor.current-menu-item > a:after {
    border-color: transparent #ff497c #ff497c transparent;
  }
  .header-style3 {
    /* header style04  */
  }
  .header-style3 .navbar-nav li.active > a {
    color: #ff497c;
  }
  .header-style3 .navbar-nav > li > a:hover, .header-style3 .navbar-nav > li > a:active, .header-style3 .navbar-nav > li > a:focus {
    color: #ff497c;
  }
  .header-style3 .navbar ul ul li.active > a {
    color: #ff497c;
  }
  .header-style3 .navbar-nav li.has-sub a:hover, .header-style3 .navbar-nav li.current > a {
    color: #ff497c;
  }
  .header-style3 .navbar-nav > li.has-sub > a:hover {
    color: #ff497c;
  }
  .header-style3 .navbar > ul > li.has-sub > a:hover:after, .header-style3 .navbar > ul > li.current > a:after {
    border-color: transparent #ff497c #ff497c transparent;
  }
  .header-style3.scrollHeader .navbar-nav > li.has-sub > a:hover {
    color: #ff497c;
  }
  .header-style3.scrollHeader .navbar > ul > li.has-sub > a:hover:after {
    border-color: transparent #ff497c #ff497c transparent;
  }
  .header-style3.scrollHeader .navbar-nav > li.active > a {
    color: #ff497c;
  }
  .header-style3.scrollHeader .navbar-nav li.current > a {
    color: #ff497c;
  }
  .header-style3.scrollHeader .navbar-nav li.current > a:hover {
    color: #ff497c;
  }
  .header-style3.scrollHeader .navbar > ul > li.current > a:after {
    border-color: transparent #ff497c #ff497c transparent;
  }
  .header-style4 .navbar-nav li.current > a, .header-style4 .navbar-nav li.current-menu-ancestor > a, .header-style4 .navbar-nav li.current-menu-item > a, .header-style4 .navbar-nav li.current-menu-parent > a {
    color: #ff497c;
  }
  .header-style4 .navbar > ul > li.current > a:after, .header-style4 .navbar > ul > li.current-menu-item > a:after, .header-style4 .navbar > ul > li.current-menu-ancestor > a:after {
    border-color: transparent #ff497c #ff497c transparent;
  }
  .header-style4.scrollHeader .navbar > ul > li.current-menu-ancestor > a:after, .header-style4.scrollHeader .navbar > ul > li.current-menu-ancestor.current-menu-item > a:after {
    border-color: transparent #ff497c #ff497c transparent;
  }
  .header-style4 .navbar-nav li.active > a {
    color: #ff497c;
  }
  .header-style4 .navbar-nav > li > a:hover, .header-style4 .navbar-nav > li > a:active, .header-style4 .navbar-nav > li > a:focus {
    color: #ff497c;
  }
  .header-style4 .navbar ul ul li.active > a {
    color: #ff497c;
  }
  .header-style4 .navbar-nav li.has-sub a:hover, .header-style4 .navbar-nav li.current > a {
    color: #ff497c;
  }
  .header-style4 .navbar-nav > li.has-sub > a:hover {
    color: #ff497c;
  }
  .header-style4 .navbar > ul > li.has-sub > a:hover:after, .header-style4 .navbar > ul > li.current > a:after {
    border-color: transparent #ff497c #ff497c transparent;
  }
  .header-style4.scrollHeader .navbar-nav > li.has-sub > a:hover {
    color: #ff497c;
  }
  .header-style4.scrollHeader .navbar > ul > li.has-sub > a:hover:after {
    border-color: transparent #ff497c #ff497c transparent;
  }
  .header-style4.scrollHeader .navbar-nav > li.active > a {
    color: #ff497c;
  }
  .header-style4.scrollHeader .navbar-nav li.current > a {
    color: #ff497c;
  }
  .header-style4.scrollHeader .navbar-nav li.current > a:hover {
    color: #ff497c;
  }
  .header-style4.scrollHeader .navbar > ul > li.current > a:after {
    border-color: transparent #ff497c #ff497c transparent;
  }
}
@media screen and (max-width: 991px) {
  .navbar-nav li.current-menu-item > a, .navbar-nav li.current-menu-parent > a, .navbar-nav li.current-menu-ancestor > a {
    color: #ff497c;
  }
  .menu_area-light .navbar-nav li.current > a, .menu_area-light .navbar-nav li.active > a {
    color: #ff497c;
    background: none;
  }
  .navbar-nav li a:active, .navbar-nav li a:focus, .navbar-nav li a:hover {
    background: none;
    color: #42545e;
  }
}
@media screen and (max-width: 991px) {
  .header-style2 .navbar-toggler {
    background: #ff497c;
  }
  .header-style2 .navbar-toggler:after {
    border-top: 2px solid #fff;
    border-bottom: 2px solid #fff;
  }
  .header-style2 .navbar-toggler:before {
    background: #fff;
  }
  .header-style2 .navbar-toggler.menu-opened:after {
    background: #fff;
  }
  .header-style2 .navbar-toggler.menu-opened:before {
    background: #fff;
  }
}
@media screen and (max-width: 991px) {
  .header-style3 .navbar-toggler {
    background: #ff497c;
  }
  .header-style3 .navbar-toggler:after {
    border-top: 2px solid #fff;
    border-bottom: 2px solid #fff;
  }
  .header-style3 .navbar-toggler:before {
    background: #fff;
  }
  .header-style3 .navbar-toggler.menu-opened:after {
    background: #fff;
  }
  .header-style3 .navbar-toggler.menu-opened:before {
    background: #fff;
  }
}
@media screen and (max-width: 991px) {
  /*==============================
 *    Banner
 *    ================================ */  .header-style4 .navbar-toggler {
    background: #ff497c;
  }
  .header-style4 .navbar-toggler:after {
    border-top: 2px solid #fff;
    border-bottom: 2px solid #fff;
  }
  .header-style4 .navbar-toggler:before {
    background: #fff;
  }
  .header-style4 .navbar-toggler.menu-opened:after {
    background: #fff;
  }
  .header-style4 .navbar-toggler.menu-opened:before {
    background: #fff;
  }
}
.slider-fade1 .owl-item {
  position: relative;
}
.slider-fade1 h1 {
  margin-bottom: 25px;
  animation-delay: 1.2s;
}
.slider-fade1 h1 span {
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #fff;
}
.slider-fade1 p {
  animation-delay: 0.8s;
}
.slider-fade1 a {
  animation-delay: 1.6s;
}
.slider-fade1 .owl-nav button.owl-prev {
  position: absolute;
  left: 10%;
  top: 50%;
  transform: translateY(-50%);
}
.slider-fade1 .owl-nav button.owl-next {
  position: absolute;
  right: 10%;
  top: 50%;
  transform: translateY(-50%);
}
.slider-fade1 .owl-nav button.owl-prev i, .slider-fade1 .owl-nav button.owl-next i {
  width: 60px;
  height: 60px;
  line-height: 60px;
  background-color: rgba(255, 255, 255, 0.1);
  display: inline-block;
  border-radius: 50%;
  font-size: 22px;
}
.slider-fade1.owl-theme .owl-nav [class*='owl-']:hover {
  background-color: #ff497c;
  border-radius: 50%;
}
.slider-fade1.owl-theme .owl-nav i {
  color: #fff;
}
@media screen and (max-width: 1200px) {
  /* banner-style01 */  .slider-fade1 .owl-nav button.owl-prev i, .slider-fade1 .owl-nav button.owl-next i {
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 18px;
  }
  .slider-fade1 .owl-nav button.owl-prev {
    left: 0;
  }
  .slider-fade1 .owl-nav button.owl-next {
    right: 0;
  }
}
.banner-style01 .main-title {
  font-size: 150px;
  margin-bottom: 2rem;
  font-weight: 100;
  line-height: 1;
}
.banner-style01 .slider-fade1:after {
  position: absolute;
  left: 0;
  bottom: -206px;
  width: 100%;
  height: 492px;
  z-index: 1;
  content: "";
  background-image: url(../img/content/shape-12.png);
  background-position: bottom center;
  background-repeat: repeat-x;
  animation: cloudMove 60s linear 0s infinite;
}
@keyframes cloudMove {
  0% {
    background-position: -1920px 100%;
  }
  100% {
    background-position: 0 100%;
  }
}
@media screen and (max-width: 1399px) {
  .banner-style01 .main-title {
    font-size: 120px;
  }
}
@media screen and (max-width: 991px) {
  .banner-style01 .main-title {
    font-size: 90px;
  }
}
@media screen and (max-width: 767px) {
  .banner-style01 .main-title {
    font-size: 70px;
    margin-bottom: 2rem;
  }
}
@media screen and (max-width: 575px) {
  /* banner-style02 */  .banner-style01 .main-title {
    font-size: 50px;
  }
}
.banner-style02 .banner-content h1 {
  font-size: 84px;
}
@media screen and (max-width: 991px) {
  .banner-style02 .banner-content h1 {
    font-size: 65px;
  }
}
@media screen and (max-width: 575px) {
  /* banner-style03 */  .banner-style02 .banner-content h1 {
    font-size: 35px;
  }
}
.banner-style03 .right-img img {
  border-radius: 9999px;
}
.banner-style03 .banner-content h1 {
  font-size: 90px;
}
@media screen and (max-width: 1200px) {
  .banner-style03 .banner-content h1 {
    font-size: 80px;
  }
}
@media screen and (max-width: 767px) {
  .banner-style03 .banner-content h1 {
    font-size: 70px;
  }
}
@media screen and (max-width: 575px) {
  .banner-style03 .banner-content h1 {
    font-size: 52px;
  }
}
@media screen and (max-width: 479px) {
  /*==============================
 *    Section Heading
 *    ================================ */  .banner-style03 .banner-content h1 {
    font-size: 40px;
  }
}
.section-title .sm-title {
  position: relative;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 15px;
  display: inline-block;
  margin-bottom: 12px;
  color: #ff497c;
  z-index: 9;
}
.section-title h2 {
  position: relative;
  z-index: 9;
  font-size: 40px;
}
.section-title .title:before {
  position: absolute;
  content: '';
  height: 2px;
  width: 50px;
  bottom: -17px;
  left: 50%;
  transform: translateX(-50%);
  background: #ff497c;
}
.section-title .title:after {
  content: '';
  position: absolute;
  height: 2px;
  width: 9px;
  bottom: -17px;
  left: 53%;
  transform: translateX(-50%);
  background: #ff497c;
}
.section-title .section-start:before {
  content: '';
  position: absolute;
  left: 5% !important;
}
.section-title .section-start:after {
  content: '';
  position: absolute;
  left: 11% !important;
}
.section-title.left .sm-title:before {
  left: 0;
  transform: unset;
}
@media screen and (max-width: 1199px) {
  .section-title .section-start:after {
    left: 13% !important;
  }
  .section-title h2 {
    font-size: 35px;
  }
}
@media screen and (max-width: 991px) {
  .section-title .section-start:after {
    left: 10% !important;
  }
}
@media screen and (max-width: 767px) {
  .section-title .section-start:after {
    left: 12% !important;
  }
}
@media screen and (max-width: 575px) {
  /*.section-title-02 */  .section-title .section-start:before {
    left: 9% !important;
  }
  .section-title .section-start:after {
    left: 21% !important;
  }
  .section-title h2 {
    font-size: 25px;
  }
}
.section-title-02 .section-title-img {
  position: absolute;
  top: -18%;
  left: 0;
  opacity: 0.3;
  display: inline-block;
}
.section-title-02 .section-title-img.img-center {
  left: 50%;
  transform: translateX(-50%);
}
.section-title-02 .sm-title {
  position: relative;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 15px;
  display: inline-block;
  margin-bottom: 12px;
  color: #ff497c;
  z-index: 9;
}
.section-title-02 h2 {
  font-size: 42px;
}
@media screen and (max-width: 1199px) {
  .section-title-02 h2 {
    font-size: 35px;
  }
}
@media screen and (max-width: 767px) {
  /* section-title-03 */  .section-title-02 h2 {
    font-size: 25px;
  }
}
.section-title-03 h2 {
  font-size: 45px;
}
.section-title-03 .subtitle {
  margin-bottom: 12px;
  position: relative;
  display: inline-block;
  padding-left: 20px;
  text-transform: uppercase;
  font-weight: 600;
  color: #ff497c;
  letter-spacing: 3px;
}
.section-title-03 .subtitle.white {
  color: #fff;
}
.section-title-03 .subtitle:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 3px;
  height: 100%;
  background: #ff497c;
}
@media screen and (max-width: 1399px) {
  .section-title-03 h2 {
    font-size: 40px;
  }
}
@media screen and (max-width: 1199px) {
  .section-title-03 h2 {
    font-size: 32px;
  }
}
@media screen and (max-width: 991px) {
  /* section-title-04 */  .section-title-03 h2 {
    font-size: 30px;
  }
}
.section-title-04 .sm-title {
  position: relative;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 15px;
  display: inline-block;
  margin-bottom: 12px;
  color: #ff497c;
  z-index: 9;
}
.section-title-04 .title-main2 {
  position: relative;
  z-index: 9;
  font-size: 40px;
}
.section-title-04 .line {
  content: "";
  position: absolute;
  width: 65px;
  height: 2px;
  bottom: -17px;
  background-color: #ff497c;
}
.section-title-04.center .line {
  left: 50%;
  transform: translateX(-50%);
}
.section-title-04 .line:before {
  content: "";
  position: absolute;
  top: 0;
  left: 70%;
  width: 8px;
  height: 2px;
  background-color: #fdf5e6;
}
.section-title-04 .line.black:before {
  background-color: #1f2732;
}
@media screen and (max-width: 1199px) {
  .section-title-04 .title-main2 {
    font-size: 36px;
  }
}
@media screen and (max-width: 991px) {
  .section-title-04 .title-main2 {
    font-size: 30px;
  }
}
@media screen and (max-width: 767px) {
  /*==============================
 *    Page title
 *    ================================ */  .section-title-04 .title-main2 {
    font-size: 25px;
  }
}
.page-title-section {
  padding: 170px 0 190px 0;
}
.page-title-section:after {
  position: absolute;
  left: 0;
  bottom: -206px;
  width: 100%;
  height: 492px;
  z-index: 1;
  content: "";
  background-image: url(../img/content/shape-12.png);
  background-position: bottom center;
  background-repeat: repeat-x;
  animation: cloudMove 60s linear 0s infinite;
}
.page-title-section.style1 {
  padding: 150px 0;
}
.page-title-section h1 {
  font-size: 72px;
  line-height: 1;
  text-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
  color: #fff;
  margin-bottom: 10px;
  position: relative;
  z-index: 9;
  word-wrap: break-word;
}
.pagetitle-lg-title {
  display: block;
  font-size: 105px;
  line-height: 1;
  font-weight: 800;
  color: #fff;
  opacity: 0.2;
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke-width: 1px;
  margin: 0 0 -58px 0;
  position: relative;
  z-index: 1;
  text-transform: uppercase;
}
.page-title-section ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: inline-block;
  line-height: 1.2;
}
.page-title-section ul li {
  display: inline-block;
}
.page-title-section ul li:last-child {
  color: #fff;
  opacity: 0.8;
  font-size: 16px;
  font-weight: 700;
  text-transform: capitalize;
  letter-spacing: 1px;
}
.page-title-section ul li:last-child a {
  color: #fff;
  opacity: 0.8;
  font-size: 16px;
  font-weight: 700;
  text-transform: capitalize;
  letter-spacing: 1px;
}
.page-title-section ul li:after {
  content: "";
  font-weight: 700;
  vertical-align: middle;
  background-color: #ff497c;
  width: 10px;
  padding: 0 5px 0 10px;
  height: 2px;
  display: inline-block;
  margin: 0 15px;
}
.page-title-section ul li:last-child:after {
  content: none;
}
.page-title-section ul li a {
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  text-transform: capitalize;
  letter-spacing: 1px;
}
.page-title-section .shape-1 {
  padding: 20px;
  background: #fff;
  z-index: 3;
  bottom: 73px;
  left: 52px;
}
@media screen and (max-width: 1199px) {
  .page-title-section {
    padding: 160px 0 180px 0;
  }
  .page-title-section h1 {
    font-size: 66px;
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 991px) {
  .page-title-section {
    padding: 120px 0 140px 0;
  }
  .page-title-section.style1 {
    padding: 130px 0;
  }
  .page-title-section h1 {
    font-size: 54px;
  }
}
@media screen and (max-width: 575px) {
  /*==============================
 *    Cards
 *    ================================ */
  /*card-style-01*/  .page-title-section {
    padding: 120px 0 140px 0;
  }
  .page-title-section.style1 {
    padding: 100px 0;
  }
  .page-title-section h1 {
    font-size: 46px;
  }
}
.card-style-01 {
  background-color: transparent;
}
.card-style-01 .card-img {
  width: 171px;
  height: 171px;
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0 auto 30px;
  /*border-top: none;
  border-left: none;
  border-bottom: none;
  border-right: none;*/
}
.card-style-01 .card-img img {
  object-fit: cover;
  border-radius: 50%;
  /*&:after {
      content: "";
      position: absolute;
      top: 50%;
      left: 50%;
      display: block;
      width: 0;
      height: 0;
      background: rgba(255, 255, 255, 0.2);
      border-radius: 50%;
      transition: all 500ms linear;
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      opacity: 0;
      z-index: 2;
    }*/
}
.card-style-01 svg {
  width: 31px;
  height: 4px;
  fill: #c2a74e;
  margin: 15px auto;
  /*&:after {
    position: absolute;
    right: -10px;
    top: 0;
    width: 1px;
    height: 95%;
    content: "";
    background-color: #e8e3da;
  }*/
}
.card-no-border::after {
  display: none;
}
.card-style-01:hover .card-img:after {
  -webkit-animation: zoom-hover 0.95s;
  animation: zoom-hover 0.95s;
}
.card-style-01:hover .card-icon span {
  transform: scale(0.9);
}
.card-style-01:hover .card-hover-img {
  visibility: visible;
  opacity: 1;
  transform: scale(1);
}
.card-style-01 .card-hover-img {
  position: absolute;
  left: 12%;
  top: 0px;
  visibility: hidden;
  opacity: 0;
  transform: scale(1.1);
  transition: 500ms ease;
}
.card-style-01 .card-img img {
  object-fit: cover;
  border-radius: 50%;
}
.card-style-01 .card-img::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 0;
  height: 0;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 50%;
  transition: all 500ms linear;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  opacity: 0;
  z-index: 2;
}
.card-style-01 .card-icon {
  width: 66px;
  height: 66px;
  background-color: #ff497c;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  position: absolute;
  right: 0;
  bottom: 0;
}
.card-style-01 .card-icon span {
  transform: scale(1);
  transition: 500ms ease;
}
.card-style-01 .card-text {
  margin: 0 auto;
  width: 85%;
}
@keyframes zoom-hover {
  0% {
    opacity: 1;
  }
  40% {
    opacity: 1;
  }
  100% {
    width: 120%;
    height: 120%;
    opacity: 0;
  }
}
@media screen and (max-width: 1399px) {
  .card-style-01 .card-text {
    width: 82%;
  }
}
@media screen and (max-width: 1199px) {
  .card-style-01 .card-hover-img {
    left: 0;
  }
}
@media screen and (max-width: 991px) {
  .card-style-01.two:after {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .card-style-01 .card-text {
    width: 100%;
  }
  .card-style-01 .card-hover-img {
    left: 20%;
  }
  .card-style-01:after {
    display: none;
  }
}
@media screen and (max-width: 479px) {
  /*card-style-02*/  .card-style-01 .card-hover-img {
    left: 0;
  }
}
.card-style-02 {
  position: relative;
  background-color: #fff;
  box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.07);
  background-image: url(../img/content/shape-10.png);
  z-index: 2;
  background-repeat: no-repeat;
  background-size: auto;
  background-position: top left;
  border: none;
  transition: all 500ms ease;
  height: 100%;
}
.card-style-02 .card-items {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
  padding: 39px 30px 36px;
  transition: all 500ms ease;
}
.card-style-02 .card-img-hover {
  position: absolute !important;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  visibility: hidden;
  background-position: center center;
  transition: 500ms ease;
  transform: scale(1.2);
  z-index: -1;
}
.card-style-02 .card-img-hover::after {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  content: "";
  background-color: rgba(20, 18, 21, 0.7);
}
.card-style-02:hover .card-img-hover {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
}
.card-style-02:hover .card-item-title {
  color: var(--solox-white, #fff);
}
.card-style-02 .card-img-icon {
  font-size: 60px;
  line-height: 1;
  position: relative;
  z-index: 3;
  display: inline-block;
  margin: 0 0 23px;
  transition: 500ms ease;
}
.card-style-02 .card-img-icon span {
  display: inline-block;
  transition: all 500ms linear;
  transition-delay: 0s;
  transition-delay: 0.1s;
  transform: scale(1);
}
.card-style-02:hover .card-img-icon {
  color: var(--solox-base, #c2a74e);
}
.card-style-02:hover .card-img-icon span {
  transform: scale(0.9);
}
.card-style-02 .card-item-title {
  font-size: 20px;
  font-weight: 700;
  text-transform: uppercase;
  width: 70%;
  transition: all 300ms ease;
  position: relative;
  z-index: 3;
  margin: 0 auto;
}
.card-style-02 .card-item-title a {
  color: inherit;
  background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95% / 0px 1px no-repeat;
}
.card-style-02 .card-item-title a:hover {
  color: #ff497c;
  background-size: 100% 1px;
}
@media screen and (max-width: 1399px) {
  .card-style-02 .card-item-title {
    width: 78%;
  }
  .card-style-02 .card-items {
    padding: 39px 26px 36px 26px;
  }
}
@media screen and (max-width: 1199px) {
  .card-style-02 .card-item-title {
    font-size: 16px;
    width: 85%;
  }
}
@media screen and (max-width: 991px) {
  /* card-style-03 */  .card-style-02 .card-item-title {
    width: 100%;
  }
}
.card-style-03 {
  position: relative;
  height: 100%;
  /*card-style-04*/
}
.card-style-03 .card-price {
  background-color: #1f2732;
  position: absolute;
  bottom: -50px;
  right: 30px;
  width: 100px;
  color: #fff;
  height: 100px;
  box-shadow: 0 0 40px 5px rgba(0, 0, 0, 0.03);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.card-style-03 .price-before {
  position: absolute;
  top: 0;
  left: 0;
  writing-mode: tb-rl;
  background: #ff497c;
  padding: 15px 5px;
  color: #fff;
}
.card-style-04 {
  position: relative;
  z-index: 1;
  border-radius: 4px;
  overflow: hidden;
  min-height: 320px;
}
.card-style-04:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  background-image: linear-gradient(to bottom, transparent, #1f2732);
  height: 100%;
  width: 100%;
  opacity: 1;
}
.card-style-04 .card-items > img {
  min-height: 320px;
  object-fit: cover;
}
.card-style-04 .card-body {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: auto;
  padding: 30px 30px;
  z-index: 2;
}
.card-style-04 .card-body p a {
  color: #ff497c;
  text-transform: uppercase;
  font-weight: bold;
}
.card-style-04 .card-date {
  background: #ff497c;
  color: #fff;
  position: absolute;
  top: 30px;
  left: 30px;
  padding: 10px 15px 12px 15px;
  z-index: 1;
  outline: 1px dashed #fff;
  text-align: center;
  outline-offset: -5px;
}
.card-style-04 .card-date strong {
  font-size: 40px;
  display: block;
  font-weight: 500;
  line-height: 1;
}
.card-style-04 .card-date span {
  display: block;
  line-height: 1;
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: 1px;
  padding-top: 5px;
  border-top: 1px solid rgba(255, 255, 255, 0.3);
  margin-top: 2px;
  text-align: center;
}
@media screen and (max-width: 479px) {
  /* card-style-05 */  .card-style-04 .card-date strong {
    font-size: 30px;
  }
}
.card-style-05 {
  position: relative;
}
.card-style-05 .card-image {
  position: relative;
  overflow: hidden;
  margin-bottom: 0;
}
.card-style-05:hover .card-image img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.card-style-05 .card-image img {
  display: block;
  -webkit-transition: all 0.8s ease;
  transition: all 0.8s ease;
}
.card-style-05.card-item:hover .card-body {
  border-color: #ff497c;
}
.card-style-05.card-item:hover .card-content {
  height: 52px;
  margin-top: 19px;
}
.card-style-05 .card-body {
  background: #fff;
  border-radius: 0;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 20px;
  margin: 0 auto;
  width: calc(100% - 40px);
  z-index: 2;
  padding: 25px 60px 25px 30px;
  transition: all 450ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
  border-top: 3px solid #1f2732;
}
.card-style-05 .card-arrow-icon {
  width: 59px;
  height: 53px;
  background-color: #1f2732;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 0;
  top: 0;
  overflow: hidden;
  font-size: 16px;
  color: #fff;
}
.card-style-05 .card-arrow-icon i {
  display: inline-block;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.card-style-05 .card-arrow-icon:hover {
  background-color: #ff497c;
  color: #fff;
}
.card-style-05 .card-arrow-icon:hover i {
  animation: iconTranslateX 0.4s forwards;
}
.card-style-05 .card-title {
  font-size: 20px;
  margin: 0;
}
.card-style-05 .card-content {
  font-size: 15px;
  line-height: 26px;
  display: block;
  margin: 0 0;
  height: 0;
  overflow: hidden;
  transition: all 550ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
@keyframes iconTranslateX {
  49% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
  50% {
    opacity: 0;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  51% {
    opacity: 1;
  }
}
@media screen and (max-width: 1399px) {
  /* card-style05 */  .card-style-05 .card-body {
    padding: 22px 60px 22px 15px;
  }
  .card-style-05 .card-title {
    font-size: 18px;
  }
}
.card-style05 {
  border: none;
  border-radius: 5px;
  height: 100%;
  box-shadow: 0px 3px 10px 0px rgba(41, 45, 194, 0.08);
}
.card-style05 .radius-top {
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
.card-style05 .blog-img {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.card-style05 .post-date {
  position: absolute;
  right: 30px;
  /*font-size: 20px;*/
  top: -42px;
  background: #ff497c;
  color: #fff;
  border-radius: 3px;
  line-height: normal;
  text-align: center;
  text-transform: uppercase;
  font-weight: bold;
  padding: 14px 15px;
  min-width: 75px;
}
.card-style05 .post-date .month {
  font-size: 12px;
  text-transform: uppercase;
}
.card-style05 .text-uppercase.display-31 a {
  margin-right: 15px;
  margin-top: 5px;
  display: inline-block;
  vertical-align: top;
}
.card-style05 .blog-tag:before {
  content: "";
  margin: 0 0.75em;
  width: 3px;
  height: 3px;
  background-color: #8e919d;
  top: 50%;
  transform: translateY(-50%);
  left: -30%;
  display: inline-block;
  position: absolute;
  border-radius: 50%;
}
.card-style05 > .card-body:nth-child(1) .post-date {
  display: none;
  /*card-style-06*/
}
.card-style-06 {
  background-color: #fff;
  padding: 22px 40px 45px 40px;
  position: relative;
  border-radius: 0;
  border: none;
}
.card-style-06 .package-left {
  flex: 1;
}
.card-style-06 .card-price {
  font-size: 60px;
  color: #ff497c;
  line-height: 1;
  margin: 0 0 1px 0;
  transition: all ease 0.4s;
}
.card-style-06 .package-dot {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  animation-duration: 40s;
}
.card-style-06 .package-dot:before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  width: 12px;
  height: 12px;
  margin: -6px 0 0 -6px;
  border-radius: inherit;
  background-color: #ff497c;
  opacity: 0.78;
}
.card-style-06 .currency {
  vertical-align: super;
  font-size: 36px;
  top: 5px;
  position: relative;
  margin-left: 3px;
}
.price-inner1 {
  max-width: 866px;
  width: 100%;
}
@media screen and (max-width: 1399px) {
  .card-style-06 {
    padding: 22px 30px 45px 30px;
  }
  .card-style-06 .card-price {
    font-size: 52px;
  }
  .card-style-06 .currency {
    font-size: 28px;
    top: -2px;
  }
}
@media screen and (max-width: 1200px) {
  .card-style-06 {
    padding: 22px 30px 30px 30px;
  }
  .card-style-06 .card-price {
    font-size: 45px;
  }
  .card-style-06 .currency {
    font-size: 24px;
  }
}
@media screen and (max-width: 1199px) {
  .price-inner1 {
    max-width: 100%;
  }
}
@media screen and (max-width: 575px) {
  /* card-style-07 */  .card-style-06 {
    padding: 18px 25px 30px 25px;
  }
  .card-style-06 .card-price {
    font-size: 45px;
  }
}
.card-style-07 .image {
  position: relative;
  overflow: hidden;
  border-radius: 350px;
}
.card-style-07:hover .image img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.card-style-07 .image img {
  -webkit-transition: all 0.8s ease;
  transition: all 0.8s ease;
}
.card-style-07:hover .team-body {
  opacity: 1;
  transition-delay: 0s, 0.15s;
  clip-path: inset(40px 40px 40px 40px);
}
.card-style-07:hover .team-img .social ul li {
  opacity: 1;
  top: 0;
}
.card-style-07:hover .team-img .social ul li:nth-child(1) {
  transition-delay: 0.1s;
}
.card-style-07:hover .team-img .social ul li:nth-child(2) {
  transition-delay: 0.15s;
}
.card-style-07:hover .team-img .social ul li:nth-child(3) {
  transition-delay: 0.2s;
}
.card-style-07:hover .team-img .social ul li:nth-child(4) {
  transition-delay: 0.25s;
}
.card-style-07 .team-img .social {
  padding: 0 15px;
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
  text-align: center;
  z-index: 99;
}
.card-style-07 .team-img .social ul li {
  opacity: 0;
  transition-property: all;
  transition-duration: 0.3s;
  top: 20px;
  position: relative;
  margin: 3px !important;
  display: inline-block;
  vertical-align: top;
  line-height: 1;
}
.card-style-07 .team-img .social ul li a {
  display: inline-block;
  color: #000;
  height: 45px;
  width: 45px;
  line-height: 45px;
  border-radius: 50%;
  background-color: #fff;
  font-size: 16px;
}
.card-style-07 .team-img .social ul li:hover a {
  color: #fff;
  background-color: #ff497c;
}
@media screen and (max-width: 1399px) {
  .card-style-07 .team-img .social ul li a {
    width: 38px;
    height: 38px;
    line-height: 38px;
    font-size: 14px;
  }
}
@media screen and (max-width: 1199px) {
  .card-style-07 .team-img .social {
    padding: 0 12px;
  }
}
@media screen and (max-width: 991px) {
  /* card-style-08 */  .card-style-07 .team-img .social ul li a {
    height: 43px;
    width: 43px;
    line-height: 43px;
  }
}
.card-style-08 {
  box-shadow: 0 10px 60px 0 rgba(0, 0, 0, 0.05);
  border: none;
  border-radius: unset;
  /*card-style-09*/
}
.card-style-08:hover .card-date, .card-style-08:active .card-date, .card-style-08:focus .card-date {
  background-color: #1f2732;
}
.card-style-08 .card-date {
  width: 70px;
  height: 70px;
  background-color: #ff497c;
  border: 4px solid #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  text-align: center;
  align-items: center;
  font-size: 18px;
  border-radius: 50%;
  font-weight: 600;
  color: #fff;
  padding: 0 20px;
  line-height: 1.3;
  position: absolute;
  bottom: -37px;
  right: 30px;
  transition: 0.5s;
}
.card-style-08 .card-body > span a {
  margin-right: 15px;
  margin-top: 5px;
  display: inline-block;
  vertical-align: top;
}
.card-style-08 .card-img {
  position: relative;
}
.card-style-08 .card-img:before {
  position: absolute;
  width: 100%;
  height: 100%;
  content: "";
  left: 0;
  top: 0;
  opacity: 0;
  transition: 0.5s;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(31, 39, 50, 0.65);
}
.card-style-08:hover .card-img:before, .card-style-08:active .card-img:before, .card-style-08:focus .card-img:before {
  opacity: 1;
}
.card-style-09 {
  border: none;
  background-color: transparent;
}
.card-style-09 svg {
  width: 31px;
  height: 4px;
  fill: #c2a74e;
  margin: 15px auto;
}
.card-no-border::after {
  display: none;
}
.card-style-09:hover .card-img:after {
  -webkit-animation: zoom-hover 0.95s;
  animation: zoom-hover 0.95s;
}
.card-style-09:hover .card-icon span {
  transform: scale(0.9);
}
.card-style-09:hover .card-hover-img {
  visibility: visible;
  opacity: 1;
  transform: scale(1);
}
.card-style-09 .card-hover-img {
  position: absolute;
  left: -125px;
  top: -25px;
  right: 0;
  margin: auto;
  width: 164px;
  height: 157px;
  visibility: hidden;
  opacity: 0;
  transform: scale(1.1);
  transition: 500ms ease;
}
.card-style-09 .card-hover-img img {
  width: 100%;
}
.card-style-09 .card-img {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0 auto 10px;
  z-index: 2;
}
.card-style-09 .card-img img {
  object-fit: cover;
  border-radius: 50%;
}
.card-style-09 .card-img::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 0;
  height: 0;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 50%;
  transition: all 500ms linear;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  opacity: 0;
  z-index: 2;
}
.card-style-09 .card-icon {
  width: 66px;
  height: 66px;
  background-color: #ff497c;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  position: absolute;
  right: 0;
  bottom: 0;
}
.card-style-09 .card-icon span {
  transform: scale(1);
  transition: 500ms ease;
}
.card-style-09 .card-sub-title {
  font-size: 34px;
  color: #ff497c;
  font-weight: 400;
  line-height: 1;
  position: relative;
  z-index: 9;
}
.card-style-09 .card-img:before {
  content: "";
  position: absolute;
  bottom: -70%;
  left: 50%;
  transform: translateX(-50%);
  z-index: 9;
  border-radius: 50%;
  transition: 0.4s;
  background-color: #f9f6f1;
  width: 230px;
  height: 230px;
}
.card-style-09 .card-text {
  font-size: 15px;
  line-height: 26px;
  font-weight: 500;
  max-width: 280px;
  margin: 9px auto 0;
}
.card-style-09:hover .card-arrow a, .card-style-09:active .card-arrow a, .card-style-09:focus .card-arrow a {
  background-color: #ff497c;
  color: #fff;
}
.card-style-09 .card-arrow a {
  position: relative;
  display: inline-block;
  width: 2.8em;
  height: 2.8em;
  line-height: 3em;
  text-align: center;
  color: #fff;
  background-color: #1f2732;
  border: none;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  -webkit-transition: color 0.3s ease, background-color 0.3s ease, box-shadow 0.3s ease-out;
  -ms-transition: color 0.3s ease, background-color 0.3s ease, box-shadow 0.3s ease-out;
  transition: color 0.3s ease, background-color 0.3s ease, box-shadow 0.3s ease-out;
  -webkit-box-shadow: none;
  -ms-box-shadow: none;
  box-shadow: none;
}
@keyframes zoom-hover {
  /*card-style-10*/
  0% {
    opacity: 1;
  }
  40% {
    opacity: 1;
  }
  100% {
    width: 120%;
    height: 120%;
    opacity: 0;
  }
}
.card-style-10 {
  border: none;
  border-radius: 0;
  height: 100%;
}
.card-style-10 .image {
  position: relative;
  overflow: hidden;
  margin-bottom: 0;
  border-radius: 0.375rem;
}
.card-style-10:hover .image img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.card-style-10 .image img {
  display: block;
  width: 100%;
  -webkit-transition: all 0.8s ease;
  transition: all 0.8s ease;
}
.card-style-10 .image-box {
  position: relative;
}
.card-style-10 .image-box .blog-date span {
  position: relative;
  color: #fff;
  font-weight: 700;
  font-size: 30px;
  display: block;
  text-align: center;
  margin-bottom: 10px;
}
.card-style-10 .card-icon {
  width: 56px;
  height: 56px;
  background-color: #ff497c;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 0;
  color: #fff;
  padding: 0 20px;
  line-height: 1.3;
  position: absolute;
  top: 20px;
  right: 20px;
  transition: 0.5s;
  font-size: 15px;
}
.card-style-10 .card-icon:before {
  position: absolute;
  left: 0;
  height: 100%;
  width: 100%;
  top: 6px;
  background-color: #ff497c;
  content: "";
  opacity: 0.3;
  z-index: -1;
}
.card-style-10 .card-body {
  position: relative;
  background: #fff;
  box-shadow: 0 10px 60px 0 rgba(0, 0, 0, 0.05);
  margin: -40px 15px 0 15px;
  padding: 30px 25px;
  z-index: 1;
}
.card-style-10 .card-body .blog-info {
  padding-left: 25px;
  margin-bottom: 25px;
  border-left: 2px solid #fe982f;
}
@media screen and (max-width: 575px) {
  /*card-style-11*/  .card-style-10 .card-body {
    margin: -30px 10px 0 10px;
  }
}
.card-style-11 {
  text-align: center;
  padding: 1.5rem;
  border-radius: 8px;
  background: #fff;
  transition: transform 0.3s, box-shadow 0.3s;
}
.card-style-11:hover, .card-style-11:active, .card-style-11:focus {
  transform: translateY(-8px);
  box-shadow: 0 12px 25px rgba(0, 0, 0, 0.1);
}
.card-style-11 p {
  font-size: 1rem;
  margin-bottom: 15px;
}
.card-style-11 .btn-link {
  font-size: 0.95rem;
  color: #ff497c;
  text-decoration: none;
  font-weight: 500;
}
.card-style-11 .btn-link:hover {
  color: #ff497c;
  /*==============================
 *    Portfolio
 *    ================================ */
  /* popup gallery */
}
.lg-backdrop {
  z-index: 99999;
}
.lg-outer {
  z-index: 999999;
}
.lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover {
  border-color: #ff497c;
}
.lg-progress-bar .lg-progress {
  background-color: #ff497c;
}
.lg-backdrop.in {
  opacity: 0.85;
  /*==============================
 *    Pagination
 *    ================================ */
}
.pagination {
  border-radius: 0;
  padding: 0;
  margin-left: auto;
  margin-right: auto;
}
.pagination ul {
  display: inline-block;
  margin: 0 auto;
  padding: 0;
}
.pagination li {
  display: inline;
  margin-right: 10px;
}
.pagination li:last-child {
  margin-right: 0;
}
.pagination a {
  background: transparent;
  font-weight: 700;
  text-align: center;
  padding: 12px 16px;
  color: #42545e;
  border: 1px solid #ddd;
  line-height: 25px;
}
.pagination a:hover, .pagination a:active, .pagination a:focus {
  background-color: #1f2732;
  color: #fff;
  box-shadow: none;
}
.pagination .active a {
  background-color: #f7f7f7;
  color: #002147;
  border: 1px solid #dbdbdb;
  cursor: default;
}
@media screen and (max-width: 575px) {
  /*==============================
 *    Owl Carousel
 *    ================================ */  .pagination li {
    margin-right: 8px;
  }
}
.owl-theme .owl-nav.disabled + .owl-dots {
  margin-top: 40px;
}
.owl-theme .owl-dots .owl-dot span {
  border-radius: 0;
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
  background-color: #ff497c;
}
.owl-nav i, .owl-nav span {
  color: #232323;
  font-size: 28px;
}
.owl-carousel .owl-item img {
  width: auto;
  display: inline-block;
  /* owl-thumbs */
}
.owl-thumbs {
  z-index: 9;
  position: relative;
  /*==============================
 *    Scroll Section
 *    ================================ */
}
.owl-thumbs button {
  border: none;
}
.owl-thumbs button .title {
  transition: 0.5s;
  opacity: 0;
  text-align: center;
  visibility: hidden;
  margin: 20px -100px 0;
}
.owl-thumbs button.active .title {
  opacity: 1;
  visibility: visible;
}
.owl-thumbs button img {
  opacity: 0.5;
}
.owl-thumbs button.active img {
  opacity: 1;
}
.scroll-section {
  width: 100%;
  overflow: hidden;
  position: relative;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  /* animation track */
}
.scroll-track {
  display: flex;
  white-space: nowrap;
  will-change: transform;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-play-state: running;
  /* pause on hover */
}
.pause-on-hover:hover, .pause-on-hover:active, .pause-on-hover:focus {
  animation-play-state: paused;
  /* scroll direction */
}
.scroll-left {
  animation-name: scroll-left;
}
.scroll-right {
  animation-name: scroll-right;
  /* grouping taglines together */
}
.scroll-group {
  display: inline-flex;
  white-space: nowrap;
  /* single scroll item styling */
}
.scroll-item {
  display: inline-block;
  white-space: nowrap;
  line-height: 1;
}
.scroll-item.with-img {
  min-width: 90px;
  height: auto;
  text-align: center;
  align-items: center;
  justify-content: center;
  display: inline-flex;
}
.scroll-item.with-img img {
  vertical-align: middle;
  /* keyframes */
}
@keyframes scroll-left {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-200%);
  }
}
@keyframes scroll-right {
  /* speed control */
  0% {
    transform: translateX(-200%);
  }
  100% {
    transform: translateX(0);
  }
}
.scroll-speed-1 {
  animation-duration: 10s;
  /* Ultra Fast */
}
.scroll-speed-2 {
  animation-duration: 15s;
  /* Extra Fast */
}
.scroll-speed-3 {
  animation-duration: 20s;
  /* Fast */
}
.scroll-speed-4 {
  animation-duration: 30s;
  /* Medium */
}
.scroll-speed-5 {
  animation-duration: 40s;
  /* Slow */
}
.scroll-speed-6 {
  animation-duration: 60s;
  /* Super Slow */
}
.scroll-speed-7 {
  animation-duration: 80s;
  /* Ultra Slow */
}
.scroll-speed-8 {
  animation-duration: 100s;
  /* Glacial */
}
.scroll-speed-9 {
  animation-duration: 120s;
  /* Frozen */
  /*==============================
 *    Accordion
 *    ================================ */
  /*accordion-style*/
}
.accordion-style .card {
  background: transparent;
  box-shadow: 0 0 40px 5px rgba(0, 0, 0, 0.03);
  border: none;
  margin-top: 0 !important;
  border-radius: 0;
}
.accordion-style .card-header {
  border: 0px;
  padding: 0;
  border-bottom: none;
  background: none;
}
.accordion-style .btn-link {
  color: #ff497c;
  line-height: 26px;
  position: relative;
  border: none;
  border-bottom: none;
  border-left: none;
  display: block;
  width: 100%;
  text-align: left;
  white-space: normal;
  border-radius: 0;
  padding: 20px 45px 20px 18px;
  font-weight: 700;
  text-decoration: none;
  background-color: #fff;
}
.accordion-style .btn-link.collapsed {
  color: #42545e;
  line-height: 26px;
  position: relative;
  border: none;
  display: block;
  width: 100%;
  text-align: left;
  white-space: normal;
  border: none;
  padding: 20px 45px 20px 18px;
  font-weight: 700;
  text-decoration: none;
  background-color: #fff;
}
.accordion-style .btn-link:hover, .accordion-style .btn-link:active, .accordion-style .btn-link:focus {
  text-decoration: none;
  color: #ff497c;
}
.accordion-style .btn-link.collapsed:after {
  content: "+";
  right: 17px;
  left: inherit;
  font-size: 20px;
  transform: none;
  top: 22px;
  position: absolute;
  color: #212121;
  background-color: transparent;
  border-radius: 0.3rem;
  line-height: 20px;
  width: 25px;
  height: 25px;
  text-align: center;
}
.accordion-style .btn-link:after {
  content: "-";
  right: 17px;
  left: inherit;
  font-size: 20px;
  transform: none;
  top: 20px;
  position: absolute;
  color: #ff497c;
  background-color: transparent;
  border-radius: 0.3rem;
  line-height: 22px;
  width: 25px;
  height: 25px;
  text-align: center;
}
.accordion-style .card-body {
  padding: 0px 30px 25px 26px;
  line-height: 24px;
  text-align: left;
  border: none;
  border-left: none;
  background: #fff;
  border-top: none;
}
@media screen and (max-width: 991px) {
  /*==============================
 *    Pages
 *    ================================ */
  /* blog-sidebar */  .accordion-style .card-body {
    padding: 10px 25px 30px 25px;
  }
}
.blog-sidebar .widget {
  padding: 30px 25px;
  border-radius: 10px;
  position: relative;
  display: block;
}
.blog-sidebar .widget .widget-content {
  position: relative;
}
.blog-sidebar .widget .category-list li {
  margin-bottom: 0.5rem;
}
.blog-sidebar .widget .category-list li:last-child {
  margin-bottom: 0px;
}
.blog-sidebar .widget .category-list li a {
  background: rgba(255, 255, 255, 0.1);
  padding: 14px 20px 14px 28px;
  padding: 15px 20px 15px 30px;
  border-radius: 10px;
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #fff;
}
.blog-sidebar .widget .category-list li a span {
  z-index: 9;
  position: relative;
}
.blog-sidebar .widget .category-list li a:after {
  content: "\e649";
  font-family: 'themify';
  font-size: 12px;
  font-weight: bold;
  margin-left: -10px;
}
.blog-sidebar .widget .category-list li a:hover, .blog-sidebar .widget .category-list li a:active, .blog-sidebar .widget .category-list li a:focus {
  background: #fff;
  color: #1f2732;
}
.blog-sidebar .widget .category-list li.active a:after, .blog-sidebar .widget .category-list li:hover a:after {
  margin-left: 10px;
  opacity: 1;
  transition: all 0.3s ease-in-out;
}
.blog-sidebar .blog-tags a {
  background-color: #ff497c;
  padding: 7px 12px;
  color: #fff;
  font-size: 14px;
  line-height: 20px;
  margin: 0.6rem 5px 0 0;
  display: inline-block;
  vertical-align: top;
  border: 1px solid #ff497c;
}
.blog-sidebar .blog-tags a:hover, .blog-sidebar .blog-tags a:active, .blog-sidebar .blog-tags a:focus {
  background-color: #fff;
  color: #ff497c;
}
.blog-tags a {
  background-color: #ff497c;
  padding: 7px 12px;
  color: #fff;
  font-size: 14px;
  line-height: 20px;
  margin: 0.6rem 5px 0 0;
  display: inline-block;
  vertical-align: top;
  border: 1px solid #ff497c;
  /* post reply */
}
.blog-tags a:hover, .blog-tags a:active, .blog-tags a:focus {
  background-color: #fff;
  color: #ff497c;
}
.author-thumb img {
  border-radius: 50%;
  width: 80px;
}
.comment-inner {
  display: flex;
  flex-wrap: nowrap;
  align-items: start;
}
.comment-inner .avatar {
  width: 65px;
  min-width: 65px;
  margin-right: 20px;
  display: inline-block;
  border-radius: 50%;
}
.comment-inner .comment-box {
  overflow: hidden;
  position: relative;
  margin-left: 0;
  flex-grow: 1;
  vertical-align: top;
  display: inline-block;
}
.comment-inner .comment-box p:last-child {
  margin-bottom: 0;
}
.comment-reply-link {
  color: #ff497c;
  background: rgba(255, 73, 124, 0.1);
  padding: 5px 18px;
  font-weight: 500;
  border-radius: 0;
  font-size: 14px;
  margin-top: 18px;
  display: inline-block;
}
.comment-reply-link:hover, .comment-reply-link:active, .comment-reply-link:focus {
  color: #fff;
  background: #ff497c;
}
a#cancel-comment-reply-link {
  color: #ff497c;
  background: rgba(255, 73, 124, 0.1);
  padding: 9px 18px;
  font-weight: 500;
  border-radius: 0;
  font-size: 14px;
  transition: 0.3s;
  float: right;
  margin: 6px 0;
  /* tags */
}
a#cancel-comment-reply-link:hover, a#cancel-comment-reply-link:active, a#cancel-comment-reply-link:focus {
  color: #fff;
  background: #ff497c;
}
.tags a {
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 3px;
  padding: 5px 10px;
  font-size: 14px;
  line-height: 20px;
  margin: 5px 10px 5px 0;
  display: inline-block;
  /* share post */
}
.tags a:hover {
  border-color: #ff497c;
  background: #ff497c;
  color: #fff;
}
.blog-share-icon {
  min-width: 175px;
}
.share-post span {
  font-weight: 700;
}
.share-post li {
  display: inline-block;
  margin: 0 5px 0 5px;
}
.share-post li:last-child {
  margin-right: 0;
}
.sidebar .banner-wrapper .icon-boxs {
  position: absolute;
  top: -43px;
  text-align: center;
  left: 0;
  right: 0;
  margin: auto;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  /*service-sidebar*/
}
.service-sidebar .cetegory li a {
  background-color: #fff;
  padding: 15px 20px 15px 30px;
  border-radius: 10px;
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.service-sidebar .cetegory li:hover a, .service-sidebar .cetegory li.active a {
  background-color: #1f2732;
  color: #fff;
}
.service-sidebar .widget {
  margin-bottom: 30px;
  padding: 30px 25px;
  border-radius: 10px;
  position: relative;
  display: block;
  background: #1f2732;
}
.service-sidebar .widget .widget-brochure {
  margin-bottom: 0;
  padding: 0;
  list-style: none;
}
.service-sidebar .widget .widget-brochure li {
  position: relative;
  margin-bottom: 12px;
  display: inline-block;
  border: 1px solid #ededed;
  width: 100%;
  border-radius: 10px;
  background: #fff;
}
.service-sidebar .widget .widget-brochure li a {
  position: relative;
  display: block;
  padding: 16px 15px 16px 75px;
  font-size: 15px;
  font-weight: 600;
}
.service-sidebar .widget .widget-brochure li a i {
  position: absolute;
  left: 0;
  top: 0;
  width: 60px;
  height: 100%;
  line-height: 3;
  text-align: center;
  font-size: 20px;
  background: #1f2732;
  color: #fff;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}
.service-sidebar .widget.widget_custom_html {
  padding: 0;
  margin-bottom: 0;
}
.service-sidebar .banner-wrapper .icon-boxs {
  position: absolute;
  top: -43px;
  text-align: center;
  left: 0;
  right: 0;
  margin: auto;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.service-sidebar .sidebar .banner-wrapper .icon-boxs i {
  line-height: 80px;
}
@media screen and (max-width: 767px) {
  /*==============================
 *    Others
 *    ================================ */
  /* about-style-01 */  .service-sidebar .widget {
    padding: 25px 20px;
  }
}
.about-style-01 {
  background-color: #f9f6f1;
}
.about-style-01 .about-left:before {
  content: "";
  position: absolute;
  width: 78%;
  height: 100%;
  background-color: #f9eae9;
  top: 0;
  right: 0;
}
.about-style-01 .about-sm-img {
  position: absolute;
  top: 3%;
  left: -4%;
  z-index: 1;
}
@media screen and (max-width: 1199px) {
  .about-style-01 .about-left:before {
    right: -10%;
  }
}
@media screen and (max-width: 991px) {
  .about-style-01 .about-sm-img {
    left: 0;
  }
  .about-style-01 .about-left:before {
    right: 0;
  }
}
@media screen and (max-width: 767px) {
  /*about-style-02*/  .about-style-01 .about-left:before {
    right: -18px;
  }
}
.about-style-02 .about-img-box {
  position: relative;
}
.about-style-02 .about-img-box .about-imgs {
  position: absolute;
  top: 70%;
  transform: translateY(-60%);
  right: -96px;
  z-index: 1;
  border: 7px solid #fff;
}
.about-style-02 .about-box {
  margin-right: -30%;
  z-index: 9;
  position: relative;
  margin-left: 50px;
}
@media screen and (max-width: 1199px) {
  .about-style-02 .about-box {
    margin-left: 10px;
  }
}
@media screen and (max-width: 767px) {
  .about-style-02 .about-img-box .about-imgs {
    display: none;
  }
}
@media screen and (max-width: 479px) {
  /*about-style-03*/  .about-style-02 .about-box {
    margin-right: -48%;
  }
}
.about-style-03 .about-img-box {
  padding: 50px;
  margin-bottom: 30px;
  position: relative;
}
.about-style-03 .shape-mockup {
  position: absolute;
  z-index: 1;
  top: 17%;
  right: 13%;
}
.about-style-03 .about-img-box .img-1 {
  overflow: hidden;
  border-radius: 9999px;
  max-width: 338px;
}
.about-style-03 .about-img-box .img-2 {
  position: absolute;
  left: -15%;
  top: 36%;
  z-index: -1;
}
.about-style-03 .about-img-box .img-product {
  background-color: #fdebe0;
  border-radius: 99999px;
  text-align: center;
  padding: 35px 0 38px 0;
  position: relative;
  z-index: 2;
}
.about-style-03 .about-img-box .img-product img {
  margin-bottom: 37px;
}
.about-style-03 .about-img-box .shape-line {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  fill: #ff497c;
}
.about-style-03 .about-img-box .shape-line svg {
  fill: none;
  transform: rotateX(180deg);
}
.about-style-03 .about-img-box .shape-dot {
  fill: #ff497c;
}
.about-style-03 .about-img-box .text-shape {
  position: absolute;
  left: 0;
  right: 0;
  top: 26px;
  text-align: center;
  text-transform: uppercase;
  font-size: 36px;
  letter-spacing: 0.28em;
  font-weight: 300;
  transform: rotate(180deg);
}
.about-style-03 .about-img-box .text-shape svg {
  overflow: initial;
  width: 90%;
  height: 100%;
  fill: none;
}
.about-style-03 .about-img-box .text-shape text {
  fill: #1f2732;
}
.about-style-03 .about-img-box.style3 {
  padding: 3px;
  border: 1px solid rgba(154, 86, 58, 0.14);
  border-radius: 9999px;
}
.about-style-03 .about-img-box.style3 .img-2 {
  left: -34%;
  z-index: -1;
}
.about-style-03 .about-quote-text {
  font-size: 22px;
  line-height: 35px;
  letter-spacing: 0.03em;
  margin: 24px 0 43px 0;
  padding: 15px 25px 15px 25px;
  color: #1f2732;
  border-left: 3px solid #ff497c;
  width: 90%;
  background-image: linear-gradient(to right, rgba(253, 230, 216, 0.79) 0%, transparent 100%);
}
.about-style-03 .about-icon {
  background-color: #1f2732;
  padding: 15px;
}
@media screen and (max-width: 991px) {
  .about-style-03 .about-img-box .img-1 {
    max-width: 509px;
    margin: 0 auto;
  }
  .about-style-03 .about-quote-text {
    width: 100%;
  }
  .about-style-03 .about-img-box {
    padding: 70px 50px 50px 50px;
  }
  .about-style-03 .about-img-box .text-shape {
    top: 46px;
  }
}
@media screen and (max-width: 768px) {
  .about-style-03 .about-img-box .img-1 {
    max-width: 551px;
    margin: 0 auto;
  }
  .about-style-03 .about-img-box .shape-line {
    left: 21px;
    width: 93%;
  }
  .about-style-03 .about-img-box .text-shape svg {
    overflow: initial;
    width: 84%;
    height: 100%;
    fill: none;
  }
}
@media screen and (max-width: 575px) {
  /*about-style-04*/  .about-style-03 .about-quote-text {
    font-size: 19px;
  }
}
.about-style-04 .img1:after {
  content: '';
  position: absolute;
  left: 40px;
  top: 0;
  width: 8px;
  height: 150px;
  background: #ff497c;
}
.about-style-04 .img2 {
  position: absolute;
  bottom: -50px;
  left: 0;
  z-index: 4;
}
@media screen and (max-width: 1399px) {
  .about-style-04 .img1:after {
    left: -30px;
  }
  .about-style-04 .img2 {
    left: -50px;
  }
}
@media screen and (max-width: 1199px) {
  .about-style-04 .img1:after {
    left: -25px;
  }
}
@media screen and (max-width: 991px) {
  .about-style-04 .img2 {
    left: 0;
  }
  .about-style-04 .img1:after {
    left: 105px;
  }
}
@media screen and (max-width: 767px) {
  /* why-choose-01 */  .about-style-04 .img1:after {
    display: none;
  }
  .about-style-04 .img2 {
    left: -40px;
  }
}
.why-choose-01 .why-choose-img .why-choose-shape-1 {
  position: absolute;
  top: -10%;
  right: -5%;
  transform: rotate(70deg);
}
.why-choose-01 .why-choose-box {
  transform: translateY(0);
  transition: 0.4s;
}
.why-choose-01 .why-choose-box:hover {
  transform: translateY(-10%);
}
@media screen and (max-width: 1399px) {
  .why-choose-01 .why-choose-img .why-choose-shape-1 {
    right: -12%;
  }
}
@media screen and (max-width: 991px) {
  /*error-page*/  .why-choose-01 .why-choose-img .why-choose-shape-1 {
    right: -2%;
    top: -5%;
  }
}
.wrapper-error h1 {
  font-weight: 800;
  font-size: 214px;
  line-height: 1;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .wrapper-error h1 {
    font-size: 194px;
  }
}
@media screen and (max-width: 575px) {
  /*features-style01*/  .wrapper-error h1 {
    font-size: 134px;
  }
}
.features-style01 {
  position: relative;
  display: block;
  padding-bottom: 90px;
  z-index: 1;
}
.features-style01 .feature-box {
  text-align: center;
}
.features-style01 .feature-box img {
  opacity: 0.5;
  transition: all 0.4s ease-in-out 0s;
}
.features-style01 .feature-box:hover img {
  opacity: 1;
}
.features-style01 .featuer-boxs {
  position: relative;
}
.features-style01 .featuer-boxs::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: -moz-linear-gradient(90deg, #1e1c20 0%, transparent 80%);
  background-image: -webkit-linear-gradient(90deg, #1e1c20 0%, transparent 80%);
  background-image: -ms-linear-gradient(90deg, #1e1c20 0%, transparent 80%);
}
.features-style01 .featuer-boxs-content {
  position: absolute;
  bottom: 40px;
  left: 0;
  right: 0;
  text-align: center;
  z-index: 9;
}
.features-style01 .featuer-boxs-content h2 {
  font-size: 70px;
  line-height: 70px;
  color: #ff497c;
  margin-top: 7px;
  margin-bottom: 15px;
}
.features-style01 .featuer-boxs-content p {
  font-size: 20px;
  font-weight: 500;
  line-height: 30px;
  letter-spacing: 0.1em;
  color: #fff;
}
.features-style01 .feature-one__btn {
  margin-top: 22px;
}
.features-style01 .feature-text-box {
  position: relative;
  display: table;
  background-color: #ff497c;
  text-align: center;
  padding: 0 55px;
  width: 100%;
}
.features-style01 .feature-text-box-title {
  font-size: 30px;
  color: #fff;
}
.features-style01 .feature-text-box-points {
  position: relative;
  display: block;
}
.features-style01 .feature-text-box-points li {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid rgba(240, 248, 255, 0.25);
  padding-bottom: 13px;
}
.features-style01 .feature-text-box-points li + li {
  margin-top: 13px;
}
.features-style01 .feature-text-box-points li .day p, .features-style01 .feature-text-box-points li .time span {
  color: #fff;
}
.features-style01 .feature-text-box-points li:last-child {
  border-bottom: none;
  padding-bottom: 0;
}
@media screen and (max-width: 991px) {
  .features-style01 .feature-text-box {
    padding: 0 35px;
  }
  .features-style01 .feature-text-box-title {
    font-size: 25px;
  }
}
@media screen and (max-width: 767px) {
  .features-style01 .feature-text-box {
    padding: 35px 35px;
  }
}
@media screen and (max-width: 575px) {
  /*portfolio-style01*/  .features-style01 .feature-text-box {
    padding: 25px 25px;
  }
}
.portfolio-style01 {
  position: relative;
  overflow: hidden;
  /*gallery-style01*/
}
.portfolio-style01 .portfolio-img {
  position: relative;
}
.portfolio-style01:hover .portfolio-img img {
  filter: grayscale(100%);
  transform: scale(1.04, 1.04);
}
.portfolio-style01 .portfolio-img img {
  position: relative;
  width: 100%;
  display: block;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}
.portfolio-style01 .inner-box {
  position: relative;
  overflow: hidden;
  height: 100%;
}
.portfolio-style01 .portfolio-img img {
  position: relative;
  width: 100%;
  display: block;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}
.portfolio-style01:hover .inner-box .portfolio-img img {
  filter: grayscale(100%);
  transform: scale(1.04, 1.04);
}
.portfolio-style01 .overlay-box {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  text-align: center;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: -webkit-transform 0.4s ease;
  transition: transform 0.4s ease;
  transition: transform 0.4s ease, -webkit-transform 0.4s ease;
  -webkit-transform: scale(0, 1);
  -ms-transform: scale(0, 1);
  transform: scale(0, 1);
  -webkit-transform-origin: right center;
  -ms-transform-origin: right center;
  transform-origin: right center;
}
.portfolio-style01 .overlay-box:before {
  position: absolute;
  content: '';
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 1;
  opacity: 0.6;
  background-color: #ff497c;
}
.portfolio-style01:hover .inner-box .overlay-box {
  -webkit-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  transform: scale(1, 1);
  -webkit-transform-origin: left center;
  -ms-transform-origin: left center;
  transform-origin: left center;
}
.gallery-style01 .image-height01 {
  min-height: 524px;
}
.gallery-style01 .image-height02 {
  min-height: 250px;
}
.gallery-style01 .gallery-block .gallery-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  opacity: 0;
  transition: 0.5s;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(31, 39, 50, 0.65);
}
.gallery-style01 .gallery-block:hover .gallery-overlay {
  opacity: 1;
}
.gallery-style01 .gallery-block .gallery-overlay a {
  color: #fff;
  width: 60px;
  height: 60px;
  background: #ff497c;
  line-height: 60px;
  border-radius: 50%;
  text-align: center;
  font-size: 18px;
}
@media screen and (max-width: 1199px) {
  /*appointment*/  .gallery-style01 .gallery-block .gallery-overlay a {
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 15px;
  }
}
.appointment {
  background-color: rgba(0, 0, 0, 0.03);
  padding: 60px;
}
@media screen and (max-width: 1399px) {
  .appointment {
    padding: 60px 50px;
  }
}
@media screen and (max-width: 991px) {
  .appointment {
    padding: 50px 40px;
  }
}
@media screen and (max-width: 575px) {
  /*coming-soon page*/
  /* count-down */  .appointment {
    padding: 40px 25px;
  }
}
ul.countdown li {
  display: inline-block;
  padding: 0 30px;
  text-align: center;
  min-width: 140px;
}
ul.countdown li:first-child {
  padding-left: 0;
}
ul.countdown li:last-child {
  border: medium none;
  padding-right: 0;
}
ul.countdown li span {
  position: relative;
  font-size: 50px;
}
ul.countdown li p.timeRefDays, ul.countdown li p.timeRefHours, ul.countdown li p.timeRefMinutes, ul.countdown li p.timeRefSeconds {
  margin: 0;
  padding: 0;
  text-transform: uppercase;
}
@media screen and (max-width: 767px) {
  ul.countdown li {
    padding: 0 20px;
    min-width: 110px;
  }
  ul.countdown li span {
    font-size: 36px;
  }
  ul.countdown li p.timeRefDays, ul.countdown li p.timeRefHours, ul.countdown li p.timeRefMinutes, ul.countdown li p.timeRefSeconds {
    font-size: 12px;
  }
}
@media screen and (max-width: 479px) {
  /*exrta-sec-two  */  ul.countdown li {
    padding: 0 20px 20px 20px;
  }
  ul.countdown li:first-child {
    padding: 0 20px 20px 20px;
  }
  ul.countdown li:last-child {
    padding: 0 20px 20px 20px;
    padding-bottom: 0;
  }
  ul.countdown li:nth-child(3) {
    padding-bottom: 0;
  }
}
.exrta-sec-two .countdown li {
  min-width: 130px;
  position: relative;
}
.exrta-sec-two .countdown li:after {
  position: absolute;
  content: ":";
  right: 0;
  top: 0;
  font-size: 20px;
  position: absolute;
  content: ":";
  right: 0;
  top: 20%;
  font-size: 20px;
}
.exrta-sec-two .countdown li:last-child:after {
  display: none;
}
@media screen and (max-width: 767px) {
  .exrta-sec-two .countdown li {
    min-width: 120px;
  }
}
@media screen and (max-width: 479px) {
  /*exrta-sec-three*/  .exrta-sec-two .countdown li {
    min-width: 140px;
  }
  .exrta-sec-two .countdown li:nth-child(2):after {
    content: none;
  }
  .exrta-sec-two ul.countdown li:first-child, .exrta-sec-two .countdown li {
    padding: 0 20px 20px 20px;
  }
  .exrta-sec-two ul.countdown li:last-child {
    padding: 0 20px 20px 20px;
    padding-bottom: 0;
  }
  .exrta-sec-two ul.countdown li:nth-child(3) {
    padding-bottom: 0;
  }
}
.exrta-sec-three {
  padding-top: 355px;
}
@media screen and (max-width: 1199px) {
  /* team details */  .exrta-sec-three {
    padding-top: 255px;
  }
}
.team-details-social {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 30px 0;
  padding: 35px 0;
  border-top: 1px solid #ededed;
  border-bottom: 1px solid #ededed;
  /*process-style1*/
}
.team-details-social ul {
  margin-left: 30px;
  padding-left: 0;
  margin-bottom: 0;
}
.team-details-social ul li {
  display: inline-block;
  list-style: none;
  margin-right: 10px;
}
.team-details-social ul li:last-child {
  margin: 0;
}
.team-details-social ul li a {
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  background: #fff;
  border: 1px solid #ededed;
  color: #1f2732;
  -webkit-transition: all 0.4s ease-out 0s;
  transition: all 0.4s ease-out 0s;
}
.team-details-social ul li a:hover {
  color: #fff;
  border-color: #ff497c;
  background: #ff497c;
}
.process-style1 .process-block .process-img {
  position: relative;
}
.process-style1 .process-block .process-img .count-size {
  position: absolute;
  left: 64px;
  top: 0;
}
.process-style1 .process-block .process-img .number {
  width: 40px;
  height: 40px;
  position: relative;
  display: inline-block;
  text-align: center;
  line-height: 40px;
  background: #ff497c;
  color: #fff;
  border-radius: 50%;
}
.process-style1 .process-block .process-img .number:before {
  width: 57px;
  height: 57px;
  opacity: 0.2;
}
.process-style1 .process-block .process-img .number:after {
  width: 69px;
  height: 69px;
  opacity: 0.09;
}
.process-style1 .process-block .process-img .number:before, .process-style1 .process-block .process-img .number:after {
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  content: '';
  border-radius: 50%;
  background-color: #ff497c;
}
.process-style1 .process-block .process-img:hover .number:before, .process-style1 .process-block .process-img:hover .number:after {
  background-color: #002345;
  webkit-animation: circle-2 1.05s infinite;
  -moz-animation: circle-2 1.05s infinite;
  -ms-animation: circle-2 1.05s infinite;
  -o-animation: circle-2 1.05s infinite;
  animation: circle-2 1.05s infinite;
}
@-webkit-keyframes circle-2 {
  100% {
    width: 200%;
    height: 200%;
    opacity: 0;
  }
}
@keyframes circle-2 {
  100% {
    width: 200%;
    height: 200%;
    opacity: 0;
  }
}
@media screen and (max-width: 991px) {
  .process-style1 {
    background-image: none;
  }
}
@media screen and (max-width: 575px) {
  .process-style1 .process-block .process-img .count-size {
    left: 184px;
    top: 10px;
  }
}
@media screen and (max-width: 479px) {
  /* process-bar */  .process-style1 .process-block .process-img .count-size {
    left: 64px;
  }
}
.progress-style1 .progress {
  height: 8px;
  /*pricing-style01*/
}
.progress-style1 .progress .progress-bar {
  background-color: #ff497c;
}
.pricing-style01 {
  /*testimonial-carousel1*/
}
.pricing-style01 .pricing-border {
  flex-grow: 1;
  margin-left: 18px;
  margin-right: 25px;
  border: 1px dashed #c7c3c2;
  height: 0px;
}
.pricing-style01 .pricing-new-box {
  padding: 0 11px;
  border-radius: 16px;
}
.testimonial-carousel1.owl-carousel .owl-nav button.owl-prev {
  left: -25%;
  position: absolute;
  top: 39%;
  background: none;
}
.testimonial-carousel1.owl-carousel .owl-nav button.owl-next {
  right: -25%;
  position: absolute;
  top: 39%;
  background: none;
}
.testimonial-carousel1.owl-theme .owl-nav span {
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  background-color: transparent;
  color: #fff;
}
@media screen and (max-width: 1599px) {
  .testimonial-carousel1.owl-carousel .owl-nav button.owl-prev {
    left: -10%;
  }
  .testimonial-carousel1.owl-carousel .owl-nav button.owl-next {
    right: -10%;
  }
}
@media screen and (max-width: 1199px) {
  /*testimonial-style01*/  .testimonial-carousel1.owl-carousel .owl-nav button.owl-prev {
    left: -8%;
  }
  .testimonial-carousel1.owl-carousel .owl-nav button.owl-next {
    right: -8%;
  }
}
.testimonial-style01 .testimonial-img i {
  position: absolute;
  right: 0;
  bottom: 0;
  background-color: #ff497c;
  width: 30px;
  height: 30px;
  line-height: 30px;
  display: flex;
  font-size: 13px;
  justify-content: center;
  border-radius: 50%;
  /*testimonial-style02*/
}
.testimonial-style02 {
  background-repeat: no-repeat;
  overflow: hidden;
  background-size: 56% auto;
  background-position: bottom left;
  /*working-section*/
}
.testimonial-style02 .item-content .tquote {
  display: block;
  margin-bottom: 1.5rem;
}
.working-section {
  background-color: #fff;
  padding: 58px 50px 55px 51px;
}
.working-section .working-hours li {
  color: #000;
  font-size: 20px;
  margin-bottom: 12px;
}
.working-section .working-hours li:last-child {
  margin-bottom: 0;
}
@media screen and (max-width: 991px) {
  .working-section {
    padding: 48px 40px 45px 41px;
  }
}
@media screen and (max-width: 575px) {
  /* clients-style1 */  .working-section {
    padding: 38px 30px 35px 31px;
  }
  .working-section .working-hours li {
    font-size: 15px;
    margin-bottom: 7px;
  }
}
.clients03-carousel {
  transition: 0.4s;
  /* quform */
}
.clients03-carousel img {
  transition: 0.3s;
}
.clients03-carousel .image-wrapper {
  overflow: hidden;
  position: relative;
  z-index: 1;
  max-width: 225px;
  margin: 0 auto;
  border-radius: inherit;
}
.clients03-carousel .image-wrapper > img {
  margin: 0 auto;
  border-radius: inherit;
}
.clients03-carousel .hover-image {
  display: block;
  transform: translateY(-100%);
  opacity: 0;
  display: none;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  visibility: hidden;
}
.clients03-carousel .image-wrapper:hover .hover-image {
  opacity: 1;
  visibility: visible;
  transform: translateY(0%);
}
.clients03-carousel .image-wrapper:hover .hover-image + .main-image {
  opacity: 0;
  transform: translateY(100%);
}
.form-group {
  margin-bottom: 1rem;
}
.form-group label {
  margin-bottom: 0.5rem;
}
.form-control:focus {
  border-color: #ff497c;
}
.form-check-input:checked {
  border-color: #ff497c;
  background-color: #ff497c;
}
.quform-input {
  position: relative;
}
.quform-input .quform-errors-wrap {
  position: absolute;
  right: 8px;
  top: 0;
  line-height: normal;
  z-index: 1;
}
.quform-element label {
  font-weight: 600;
  padding-bottom: 5px;
  margin-bottom: 0;
  font-size: 15px;
  color: #42545e;
}
.quform-element label .quform-required {
  color: #cc0101;
  font-size: 10px;
}
.quform-inner input {
  width: 100%;
}
.quform-elements .quform-element textarea {
  margin-bottom: 0;
  padding: 8px 15px;
  vertical-align: top;
}
.quform-elements .quform-element select {
  margin-bottom: 0;
  padding: 8px 35px 8px 15px;
}
.quform-errors {
  padding: 0;
  margin: 0;
  line-height: normal;
}
.quform-errors > .quform-error {
  padding: 0;
  background: none;
  border: none;
  float: none;
  color: #f5543f;
  font-size: 11px;
  line-height: normal;
  letter-spacing: normal;
}
.quform-outer-no-js .quform-error {
  padding: 0;
  background: none;
  border: none;
  float: none;
  color: #f5543f;
  font-size: 11px;
  line-height: normal;
  letter-spacing: normal;
}
.quform-outer-no-js .quform-success-message {
  padding: 0.75rem 1.25rem 0.75rem 3rem;
}
.quform-has-error input, .quform-has-error textarea, .quform-has-error select, .quform-has-error input[type=file], .quform-has-error .custom-file-label {
  border-color: #f5543f;
}
.quform-success-message {
  padding: 0.75rem 1.25rem 0.75rem 3rem;
}
.quform-submit-inner {
  float: none;
}
.quform-loading-wrap {
  float: none;
}
.quform-loading-wrap .quform-loading {
  display: inline-block;
}
.quform-element {
  margin-bottom: 1rem;
}
.quform-element p {
  margin-bottom: 0;
}
.wpcf7 .quform-submit-inner {
  cursor: pointer;
  margin-bottom: 0;
  color: #fff;
  background-color: #ff497c;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  text-align: center;
  transition: all 0.3s;
  display: inline-block;
  position: relative;
  z-index: 1;
  border-radius: 4px;
  overflow: hidden;
  border: none;
  transition: all 0.3s ease-in-out;
}
.wpcf7 .quform-submit-inner .wpcf7-spinner {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  width: 24px;
  height: 24px;
  top: 0;
  bottom: 0;
  z-index: 9;
  display: none;
}
.wpcf7 .quform-submit-inner p {
  margin-bottom: 0;
}
.wpcf7 .quform-submit-inner:hover, .wpcf7 .quform-submit-inner:active, .wpcf7 .quform-submit-inner:focus {
  background: #1f2732;
  color: #fff;
}
.wpcf7 .quform-submit-inner .wpcf7-submit {
  border: none;
  background: none;
  color: #fff;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  padding: 14px 31px !important;
}
.wpcf7 .quform-submit-inner.white {
  background-color: #ff497c;
}
.wpcf7 .quform-submit-inner.white:hover, .wpcf7 .quform-submit-inner.white:active, .wpcf7 .quform-submit-inner.white:focus {
  border-color: #fff;
  background: #fff;
}
.wpcf7 .quform-submit-inner.white .wpcf7-submit {
  color: #fff;
}
.wpcf7 .quform-submit-inner.white:hover .wpcf7-submit, .wpcf7 .quform-submit-inner.white:active .wpcf7-submit, .wpcf7 .quform-submit-inner.white:focus .wpcf7-submit {
  color: #42545e;
  /* newsletter */
}
.newsletter .form-control {
  min-height: 50px;
}
.wpcf7 {
  /* newsletter */
}
.wpcf7 .newsletter-1 .quform-input input.wpcf7-text {
  padding-right: 4.75rem;
}
.wpcf7 .newsletter-1 .quform-submit-inner input.wpcf7-submit {
  font-size: 18px;
  position: absolute;
  right: 0;
  top: 0;
  height: 54px;
  width: 55px;
  color: #fff;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border: 0;
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  cursor: pointer;
  background: #1f2732;
  padding: 0 !important;
}
.wpcf7 .newsletter-1 .quform-submit-inner input.wpcf7-submit.newsletter-btn {
  right: 0;
  top: 0;
}
.wpcf7 .newsletter-1 .quform-element .quform-input .form-control.news-box {
  min-height: 55px;
  border-radius: 5px;
  padding: 0 0 0 20px;
}
.wpcf7 .newsletter-1 .quform-submit-inner {
  cursor: pointer;
  background-color: transparent;
  position: unset;
}
.wpcf7 .newsletter-1 .quform-submit-inner:before {
  content: none;
}
.newsletter-form-icon {
  /* newsletter rounded pill */
}
.newsletter-form-icon .quform-elements {
  position: relative;
}
.newsletter-form-icon .quform-submit-inner {
  position: absolute;
  right: 1px;
  top: 3px;
  width: auto;
  background: transparent;
  height: 48px;
}
.newsletter-form-icon .quform-submit-inner .btn {
  border: none;
  padding: 0.5rem 1.15rem;
}
.newsletter-form-icon .quform-loading-wrap {
  margin-top: 15px;
  margin-bottom: 0;
  margin-left: 0;
}
.newsletter-form-icon input {
  border: 1px solid transparent;
  background-color: rgba(255, 255, 255, 0.2);
  height: 50px;
  padding: 0.5rem 4rem 0.5rem 1rem;
  color: #fff;
}
.newsletter-form-icon .form-control:focus, .newsletter-form-icon .form-control:active {
  background-color: rgba(255, 255, 255, 0.2);
  color: #fff;
}
.newsletter-form-icon .quform-has-error input, .newsletter-form-icon .quform-has-error textarea, .newsletter-form-icon .quform-has-error select {
  border-color: #f5543f;
}
.newsletter-form-icon .quform-input .quform-errors-wrap {
  right: 15px;
}
.newsletter-form-icon i {
  font-size: 1.2rem;
  line-height: 2rem;
}
.rounded-pill-form .quform-input i {
  top: 26px;
}
.wpcf7 .rounded-pill-form .quform-submit-inner {
  border: 1px solid transparent;
  background: #ff497c;
  color: #fff;
  display: inline-flex;
  align-items: center;
  font-weight: 600;
  font-size: 16px;
  letter-spacing: 0em;
  padding: 0;
  position: relative;
  overflow: hidden;
  text-align: center;
  z-index: 0;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background-color: transparent;
  border-radius: 50px;
}
.wpcf7 .rounded-pill-form .quform-submit-inner .wpcf7-submit {
  display: inline-flex;
  background: #ff497c;
  align-items: center;
  font-weight: 700;
  font-size: 15px !important;
  letter-spacing: 0.5px;
  padding: 14px 31px !important;
  position: relative;
  overflow: hidden;
  text-align: center;
  z-index: 0;
  transition: all 0.3s ease-in-out;
}
.wpcf7 .rounded-pill-form .quform-submit-inner i {
  margin-left: 0;
  margin-right: 0;
  font-size: 16px;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  display: inline-block;
  color: #fff;
  position: absolute;
  right: 30px;
  top: 17px;
}
.wpcf7 .rounded-pill-form .quform-submit-inner:hover i, .wpcf7 .rounded-pill-form .quform-submit-inner:active i, .wpcf7 .rounded-pill-form .quform-submit-inner:focus i {
  color: #1f2732;
}
.wpcf7 .rounded-pill-form .quform-submit-inner:hover .wpcf7-submit, .wpcf7 .rounded-pill-form .quform-submit-inner:active .wpcf7-submit, .wpcf7 .rounded-pill-form .quform-submit-inner:focus .wpcf7-submit {
  color: #ff497c !important;
  background: #fff;
  /* newsletter */
}
.newsletter-form {
  /* newsletter */
}
.newsletter-form .quform-elements {
  position: relative;
}
.newsletter-form .quform-submit-inner {
  position: absolute;
  right: 1px;
  top: 1px;
  width: auto;
  background: transparent;
  height: 48px;
}
.newsletter-form .quform-submit-inner .btn {
  padding: 0.5rem 1.15rem;
}
.newsletter-form .quform-loading-wrap {
  margin-top: 15px;
  margin-bottom: 0;
  margin-left: 0;
}
.newsletter-form input {
  border: 1px solid transparent;
  background-color: rgba(255, 255, 255, 0.2);
  height: 50px;
  padding: 0.5rem 4rem 0.5rem 1rem;
  color: #fff;
}
.newsletter-form .form-control:focus, .newsletter-form .form-control:active {
  background-color: rgba(255, 255, 255, 0.2);
  color: #fff;
}
.newsletter-form .quform-has-error input, .newsletter-form .quform-has-error textarea, .newsletter-form .quform-has-error select {
  border-color: #f5543f;
}
.newsletter-form .quform-input .quform-errors-wrap {
  right: 15px;
}
.newsletter-form i {
  font-size: 1.2rem;
  line-height: 2rem;
}
.newsletter-form .quform-submit-inner {
  position: unset;
  display: inline;
  padding: 0;
  background: transparent;
}
.newsletter-form .quform-submit-inner:before {
  content: none;
}
.newsletter-form .quform-submit-inner:after {
  content: none;
}
.newsletter-form .quform-submit-inner input.wpcf7-submit {
  font-size: 1.2rem;
  position: absolute;
  right: 0;
  top: 0;
  height: 50px;
  width: 50px;
  color: #fff;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border: 0;
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  cursor: pointer;
  background: #2a9d8f;
}
.newsletter-form .quform-submit-inner input.wpcf7-submit.newsletter-btn {
  right: 5px;
  top: -5px;
}
.newsletter-form .quform-input input.wpcf7-text {
  padding-right: 4.75rem;
}
.newsletter-form .quform-element .quform-input .form-control.news-box {
  border: 1px solid transparent;
  height: 50px;
  min-height: auto;
  padding: 0.5rem 3rem 0.5rem 1.5rem;
}
.newsletter-form .quform-element .quform-input .form-control.news-box:active {
  border-color: #ff497c;
}
.newsletter-form .quform-element .quform-input .form-control.news-box:focus {
  border-color: #ff497c;
}
.wpcf7 .quform-submit-inner p {
  margin-bottom: 0;
  /* social-icon-style1 */
}
.social-icon-style1 {
  margin-bottom: 0;
  display: inline-block;
  padding-left: 0px;
  list-style: none;
  /* social-icon-style2 */
}
.social-icon-style1 li {
  vertical-align: middle;
  display: inline-block;
  margin-right: 5px;
}
.social-icon-style1 li a {
  display: inline-block;
  font-size: 14px;
  text-align: center;
  color: #fff;
  background: rgba(255, 255, 255, 0.1);
  height: 41px;
  line-height: 41px;
  width: 41px;
}
.social-icon-style1 li a:hover {
  background: #ff497c;
}
.social-icon-style1 li:last-child {
  margin-right: 0;
}
.social-icon-style2 li {
  display: inline-block;
  /* social-icon-style3 */
}
.social-icon-style2 li a {
  display: inline-block;
  font-size: 14px;
  text-align: center;
  color: #fff;
  background: #ff497c;
  border: 1px solid #ff497c;
  height: 38px;
  line-height: 38px;
  width: 38px;
  border-radius: 0;
}
.social-icon-style2 li a:hover, .social-icon-style2 li a:active, .social-icon-style2 li a:focus {
  color: #ff497c;
  background-color: #fff;
  border: 1px solid #ff497c;
}
.social-icon-style2 li:last-child {
  margin-right: 0;
}
.social-icon-style3 {
  margin-bottom: 0;
  display: inline-block;
  /* social-icon-style4 */
}
.social-icon-style3 li {
  vertical-align: middle;
  display: inline-block;
  margin-right: 10px;
}
.social-icon-style3 li a {
  display: inline-block;
  font-size: 14px;
  text-align: center;
  color: #fff;
  background: #ff497c;
  height: 40px;
  line-height: 40px;
  width: 40px;
  border-radius: 50%;
}
.social-icon-style3 li a:hover {
  background: #fff;
  color: #ff497c;
}
.social-icon-style3 li:last-child {
  margin-right: 0;
}
.social-icon-style4 li {
  display: inline-block;
  margin-right: 7px;
  /* social-icon-style5 */
}
.social-icon-style4 li a {
  font-size: 14px;
  text-align: center;
  color: #fff;
  background: #ff497c;
  height: 38px;
  display: inline-block;
  line-height: 40px;
  width: 38px;
  border-radius: 50px;
}
.social-icon-style4 li a:hover, .social-icon-style4 li a:active, .social-icon-style4 li a:focus {
  color: #fff;
  background-color: #1f2732;
}
.social-icon-style4 li:last-child {
  margin-right: 0;
}
.social-icon-style5 li {
  display: inline-block;
  margin-right: 10px;
  /* social-icon-style6 */
}
.social-icon-style5 li:last-child {
  margin-right: 0;
}
.social-icon-style5 li a {
  font-size: 16px;
  background: #ff497c;
  color: #fff;
  height: 36px;
  width: 36px;
  line-height: 36px;
  display: inline-block;
  text-align: center;
  border-radius: 50%;
}
.social-icon-style5 li a:hover {
  color: #ff497c;
  background: #fff;
}
.social-icon-style6 li {
  margin-right: 5px;
  display: inline-block;
}
.social-icon-style6 li:last-child {
  margin-right: 0;
}
.social-icon-style6 li a {
  width: 50px;
  height: 50px;
  background: #fff;
  text-align: center;
  font-size: 16px;
  color: #272c49;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}
.social-icon-style6 li a:hover {
  color: #ff497c;
}
@media screen and (max-width: 1199px) {
  /*search page*/  .social-icon-style6 li a {
    width: 40px;
    height: 40px;
  }
}
.search-form_input {
  color: #ff497c;
}
.search-frame {
  /* contact-map */
}
.search-frame h4 a:hover {
  color: #ff497c;
}
.search-frame .search_list .match {
  color: #ff497c;
}
.search-frame .search_list li:before {
  color: #ff497c;
}
.search-frame .search_list li + li {
  border-top: 3px solid #ff497c;
}
.search-frame .search {
  color: #ff497c;
}
.contact-map {
  width: 100%;
  height: 520px;
  vertical-align: top;
  border: 0;
  /*contact-us*/
}
.contact-us {
  padding: 60px;
  background-color: #fff;
}
.contact-us .contacts-icon img {
  padding: 16px;
}
.contact-us .contact-details {
  padding: 30px 50px 40px;
  border-radius: 5px;
  margin-left: 20px;
  background-color: #1f2732;
}
.contact-us .contact-info {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1215686275);
  padding: 0 0 25px;
  margin-bottom: 22px;
}
.contact-us .contacts-icon {
  float: left;
  margin-right: 20px;
  width: 55px;
  height: 55px;
  line-height: 55px;
  background-color: rgba(255, 255, 255, 0.5196078431);
  text-align: center;
  display: inline-block;
  transition: 0.5s;
}
.contact-us .contacts-icon i {
  color: #fff;
  font-size: 22px;
  transition: 0.5s;
}
.contact-us .contacts-title h6 {
  font-size: 14px;
  line-height: 23px;
  opacity: 0.702;
  margin-top: 5px;
}
.contact-us .contact-info:hover .contacts-icon {
  transform: rotateY(180deg);
  background: #ff497c;
}
.contact-us .contact-info.upper2 {
  border-bottom: none;
  margin-bottom: 0px;
}
.contact-us .contact-details .follow-company-icon2 a {
  font-size: 14px;
  display: inline-block;
  color: #fff;
  margin-right: 7px;
  transition: 0.5s;
  width: 30px;
  height: 30px;
  line-height: 32px;
  border-radius: 15px;
  background-color: rgba(255, 255, 255, 0.2);
  text-align: center;
}
.contact-us .follow-company-icon2 a:hover {
  background: #ff497c;
}
@media screen and (max-width: 1199px) {
  .contact-us {
    padding: 40px 20px;
  }
  .contact-us .contact-details {
    padding: 30px 31px 30px;
    margin-left: 7px;
  }
}
@media screen and (max-width: 575px) {
  /* gallery-image */  .contact-us {
    padding: 30px 19px 31px 19px;
  }
  .contact-us .contact-info {
    padding: 0 0 18px;
    margin-bottom: 21px;
  }
  .contact-us .contacts-icon {
    margin-right: 13px;
    width: 48px;
    height: 48px;
    line-height: 48px;
  }
  .contact-us .contact-details {
    padding: 19px 19px 19px;
    margin-left: 7px;
  }
  .contact-us .contacts-title h6 {
    font-size: 13px;
    line-height: 21px;
  }
}
.gallery-image a {
  /*==============================
 *    Page Navigation
 *    ================================ */
}
.gallery-image a:hover:before {
  opacity: 1;
  visibility: visible;
  opacity: 1;
  visibility: visible;
}
.gallery-image a:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  opacity: 0;
  background: rgba(0, 0, 0, 0.7);
  transition: all 0.3s ease;
}
.gallery-image a:hover i {
  opacity: 1;
  visibility: visible;
  transform: translate(-50%, -50%);
}
.gallery-image a i {
  top: 50%;
  left: 50%;
  opacity: 0;
  visibility: hidden;
  transform: translate(-50%, 0);
  transition: all 0.35s;
  color: #fff;
  z-index: 2;
  font-size: 16px;
  font-size: 1rem;
  line-height: 20px;
  font-weight: 400;
  position: absolute;
  width: 40px;
  height: 40px;
  background-color: #ff497c;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}
.page-navigation {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0;
  background-color: #fff;
  box-shadow: 0 10px 60px 0 rgba(0, 0, 0, 0.05);
  border-radius: 8px;
}
.prev-page, .next-page {
  position: relative;
  width: 50%;
  max-width: 350px;
  margin: 10px;
}
.prev-page:before, .next-page:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 8px;
  background-color: rgba(255, 255, 255, );
  box-shadow: 0 0 0 0 rgba(34, 35, 40, );
  transform: scale(1.04, 1.12);
  transition: 0.3s ease-in-out;
  pointer-events: none;
}
.prev-page .page-info > a, .next-page .page-info > a {
  display: flex;
  align-items: center;
  position: relative;
  padding: 16px 20px;
  min-height: 110px;
  transition: 0.8s;
}
.prev-page .page-info .image-prev, .prev-page .page-info .image-next {
  position: relative;
  flex-shrink: 0;
  width: 70px;
  height: 70px;
  vertical-align: middle;
  transition: inherit;
  overflow: hidden;
}
.next-page .page-info .image-prev, .next-page .page-info .image-next {
  position: relative;
  flex-shrink: 0;
  width: 70px;
  height: 70px;
  vertical-align: middle;
  transition: inherit;
  overflow: hidden;
}
.prev-page .page-info .prev-title, .prev-page .page-info .next-title {
  display: inline-block;
  position: relative;
  max-width: 220px;
  font-size: 18px;
  line-height: 1.5;
  font-weight: 700;
  word-wrap: break-word;
  vertical-align: middle;
  transition: 0.45s;
}
.next-page .page-info .prev-title, .next-page .page-info .next-title {
  display: inline-block;
  position: relative;
  max-width: 220px;
  font-size: 18px;
  line-height: 1.5;
  font-weight: 700;
  word-wrap: break-word;
  vertical-align: middle;
  transition: 0.45s;
}
.prev-page .page-info .prev-title:empty, .prev-page .page-info .next-title:empty {
  display: none;
}
.next-page .page-info .prev-title:empty, .next-page .page-info .next-title:empty {
  display: none;
}
.prev-page:hover:before, .next-page:hover:before {
  background-color: white;
  transform: scale(1);
  box-shadow: 0 10px 30px 0 rgba(34, 35, 40, 0.1);
}
.prev-page a {
  justify-content: flex-start;
  text-align: left;
}
.prev-page a:hover .image-prev:after {
  visibility: visible;
  opacity: 1;
}
.prev-page a:hover .image-prev:before {
  visibility: visible;
  opacity: 1;
  margin-left: 0;
}
.prev-page .image-prev {
  margin-right: 20px;
}
.prev-page .image-prev:after {
  background-color: #ff497c;
}
.next-page .image-next:after {
  background-color: #ff497c;
}
.prev-page .image-prev:before {
  display: block;
  position: absolute;
  z-index: 2;
  left: 0;
  right: 0;
  margin-left: 20px;
  content: "\e64a";
  font-family: 'themify';
  font-size: 21px;
  line-height: 70px;
  color: #fff;
  text-align: center;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s ease-in-out;
}
.prev-page .image-prev:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s ease-in-out;
}
.next-page {
  margin-left: auto;
}
.next-page a {
  justify-content: flex-end;
  text-align: right;
}
.next-page a:hover .image-next:after {
  visibility: visible;
  opacity: 1;
}
.next-page a:hover .image-next:before {
  visibility: visible;
  opacity: 1;
  margin-right: 0;
}
.next-page .image-next {
  margin-left: 20px;
}
.next-page .image-next:before {
  display: block;
  position: absolute;
  z-index: 2;
  left: 0;
  right: 0;
  margin-right: 20px;
  content: "\e64a";
  font-family: 'themify';
  font-size: 21px;
  line-height: 70px;
  color: #fff;
  text-align: center;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s ease-in-out;
  transform: scaleX(-1);
}
.next-page .image-next:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s ease-in-out;
}
.next-page .next-title {
  text-align: right;
}
.prev-link-page-info > span, .next-link-page-info > span {
  display: block;
}
.prev-link-page-info .date-details, .next-link-page-info .date-details {
  font-size: 14px;
  letter-spacing: 0.025em;
  line-height: 20px;
  margin-bottom: -2px;
}
.prev-link-page-info .date-details > div, .prev-link-page-info .date-details > span {
  line-height: inherit;
  transition: 0.45s;
  font-weight: 500;
}
.next-link-page-info .date-details > div, .next-link-page-info .date-details > span {
  line-height: inherit;
  transition: 0.45s;
  font-weight: 500;
}
.prev-link-page-info .date-details:only-child, .next-link-page-info .date-details:only-child {
  margin-top: 0;
}
@media screen and (max-width: 767px) {
  .prev-page, .next-page {
    width: calc(100% - 20px);
    max-width: unset;
  }
  .prev-page + .next-page {
    margin-top: 0;
  }
  .page-navigation {
    flex-direction: column;
  }
}
@media screen and (max-width: 575px) {
  /*==============================
 *    Footer
 *    ================================ */  .prev-page .page-info > a, .next-page .page-info > a {
    padding: 10px;
  }
  .prev-page .page-info .prev-title, .prev-page .page-info .next-title {
    max-width: 168px;
  }
  .next-page .page-info .prev-title, .next-page .page-info .next-title {
    max-width: 168px;
  }
}
.footer-logo {
  max-width: 214px;
  width: 100%;
  display: inline-block;
}
.footer-logo > a {
  display: inline-block;
}
footer .email {
  border-bottom: 1px solid rgba(255, 255, 255, 0.7);
  display: inline-block;
  padding-bottom: 5px;
}
footer .email a {
  color: rgba(255, 255, 255, 0.7);
  position: relative;
  transition: all 0.8s ease;
}
footer .email a:hover:after, footer .email a:active:after, footer .email a:focus:after {
  width: 100%;
}
footer .email a:hover, footer .email a:active, footer .email a:focus {
  color: #ff497c;
}
footer .email a:after {
  border-bottom: 1px solid #fff;
  transition: all 0.8s ease;
  content: "";
  display: inline-block;
  position: absolute;
  bottom: -10px;
  right: 0;
  width: 0;
}
footer .phone {
  padding-bottom: 0;
  margin-bottom: 0;
}
footer .phone a {
  padding-bottom: 0;
  letter-spacing: -0.05rem;
  color: #fff;
}
footer .phone a:hover, footer .phone a:active, footer .phone a:focus {
  color: #ff497c;
}
.footer-logo-lg {
  max-width: 320px;
  width: 100%;
  display: inline-block;
  /*footer-social-style1*/
}
.footer-social-style1 {
  padding: 0;
  display: inline-block;
  list-style: none;
  /*footer-style-01*/
}
.footer-social-style1 li {
  text-align: center;
  margin-right: 5px;
  display: inline-block;
}
.footer-social-style1 li:last-child {
  margin-right: 0;
}
.footer-social-style1 li a {
  color: #f8f9fa;
  height: 40px;
  width: 40px;
  line-height: 40px;
  display: inline-block;
  font-size: 15px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.1);
}
.footer-social-style1 li a:hover, .footer-social-style1 li a:active, .footer-social-style1 li a:focus {
  color: #fff;
  background-color: #ff497c;
}
.footer-style-01 .top-inner .logos {
  position: relative;
  display: inline-block;
  background: rgba(255, 255, 255, 0.07);
  padding: 54px 40px 54px 40px;
  margin-bottom: 35px;
  border-bottom-left-radius: 50px;
  border-bottom-right-radius: 50px;
  text-align: center;
}
@media screen and (max-width: 1199px) {
  .footer-style-01 .top-inner .logos {
    padding: 45px 45px 45px 45px;
  }
}
.alignnone {
  margin: 5px 20px 20px 0;
}
.aligncenter, div.aligncenter {
  display: block;
  margin: 5px auto 5px auto;
}
.alignright {
  float: right;
  margin: 5px 0 20px 20px;
}
.alignleft {
  float: left;
  margin: 5px 20px 20px 0;
}
a img.alignright {
  float: right;
  margin: 5px 0 20px 20px;
}
a img.alignnone {
  margin: 5px 20px 20px 0;
}
a img.alignleft {
  float: left;
  margin: 5px 20px 20px 0;
}
a img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.wp-caption {
  background: #fff;
  border: 1px solid #f0f0f0;
  /* Image does not overflow the content area */
  max-width: 96%;
  padding: 5px 3px 10px;
  text-align: center;
}
.wp-caption.alignnone {
  margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
  margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
  margin: 5px 0 20px 20px;
}
.wp-caption img {
  border: 0 none;
  height: auto;
  margin: 0;
  max-width: 98.5%;
  padding: 0;
  width: auto;
}
.wp-caption p.wp-caption-text {
  font-size: 12px;
  line-height: 17px;
  margin: 0;
  padding: 10px 4px 0;
}
.height-0 {
  height: 0;
}
.sidebar .wp-block-audio {
  margin-bottom: 0;
}
.sidebar .wp-block-audio audio {
  min-width: auto;
}
.min-height-auto {
  min-height: auto !important;
}
.card-img, .card-img-bottom, .card-img-top {
  width: auto;
}
.min-height-50vh img {
  min-height: 84vh;
  object-fit: cover;
}
.textwidget {
  word-break: break-word;
}
@media screen and (min-width: 992px) {
  /* Text meant only for screen readers. */  .admin-bar header.scrollHeader .navbar-default {
    top: 32px;
  }
}
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  /* Many screen reader and browser combinations announce broken words as they would appear visually. */
  word-wrap: normal !important;
}
.screen-reader-text:focus {
  background-color: #eee;
  clip: auto !important;
  clip-path: none;
  color: #444;
  display: block;
  font-size: 1em;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  /* Above WP toolbar. */
  z-index: 100000;
}
.bypostauthor {
  opacity: 1;
}
.gallery-caption {
  font-style: italic;
  max-width: 100%;
  margin-bottom: 1em;
}
.gallery-caption img {
  border-radius: unset;
  /* Part 2 */
}
p + .alignfull, p + .alignwide {
  margin-top: 2em;
}
main .alignfull, main .alignwide {
  width: auto;
  max-width: 130%;
  transform: translateX(0);
}
main .alignwide {
  margin-left: -15px;
  margin-right: -15px;
}
main .alignfull {
  margin-left: -30px;
  margin-right: -30px;
}
@media screen and (max-width: 992px) {
  main .alignfull {
    max-width: 100%;
  }
  main .alignfull.wp-block-gallery, main .alignfull.wp-block-columns {
    max-width: 120%;
  }
}
@media screen and (max-width: 480px) {
  main .alignfull {
    margin-left: -15px;
    margin-right: -15px;
  }
}
main .alignfull img {
  width: 100%;
}
main .alignfull.wp-block-image, main .alignfull.wp-block-cover, main .alignfull.wp-block-embed-wordpress-tv {
  max-width: 130%;
}
@media screen and (max-width: 767px) {
  main .alignfull.wp-block-image, main .alignfull.wp-block-cover, main .alignfull.wp-block-embed-wordpress-tv {
    margin-left: -30px;
    margin-right: -30px;
  }
}
@media screen and (max-width: 480px) {
  main .alignfull.wp-block-image, main .alignfull.wp-block-cover, main .alignfull.wp-block-embed-wordpress-tv {
    margin-left: -15px;
    margin-right: -15px;
  }
}
main .alignfull.wp-block-columns {
  margin-left: -25px;
  margin-right: -25px;
}
@media screen and (max-width: 767px) {
  main .alignfull.wp-block-columns {
    margin-left: -10px;
    margin-right: -10px;
  }
}
.sidebar > :last-child {
  margin-bottom: 40px;
}
.single main .sidebar_left .alignwide, .single main .sidebar_right .alignwide {
  margin-left: -10px;
  margin-right: -10px;
}
.single main .sidebar_left .alignfull, .single main .sidebar_right .alignfull {
  margin-left: -20px;
  margin-right: -20px;
}
.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.alignleft {
  float: left;
  margin: 0 30px 10px 0;
}
.alignright {
  float: right;
  margin: 0 0 10px 30px;
}
.wp-caption.aligncenter {
  margin-left: auto;
  margin-right: auto;
}
.wp-block-cover, .wp-block-button, p + .alignfull, p + .alignwide {
  margin-top: 2rem !important;
  margin-bottom: 2rem !important;
}
.wp-block-cover.alignleft, .wp-block-button.alignleft {
  margin-right: 2rem;
  margin-top: 0;
}
.wp-block-cover.alignright, .wp-block-button.alignright {
  margin-left: 2rem;
  margin-top: 0;
}
.wp-block-button.is-style-squared .wp-block-button__link, .wp-block-button__link.wp-block-button.is-style-squared .wp-block-button__link {
  border-radius: 0;
}
.wp-block-quote, .wp-block-quote.is-large, .wp-block-quote.is-style-large {
  margin-bottom: 2rem;
  padding-left: 62px;
}
.wp-block-quote.is-large, .wp-block-quote.is-style-large {
  margin-top: 0.4em;
}
.wp-block-quote.is-large p, .wp-block-quote.is-style-large p {
  font-size: 1.15em;
}
.wp-block-quote.is-large cite, .wp-block-quote.is-style-large cite {
  font-size: 0.85em;
}
.blog-post_text blockquote, #comments .comment_content blockquote {
  padding-right: 1em !important;
  margin-bottom: 2rem;
}
figcaption {
  width: 100%;
}
.wp-block-pullquote blockquote {
  margin-top: 0;
}
@media screen and (max-width: 410px) {
  figure.wp-block-audio, figure.wp-block-embed-youtube, figure.wp-block-embed-facebook {
    margin-left: 0;
    margin-right: 0;
  }
  figure.wp-block-audio audio {
    min-width: 250px;
  }
}
.blog-post_content .wp-block-cover .wp-block-cover-image-text, .blog-post_content .wp-block-cover-image .wp-block-cover-image-text, .blog-post_content .wp-block-cover .wp-block-cover-text, .blog-post_content .wp-block-cover-image .wp-block-cover-text, .blog-post_content .wp-block-cover h2, .blog-post_content .wp-block-cover-image h2 {
  color: #fff;
}
.wp-block-group.has-background {
  padding: 2rem;
}
.wp-block-group p:last-child {
  margin-bottom: 0;
}
.blocks-gallery-caption {
  font-size: 13px;
  text-align: center;
}
.wp-block-gallery {
  margin-bottom: 16px;
}
.wp-block-gallery li.blocks-gallery-item {
  padding-left: 0;
  margin-bottom: 16px;
}
.wp-block-gallery li.blocks-gallery-item figcaption {
  line-height: 1.5;
}
.wp-block-gallery.alignwide {
  clear: both;
}
.wp-block-search__button {
  color: #fff;
  min-width: 75px;
  background-color: #ff497c;
  font-size: 16px;
  font-weight: 600;
  padding: 11px 10px !important;
  text-align: center;
  transition: all 0.3s;
  display: inline-block;
  position: relative;
  z-index: 1;
  overflow: hidden;
  border: none;
}
.wp-block-search__button:hover, .wp-block-search__button:hover:active, .wp-block-search__button:hover:focus {
  background-color: #ff497c;
  color: #fff;
}
.wp-block-search {
  margin-bottom: 15px;
}
.wp-block-search .wp-block-search__input {
  margin-right: 10px;
}
.wp-block-search .wp-block-search__button {
  margin-left: 0;
  /* Part 3 */
}
table {
  border-bottom: 1px solid #ededed;
  border-left: 1px solid #ededed;
  border-collapse: collapse;
  border-spacing: 0;
  line-height: 2;
  margin: 0 0 32px;
  width: 100%;
  -webkit-border-radius: 0;
  -khtml-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
}
table th {
  color: #fff;
}
caption, td {
  font-weight: normal;
  text-align: left;
}
.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
  padding: 13px 8px;
}
th {
  font-weight: 600;
  border-top: 1px solid #ededed;
  padding: 10px;
  border-right: 1px solid #ededed;
}
td {
  border-top: 1px solid #ededed;
  padding: 10px;
  border-right: 1px solid #ededed;
  line-height: normal;
}
dl dt {
  font-weight: normal;
  line-height: 26px;
  text-transform: uppercase;
  font-weight: 700;
  color: #000;
}
dl dd {
  line-height: normal;
  margin-bottom: 20px;
}
dl dd a {
  color: #000;
}
dl dd a:hover {
  color: #1f2732;
}
code, kbd {
  background-color: transparent;
  border-radius: 4px;
  color: inherit;
  font-size: 100%;
  padding: 2px 4px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}
ins {
  color: #fff;
  border: none;
  padding: 2px;
  text-decoration: none;
  background-color: #1f2732;
}
pre {
  background: #f5f5f5;
  color: #666;
  font-size: 14px;
  margin: 20px 0;
  overflow: auto;
  padding: 20px;
  white-space: pre-wrap;
  word-wrap: break-word;
}
ol {
  list-style: outside none decimal;
  margin-bottom: 32px;
}
ul {
  padding: 0;
  margin: 0 0 32px;
}
ul li {
  list-style-position: inside;
}
dl + h2 + ul {
  padding-left: 35px;
}
dl + h2 + ul ul {
  padding-left: 35px;
}
dl + h2 + ul ul li {
  list-style: outside;
}
blockquote {
  background-color: #f9f9f9;
  padding: 24px 57px 24px 37px;
  font-size: 19px;
  line-height: 30px;
  color: #222;
  font-weight: 500;
  position: relative;
}
blockquote:before {
  content: '';
  width: 5px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #1f2732;
}
blockquote.sep-primary:before {
  background-color: #ff497c;
}
@media screen and (max-width: 767px) {
  blockquote {
    padding-left: 20px;
    padding-right: 20px;
  }
}
blockquote cite {
  display: block;
  font-size: 15px;
  font-style: normal;
  margin-top: 10px;
  color: #1f2732;
}
blockquote p:last-child {
  margin-bottom: 0;
}
.alignleft, .alignright, .aligncenter {
  margin-top: 6px;
  margin-bottom: 45px;
}
.alignleft {
  display: inline;
  float: left;
  margin-right: 35px !important;
}
.alignright {
  display: inline;
  float: right;
  margin-left: 35px;
  clear: right;
}
.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.sticky {
  display: block;
}
.updated:not(.published) {
  display: none;
}
.post-password-form label {
  display: block;
  max-width: 60%;
}
.post-password-form input {
  margin: 10px 0 0 0;
}
.has-background-dim {
  color: #fff;
  margin-bottom: 30px;
}
.wp-block-gallery .blocks-gallery-item {
  float: left;
}
@media screen and (max-width: 767px) {
  .post-password-form label {
    max-width: 60%;
  }
}
.wp-block-button {
  margin-bottom: 20px;
}
.wp-caption {
  margin-bottom: 1.5em;
  max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.wp-caption .wp-caption-text {
  padding: 0.8075em 0;
  font-size: 0.875em;
  font-style: italic;
}
.gallery-caption {
  opacity: 1;
}
.wp-caption-text {
  text-align: center;
}
.post-nav .page-navigation {
  margin-bottom: 0 !important;
}
.single-post .pagination a, .single-post .pagination span.current {
  margin: 0 3px;
  /*==============================
 *    Header styles
 *    ================================ */
}
body.header-style1 .page-title-section:before {
  content: "";
  padding-top: 70px;
  display: inline-block;
  width: 100%;
}
body.header-style3 .page-title-section:before {
  content: "";
  padding-top: 70px;
  display: inline-block;
  width: 100%;
}
body.header-style2 .page-title-section {
  padding: 90px 0 90px 0;
}
body.header-style4 .page-title-section {
  padding: 90px 0 90px 0;
}
@media screen and (min-width: 992px) {
  body.header-style1 .page-title-section {
    margin-top: -96px;
  }
  body.header-style3 .page-title-section {
    margin-top: -96px;
  }
  body.header-style1 .transparent-header, body.header-style3 .transparent-header {
    margin-top: -96px;
  }
}
@media screen and (max-width: 1199px) {
  body.header-style2 .page-title-section {
    padding: 80px 0 80px 0;
  }
  body.header-style4 .page-title-section {
    padding: 80px 0 80px 0;
  }
}
@media screen and (max-width: 991px) {
  body.header-style1 .page-title-section, body.header-style1 .transparent-header {
    margin-top: -73px;
  }
  body.header-style3 .page-title-section, body.header-style3 .transparent-header {
    margin-top: -73px;
  }
  body.header-style2 .page-title-section {
    padding: 100px 0 100px 0;
  }
  body.header-style4 .page-title-section {
    padding: 100px 0 100px 0;
  }
}
@media screen and (max-width: 575px) {
  /*==============================
 *    Search styles
 *    ================================ */  body.header-style2 .page-title-section {
    padding: 90px 0 90px 0;
  }
  body.header-style4 .page-title-section {
    padding: 90px 0 90px 0;
  }
}
.search-form_label {
  width: 100%;
  display: block;
  padding: 10px 50px 10px 10px;
  background: trancparent;
  border: 1px solid #c9c9c9;
}
.search-form_input {
  outline: none;
  background-color: transparent;
  border: none;
  -webkit-appearance: none;
  border-radius: 0;
  vertical-align: baseline;
  box-shadow: none;
  color: #000;
  display: block;
  width: 100%;
  font-size: 16px;
  line-height: 16px;
  height: 37px;
}
.search-form + * {
  margin-top: 25px;
}
.search-form.on {
  display: block;
}
.search-form_submit {
  background: none;
  border: none;
  cursor: pointer;
  margin-top: 12px;
  line-height: normal;
  font-size: 16px;
  /*==============================
 *    Widgets
 *    ================================ */
}
.widget_block h2 {
  color: #fff;
  font-size: 1.25rem;
  margin-bottom: 1.5rem;
  font-weight: 800;
}
.widget_block ul li:first-child {
  margin-top: 0;
  padding-top: 0;
  border-top: none;
}
.widget_block ul li {
  margin-top: 15px;
  border-top: 1px solid rgba(255, 255, 255, 0.20);
  padding-top: 15px;
  list-style: none;
  word-wrap: break-word;
}
.widget_block ul li a {
  color: #fff;
}
.widget_block ul li a:hover, .widget_block ul li a:active, .widget_block ul li a:focus {
  color: rgba(255, 255, 255, 0.65);
}
.widget_block.widget_search label {
  color: #fff;
  font-size: 1.25rem;
  margin-bottom: 1.5rem;
  font-weight: 800;
  cursor: auto;
}
.sidebar .widget_custom_html {
  padding: 0 !important;
  border: none !important;
}
.sidebar .widget:last-child {
  margin-bottom: 0 !important;
}
.sidebar .widget p:last-child {
  margin-bottom: 0;
}
.widget select {
  min-height: 46px;
  display: block;
  width: 100%;
  padding: 8px 35px 8px 15px;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  outline: none;
  color: #212529;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
  background-size: 16px 12px;
}
.widget select:focus, .widget select:focus-visible {
  box-shadow: 0 0 10px rgba(55, 125, 255, .1);
  border-color: #1f2732;
}
.widget select::-ms-expand {
  display: none;
}
.card select {
  min-height: 46px;
  display: block;
  width: 100%;
  padding: 8px 35px 8px 15px;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  outline: none;
  color: #212529;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
  background-size: 16px 12px;
}
.card select:focus, .card select:focus-visible {
  box-shadow: 0 0 10px rgba(55, 125, 255, .1);
  border-color: #1f2732;
}
.card select::-ms-expand {
  display: none;
}
.card .tags a, .blog.sidebar .tagcloud .wp-tag-cloud a {
  text-transform: lowercase;
}
.extra-icon-circle {
  border-radius: 50% !important;
}
.card .card-label a {
  color: #fff;
  /*==============================
 *    Forms
 *    ================================ */
}
.wpcf7-spinner {
  vertical-align: middle;
}
.wpcf7-not-valid-tip {
  font-size: 13px;
}
.wpcf7-not-valid {
  border-color: red !important;
}
footer .wpcf7-form {
  color: #fff !important;
}
.custom-file-input.wpcf7-not-valid {
  border: 1px solid red !important;
  opacity: 1;
  border-radius: 4px;
}
.wpcf7-spinner {
  display: none;
  margin: 10px 0 0 0;
}
form.submitting .wpcf7-spinner {
  display: block;
}
.newsletter-form .quform-submit-inner {
  width: 110px;
  right: 1px;
}
.newsletter-form input {
  padding: 0.5rem 8rem 0.5rem 1rem;
}
.newsletter-form .quform-element .quform-input .form-control.news-box::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.65);
  opacity: 1;
}
.newsletter-form .quform-element .quform-input .form-control.news-box::-moz-placeholder {
  color: rgba(255, 255, 255, 0.65);
  opacity: 1;
}
.newsletter-form .quform-element .quform-input .form-control.news-box:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.65);
  opacity: 1;
}
.newsletter-form .quform-element .quform-input .form-control.news-box::-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.65);
  opacity: 1;
}
.newsletter-form .quform-element .quform-input .form-control.news-box::placeholder {
  color: rgba(255, 255, 255, 0.65);
  opacity: 1;
  /*==============================
 *    Comment form
 *    ================================ */
}
.comment-list li .comment-respond {
  padding-top: 2rem;
  padding-left: 5.5rem;
}
.comment-respond .form-submit {
  cursor: pointer;
  display: inline-block;
  position: relative;
  color: #fff;
  background: #ff497c;
  z-index: 1;
  margin-top: 0;
  margin-bottom: 0;
  border-radius: 0.25rem;
  transition: all 0.4s ease-in-out 0s;
}
.comment-respond .form-submit:hover, .comment-respond .form-submit:active, .comment-respond .form-submit:focus {
  color: #fff;
  background: #1f2732;
}
.comment-respond .form-submit input.submit {
  display: inline-block;
  padding: 12px 24px;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 26px;
  text-align: center;
  cursor: pointer;
  color: #fff;
  background: none;
  border: none;
  border-radius: 0.25rem;
  z-index: 2;
  overflow: hidden;
  position: relative;
  /*==============================
 *    Cards
 *    ================================ */
  /* card */
}
.card .card-body ul:last-child, .card .card-body ol:last-child, .card .card-body p:last-child, .card .card-body pre:last-child, .card .card-body blockquote:last-child {
  margin-bottom: 0;
}
.card .card-body blockquote:nth-child(2) {
  margin-top: 0;
}
.card .meta li:first-child a {
  text-transform: capitalize;
  /*==============================
 *    Sidebar
 *    ================================ */
}
.sidebar .widget {
  word-break: break-word;
  background-color: #1f2732;
  color: #fff;
  box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.01);
  position: relative;
  padding: 30px;
  margin-bottom: 1.9rem;
  border-radius: 10px;
}
.sidebar .widget-title {
  color: #fff;
  font-size: 1.5rem;
  margin-bottom: 1.5rem;
  text-transform: capitalize;
}
@media screen and (max-width: 575px) {
  .sidebar .widget {
    padding: 20px;
  }
}
.widget ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.category-listing {
  margin: -0.5rem 0 0 0;
  padding: 0;
  list-style: none;
}
.cat-item:first-child {
  margin-top: 0;
  border-top: 0;
  padding-top: 0;
}
.cat-item {
  margin-top: 15px;
  border-top: 1px solid #efefef;
  padding-top: 15px;
  list-style: none;
  word-wrap: break-word;
}
.cat-item ul.children {
  margin-top: 0.5rem;
  margin-left: 10px;
}
.widget_categories li:first-child, .wp-block-categories li:first-child {
  margin-top: 0;
  padding-top: 0;
  border-top: none;
}
.widget_categories li, .wp-block-categories li {
  margin-top: 15px;
  border-top: 1px solid #efefef;
  padding-top: 15px;
  list-style: none;
  word-wrap: break-word;
}
.widget_categories ul li {
  margin-bottom: 15px;
  background: rgba(255, 255, 255, 0.1);
  border-top: 0;
  padding-top: 0;
  border-radius: 10px;
}
.widget_categories li:last-child {
  margin-bottom: 0;
}
.widget_categories li a {
  color: #fff;
  transition: all 0.3s ease-in-out;
  display: block;
  position: relative;
  z-index: 9;
  padding: 15px 20px 15px 30px;
  align-items: center;
  justify-content: space-between;
  word-break: break-word;
  border-radius: 10px;
}
.widget_categories ul li a:hover, .widget_categories ul li a:active, .widget_categories ul li a:focus {
  color: #1f2732;
  background: #fff;
}
.widget_categories .archive-count {
  padding-left: 5px;
  position: absolute;
  right: 20px;
  top: 15px;
}
.widget_archive li:first-child, .wp-block-archives li:first-child {
  margin-top: 0;
  padding-top: 0;
  border-top: none;
}
.widget_archive li, .wp-block-archives li {
  margin-top: 15px;
  border-top: 1px solid #efefef;
  padding-top: 15px;
  list-style: none;
  word-wrap: break-word;
}
.widget_archive ul li {
  margin-bottom: 15px;
  background: rgba(255, 255, 255, 0.1);
  border-top: 0;
  padding-top: 0;
  border-radius: 10px;
}
.widget_archive li:last-child {
  margin-bottom: 0;
}
.widget_archive li a {
  color: #fff;
  transition: all 0.3s ease-in-out;
  display: block;
  position: relative;
  z-index: 9;
  padding: 15px 20px 15px 30px;
  align-items: center;
  justify-content: space-between;
  word-break: break-word;
  border-radius: 10px;
}
.widget_archive ul li a:hover, .widget_archive ul li a:active, .widget_archive ul li a:focus {
  color: #1f2732;
  background: #fff;
}
.widget_archive .archive-count {
  padding-left: 5px;
  position: absolute;
  right: 20px;
  top: 15px;
}
.widget_pages ul.children {
  margin: 0.5rem 0 0 0;
}
.widget_pages li:first-child {
  margin-top: 0;
  padding-top: 0;
  border-top: none;
}
.widget_pages li {
  margin-top: 15px;
  border-top: 1px solid #efefef;
  padding-top: 15px;
  list-style: none;
  word-wrap: break-word;
  font-weight: 500;
}
.widget_meta li:first-child {
  margin-top: 0;
  padding-top: 0;
  border-top: none;
}
.widget_meta li {
  margin-top: 15px;
  border-top: 1px solid rgba(255, 255, 255, 0.20);
  padding-top: 15px;
  list-style: none;
  word-wrap: break-word;
  font-weight: 500;
}
.widget_meta li a {
  color: #fff;
}
.widget_meta li a:hover, .widget_meta li a:active, .widget_meta li a:focus {
  color: rgba(255, 255, 255, 0.65);
}
.widget .gallery {
  margin-top: -24px !important;
  margin-bottom: 0 !important;
}
.widget .gallery .gallery-item {
  padding: 0 3px;
  margin-bottom: 0;
}
.wp-calendar-table {
  color: #fff;
  caption-side: top;
  border-bottom: 1px solid #ededed;
  border-left: 1px solid #ededed;
  border-collapse: collapse;
  border-spacing: 0;
  line-height: 2;
  margin: 0 0 1rem;
  width: 100%;
  -webkit-border-radius: 0;
  -khtml-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
}
.wp-calendar-table a {
  color: #ff497c;
}
.wp-block-calendar table th {
  color: #fff;
  background: #1f2732;
}
.widget_calendar .wp-block-calendar th, .widget_calendar .wp-block-calendar td {
  color: #fff;
  text-align: center;
  border-top: 1px solid #ededed;
  padding: 10px 5px;
  border-right: 1px solid #ededed;
}
.wp-calendar-table #today {
  background-color: #ff497c;
  color: #fff;
}
.wp-calendar-table #today a {
  color: #fff;
}
.wp-calendar-table #today a:hover {
  text-decoration: none;
  color: #fff;
}
.widget_calendar table > caption {
  padding: 0;
  text-align: center;
  color: #fff;
  margin-top: -10px;
}
.widget_calendar .wp-calendar-nav {
  text-align: center;
}
.widget_calendar .wp-calendar-nav a {
  color: #fff;
}
.widget_calendar .wp-calendar-nav a:hover, .widget_calendar .wp-calendar-nav a:active, .widget_calendar .wp-calendar-nav a:focus {
  color: rgba(255, 255, 255, 0.65);
}
.widget_recent_entries ul, .widget_recent_comments ul {
  list-style: none;
}
.widget_recent_comments ul {
  list-style: none;
}
.widget_recent_comments ul li {
  border-bottom: 1px solid rgba(255, 255, 255, 0.20);
  padding-bottom: 10px;
  margin-bottom: 10px;
  color: #fff;
}
.widget_recent_comments ul li:last-child {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 0;
}
.widget_recent_comments .recentcomments > a {
  font-size: 15px;
  font-weight: 600;
  line-height: normal;
  display: block;
  color: #fff;
}
.widget_recent_comments .recentcomments > a:before {
  content: '\A';
  white-space: pre;
}
.widget_recent_comments .recentcomments > a:hover, .widget_recent_comments .recentcomments > a:active, .widget_recent_comments .recentcomments > a:focus {
  color: rgba(255, 255, 255, 0.65);
}
.wp-block-latest-posts.wp-block-latest-posts__list li {
  margin-bottom: 1em;
  line-height: 1.7;
}
.wp-block-latest-posts.wp-block-latest-posts__list li:last-child {
  margin-bottom: 0;
}
.recent-post > div:first-child.flex-shrink-0 a {
  display: inline-block;
  width: 75px;
  height: auto;
}
.widget_news h4 a {
  color: #fff;
}
.widget_news h4 a:hover {
  color: rgba(255, 255, 255, 0.65);
}
.widget_news span {
  color: rgba(255, 255, 255, 0.8) !important;
}
.widget_nav_menu .menu {
  margin-top: -12px;
}
.widget_nav_menu ul {
  list-style: none;
  margin-bottom: 0;
}
.widget_nav_menu .menu > li:last-child > a {
  border-bottom: none;
  padding-bottom: 0;
}
.widget_nav_menu .menu > li > a {
  text-transform: uppercase;
  font-weight: 600;
}
.widget_nav_menu ul ul ul ul ul {
  padding-left: 0;
}
.widget_nav_menu ul li a {
  display: block;
  color: #fff;
  font-size: 15px;
  font-weight: 500;
  line-height: 24px;
  padding: 12px 12px 12px 0;
  position: relative;
  z-index: 1;
  border-bottom: 1px solid rgba(255, 255, 255, 0.20);
}
.widget_nav_menu ul li a:hover, .widget_nav_menu ul li a:active, .widget_nav_menu ul li a:focus {
  color: rgba(255, 255, 255, 0.65);
}
.widget_nav_menu ul li .sub-menu {
  padding-left: 10px;
}
.widget_nav_menu ul li .sub-menu li:last-child > a {
  border-bottom: none;
}
.service-sidebar .widget-title {
  margin-bottom: 1.5rem;
  font-size: 1.5rem;
  color: #fff;
}
.widget_nav_menu .menu-service-sidebar-menu-container .menu {
  margin-top: 0;
}
.widget_nav_menu .menu-service-sidebar-menu-container .menu li {
  margin-bottom: 0.5rem;
}
.widget_nav_menu .menu-service-sidebar-menu-container .menu li:last-child {
  margin-bottom: 0;
}
.widget_nav_menu .menu-service-sidebar-menu-container .menu li a {
  background-color: #fff;
  padding: 15px 20px 15px 30px;
  border-radius: 10px;
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #42545e;
  text-transform: inherit;
  font-size: 16px;
}
.widget_nav_menu .menu-service-sidebar-menu-container .menu li a:hover, .widget_nav_menu .menu-service-sidebar-menu-container .menu li a:active, .widget_nav_menu .menu-service-sidebar-menu-container .menu li a:focus {
  background: #ff497c;
  color: #fff;
}
.widget_nav_menu .menu-service-sidebar-menu-container .menu li a:hover:after, .widget_nav_menu .menu-service-sidebar-menu-container .menu li a:active:after, .widget_nav_menu .menu-service-sidebar-menu-container .menu li a:focus:after {
  color: #fff;
}
.widget_nav_menu .menu-service-sidebar-menu-container .menu li a:after {
  content: '\e649';
  font-family: 'themify';
  font-size: 12px;
  font-weight: bold;
  margin-left: -10px;
  opacity: 1;
}
.widget_nav_menu .menu-service-sidebar-menu-container .menu li.current-menu-item {
  background: transparent;
}
.widget_nav_menu .menu-service-sidebar-menu-container .menu li.current-menu-item a {
  background: #ff497c;
  color: #fff;
}
.widget_nav_menu .menu-service-sidebar-menu-container .menu li.current-menu-item a:after {
  color: #fff;
}
.widget_rss ul {
  list-style: none;
  padding: 0;
}
.widget_rss li {
  margin-bottom: 16px;
}
.widget_rss li:last-child {
  margin-bottom: 0;
}
.widget_rss .rsswidget {
  font-weight: 700;
  display: inline-block;
}
.widget_rss .rss-date {
  font-size: 0.875em;
  font-style: italic;
  display: block;
}
.widget_rss cite {
  font-weight: 700;
  font-size: 0.875em;
}
.widget_rss .rss-widget-icon {
  vertical-align: middle;
  margin-top: -3px;
  margin-right: 5px;
}
.tagcloud {
  margin-top: -0.5rem;
}
.wp-tag-cloud li {
  display: inline-block;
}
.wp-tag-cloud a:hover, .wp-tag-cloud a:active, .wp-tag-cloud a:focus {
  background-color: #fff;
  color: #ff497c;
}
.wp-tag-cloud a {
  background-color: #ff497c;
  padding: 7px 12px;
  color: #fff;
  font-size: 14px !important;
  line-height: 20px;
  margin: 0.6rem 5px 0 0;
  display: inline-block;
  vertical-align: top;
  border: 1px solid #ff497c;
}
.sidebar .widget.widget_search .wp-block-search {
  margin-bottom: 0;
}
.widget_search input {
  width: calc(100% - 75px);
  padding: 10px;
  margin: 0;
  border: 1px solid #ced4da !important;
  background: #fff;
  min-height: auto;
  display: inline-block;
  border-radius: 0;
  outline: none;
  text-indent: 10px;
  transition: all 0.2s ease 0s;
  color: #000;
}
.widget_search .butn {
  color: #fff;
  min-width: 75px;
  background-color: #ff497c;
  font-size: 16px;
  font-weight: 600;
  padding: 11px 10px !important;
  text-align: center;
  transition: all 0.3s;
  display: inline-block;
  position: relative;
  z-index: 1;
  border-radius: 3px;
  overflow: hidden;
  border: none;
}
.widget_search .butn:after {
  content: none;
}
.search-custom input {
  display: block;
  width: 100%;
  padding: 12px 50px 12px 20px;
  font-size: 16px;
  color: #4b4342;
  border: 1px solid #ced4da;
  border-radius: 0 !important;
  background: #fff;
  margin-bottom: 0;
  z-index: 3 !important;
}
.search-custom .butn {
  position: absolute;
  color: #ff497c;
  right: 20px;
  top: 16px;
  padding: 0px;
  font-size: 18px;
  z-index: 3;
  outline: none;
  background: none;
  border-radius: 0;
  line-height: normal;
  overflow: visible;
}
.search-custom .butn:before {
  content: none;
}
.comments-area {
  margin-bottom: 40px;
}
ol.wp-block-latest-comments {
  padding-left: 0;
  margin-bottom: 0;
}
ol.wp-block-latest-comments .wp-block-latest-comments__comment {
  line-height: 1.7;
}
ol.wp-block-latest-comments .wp-block-latest-comments__comment:last-child {
  margin-bottom: 0;
}
ol.wp-block-latest-comments .wp-block-latest-comments__comment:last-child .wp-block-latest-comments__comment-excerpt p:last-child {
  margin-bottom: 0;
  color: #fff;
}
.sidebar article footer {
  background: transparent;
  padding: 0;
  color: #ff497c;
}
.sidebar article footer a {
  color: #fff;
}
.sidebar article footer a:hover, article footer a:active, article footer a:focus {
  color: rgba(255, 255, 255, 0.65);
}
.sidebar .widget.widget_media_image .wp-block-image:last-child {
  margin-bottom: 0;
}
.sidebar .wp-block-cover, .sidebar .wp-block-button, .sidebar p + .alignfull, .sidebar p + .alignwide {
  margin-top: 0;
  margin-bottom: 0;
}
.sidebar .has-background-dim {
  margin-bottom: 0;
}
.sidebar .wp-block-video video {
  vertical-align: middle;
}
.sidebar .wp-block-video {
  margin-bottom: 0;
}
.sidebar .wp-block-pullquote {
  margin: 0;
  padding: 0;
}
.sidebar .wp-block-pullquote blockquote, .sidebar .wp-block-pullquote cite, .sidebar .wp-block-pullquote p {
  margin: 0;
}
.sidebar pre:last-child {
  margin: 0;
}
.sidebar .wp-block-table:last-child {
  margin-bottom: 0;
}
.sidebar .wp-block-table table:last-child {
  margin-bottom: 0;
}
.sidebar .wp-block-gallery:last-child {
  margin-bottom: 0;
  /*==============================
 *    Comments
 *    ================================ */
}
.comment-list {
  padding: 0;
  margin: 0;
  list-style: none;
}
.comments-area .comment ul.children {
  margin-top: 2rem;
  padding-top: 2rem;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  padding-left: 2rem;
}
.comment-list .comment:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}
.comment-list > li {
  list-style: none;
  margin-bottom: 2rem;
  padding-bottom: 2rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.comment-list > li:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}
.comment-list li .children li {
  list-style: none;
  margin-bottom: 2rem;
  padding-bottom: 2rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  /*==============================
 *    Pagination
 *    ================================ */
}
.pagination li:first-child {
  margin-left: 0;
}
.pagination .page-numbers {
  display: inline-block;
  vertical-align: middle;
  width: 50px;
  height: 49px;
  text-align: center;
  padding: 10px 5px;
  text-decoration: none;
  font-weight: 600;
  border: 1px solid #dbdbdb;
  background: #fff;
}
.pagination span.current {
  padding: 10px 5px;
  background: #ff497c;
  color: #fff;
  /*==============================
 *    Others
 *    ================================ */
  /* brand logo */
}
@media screen and (min-width: 992px) {
  .navbar-brand.hide-scroll {
    opacity: 1;
    -moz-opacity: 1;
    -webkit-opacity: 1;
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    height: auto;
    transition: all 0s ease 0s;
    width: auto;
    margin-right: 1rem;
    padding-top: 0.3125rem;
    padding-bottom: 0.3125rem;
  }
  .scrollHeader .navbar-brand.hide-scroll {
    opacity: 0;
    -moz-opacity: 0;
    -webkit-opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    height: 0;
    transition: all 0s ease 0s;
    width: 0;
    margin-right: 0;
    padding-top: 0;
    padding-bottom: 0;
  }
  .navbar-brand.show-scroll {
    opacity: 0;
    -moz-opacity: 0;
    -webkit-opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    height: 0;
    transition: all 0s ease 0s;
    width: 0;
    margin-right: 0;
    padding-top: 0;
    padding-bottom: 0;
  }
  .scrollHeader .navbar-brand.show-scroll {
    opacity: 1;
    -moz-opacity: 1;
    -webkit-opacity: 1;
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    height: auto;
    transition: all 0s ease 0s;
    width: auto;
    margin-right: 1rem;
    position: relative;
    left: 5px;
    padding-top: 0.3125rem;
    padding-bottom: 0.3125rem;
  }
}
@media screen and (max-width: 991px) {
  .show-scroll {
    display: none !important;
  }
}
.single-post article.card .card-body p:last-child {
  margin-bottom: 0;
}
.single-post article.card input[type="text"], .single-post article.card input[type="email"], .single-post article.card input[type="url"], .single-post article.card input[type="password"], .single-post article.card input[type="search"], .single-post article.card input[type="tel"], .single-post article.card input[type="number"], .single-post article.card input[type="range"], .single-post article.card input[type="date"], .single-post article.card input[type="month"], .single-post article.card input[type="week"], .single-post article.card input[type="time"], .single-post article.card input[type="datetime"], .single-post article.card input[type="datetime-local"], .single-post article.card input[type="color"], .single-post article.card textarea, .single-post article.card select {
  min-height: 46px;
  display: block;
  width: 100%;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.single-post article.card [type=submit]:not(:disabled), .single-post article.card [type=reset]:not(:disabled), .single-post article.card [type=submit]:not(:disabled) {
  background-color: #ff497c;
  border: none;
  color: #fff;
  text-align: center;
  border-radius: 3px;
  padding: 12px 28px;
  line-height: normal;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 15px;
  position: relative;
  z-index: 999;
  display: inline-block;
  letter-spacing: 1px;
  white-space: nowrap;
  transition: all 0.4s ease-in-out 0s;
  cursor: pointer;
  min-width: 90px;
}
.single-post article.card [type=submit]:not(:disabled):hover, .single-post article.card [type=reset]:not(:disabled):hover, .single-post article.card [type=submit]:not(:disabled):hover {
  background-color: #1f2732;
}
.comments-area .comment-info ol, .comments-area .comment-info ul {
  margin-bottom: 32px;
}
.comments-area .comment-info ul {
  list-style-type: disc;
}
.comments-area .comment-info ul:last-child, .comments-area .comment-info ol:last-child, .comments-area .comment-info p:last-child, .comments-area .comment-info pre:last-child, .comments-area .comment-info blockquote:last-child {
  margin-bottom: 0;
}
.single .blog-share-icon {
  min-width: 172px;
}
.single .tags a {
  margin: 5px 10px 5px 0;
}
.single .entry-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin: 0 0 1.9rem !important;
  list-style: none;
  border-bottom: 1px solid #efefef;
  padding-bottom: 16px;
  position: relative;
  font-weight: 600;
}
.single .entry-footer:empty {
  display: none !important;
}
.single .entry-footer div:last-child {
  margin-bottom: 0 !important;
}
body.single .entry-footer:empty {
  display: none !important;
}
body.single .entry-footer div:last-child {
  margin-bottom: 0 !important;
}
.portfolio-style2 .portfolio-inner .portfolio-text .text-white:hover {
  opacity: 0.9;
}
.prev-page .image-prev.no_image:before, .prev-page .image-prev.no_image:after {
  opacity: 1;
  visibility: visible;
  margin-left: 0;
}
.next-page .image-next.no_image:before, .next-page .image-next.no_image:after {
  opacity: 1;
  visibility: visible;
  margin-right: 0;
}
.prev-page .image-prev.no_image:after, .next-page .image-next.no_image:after {
  background: #ff497c;
}
.gallery {
  margin: -16px -12px 43px -12px !important;
  display: flex;
  flex-wrap: wrap;
}
.gallery .gallery-item {
  padding: 0 12px;
  margin-top: 24px !important;
  margin-bottom: 0;
}
.gallery.gallery-columns-2 .gallery-item {
  width: 50%;
}
.gallery.gallery-columns-3 .gallery-item {
  width: 33.33%;
}
.gallery.gallery-columns-4 .gallery-item {
  width: 25%;
}
.gallery.gallery-columns-5 .gallery-item {
  width: 20%;
}
#gallery-1 {
  margin: auto;
}
#gallery-1 .gallery-item {
  float: left;
  margin-top: 10px;
  text-align: center;
  width: 100%;
}
#gallery-1 img {
  border: 2px solid #cfcfcf;
}
#gallery-1 .gallery-caption {
  margin-left: 0;
}
.page-content .page-links {
  clear: left;
  padding-top: 10px;
}
.page-content .page-links span {
  text-align: center;
  display: inline-block;
  height: 26px;
  width: 26px;
  line-height: 26px;
  color: #fff;
  border-radius: 3px;
  background-color: #1f2732;
  font-size: 14px;
  font-weight: 500;
  margin: 0 3px;
  transition: all 0.3s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;
}
.page-content .page-links a span {
  background-color: #e0e3e8;
  color: #000;
}
.page-content .page-links a span:hover {
  background-color: #1f2732;
  color: #fff;
}
.page-content .page-links .post-page-numbers {
  margin: 0 3px;
}
.page-content .page-links .post-page-numbers span {
  margin: 0;
}
.page-content p:last-child {
  margin-bottom: 0;
}
.footer-listing li {
  border: none;
  margin-top: 0;
  padding-top: 0;
}
footer .menu-primary-menu-container .menu {
  margin-top: -12px;
}
footer .menu-primary-menu-container ul {
  list-style: none;
  margin-bottom: 0;
}
footer .menu-primary-menu-container .menu > li:last-child > a {
  border-bottom: none;
  padding-bottom: 0;
}
footer .menu-primary-menu-container .menu > li > a {
  text-transform: uppercase;
  font-weight: 600;
}
footer .menu-primary-menu-container ul ul ul ul ul {
  padding-left: 0;
}
footer .menu-primary-menu-container ul li a {
  display: block;
  font-size: 15px;
  font-weight: 500;
  line-height: 24px;
  padding: 12px 12px 12px 0;
  position: relative;
  z-index: 1;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
footer .menu-primary-menu-container ul li .sub-menu {
  padding-left: 10px;
}
footer .menu-primary-menu-container ul li .sub-menu li:last-child > a {
  border-bottom: none;
  /*footer h1, footer h2, footer h3, footer h4, footer h5, footer h6 { color: #fff; }

footer li:first-child { margin-top: 0; border-top: 0; padding-top: 0; }
footer li { margin-top: 15px; border-top: 1px solid rgba(255, 255, 255, 0.15); padding-top: 15px; list-style: none; word-wrap: break-word; }

footer li a { color: #fff; }
footer li a:hover,footer li a:active,footer li a:focus { color: rgba(255, 255, 255, 0.65); }
footer h1 a, footer h2 a, footer h3 a, footer h4 a, footer h5 a, footer h6 a, footer .h1 a, footer .h2 a, footer .h3 a, footer .h4 a, footer .h5 a, footer .h6 a { color: #fff; }
footer h1 a:hover, footer h1 a:active, footer h1 a:focus, footer h2 a:hover, footer h2 a:active, footer h2 a:focus, footer h3 a:hover, footer h3 a:active, footer h3 a:focus, footer h4 a:hover, footer h4 a:active, footer h4 a:focus, footer h5 a:hover, footer h5 a:active, footer h5 a:focus, footer h6 a:hover, footer h6 a:active, footer h6 a:focus, footer .h1 a:hover, footer .h1 a:active, footer .h1 a:focus, footer .h2 a:hover, footer .h2 a:active, footer .h2 a:focus, footer .h3 a:hover, footer .h3 a:active, footer .h3 a:focus, footer .h4 a:hover, footer .h4 a:active, footer .h4 a:focus, footer .h5 a:hover, footer .h5 a:active, footer .h5 a:focus, footer .h6 a:hover, footer .h6 a:active, footer .h6 a:focus { color: rgba(255, 255, 255, 0.65); }*/
}
footer .wp-block-calendar table th {
  background: #1f2732;
  color: #fff;
}
footer .wp-calendar-table {
  color: #fff;
  caption-side: top;
  border-bottom: 1px solid #ededed;
  border-left: 1px solid #ededed;
  border-collapse: collapse;
  border-spacing: 0;
  line-height: 2;
  margin: 0 0 1rem;
  width: 100%;
  -webkit-border-radius: 0;
  -khtml-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
}
footer .wp-calendar-table th, footer .wp-calendar-table td {
  text-align: center;
  border-top: 1px solid #ededed;
  padding: 10px 5px;
  border-right: 1px solid #ededed;
  color: #fff;
}
footer .wp-calendar-table #today {
  background-color: #ff497c;
}
footer .wp-calendar-table #today a:hover {
  text-decoration: none;
  color: #fff;
}
footer table.wp-calendar-table > caption {
  padding: 0;
  text-align: center;
  color: #fff;
  margin-top: -10px;
}
footer .wp-calendar-table a {
  color: #fff;
}
footer .wp-calendar-table a:hover {
  color: #1f2732;
}
footer .wp-calendar-nav {
  text-align: center;
}
footer .wp-calendar-nav a {
  color: #fff;
}
footer .wp-block-quote p {
  color: #222;
}
footer .wp-block-pullquote p {
  color: #222;
}
footer .wp-block-pullquote cite {
  color: #1f2732;
}
footer .wp-block-social-links li {
  padding-top: 0;
}
footer .wp-block-cover .has-background-dim {
  margin-bottom: 0;
}
footer .wp-block-file a {
  color: #fff;
}
footer .wp-block-file .wp-block-file__button {
  color: #32373c;
  background: #fff;
}
footer .wp-block-file a.wp-block-file__button:active, footer .wp-block-file a.wp-block-file__button:focus, footer .wp-block-file a.wp-block-file__button:hover, footer .wp-block-file a.wp-block-file__button:visited {
  color: #32373c;
  background: #fff;
}
footer #recentcomments {
  list-style: none;
  margin-bottom: 0;
}
footer #recentcomments li {
  line-height: 1.7;
  list-style: none;
  margin-bottom: 1em;
}
footer #recentcomments li:last-child {
  margin-bottom: 0;
}
footer ol.wp-block-latest-comments .wp-block-latest-comments__comment {
  padding-top: 1.4em;
}
footer .wp-tag-cloud a {
  border: 1px solid rgba(255, 255, 255, 0.1);
}
footer .wp-block-tag-cloud a {
  color: #fff;
}
footer .wp-block-tag-cloud a:hover, footer .wp-block-tag-cloud a:active, footer .wp-block-tag-cloud a:focus {
  color: rgba(255, 255, 255, 0.65);
}
footer .wp-block-loginout a {
  color: #fff;
}
footer .wp-block-loginout a:hover, footer .wp-block-loginout a:active, footer .wp-block-loginout a:focus {
  color: rgba(255, 255, 255, 0.65);
}
footer select {
  min-height: 46px;
  display: block;
  width: 100%;
  padding: 8px 35px 8px 15px;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  outline: none;
  color: #212529;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
  background-size: 16px 12px;
}
footer select:focus, footer select:focus-visible {
  box-shadow: 0 0 10px rgba(55, 125, 255, .1);
  border-color: #1f2732;
}
footer select::-ms-expand {
  display: none;
}
footer .input-group .input-group-append .butn {
  height: 100%;
}
footer .input-group .input-group-append .butn:before {
  background: #1f2732;
}
footer .cat-item {
  border-color: rgba(255, 255, 255, 0.15);
}
footer .widget_archive li, footer .wp-block-archives li {
  border-color: rgba(255, 255, 255, 0.15);
  /*footer p, footer li, footer label{ color: #fff; list-style: none; }*/
}