@import url('https://fonts.googleapis.com/css?family=Poppins:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i');




/************* 
     Body
*****************/
html {
    font-size: 1.1vw;
}
input:focus{
    outline: none!important;
    box-shadow: none!important;


}
body{
    color:#000; 
    font:normal 100%/1.75em 'Poppins', sans-serif;
    padding-top: 150px;
    min-width: 320px
}

/************* 
     Default
*****************/
*{
    word-wrap: break-word
}
a{
    color:#f5861f;
    -webkit-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;  
    transition: all ease-in-out 0.5s
}
a:hover{
    color:#cc701a
}
button:focus, input:focus, textarea:focus{
    outline: none!important
}
.html5lightbox{
    display: block
}
.brand-color{
    color: #f5861f
}
p{
    margin-bottom:1.1rem; 
    margin-top:0
}
p:last-child{
    margin-bottom: 0
}
textarea{
    resize: none
}
img{
    max-width:100%;
    height:auto;
    -khtml-user-select: none; 
    -o-user-select: none; 
    -moz-user-select: none; 
    -webkit-user-select: none; 
    user-select: none;
}

a:focus{
    outline:none!important
}
select:focus{
    outline: none
}
a[href^="tel:"], a[href^="tel:"]:hover{
    text-decoration: none!important
}
input, textarea, input:focus{
    outline: none!important
}
input[type="text"], textarea, input[type="email"], input[type="tel"]{
    width: 100%;
    max-width: none
}
iframe{
    border: none
}
input[type="submit"]{
    cursor: pointer
}
textarea{
    display: block
}
div.wpcf7{
    position: relative
}
.cf-submit-field{
    position: relative
}
.dropdown-item.active, .dropdown-item:active{
    background-color: #f5861f
}
div.wpcf7 .ajax-loader{
    background: url(../img/loader.gif) no-repeat!important;
    position: absolute;
    width: 20px!important;
    height: 20px!important;
    background-size: 20px!important;
    top: 50%;
    transform: translateY(-50%)
}
.wpcf7-response-output{
    position: absolute;
    border: none;
    margin: 0.5em auto 0!important;
    line-height: 1;
    font-size: 12px;
    max-width: 550px;
    border: none!important;
    color: #FFF!important;
    left: 0;
    right: 0;
    text-align: center; 
}
div.wpcf7-mail-sent-ok{ 
    color: #398f14!important
}
div.wpcf7-spam-blocked{
    color: #ffa500!important 
}
div.wpcf7-validation-errors{
    color: #F00!important;
}
blockquote {
    border: 1px solid #dedede;
    background-color: #fbfafa;
    padding: 2em
}
ol li+li{
    margin-top: 15px
}
/************* 
     Heading
*****************/
h1,h2,h3,h4,h5,h6, .h1,.h2,.h3,.h4,.h5,.h6{
    line-height: 1;
    color: #000;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 1.35rem;
}
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: #000;
}
h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover, .h1 a:hover,.h2 a:hover,.h3 a:hover,.h4 a:hover,.h5 a:hover,.h6 a:hover{
    color: #f5861f;
    text-decoration: none
}
h1, .h1{
    font-size:2.75rem;
    margin-bottom: 30px;
    font-weight: 700
}
h2, .h2{
    font-size: 2.7rem;
    font-weight: 700
}
h3, .h3{
    font-size: 2rem;
    font-weight: 700
}
h4, .h4{font-size: 1.75rem; font-weight: 700}
h5, .h5{font-size: 1.55rem; font-weight: 600}
h6, .h6{font-size: 1.25rem; font-weight: 600}


/************* 
     List Style
*****************/
ul{
    margin-left:0;
    padding-left: 0;
    list-style: none
}
main ul li{
    padding-left: 1.35rem;
    position: relative;
    margin-top: 0.35rem;
}
main ul li:before{
    content: "\f00c";
    font-size: 9px;
    font-family: FontAwesome; 
    position: absolute; 
    margin-left: -1.45em;
    color: #d00303;
    font-size: 1em
}
ul.list li.list-group-item{
    border: none; 
    border-radius: 0;
    background-color: transparent;
    padding-top: 0;
    padding-bottom: 0;
    display: inline-block;
    vertical-align: top;
    min-width: 250px;
    padding-right: 15px
}
li.list-group-item{
    border: none; 
    border-radius: 0;
    background-color: transparent;
    padding-top: 0;
    padding-bottom: 0;
    vertical-align: top;
    padding-right: 15px
}

.footer-top-middle ul{
    line-height: 1.65;
    margin: 0
}
.footer-bottom-nav ul{
    margin: 0
}
.footer-top-middle li, .footer-practice-area-menu li, .footer-bottom-nav ul li{
    padding-left: 0
}
.footer-top-middle li:before, .footer-practice-area-menu li:before, .footer-bottom-nav ul li:before,  .header-nav ul li:before{
    content: none
}

/************* 
     Bootstrap Button 
*****************/
.btn, .btn:focus, .btn:active{
    box-shadow: none!important
}
.btn{ 
    border:1px solid transparent; 
    position: relative; 
    background-color: transparent; 
    min-width: 135px; 
    font-size:20px;
    letter-spacing: -0.03em;
    font-weight: 600; 
    transition: background 0.2s ease-in-out 0s;
    padding:15px 15px;
    border-radius:0; 
    -moz-border-radius:0; 
    -webkit-border-radius:0; 
    outline: none!important;
    color:#000
}
.btn:hover{
    color: #000; 
}
.btn.btn-default{
    background-color:#021323;
    color:#FFF;
    border: none;
    position: relative;
    overflow: hidden;
    margin-top: 10px
}
.btn.btn-default:hover, .btn.btn-default:focus, .btn.btn-default:active{
    background-color:#021323!important;
    border-color: transparent!important;
    color: #FFF!important
}
.btn.btn-default:hover{
    color: #000!important 
}
.btn-warning{
    position: relative;
    overflow: hidden;
    border-radius: 10px
}
.btn-warning{
    background-color:#FFD300;
    border: none;
    color: #000
}
.btn-warning em.fa{
    background: #ffffff;
    border-radius: 50%;
    color: #FFD300;
    height: 38px;
    line-height: 38px;
    width: 38px
}
.button, #commentform input[type="submit"], a[data-role='button']{
    background-color: #FFF;
    color: #000;
    position: relative;
    padding: 1em 1.5em;
    min-width: 10.5rem;
    text-align: center;
    text-transform: uppercase;
    font-weight: 600;
    border-radius: 2rem;
    display: inline-block;
    font-size: 0.85rem;
    margin-top: 0.85rem;
    border: none;
    text-decoration: none!important;
}
.button.button-black{
    background-color: #000;
    color: #FFF
}
a[data-role='button']{
    overflow: hidden
}
.button.border-style{
    border: 1px solid rgba(0,0,0,0.1)
}
#commentform input[type="submit"], a[data-role='button']{
    background-color: #36b749;
    color: #FFF;
    padding-left: 50px;
    padding-right: 50px
}
.button.xs_btn {
    min-width: 9rem;
    padding: 0.65rem 0.75em;
}
.grey-button{
    min-width: 136px;
    line-height: 34px;
    text-align: center;
    border: 1px solid #1c60ac;
    color: #1c60ac;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 600;
    margin-top: 18px;
    display: inline-block;
    text-decoration: none!important
}
.btn-style, .home-banner .basic-yop-poll-container .basic-button, 
.home-banner .basic-yop-poll-container button, .home-slide-cnt-main .basic-vote-button {
    font-size: 1.2em;
    text-transform: uppercase;
    padding: 1rem 3.5rem;
    border-radius: 3.8rem;
    text-align: center;
    background-color: #f5861f;
    color: #FFF;
    display: inline-block;
    text-decoration: none!important;
    transition: all 0.8s;
}
.btn-medium{
    padding: 0.9rem 2.5rem;
    font-size: 1.1em
}
.btn-style:hover {
    background: #36b749;
    color: #fff;
}
input.btn-style {
    border: none!important
}
.bg-grey{
    background-color: #f2f2f2
}

/************* 
     iFrame Responsive
*****************/
.iframe{
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 25px;
    height: 0
}
.iframe iframe{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

/************* 
     Common
*****************/
.space{
    padding-top: 5.5em;
    padding-bottom: 5.5em
}
.space-bottom{
    padding-top: 0;
    padding-bottom: 5.5em
}
.space-top{
    padding-bottom: 0;
    padding-top:5.5em
}
.no-margin{
    margin-left: 0!important;
    margin-right: 0!important
}
.wpcf7-form-control-wrap{
    display: block 
}
span.wpcf7-not-valid-tip{
    font-size: 11px!important;
    position: absolute;
    right: 0;
    bottom: 0;
    color: #FFF!important;
    background-color: #F00;
    line-height: 1;
    padding: 3px;
}
.clearfix:after, 
.clearfix:before{
    content: "";
    display: table;
    clear: both
}
.grey-border-5{
    border: 5px solid #d0d0d0
}
.container {
    width: 78rem;
    max-width: 1350px
}
.flex{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap
}
.flex_nowrap{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
}
.fullspace{
    width: 100%
}
.right_gap{
    padding-right: 40px
}
.image-holder{
    position: relative
}
.border-size-cover:before {
    content: "";
    width: 70%;
    border: 8px solid #1c60ac;
    position: absolute;
    z-index: 1;
}
.image-holder img{
    position: relative;
    z-index: 2
}
.border-outer-size:before{
    left: -25px;
    top: -25px; 
    height: calc(100% + 50px);
}
.borderR-large-size-cover:before {
    right: -50px;
    height: calc(100% + 100px);
    top: -50px
}
header:not(.site-header){
    max-width: 60rem;
    text-align: center;
    margin: 0 auto 2.5rem;
}
.page-content-wrapper header:last-child{
    margin-bottom: 0
}
.p-50{
    padding-bottom: 3%!important
}
.overlay{
    position: relative
}
.overlay:before, .full-overlay{
    content: "";
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.55);
    left: 0;
    top: 0;
    bottom: 0;
    position: absolute
}
.overlay > div{
    position: relative;
    z-index: 2
}
.text-white, .text-white *{
    color: #FFF
}
.curve-image{
    position: relative;
    box-shadow: 20px 20px 0 0 #f8c651
}

