/*
 Theme Name:   flatsome-child
 Theme URI:    http://example.com/twenty-fifteen-child/
 Description:  flatsome-child
 Author:       John Doe
 Author URI:   http://example.com
 Template:     flatsome
 Version:      1.0.0235678
 Text Domain:  flatsome
*/

@font-face {
    font-family: 'SVN-Gotham Book';
    src: url('assets/fonts/SVN-GothamBook.woff2') format('woff2'),
        url('assets/fonts/SVN-GothamBook.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'SVN-Gotham';
    src: url('assets/fonts/SVN-GothamLightItalic.woff2') format('woff2'),
        url('assets/fonts/SVN-GothamLightItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'SVN-Gotham';
    src: url('assets/fonts/SVN-GothamItalic.woff2') format('woff2'),
        url('assets/fonts/SVN-GothamItalic.woff') format('woff');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'SVN-Gotham';
    src: url('assets/fonts/SVN-GothamLight.woff2') format('woff2'),
        url('assets/fonts/SVN-GothamLight.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'SVN-Gotham Ultra';
    src: url('assets/fonts/SVN-GothamUltraItalic.woff2') format('woff2'),
        url('assets/fonts/SVN-GothamUltraItalic.woff') format('woff');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'SVN-Gotham';
    src: url('assets/fonts/SVN-GothamThinItalic.woff2') format('woff2'),
        url('assets/fonts/SVN-GothamThinItalic.woff') format('woff');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'SVN-Gotham';
    src: url('assets/fonts/SVN-Gotham.woff2') format('woff2'),
        url('assets/fonts/SVN-Gotham.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'SVN-Gotham';
    src: url('assets/fonts/SVN-GothamThin.woff2') format('woff2'),
        url('assets/fonts/SVN-GothamThin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'SVN-Gotham Ultra';
    src: url('assets/fonts/SVN-GothamUltra.woff2') format('woff2'),
        url('assets/fonts/SVN-GothamUltra.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'SVN-Gotham XLight';
    src: url('assets/fonts/SVN-GothamXLight.woff2') format('woff2'),
        url('assets/fonts/SVN-GothamXLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'SVN-Gotham XLight';
    src: url('assets/fonts/SVN-GothamXLightItalic.woff2') format('woff2'),
        url('assets/fonts/SVN-GothamXLightItalic.woff') format('woff');
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'SVN-Gotham';
    src: url('assets/fonts/SVN-GothamBlackItalic.woff2') format('woff2'),
        url('assets/fonts/SVN-GothamBlackItalic.woff') format('woff');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'SVN-Gotham';
    src: url('assets/fonts/SVN-GothamBoldItalic.woff2') format('woff2'),
        url('assets/fonts/SVN-GothamBoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'SVN-Gotham Book';
    src: url('assets/fonts/SVN-GothamBookItalic.woff2') format('woff2'),
        url('assets/fonts/SVN-GothamBookItalic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'SVN-Gotham';
    src: url('assets/fonts/SVN-GothamBlack.woff2') format('woff2'),
        url('assets/fonts/SVN-GothamBlack.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'SVN-Gotham';
    src: url('assets/fonts/SVN-GothamBold.woff2') format('woff2'),
        url('assets/fonts/SVN-GothamBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

body,
body *:not(strong):not(b)
{
    font-family: 'SVN-Gotham';
    font-weight: 300;
}
#top-bar .nav > li > a,
#top-bar .html
{
    font-size:13px;
    color:#fff;
    padding: 0;
    vertical-align: baseline;
}
#top-bar .nav > li.html_topbar_left > a
{
    padding-left:.125rem;
}
#top-bar i
{
    opacity:.75;
    font-weight:400;
    margin-right:.25rem;
}
.header-main .nav > li > a
{
    padding: 24px 20px;
    font-size: 14px;
    color: #000;
    white-space: nowrap;
    transition: ease-in 0.4s;
    vertical-align: middle;
    text-transform: uppercase;
    position: relative;
    font-weight: 500;
}
.header-main .nav>li
{
    margin:0;
}
.header-main .header-nav
{
    justify-content: flex-end;
    flex-wrap: nowrap;
}
.header-main .nav > li.active > a
{
    font-size:16px;
    color: #ab4a01;
}
.header-main .nav > li:hover > a
{
    color: #ab4a01;
}
#top-bar.nav-dark .nav>li.header-divider
{
    border-color: rgba(255,255,255,.45);
}
.header-main .top-divider
{
    display:none;
}
.policy-section .col
{
    padding: 0;
}
.policy-section .col-inner p
{
    display:flex;
    align-items: center;
    justify-content: center;
    font-size: 14.5px;
    color: #fff;
    white-space:nowrap;
    margin: 0;
    padding: 10px 0;
}
.policy-section .col-inner p img
{
    margin:0 .5rem 0 0;
    width:40px;
}
.introduce-row .desc
{
    position: relative;
    font-size: 20px;
    font-weight: bold;
    text-transform: uppercase;
    color:rgb(43, 42, 42);
}
.introduce-row .title
{
    font-family: SVN-Gotham;
    font-size: 40px;
    color: #ab4a01;
    text-transform: uppercase;
    margin-bottom: 15px;
    line-height: 1.32;
    margin-top: 6px;
    font-weight: 500;
}
.introduce-row .content
{
    margin: auto;
    margin-bottom: 30px;
    margin-top: 20px;
    text-align: justify;
    position: relative;
    line-height: 30px;
    font-size:15px;
    color: #2b2b2b;
}
.introduce-row .col-inner>*:last-child a
{
    display: inline-block;
    background: #ab4a01;
    padding: 8px 20px;
    border-radius: 5px;
    color: #fff;
    transition: all 0.5s ease;
    font-size: 12px;
}
.pricetable-section .tcat
{
    margin-top:10px;
    padding-left: 15px;
    margin-bottom: 20px;
    text-align:center;
    color:#fff;
    font-size:15px;
}
.pricetable-section .tcat .icon {
    font-size: 30px;
    color: #fff;
    position: relative;
    font-family: 'SVN-Gotham';
    text-align: center;
    text-transform: uppercase;
}

.pricetable-section .content
{
    padding: 15px;
    margin-top: 40px;
    background: #e9a54e;
    color: #fff;
}
.pricetable-section .table-responsive td,
.pricetable-section .table-responsive th
{
    padding: 12px;
    text-align: center;
    font-weight: 300;
    text-transform:none;
    border-color: #e9a54e;
}
.pricetable-section .table-responsive table {
    border-collapse: collapse;
    border-spacing: 0;
    margin: 0;
}
.pricetable-section .bg
{
    background-size: 100% !important;
    background-position: top;
}
.pricetable-section
{
    padding-bottom: 20px !important;
}
.news-section .tcat,
.archive-page-header .page-title
{
    font-size: 30px;
    color: #ab4a01;
    position: relative;
    font-family: 'SVN-Gotham';
    text-align: center;
    padding-left: 15px;
    margin-bottom: 20px;
    margin-top: 15px;
    text-transform: uppercase;
}
.news-section
{
    padding-top:0 !important;
}
.news-section .post-title,
.archive .post-title
{
    display: block;
    color: #262626;
    overflow: hidden;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    text-align: left;
    margin-bottom: 6px;
}
.post-title + .is-divider
{
    display:none;
}
.news-section .post-date.badge,
.archive .post-date.badge
{
    display:none;
}
.news-section .from_the_blog_excerpt,
.archive .from_the_blog_excerpt 
{
    margin: 0px;
    color: #4f4e4e;
    font-size: 14px;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    text-align:left;
    order:3;
}
.news-section .blog-post-inner,
.archive .blog-post-inner
{
    display:flex;
    flex-direction: column;
}
.news-section .blog-post-inner .post-date,
.archive .blog-post-inner .post-date
{
    display:block;
    text-align:left;
    color: #4e4d4d;
    font-size: 13px;
    margin: 10px 0px;
    font-style: italic;
    display: none;
}
.news-section .image-cover,
.archive .image-cover
{
    overflow:hidden;
}
.news-section .post-item:hover .image-cover img,
.archive .post-item:hover .image-cover img
{
    transform:scale(1.06);
}
footer,
footer a
{
    color:#fff;
    font-size:14px;
}
.maps-section iframe
{
    height: 400px;
    width: 100%;
    box-shadow: 3px 3px 5px #000 inset;
}
footer .title-ft
{
    font-size: 18px;
    margin-bottom: 10px;
    text-transform: uppercase;
    position: relative;
    padding-bottom: 10px;
}
footer .title-ft:after {
    content: '';
    background: #fff;
    width: 40px;
    height: 3px;
    position: absolute;
    left: 0px;
    bottom: 0px;
}
footer .title-ft1
{
    font-size: 20px;
    margin-bottom: 10px;
    text-transform: uppercase;
    position: relative;
    padding-bottom: 10px;
    font-family: 'SVN-Gotham';
}
footer .address {
    background: url(assets/images/ft_add.png) no-repeat left center;
    padding-left: 45px;
    margin-bottom: 10px;
    min-height: 35px;
}
footer .email {
    background: url(assets/images/ft_email.png) no-repeat left top;
    padding-left: 45px;
    line-height: 35px;
    margin-bottom: 10px;
}
footer .hotline {
    background: url(assets/images/ft_hl.png) no-repeat left top 2px;
    padding-left: 45px;
    line-height: 33px;
    margin-bottom: 10px;
}
footer .website {
    background: url(assets/images/ft_web.png) no-repeat left top;
    padding-left: 45px;
    line-height: 35px;
}
.box_icon {
    position: relative;
    top: 0px;
    right: 0px;
    font-size: 13px;
    margin-top: 10px;
}
.box_icon a {
    display: inline-block;
    margin: 2px 3px;
    vertical-align: middle;
}
footer .col-inner a:hover
{
    color:#ff0 !important;
}
footer .col-inner .ux-menu-link--active a
{
    color: #fff;
}
.footer-section
{
    margin-top:-6px;
}
.absolute-footer *
{
    color:#fff;
}
.footer-primary
{
    display:flex;
    justify-content:space-between;
    width: 100%;
}
#xtvctable
{
    display:flex;
}
#xtvctable > *
{
    margin-right:.425rem;
    padding-right:.425rem;
    position:relative;
}
#xtvctable > *:last-child
{
    margin-right:0;
    padding-right:0;
}
#xtvctable > *:not(:last-child):before
{
    content:'';
    position:absolute;
    height:80%;
    width:1px;
    background:#fff;
    right:0;
    top:50%;
    transform:translateY(-50%);
}

.entry-title
{
    font-size: 30px;
    color: #ab4a01;
    position: relative;
    font-family: 'SVN-Gotham';
    text-align: left;
    margin-bottom: 20px;
    margin-top: 15px;
    text-transform: uppercase;
    font-weight: 400;
}

.single .post ,
.page #content
{
    font-size:17px;
    border: none;
}
.single .post  p,
.page #content p
{
    margin-bottom:10px;
}
.widget-title 
{
    padding: 10px 15px;
    background: #ddd;
    color: #000;
    text-transform: uppercase;
    font-weight: bolder;
    margin-bottom: 15px;
    display:block;
}
.widget .is-divider
{
    display:none;
}
.single .post-sidebar.large-3,
.page #content + .large-3
{
    padding-left:10px;
    border: none !important;
}
#main .widget-area .menu-item a
{
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px dashed #dedede;
    background: url(assets/images/tick2.png) no-repeat left top 5px;
    background-size: 18px;
    padding-left: 30px;
    color: #000;
    font-size:15px;
    line-height: 1;
}
.widget-area .badge
{
    width:84px;
    height: 62px;
}
.recent-blog-posts-li a
{
    display: block;
    color: #262626;
    overflow: hidden;
    line-height: 22px;
    font-size: 14px;
    text-transform: uppercase;
    font-weight:500;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    margin-bottom: 0;
}
#main .recent-blog-posts-li
{
    border:none;
}
.recent-blog-posts-li .post_comments,
.from_the_blog_comments
{
    display:none;
}
#main .widget-area a:hover
{
    color: #ab4a01;
}
.recent-blog-posts-li .post-date
{
    color: #4e4d4d;
    font-size: 13px;
    margin: 6px 0px;
    font-style: italic;
}
.single .entry-header-text.text-center
{
    padding-left:0;
    padding-bottom: 0;
}
.single .entry-category,
.single .entry-divider
{
    display:none;
}
.single .comments-area
{
    display:none;
}
.blog-share
{
    padding-top:20px;
    margin-top:20px;
    border-top:thin dashed #e5e5e5;
    display: flex;
    align-items: center;
}
.blog-share .button.icon
{
    margin-bottom:0;
    margin-right:.25rem;
}
.blog-share .social-icons
{
    margin-left:10px;
}
.related-posts
{
    margin:15px 0;
}
.related-posts>span
{
    text-transform:uppercase;
    font-weight:600;
}
.related-posts ul
{
    padding-left:40px;
    margin:10px 0;
}
.related-posts ul a
{
    font-size:16px;
}
.related-posts ul a:hover
{
    color:#ab4a01;
}
.page-inner p,
.page-inner ul,
.content-area p,
.content-area ul,
.article-inner p,
.article-inner ul
{
    color: #000;
    font-size:15px;
}
.page-inner h2,
.page-inner h3,
.page-inner h4,
.content-area h2,
.content-area h3,
.content-area h4,
.article-inner h2,
.article-inner h3,
.article-inner h4
{
    color: #000;
}
div[dir="auto"]
{
  margin:.5rem 0
}
div[dir="auto"] strong
{
  margin-right:.25rem;
}
.wp-caption
{
  max-width: 100%;
}
body div.wpforms-container-full .wpforms-form input[type=text],
body div.wpforms-container-full .wpforms-form input[type=email],
body div.wpforms-container-full .wpforms-form input[type=tel],
body div.wpforms-container-full .wpforms-form textarea
{
	font-size:15px;
}
body div.wpforms-container-full .wpforms-form .wpforms-field
{
	padding-top:7px;
	padding-bottom:7px;
}
body div.wpforms-container-full .wpforms-form button[type=submit]
{
    display: inline-block;
    padding: 6px 24px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    color: #fff;
    background-color: #ab4a01;
    border-color: #ab4a01;
    text-transform: uppercase;
}
body div.wpforms-container-full .wpforms-form button[type=submit]:hover
{
    background-color: #984201;
    border-color: #984201;
}
.stuck .header-main
{
    border-bottom:2px solid #ab4a01;
}
.stuck .header-main .nav > li > a
{
    padding: 0 20px;
}
.stuck #logo img
{
    height:62px;
}
.content-area .pricetable-section p
{
    color: #fff;
}

.sticky-btn
{
    position: fixed;
    left: 6px;
    bottom: 25px;
    z-index: 1001;
    display:flex;
    flex-direction:column-reverse;
    align-items: flex-start;
}
.right-sticky-btn,
.sms-sticky-btn
{
    left: auto;
    right: 15px;
    bottom: 75px;
}

.sticky-btn a
{
     background: #53b55c;
    border-radius: 25px;
    color: #fff;
    font-weight: bold;
    margin-top:10px;
    box-shadow: 2px 1px 1px 1px #037c03;
    display: flex;
    align-items: center;
}
.sticky-btn img
{
    display: inline-block;
   
    animation: 1s ease-in-out 0s normal none infinite running suntory-alo-circle-img-anim;
}
.right-sticky-btn img,
.sms-sticky-btn img
{
    width:3.125rem;
    height:3.125rem;
    animation: none;
}
.sticky-btn span
{
     margin-left: 8px;
     padding-right: 20px;
     font-weight: 500;
}
.sticky-btn span hm
{
    font-weight: 500;
}
@keyframes suntory-alo-circle-img-anim {
    0% {
        transform: rotate(0deg) scale(1) skew(1deg);
    }
    10% {
        transform: rotate(-25deg) scale(1) skew(1deg);
    }
    20% {
        transform: rotate(25deg) scale(1) skew(1deg);
    }
    30% {
        transform: rotate(-25deg) scale(1) skew(1deg);
    }
    40% {
        transform: rotate(25deg) scale(1) skew(1deg);
    }
    50% {
        transform: rotate(0deg) scale(1) skew(1deg);
    }
    100% {
        transform: rotate(0deg) scale(1) skew(1deg);
    }
}
@keyframes suntory-alo-circle-fill-anim {
    0% {
        opacity: 0.2;
        transform: rotate(0deg) scale(0.7) skew(1deg);
    }
    50% {
        opacity: 0.2;
        transform: rotate(0deg) scale(1) skew(1deg);
    }
    100% {
        opacity: 0.2;
        transform: rotate(0deg) scale(0.7) skew(1deg);
    }
}
.counter-section
{
    padding:24px 0 0 !important;
}
.counter-number
{
    font-size:2.5rem;
    text-align:center;
    display:block;
    font-family: 'SVN-Gotham';
    color:#ab4a01;
}
.counter-item
{
    padding:0 12px;
}
.counter-item p
{
    text-align:center;
    font-size:1.125rem;
}
.process-section .tcat,
.services-section .tcat
{
    font-size: 30px;
    color: #ab4a01;
    position: relative;
    font-family: 'SVN-Gotham';
    text-align: center;
    padding-left: 15px;
    margin-bottom: 20px;
    margin-top: 15px;
    text-transform: uppercase;
}
.process-section .box-image img
{
    width:92px;
}
.process-section .box-image 
{
    text-align:center;
    padding-top: 24px;
}
.process-section .box-text-inner h3
{
    margin-bottom:14px;
}
.services-section 
{
    padding:30px 0 !important;
    margin-bottom:24px;
}
.services-section .icon-box .icon-box-img
{
    margin:auto;
    padding-top: 10px;
}

.services-section .icon-box-text *
{
    text-align:center;
    color:#fff !important;
}
.services-section .icon-box-text h3
{
    margin:16px 0;
}
.services-section .row-dashed
{
    margin-top:32px;
}
.services-section .tcat
{
    color:#fff;
}
.page-inner ul,.article-inner ul
{
    padding-left:16px;
}
.menu-star a:before
{
    content:'';
    position:absolute;
    left: 6px;
    width: 20px;
    height: 20px;
    top: 50%;
    transform: translateY(-50%);
    background: url(assets/images/star.svg);
    opacity: 1 !important;
}
.stuck .menu-star a:before
{
    top: 50%;
}
.header .header-main .nav > li.menu-star > a
{
    padding-left: 32px;
    position: relative;
}
.sms-sticky-btn
{
    display: none;
}
/* New */
.header-info
{
    padding-bottom:16px;
}
.header-info .icon img
{
    width:24px;
}
.header-info .icon-box
{
    display:flex;
    margin-left: 40px !important;
    align-items: flex-end;
}
.header-info .icon-box-img
{
    margin-bottom:0;
    min-width:52px;
    max-width:52px;
    height:52px;
    border-radius:50%;
    background:#343434;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-right:16px;
}
@keyframes zoom {
    0% {
      -moz-transform: scale(0);
      -ms-transform: scale(0);
      -webkit-transform: scale(0);
      transform: scale(0);
    }
    100% {
      -moz-transform: scale(1);
      -ms-transform: scale(1);
      -webkit-transform: scale(1);
      transform: scale(1);
    }
}

.header-info .icon-box-img:before
{
    content:'';
    position:absolute;
    width:100%;
    height:100%;
    border:thin solid #ccc;
    border-radius:50%;
    transform: scale(0);
    left:0;
    top:0;
    
}
.header-info .icon-box:hover .icon-box-img:before
{
    animation: zoom 0.5s ease-in-out 0s 1;
    animation-fill-mode:both;
}
.header-info .icon-box:nth-child(2) .icon-box-img img
{
    width:28px;
}
.header-info .icon-box p,
.header-info .icon-box a
{
   color:#fff;
   font-weight:300;
}
.header-info .icon-box strong
{
    display:block;
    font-size:16px;
    font-weight:700;
}
.header-info .icon-box a
{
    display:block;
    font-size:19px;
    font-weight:700;
}
body #logo
{
    width: auto;
    flex-grow: 1;
    height: auto;
}
body .header-main
{
    height:auto;
    padding: 10px 0;
}
#logo img
{
    min-height:100px;
}
#wide-nav
{
    background:#150c05;
    border-top:2px solid #893c00;
    border-bottom:2px solid #893c00;
}
#wide-nav .nav>li>a
{
    color:#fff;
    font-size:15px;
    font-weight:500;
}
#wide-nav .nav>li>a:hover,
#wide-nav .nav>li>a:focus,
#wide-nav .nav>li.active>a,
#wide-nav .nav .highlight-menu>a
{
    color:#fccb06;
}
#wide-nav .nav>li
{
    margin-right:40px;
}
.policy-section .col-inner p
{
    text-align:left;
    justify-content: center;
}
.policy-section .col-inner strong
{
    font-size:18px;
    color: #ffecd1;
}

.policy-section .col-inner
{
    padding:12px 0;
}
.policy-section .col-inner p
{
    padding:0;
    font-weight:300;
    margin: 0 !important;
}
.policy-section .col-inner p:first-child
{
    margin-bottom: -4px !important;
    padding: 0;
}
.counter-seciton .col-inner,
.counter-seciton .section-title
{
    text-align:center;
    justify-content:center;
}
.counter-seciton .counter-value .section-title-main
{
    color:#ab4a01;
    font-size:36px;
    font-weight:800;
}
.counter-seciton .counter-value .section-title-main:before
{
    content:"+";
}
.counter-seciton .section-title-container
{
    margin-bottom:0;
}
.counter-seciton .col-inner p
{
  font-weight:300;
  margin-bottom: 0 !important;
}
.counter-seciton .col-inner strong
{
    text-transform:uppercase;
    font-weight:500;
    font-size:18px;
}
.section.counter-seciton
{
    padding:50px 0 30px !important;
}
.intro-section .desc,
.intro-section .title
{
    color:#cdbba5;
}
.intro-section .desc
{
    font-weight:300;
}
.intro-section .title
{
    font-size:28px;
}
.section.intro-section
{
    padding:50px 0 30px !important;
}
.intro-section .title ~ div
{
    font-weight:300;
    margin-bottom:12px;
    color:#fff;
    font-size:17px;
}
.introduce-row .col-inner>*:last-child a
{
    background: rgba(236,75,69,1);
    background: -moz-linear-gradient(left, rgba(236,75,69,1) 0%, rgba(245,133,13,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(236,75,69,1)), color-stop(100%, rgba(245,133,13,1)));
    background: -webkit-linear-gradient(left, rgba(236,75,69,1) 0%, rgba(245,133,13,1) 100%);
    background: -o-linear-gradient(left, rgba(236,75,69,1) 0%, rgba(245,133,13,1) 100%);
    background: -ms-linear-gradient(left, rgba(236,75,69,1) 0%, rgba(245,133,13,1) 100%);
    background: linear-gradient(to right, rgba(236,75,69,1) 0%, rgba(245,133,13,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ec4b45', endColorstr='#f5850d', GradientType=1 );
    box-shadow: 0px 3px 0px 1px #e23628;
    border-radius:30px;
    text-transform:uppercase;
    font-size:16px;
    padding: 12px 50px 14px 30px;
    line-height:1;
    margin-top:16px;
    transition: all .25s;
    background-size: 100% 300%;
    background-position: 100% 0%;
    position:relative;
}
.introduce-row .col-inner>*:last-child a:hover,
.introduce-row .col-inner>*:last-child a:focus
{
       box-shadow: 5px 3px 0px 1px #e23628;
}
.introduce-row .col-inner>*:last-child a:after
{
    content:'';
    margin-left:10px;
    background-image:url('assets/images/chevron-right-com (2).svg');
    background-size:100%;
    position:absolute;
    width:20px;
    height:20px;
    filter:invert(1);
    right:20px;
}
.intro-section .img-inner
{
    padding-right:30px;
}
.pricetable-section .tcat .icon
{
    color:#ab4a01;
    font-weight:700;
}
.pricetable-section .caption
{
    color:#000000;
    font-weight:300;
    font-size:16px;
}
.pricetable-section .tcat
{
    background:#fff;
    margin-bottom: 0;
    position:relative;
    padding-bottom:40px;
}
.pricetable-section .content
{
    margin-top:0;
    padding-bottom:50px;
}
.pricetable-section .tcat:before
{
    content:'';
    background:#fff;
    width:100%;
    height: 50px;
    bottom:100%;
    position: absolute;
    left: 0;
    z-index: -1;
}
.pricetable-section .bg
{
    background-size: 100% !important;
}
.process-section .section-title
{
    justify-content:center;
}
.process-section .section-title-main
{
    color:#cdbba5;
    font-size:30px;
    font-weight:600;
}
.section.process-section
{
    padding:50px 0 !important;
}
.section.process-section .bg
{
    background-position:top center;
}
.process-section .img img
{
    max-width:60%;
    position:relative;
    left:50%;
    transform:translateX(-50%);
}
.section.process-section .bg:after
{
    content:'';
    position:absolute;
    width:200px;
    height:200px;
    background-image:url('assets/images/intro-circle.png');
    background-size:contain;
    background-repeat:no-repeat;
    background-position:right;
    right:0;
    opacity: 0;
}
.section.process-section.animated .bg:after
{
  animation: fadeInRight .5s .5s linear;
  animation-fill-mode: both;
}
.service-section .section-title
{
    justify-content:center;
}
.service-section .section-title-main
{
    color:#ab4a01;
    font-size:30px;
    font-weight:600;
}
.section.service-section
{
    padding:50px 0 !important;
}
.service-section .stack 
{
    flex-wrap:wrap;
}
.service-section .stack .dt-image-container
{
    flex-basis:calc((100% - 4rem)/2);
    max-width:calc((100% - 4rem)/2);
    margin-right:4rem !important;
    margin-bottom:2rem !important;
    margin-top: 1rem !important;
}
.service-section .stack .dt-image-container:nth-child(n+3)
{
    flex-basis:calc((100% - 8rem)/3);
     max-width:calc((100% - 8rem)/3);
}
.service-section .stack .dt-image-container:nth-child(2),
.service-section .stack .dt-image-container:nth-child(5)
{
    margin-right:0 !important;
}
.service-section .stack .dt-image-container img
{
    width:72px;
}
.service-section .stack .dt-image-container .dt_image-img
{
    text-align:center;
    margin-bottom:20px;
    max-height: 65px;
    display: flex;
    justify-content: center;
    align-items: flex-end;
}
.service-section .stack .dt-image-container .dt_image-content
{
    text-align:center;
}
.service-section .stack .dt-image-container .dt_image-content>*:first-child
{
    font-weight:500;
    color:#000;
    margin-bottom:8px;
    line-height:1.3;
}
.service-section .stack .dt-image-container .dt_image-content>*:first-child ~ *
{
    font-size:16px;
    color:#000;
}
@keyframes fadeInRight {
   0% {
      opacity: 0;
      transform: translateX(20px);
   }
   100% {
      opacity: 1;
      transform: translateX(0);
   }
} 
.tech-section .section-title
{
    justify-content:center;
}
.tech-section .section-title-main
{
    color:#ffb905;
    font-size:30px;
    font-weight:600;
}
.section.tech-section
{
    padding:50px 0 !important;
}
.tech-section .stack 
{
    flex-wrap:wrap;
}
.tech-section .stack .dt-image-container
{
    flex-basis:calc((100% - 3rem)/2);
    max-width:calc((100% - 3rem)/2);
    margin-right:3rem !important;
    margin-bottom:2rem !important;
    margin-top: 1rem !important;
    display:flex;
    align-items: center;
}

.tech-section .stack .dt-image-container:nth-child(2n+2)
{
    margin-right:0 !important;
}

.tech-section .stack .dt-image-container img
{
    width:72px;
}
.tech-section .stack .dt-image-container .dt_image-img
{
    text-align:center;
    margin-bottom: 0;
    height: 72px;
    width: 72px;
    padding: 8px;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    background:#ffc720;
    border-radius:50%;
    margin-right: 20px;
    flex: none;
}
.tech-section .stack .dt-image-container:nth-child(2) .dt_image-img
{
    padding:0px;
}
.tech-section .stack .dt-image-container:nth-child(3) .dt_image-img,
.tech-section .stack .dt-image-container:nth-child(5) .dt_image-img
{
    padding:10px;
}
.tech-section .col
{
    padding-bottom:0;
}
.tech-section .stack .dt-image-container .dt_image-content>*:first-child
{
    font-weight:500;
    color:#fff;
    line-height:1.3;
    font-size: 18px;
}
.tech-section .stack .dt-image-container .dt_image-content>*:first-child ~ *
{
    font-size: 15px;
    color:#fff;
    margin-bottom: 0 !important;
}
.testimonial-section .section-title
{
    justify-content:center;
}
.testimonial-section .section-title-main
{
    color:#ab4a01;
    font-size:30px;
    font-weight:600;
}
.section.testimonial-section
{
    padding: 50px 0  10px!important;
}
.testimonial-section .dt_carousel 
{
    padding-top:30px;
}
.testimonial-section .carousel-item-container
{
    display:flex;
    position:relative;
}
.testimonial-section .carousel-item__image
{
    margin-right:24px;
}
.testimonial-section .carousel-item__image img
{
    min-width:80px;
    max-width:80px;
}
.testimonial-section .carousel-title
{
    font-weight:500;
    font-size: 20px;
}
.testimonial-section .carousel-subtitle
{
    line-height:1.4;
    color:#000;
    font-size:16px;
}
.testimonial-section .carousel-btns a
{
    position:absolute;
    left: 0;
    font-size: 14px;
    font-weight:500;
    color:#000;
    width: 80px;
    top:86px;
    line-height:1.4;
    text-align: center;
    pointer-events: none;
}
.testimonial-section .dt_carousel_item-content
{
    padding-right:20px;
}
.testimonial-section .owl-dots .owl-dot span
{
    background:transparent;
    border:2px solid #333;
    width:12px;
    height:12px;
}
.testimonial-section .owl-theme .owl-nav +.owl-dots
{
    margin-top:24px;
}
.testimonial-section .owl-theme .owl-dots .owl-dot
{
    margin-right:0;
}
.testimonial-section .owl-dots .owl-dot.active span,
.testimonial-section .owl-dots .owl-dot:hover span
{
    background:#333;
}
.testimonial-section .dt_carousel-wrapper
{
    margin-bottom:0 !important;
}
.testimonial-section .col
{
    padding-bottom:0;
}
.news-section .tcat .icon
{
    font-weight:600;
    color:#ab4a01;
}
body .back-to-top.button.icon
{
    display:flex;
    align-items:center;
    justify-content:center;
    border-color:#ab4a01;
}
body .back-to-top:after
{
    content:'';
    position:absolute;
    width:calc(100% + 1px);
    height:calc(100% + 1px);
    transform-origin: bottom;
    transform: scale(1, 0);
    left:0;
    bottom:0;
    background:#ab4a01;
    transition: transform 0.35s cubic-bezier(0.3, 1, 0.8, 1);
}
body .back-to-top:hover
{
    border-color:#fff;
    background:#fff;
}
body .back-to-top:hover i
{
    color:#fff;
}
body .back-to-top:hover:after
{
    transform:scale(1);
}
body .back-to-top i
{
    line-height:1;
    height: auto;
      color:#ab4a01;
      position:relative;
      z-index:2;
}

.page-id-21 .row-main strong
{
    text-transform:uppercase;
    font-size:18px;
}
.stuck .header-main
{
    display:none;
}
.post-sidebar span.widget-title,
.widget-area span.widget-title
{
    border-radius:5px;
    color:#fff;
    background:#c67804;
    line-height: 1;
    padding-bottom: 12px;
}
.post-sidebar span.widget-title span,
.widget-area span.widget-title span
{
    font-weight:400;
}
@media (max-width: 1023px){
    #top-bar
    {
        display:none;
    }
    #logo img
    {
        height: 50px;
        min-height: auto;
    }
    #content .policy-section .col-inner p
    {
        margin-bottom:0;
        justify-content: center;
        font-size: 13px;
        padding: 4px 0;
    }
    .section
    {
        padding-top:20px !important;
        padding-bottom:20px !important;
    }
    .home .banner-section
    {
        padding:0 !important;
    }
    .policy-section
    {
        padding: 6px 15px !important;
    }
    .pricetable-section .tcat .icon
    {
        font-size: 24px;
        line-height: 1.4;
    }
    .pricetable-section .bg
    {
        background:#E9A54E !important;
    }
    .table-responsive {
        width: 100%;
        margin-bottom: 15px;
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        border: 1px solid #ddd;
    }
    .pricetable-section .content
    {
        padding:0;
    }
    .box-text.text-center
    {
        padding-bottom:10px;
    }
    .news-section div>.col
    {
        padding-bottom:0;
    }
    .footer-section
    {
        padding-top: 30px !important;
    }
    #mvcwid
    {
        display:none;
    }
    .absolute-footer *
    {
        font-size:11px;
        text-align:center;
    }
    .footer-primary
    {
        justify-content:center;
    }
    .off-canvas-left.dark .mfp-content
    {
        background: #ab4a01;
    }
    body .mfp-content .nav-sidebar.nav-vertical>li+li
    {
        border-color: #c55602;
    }
    .off-canvas .nav-vertical li>a
    {
        color: #fff;
    }
    .header-main
    {
        border-bottom:thin solid #1111111a;
    }
    .related-posts ul 
    {
        padding-left:15px;
    }
    .related-posts ul a
    {
        font-size:15px;
    }
    .single .post-sidebar.large-3, .page #content + .large-3
    {
        display:none;
    }
    .page-wrapper
    {
        padding-bottom:0;
    }
    .single .post
    {
        margin-bottom:0;
    }
    .blog-wrapper > .row >.col
    {
        padding-bottom:0;
    }
    .page-inner ul,
    .article-inner ul
    {
        padding-left:20px;
    }
    .sticky-btn a
    {
        font-size:13px;
    }
    .sticky-btn img
    {
        width:40px;
    }
    .sticky-btn span
    {
        padding-right:12px;
        margin-left:4px;
    }
    .counter-section .col
    {
        padding-bottom:6px;
    }
    .counter-number
    {
        font-size:2rem;
    }
    .counter-item p
    {
        font-size:1rem;
        white-space: nowrap;
    }
    .process-section .col
    {
        padding-bottom:0;
    }
    .process-section .box-image
    {
        padding-top:10px;
    }
    .services-section .row-dashed
    {
        margin-top:10px;
    }
    .right-sticky-btn
    {
        bottom: 25px;
    }
    .sms-sticky-btn
    {
        display: block;
        bottom: 80px;
    }
    .header-main .mobile-nav.nav-right
    {
        position:relative;
    }
    .header-main .mobile-nav.nav-right li
    {
        color:#000;
        display:block;
        position:absolute;
       
    }
     .header-main .mobile-nav.nav-right a
     {
        min-height:30px;
        padding: 0 10px !important;
        background: #ab4a01;
        border-radius: 5px;
        color: #fff;
        transition: all 0.5s ease;
        font-size: 10px;
        line-height: 1 !important;
     }
     .header-main .mobile-nav.nav-right > li:hover > a
     {
        color: #fff;
     }
     .right-sticky-btn img,
     .sms-sticky-btn img
     {
        width: 46px;
        height: 46px;
     }
     .menu-star a
     {
         padding-left:48px !important;
     }
     .menu-star a:before
     {
         left:20px;
     }
     hm
     {
        display: none;
     }
     .introduce-row .title
     {
        font-size: 24px;
        font-weight: 500;
     }
     body #logo
     {
         width:100px;
     }
     body .header-main
     {
         padding:8px 0;
     }
     #masthead .header-button
     {
         display:flex;
         align-items:center;
     }
     #masthead .header-button i
     {
         line-height:1;
         top:-3px;
     }
     .header-wrapper
     {
         border-bottom:thin solid #333;
     }
     .banner-section
     {
         padding:0 !important;
     }
     .policy-section .col-inner
     {
         text-align:center;
         padding: 4px 0;
     }
     .policy-section .col-inner strong
     {
         font-size:16px;
     }
     .counter-seciton .col
     {
         max-width: 50%;
         -ms-flex-preferred-size: 50%;
         flex-basis: 50%;
     }
     .section.counter-seciton
     {
         padding:30px 0 10px !important;
     }
     .counter-seciton .counter-value .section-title-main
     {
         font-size:30px;
     }
     .counter-seciton .col-inner strong
     {
         font-size:14px;
         white-space:nowrap;
     }
     .counter-seciton .col-inner p
     {
         font-size:14px;
     }
     .intro-section .img-inner
     {
         padding-right:0;
     }
     .intro-section .title ~ div,
     .introduce-row .col-inner>*:last-child a
     {
         font-size:15px;
     }
     .intro-section .desc
     {
         font-size:16px;
     }
     .pricetable-section .tcat:before
     {
         content:none;
     }
     .pricetable-section .tcat
     {
         padding-left:0;
         padding: 10px;
         letter-spacing: -.5px;
     }
     .pricetable-section .caption
     {
         font-size:16px;
         margin-top:10px;
     }
     .process-section .section-title-main,
     .service-section .section-title-main,
     .tech-section .section-title-main,
     .testimonial-section .section-title-main
     {
         font-size:24px;
         text-align: center;
         max-width: 82%;
     }
     .news-section .tcat, .archive-page-header .page-title
     {
         font-size:24px;
     }
      .testimonial-section .section-title-main
      {
          max-width:98%;
      }
     .process-section .img img
     {
         max-width:100%;
     }
     .service-section .stack .dt-image-container,
     .service-section .stack .dt-image-container:nth-child(n+3),
     .tech-section .stack .dt-image-container
     {
         flex-basis:100%;
         max-width:100%;
         margin-right:0 !important;
         margin-bottom:1rem !important;
     }
      .service-section .stack .dt-image-container:nth-last-child(2)
      {
          margin-bottom:0 !important;
      }
      .tech-section .stack .dt-image-container .dt_image-content>*:first-child
      {
          font-size:16px;
      }
      .tech-section .stack .dt-image-container .dt_image-content>*:first-child ~ *
      {
          font-size:14px;
      }
      .testimonial-section .dt_carousel_item-content
      {
          padding-right:0;
      }
      .policy-section .col:last-child
      {
          display:none;
      }
      .policy-section .col
      {
          max-width:47.5%;
      }
      .policy-section .col:first-child
      {
          margin-right:5%;
      }
      #content .policy-section .col-inner p
      {
          font-size:12px;
      }
      .policy-section .col-inner strong
      {
          font-size: 15px;
      }
      .counter-seciton .col-inner p
      {
          font-size:12px;
      }
      .stuck .header-main
        {
            display:block;
        }
        .stuck #logo img
        {
            height: auto;
        }
        .entry-title
        {
            font-size:24px;
            margin-bottom: 0;
        }
        footer .title-ft1
        {
            font-size:18px;
        }
}
@media only screen and (max-width: 1023px) and (min-width: 768px) {
    .policy-section .col-inner p
    {
        white-space:unset;
    }
}