.button {
    display: inline-block;
    padding: 18px 32px;
    font-size: 16px;
    font-weight: 700;
    line-height: 18px;
    border-radius: 6px;
    border: 1px solid #012f7e;
    text-transform: uppercase;
    transition: background-color 275ms,color 275ms
}

.button,.button:hover {
    text-decoration: none
}

.button.green {
    background-color: #012f7e;
    color: #fff
}

.button.green:hover {
    background-color: #012f7e
}

.button.transparent {
    background-color: transparent;
    color: #012f7e
}

.button.transparent:hover {
    background: #2d84e808
}

.button+.button {
    margin-left: 33px
}

.button:focus {
    outline: 0
}

.odd {
    border-bottom: 1px solid #eee
}

.odd,.odd .odd {
    background: #fff
}

.even,.even .odd,.odd .even {
    background: #fcfcfc
}

.even {
    border-bottom: 1px solid #eee
}

.even .even {
    background: #fff
}

[data-tooltip] {
    width: fit-content;
    position: relative
}

[data-tooltip].dataTooltip {
    cursor: progress
}

[data-tooltip].dataTooltip.activated {
    cursor: help
}

[data-tooltip].dataTooltip .content {
    border-bottom: 1px dotted #b3b3b3;
    display: inline
}

[data-tooltip].dataTooltip .content:after {
    flex-shrink: 0;
    content: "";
    display: inline-block;
    height: 11px;
    width: 11px;
    margin-left: .2rem;
    background-image: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96"><title>information-circle</title><path fill="%23b1b1b1" d="M48,0A48,48,0,1,0,96,48,48,48,0,0,0,48,0Zm0,11.3a8.86,8.86,0,1,1-8.86,8.86A8.87,8.87,0,0,1,48,11.3ZM59.75,83.19a1.51,1.51,0,0,1-1.51,1.51H38.15a1.51,1.51,0,0,1-1.51-1.51V76a1.51,1.51,0,0,1,1.51-1.51H42V40.77H37.76a1.51,1.51,0,0,1-1.51-1.51V34.2a1.51,1.51,0,0,1,1.51-1.51H52.84a1.51,1.51,0,0,1,1.51,1.51V74.5h3.88A1.51,1.51,0,0,1,59.75,76v7.17Z"/></svg>')!important;
    background-repeat: no-repeat!important;
    background-position: center center!important;
    background-size: 100%!important
}

[data-tooltip].dataTooltip .content.active {
    border-bottom: 1px solid #bababa
}

[data-tooltip].dataTooltip.light .content {
    border-bottom: 1px dotted #c4c4c4
}

.specs-ul .checked:before,[data-tooltip].dataTooltip.dark .content:after,[data-tooltip].dataTooltip.light .content:after {
    background-image: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96"><title>information-circle</title><path fill="%23c5d4df" d="M48,0A48,48,0,1,0,96,48,48,48,0,0,0,48,0Zm0,11.3a8.86,8.86,0,1,1-8.86,8.86A8.87,8.87,0,0,1,48,11.3ZM59.75,83.19a1.51,1.51,0,0,1-1.51,1.51H38.15a1.51,1.51,0,0,1-1.51-1.51V76a1.51,1.51,0,0,1,1.51-1.51H42V40.77H37.76a1.51,1.51,0,0,1-1.51-1.51V34.2a1.51,1.51,0,0,1,1.51-1.51H52.84a1.51,1.51,0,0,1,1.51,1.51V74.5h3.88A1.51,1.51,0,0,1,59.75,76v7.17Z"/></svg>')!important;
    background-repeat: no-repeat!important;
    background-position: center center!important;
    background-size: 100%!important
}

[data-tooltip].dataTooltip.light .content.active {
    border-bottom: 1px solid #dedede;
    cursor: help!important
}

[data-tooltip].dataTooltip.dark .content {
    border-bottom: 1px dotted gray
}