/** Section **/
section header{
    max-width:890px;
    margin: 0 auto 40px;
    text-align:center;
}
section header p:last-chid{
    margin-bottom: 0
}
section:after{
    content: "";
    display: table;
    clear: both
}

/************* 
    Header
*****************/
.site-header{
    background-color: #FFF;
    position: fixed;
    width: 100%;
    top:0;
    color: #FFF;
    -webkit-transition: all cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.25s;
    -moz-transition: all cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.25s;
    -o-transition: all cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.25s;
    transition: all cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.25s;
    z-index: 16;
    box-shadow: 0 0 10px 5px rgba(0,0,0,0.03)
}
.navbar-dark .navbar-brand {
    color: #fff;
}
.mobile-call{
    display: none
}
.header-top{
    background-color: #262626;
    border-bottom: 1px solid rgba(255,255,255,0.15);
    padding-top: 0.25em;
    padding-bottom: 0.25em;
    position: relative;
    z-index: 10;
    font-size: 0.85em;
}
.header-top-row{
    -webkit-justify-content: space-around;
    justify-content: space-between;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items: center
}
.header-top a{
    color: inherit
}
.header-top a:hover{
    color: #cc701a
}
.header-top-left em{
    padding-right: 10px;
    font-size: 18px;
    vertical-align: middle;
}
.header-top-left a+a{
    margin-left: 20px
}
.header-top-right{
    line-height: 1.15;
    text-align: right
}
.header-top-right a[href^="mailto:"]{
    border-left: 1px solid rgba(255,255,255,0.35);
    border-right: 1px solid rgba(255,255,255,0.35);
    padding-left: 10px;
    padding-right: 10px;
    margin-left: 10px;
    margin-right: 8px;
}
.header-top-right .social-media a{
    margin-left: 2px;
    margin-right: 2px
}
.header-top-right .footer-main-title{
    display: none
}
.header-top-right .social-media{
    display: inline-block;
    vertical-align: middle
}
.header-top-right .social-media a{
    font-size: 17px;

}
/** Sticky **/


/** Sticky End **/
.header-menu{
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    text-transform: uppercase;
    font-size: 1.2em
}


/**  Header BOttom **/
.navbar-brand img{
    -webkit-transition: all cubic-bezier(0.46, 0.03, 0.52, 0.96) 0.65s;
    -moz-transition: all cubic-bezier(0.46, 0.03, 0.52, 0.96) 0.65s;
    -o-transition: all cubic-bezier(0.46, 0.03, 0.52, 0.96) 0.65s;
    transition: all cubic-bezier(0.46, 0.03, 0.52, 0.96) 0.65s
}
.navbar-brand h1{
    margin: 0!important;
    padding: 0;
    font-size: 0
}

/**  Navigation **/
.navbar.header-nav{
    padding-top: 0;
    padding-bottom: 0; 
    font-size: 0.8rem
}
.navbar-nav{
    align-items: center
}
.navbar-brand{
    position: relative;
    z-index: 10
}
.header-menu a{
    text-decoration: none!important
}
.header-menu > ul{
    margin-left: 0
}
.header-menu > ul li{
    margin-top: 0;
    padding-left: 0;
    padding-right: 0
}
.header-menu > ul > li{
    margin-left: 0.25rem;
    margin-right: 0.25rem;
    position: relative;
    letter-spacing: -0.025em;
}
.header-menu > ul > li:last-child{
    margin-right: 0;
    margin-left: 10px
}
.header-menu > ul > li > a{
    padding: 7px 0;
    display: block;
    color: #000
}
.header-menu > ul > li:last-child > a {
    background-color: #36b749;
    color: #FFF;
    text-align: center;
    border-radius: 2rem;
    padding-left: 1.25em;
    padding-right: 1.25em
}
.header-menu > ul > li:last-child > a:after{
    content: none!important
}
.header-menu > ul > li > a{
    position: relative;
    transition: all ease-in-out 0.35s;
}
.header-menu > ul > li:not(:last-child) > a{
    line-height: 6em;
    padding-left: 0.85em;
    padding-right: 0.85em;
}
.header-menu > ul > li > a:hover,
.header-menu > ul > li.current-menu-item > a,
.header-menu > ul > li.current-menu-parent > a{
    background-color:#DAA520;
    color: #FFF
}
.header-menu > ul > li.current-menu-item > a{
    font-weight: 500
}

/** Sub Menu **/
.navbar-nav li ul, 
.navbar-nav > li:hover > ul ul{
    visibility: hidden;
    opacity: 0
}
.navbar-nav li ul a{
    font-size: 0.85em
}
.navbar-nav > li:hover > ul,
.navbar-nav > li:hover > ul > li:hover > ul{
    visibility: visible;
    opacity: 1
}
.navbar-nav li ul{
    position: absolute;
    top: 100%;
    list-style: none;
    z-index: 1;
    margin: 0;
    padding: 0;
    background-color: rgb(183, 3, 3);
    border-bottom: 3px solid #fd0303;
    white-space: nowrap;
    min-width: 200px;
}
.navbar-nav ul li+li{
    border-top:1px solid rgba(0,0,0,0.15)
}
.navbar-nav ul a{
    display:block; 
    line-height:43px; 
    padding-left:15px; 
    padding-right: 15px;
    color:#FFF; 
    position:relative
}
.navbar-nav ul a:hover, .navbar-nav ul > li.current-menu-item > a
{
    background-color: #FFF; 
    color: #000
}
.navbar-nav li ul ul{
    background-color:rgba(255,255,255,0.75); 
}
.navbar-nav > li:hover > ul > li:hover > ul{
    left:100%; 
    top:0
}
.header .bg-dark{
    -webkit-transition: all ease-in-out 0.35s;
    -moz-transition: all ease-in-out 0.35s;
    -o-transition: all ease-in-out 0.35s;
    transition: all ease-in-out 0.35s; 
}
.site-header .social-media a{
    margin: 0 0.45rem;
    color: inherit
}

/** Scroll Next Section **/
.scroll-next-wrap{
    position: absolute;
    left: 0;
    right: 0; 
    bottom: 25px;
    display: none;
    width: 130px;
    margin: 0 auto;
    text-align: center;
    color: #FFF;
    z-index: 1;
}
.scroll-next{
    border: 2px solid #FFF;
    width: 31px;
    display: block;
    position: relative;
    height: 49px;
    background-color: rgba(255,255,255,0.15);
    margin: 0 auto 10px;
    border-radius: 20px;
}
.scroll-dot{
    width: 2px;
    height: 6px;
    display: inline-block;
    background-color: #FFF;
    position: relative;
    animation: MoveUpDown 3s linear infinite;
    position: absolute;
    left: 0;
    right:0;
    margin: 0 auto;
    bottom: 0;
}
.scroll-next-text a{
    color: #FFF;
    text-decoration: none!important
}

/* Safari 4.0 - 8.0 */
@keyframes MoveUpDown {
    0%, 100% {
        bottom: 8px;
    }
    50% {
        bottom: 34px;
    }
}


/************* 
Fixed Side Button
*****************/
.quick-get-quote {
    position: fixed;
    right: -400px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 102;
    transition: all ease-in-out 0.45s;
}
.quick-get-quote.active-slide-out{
    right:0
}
.quick-get-quote-open-button{
    width: 50px;
    height: 224px;
    background-color: #fd0303;
    color: #FFF;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 50px;
    cursor: pointer;
    font-weight: bold;
    position: relative;
    border: 1px solid #FFF;
    border-right: none;
    white-space: nowrap
}
.quick-get-quote-open-button span{
    display: block;
    transform: rotate(-90deg) translateY(-50%);
    position: absolute;
    top: 43%;
    text-align: center;
    letter-spacing: 0.5px;
}
.quick-quote-form-layout-inner{
    padding:20px;
    background-color: #FFF;
    width: 400px;
    font-size: 14px;
    white-space: nowrap;
    box-shadow: 0 0 5px rgba(0,0,0,0.15)
}
.quick-quote-form-layout-inner > div{
    margin-top: 10px
}
.quick-quote-form-layout-inner > div textarea{
    margin-top: 0
}
.quick-quote-form-layout-inner input, .quick-quote-form-layout-inner textarea{
    border-width: 0 0 1px!important;
}


/*   ------   home-banner   ------  */