.specs-ul .checked:before,[data-tooltip].dataTooltip.dark .content:after {
    background-image: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96"><title>information-circle</title><path fill="%238c8c8c" d="M48,0A48,48,0,1,0,96,48,48,48,0,0,0,48,0Zm0,11.3a8.86,8.86,0,1,1-8.86,8.86A8.87,8.87,0,0,1,48,11.3ZM59.75,83.19a1.51,1.51,0,0,1-1.51,1.51H38.15a1.51,1.51,0,0,1-1.51-1.51V76a1.51,1.51,0,0,1,1.51-1.51H42V40.77H37.76a1.51,1.51,0,0,1-1.51-1.51V34.2a1.51,1.51,0,0,1,1.51-1.51H52.84a1.51,1.51,0,0,1,1.51,1.51V74.5h3.88A1.51,1.51,0,0,1,59.75,76v7.17Z"/></svg>')!important
}

[data-tooltip].dataTooltip.dark .content.active {
    border-bottom: 1px solid #8c8c8c;
    cursor: help
}

.tooltip-wrap {
    margin: -1px;
    cursor: help;
    flex: 1;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10000;
    display: none;
    max-width: 342px
}

.tooltip-wrap .beak {
    content: "";
    width: 10px;
    height: 10px;
    position: absolute;
    left: calc(50% - 10px);
    transform: rotate(-45deg);
    background: #fafafa;
    z-index: 98
}

.tooltip-wrap .tooltip-content {
    text-align: left;
    white-space: normal;
    font-size: 14px;
    font-weight: 300;
    text-transform: initial;
    line-height: 20px;
    box-shadow: 0 4px 20px -7px rgba(0,0,0,.65);
    border: 1px solid #c2c2c2;
    padding: 15px 18px;
    background: #fafafa;
    border-radius: 5px;
    color: #333
}

@media (max-width: 767.98px) {
    .tooltip-wrap .tooltip-content {
        padding:15px 27px 15px 18px
    }
}

.tooltip-wrap .tooltip-content b {
    font-weight: 700
}

[x-placement=top] {
    padding-bottom: 3px
}

[x-placement=top] .beak {
    bottom: -2px;
    border-left: 1px solid #c2c2c2;
    border-bottom: 1px solid #c2c2c2
}

[x-placement=bottom] {
    padding-top: 3px
}

[x-placement=bottom] .beak {
    top: -2px;
    border-right: 1px solid #c2c2c2;
    border-top: 1px solid #c2c2c2
}

[x-placement=left] {
    padding-right: 3px
}

[x-placement=left] .beak {
    right: -2px;
    border-left: 1px solid #c2c2c2;
    border-top: 1px solid #c2c2c2
}

[x-placement=right] {
    padding-left: 3px
}

[x-placement=right] .beak {
    left: -2px;
    border-right: 1px solid #c2c2c2;
    border-bottom: 1px solid #c2c2c2
}

@media (max-width: 740px) {
    .tooltip {
        max-width:calc(100vw - 80px)
    }
}

.tooltip-close-icon {
    background: #012f7e;
    border: 1px solid #012f7e;
    border-radius: 50%;
    position: absolute;
    top: -5px;
    right: -5px;
    height: 24px;
    width: 24px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 4px;
    z-index: 99
}

.tooltip-close-icon::after,.tooltip-close-icon::before {
    position: absolute;
    content: "";
    width: 14px;
    height: 2px;
    background-color: #fff
}

.tooltip-close-icon::before {
    transform: rotate(45deg)
}

.tooltip-close-icon::after {
    transform: rotate(-45deg)
}

.tooltip-close-icon:hover {
    cursor: pointer;
    background: #012f7e
}

@media (min-width: 768px) {
    .tooltip-close-icon {
        display:none
    }
}

.specs-ul .checked:before {
    content: "";
    display: inline-block;
    height: 11px;
    width: 11px;
    background-image: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" viewBox="0 0 30 25.3"> <path fill="%232a862e" d="M0.9,13.1c0.9,0.9,2.1,1.7,3.4,3.4c1.9,2.5,4.2,6.8,4.2,6.8c1.1,1.8,3.7,1.8,4.8,0c2.4-3.7,5.8-9.1,7.2-11.2 C24,6.7,29.1,1.6,29.1,1.6c0.3-0.3,0.1-0.8-0.3-0.9c-0.6-0.2-1.6-0.2-3,0.5C21,3.6,11,17.1,11,17.1s-2.4-5.8-4.2-6.4 C5,10-0.2,12,0.9,13.1z"/> </svg> ')!important
}

.specs-ul [data-tooltip] .content::after {
    content: none
}

.specs-ul [data-tooltip] .content:before {
    content: "";
    display: inline-block;
    height: 11px;
    width: 11px;
    margin-right: .2rem;
    background-image: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" viewBox="0 0 30 25.3"> <path fill="%232a862e" d="M0.9,13.1c0.9,0.9,2.1,1.7,3.4,3.4c1.9,2.5,4.2,6.8,4.2,6.8c1.1,1.8,3.7,1.8,4.8,0c2.4-3.7,5.8-9.1,7.2-11.2 C24,6.7,29.1,1.6,29.1,1.6c0.3-0.3,0.1-0.8-0.3-0.9c-0.6-0.2-1.6-0.2-3,0.5C21,3.6,11,17.1,11,17.1s-2.4-5.8-4.2-6.4 C5,10-0.2,12,0.9,13.1z"/> </svg> ')!important;
    background-repeat: no-repeat!important;
    background-position: center center!important;
    background-size: 100%!important
}

.contact-us.contact-us-section {
    padding: 70px 0 40px
}

.contact-us__heading {
    font-size: 32px;
    margin-bottom: 30px
}

.contact-us__h2 {
    display: inline-block;
    margin-bottom: 0;
    font-size: 21px;
    padding: 20px;
    font-weight: 600;
    font-style: italic
}

.contact-us .box {
    margin-bottom: 30px;
    height: 100%
}

.contact-us .box__head,.contact-us .box__inner {
    background-color: #fff;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 21px -10px rgba(0,0,0,.23);
    -moz-box-shadow: 0 0 21px -10px rgba(0,0,0,.23);
    box-shadow: 0 0 21px -10px rgba(0,0,0,.23)
}

.contact-us .box__head {
    position: relative;
    margin-bottom: 10px;
    border: 1px solid #012f7e;
    border-bottom: 3px solid #012f7e
}

.contact-us .box__head::before {
    position: absolute;
    content: "";
    bottom: -17px;
    left: 80%;
    width: 30px;
    height: 30px;
    background-color: #fff;
    border-right: 3px solid #012f7e;
    border-bottom: 3px solid #012f7e;
    transform: rotate(45deg);
    z-index: 1
}

.contact-us .box__inner {
    padding: 20px;
    border: 1px solid #dcdcdc
}

.contact-us .box .mailto {
    color: #31313c
}

.contact-us .box .social-links {
    display: flex
}

.contact-us .box .social-link {
    margin-right: 11px
}

.contact-us .box .social-link:after {
    content: "";
    display: inline-block;
    height: 26px;
    width: 26px;
    border-radius: 6px
}

.contact-us .box .social-link.facebook.visible:after,.contact-us .box .social-link.facebook.visible:hover:after,.contact-us .box .social-link.twitter.visible:after {
    background-image: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" viewBox="0 0 512 512"><path fill="%23a6b8c0" d="M0,0v512h512V0H0z M338.7,140.9h-40c-7.9,0-15.9,8.2-15.9,14.3V196h55.9c-2.2,31.3-6.9,59.9-6.9,59.9h-49.3 v177.3H209V255.9h-35.8v-59.7H209v-48.8c0-8.9-1.8-68.7,75.2-68.7h54.4L338.7,140.9L338.7,140.9z"/> </svg> ')!important;
    background-repeat: no-repeat!important;
    background-position: center center!important;
    background-size: 100%!important
}

.contact-us .box .social-link.facebook.visible:hover:after,.contact-us .box .social-link.twitter.visible:after {
    background-image: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" viewBox="0 0 512 512"><path fill="%23599B37" d="M0,0v512h512V0H0z M338.7,140.9h-40c-7.9,0-15.9,8.2-15.9,14.3V196h55.9c-2.2,31.3-6.9,59.9-6.9,59.9h-49.3 v177.3H209V255.9h-35.8v-59.7H209v-48.8c0-8.9-1.8-68.7,75.2-68.7h54.4L338.7,140.9L338.7,140.9z"/> </svg> ')!important
}