.home-banner {
    background: #f6973f; /* Old browsers */
    background: -moz-linear-gradient(left, #f6973f 21%, #f8c752 51%, #f6973f 80%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #f6973f 21%,#f8c752 51%,#f6973f 80%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #f6973f 21%,#f8c752 51%,#f6973f 80%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6973f', endColorstr='#f6973f',GradientType=1 ); /* IE6-9 */
    position: relative;
}
.home-slide{
    display: flex;
    height: 78vh;
    flex-direction: row-reverse;
    justify-content: space-between
}
.bg-center{
    background-size: cover!important;
    background-position: center!important;
    background-attachment: fixed!important
}

@media(min-width:1025px){
    .fixedbg{
        background-attachment: fixed!important
    } 
}
.home-slide-cnt.aside-no-img{
    padding-right: 0;
    width: 100%
}
.home-slide-cnt.aside-no-img .home-slide-cnt-main{
    margin: auto;
    background-color: rgba(0,0,0,0.3)
}
.home-slide-cnt-main h1 {
    font-size: 3em;
    font-weight: bold;
    color: #fff;
    text-align: center;
    margin-bottom: 1.5rem;
}
.home-slide-cnt-main {
    text-align: center;
    border: 1px solid #fff;
    border-radius: 0.8rem;
    padding: 0.8rem .4rem;
}
.home-slide-cnt-main {
    text-align: center;
    border: 1px solid #fff;
    border-radius: 0.8rem;
    padding: 1.75rem 1rem 2rem;
    max-width: 45em;
    position: relative;
}
.home-slide-cnt{
    padding-right: 4rem
}
.home-slide-cnt-main li {
    font-style: italic;
    margin-bottom: .8rem;
    display: inline-block;
    text-align: left;
    position: relative;
    padding-left: 1.25em
}
.home-slide-cnt-main li:before {
    content: '';
    position: absolute;
    top: 0.4em;
    left: 0;
    width: 0.85em;
    height: 0.85em;
    border: 1px solid #fff;
    border-radius: 50%;
}
.home-slide-cnt-main .banner-btn, .home-banner .basic-yop-poll-container .basic-button, 
.home-banner .basic-yop-poll-container button, .home-slide-cnt-main .basic-vote-button {
    position: absolute;
    bottom: -33px;
    left: 50%;
    transform: translateX( -50% );
    background: #fff;
    color: #f5861f;
} 
.home-slide-cnt-main .banner-btn:hover, .home-banner .basic-yop-poll-container .basic-button:hover, 
.home-banner .basic-yop-poll-container button:hover, .home-slide-cnt-main .basic-vote-button:hover{
    background: #36b749;
    color: #fff;
}
.home-slide-img{
    position: relative;
    z-index: 1
}
.home-slide-img img{
    max-height: 75vh
}
.large-heading{
    font-size: 3.65rem
}
.scroll-down-btn {
    position: absolute;
    bottom: 25px;
    left: 50%;
    transform: translateX( -50% );
    z-index: 9;
    width: 110px;
    text-align: center;
}
.scroll-down-btn a span{
    display: block;
    margin-top: 4px;
    font-size: 14px;
    color: #fff;
}
.home-banner .carousel-indicators{
    align-items: center
}
.home-banner .carousel-indicators li { 
    width: 20px;
    height: 20px;
    border-radius: 50%;  
    padding: 0;
    background-color: transparent;
    border: 1px solid #fff;
}
.home-banner .carousel-indicators li.active { 
    width: 25px;
    height: 25px; 
    background-color: #f5861f
}

/** Poll Banner **/
.home-banner .basic-yop-poll-container, 
.home-banner .basic-question,  
.home-banner .basic-element, 
.home-banner .basic-yop-poll-container .basic-yop-poll-container>.basic-inner, .home-banner .home-slide-cnt-main li{
    background-color: transparent!important;
    border: none!important;
}
.home-slide-cnt-main .basic-yop-poll-container li:before{
    content: none
}
.home-slide-cnt-main li.basic-answer{
    display: block
}
.home-slide-cnt-main li.basic-answer:last-child, .home-slide-cnt-main li.basic-answer{
    margin-bottom: 10px!important
}
.home-banner .bootstrap-yop .basic-yop-poll-container{
    overflow: visible
}
.home-slide-cnt-main .basic-vote-button {
    font-size: 1.2em!important;
    text-transform: uppercase;
    padding: 1.25rem 3.5rem!important;
    bottom: -57px;
    border-radius: 3.8rem!important;
    text-decoration: none!important;
}
.home-banner .basic-yop-poll-container .basic-back-to-vote-button{
    bottom: -64px; 
}
.home-banner .basic-yop-poll-container>.basic-inner{
    padding-top: 0!important 
}
.basic-answer .basic-text {
    font-style: normal;
    font-weight: normal;
}

/*   ------   About   ------  */

.about-section {
    background: #5caccd;
}
.about-img img{
    width: 100%;
}
.about-sect-cnt {
    width: 58%;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    padding: 2rem 5rem;
}
.about-sect-cnt .main-heading {
    margin-bottom: 2rem;
}
.about-img { 
    width: 42%;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
}
.home-about-content{
    font-size: 1.2rem;
    line-height: 1.65em
}
.about-sect-cnt .btn-style {
    background: transparent;
    border: 1px solid #fff;
}
.about-sect-cnt .btn-style:hover{
    background: #f5861f;
    border-color: #f5861f;
}
.about-sect-cnt h5{
    margin-top: 2.5rem;
}







/*   ------  Panel-3     --------  */


.panel-3{
    background: url(../images/panel-3-bg.jpg)no-repeat; 
    background-size: cover;
    background-attachment: fixed;
    padding: 5.3rem 0 3.5rem;  
    background-position: center center;
}
.panel-3 .container-fluid {
    padding: 0 90px;
}
.panel-3 img.panel-3-icon-hover {
    display: none;
}
.panel-3-main {
    width: 750px;
    max-width: 100%;
    margin: auto; 
}
.panel-3-main .card {
    border: 0;
    border-radius: 0.6rem;
    text-align: center;
}
.panel-3-box-main h4 {
    margin: 1.3rem 0;
    line-height: 1;
    color: #000;
}
.panel-3-box-main p {
    color: #707070;
}
.panel-3-main .card-body { 
    padding: 1.25rem 1rem;
}
.panel-3-main [ class*='col-']{
    margin-bottom: 30px;
}



@media(min-width:1025px){
    .panel-3-main .card:hover {
        background: #36b749;
        color: #fff
    }
    .panel-3-main .card:hover *{
        color: #FFF
    }
    .panel-3-main .card:hover img.panel-3-icon-hover{
        display: block;
        margin: auto;
    }
    .panel-3-main .card:hover img.panel-3-icon{
        display: none;
    }
    .panel-3-main .card:hover h4, .panel-3-main .card:hover p{
        color: #fff;
    }
}


/*   ------  impact     --------  */


.impact-section {
    padding: 5rem 0;
    text-align: center;
    background: #fff;
}
.impact-section .main-heading {
    margin-bottom: 5rem;
}
.impact-sect-box h4 {
    color: #707070;
    font-size: 1.4em;
    margin-bottom: 1.1rem;
    text-transform: uppercase;
}
.impact-sect-box h4 img{
    margin-right: 5px;
    position: relative;
    top: -3px
}
.impact-sect-box p {
    color: #707070;
    padding: 0 1.5rem;
}
.impact-sect-box .circle-number {
    font-size: 3em;
    font-weight: bold;
    width: 150px;
    height: 150px;
    color: #36b749;
    text-align: center;
    border: 4px dashed #3dcdff;
    border-radius: 50%;
    margin: 0 auto 2rem;
    line-height: 150px;
}
.impact-section-main > .row > div:nth-child(2) .circle-number{
    color: #f5861f
}
.impact-section-main > .row > div:nth-child(3) .circle-number{
    color: #5caccd
}

/*   ------  Workbook     --------  */


.workbook-section {
    background: #f8c752;
    padding: 5rem 0;
}
.workbook-sect-cnt {
    text-align: center;
}
.workbook-sect-cnt .h4 {
    font-size: 2.3em;
    font-weight: bold;
    color: #36b749;
    margin-bottom: 0.5rem;
}
.workbook-sect-cnt .h2 {
    font-size: 5.5em;
    color: #36b749;
    font-weight: bold;
    line-height: 1;
}
.workbook-sect-cnt .h3 {
    font-size: 2.3em;
    font-weight: normal;
    color: #000;
    margin-bottom: 0
}
.workbook-sect-cnt p {
    text-align: center;
    font-size: 1.4em;
    color: #000;
    max-width: 300px;
    margin: 1.3rem auto;
}
.workbook-sect-cnt .btn-style {
    background: #36b749;
}
.workbook-sect-cnt .btn-style:hover {
    background: #f5861f;
}

/*  ------    How We Do   ------      */


section.how-we-do {
    background: #fff;
    padding: 5rem 0 6.5rem;
}
.how-we-do-box-main {
    display: flex;
    justify-content: center;
}
.how-we-do-box-main-circle {
    width: 380px;
    height: 380px;
    background: #fff;
    box-shadow: 0 0 15px #36b749;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}
.how-we-do-box-main-circle h2, .how-we-do-box-main-circle .h3 {
    width: 290px;
    height: 290px;
    border-radius: 50%;
    background: #f5861f;
    text-align: center;
    color: #fff;
    box-shadow: 0 0 12px #f5861f;
    display: flex;
    margin: 0;
    font-weight: 600;
    justify-content: center;
    align-items: center;
    padding: 0 15px;
}
.step-circle-main {
    width: 200px;
    height: 200px;
    align-items: center;
    border: 3px dashed #000;
    justify-content: center;
    display: flex;
    border-radius: 50%;
    margin-bottom: 20px;
}
.step-circle {
    background: #000;
    width: 125px;
    height: 125px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    box-shadow: 0 0 12px #616161;
}
.step-circle-inner{
    width: 170px;
    height: 170px;
    background: red;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}
.step-1  .step-circle-main{
    border-color: #ffc700;
}
.step-1  .step-circle, .step-1  .step-circle-inner{
    background: #ffc700;
} 
.step-2  .step-circle-main{
    border-color: #1dd7c0;
}
.step-2  .step-circle, .step-2  .step-circle-inner{
    background: #1dd7c0;
} 
.step-3  .step-circle-main{
    border-color: #f8566d;
}
.step-3  .step-circle, .step-3  .step-circle-inner{
    background: #f8566d;
} 
.step-4  .step-circle-main{
    border-color: #3dcdff;
}
.step-4  .step-circle, .step-4  .step-circle-inner{
    background: #3dcdff;
} 
.step-5  .step-circle-main{
    border-color: #a6d306;
}
.step-5  .step-circle, .step-5  .step-circle-inner{
    background: #a6d306;
} 
.step-text p {
    font-size: 1em;
    color: #707070;
    max-width: 190px;
}
.step-text .h5 {
    color: #000;
    font-weight: 500;
    margin-bottom: .7rem;
}
.how-we-do-main {
    position: relative;
}
.step-1 {
    position: absolute;
    top: 7.5em;
    left: 3.5em;
}
.step-2 {
    text-align: center;
    position: absolute;
    left: 10em;
    top: 24em;
}
.step-3 {
    text-align: center;
    position: absolute;
    left: 50%;
    transform: translateX( -50% );
    top: 30em;
}
.step-4 {
    text-align: center;
    position: absolute;
    right: 10em;
    top: 24em;
}
.step-5 {
    position: absolute;
    top: 7.5em;
    right: 3.5em;
    text-align: right;
}
.how-we-do-steps-main {
    min-height: 440px;
}
.step-1 .step-text {
    margin-left: -5em;
    margin-top: -1em;
}
.step-5 .step-text {
    margin-right: -5em;
    margin-top: -1em;
    clear: both;
}
.step-5 .step-text p {
    float: right;
}
.step-3 .step-text p, .step-4 .step-text p, .step-5 .step-text p{
    margin: auto;
}



/*  ------    Customer Review    ------      */


.customer-review{
    background: url(../img/review-bg.jpg)no-repeat;
    background-size: cover;
    background-attachment: fixed;
    padding: 4.4rem 0;
    text-align: center;
    color: #fff;
    background-position: center center;
    position: relative;
}
.customer-review:before {
    content: '';
    background: rgba(49, 176, 201, .8);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.customer-review .container{
    position: relative;
}
.testimonial-content-inner {
    font-size: 1.3em;
    font-weight: 300;
    line-height: 1.65em
}
.customer-review-box .h5 em {
    font-size: 2.2em;
    opacity: 0.5;
    margin: 1.5rem 0;
}
.review-author img {
    margin: auto;
    width: 110px !important;
    height: 110px;
    object-fit: cover;
    border-radius: 50%;
    border: 3px solid #fff;
}
.review-author {
    margin-top: 2rem;
}
.review-author h4 {
    color: #fff;
    font-size: 1.3em;
    font-weight: normal;
    margin-top: 1rem;
}
.review-author h4 span {
    display: block;
    text-transform: uppercase;
    margin-bottom: 5px;
}
.customer-review  .owl-theme .owl-dots .owl-dot span {
    width: 15px !important;
    height: 15px !important; 
    border: 1px solid #fff !important;
    background: transparent !important;
}
.customer-review .owl-theme .owl-dots .owl-dot.active span, .customer-review .owl-theme .owl-dots .owl-dot:hover span {
    background: #ffffff !important;
}
.customer-review .owl-theme .owl-nav.disabled + .owl-dots {
    margin-top: 25px;
}


/*  ------   Blog   ------   */

.blog-sect {
    padding: 4.4rem 0;
    background: #fff;
}
.latest-blog-main h2 {
    margin-bottom: 1.7rem;
}
.latest-blog-main p {
    font-size: 1.1em;
    color: #707070;
    margin-bottom: 1.9rem;
}
.blog-sect .card { 
    border: 0;
    border-radius: 0.4rem;
}
.blog-sect  .card-body {
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: 0 0 0.6rem 0.6rem;
    padding: 1.25rem 0.6rem;
}
.blog-sect .card-img-top { 
    border-top-left-radius: 0.6rem;
    border-top-right-radius: 0.6rem;
}  
.blog-sect .blog-box-cnt h3 {
    font-size: 1.5em;
    margin-bottom: 1rem;
    color: #444444;
}
ul.blog-date {
    margin: 1rem 0;;
    padding: 0
}
ul.blog-date li {
    font-size: 0.9em;
    padding-left: 0;
    color: #363636;
}
ul.blog-date li:before{
    content: none
}
ul.blog-date li em{
    color: #f5861f;
    margin-right: 5px;
}
.blog-box-cnt a {
    color: #0096c3;
    font-size: 14px;
    display: inline-block;
    text-decoration: underline;
}
.blog-sect  img.card-img-top {
    width: 100%;
    height: 290px;
    object-fit: cover;
}

/*  ------  Newslatter   ------  */


.newslatter-sect {
    background: url(../images/newslatter-bg.jpg)no-repeat;
    background-size: cover;
    background-attachment: fixed;
    padding: 6rem 0;
    text-align: center;
    color: #fff;
    background-position: center center;
}
.newslatter-sect p {
    font-size: 1.35em;
    font-weight: normal;
    color: #fff;
    line-height: 1.45;
}
.form-group-main {
    max-width: 740px;
    border-radius: 45px;
    height: 80px;
    display: flex;
    margin: 40px auto 0;
    position: relative;
}
.form-group-main input[type="email"] {
    width: calc(100%);
    height: 80px;
    border: 0;
    outline: 0;
    padding: 0 0 0 75px;
    font-size: 1.1em;
    color: #000;
    background-color: #FFF;
    display: block;
    border-radius: 50px 0 0 50px;
}
.newslatter-sect div.wpcf7-mail-sent-ok{
    color: #FFF!important   
}
.form-group-main em{
    color: #36b749;
    position: absolute;
    top: 50%;
    left: 30px;
    z-index: 1;
    transform: translateY(-50% );
    font-size: 2em;
}
.newslatter-form-btn, .form-group-main input[type="submit"], .form-group-main input[type="button"] {
    background: #f5861f;
    border: none;
    height: 80px;
    text-align: center;
    width: 180px;
    border-radius: 0 45px 45px 0;
    text-transform: uppercase;
    color: #fff;
    font-size: 1.1em;
    cursor: pointer;
}
.newslatter-sect  div.wpcf7-validation-errors{
    color: #f3dd34!important;
}
.newslatter-sect span.wpcf7-not-valid-tip{
    display: none
}

/************* 
Inner Banner
*****************/
.inner-banner{
    height: 30rem;
    background-color: #b5b5b5;
    color: #FFF;
    position: relative;
    text-align: center;
    background-position: center!important;
    background-size: cover!important
}
.inner-banner:after{
    background-color: rgba(0,0,0,0.75);
    background-size: cover;
    opacity: 0.8;

    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    top: 0;
    bottom: 0;
    content: ""
}
.inner-banner .container{
    position: relative;
    z-index: 2
}
.inner-banner h1, .inner-banner .h1{
    color: #FFF;
    font-size: 5.25rem;
    margin-bottom: 0;
    font-weight: 700;
}

/** Page Solutions ***/
.solution-row-listing > div:first-child{
    margin-top: 0!important
}
.solution-row-listing > div:last-child{
    margin-bottom: 2rem!important
}
.solution-row-listing > div{
    margin-top: 6.5rem;
    margin-bottom: 6.5rem
}
.solution-row-listing > div:nth-child(even){
    flex-direction: row-reverse
}
.solution-row-listing > div:nth-child(even) .solution-listing-content{
    padding-right: 2rem
}
.solution-detail-image{
    max-width: 650px
}

/*** Common *****/
.video-holder{
    position: relative;
    text-align: center
}
a.wrap-link {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    font-size: 0;
}
.video-icon{
    font-size: 73px;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    left: 50%;
    border-radius: 50%;
    text-shadow: 0px 0px 50px #FFF;
    line-height: 0.75;
    display: block;
    background-color: #fff;
    border-radius: 50%;
    border: 2px solid #fff;
}
.video-icon .fa{
    color: #1c60ac!important;
    line-height: 0.85;
}
.relative{
    position: relative
}
.preloader-outer{
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #FFF;
    z-index: 99999;
    display: none
}
.preloader {
    border: 3px solid #daa520;
    border-top: 3px solid #715409;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    margin:175px auto 0;
    animation: spin 2s linear infinite;
}
.preloader-outer.preloader-active{
    display: block
}
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/************* 
  Quick Contact
*****************/
.quick-full-overlay{
    position: fixed;
    top: 0;
    bottom: 0;
    display: none;
    width: 100%;
    height: 100%;
    z-index: 101
}
.contact-form input[type="text"], 
.contact-form input[type="email"], 
.contact-form input[type="tel"],
.contact-form select,
.contact-form textarea{
    border-width:1px;
    border-style:solid;
    border-color: #cecece;
    height: 40px;
    width: 100%;
    display: block;
    line-height: 1em
}
.quick-quote-form-layout div.wpcf7-response-output{
    background-color: #FFF;
    margin: -1px 0 0!important;
    font-size: 11px
}


.contact-form textarea{
    height: 65px;
    margin-top: 20px
}
.quick-contact .h4 {
    margin-bottom: 5px;
    text-transform: uppercase;
    font-weight: 700
}
.quick-contact p{
    margin-bottom: 10px;
    margin-top: 5px;
    font-size: 12px;
    white-space: normal;
    line-height: 1.35;
    word-wrap: break-word;
    letter-spacing: 0.015em;
}
.contact-form ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #666;
    opacity: 1!important
}
.contact-form ::-moz-placeholder { /* Firefox 19+ */
    color: #666;
    opacity: 1!important
}
.contact-form :-ms-input-placeholder { /* IE 10+ */
    color: #666;
    opacity: 1!important
}
.contact-form :-moz-placeholder { /* Firefox 18- */
    color: #666;
    opacity: 1!important
}


/*** Portfolio ****/
.portfolio-post-listing{
    padding-bottom: 15px;
    height: 100%
}
.portfolio-post-thumb img{
    width: 100%;
    height: 24em;
    object-fit: cover
}
.portfolio-post-listing-row > div{
    margin-top: 1em;
    margin-bottom: 1em
}
.portfolio-post-info{
    display: flex;
    justify-content: space-between
}
.portfolio-post-title{
    width: calc(100% - 175px);
    padding-right: 20px;
    line-height: 1.35em
}
.portfolio-detail-image img {
    height: 32em;
    width: 100%;
    object-fit: cover;
}
.portfolio-post-category{
    text-align: right;
    line-height: 1
}
.portfolio-post-category a{
    color: #666;
    font-size: 13px;
    line-height: 1.35em;
    display: inline-block
}
.portfolio-post-category a+a:before{
    content: ",";
    display: inline-block;
    margin: 0 5px 0 -3px;
}

/*** Portfolio Filter ****/
.portfolio-filter-section{
    border: 1px solid #cecece;
    padding: 10px
}
.portfolio-filter-box{
    display: flex;
    align-items: center;
    justify-content: center
}
.portfolio-dropdown-btn {
    border: 1px solid #ccc;
    background-color: transparent;
    border-radius: 3em;
    text-transform: uppercase;
    padding: 0.75em 4.5em 0.75em 1.5em;
    position: relative;
    cursor: pointer;
    min-width: 15em;
    text-align: left;
}
.portfolio-dropdown-btn.dropdown-toggle::after {
    position: absolute;
    right: 1.25em;
    top: 50%;
}
.portfolio-dropdown-btn.dropdown-toggle::before{
    content: "";
    position: absolute;
    height: 100%;
    width: 1px;
    right: 3em;
    top: 0;
    background-color: #ccc;
}

.portfolio-dropdown .dropdown-item{
    padding: 0;
    min-width: 14em
}
.portfolio-dropdown .dropdown-item:first-child{
    border-radius: 10px 10px 0 0
}
.portfolio-dropdown .dropdown-item:last-child{
    border-radius:0 0 10px 10px
}
.portfolio-dropdown .dropdown-menu{
    padding: 0;
    margin: 0;
    border-radius: 10px
}
.filter-by {
    text-transform: uppercase;
    font-weight: 500;
    font-size: 1.2em;
    width: 9em;
    color: #777777
}
.filter-box-outer > div{
    margin-left: 0.75em;
    margin-right: 0.75em
}
.portfolio-dropdown span.wpcf7-list-item{
    display: block;
    margin-bottom: 0;
    margin-left: 0
}
.portfolio-dropdown span.wpcf7-list-item > label{
    display: block;
    margin-bottom: 0;
    width: 100%;
    padding: 5px 15px;
}
.filter-button {
    background-color: #37b74a;
    color: #FFF;
    border-radius: 2em;
    border: none;
    text-transform: uppercase;
    padding: .80em 1.55em;
    cursor: pointer;
}
.filter-clear-box input{
    background-color: transparent;
    border: none;
    color: red;
    text-transform: uppercase;
    border-bottom: 1px solid red;
    padding: 0;
    font-weight: 500;
    line-height: 1.35;
    cursor: pointer
}
.empty-dropdown{
    color: red;
    font-size: 14px;
    opacity: 0;
    transition: all ease-in-out 0.35s;
    visibility: hidden
}
.empty-dropdown.active-error{
    opacity: 1;
    visibility: visible;
    transition: all ease-in-out 0.35s;
}

@media(min-width:1025px){
    /** Hover ***/
    .portfolio-post-listing:hover{
        background-color: #000;
    }
    .portfolio-post-listing:hover, .portfolio-post-listing:hover .portfolio-post-category a{
        color: #FFF
    }
    .portfolio-post-title, .portfolio-post-category{
        transform: none;
        transition: all ease-in-out 0.5s
    }
    .portfolio-post-listing:hover .portfolio-post-title{
        transform: translateX(15px);
    }
    .portfolio-post-listing:hover .portfolio-post-category{
        transform: translateX(-15px)
    }
    .portfolio-post-thumb{
        position: relative;
        overflow: hidden
    }
    .portfolio-post-thumb:after {
        position: absolute;
        left: 0;
        width: 100%;
        background-color: rgba(0,0,0,0.35);
        content: "";
        height: 100%;
        z-index: 1;
        bottom: 0;
        transform: translateY(100%);
        transition: all cubic-bezier(0.46, 0.03, 0.52, 0.96) 0.55s;
    }
    .portfolio-post-thumb:hover:after{
        transform: translateY(0); 
    }
    .portfolio-post-thumb:before {
        position: absolute;
        top: 0;
        content: "";
        left: 0;
        background: url(../img/link-icon.png) no-repeat center;
        width: 100%;
        height: 100%;
        visibility: hidden;
        transform: translateY(30px);
        transition: all ease-in-out 0.45s;
        z-index: 2

    }
    .portfolio-post-thumb:hover:before {
        transform: translateY(0);
        visibility: visible
    }
}


/************* 
   Category Top Section
*****************/
.post-top-bar{
    border-top:1px solid #eee;
    border-bottom: 1px solid #eee;
    padding: 20px 0;
    background-color: #f2f2f2
}
.post-top-category-listing{
    text-transform: uppercase
}
.top-simple-category a{
    color: #000;
    text-decoration: none!important
}
.top-simple-category a+a{
    margin-left: 10px;
    margin-right: 10px;
    display: inline-block;
    vertical-align: middle
}
.top-simple-category a.active-category{
    color: #f5861f
}
.top-dropdown-category .dropdown-menu .dropdown-item.active-category{
    background-color: #f5861f;
    color: #FFF
}
.top-dropdown-category .dropdown-menu .dropdown-item+.dropdown-item{
    border-top:1px solid rgba(0,0,0,0.1)
}
.dropdown.category-dropdown:hover>.dropdown-menu {
    display: block;
}
.dropdown.category-dropdown>.dropdown-toggle:active {
    /*Without this, clicking will make it sticky*/
    pointer-events: none;
}
.post-top-bar .flex_nowrap{
    -webkit-box-pack:space-between;
    -ms-flex-pack:space-between;
    -webkit-justify-content: space-between; 
    justify-content:space-between;
}
.post-top-category-listing > div{
    display: inline-block;
    vertical-align: middle
}
.category-dropdown button.dropdown-toggle{
    border: none;
    line-height: 1;
    background-color: transparent;
    color: #000!important;
    font-size: 0.65em;
}
.category-dropdown button.dropdown-toggle:after{
    /*    content: "\f107";*/
    font-family: FontAwesome;
    border: none;
    font-size: 23px;
    vertical-align: middle;
    height: auto;
    width: auto;
    color: #000;
    margin-left: 4px;
}
.top-dropdown-category .dropdown-menu {
    margin-top: 0;
    padding: 0;
    border-radius: 0;
}
.top-dropdown-category .dropdown-menu .dropdown-item:hover,
.top-dropdown-category .dropdown-menu .dropdown-item.active, 
.top-dropdown-category .dropdown-menu .dropdown-item:active{
    background-color: #f5861f;
    color: #FFF
}
.top-dropdown-category .dropdown-menu .dropdown-item{
    font-size: 0.90em
}
.blog-search-box{
    width: 37%
}
.blog-search-box input[type="submit"]{
    background:#FFF url(../img/search-icon-black.png) no-repeat center;
    font-size: 0;
    width: 4rem;
    height: 2.75rem;
    position: relative;
    border: 1px solid #e8e8e8!important;
    border-left: none!important;
    cursor: pointer;
    border-radius: 0 20px 20px 0;
    border: none
}
.blog-search-box input[type="text"]{
    padding:0 0.75rem;
    border: 1px solid #e8e8e8;
    border-right: none;
    text-indent: 10px;
    height: 2.75rem;
    border-radius: 20px 0 0  20px;
    line-height: 1
}
.blog-search-box{
    overflow: hidden
}
.blog-search-input-field{  
    transform: translateX(100%);
    position: relative;
    width: 75%;
    transition: all ease-in-out 0.45s;
}
.search-submit-field{
    position: relative;
    cursor: pointer
}
.blog-search-box .search-submit-field:after{
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top:0;
    bottom: 0;
    left: 0
}
.active-search-blog  .search-submit-field:after{
    content: none
}
.active-search-blog  .blog-search-input-field{
    transform: translateX(0);
}
.search-keyword{
    font-size: 18px
}
.search-by{
    color: #ffa528
}

/*** Common ***/
.radio-list>label{font-weight:600;margin-bottom:0;font-size:15px}
.radio-list .wpcf7-form-control.wpcf7-radio,
.radio-list .wpcf7-form-control.wpcf7-checkbox{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-items:center;-ms-flex-align:center;align-items:center}
.radio-list .wpcf7-form-control.wpcf7-radio .wpcf7-list-item,
.radio-list .wpcf7-form-control.wpcf7-checkbox .wpcf7-list-item{-webkit-align-items:center; width: 100%; -ms-flex-align:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;margin:0}
.radio-list input[type=radio],
.radio-list input[type=checkbox]{position:absolute !important;left:-9999px !important}
.radio-list .wpcf7-radio span.wpcf7-list-item-label,
.radio-list .wpcf7-checkbox span.wpcf7-list-item-label{position:relative;padding-left:1.75em; display: inline-block}
.radio-list .wpcf7-radio span.wpcf7-list-item-label:before,
.radio-list .wpcf7-checkbox span.wpcf7-list-item-label:before{content:'';background:#fff;width:1.15em;height:1.15em;position:absolute;left:0;top:0.85em;transform:translateY(-50%);border-radius:100%;border:3px solid rgba(0, 0, 0, 0.35)}
.radio-list input[type=radio]:not(old):checked+span:before,
.radio-list input[type=checkbox]:not(old):checked+span:before{background:rgba(0, 0, 0, 0.28)}
.basic-label .basic-answer-content{position: relative; padding-left: 20px}
.basic-label input[type='checkbox'], .basic-label input[type='radio']{position:absolute !important;left:-9999px !important}
.basic-label .basic-answer-content:before{    
    content: '';
    width: 1.15em;
    height: 1.15em;
    position: absolute;
    left: 0;
    top: 0.75em;
    transform: translateY(-50%);
    border-radius: 100%;
    border: 2px solid #FFF;
}
.basic-label input[type='checkbox']:checked+.basic-answer-content:before,
.basic-label input[type='radio']:checked+.basic-answer-content:before{
    background:#fff
}
.basic-question-title{
    font-size: 1.35em
}
.bootstrap-yop .progress-bar{
    background-color: rgb(251, 212, 85)!important
}
.bootstrap-yop .form-control{
    border-radius: 0;
    border: none;
}


/*** Newsletter - PopUp **/
button.close {
    padding: 0;
    background-color: transparent;
    border: 0;
    -webkit-appearance: none;
    position: absolute;
    right: 0;
    width: 30px;
    height: 30px;
    background-color: #f5861f;
    opacity: 1;
    text-shadow: none!important;
    color: #FFF!important;
    z-index: 3;
    font-weight: 400;
}
.ebook-pop-wrap .modal-body {
    padding: 2em;
    position: relative;
    z-index: 2
}
.ebook-pop-wrap .h2{
    color: #daa520  
}
.ebook-pop-wrap .modal-dialog{
    max-width: 700px;
    padding: 15px
}
.ebook-pop-wrap .wpcf7-response-output{
    margin-left: 0!important;
    margin-right: 0!important;
    left: -1rem;
    right: -1rem;
    max-width: none
}
.ebook-pop-wrap .modal-content:before{
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: url(../img/background_pattern_red.jpg);
    opacity: 0.1
}
.ebook-pop-wrap input[type="submit"]{
    background-color: #DAA520;
    color: #FFF;
    margin-top: 0
}
.border1{
    border-right: 1px solid #eee
}


@media(min-width:1025px){
    .ebook-pop-wrap input[type="submit"]:hover{
        background-color: #ab8117
    }
}

/************* 
  Blog Detail
*****************/
.single-post-banner{
    width: 100%;
    margin-bottom: 10px;
    height:30rem;
    object-fit: cover

}
.post-detail-title{
    margin-bottom: 15px;
    font-weight: 700
}
.single-post-banner-holder {
    background-color: #eee;
    margin-bottom: 20px;
    border: 5px solid #FFF;
    box-shadow: 0 0 5px rgba(0,0,0,0.1)
}
.single-post-banner-holder img{
    margin-bottom: 0
}


/** Comment Form ***/
div.comment-form, div.comment-form .h3{border-top:1px solid #ccc; padding-top: 30px; margin-top: 30px}
#comments h3, div.comment-form .h3 {font-size: 1.5rem; color: #000; padding: 8px 0; margin-bottom: 25px}
div.comment-form .h3{padding-top: 30px}
#commentform .comment-notes{display:none;}

/**** Success Message *****/
.comment-success-message {
    position: fixed;
    top: 0;
    width: 100%;
    height: 185px;
    background-color: rgba(13, 56, 64, 0.93);
    z-index: 30;
    left: 0;
    transition: all ease-in-out 0.5s;
}
.submitted-comment .comment-success-message {
    transform: translateY(0);  
}
.comment-success-message{
    transform: translateY(-100%);
    transition: all ease-in-out 0.5s;
}
.comment-success-message-box{
    text-align: center;
    color: #FFF;
}
.comment-main-logo{
    margin-bottom: 10px;
    max-width: 162px
}



@media(min-width:651px){
    #commentform .comment-form-author, #commentform .comment-form-email,  #commentform .comment-form-url, #commentform .comment-form-url{width:50%;  float: left}    
    #commentform .comment-form-author{
        width: calc(50% - 15px);
        margin-right: 15px
    }
    #commentform .comment-form-email{
        width: calc(50% - 15px);
        margin-left: 15px
    }
}
#commentform .comment-form-url{width: 100%}
#commentform label{display:none}
#commentform p input[type="text"], #commentform p input[type="email"], #commentform p input[type="url"], #commentform textarea {
    border: none;
    padding: 0 25px 0 25px;
    width: 100%;
    color: #707070;
    background-color: transparent;
    height: 3.5rem;
    line-height: 1;
    border: 1px solid rgba(0,0,0,0.1);
    border-radius: 1.75rem;
}
#commentform textarea{height:10rem; width:100%; padding-top: 15px; padding-bottom: 15px}
#commentform p input[type="url"]{width:100%}
#comments .comments-title{ background:#f3f3f3; padding:7px; color:#000; border-bottom:3px solid #4f87ce;}
ol.commentlist { list-style:none; margin:0 0 1em; padding:0; text-indent:0; }
ol.commentlist li.comment { border-bottom:1px solid rgba(0,0,0,0.1); padding:1em; }
ol.commentlist li.comment:after{
    content: "";
    display: table;
    clear: both
}
ol.commentlist li.comment div.vcard { font-size: 600; text-transform: uppercase}
ol.commentlist li.comment div.vcard cite.fn { font-style:normal; }
ol.commentlist li.comment div.vcard img.avatar {    
    border: 5px solid #ccc;
    float: left;
    margin-right: 25px;
    width: 100px;
    height: 100px;
    border: none; }
ol.commentlist li.comment div.comment-meta { font-size: 14px}
ol.commentlist li.comment div.comment-meta a { }
ol.commentlist li.comment ul { font-size:11px; list-style:square; margin:0 0 1em 2em; }
ol.commentlist li.comment div.reply {   
    text-transform: uppercase; float: right}
ol.commentlist li.comment div.reply a {font-size: 11px;
                                       text-align: right;
                                       background-color: #36b348;
                                       display: inline-block;
                                       color: #FFF;
                                       padding: 6px 19px; font-weight:bold; color: #FFF; text-decoration: none!important }
ol.commentlist li.comment ul.children { list-style:none; margin:1em 0 0; text-indent:0; }
ol.commentlist li.comment ul.children li.depth-2 { border-left:5px solid rgba(79, 135, 206, 0.65); margin:0 0 .25em .25em; }
ol.commentlist li.comment ul.children li.depth-3 { border-left:5px solid #999; margin:0 0 .25em .25em; }
ol.commentlist li.comment ul.children li.depth-4 { border-left:5px solid #bbb; margin:0 0 .25em .25em; }
ol.commentlist li.even { background:#fff; }
ol.commentlist li.odd { background:#f6f6f6; }
ol.commentlist li.parent { border-left:5px solid #4f87ce; }
ol.commentlist li.thread-even { background-color:#fcfcfc;}
ol.commentlist li.comment ul.children li:before{content: none}
p.comment-form-comment{margin-bottom: 10px}
ol.commentlist li.comment:last-child{
    border-bottom: 0
}
#comments .comments-title{
    display: none
} 
div.comment-form ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #707070;
    opacity: 1!important
}
.div.comment-form ::-moz-placeholder { /* Firefox 19+ */
    color: #707070;
    opacity: 1!important
}
div.comment-form :-ms-input-placeholder { /* IE 10+ */
    color: #707070;
    opacity: 1!important
}
div.comment-form :-moz-placeholder { /* Firefox 18- */
    color:#707070;
    opacity: 1!important
}
ol.commentlist li.comment{
    position: relative;
    padding-left: 150px
}
.commentlist > li .comment-body .comment-author{
    position: relative
}
.commentlist > li:before{
    width: 100px;
    margin-right: 25px;
    position: absolute;
    left: 20px;
    height: 100px;
}
.commentlist > li.byuser:before{
    content: "";
    background: url(../img/wpb-default-gravatar.jpg) no-repeat

}
.commentlist > li:not(.byuser):before{    
    background-color: #ccc;
    content: "\f007";
    font-family: FontAwesome;
    font-size: 58px;
    text-align: center;
    line-height: 100px;
    color: black;
}
.commentlist > li .comment-body .comment-author img.avatar{
    display: none
}


/** Related Posts **/
.related-posts{
    padding-top: 50px;
    margin-top: 35px;
    border-top: 1px solid #ccc;
}
.related-posts .image-Right-back {
    top: 0.5rem;
    left: 0.5rem;
}
.single.single-post .related-posts .image-right-outer{
    margin-right: 0
}
/************* 
   Grid View - Common Layout
*****************/
.grid-post-top-layout{
    margin-bottom: 50px
}

.load-more-button, .multiple-tax-load-more-button{
    background-color: #f5861f;
    color: #FFF!important;
    min-width: 180px;
    text-align: center;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 70px;
    display: inline-block;
    padding: 0;
    position: relative;
    white-space: nowrap;
    text-shadow: 0 0 5px rgba(0,0,0,0.25);
    margin: 50px auto 0;
    border-radius: 50px;
    cursor: pointer;
}
.disable-btn{
    pointer-events: none;
    cursor: default;
}
.loader{
    border: 3px solid #fff;
    border-radius: 50%;
    border-top: 3px solid #695d30;
    width: 30px;
    height: 30px;
    display:none;
    position: relative;
    top:9px;
    -webkit-animation: spin 1.15s linear infinite; /* Safari */
    animation: spin 1.15s linear infinite;
}
.dual-tax {
    display: none;
} 

/* Safari */
@-webkit-keyframes spin {
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}


@media(min-width:651px){
    .grid-view-row{
        margin-left: -1.35%;
        margin-right: -1.35%
    }
    .grid-view-row > div{
        -ms-flex: 0 0 46.5%;
        flex: 0 0 46.5%;
        max-width: 46.5%;
        padding: 0;
        margin: 1.35%;
    }
}
.grid-view-featured-image{
    height: 232px;
    background-size: cover!important;
    background-position: center top!important;
    display: block;
    position: relative;
    font-size: 0
}
.grid-view-featured-image.video-format{
    font-size: 30px;
}
.video-format{
    position: relative
}
.video-format em {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #FFF;
    font-size: 53px;
    opacity: 0.85;
}
.default-featured-img{
    background: url(../img/default-img-large.gif) no-repeat
}
.grid-view-featured-image.grid-view-default-banner {
    background: #FFF url(../img/default-550x412.jpg) no-repeat center;
    background-size: 288px!important;
    border: 1px solid #eaeaea;
}
.grid-listing-content{
    padding: 1.85rem 1rem 1.55rem
}
.grid-listing-top-info{
    -webkit-box-pack:space-between;
    -ms-flex-pack:space-between;
    -webkit-justify-content: space-between; 
    justify-content:space-between;
    margin-bottom: 20px
}
.grid-listing-author {
    margin-top: 0.15rem;
    font-size: 0.8rem;
    font-weight: 300;
}
.grid-listing-top-info-left a{
    color: #000;
    font-size: 0.9rem;
    margin: 0.15rem 0;
    text-transform: none
}
.grid-category-listing a:hover{
    color: #fd0303;
    text-decoration: none
}
.grid-listing-top-info-left {
    line-height: 1.25;
    text-transform: uppercase;
    font-weight: 600;
    max-width: calc(100% - 140px);
}
.grid-listing-top-info-left a+a:before {
    content: "|";
    display: inline-block;
    color: #828282;
    font-weight: normal;
    margin: 0 4px 0 2px;
}
.blog-thumb-img img{
    width: 100%;
    height: 28em;
    object-fit: cover
}
.grid-post-date{
    font-size: 0.85rem
}
.grid-trim-content{
    line-height: 1.35
}
.read-all{
    text-transform: uppercase;
    font-weight: 600;
    margin-top: 16px;
    display: inline-block;
}
.grid-listing-content .read-all{
    text-transform: none;
    text-decoration: underline;
}
.grid-listing-content .read-all:hover{
    text-decoration: none;
    color: #f5861f
}
.post-grid-view-row > div:last-child{
    margin-bottom: 0!important
}
.post-grid-view-row > div:nth-child(4n+1) .image-Right-back{
    background-color: #fdcb50
}
.post-grid-view-row > div:nth-child(4n+2) .image-left-back{
    background-color: #f5861f
}
.post-grid-view-row > div:nth-child(4n+3) .image-Right-back{
    background-color: #48dc5d
}
.post-grid-view-row > div:nth-child(4n+4) .image-left-back{
    background-color: #5e9cb8
}

/************* 
   Featured  Posts
*****************/
.standalone-featured-layout .blog-post-featured-image, .standalone-featured-layout .post-featured-image{
    height: 325px;
    background-position: center!important;
    background-size: cover!important;
    display: block;
    margin-bottom: 10px;
    font-size: 0
}
.standalone-featured-layout .grid-featured-heading{
    text-transform: uppercase;
    font-weight: 700
}
.standalone-featured-layout .grid-post-date{
    font-size: 16px
}
.post-default-banner{
    background:#616161 url(../img/logo.png) no-repeat center
}
.standalone-featured-layout .post-default-banner{
    background-size:auto!important
}


/************* 
   Blog Recent
*****************/
.latest-blog-posts{
    border: 1px solid #cecece;
    padding: 1.25rem
}
.latest-blog-posts .h4{
    text-align: center;
    text-transform: uppercase
}
.latest-blog-posts .flex_nowrap{
    margin-top: 1.45rem;
    margin-bottom: 1.45rem
}
.latest-blog-posts .flex_nowrap:last-child{
    margin-bottom: 0
}
.recent-featured-image-col a {
    width: 3rem;
    height: 3rem;
    display: block;
    font-size: 0;
    border: 1px solid #ccc;
    background-position: center top!important;
    background-size: cover!important;
    margin-right: 15px;
}
.recent-featured-image.recent-default-banner{
    background: #FFF url(../img/default-550x412.jpg) no-repeat center
}
.recent-blog-post-title{
    text-transform: uppercase;
    font-size: 0.85rem;
    color: #707070;
    line-height: 1.45
}
.recent-blog-post-title a{
    color: #707070 
}
.recent-blog-post-date{
    font-size: 0.8rem;
    line-height: 1.55;
    text-transform: uppercase
}
.related-posts .blog-thumb-img img{
    height: 19em
}

/************************************* 
Contact Page Content
*****************************************/
.page-content-wrapper.contact-content-wrapper{
    padding-bottom: 0
}
.contact-small-wrap{
    font-size: 24px;
    position: relative;
    line-height: 1.35;
}
.contact-small-wrap:after,
.contact-small-wrap:before{
    content: "";
    width: 400px;
    max-width: 100%;
    height: 1px;
    margin: 0 auto;
    background-color: #ccc;
    display: block
}
.contact-small-wrap:before{
    margin-bottom: 30px
}
.contact-small-wrap:after{
    margin-top: 30px
}
.main-contact-inner > div+div{
    margin-top: 1em
}
.contact-form.main-contact input[type="text"], 
.contact-form.main-contact input[type="email"], 
.contact-form.main-contact input[type="tel"], 
.contact-form.main-contact textarea,
.contact-form select{
    font-size: 1rem;
    color: #707070;
    background-color: #FFF;
    padding-left: 1.75rem;
    padding-right: 1.75rem;
    height: 3.35rem;
    border-radius: 2rem;
}
.contact-form.main-contact input[type="number"]{
    border: 1px solid #eae9e9;
    border-color: #fbf6f6 #fbf6f6 #eae9e9 #fbf6f6;
    padding: 6px 10px;
}
.contact-form.main-contact .wpcf7-not-valid-tip{
    right: 25px
}
.contact-form.main-contact textarea {
    height: 11rem;
    padding-top: 1.55rem;
}
.contact-small-wrap h4{
    color: #1c60ac
}
.contact-small-wrap h4 strong{
    font-size: 1.2rem;
    color: #666;
    margin-top: 7px;
    display: block;
    font-weight: normal
}
.sidebar-address-top-content{
    margin-bottom: 30px;
    margin-top: 0.75em
}
.sidebar-address-top-content h3{
    font-weight: 600
}
.sidebar-address-top-content h6{
    color: #fd0303
}
.contact-sidebar ul{
    margin-left: 2.75rem;
    font-size: 1.1
}
.contact-sidebar ul li{
    position: relative;
    padding-left: 0
}
.contact-sidebar ul li+li{
    margin-top: 1.55rem
}
.contact-sidebar ul li .h4{
    text-transform: uppercase;
    font-size: 1.1rem;
    margin-bottom: 0.25rem

}
.contact-sidebar ul li:before{
    margin-left: -2.75rem;
    color: #1c60ac
}
.contact-sidebar ul li.map-icon:before{
    content: "";
    background: url(../img/map-green.png) no-repeat left top;
    width: 1.65rem;
    height: 2.5rem;
    background-size: 1.65rem;
}
.contact-sidebar ul li.phone-icon:before{
    content: "";
    background: url(../img/phone-icon-green.png) no-repeat left top;
    width: 2rem;
    height: 2rem;
    background-size: 1.85rem;
}
.contact-sidebar ul li.email-icon:before{
    content: "";
    background: url(../img/mail-icon-green.png) no-repeat left 0.15rem;
    height: 1.5rem;
    width: 1.85rem;
    background-size: 1.85rem
}
.contact-sidebar ul li.share-icon:before{
    content: "\f1e0";
    font-size: 46px
}
.contact-sidebar ul li a{
    color: #000
}
.contact-sidebar ul li.share-icon .h4{
    margin-bottom: 15px
}
.contact-social .social-media a {
    color: #000;
    margin: 0 5px;
    font-size: 24px;
    width: 45px;
    height: 45px;
    margin: 0 4px;
    border: 1px solid #ccc;
    display: inline-block;
    text-align: center;
    border-radius: 4px;
    line-height: 43px;
}
.map-location-nap{
    color: #1c60ac;
    font-size: 1.1rem
}
.contact-social .h4{
    font-weight: 600
}
.social-media a{
    color: #585858
}
.social-media a:hover{
    color: #f5861f
}

/*** Contact all location **/
.acf-map-outer{
    position: relative
}
.acf-map {
    width: 100%;
    height: 28rem;
    position: relative;
    border: #ccc solid 1px
}
.acf-map-address-info{
    font-size: 0.85rem;
    position: absolute;
    left: 10px;
    top: 10px;
    background-color: #f5861f;
    padding: 1.15rem;
    z-index: 1;
    color: #FFF;
    line-height: 1.5;
    border: 2px solid #FFF;
}
.acf-map-address-info p{
    margin: 0 0 5px
}
.acf-map-address-info a{
    color: #FFF!important
}
.map-location-nap{
    text-transform: uppercase
}
.acf-map-address-info a.view-large-map{
    text-decoration: underline!important
}

/* fixes potential theme css conflict */
.acf-map img {
    max-width: inherit !important;
}
.marker p, .gm-style-iw p{
    margin: 5px 0
}


/*** Page About ****/
.aboutthirdfold-listing > div:nth-child(even){
    flex-direction: row-reverse;
}
.aboutthirdfold-listing > div:nth-child(even) .aboutthirdfold-listing-content{
    padding-right: 3rem
}
.aboutthirdfold-listing > div:last-child{
    margin-bottom: 0!important
}





/************* 
   Default Owl Carousel
*****************/
.owl-nav-middle .owl-nav{position: absolute; font-size: 24px; top:50%;   
                         -ms-transform: translateY(-50%);
                         -webkit-transform: translateY(-50%);
                         -moz-transform: translateY(-50%);
                         -o-transform: translateY(-50%);
                         transform: translateY(-50%); left: 0; right:0;  width: 100%; margin-left: auto; margin-right: auto}
.owl-nav-middle .owl-nav .owl-prev{float:left; padding-left: 20px}
.owl-nav-middle .owl-nav .owl-next{float:right; padding-right: 20px}
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}
.owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px 2px;display:inline-block;cursor:pointer;}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{ border:2px solid #FFF}.owl-theme .owl-dots .owl-dot.active span{background-color: #FFF}
.owl-dots{
    margin-top: 40px
}
.owl-dots .owl-dot{
    display: inline-block;
    padding-left: 0.35rem;
    padding-right: 0.35rem
}
.owl-dots .owl-dot > span {
    width: 1.25rem;
    height: 1.25rem;
    border: 1px solid #FFF;
    border-radius: 50%;
    display: block;
}
.owl-dots .owl-dot.active > span{
    background-color: #FFF
}

/** Footer  **/
.site-footer{
    background-color: #191919
}
.page-template-template-contact .site-footer-outer{
    padding-top: 0
}
.site-footer-top{
    color: #969696;
    padding: 0 0 10px  
}
.footer-main-title{
    color: #FFF;
    font-size: 1.3em;
    margin-bottom: 0.85em;
    text-transform: uppercase
}
.site-footer-top a{
    color: #969696;
    text-decoration: none
}
.site-footer-top a:hover{
    color: #cc701a
}
.footer-top-left a:hover{
    color: #cc701a!important 
}
.site-footer-top-row > div{
    padding-top: 35px;
    padding-bottom: 35px;
    font-size: 0.85rem
}
.footer-top-left{
    line-height: 1.55
}
.footer-top-left p:not(:last-child){
    margin-bottom: 0.75em
}
.footer-about-desc a{
    color: #FFF;
    text-decoration: underline!important
}
.footer-top-left a:hover{
    text-decoration: none!important
}
.footer-top-left img{
    margin-bottom: 25px;
}
.footer-top-middle li+li{
    margin-top: 25px
}
.footer-top-middle a[href^="mailto:"]{
    display: inline-block;
    margin-top: 10px
}
.footer-important-menu{

    line-height: 1.35
}
.footer-important-menu ul{
    margin: 0
}
.footer-important-menu ul li+li{
    margin-top: 0.75em
}
ul.address-listing li{
    padding-left: 2.5rem;
    position: relative;
    margin-top: 0.55rem
}
ul.address-listing li:before{
    position: absolute;
    left: 0;
    top: 0;
    margin-left: 0;
    color: #FFF;
    font-family: FontAwesome   
}
.footer-top-end-inner{
    float: right
}
.text-white ul.address-listing li:before{
    color: #FFF; 
}
ul.address-listing li.address-list:before{
    content: "\f041"; 
    font-size: 1.65rem
}
ul.address-listing li.phone-list:before{
    content: "\f095";
    font-size:1.65rem
}
ul.address-listing li.email-list:before{
    content: "\f0e0";
    font-size:1.25rem
}
.footer-sub-title {
    text-transform: uppercase;
    color: #FFF;
    margin-bottom: 0.65em;
}
.footer-sub-title em {
    color: #FFF;
    font-size: 1.5em;
    width: 1.3em;
    vertical-align: middle;
}
.social-media{
    line-height: 1
}
.social-media span{
    font-size: 0
}
.site-footer .social-media a{
    color:#FFF;
    margin: 0 0.55rem;
    font-size: 1.55rem;
}
.social-media a{
    margin: 0 10px;
    font-size: 24px
}
.social-media a:first-of-type{
    margin-left: 0
}
.site-footer-bottom {
    background-color: #000;
    overflow: hidden;
    padding: 0.85rem 0;
    font-size: 0.75rem;
    color: #FFF;
    line-height: 1.2;
}
.site-footer-bottom a{
    color: #FFF
}
.footer-bottom-nav{
    margin-bottom: 0.35em
}
.footer-bottom-nav ul li{
    display: inline-block;
    vertical-align: middle;
    margin-top: 0
}
.footer-bottom-nav ul li+li:before{
    content: "";
    width: 1px;
    height: 14px;
    display: inline-block;
    background-color: #969696;
    margin: 0 0.75em;
    position: relative;
    top: 2px;
}
.copyrights{
    text-transform: none
}

.owl-carousel .owl-item img{
    width: auto
}
.footer-bottom-nav li{
    display: inline-block;
    vertical-align: middle
}
.footer-bottom-nav li a{
    text-decoration: none!important;
    color: #969696
}




/** Scroll to Top  **/
#scrollToTop {
    z-index: 1;
    display: none;
    border-radius: 4px;
    background-color: #f68620;
    text-align: center;
    font-size: 25px;
    font-weight: bold;
    color: #FFF;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-decoration: none;
    position: fixed;
    bottom: 55px;
    right: 15px;
    z-index: 2;
    cursor: pointer
}
.managed-by a{
    text-decoration: underline
}

@media(min-width:1025px){
    .managed-by a:hover{
        color: #cc701a
    }
}

@media(min-width:768px){

    .full-image{
        width: 100%;
        height: 100%;
        object-fit: cover
    }


    /*** Footer **/

    .managed-by{
        float: right
    }
    .copyrights{
        float: left
    }
}
@media(min-width:992px){

    /** Hover ***/
    .button:hover{
        color: #FFF;
        background-color:#7a0303;
    }
    .header-menu > ul > li:last-child > a{
        position: relative
    }
    .button,  .header-menu > ul > li:last-child > a{
        overflow: hidden
    }
    .button.button-gradiant:before,  .header-menu > ul > li:last-child > a:before, .border-style:before,  a[data-role='button']:before{
        background-color:#DAA520; /* Old browsers */
        content: "";
        position: absolute;
        left: 0;
        transform: translateY(100%);
        width: 100%;
        height: 100%;
        top: 0;
        bottom: 0;
        visibility: hidden;
        border-radius: 35px;
        transition: all cubic-bezier(0.46, 0.03, 0.52, 0.96) 0.35s;
    }
    .home-block-two-left .button.border-style:hover{
        background: yellow; /* Old browsers */
        background: -moz-linear-gradient(top, rgba(66, 7, 7) 0%, rgba(130, 11, 11) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top, rgba(66, 7, 7) 0%,rgba(130, 11, 11) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, rgba(66, 7, 7) 0%,rgba(130, 11, 11) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#420707', endColorstr='#820b0b',GradientType=0 ); /* IE6-9 */
    }

    .buy-table-wrap .card-deck .card:hover .border-style:before{
        background:#000!important
    }

    .button.button-gradiant:hover:before,  .header-menu > ul > li:last-child > a:hover:before, .border-style:hover:before,   a[data-role='button']:hover:before, .buy-table-wrap .card-deck .card:hover .border-style:before{
        transform: translateY(0);
        visibility: visible
    }  
    .button span, .header-menu > ul > li:last-child > a > span, a[data-role='button'] span{
        z-index: 2;
        position: relative
    }
    .footer-top-middle-inner{
        padding-left: 24%
    }
    .social-media a:hover{
        color: #f5861f
    }
    .buy-table-wrap .card-deck .card:hover .border-style{
        color: #FFF
    }



}


@media(min-width:1025px){
    .bg-fixed{
        background-attachment: fixed!important
    }
    .btn-style, .btn-style span, .load-more-text, .load-more-button{
        position: relative
    }
    .btn-style span, .load-more-button .load-more-text{
        z-index: 1 
    }
    .solution-listing-content .btn-style:before, .load-more-button:before{
        background-color: rgba(0,0,0,0.15);
        position: absolute;
        top: 0;
        width: 100%;
        left: 0;
        height: 100%;
        border-radius: 3.8rem;
        content: "";
        opacity: 0
    }
    .solution-listing-content .btn-style:hover:before, .load-more-button:hover:before{
        opacity: 1
    }
    .filter-button:hover{
        background-color: #2daf40
    }
}

/***** Curve Image *****/
.image-right-outer, .image-left-outer{
    position: relative
}
.image-Right{
    /* Background Option 2: Use a background-image as the fill */
    background-image: url(../img/default-700x484.jpg);


}
.image-Right, 
.image-Right-back,  
.image-left, 
.image-left-back{
    width: 700px;
    padding-bottom: 55%;
    max-width: 100%;
    background-color: #eee;
    background-size: cover;
}
.image-Right,  .image-Right-back, .image-left-back, .image-left{
    background-position: center;
    
    /* Syntax Option 1: mask shorthand */
    mask: url(../img/right-curve.svg) no-repeat right center;
    -webkit-mask: url(../img/right-curve.svg) no-repeat right center;

    /* Syntax Option 2: mask-image only */
    mask-image: url(../img/right-curve.svg);
    -webkit-mask-image: url(../img/right-curve.svg);
}
.image-Right-back{
    position: absolute;
    top: 15px;
    left: 15px;
    z-index: -1;

}



.image-Right-large, 
.image-Right-back-large{
    width: 100%;
    height: 28rem;
    max-width: 100%;
    background-color: #eee;
    background-size: cover;
}
.image-Right-large,  .image-Right-back-large{
    background-position: center;
    
    /* Syntax Option 1: mask shorthand */
    mask: url(../img/right-curve-large.svg) no-repeat right center;
    -webkit-mask: url(../img/right-curve-large.svg) no-repeat right center;

    /* Syntax Option 2: mask-image only */
    mask-image: url(../img/right-curve-large.svg);
    -webkit-mask-image: url(../img/right-curve-large.svg);
}
.image-Right-back-large{
    position: absolute;
    top: 0.75rem;
    left: 0.75rem;
    z-index: -1;
}
.random-color-1{
     background-color: #fdcb50;   
}
.random-color-2{
     background-color:#f5861f;   
}
.random-color-3{
     background-color:#48dc5d   
}
.random-color-4{
     background-color:#5e9cb8  
}
.random-color-5{
     background-color:#fdcb50 
}
.single.single-post .image-right-outer{
    margin-right: 0.75rem;
    margin-bottom: 2rem
}












.image-left{ 
    background-image: url(../img/default-700x484.jpg);
}
.image-left, .image-left-back{
    mask: url(../img/left-curve.svg) no-repeat left center;
    -webkit-mask: url(../img/left-curve.svg) no-repeat left center;
    mask-image: url(../img/left-curve.svg);
    -webkit-mask-image: url(../img/left-curve.svg);
}
.image-left-back{
  position: absolute;
    top: 15px;
    left: -15px;
    z-index: -1;
}
.browser-ie .image-Right-back{
    left: 7px;
    top: 7px
}
.browser-ie .image-left-back{
    left: 7px;
    top: 7px
}