.contact-us .box .social-link.twitter.visible:after {
    background-image: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" viewBox="0 0 512 512"> <g> <polygon fill="%23a6b8c0" points="125.1,112.5 339.1,398.7 387.6,398.7 173.6,112.5 	"/> <path fill="%23a6b8c0" d="M0,0v512h512V0H0z M327.7,421.5l-97.4-130.3L109.6,421.5h-31l137.8-148.8L79.5,89.6H185l89.7,120l111.1-120h31 L288.6,228.2l144.6,193.3H327.7z"/> </g> </svg> ')!important
}

.contact-us .box .social-link.blog.visible:after,.contact-us .box .social-link.blog.visible:hover:after,.contact-us .box .social-link.twitter.visible:hover:after {
    background-image: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" viewBox="0 0 512 512"> <g> <polygon fill="%23599B37" points="125.1,112.5 339.1,398.7 387.6,398.7 173.6,112.5 	"/> <path fill="%23599B37" d="M0,0v512h512V0H0z M327.7,421.5l-97.4-130.3L109.6,421.5h-31l137.8-148.8L79.5,89.6H185l89.7,120l111.1-120h31 L288.6,228.2l144.6,193.3H327.7z"/> </g> </svg> ')!important;
    background-repeat: no-repeat!important;
    background-position: center center!important;
    background-size: 100%!important
}

.contact-us .box .social-link.blog.visible:after,.contact-us .box .social-link.blog.visible:hover:after {
    background-image: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" viewBox="0 0 512 512"> <path fill="%23a6b8c0" d="M0,0v512h512V0H0z M159.2,419c-8.6,8.5-20.3,13.7-33.3,13.7c-13,0-24.7-5.2-33.3-13.7 c-8.5-8.5-13.8-20.2-13.8-33.1c0-12.9,5.3-24.6,13.8-33.2c8.6-8.5,20.2-13.8,33.3-13.8c13,0,24.7,5.3,33.3,13.8 c8.6,8.6,13.8,20.2,13.8,33.2C172.9,398.9,167.7,410.5,159.2,419z M244.7,433.2c0,0,0-0.1,0-0.1c-0.1-44.3-17.4-86.2-48.6-117.4 C164.8,284.4,123,267,78.8,267v-67.7c64.5,0,122.8,26.2,165.2,68.7c42.4,42.4,68.6,100.8,68.6,165.3H244.7z M365.4,433.2 c-0.1-158.1-128.5-286.7-286.5-286.8V78.8c97.7,0,186.2,39.8,250.4,104c64.2,64.2,103.9,152.7,103.9,250.5H365.4z"/> </svg> ')!important
}

.contact-us .box .social-link.blog.visible:hover:after {
    background-image: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" viewBox="0 0 512 512"> <path fill="%23599B37" d="M0,0v512h512V0H0z M159.2,419c-8.6,8.5-20.3,13.7-33.3,13.7c-13,0-24.7-5.2-33.3-13.7 c-8.5-8.5-13.8-20.2-13.8-33.1c0-12.9,5.3-24.6,13.8-33.2c8.6-8.5,20.2-13.8,33.3-13.8c13,0,24.7,5.3,33.3,13.8 c8.6,8.6,13.8,20.2,13.8,33.2C172.9,398.9,167.7,410.5,159.2,419z M244.7,433.2c0,0,0-0.1,0-0.1c-0.1-44.3-17.4-86.2-48.6-117.4 C164.8,284.4,123,267,78.8,267v-67.7c64.5,0,122.8,26.2,165.2,68.7c42.4,42.4,68.6,100.8,68.6,165.3H244.7z M365.4,433.2 c-0.1-158.1-128.5-286.7-286.5-286.8V78.8c97.7,0,186.2,39.8,250.4,104c64.2,64.2,103.9,152.7,103.9,250.5H365.4z"/> </svg> ')!important
}

.contact-us .box__social-logo {
    margin-right: 6px
}

.contact-us__p {
    font-size: 15px;
    margin-bottom: 15px
}

.contact-us__span {
    font-size: 14px;
    color: #56595c
}

.contact-us .button.orange {
    background-color: #ff6c2c;
    border: 1px solid #ff6c2c;
    color: #fff
}

.contact-us .button.orange:hover {
    background: #f56222;
    border: 1px solid #f56222;
    color: #fff
}