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

Theme Name: Canvas
Theme URI: http://themes.semicolonweb.com/html/canvas
Description: The Multi-Purpose Template
Author: SemiColonWeb
Author URI: http://themeforest.net/user/semicolonweb
Version: 1.4

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

/**********Back To Top******/

@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800&display=swap');
@import url('https://fonts.googleapis.com/css?family=Oswald:200,300,400,500,600,700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Lato:100,300,400,700,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');

@font-face {
    font-family: 'Lato-Semibold';
    src: url('https://www.datatree.com/hubfs/fonts/Lato-Semibold.eot?#iefix') format('embedded-opentype'), 
        url('https://www.datatree.com/hubfs/fonts/Lato-Semibold.woff') format('woff'), 
        url('https://www.datatree.com/hubfs/fonts/Lato-Semibold.ttf')  format('truetype'),
        url('https://www.datatree.com/hubfs/fonts/Lato-Semibold.svg#Lato-Semibold') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    src: url("//cdn2.hubspot.net/hub/400083/file-1053164291-eot/font/fontawesome-webfont.eot"),
        url("//cdn2.hubspot.net/hub/400083/file-1053194316-woff/font/fontawesome-webfont.woff") format("woff"),
        url("//cdn2.hubspot.net/hub/400083/file-1053164296-ttf/font/fontawesome-webfont.ttf") format("truetype");
}

.back-to-top{position:fixed;right:80px;bottom:20px;text-decoration:none;width:40px;height:40px;z-index:1000;outline:none;padding:3px 20px 20px;}
a.back-to-top{background:#000;border-radius:50%;bottom:20px;color:#fff;font-size:16px;height:44px;line-height:43px;opacity:0.3;position:fixed;right:80px;text-align:center;text-transform:uppercase;transition:all 0.2s linear 0s;width:44px;}
a.back-to-top:hover{background-color:#48c0db;color:#fff;opacity:1;text-decoration:none;}
i.angle-up:before{color:#fff;content:"";display:block;font-family:FontAwesome;font-style:normal;margin:-2px 0px 0 -3px;}
a.back-to-top:hover i.angle-up:before{color:#fff;}

/* end back to top styles */





#banner-subheading-oddfix{margin-bottom:-1em;margin-top:1em;color:#eee;font-size:20pt;}

@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,700);

margin:0;padding:0;}
.clear{clear:both;display:block;font-size:0px;height:0px;line-height:0;width:100%;overflow:hidden;}
::selection{background:#4ab4e8;color:#FFF;text-shadow:none;}
::-moz-selection{background:#4ab4e8; /* Firefox */color:#FFF;text-shadow:none;}
::-webkit-selection{background:#4ab4e8; /* Safari */color:#FFF;text-shadow:none;}
:active,:focus{outline:none!important;}

/* ----------------------------------------------------------------
Typography
-----------------------------------------------------------------*/
html {  overflow-x:hidden; }

body{line-height:1.5;color:#555;font-family:'Open Sans',sans-serif; overflow-x:hidden; }
a{text-decoration:none!important;color:#4ab4e8;}
a:hover{color:#222;}
a img{border:none;}
img{max-width:100%;}
iframe{border:none!important;}


/* ----------------------------------------------------------------
Basic Layout Styles
-----------------------------------------------------------------*/

h1,h2,h3,h4,h5,h6{color:#444;font-weight:700;line-height:1.5;margin:0 0 20px 0;font-family:'Open Sans',sans-serif!important;}
h5,h6{margin-bottom:20px;}
h1{font-size:36px;}
h2{font-size:30px;}
h3{font-size:24px;}
h4{font-size:18px;}
h5{font-size:14px;}
h6{font-size:12px;}
h4{font-weight:600;}
h5,h6{font-weight:bold;}
h1 > span:not(.nocolor),h2 > span:not(.nocolor),h3 > span:not(.nocolor),h4 > span:not(.nocolor),h5 > span:not(.nocolor),h6 > span:not(.nocolor){color:#4ab4e8;}

p,pre,ul,ol,dl,dd,blockquote,address,table,fieldset,form{margin-bottom:0px;}
small{font-family:'Open Sans',sans-serif;}

.uppercase{text-transform:uppercase;}
.tright{text-align:right!important;}
.tleft{text-align:left!important;}
.fright{float:right!important;}
.fleft{float:left!important;}
.fnone{float:none!important;}
.ohidden{position:relative;overflow:hidden!important;}

#wrapper{position:relative;float:none;width:1220px;margin:0 auto;background-color:#FFF;box-shadow:0 0 10px rgba(0,0,0,0.1);-moz-box-shadow:0 0 10px rgba(0,0,0,0.1);-webkit-box-shadow:0 0 10px rgba(0,0,0,0.1);}

.line,.double-line{clear:both;position:relative;width:100%;margin:60px 0;border-top:1px solid #EEE;}
.line.line-sm{margin:30px 0;}
span.middot{display:inline-block;margin:0 5px;}
.double-line{border-top:3px double #E5E5E5;}
.emptydiv{display:block!important;position:relative!important;}
.allmargin{margin:50px!important;}
.leftmargin{margin-left:50px!important;}
.rightmargin{margin-right:50px!important;}
.topmargin{margin-top:50px!important;}
.toppadding{padding-top:50px!important;}
.toppadding-150{padding-top:150px!important;}
.toppadding-100{padding-top:100px!important;}
.bottommargin{margin-bottom:50px!important;}
.bottompadding{padding-bottom:50px!important;}
.clear-bottommargin{margin-bottom:-50px!important;}

.allmargin-sm{margin:30px!important;}
.leftmargin-sm{margin-left:30px!important;}
.leftmargin-md{margin-left:45px!important;}
.rightmargin-md{margin-right:45px!important;}
.rightmargin-sm{margin-right:30px!important;}
.topmargin-sm{margin-top:30px!important;}
.topmargin-15{margin-top:15px!important;}
.topmargin-md{margin-top:45px!important;}
.bottommargin-sm{margin-bottom:30px!important;}
.clear-bottommargin-sm{margin-bottom:-30px!important;}
.allmargin-lg{margin:80px!important;}
.leftmargin-lg{margin-left:80px!important;}
.rightmargin-lg{margin-right:80px!important;}
.topmargin-lg{margin-top:80px!important;}
.bottommargin-lg{margin-bottom:80px!important;}
.clear-bottommargin-lg{margin-bottom:-80px!important;}
.nomargin{margin:0!important;}
.noleftmargin{margin-left:0!important;}
.norightmargin{margin-right:0!important;}
.notopmargin{margin-top:0!important;}
.nobottommargin{margin-bottom:0!important;}
.header-stick{margin-top:-50px!important;}
.content-wrap .header-stick{margin-top:-80px!important;}
.footer-stick{ /*margin-bottom: -50px !important;*/}
.content-wrap .footer-stick{margin-bottom:-80px!important;}
.noborder{border:none!important;}
.noleftborder{border-left:none!important;}
.norightborder{border-right:none!important;}
.notopborder{border-top:none!important;}
.nobottomborder{border-bottom:none!important;}
.noradius{-webkit-border-radius:0!important;-moz-border-radius:0!important;-ms-border-radius:0!important;-o-border-radius:0!important;border-radius:0!important;}
.col-padding{padding:60px;}
.nopadding{padding:0!important;}
.noleftpadding{padding-left:0!important;}
.norightpadding{padding-right:0!important;}
.notoppadding{padding-top:0!important;}
.nobottompadding{padding-bottom:0!important;}
.noabsolute{position:relative!important;}
.noshadow{box-shadow:none!important;}
.hidden{display:none!important;}
.nothidden{display:block!important;}
.inline-block{float:none!important;display:inline-block!important;}
.center{text-align:center!important;}
.divcenter{position:relative!important;float:none!important;margin-left:auto!important;margin-right:auto!important;}
.bgcolor,.bgcolor #header-wrap{background-color:#4ab4e8!important;}
.color{color:#4ab4e8!important;}
.border-color{border-color:#4ab4e8!important;}
.nobg{background:none!important;}
.nobgcolor{background-color:transparent!important;}
.bgicon{display:block;position:absolute;bottom:-60px;right:-50px;font-size:210px;color:rgba(0,0,0,0.1);}
.nolinkcursor{cursor:default!important;}

/* MOVING BG -  TESTIMONIALS */
.bganimate {
    -webkit-animation:BgAnimated 30s infinite linear;
    -moz-animation:BgAnimated 30s infinite linear;
    -ms-animation:BgAnimated 30s infinite linear;
    -o-animation:BgAnimated 30s infinite linear;
    animation:BgAnimated 30s infinite linear;
}
@-webkit-keyframes BgAnimated {
    from  {background-position:0 0;}
    to    {background-position:0 400px;}
}
@-moz-keyframes BgAnimated {
    from  {background-position:0 0;}
    to    {background-position:0 400px;}
}
@-ms-keyframes BgAnimated {
    from  {background-position:0 0;}
    to    {background-position:0 400px;}
}
@-o-keyframes BgAnimated {
    from  {background-position:0 0;}
    to    {background-position:0 400px;}
}
@keyframes BgAnimated {
    from  {background-position:0 0;}
    to    {background-position:0 400px;}
}


.input-block-level {
    display: block;
    width: 100% !important;
    min-height: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.vertical-middle { height: auto !important; }

.magnific-max-width .mfp-content { max-width: 800px; }


/* ----------------------------------------------------------------
Sections
-----------------------------------------------------------------*/

.section-header-solid {
    padding: 0px;
    background-color: rgb(23, 75, 135);
}

.section-header-gray {
    padding: 0px;
    background-color: #E1E4E5;
    color: #E1E4E5;
    text-transform: uppercase;
    font-family: 'TradeGothicLT-Bold', sans-serif;
    font-size: 13px;
    font-weight: 700;
    cursor: pointer;
}

.container-fluid {
    padding:0 !important;
}
.all-features {
    padding: 30px 0;
}
.all-features h3 {
    padding: 30px 0;
    font-size: 12px !important;
}
.all-features .feature-box {
    /*padding: 10px !important;*/

}
.section {
    position: relative;
    margin: 60px 0;
    padding: 60px 0;
    background-color: #F9F9F9;
    overflow: hidden;
}
.counter-up-section {
    margin:0;
    padding:0;
}
.parallax {
    background-color: transparent;
    background-attachment: fixed;
    background-position: 50% 0;
    background-repeat: no-repeat;
    overflow: hidden;
}

.mobile-parallax {
    background-size: cover !important;
    background-attachment: scroll !important;
    background-position: center center;
}


.section .container { z-index: 2; }

.section .container + .video-wrap { z-index: 1; }

.revealer-image {
    position: relative;
    bottom: -100px;
    transition: bottom .3s ease-in-out;
    -webkit-transition: bottom .3s ease-in-out;
    -o-transition: bottom .3s ease-in-out;
}

.section:hover .revealer-image { bottom: -50px; }

.whitegradient {
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 0%, #dcdcdc 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#dcdcdc)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#dcdcdc 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 0%,#dcdcdc 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffffff 0%,#dcdcdc 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ffffff 0%,#dcdcdc 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dcdcdc',GradientType=0 ); /* IE6-9 */
}

.belowvideogradient {
    background: rgb(235,235,235); /* Old browsers */
}

/* ----------------------------------------------------------------
Columns & Grids
-----------------------------------------------------------------*/
.page-container {
    margin-right: auto !important;
    margin-left: auto !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
    float: none !important;
}


@media (min-width: 768px) {
    .page-container {
        width: 750px !important;
    }
}
@media (min-width: 992px) {
    .page-container {
        width: 970px !important;
    }
}
@media (min-width: 1200px) {
    .page-container {
        width: 1170px !important;
    }
}

.postcontent { width: 860px; }
.postcontent.bothsidebar { width: 580px; }
.sidebar { width: 240px; }
.col_full { width: 100%; }
.col_half { width: 48%; }
.col_one_third { width: 30.63%; }
.col_two_third { width: 65.33%; }
.col_one_fourth { width: 22%; }
.col_three_fourth { width: 74%; }
.col_one_fifth { width: 16.8%; }
.col_two_fifth { width: 37.6%; }
.col_three_fifth { width: 58.4%; }
.col_four_fifth { width: 79.2%; }
.col_one_sixth { width: 13.33%; }
.col_five_sixth { width: 82.67%; }
body.stretched .container-fullwidth {
    position: relative;
    padding: 0 60px;
    width: 100%;
}

.postcontent,
.sidebar,
.col_full,
.col_half,
.col_one_third,
.col_two_third,
.col_three_fourth,
.col_one_fourth,
.col_one_fifth,
.col_two_fifth,
.col_three_fifth,
.col_four_fifth,
.col_one_sixth,
.col_five_sixth {
    display: block;
    position: relative;
    margin-right: 4%;
    margin-bottom: 50px;
    float: left;
}

/* non-uniform height cased elements to 'catch' on wrap. unsure if behaviour should
* affect all pages using this one fifth, so just a fix
* you must be this tall to drink..get it..21em..I'm hilarious...give me a raise */
.fifth_fix {
    min-height: 21em;
}

.postcontent,
.sidebar { margin-right: 40px; }

.col_full {
    clear: both;
    float: none;
    margin-right: 0;
}

.postcontent.col_last,
.sidebar.col_last { float: right; }

.col_last {
    margin-right: 0 !important;
    clear: right;
}


/* ----------------------------------------------------------------
Flex Slider
-----------------------------------------------------------------*/


.fslider,
.fslider .flexslider,
.fslider .slider-wrap,
.fslider .slide,
.fslider .slide > a,
.fslider .slide > img,
.fslider .slide > a > img {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
}

.fslider { min-height: 32px; }


.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  { outline: none; border: none; }
.slider-wrap,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none; border: none;}

.flexslider {position: relative;margin: 0; padding: 0;}
.flexslider .slider-wrap > .slide {display: none; -webkit-backface-visibility: hidden;}
.flexslider .slider-wrap img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

.slider-wrap:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slider-wrap {display: block;}
* html .slider-wrap {height: 1%;}

.no-js .slider-wrap > .slide:first-child {display: block;}

.flex-viewport {
    max-height: 2000px;
    -webkit-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}

.flex-control-nav {
    position: absolute;
    z-index: 10;
    text-align: center;
    top: 14px;
    right: 10px;
    margin: 0;
}

.flex-control-nav li {
    float: left;
    display: block;
    margin: 0 3px;
    width: 10px;
    height: 10px;
}

.flex-control-nav li a {
    display: block;
    cursor: pointer;
    text-indent: -9999px;
    width: 10px !important;
    height: 10px !important;
    border: 1px solid #FFF;
    border-radius: 50%;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
}

.flex-control-nav li:hover a,
.flex-control-nav li a.flex-active { background-color: #FFF; }


/* ----------------------------------------------------------------
Swiper Slider
-----------------------------------------------------------------*/


.swiper-container {
    margin:0 auto;
    position:relative;
    overflow:hidden;
    -webkit-backface-visibility:hidden;
    -moz-backface-visibility:hidden;
    -ms-backface-visibility:hidden;
    -o-backface-visibility:hidden;
    backface-visibility:hidden;
    /* Fix of Webkit flickering */
    z-index:1;
}

.swiper-wrapper {
    position:relative;
    width:100%;
    -webkit-transition-property:-webkit-transform, left, top;
    -webkit-transition-duration:0s;
    -webkit-transform:translate3d(0px,0,0);
    -webkit-transition-timing-function:ease;

    -o-transition-property:-o-transform, left, top;
    -o-transition-duration:0s;
    -o-transform:translate3d(0px,0,0);
    -o-transition-timing-function:ease;
    -o-transform:translate(0px,0px);

    transition-property:transform, left, top;
    transition-duration:0s;
    transform:translate3d(0px,0,0);
    transition-timing-function:ease;

    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.swiper-free-mode > .swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto;
}

.swiper-slide { float: left; }

/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal { -ms-touch-action: pan-y; }
.swiper-wp8-vertical { -ms-touch-action: pan-x; }


/* ----------------------------------------------------------------
Top Bar
-----------------------------------------------------------------*/


#top-bar {
    position: relative;
    border-bottom: 1px solid #EEE;
    height: 45px;
    line-height: 44px;
    font-size: 13px;
}


#top-bar .col_half { width: auto; }


/* ----------------------------------------------------------------
Top Links
-----------------------------------------------------------------*/


.top-links {
    position: relative;
    float: left;
}

.top-links ul {
    margin: 0;
    list-style: none;
}

.top-links ul li {
    float: left;
    position: relative;
    height: 44px;
    border-left: 1px solid #EEE;
}

.top-links ul li:first-child,
.top-links ul ul li { border-left: 0 !important; }

.top-links li > a {
    display: block;
    padding: 0 12px;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    height: 44px;
    color: #666;
}

.top-links li i {
    position: relative;
    top: 1px;
}

.top-links li i.icon-angle-down { margin: 0 0 0 2px !important; }

.top-links li i:first-child { margin-right: 2px; }

.top-links li.full-icon i {
    top: 2px;
    font-size: 14px;
    margin: 0;
}

.top-links li:hover { background-color: #EEE; }

.top-links ul ul,
.top-links ul div.top-link-section {
    display: none;
    pointer-events: none;
    position: absolute;
    z-index: 210;
    line-height: 1.5;
    background: #FFF;
    border: 0;
    top: 44px;
    left: 0;
    width: 140px;
    margin: 0;
    border-top: 1px solid #4ab4e8;
    border-bottom: 1px solid #EEE;
    box-shadow: 0 0 5px -1px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 0 5px -1px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 0 5px -1px rgba(0,0,0,0.2);
}

.top-links li:hover ul,
.top-links li:hover div.top-link-section { pointer-events: auto; }

.top-links ul ul li {
    float: none;
    height: 36px;
    border-top: 1px solid #F5F5F5;
    border-left: 1px solid #EEE;
}

.top-links ul ul li:hover { background-color: #F9F9F9; }

.top-links ul ul li:first-child {
    border-top: none !important;
    border-left: 1px solid #EEE;
}

.top-links ul ul a {
    height: 36px;
    line-height: 36px;
    font-size: 12px;
}

.top-links ul ul img {
    display: inline-block;
    position: relative;
    top: -1px;
    width: 16px;
    height: 16px;
    margin-right: 4px;
}

.top-links ul ul.top-demo-lang img {
    top: 4px;
    width: 16px;
    height: 16px;
}

.top-links ul div.top-link-section {
    padding: 25px;
    left: 0;
    width: 280px;
}

.fright .top-links ul div.top-link-section,
.top-links.fright ul div.top-link-section {
    left: auto;
    right: 0;
}

/* AI Score Landing Page */
.row-fluid .scoring-hero { padding: 100px 0 160px; color: #fff; }
.row-fluid .scoring-hero h1 { text-align: left; color: #fff; font-size: 59px; line-height: 65px; text-transform: uppercase; font-family: 'Oswald', sans-serif !important; font-weight: 400; margin-top:50px; }
.row-fluid .scoring-hero .page-container { width: 1360px !important; }

.row-fluid .ai-score-section { padding: 60px 0; }
.row-fluid .ai-score-section .page-container { width:1200px !important; max-width:100%; }
.row-fluid .ai-score-section h2 span { color: #003764; }
.row-fluid .ai-score-section h2 { font-weight: 600; color: #5A666F; font-family: 'Lato', Georgia, "Times New Roman", Times, serif !important; }
.row-fluid .ai-score-section h2 sup { font-size: 11px; line-height: 15px; position: relative; top: -20px; left: -1px; }
.row-fluid .ai-score-section .top-content { font-size: 23px; color: #2D2D2D; line-height: 38px; }
.row-fluid .ai-score-section .top-content p + p { padding-top: 32px; }
.row-fluid .ai-score-section .two-column-section { padding: 58px 0 45px; }
.row-fluid .ai-score-section .two-column-section h4 { font-size: 27px; line-height: 32px; color: #000000; font-weight: 600; padding-top:7px; font-family: 'Lato', Georgia, "Times New Roman", Times, serif !important; }
.row-fluid .ai-score-section .two-column-section .highlight-box { padding-left:52px; }

.row-fluid .highlight-content { display: inline-block; vertical-align: top; width: 100%; padding: 30px 0; font-size: 27px; line-height: 37px; color: #00A0DE; font-weight: 600; border-top: 18px solid #009FDD; border-bottom: 18px solid #009FDD; position: relative; }
.row-fluid .highlight-content span { font-weight: 800; color: #294060; } 
.row-fluid .highlight-content:before { position: absolute; content: ""; height: 62px; width: 60px; left: 50%; top: -42px; background: url('https://322946.fs1.hubspotusercontent-na1.net/hubfs/322946/blockquote-icon.png') no-repeat center / cover; transform: translateX(-50%); }

.row-fluid .risk-factor-box { display: inline-block; vertical-align: top; width: 100%; padding-bottom:110px; padding-top:65px; }
.row-fluid .risk-factor-left { float: left; width: 40%; }
.row-fluid .risk-factor-right { float: left; width: 60%; color: #2D2D2D; }
.row-fluid .risk-factor-box h4 { font-size: 27px; line-height: 36px; color: #000000; font-weight: 600; font-family: 'Lato', Georgia, "Times New Roman", Times, serif !important; }
.row-fluid .risk-factor-right .risk-factor-col { display: inline-block; vertical-align: top; width: 100%; padding-left: 30px; margin-top: 10px; position: relative; }
.row-fluid .risk-factor-right .risk-factor-col:before { position: absolute; content: ""; height: 15px; width: 19px; left: 0; top: 6px; background: url('https://322946.fs1.hubspotusercontent-na1.net/hubfs/322946/risk-icon.png') no-repeat center / cover; }
.row-fluid .risk-factor-needle { display: inline-block; vertical-align: top; width: auto; position: relative; max-width: 410px; }

.row-fluid .risk-factor-needle .risk-meter-arrow { transition: transform 1s linear; transform-style: preserve-3D; transform: rotate(-20deg); -moz-transform: rotate(-20deg); -ms-transform: rotate(-20deg); -o-transform: rotate(-20deg); -webkit-transform: rotate(-20deg); transform-origin: 0% 0%; position: absolute; bottom: 20px; left: 50%; height: 1px; }
.row-fluid .risk-factor-needle .risk-meter-arrow img { position: relative; top: -11px; left: -1px; transform: rotate(11deg); -moz-transform: rotate(11deg); -webkit-transform: rotate(11deg); -ms-transform: rotate(11deg); -o-transform: rotate(11deg); height: 35px; }
.row-fluid .risk-factor-needle.active .risk-meter-arrow { transform: rotate(-160deg); -moz-transform: rotate(-160deg); -webkit-transform: rotate(-160deg); -ms-transform: rotate(-160deg); -o-transform: rotate(-160deg); }

.row-fluid .innovative-section { display: inline-block; vertical-align: top; width: 100%; background: #293F5F; padding: 50px 45px; color: #fff; margin:60px 0; }
.row-fluid .innovative-section h4 { font-size: 27px; color: #fff; line-height: 34px; font-weight: 600; font-family: 'Lato', Georgia, "Times New Roman", Times, serif !important; }
.row-fluid .innovative-wrap { display: inline-block; vertical-align: top; width: 100%; margin-top: 40px; font-size: 22px; line-height: 28px; color: #00A0DE; font-weight: 600; }
.row-fluid .innovative-col { float: left; width: 25%; text-align: center; padding:0 22px; }
.row-fluid .innovative-title { margin-top: 15px; }
.row-fluid .innovative-icon { display: flex; align-items: center; justify-content: center; height: 60px; }
.row-fluid .innovative-icon img { max-height: 60px; width: auto; }

.row-fluid .ai-scoreform-section .contact-section { padding: 70px 0 65px; }
.row-fluid .ai-scoreform-section .contact-section h3 { margin: 0; }
.row-fluid .ai-scoreform-section .contact-section h2.white-text { max-width: 100%; font-size: 50px; line-height: 60px; }
.row-fluid .ai-scoreform-section .contact-section .page-container { width: 1300px !important; }
.row-fluid .ai-scoreform-section .contact-section .main-form { max-width: 945px; }

/* AI Suite Landing Page */
.row-fluid .scoring-hero.suite-lphero { position:relative; }
.row-fluid .scoring-hero.suite-lphero:after { position:absolute; content:""; height:121px; width:196px; right:0; bottom:-50px; background:url('https://322946.fs1.hubspotusercontent-na1.net/hubfs/322946/lphero-dots.png') no-repeat center / cover; }
.row-fluid .scoring-hero.suite-lphero h1 { font-size:72px; line-height:86px; }

.row-fluid .ai-site-lpcontent.ai-score-section .top-content { font-size:18px; line-height:27px; }
.row-fluid .ai-site-lpcontent.ai-score-section h2 { font-size: 52px; line-height: 62px; color: #000000; font-family: 'Lato', Georgia, "Times New Roman", Times, serif !important; margin-bottom: 35px; }
.row-fluid .ai-site-lpcontent.ai-score-section p { padding: 0 0 25px; }
.row-fluid .ai-site-lpcontent.ai-score-section p + p { padding: 0 0 25px; }
.row-fluid .ai-site-lpcontent.ai-score-section h3 { color: #000000; font-size: 27px; line-height: 32px; font-weight: 700; font-family: 'Lato', Georgia, "Times New Roman", Times, serif !important; margin-bottom: 20px; }

/* Product Webpage */
.mortgage_page .row-fluid .product-introsection { line-height:0; }
.mortgage_page .row-fluid .product-introsection .empower-section .empower-content { padding: 70px 75px 55px 75px; box-shadow:none; }
.mortgage_page .row-fluid .product-introsection .empower-section .empower-content h2 { margin-bottom: 24px; }
.mortgage_page .row-fluid .product-introsection .data-full-content { margin-top: -224px; padding: 360px 0 150px; } 
.mortgage_page .row-fluid .product-introsection .data-full-content:before { background-image:url(https://322946.fs1.hubspotusercontent-na1.net/hubfs/322946/house-img.png); }
.mortgage_page .row-fluid .product-introsection.normal-liststyle .about_intelligence h2 { display:none; }
.mortgage_page .row-fluid .product-introsection.normal-liststyle .empower-section .empower-content .scroll-down a { padding:23px 30px; font-size:14px; line-height:14px; min-width:320px; border-radius:50px; background:#009FDE; margin-top:25px; }
.mortgage_page .row-fluid .product-introsection.normal-liststyle .empower-section .empower-content .scroll-down a:hover { background:#047ba0; }

.row-fluid .edge-techsection { display: inline-block; vertical-align: top; width: 100%; padding: 150px 0 130px; color: #fff; }
.row-fluid .edge-techraw { display: flex; align-items: center; width: 100%; }
.row-fluid .edge-techleft { float: left; width: 63%; padding-right: 100px; }
.row-fluid .edge-techright { float: left; width: 37%; }
.row-fluid .edge-techleft h4 { font-size: 27px; line-height: 34px; color: #fff; font-weight: 600; font-family: 'Lato', Georgia, "Times New Roman", Times, serif !important; }
.row-fluid .edge-techright h3 { text-align: center; margin: 15px 0 0; color: #fff; font-family: 'Lato', Georgia, "Times New Roman", Times, serif !important; font-size: 60px; line-height: 70px; }
.row-fluid .edge-techright .risk-factor-box { padding: 0; }

.row-fluid .web-content-strip { display: inline-block; vertical-align: top; width: 100%; padding: 70px 0 76px; background: #003763; font-size: 24px; line-height: 34px; color: #47C8FA; font-weight: 400; }
.row-fluid .web-content-strip .web-content-stripin { display: inline-block; vertical-align: top; width: 100%; padding-left: 30px; position: relative; }
.row-fluid .web-content-strip .web-content-stripin:before { position: absolute; content: ""; height: calc(100% - 10px); width: 2px; left: 0; top: 7px; background: #47C8FA; }

.row-fluid .fraud-historic-raw { display: flex; align-items: center; }
.row-fluid .fraud-historic-left { float: left; width: 43%; }
.row-fluid .fraud-historic-right { float: left; width: 57%; }
.row-fluid .fraud-historic-rightin { display:inline-block; vertical-align:top; width:100%; padding:80px 0 80px 125px; }  
.row-fluid .fraud-historic-right h2 { font-size: 50px; font-family: 'Oswald', sans-serif !important; text-transform: uppercase; color: #003864; font-weight: 400; }
.row-fluid .fraud-historic-right ul { padding: 0; margin: 0; list-style-type: none; }
.row-fluid .fraud-historic-right ul li { display: inline-block; vertical-align: top; width: 100%; position: relative; padding-left: 30px; margin-top: 30px; }
.row-fluid .fraud-historic-right ul li:before { position: absolute; content: ""; height: 15px; width: 19px; left: 0; top: 8px; background: url('https://322946.fs1.hubspotusercontent-na1.net/hubfs/322946/fraud-list.png') no-repeat center / cover; }

.row-fluid .bank-review-section { display: inline-block; vertical-align: top; width: 100%; padding: 90px 0 70px; }
.row-fluid .bank-review-section .bank-review-header { display: inline-block; vertical-align: top; width: 100%; text-align: center; }
.row-fluid .bank-review-section .bank-review-header h2 { font-size: 50px; font-family: 'Oswald', sans-serif !important; text-transform: uppercase; color: #003864; font-weight: 400; line-height: 60px; }
.row-fluid .bank-review-wrap { display: inline-block; vertical-align: top; width: 100%; margin-top: 50px; }
.row-fluid .bank-review-col { float: left; width: 25%; padding: 0 40px; margin-bottom: 30px; font-size: 20px; color:#010101; }
.row-fluid .bank-review-col h4 { font-size: 22px; line-height: 28px; color: #010101; font-weight: 600; font-family: 'Lato', Georgia, "Times New Roman", Times, serif !important; margin: 15px 0; }
.row-fluid .bank-review-icon { display: flex; align-items: center; height: 90px; }
.row-fluid .bank-review-icon img { max-height: 85px; width: auto; }
.row-fluid .bank-review-section .page-container { width: 1460px !important; max-width: 100%; }

  
/**/
.passwordpage .footer-container-wrapper .new-footer-section { display:none; }  

.passwordmain_area { padding:150px 0px; width:100%; position:relative; }
.passwordmain_area:before { position:absolute; content:""; right:0; top:25px; width:255px; height:133px; background:url('https://www.datatree.com/hubfs/2021/Images/pas-pat1.png') no-repeat center left/ cover; }
.passwordmain_area:after { position:absolute; content:""; bottom: -56px; width: 210px; height: 153px; background:url('https://www.datatree.com/hubfs/2021/Images/pas-pat1.png') no-repeat center left / cover; transform: rotateY(180deg); -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); }

.passwordmain_area .passwordbox { width:100%; max-width:800px; margin:0 auto !important; text-align:center; float:none; color:#fff; font-size:28px; line-height:36px; }
.passwordmain_area .passwordbox h1 { font-size:70px; line-height:1.2; color:#fff; margin-bottom: 25px; font-family: 'Oswald',sans-serif !important; text-transform: uppercase; font-weight: 400; }
.passwordmain_area .passwordbox form { width:100%; display:inline-block; text-align:center; margin-top:40px; }
.passwordmain_area .passwordbox form #hs-pwd-widget-password { width:100%; height:90px !important; border:none; padding:20px 30px; color:#cac8c8; font-weight: 500; font-size: 28px; line-height: 30px; }
.passwordmain_area .passwordbox form .hs-button { font-size: 28px; line-height: 36px; margin:40px 0 0 !important; height:auto; font-weight: normal; text-shadow: none; text-transform: capitalize; font-family: 'Roboto',sans-serif; text-align: center; display: inline-block; padding: 20px 30px !important; background-color: #00a1de; color: #fff; border: 1px solid transparent; border-radius: 50px; min-width: 230px; box-sizing: border-box !important; transition: all ease .4s;  }
.passwordmain_area .passwordbox form .hs-button:hover { border-color:#fff; color:#00a1de; background:#fff !important; } 

.passwordmain_area .passwordbox form input::-webkit-input-placeholder { color: #cac8c8; font-weight:500; font-family:'Open Sans', sans-serif; opacity:1; font-size:28px; line-height:30px;}
.passwordmain_area .passwordbox form input::-moz-placeholder { color: #cac8c8; font-weight:500; font-family: 'Open Sans', sans-serif; opacity:1; font-size:28px; line-height:30px;}
.passwordmain_area .passwordbox form input:-ms-input-placeholder { color: #cac8c8; font-weight:500; font-family: 'Open Sans', sans-serif; opacity:1; font-size:28px; line-height:30px;}
.passwordmain_area .passwordbox form input:-moz-placeholder { color: #cac8c8; font-weight:500; font-family: 'Open Sans', sans-serif; opacity:1; font-size:28px; line-height:30px; }

  
.hs-search-results .hs-search-results__pagination { width:100%; margin-top:40px; } 
.hs-search-results .hs-search-results__pagination a:hover { color:#00a1de; transition:all .4s ease; }









@media(max-width:1400px){  

    .passwordmain_area:after { bottom: -43px; width: 160px; height: 123px; }
    .passwordmain_area:before { width: 185px; height: 100px; }
    
} 


@media(max-width:991px){ 

    .passwordmain_area .passwordbox h1 { font-size:50px; margin-bottom:20px; }
    .passwordmain_area .passwordbox { font-size: 22px; line-height: 22px; }  
    .passwordmain_area .passwordbox form #hs-pwd-widget-password { height:70px !important; }
    .passwordmain_area:after { display:none; }
    .passwordmain_area:before { width: 185px; height: 100px; }
    .passwordmain_area { padding:150px 0px 100px 0px; }
    
    
}

@media(max-width:767px){ 
 
    .passwordmain_area { padding:150px 0px 90px; }
    .passwordmain_area:before,.passwordmain_area:after { display:none; }    
    .passwordmain_area .passwordbox h1 { font-size:44px; margin-bottom: 20px; }
    .passwordpage .lp-main-header .new-header-section .nav-menu { width:100%; }
    .passwordpage .row-fluid .new-header-section .logo-wrap { width: 100%; text-align: center !important; max-width: 100%; }
    .passwordpage .row-fluid .new-header-section .logo-wrap img.hs-image-widget { margin:0 auto; float:none }  
    
    .passwordmain_area .passwordbox { font-size: 20px; line-height: 30px; }  
    .passwordmain_area .passwordbox form #hs-pwd-widget-password { height:60px !important; padding:15px 20px; font-size:22px; }
    .passwordmain_area .passwordbox form .hs-button { min-width: 200px; padding:10px 20px !important; font-size: 20px; line-height: 26px; margin:30px 0 0 !important; }
    
    body .srch-content-section { padding:50px 0; }
    .srch-content-section .hs-search-results ul li { padding-bottom: 20px; margin-bottom: 20px; }
    .srch-content-section .hs-search-results ul li>a {  font-size: 24px; line-height: 34px; }
    
    
    
    
    
}





/* ----------------------------------------------------------------
Top Social
-----------------------------------------------------------------*/

#top-social,
#top-social ul { margin: 0; }

#top-social li,
#top-social li a,
#top-social li .ts-icon,
#top-social li .ts-text {
    display: block;
    position: relative;
    float: left;
    width: auto;
    overflow: hidden;
    height: 44px;
    line-height: 44px;
}

#top-social li { border-left: 1px solid #EEE; }

#top-social li:first-child { border-left: 0 !important; }

#top-social li a {
    width: 40px;
    font-weight: bold;
    color: #666;
    -webkit-transition: color .3s ease-in-out, background-color .3s ease-in-out, width .3s ease-in-out;
    -o-transition: color .3s ease-in-out, background-color .3s ease-in-out, width .3s ease-in-out;
    transition: color .3s ease-in-out, background-color .3s ease-in-out, width .3s ease-in-out;
}

#top-social li a:hover {
    color: #FFF !important;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}

#top-social li .ts-icon {
    width: 40px;
    text-align: center;
    font-size: 14px;
}


/* ----------------------------------------------------------------
Top Login
-----------------------------------------------------------------*/

#top-login { margin-bottom: 0; }

#top-login .checkbox { margin-bottom: 10px; }

#top-login .form-control { position: relative; }

#top-login .form-control:focus { border-color: #CCC; }

#top-login .input-group#top-login-username { margin-bottom: -1px; }

#top-login #top-login-username input,
#top-login #top-login-username .input-group-addon {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

#top-login .input-group#top-login-password { margin-bottom: 10px; }

#top-login #top-login-password input,
#top-login #top-login-password .input-group-addon {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}


/* ----------------------------------------------------------------
Header
-----------------------------------------------------------------*/


#header {
    position: relative;
    background-color: #FFF;
    border-bottom: 1px solid #F5F5F5;
}

#header .container { position: relative; }

#header.transparent-header {
    background: transparent;
    border-bottom: none;
    z-index: 199;
}

#header.semi-transparent { background-color: rgba(255,255,255,0.8); }

#header.transparent-header.floating-header { margin-top: 60px; }

#header.transparent-header.floating-header .container {
    width: 1220px;
    background-color: #FFF;
    padding: 0 40px;
    border-radius: 2px;
}

#header.transparent-header.floating-header.sticky-header .container {
    width: 1170px;
    padding: 0 15px;
}

#header.transparent-header + #slider,
#header.transparent-header + #page-title.page-title-parallax,
#header.transparent-header + #google-map,
#slider + #header.transparent-header {
    top: -100px;
    margin-bottom: -100px;
}

#header.transparent-header.floating-header + #slider,
#header.transparent-header.floating-header + #google-map {
    top: -160px;
    margin-bottom: -160px;
}

#header.transparent-header + #page-title.page-title-parallax .container {
    z-index: 5;
    padding-top: 100px;
}

#header.full-header { 
    border: none; 
    background-color: #242b31;
}

body.stretched #header.full-header .container {
    width: 100%;
    padding: 0 0 0 20px;max-width: 100%;
}

#header.transparent-header.full-header #header-wrap { border-bottom: 1px solid rgba(0,0,0,0.1); }

#slider + #header.transparent-header.full-header #header-wrap {
    border-top: 1px solid rgba(0,0,0,0.1);
    border-bottom: none;
}


/* ----------------------------------------------------------------
Logo
-----------------------------------------------------------------*/


#logo {
    position: relative;
    float: left;
    font-family: 'Open Sans', sans-serif;
    font-size: 36px;
    line-height: 100%;
    margin-right: 0px;
    padding: 0;
}

#header.full-header #logo {
    padding-right: 0px;
    margin-right: 0px;

}

#header.transparent-header.full-header #logo { border-right-color: rgba(0,0,0,0.1); }

#logo a {
    display: block;
    color: #000;
}

#logo img {
    display: block;
    max-width: 90%;
    padding-top: 3px;
}


@media (max-width:375px){
    #logo img {
        padding: 5px 0 0 25px!important;}
}

#logo a.standard-logo { display: block; }

#logo a.retina-logo { display: none; }


/* ----------------------------------------------------------------
Dropdown Login Area 5-30-17
-----------------------------------------------------------------*/

li.nav-login-form {
    background-color: #4ab4e8;
    padding: 0 10px 0 10px;
}
li.nav-login-form div { color: #fff; }
li.nav-login-form div:hover { color: #444; }


.login-field-container:before {
    top: -16px;
    right: 10px;
    border: solid transparent;
    content: " ";
    pointer-events: none;
    position: absolute;
    width: 0;
    height: 0;
    border-color: rgba(255,255,255,0);
    border-bottom-color: #fff !important;
    margin-left: -8px;
    border-width: 8px;
}




/* ----------------------------------------------------------------
Header Right Area
-----------------------------------------------------------------*/
li.nav-login {
    background-color: #4ab4e8;
    padding: 0 10px 0 10px;
}

li.nav-login div { color: #fff; }
li.nav-login div:hover { color: #333333; }

li.nav-login-2018 {
    background-color: #242b31;
    padding: 0 25px 0 0px;
}

li.nav-login-2018 div { color: #4ab4e8; }
li.nav-login-2018 div:hover { color: #fff; }


li.nav-freetrial div { color:  #fff; }
li.nav-freetrial div:hover { color: #4ab4e8; }

li.nav-signup div { color:  #4ab4e8; }
li.nav-signup div:hover { color: #fff; }


li.nav-data {
}
li.nav-contact {
    padding-right: 0px;
    margin-right: 0px;
}
li.nav-services {
    /*padding-left: 15px;
    margin-right: 15px;*/
}

@media (max-device-width: 736px) {
    li.nav-services {
        border-right:none;
        padding-right: 0;
        margin-right: 0;
    }
    li.nav-contact {
        padding-left: 0;
        margin-right: 0;
    }
}
.header-extras {
    float: right;
    margin: 30px 0 0;
}

.header-extras li {
    float: left;
    margin-left: 20px;
    height: 40px;
    overflow: hidden;
    list-style: none;
}

.header-extras li i { margin-top: 3px !important; }

.header-extras li:first-child { margin-left: 0; }

.header-extras li .he-text {
    float: left;
    padding-left: 10px;
    font-weight: bold;
    font-size: 14px;
    line-height: 1.43;
}

.header-extras li .he-text span {
    display: block;
    font-weight: 400;
    color: #4ab4e8;
}


/* ----------------------------------------------------------------
Primary Menu
-----------------------------------------------------------------*/

.c-horizontal-menu ul li a {
    font-weight: bold;
}


#primary-menu {
    float: right;
    height: 100px;
}

#header.full-header #primary-menu > ul {
    float: left;
}

#header.transparent-header.full-header #primary-menu > ul { border-right-color: rgba(0,0,0,0.1); }

#primary-menu-trigger,
#page-submenu-trigger {
    left: -20px !important;
    opacity: 0;
    pointer-events: none;
    cursor: pointer;
    font-size: 14px;
    position: absolute;
    top: 50%;
    margin-top: -25px;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    -webkit-transition: opacity .3s ease;
    -o-transition: opacity .3s ease;
    transition: opacity .3s ease;
}

#primary-menu ul {
    list-style: none;
    height: 100px;
    margin: 0;
}

#primary-menu > ul { float: left; }

#primary-menu ul li {
    position: relative;
    float: left;
    margin-left: 2px;
}

#primary-menu ul li.mega-menu { position: inherit; }

#primary-menu ul li:first-child { margin-left: 0; }

#primary-menu ul li a {
    display: block;
    height: 100px;
    line-height: 100px;
    padding: 0 15px;
    color: #fff;
    font-weight: bold;
    font-size: 13px;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-family: 'Open Sans', sans-serif;
    -webkit-transition: height .4s ease, line-height .4s ease, margin .4s ease, padding .4s ease;
    -o-transition: height .4s ease, line-height .4s ease, margin .4s ease, padding .4s ease;
    transition: height .4s ease, line-height .4s ease, margin .4s ease, padding .4s ease;
}

#primary-menu ul li span { display: none; }

#primary-menu ul li i {
    position: relative;
    font-size: 14px !important;
    top: 1px;
    line-height: 99px;
    width: 14px;
    text-align: center;
    margin-right: 6px;
    -webkit-transition: line-height .4s ease;
    -o-transition: line-height .4s ease;
    transition: line-height .4s ease;
}

#primary-menu > ul > li:hover a,
#primary-menu > ul > li.current a { color: #4ab4e8 !important; }

#primary-menu > ul > li.sub-menu > a > div { }

#primary-menu li:hover > ul { display: block; }

#primary-menu ul ul,
#primary-menu ul li .mega-menu-content {
    display: none;
    position: absolute;
    width: 270px;
    background-color: rgba(0, 0, 0, 0.8) /*#333*/;
    box-shadow: 0px 13px 42px 11px rgba(0, 0, 0, 0.05);
    border: 1px solid #333;
    border-top: 2px solid #4ab4e8;
    height: auto;
    z-index: 199;
    top: 100px;
    left: 0;
    margin: 0;
    padding-left:5px;
}

#primary-menu ul ul ul {
    top: -2px !important;
    left: 218px;
}

#primary-menu ul ul.menu-pos-invert,
#primary-menu ul li .mega-menu-content.menu-pos-invert {
    left: auto;
    right: 0;
}

#primary-menu ul ul ul.menu-pos-invert { right: 218px; }

#primary-menu ul ul li {
    float: none;
    margin: 0;
}

#primary-menu ul ul li:first-child { border-top: 0; }

#primary-menu ul ul a {
    font-size: 12px;
    font-weight: 600;
    height: 42px !important;
    line-height: 42px !important;
    color: #000 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    border: 0 !important;
    letter-spacing: 0;
    font-family: 'Open Sans', sans-serif;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

#primary-menu ul ul li:hover > a {
    background-color: #F9F9F9;
    padding-left: 18px;
    color: #4ab4e8 !important;
}

#primary-menu ul ul i { line-height: inherit; }

#primary-menu ul ul > li.sub-menu > a,
#primary-menu ul ul > li.sub-menu:hover > a {
    background-image: url("images/icons/submenu.png");
    background-position: right center;
    background-repeat: no-repeat;
}


/* ----------------------------------------------------------------
Mega Menu
-----------------------------------------------------------------*/


#primary-menu ul li .mega-menu-content,
#primary-menu ul li.mega-menu-small .mega-menu-content { width: 400px; }

#primary-menu ul li.mega-menu .mega-menu-content,
.floating-header.sticky-header #primary-menu ul li.mega-menu .mega-menu-content {
    margin: 0 15px;
    width: 1140px;
    top: 100px;
}

.floating-header #primary-menu ul li.mega-menu .mega-menu-content {
    margin: 0;
    width: 1220px;
}

body.stretched .container-fullwidth #primary-menu ul li.mega-menu .mega-menu-content { margin: 0 60px; }

body.stretched #header.full-header #primary-menu ul li.mega-menu .mega-menu-content { margin: 0 30px; }

#primary-menu ul li.mega-menu .mega-menu-content.style-2 { padding: 0 10px; }

#primary-menu ul li .mega-menu-content ul {
    display: block;
    position: relative;
    top: 0;
    min-width: inherit;
}

#primary-menu ul li .mega-menu-content > ul { float: left; }

#primary-menu ul li .mega-menu-content ul:not(.megamenu-dropdown) {
    display: block !important;
    opacity: 1 !important;
    top: 0;
    left: 0;
}

#primary-menu ul li .mega-menu-content.col-2 > ul,
#primary-menu ul li .mega-menu-content.col-3 > ul,
#primary-menu ul li .mega-menu-content.col-4 > ul,
#primary-menu ul li .mega-menu-content.col-5 > ul {
    width: 50%;
    margin: 0;
    border-left: 1px solid #F2F2F2;
}

#primary-menu ul li .mega-menu-content.col-3 > ul { width: 33.33%; }

#primary-menu ul li .mega-menu-content.col-4 > ul { width: 25%; }

#primary-menu ul li .mega-menu-content.col-5 > ul { width: 20%; }

#primary-menu ul li .mega-menu-content > ul:first-child { border-left: 0; }

#primary-menu ul li .mega-menu-content ul a {
    height: 42px;
    line-height: 42px;
}

#primary-menu ul li .mega-menu-content ul {
    width: 100%;
    border: 0;
    box-shadow: none;
    background-color: transparent;
}

#primary-menu ul li .mega-menu-content.style-2 > ul { padding: 30px 20px; }

#primary-menu ul li .mega-menu-content.style-2 > ul > li.mega-menu-title { margin-top: 20px; }

#primary-menu ul li .mega-menu-content.style-2 > ul > li.mega-menu-title:first-child { margin-top: 0; }

#primary-menu ul li .mega-menu-content.style-2 > ul > li.mega-menu-title > a {
    font-size: 13px;
    font-weight: bold;
    font-family: 'Open Sans', sans-serif;
    letter-spacing: 1px;
    text-transform: uppercase !important;
    margin-bottom: 15px;
    color: #444 !important;
    padding: 0;
    height: auto !important;
    line-height: 1.3 !important;
}

#primary-menu ul li .mega-menu-content.style-2 > ul > li.mega-menu-title:hover > a {
    background-color: transparent;
    font-weight: bold;
    padding: 0;
    color: #444 !important;
}

#primary-menu ul li .mega-menu-content.style-2 > ul > li.mega-menu-title > a:hover { color: #4ab4e8 !important; }

#primary-menu ul ul i { line-height: inherit; }

#primary-menu ul li .mega-menu-content.style-2 > ul > li.mega-menu-title.sub-menu > a,
#primary-menu ul li .mega-menu-content.style-2 > ul > li.mega-menu-title.sub-menu:hover > a { background: none; }

#primary-menu ul li .mega-menu-content.style-2 li { border: 0; }

#primary-menu ul li .mega-menu-content.style-2 ul a {
    padding-left: 5px;
    height: 36px !important;
    line-height: 36px !important;
}

#primary-menu ul li .mega-menu-content.style-2 ul a:hover { padding-left: 12px; }


/* Primary Menu - Style 2
-----------------------------------------------------------------*/

#primary-menu.style-2 {
    float: none;
    max-width: none;
    border-top: 1px solid #F5F5F5;
}

#primary-menu.style-2 > div > ul { float: left; }

#primary-menu.style-2,
#primary-menu.style-2 > div > ul,
#primary-menu.style-2 > div > ul > li > a { height: 60px; }

#logo + #primary-menu.style-2 {
    height: auto;
    border-top: 0;
}

#primary-menu.style-2 > div > ul > li > a { line-height: 60px; }

#primary-menu.style-2 > div > ul > li > a i { line-height: 59px; }

#primary-menu.style-2 ul ul,
#primary-menu.style-2 ul li .mega-menu-content { top: 60px; }

#logo + #primary-menu.style-2 > ul > li > ul,
#logo + #primary-menu.style-2 ul li .mega-menu-content { top: 100px; }

#primary-menu.style-2 > div #top-search,
#primary-menu.style-2 > div #top-cart,
#primary-menu.style-2 > div #side-panel-trigger {
    margin-top: 20px;
    margin-bottom: 20px;
}

#primary-menu > div > ul > li:hover a,
#primary-menu > div > ul > li.current a { color: #4ab4e8; }

body:not(.device-sm):not(.device-xs):not(.device-xxs) #primary-menu.style-2.center > ul,
body:not(.device-sm):not(.device-xs):not(.device-xxs) #primary-menu.style-2.center > div {
    float: none;
    display: inline-block;
    width: auto;
    text-align: left;
}


/* Primary Menu - Style 3
-----------------------------------------------------------------*/

#primary-menu.style-3 > ul > li > a {
    height: 44px;
    line-height: 44px;
    margin: 28px 0;
    border-radius: 2px;
}

#primary-menu.style-3 > ul > li > a i { line-height: 43px; }

#primary-menu.style-3 > ul > li:hover > a {
    color: #444;
    background-color: #F5F5F5;
}

#primary-menu.style-3 > ul > li.current > a {
    color: #FFF;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
    background-color: #4ab4e8;
}


/* Primary Menu - Style 4
-----------------------------------------------------------------*/

#primary-menu.style-4 > ul > li > a {
    height: 44px;
    line-height: 42px;
    margin: 28px 0;
    border-radius: 2px;
    border: 1px solid transparent;
}

#primary-menu.style-4 > ul > li > a i { line-height: 41px; }

#primary-menu.style-4 > ul > li:hover > a,
#primary-menu.style-4 > ul > li.current > a { border-color: #4ab4e8; }


/* Primary Menu - Style 5
-----------------------------------------------------------------*/

#primary-menu.style-5 > ul {
    padding-right: 10px;
    margin-right: 5px;
    border-right: 1px solid #EEE;
}

#primary-menu.style-5 > ul > li { margin-left: 15px; }

#primary-menu.style-5 > ul > li:first-child { margin-left: 0; }

#primary-menu.style-5 > ul > li > a { line-height: 1; }

#primary-menu.style-5 > ul > li > a > div {
    padding: 25px 0;
    line-height: 1;
}

#primary-menu.style-5 > ul > li > a i {
    display: block;
    width: auto;
    top: 0;
    margin: 0 0 8px;
    font-size: 28px !important;
    line-height: 1;
    text-align: center;
}


/* Primary Menu - Style 6
-----------------------------------------------------------------*/

#primary-menu.style-6 > ul > li > a { position: relative; }

#primary-menu.style-6 > ul > li > a:after,
#primary-menu.style-6 > ul > li.current > a:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 2px;
    width: 0;
    border-top: 2px solid #4ab4e8;
    -webkit-transition: width .3s ease;
    -o-transition: width .3s ease;
    transition: width .3s ease;
}

#primary-menu.style-6 > ul > li.current > a:after,
#primary-menu.style-6 > ul > li:hover > a:after { width: 100%; }


/* Primary Menu - Sub Title
-----------------------------------------------------------------*/

#primary-menu.sub-title > ul > li,
#primary-menu.sub-title.style-2 > div > ul > li {
    background: url("images/icons/menu-divider.png") no-repeat right center;
    margin-left: 1px;
}

#primary-menu.sub-title ul li:first-child {
    padding-left: 0;
    margin-left: 0;
}

#primary-menu.sub-title ul li a {
    height: auto;
    line-height: 14px;
    padding: 27px 20px 32px;
    text-transform: uppercase;
    border-top: 5px solid transparent;
}

#primary-menu.sub-title ul li span {
    display: block;
    margin-top: 10px;
    line-height: 12px;
    font-size: 11px;
    font-weight: 400;
    color: #888;
    text-transform: capitalize;
}

#primary-menu.sub-title ul li i { line-height: 13px; }

#primary-menu.sub-title > ul > li:hover > a,
#primary-menu.sub-title > ul > li.current > a,
#primary-menu.sub-title > div > ul > li:hover > a,
#primary-menu.sub-title > div > ul > li.current > a {
    background-color: #4ab4e8;
    color: #FFF;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
    border-top-color: rgba(0,0,0,0.1);
}

#primary-menu.sub-title > ul > li:hover span,
#primary-menu.sub-title > ul > li.current span,
#primary-menu.sub-title.style-2 > div > ul > li:hover span,
#primary-menu.sub-title.style-2 > div > ul > li.current span { color: #EEE; }

#primary-menu.sub-title.style-2 ul ul span { display: none; }


/* Primary Menu - Style 2 with Sub Title
-----------------------------------------------------------------*/

#primary-menu.sub-title.style-2 > div > ul > li { background-position: left center; }

#primary-menu.sub-title.style-2,
#primary-menu.sub-title.style-2 > div > ul,
#primary-menu.sub-title.style-2 > div > ul > li > a { height: 80px; }

#primary-menu.sub-title.style-2 div ul ul,
#primary-menu.sub-title.style-2 ul li .mega-menu-content { top: 80px; }

#primary-menu.sub-title.style-2 ul li .mega-menu-content ul { top: 0; }

#primary-menu.sub-title.style-2 > div #top-search,
#primary-menu.sub-title.style-2 > div #top-cart,
#primary-menu.sub-title.style-2 > div #side-panel-trigger {
    float: right;
    margin-top: 30px;
    margin-bottom: 30px;
}

#primary-menu.sub-title.style-2 div ul li:first-child,
#primary-menu.sub-title.style-2 > div > ul > li:hover + li,
#primary-menu.sub-title.style-2 > div > ul > li.current + li { background-image: none; }

#primary-menu.sub-title.style-2 > div > ul > li > a {
    height: auto;
    line-height: 14px;
    padding: 17px 20px 22px;
}


/* Primary Menu - Overlay Menu
-----------------------------------------------------------------*/

@media (min-width: 992px) {

    .overlay-menu:not(.top-search-open) #primary-menu-trigger {
        opacity: 1;
        pointer-events: auto;
        left: auto;
        right: 75px;
        width: 20px;
        height: 20px;
        line-height: 20px;
        margin-top: -10px;
    }

    .overlay-menu:not(.top-search-open) .full-header #primary-menu-trigger { right: 90px; }

    .overlay-menu #primary-menu > #overlay-menu-close {
        opacity: 0;
        pointer-events: none;
        position: fixed;
        top: 25px;
        left: auto;
        right: 25px;
        width: 48px;
        height: 48px;
        line-height: 48px;
        font-size: 24px;
        text-align: center;
        color: #444;
        z-index: 300;
        -webkit-transform: translateY(-80px);
        -ms-transform: translateY(-80px);
        -o-transform: translateY(-80px);
        transform: translateY(-80px);
        -webkit-transition: opacity .4s ease, transform .45s .15s ease;
        -o-transition: opacity .4s ease, transform .45s .15s ease;
        transition: opacity .4s ease, transform .45s .15s ease;
    }

    .overlay-menu #primary-menu > ul {
        opacity: 0 !important;
        pointer-events: none;
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100% !important;
        z-index: 299;
        background: rgba(255,255,255,0.95);
        -webkit-transition: opacity .7s ease;
        -o-transition: opacity .7s ease;
        transition: opacity .7s ease;
    }

    .overlay-menu #primary-menu > ul.show {
        opacity: 1 !important;
        display: inherit !important;
        pointer-events: auto;
    }

    .overlay-menu #primary-menu > ul.show ~ #overlay-menu-close {
        opacity: 1;
        -webkit-transition: opacity .7s .4s ease, transform .45s .15s ease;
        -o-transition: opacity .7s .4s ease, transform .45s .15s ease;
        transition: opacity .7s .4s ease, transform .45s .15s ease;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
        pointer-events: auto;
    }

    .overlay-menu #primary-menu > ul > li {
        float: none;
        text-align: center;
        max-width: 400px;
        margin: 0 auto;
    }

    .overlay-menu #primary-menu > ul > li > a {
        height: 60px !important;
        line-height: 60px !important;
        font-size: 24px;
        letter-spacing: 2px;
        text-transform: none;
        opacity: 0;
        -webkit-transform: translateY(-80px);
        -ms-transform: translateY(-80px);
        -o-transform: translateY(-80px);
        transform: translateY(-80px);
        -webkit-transition: opacity .7s .15s ease, transform .45s .15s ease, color .2s linear;
        -o-transition: opacity .7s .15s ease, transform .45s .15s ease, color .2s linear;
        transition: opacity .7s .15s ease, transform .45s .15s ease, color .2s linear;
    }

    .overlay-menu #primary-menu > ul.show > li > a {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }

}


/* ----------------------------------------------------------------
Top Search
-----------------------------------------------------------------*/


#top-search,
#top-cart,
#side-panel-trigger {
    float: right;
    margin: 40px 0 40px 15px;
}

#top-cart { position: relative; }

#top-search a,
#top-cart a,
#side-panel-trigger a {
    display: block;
    position: relative;
    width: 14px;
    height: 14px;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    color: #333;
    -webkit-transition: color .3s ease-in-out;
    -o-transition: color .3s ease-in-out;
    transition: color .3s ease-in-out;
}

#top-search a { z-index: 11; }

#top-search a i {
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition: opacity .3s ease;
    -o-transition: opacity .3s ease;
    transition: opacity .3s ease;
}

body.top-search-open #top-search a i.icon-search3,
#top-search a i.icon-line-cross { opacity: 0; }

body.top-search-open #top-search a i.icon-line-cross {
    opacity: 1;
    z-index: 11;
    font-size: 16px;
}

#top-cart a:hover { color: #4ab4e8; }

#top-search form {
    opacity: 0;
    z-index: -2;
    position: absolute;
    width: 100% !important;
    height: 100% !important;
    padding: 0 15px;
    margin: 0;
    top: 0;
    left: 0;
    -webkit-transition: opacity .3s ease-in-out;
    -o-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out;
}

body.top-search-open #top-search form {
    opacity: 1;
    z-index: 10;
}

#top-search form input {
    box-shadow: none !important;
    pointer-events: none;
    border-radius: 0;
    border: 0;
    outline: 0 !important;
    font-size: 32px;
    padding: 10px 80px 10px 0;
    height: 100%;
    background-color: transparent;
    color: #333;
    font-weight: 700;
    margin-top: 0 !important;
    font-family: 'Open Sans', sans-serif;
    letter-spacing: 2px;
}

body:not(.device-sm):not(.device-xs):not(.device-xxs) #header.full-header #top-search form input { padding-left: 40px; }

body:not(.device-sm):not(.device-xs):not(.device-xxs) .container-fullwidth #top-search form input { padding-left: 60px; }

body.top-search-open #top-search form input { pointer-events: auto; }

body:not(.device-sm):not(.device-xs):not(.device-xxs) #header.transparent-header:not(.sticky-header):not(.full-header):not(.floating-header) #top-search form input { border-bottom: 2px solid rgba(0,0,0,0.1); }

#top-search form input::-moz-placeholder {
    color: #555;
    opacity: 1;
    text-transform: uppercase;
}
#top-search form input:-ms-input-placeholder {
    color: #555;
    text-transform: uppercase;
}
#top-search form input::-webkit-input-placeholder {
    color: #555;
    text-transform: uppercase;
}

#primary-menu .container #top-search form input,
.sticky-header #top-search form input { border: none !important; }


/* ----------------------------------------------------------------
Top Cart
-----------------------------------------------------------------*/


#top-cart { margin-right: 0; }

#top-cart > a > span {
    display: block;
    position: absolute;
    top: -7px;
    left: auto;
    right: -14px;
    font-size: 10px;
    color: #FFF;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
    width: 16px;
    height: 16px;
    line-height: 16px;
    text-align: center;
    background-color: #4ab4e8;
    border-radius: 50%;
}

#top-cart .top-cart-content {
    opacity: 0;
    z-index: -2;
    position: absolute;
    width: 280px;
    background-color: #FFF;
    box-shadow: 0px 20px 50px 10px rgba(0, 0, 0, 0.05);
    border: 1px solid #EEE;
    border-top: 2px solid #4ab4e8;
    top: 60px;
    right: -15px;
    left: auto;
    margin: -10000px 0 0;
    -webkit-transition: opacity .5s ease, top .4s ease;
    -o-transition: opacity .5s ease, top .4s ease;
    transition: opacity .5s ease, top .4s ease;
}

.style-2 .container #top-cart .top-cart-content { top: 40px; }

.style-2.sub-title .container #top-cart .top-cart-content { top: 50px; }

#top-cart.top-cart-open .top-cart-content {
    opacity: 1;
    z-index: 11;
    margin-top: 0;
}

.top-cart-title {
    padding: 12px 15px;
    border-bottom: 1px solid #EEE;
}

.top-cart-title h4 {
    margin-bottom: 0;
    font-size: 15px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.top-cart-items { padding: 15px; }

.top-cart-item {
    padding-top: 15px;
    margin-top: 15px;
    border-top: 1px solid #F5F5F5;
}

.top-cart-item:first-child {
    padding-top: 0;
    margin-top: 0;
    border-top: 0;
}

.top-cart-item-image {
    float: left;
    margin-right: 15px;
    width: 48px !important;
    height: 48px !important;
    border: 2px solid #EEE;
    -webkit-transition: border-color .2s linear;
    -o-transition: border-color .2s linear;
    transition: border-color .2s linear;
}

.top-cart-item-image a,
.top-cart-item-image img {
    display: block;
    width: 44px !important;
    height: 44px !important;
}

.top-cart-item-image:hover { border-color: #4ab4e8; }

.top-cart-item-desc {
    position: relative;
    overflow: hidden;
}

.top-cart-item-desc a {
    text-align: left !important;
    font-size: 13px !important;
    width: auto !important;
    height: auto !important;
    font-weight: 600;
}

.top-cart-item-desc a:hover { color: #4ab4e8 !important; }

.top-cart-item-desc span.top-cart-item-price {
    display: block;
    line-height: 20px;
    font-size: 12px !important;
    color: #999;
}

.top-cart-item-desc span.top-cart-item-quantity {
    display: block;
    position: absolute;
    font-size: 12px !important;
    right: 0;
    top: 2px;
    color: #444;
}

.top-cart-action {
    padding: 15px;
    border-top: 1px solid #EEE;
}

.top-cart-action span.top-checkout-price {
    font-size: 20px;
    color: #4ab4e8;
}


/* ----------------------------------------------------------------
Sticky Header
-----------------------------------------------------------------*/

#header,
#header-wrap,
#logo img,
#primary-menu:not(.style-2),
#primary-menu:not(.style-2) > ul {
    height: auto;
    -webkit-transition: height .4s ease, opacity .3s ease;
    -o-transition: height .4s ease, opacity .3s ease;
    transition: height .4s ease, opacity .3s ease;
}

#header.sticky-style-2 { height: 161px; }

#header.sticky-style-3 { height: 181px; }

#header.sticky-style-2 #header-wrap,
#header.sticky-style-3 #header-wrap { height: 60px; }

#primary-menu > ul > li > ul,
#primary-menu > ul > li > .mega-menu-content,
#primary-menu > ul > li.mega-menu > .mega-menu-content {
    -webkit-transition: top .4s ease;
    -o-transition: top .4s ease;
    transition: top .4s ease;
}

#top-search,
#top-cart {
    -webkit-transition: margin .4s ease, opacity .3s ease;
    -o-transition: margin .4s ease, opacity .3s ease;
    transition: margin .4s ease, opacity .3s ease;
}

body:not(.top-search-open) #header-wrap #logo,
body:not(.top-search-open) #primary-menu > ul,
body:not(.top-search-open) #primary-menu > .container > ul,
body:not(.top-search-open) #top-cart,
body:not(.top-search-open) #side-panel-trigger {
    opacity: 1;
    -webkit-transition: height .4s ease, margin .4s ease, opacity .2s .2s ease;
    -o-transition: height .4s ease, margin .4s ease, opacity .2s .2s ease;
    transition: height .4s ease, margin .4s ease, opacity .2s .2s ease;
}

body.top-search-open #header-wrap #logo,
body.top-search-open #primary-menu > ul,
body.top-search-open #primary-menu > .container > ul,
body.top-search-open #top-cart,
body.top-search-open #side-panel-trigger { opacity: 0; }

#header.sticky-header.semi-transparent { background-color: transparent; }

#header-wrap { position: relative; }

#header.sticky-header #header-wrap {
    z-index: 199;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background-color: #242b31;
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
    -webkit-backface-visibility: hidden;
}

#header.semi-transparent.sticky-header #header-wrap { background-color: rgba(255,255,255,0.8) }

#header.sticky-header:not(.static-sticky),
#header.sticky-header:not(.static-sticky) #header-wrap,
#header.sticky-header:not(.static-sticky):not(.sticky-style-2) #logo img,
#header.sticky-header:not(.static-sticky) #primary-menu,
#header.sticky-header:not(.static-sticky) #primary-menu > ul,
#header.sticky-header:not(.static-sticky) #primary-menu > ul > li > a { height: 60px; }

#header.sticky-header:not(.static-sticky).sticky-style-2 { height: 161px; }

#header.sticky-header:not(.static-sticky) #primary-menu > ul > li > a { line-height: 60px; color: #fff; }

#header.sticky-header:not(.static-sticky) #primary-menu > ul > li > a i { line-height: 59px; }

#header.sticky-header:not(.static-sticky) #primary-menu > ul > li > ul,
#header.sticky-header:not(.static-sticky) #primary-menu > ul > li > .mega-menu-content,
#header.sticky-header:not(.static-sticky) #primary-menu > ul > li.mega-menu > .mega-menu-content { top: 60px; }

#header.sticky-header:not(.static-sticky) #top-search,
#header.sticky-header:not(.static-sticky) #top-cart,
#header.sticky-header:not(.static-sticky) #side-panel-trigger {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
}

#header.sticky-header:not(.static-sticky) #top-cart .top-cart-content { top: 40px; }

#header.sticky-header.sticky-style-2 #primary-menu { border-top: 0; }

/* Primary Menu - Style 3
-----------------------------------------------------------------*/

#header.sticky-header:not(.static-sticky) #primary-menu.style-3 > ul > li > a {
    margin: 0;
    border-radius: 0;
}

/* Primary Menu - Style 4
-----------------------------------------------------------------*/

#header.sticky-header:not(.static-sticky) #primary-menu.style-4 > ul > li > a {
    height: 36px;
    line-height: 34px;
    margin: 12px 0;
}

#header.sticky-header:not(.static-sticky) #primary-menu.style-4 > ul > li > a i { line-height: 33px; }

/* Primary Menu - Style 5
-----------------------------------------------------------------*/

#header.sticky-header:not(.static-sticky) #primary-menu.style-5 > ul > li { margin-left: 2px; }

#header.sticky-header:not(.static-sticky) #primary-menu.style-5 > ul > li:first-child { margin-left: 0; }

#header.sticky-header:not(.static-sticky) #primary-menu.style-5 > ul > li > a { line-height: 60px; }

#header.sticky-header:not(.static-sticky) #primary-menu.style-5 > ul > li > a > div {
    padding: 0;
    line-height: 60px;
}

#header.sticky-header:not(.static-sticky) #primary-menu.style-5 > ul > li > a i {
    display: inline-block;
    width: 14px;
    top: 1px;
    margin: 0 5px 0 0;
    font-size: 14px !important;
    line-height: 59px;
}

/* Primary Menu - Sub Title
-----------------------------------------------------------------*/

#header.sticky-header:not(.static-sticky) #primary-menu.sub-title > ul > li,
#header.sticky-header:not(.static-sticky) #primary-menu.sub-title.style-2 > div > ul > li {
    background: none !important;
    margin-left: 2px;
}

#header.sticky-header:not(.static-sticky) #primary-menu.sub-title > ul > li:first-child,
#header.sticky-header:not(.static-sticky) #primary-menu.sub-title.style-2 > div > ul > li:first-child { margin-left: 0; }

#header.sticky-header:not(.static-sticky) #primary-menu.sub-title > ul > li > a {
    height: 60px;
    line-height: 60px;
    padding: 0 15px;
    text-transform: none;
    font-size: 14px;
    border-top: 0;
}

#header.sticky-header:not(.static-sticky) #primary-menu.sub-title ul li span { display: none; }

#header.sticky-header:not(.static-sticky) #primary-menu.sub-title > ul > li > a i { line-height: 59px; }

#header.sticky-header:not(.static-sticky) #primary-menu.sub-title > div > ul > li > ul,
#header.sticky-header:not(.static-sticky) #primary-menu.sub-title > div > ul > li > .mega-menu-content,
#header.sticky-header:not(.static-sticky) #primary-menu.sub-title > div > ul > li.mega-menu > .mega-menu-content { top: 58px; }


/* ----------------------------------------------------------------
Page Menu
-----------------------------------------------------------------*/

#page-menu,
#page-menu-wrap {
    position: relative;
    height: 35px;
    line-height: 35px;

}
#page-menu h2 {
    color: white;
    font-size: 16px;
    text-transform: uppercase;
    padding: 0 30px;
    margin: 10px 0;
}
#page-menu-wrap { background-color: #4ab4e8; }

#page-menu.sticky-page-menu #page-menu-wrap {
    position: fixed;
    z-index: 99;
    top: 60px;
    left: 0;
    width: 100%;
    box-shadow: 0 0 15px rgba(0,0,0,0.3);
    -webkit-backface-visibility: hidden;
}

#page-submenu-trigger {
    top: 0;
    margin-top: 0;
    left: auto;
    right: 15px;
    width: 40px;
    height: 44px;
    line-height: 44px;
}

#page-menu .menu-title {
    float: left;
    color: #FFF;
    font-size: 20px;
    font-weight: 300;
}

#page-menu .menu-title span { font-weight: 600; }

#page-menu nav {
    position: relative;
}

#page-menu nav ul {
    margin: 0 30px 0 0;
    height: 45px;
}

#page-menu nav li {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    float: right;
    list-style: none;
}

#page-menu nav li a {
    display: block;
    height: 35px;
    line-height: 38px;
    padding: 0 17px;
    color: #84878A;
    font-size: 14px;
    font-weight: 700;       
}

body:not(.device-touch) #page-menu nav li a {
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

#page-menu ul li a:hover,
#page-menu li.current a { 
    color: #44 ;
    background-color: rgba(0,0,0,0.20); 
}
}

#page-menu-gray .menu-title span { font-weight: 600; }

#page-menu-gray nav {
    position: relative;
    float: center;
}

#page-menu-gray nav ul {
    margin: 0 0 0 0;
    height: 44px;
}

#page-menu-gray nav li {
    position: relative;
    float: right;
    list-style: none;
}

#page-menu-gray nav li a {
    display: block;
    height: 44px;
    line-height: 44px;
    padding: 0 12px;
    color: #84878A
        font-weight: 700;    
    font-size: 14px;
}

.section-header-gray {
    padding: 0px 25px;
    background-color: #E1E4E5;
    color: #84878A;
    text-transform: uppercase;
    font-family: 'TradeGothicLT-Bold', sans-serif !important;
    font-size: 13px;
    font-weight: 700;
    cursor: pointer;
}

.page-menu-gray ul li a {
    display: block;
    height: 30px;
    line-height: 35px;
    padding: 2px 25px;
    color: #84878A;
    font-size: 13px;
    cursor: pointer;
    text-transform: None;
    font-family: 'TradeGothicLT-Bold', sans-serif !important;
}

#page-menu-gray ul li a:hover,
#page-menu-gray ul li.current a { 
    background-color: rgba(0,0,0,0.20); 
    color: #ffffff;
}




body:not(.device-touch) #page-menu nav li a {
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

#page-menu-gray nav li a:hover,
#page-menu-gray nav li.current a { background-color: rgba(0,0,0,0.15); }


/* Page Menu - Dots Style
-----------------------------------------------------------------*/

#page-menu.dots-menu,
#page-menu.dots-menu #page-menu-wrap {
    position: fixed;
    z-index: 99;
    top: 50%;
    left: auto;
    right: 20px;
    width: 24px;
    height: auto;
    line-height: 1.5;
    background-color: transparent;
    text-shadow: none;
}

#page-menu.dots-menu #page-menu-wrap {
    position: relative;
    box-shadow: none;
}

#page-menu.dots-menu .menu-title { display: none; }

#page-menu.dots-menu nav {
    float: none;
    width: 24px;
}

#page-menu.dots-menu nav ul { height: auto; }

#page-menu.dots-menu nav ul li {
    float: none;
    width: 14px;
    height: 14px;
    margin: 10px 6px;
}

#page-menu.dots-menu nav li a {
    position: relative;
    width: 10px;
    height: 10px;
    line-height: 1.5;
    padding: 0;
    margin: 0 2px;
    background-color: rgba(0,0,0,0.4);
    border-radius: 50%;
    color: #777;
}

#page-menu.dots-menu nav li a:hover { background-color: rgba(0,0,0,0.7) }

#page-menu.dots-menu nav li.current a { background-color: #4ab4e8; }

#page-menu.dots-menu nav li .dots-menu-caption {
    position: absolute;
    width: auto;
    top: -11px;
    right: 25px;
    background-color: #4ab4e8;
    color: #FFF;
    padding: 5px 14px;
    white-space: nowrap;
    pointer-events: none;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.15);
    border-radius: 2px;
    opacity: 0;
}

body:not(.device-touch) #page-menu.dots-menu nav li .dots-menu-caption {
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

#page-menu.dots-menu nav li .dots-menu-caption:after {
    position: absolute;
    content: '';
    top: 50%;
    margin-top: -6px;
    left: auto;
    right: -5px;
    width: 0;
    height: 0;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-left: 6px solid #4ab4e8;
}

#page-menu.dots-menu nav li a:hover + .dots-menu-caption {
    opacity: 1;
    right: 30px;
}


/* ----------------------------------------------------------------
One Page
-----------------------------------------------------------------*/

.one-page-arrow {
    position: absolute;
    z-index: 3;
    bottom: 20px;
    left: 50%;
    margin-left: -16px;
    width: 32px;
    height: 32px;
    font-size: 32px;
    text-align: center;
    color: #222;
}


/* ----------------------------------------------------------------
Side Header
-----------------------------------------------------------------*/

@media (min-width: 768px) {


    .side-header #header {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 10;
        width: 260px;
        height: 100%;
        background-color: #FFF;
        border: none;
        border-right: 1px solid #EEE;
        overflow: hidden;
        box-shadow: 0 0 15px rgba(0, 0, 0, 0.065);
    }

    .side-header #header-wrap {
        width: 300px;
        height: 100%;
        overflow: auto;
        padding-right: 40px;
    }

    .side-header #header .container {
        width: 260px !important;
        padding: 0 30px !important;
        margin: 0 !important;
    }

    .side-header #logo {
        float: none;
        margin: 60px 0 40px;
    }

    .side-header #logo img { height: auto !important; }

    .side-header #logo:not(.nobottomborder):after,
    .side-header #primary-menu:not(.nobottomborder):after {
        display: block;
        content: '';
        width: 20%;
        border-bottom: 1px solid #E5E5E5;
    }

    .side-header .center #logo:after { margin: 0 auto; }

    .side-header #primary-menu { margin-bottom: 30px; }

    .side-header #primary-menu:not(.nobottomborder):after { margin-top: 40px; }

    .side-header #primary-menu,
    .side-header #primary-menu ul {
        float: none;
        height: auto;
    }

    .side-header #primary-menu ul li {
        float: none;
        margin: 15px 0 0;
    }

    .side-header #primary-menu ul li:first-child { margin-top: 0; }

    .side-header #primary-menu ul li a {
        height: 25px;
        line-height: 25px;
        padding: 0;
        text-transform: uppercase;
    }

    .side-header #primary-menu ul li i { line-height: 24px; }

    .side-header #primary-menu ul ul {
        position: relative;
        width: 100%;
        background-color: transparent;
        box-shadow: none;
        border: none;
        height: auto;
        z-index: 1;
        top: 0;
        left: 0;
        margin: 5px 0;
        padding-left: 12px;
    }

    .side-header #primary-menu ul ul ul {
        top: 0 !important;
        left: 0;
    }

    .side-header #primary-menu ul ul.menu-pos-invert {
        left: 0;
        right: auto;
    }

    .side-header #primary-menu ul ul ul.menu-pos-invert { right: auto; }

    .side-header #primary-menu ul ul li {
        margin: 0;
        border: 0;
    }

    .side-header #primary-menu ul ul li:first-child { border-top: 0; }

    .side-header #primary-menu ul ul a {
        font-size: 12px;
        height: auto !important;
        line-height: 24px !important;
        padding: 2px 0 !important;
    }

    .side-header #primary-menu ul ul li:hover > a {
        background-color: transparent !important;
        color: #444 !important;
    }

    .side-header #primary-menu ul > li.sub-menu > a,
    .side-header #primary-menu ul > li.sub-menu:hover > a { background-image: none !important; }

    .side-header #primary-menu ul > li.sub-menu > a:after {
        position: absolute;
        content: '\e7a5';
        top: 1px;
        right: 0;
        -webkit-transition: transform .2s linear;
        -o-transition: transform .2s linear;
        transition: transform .2s linear;
    }

    .side-header #primary-menu ul > li.sub-menu:hover > a:after {
        filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg);
    }

    .side-header:not(.open-header) #wrapper {
        margin: 0 0 0 260px !important;
        width: auto !important;
    }

    .side-header:not(.open-header) #wrapper .container {
        width: auto;
        margin: 0 40px;
    }


    /* Side Header - Push Header
    -----------------------------------------------------------------*/

    .side-header.open-header.push-wrapper { overflow-x: hidden; }

    .side-header.open-header #header { left: -260px; }

    .side-header.open-header.side-header-open #header { left: 0; }

    .side-header.open-header #wrapper { left: 0; }

    .side-header.open-header.push-wrapper.side-header-open #wrapper { left: 260px; }

    #header-trigger { display: none; }

    .fa-ul{padding-left:0;
        margin-left:0em;
        list-style-type:none;
    }

    .fa-ul>li {
        position:relative
    }

    .header-top .contact-info {
        margin: 5px 0 0 0;
    }

    .header-top-links .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a {
        padding: 0 25px 0 0px;
    }

    .header-top-links ul {
        float:right;
        margin-top: 5px;
        margin-right: 20px;
    }

    .header-top {
        background: #ffffff;
        height: 10px!important;

        -webkit-transition: all .2s linear;
        -moz-transition:	all .2s linear;
        -o-transition: 		all .2s linear;
        -ms-transition: 	all .2s linear;
        transition: 		all .2s linear;	
    }

    .header-top ul li, .header-top ul li a {
        display: inline-block;
        margin-left: 1px;
        font-size: 14px;
        color: #b0b0b0;
    }

    .header-top ul li a:hover {
        color: #4ab4e8;	
    }

    .header-top-links {
        margin-top: 0px;
        margin-right: 0px;
    }

    .side-header.open-header #header-trigger {
        display: block;
        position: fixed;
        cursor: pointer;
        top: 20px;
        left: 20px;
        z-index: 11;
        font-size: 16px;
        width: 32px;
        height: 32px;
        line-height: 32px;
        background-color: #FFF;
        text-align: center;
        border-radius: 2px;
    }

    .side-header.open-header.side-header-open #header-trigger { left: 280px; }

    .side-header.open-header #header-trigger i:nth-child(1),
    .side-header.open-header.side-header-open #header-trigger i:nth-child(2) { display: block; }

    .side-header.open-header.side-header-open #header-trigger i:nth-child(1),
    .side-header.open-header #header-trigger i:nth-child(2) { display: none; }


    .side-header.open-header #header,
    .side-header.open-header #header-trigger,
    .side-header.open-header.push-wrapper #wrapper {
        -webkit-transition: left .4s ease;
        -o-transition: left .4s ease;
        transition: left .4s ease;
    }


    /* Side Header - Right Aligned
    -----------------------------------------------------------------*/

    .side-header.side-header-right #header {
        left: auto;
        right: 0;
        border: none;
        border-left: 1px solid #EEE;
    }

    .side-header.side-header-right:not(.open-header) #wrapper { margin: 0 260px 0 0 !important; }

    .side-header.side-header-right.open-header #header {
        left: auto;
        right: -260px;
    }

    .side-header.side-header-right.open-header.side-header-open #header {
        left: auto;
        right: 0;
    }

    .side-header.side-header-right.open-header.push-wrapper.side-header-open #wrapper { left: -260px; }

    .side-header.side-header-right.open-header #header-trigger {
        left: auto;
        right: 20px;
    }

    .side-header.side-header-right.open-header.side-header-open #header-trigger {
        left: auto;
        right: 280px;
    }

    .side-header.side-header-right.open-header #header,
    .side-header.side-header-right.open-header #header-trigger {
        -webkit-transition: right .4s ease;
        -o-transition: right .4s ease;
        transition: right .4s ease;
    }


}


/* ----------------------------------------------------------------
Side Push Panel
-----------------------------------------------------------------*/

body.side-push-panel { overflow-x: hidden; }

body.side-push-panel #side-panel {
    position: fixed;
    top: 0;
    right: -300px;
    z-index: 399;
    width: 300px;
    height: 100%;
    background-color: #F5F5F5;
    overflow: hidden;
}

body.side-push-panel #wrapper,
body.side-push-panel #header.sticky-header .container { right: 0; }

body.side-push-panel #side-panel .side-panel-wrap {
    position: absolute;
    top: 0;
    left: auto;
    bottom: 0;
    right: 0;
    width: 300px;
    height: 100%;
    overflow-y: hidden;
    padding: 50px 40px;
}

body.side-push-panel.device-touch #side-panel .side-panel-wrap { overflow-y: scroll; }

body.side-push-panel #side-panel .widget {
    margin-top: 40px;
    padding-top: 40px;
    border-top: 1px solid #E5E5E5;
}

body.side-push-panel #side-panel .widget:first-child {
    padding-top: 0;
    border-top: 0;
    margin: 0;
}

body.side-push-panel.side-panel-open #side-panel { right: 0; }

body.side-push-panel.side-panel-open #wrapper,
body.side-push-panel.side-panel-open #header.sticky-header .container { right: 300px; }

body.side-push-panel #side-panel-trigger {
    display: block;
    cursor: pointer;
    z-index: 11;
    margin-right: 5px;
}

#side-panel-trigger-close a { display: none; }

body.side-push-panel #side-panel,
body.side-push-panel #wrapper,
body.side-push-panel.side-panel-open #header.sticky-header .container {
    -webkit-transition: right .4s ease;
    -o-transition: right .4s ease;
    transition: right .4s ease;
}

body.side-push-panel .body-overlay {
    opacity: 0;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.6);
    z-index: -1;
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    -webkit-transition: opacity .3s ease;
    -o-transition: opacity .3s ease;
    transition: opacity .3s ease;
}

body.side-push-panel.side-panel-open .body-overlay {
    opacity: 1;
    z-index: 298;
    pointer-events: auto;
}

body.side-push-panel.side-panel-open:not(.device-xxs):not(.device-xs):not(.device-sm) .body-overlay:hover { cursor: url('images/icons/close.png') 15 15, default; }


/* ----------------------------------------------------------------
Slider
-----------------------------------------------------------------*/


#slider {
    position: relative;
    width: 100%;
    overflow: hidden;
}

#slider .dark h1 span {
    color: #FFF;
}
#slider .dark h1 span.animated {
    color: #174b87;
}

.slider-parallax {
    visibility: visible;
    -webkit-transform: translate(0,0);
    -ms-transform: translate(0,0);
    -o-transform: translate(0,0);
    transform: translate(0,0);
    -webkit-backface-visibility: hidden;
}


/* Boxed Slider
-----------------------------------------------------------------*/

.boxed-slider { padding-top: 40px; }


/* Flex Slider - Thumbs
-----------------------------------------------------------------*/

.fslider[data-animation="fade"] .flexslider { height: auto !important; }

.flex-control-nav.flex-control-thumbs {
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    margin: 2px -2px -2px 0;
    height: 75px;
}

.flex-control-nav.flex-control-thumbs li { margin: 0 2px 2px 0; }

.flex-control-nav.flex-control-thumbs li img {
    cursor: pointer;
    text-indent: -9999px;
    border: 0;
    border-radius: 0;
    margin: 0;
    opacity: 0.5;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.flex-control-nav.flex-control-thumbs li,
.flex-control-nav.flex-control-thumbs li img {
    display: block;
    width: 100px !important;
    height: 75px !important;
}

.flex-control-nav.flex-control-thumbs li:hover img,
.flex-control-nav.flex-control-thumbs li img.flex-active {
    border-width: 0;
    opacity: 1;
}


/* Flex Thumbs - Flexible
-----------------------------------------------------------------*/

.fslider.flex-thumb-grid .flex-control-nav.flex-control-thumbs {
    margin: 2px -2px -2px 0;
    height: auto;
}

.fslider.flex-thumb-grid .flex-control-nav.flex-control-thumbs li {
    width: 25% !important;
    height: auto !important;
    margin: 0;
    padding: 0 2px 2px 0;
}

.fslider.flex-thumb-grid.grid-3 .flex-control-nav.flex-control-thumbs li { width: 33.30% !important; }
.fslider.flex-thumb-grid.grid-5 .flex-control-nav.flex-control-thumbs li { width: 20% !important; }
.fslider.flex-thumb-grid.grid-6 .flex-control-nav.flex-control-thumbs li { width: 16.66% !important; }
.fslider.flex-thumb-grid.grid-8 .flex-control-nav.flex-control-thumbs li { width: 12.5% !important; }
.fslider.flex-thumb-grid.grid-10 .flex-control-nav.flex-control-thumbs li { width: 10% !important; }
.fslider.flex-thumb-grid.grid-12 .flex-control-nav.flex-control-thumbs li { width: 8.33% !important; }

.fslider.flex-thumb-grid .flex-control-nav.flex-control-thumbs li img {
    width: 100% !important;
    height: auto !important;
}


/* Swiper Slider
-----------------------------------------------------------------*/

.swiper_wrapper {
    width: 100%;
    height: 500px;
    overflow: hidden;
}

.full-screen .swiper_wrapper { height: auto; }

.swiper_wrapper .swiper-container {
    position: relative;
    width:100%;
    height:100%;
    margin: 0;
    background: url('images/pattern2.png') repeat;
}

.swiper_wrapper .swiper-slide {
    position: relative;
    margin: 0;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
}

.swiper-slide [data-caption-animate] { -webkit-backface-visibility: hidden; }

.swiper-slide .video-wrap,
.section .video-wrap,
.swiper-slide .yt-bg-player,
.section .yt-bg-player {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -1;
    top: 0;
    left: 0;
}

#slider .container {
    position: relative;
    height: 100%;
}

#slider.canvas-slider .swiper-slide img { width: 100%; }

#slider.canvas-slider a {
    display: block;
    height: 100%;
}


/* Revolution Slider
-----------------------------------------------------------------*/

.boxedcontainer {
    max-width: 1140px;
    margin:auto;
}

.tp-banner-container{
    width:100%;
    position:relative;
    padding:0;
}

.tp-banner{
    width:100%;
    position:relative;
}

.tp-banner-fullscreen-container {
    width:100%;
    position:relative;
    padding:0;
}

.tp-banner .button { height: auto !important; }

.tparrows.preview2:after { line-height: 1 !important; }


/* Video Overlay
-----------------------------------------------------------------*/

.video-wrap {
    overflow: hidden;
    width: 100%;
    position: relative;
}

.video-wrap video {
    position: relative;
    z-index: 1;
    width: 100%;
}

.video-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 5;
    background: transparent url('images/grid.png') repeat;
    -webkit-backface-visibility: hidden;
}


/* Slider Caption
-----------------------------------------------------------------*/

.slider-caption,
.nivo-caption,
.flex-caption {
    position: absolute;
    top: 0;
    left: 15px;
    z-index: 20;
    max-width: 550px;
    color: #EEE;
    font-size: 22px;
    font-weight: 300;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.15);
    -webkit-transition: top .3s ease;
    -o-transition: top .3s ease;
    transition: top .3s ease;
}

.slider-caption:not(.dark),
.slider-caption:not(.dark) h2 {
    color: #222;
    text-shadow: none;
}

.slider-caption h2 {
    font-size: 64px;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 30px;
}

.slider-caption p {
    margin-bottom: 10px;
    font-size: 24px;
}

.slider-caption.slider-caption-right {
    left: auto;
    right: 15px;
}

.slider-caption.slider-caption-center {
    position: relative;
    max-width: 800px;
    text-align: center;
    margin: 0 auto;
    left: 0;
    right: 0;
}

.slider-caption-bg {
    padding: 5px 12px;
    border-radius: 2px;
    background-color: rgba(0,0,0,0.6);
    top: auto;
    bottom: 50px;
    left: 50px;
}

.slider-caption-bg.slider-caption-bg-light {
    background-color: rgba(255,255,255,0.8);
    color: #333;
    font-weight: 400;
    text-shadow: none;
}

.slider-caption-top-left {
    top: 50px;
    bottom: auto;
}

.slider-caption-top-right {
    top: 50px;
    bottom: auto;
    left: auto;
    right: 50px;
}

.slider-caption-bottom-right {
    left: auto;
    right: 50px;
}


/* Slider Arrows
-----------------------------------------------------------------*/

#slider .owl-theme .owl-controls { margin: 0; }

#slider-arrow-left,
#slider-arrow-right,
.camera_prev,
.camera_next,
#slider .owl-prev,
#slider .owl-next,
.flex-prev,
.flex-next,
.nivo-prevNav,
.nivo-nextNav,
.slider-arrow-top-sm,
.slider-arrow-bottom-sm {
    position: absolute;
    cursor: pointer;
    z-index: 10;
    top: 50%;
    left: 0;
    margin-top: -26px;
    background-color: rgba(0,0,0,0.3);
    width: 52px;
    height: 52px;
    border: 0;
    border-radius: 0 3px 3px 0;
    -webkit-transition: background-color .3s ease-in-out;
    -o-transition: background-color .3s ease-in-out;
    transition: background-color .3s ease-in-out;
}

.slider-arrow-top-sm,
.slider-arrow-bottom-sm {
    top: auto;
    bottom: 57px;
    left: auto;
    right: 20px;
    margin: 0;
    width: 32px;
    height: 32px;
    border-radius: 3px 3px 0 0;
}

.slider-arrow-bottom-sm {
    bottom: 20px;
    border-radius: 0 0 3px 3px;
}

.fslider[data-thumbs="true"] .flex-prev,
.fslider[data-thumbs="true"] .flex-next { margin-top: -64px; }

#slider .owl-prev,
#slider .owl-next {
    -webkit-transition: background-color .3s ease-in-out;
    -o-transition: background-color .3s ease-in-out;
    transition: background-color .3s ease-in-out;
}

#slider-arrow-right,
.camera_next,
#slider .owl-next,
.flex-next,
.nivo-nextNav {
    left: auto;
    right: 0;
    border-radius: 3px 0 0 3px;
}

#slider-arrow-left i,
#slider-arrow-right i,
.camera_prev i,
.camera_next i,
#slider .owl-prev i,
#slider .owl-next i,
.flex-prev i,
.flex-next i,
.nivo-prevNav i,
.nivo-nextNav i,
.slider-arrow-top-sm i,
.slider-arrow-bottom-sm i {
    line-height: 50px;
    width: 34px;
    height: 52px;
    color: #DDD;
    color: rgba(255,255,255,0.8);
    text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
    font-size: 34px;
    text-align: center;
    margin-left: 7px;
}


.slider-arrow-top-sm i,
.slider-arrow-bottom-sm i {
    width: 32px;
    height: 32px;
    margin: 0;
    line-height: 30px;
    font-size: 18px;
    color: #FFF;
    color: rgba(255,255,255,1);
}

.flex-prev i { margin-left: 9px; }

#slider .owl-prev i { margin-left: 0; }

#slider-arrow-right i,
.camera_next i,
.nivo-nextNav i { margin-left: 10px; }

.flex-next i { margin-left: 11px; }

#slider .owl-next i { margin-right: 4px; }

#slider .owl-controls .owl-nav {
    opacity: 0;
    -webkit-transition: opacity 0.3s ease-in-out;
    -o-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
}

#slider .owl-controls .owl-nav div,
#slider:hover .owl-controls .owl-nav { opacity: 1; }

#slider-arrow-left:hover,
#slider-arrow-right:hover,
.camera_prev:hover,
.camera_next:hover,
#slider .owl-prev:hover,
#slider .owl-next:hover,
.flex-prev:hover,
.flex-next:hover,
.nivo-prevNav:hover,
.nivo-nextNav:hover,
.slider-arrow-top-sm:hover,
.slider-arrow-bottom-sm:hover { background-color: rgba(0,0,0,0.6) !important; }


/* Slide Number
-----------------------------------------------------------------*/

#slide-number {
    position: absolute;
    opacity: 0;
    top: auto;
    right: 20px;
    bottom: 20px;
    z-index: 20;
    width: 36px;
    height: 40px;
    text-align: center;
    color: rgba(255,255,255,0.8);
    text-shadow: 1px 1px 1px rgba(0,0,0,0.15);
    font-size: 18px;
    font-weight: 300;
    -webkit-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
}

#slider:hover #slide-number { opacity: 1; }

#slide-number-current,
#slide-number-total {
    position: absolute;
    line-height: 1;
    top: 5px;
    left: 0;
}

#slide-number-total {
    top: auto;
    bottom: 5px;
    left: auto;
    right: 0;
}

#slide-number span {
    display: block;
    font-size: 32px;
    line-height: 40px;
}


/* Pagination
-----------------------------------------------------------------*/

#slider .owl-dots {
    position: absolute;
    width: 100%;
    z-index: 20;
    margin: 0;
    top: auto;
    bottom: 15px;
}

#slider .owl-controls .owl-dots span {
    width: 10px;
    height: 10px;
    margin: 0 3px;
    opacity: 1;
    background-color: transparent;
    border: 1px solid #FFF;
}

#slider .owl-dots .owl-dot.active span,
#slider .owl-dots .owl-dot:hover span { background-color: #FFF !important; }


/* ----------------------------------------------------------------
Page Title
-----------------------------------------------------------------*/


#page-title {
    position: relative;
    padding: 10px 0;
    background-color: #174b87;
    border-bottom: 1px solid #EEE;
}

#page-title .container { position: relative; }

#page-title h1 {
    padding: 0;
    margin: 0;
    line-height: 1;
    font-weight: 600;
    letter-spacing: 1px;
    color: #333;
    font-size: 28px;
    text-transform: uppercase;
}

#page-title span {
    display: block;
    margin-top: 10px;
    font-weight: 300;
    color: #777;
    font-size: 18px;
}
.page-header {
    border-bottom: none !important;
    margin: 0 !important;
    padding: 0 0 0 20px !important;
}

.breadcrumb {
    /*position: absolute !important;
    top: 50% !important;*/
    width: auto !important;
    left: auto !important;
    right: 15px !important;
    margin: -10px 0 0 0 !important;
    background-color: transparent !important;
    padding: 0 !important;
    font-size: 12px;
}

.breadcrumb  .hs-breadcrumb-menu-divider {
    display: inline !important;
}
.hs-breadcrumb-label {
    margin-top: 0 !important;
}
body.stretched .container-fullwidth .breadcrumb { right: 60px !important; }

#header.transparent-header + #page-title.page-title-parallax .breadcrumb { margin-top: 35px !important; }

.breadcrumb a { color: #555; }

.breadcrumb a:hover { color: #4ab4e8; }

.breadcrumb i { width: auto !important; }

/* Page Title - Dark
-----------------------------------------------------------------*/

#page-title.page-title-dark {
    background-color: #174b87;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.15) !important;
    border-bottom: none;
}

#page-title.page-title-dark h1 { color: rgba(255,255,255,0.9) !important; font-size:16px; }

#page-title.page-title-dark span { color: rgba(255,255,255,0.7); font-size: 12px; }

#page-title.page-title-dark .breadcrumb > .active { color: rgba(255,255,255,0.6); }

#page-title.page-title-dark .breadcrumb a { color: rgba(255,255,255,0.8); }

#page-title.page-title-dark .breadcrumb a:hover { color: rgba(255,255,255,0.95); }

.hs-breadcrumb-menu { float: right; }


/* Page Title- Support - Gray
-----------------------------------------------------------------*/
#page-title.page-title-gray {
    background-color: #000000;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.15) !important;
    border-bottom: none;
    font-color: rgba(0,0,0,1) !important; 
}

#page-title.page-title-gray h1 { color: rgba(0,0,0,1) !important; font-size:16px; }

#page-title.page-title-gray span { color: rgba(0,0,0,1); font-size: 16px; }

#page-title.page-title-gray .breadcrumb > .active { color: rgba(0,0,0,1); }

#page-title.page-title-gray .breadcrumb a { color: rgba(0,0,0,1); }

#page-title.page-title-gray .breadcrumb a:hover { color: rgba(0,0,0,0.95); }




/* Page Title - Right Aligned
-----------------------------------------------------------------*/

#page-title.page-title-right { text-align: right; }

#page-title.page-title-right .breadcrumb {
    left: 15px !important;
    right: auto !important;
}

/* Page Title - Center Aligned
-----------------------------------------------------------------*/

#page-title.page-title-center { text-align: center; }

#page-title.page-title-center span {
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
}

#page-title.page-title-center .breadcrumb {
    position: relative !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    margin: 20px 0 0 !important;
}

/* Page Title - Background Pattern
-----------------------------------------------------------------*/

#page-title.page-title-pattern {
    background-image: url('images/pattern.png');
    background-repeat: repeat;
    background-attachment: fixed;
}

/* Page Title - Parallax Background
-----------------------------------------------------------------*/

#page-title.page-title-parallax {
    padding: 100px 0;
    text-shadow: none;
    border-bottom: none;
}

#page-title.page-title-parallax h1 {
    font-size: 40px;
    font-weight: 600;
    letter-spacing: 2px;
}

#page-title.page-title-parallax span { font-size: 22px; }

#page-title.page-title-parallax .breadcrumb { font-size: 13px; }

#page-title.page-title-parallax {
    background-color: transparent;
    background-image: url('images/parallax/parallax-bg.jpg');
    background-attachment: fixed;
    background-position: 50% 0;
    background-repeat: no-repeat;
}


/* Page Title - Mini
-----------------------------------------------------------------*/

#page-title.page-title-mini { padding: 20px 0; }

#page-title.page-title-mini h1 {
    font-weight: 600;
    font-size: 18px;
    color: #444;
}

#page-title.page-title-mini span { display: none; }


/* Page Title - No Background
-----------------------------------------------------------------*/

#page-title.page-title-nobg {
    background: transparent !important;
    border-bottom: 1px solid #F5F5F5;
}


/* Page Title - Video
-----------------------------------------------------------------*/

#page-title.page-title-video {
    background: none;
    position: relative;
    overflow: hidden;
}

#page-title.page-title-video .container { z-index: 3; }

#page-title.page-title-video .video-wrap {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
}

#page-title.page-title-video .video-wrap video { width: 100%; }


/* ----------------------------------------------------------------
Content
-----------------------------------------------------------------*/


#content {
    position: relative;
    overflow: hidden;
    background-color: #FFF;
}

#content p { line-height: 1.8; }

.content-wrap {
    position: relative;
    padding: 30px 0;
}

#content .container { position: relative; }


/* ----------------------------------------------------------------
Portfolio
-----------------------------------------------------------------*/


/* Portfolio - Filter
-----------------------------------------------------------------*/

#portfolio-filter {
    position: relative;
    margin: 0 0 40px 0;
    list-style: none;
    border: 1px solid rgba(0,0,0,0.07);
    float: left;
    border-radius: 4px;
}

#portfolio-filter li {
    float: left;
    position: relative;
}

#portfolio-filter li a {
    display: block;
    position: relative;
    padding: 12px 18px;
    font-size: 13px;
    line-height: 15px;
    color: #666;
    border-left: 1px solid rgba(0,0,0,0.07);
}

#portfolio-filter li:first-child a {
    border-left: none;
    border-radius: 4px 0 0 4px;
}

#portfolio-filter li:last-child a { border-radius: 0 4px 4px 0; }

#portfolio-filter li a:hover { color: #4ab4e8; }

#portfolio-filter li.activeFilter a {
    color: #FFF !important;
    background-color: #4ab4e8;
    margin: -1px 0;
    padding: 13px 18px;
}

#portfolio-filter li.activeFilter a { font-weight: bold; }


.bothsidebar #portfolio-filter li a { padding: 12px 14px; }

.bothsidebar #portfolio-filter li.activeFilter a { padding: 13px 18px; }


/* Portfolio - Shuffle Icon
-----------------------------------------------------------------*/

#portfolio-shuffle {
    float: right;
    width: 41px;
    height: 41px;
    border: 1px solid rgba(0,0,0,0.07);
    font-size: 14px;
    text-align: center;
    line-height: 41px;
    color: #333;
    border-radius: 4px;
    cursor: pointer;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

#portfolio-shuffle:hover {
    background-color: #4ab4e8;
    color: #FFF;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}


/* Portfolio - Items
-----------------------------------------------------------------*/

#portfolio {
    position: relative;
    margin: 0 -12px -12px 0;
}

body:not(.device-touch) #portfolio {
    -webkit-transition: height .4s linear;
    -o-transition: height .4s linear;
    transition: height .4s linear;
}

.portfolio-item {
    position: relative;
    float: left;
    width: 276px;
    margin: 0 12px 12px 0;
}

.portfolio-notitle .portfolio-item,
.portfolio-notitle .iportfolio { overflow: hidden; }

.portfolio-item .portfolio-image {
    position: relative;
    overflow: hidden;
}

.portfolio-item .portfolio-image,
.portfolio-item .portfolio-image a,
.portfolio-item .portfolio-image img {
    display: block;
    width: 276px;
    height: 207px;
}

body:not(.device-touch):not(.device-xs):not(.device-xxs) .portfolio-notitle .portfolio-image img {
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}


/* Portfolio - Item Title
-----------------------------------------------------------------*/

.portfolio-desc {
    z-index: 3;
    padding: 15px 5px 10px;
}

.portfolio-desc h3 {
    margin: 0;
    padding: 0;
    font-size: 14px;
}

.portfolio-desc h3 a { color: #222; }

.portfolio-desc h3 a:hover { color: #4ab4e8; }

.portfolio-desc span {
    display: block;
    margin-top: 3px;
    color: #888;
}

.portfolio-desc span a { color: #888; }

.portfolio-desc span a:hover { color: #000; }

.portfolio-notitle .portfolio-desc {
    position: absolute;
    display: block !important;
    width: 100%;
    height: 78px;
    padding: 15px 5px;
    top: auto;
    bottom: -79px;
    left: 0;
    background-color: #FFF;
    border-bottom: 1px solid #EEE;
}

body:not(.device-touch):not(.device-xs):not(.device-xxs) .portfolio-notitle .portfolio-desc {
    -webkit-transition: bottom .2s ease-in-out;
    -o-transition: bottom .2s ease-in-out;
    transition: bottom .2s ease-in-out;
}

.portfolio-full.portfolio-notitle .portfolio-desc,
.portfolio-nomargin.portfolio-notitle .portfolio-desc {
    bottom: -78px;
    border-bottom: 0;
}

.portfolio-notitle .portfolio-item:hover .portfolio-desc,
.portfolio-notitle .iportfolio:hover .portfolio-desc { bottom: 0 !important; }

.bothsidebar .portfolio-notitle .portfolio-item:hover .portfolio-image img {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}

body:not(.device-touch):not(.device-xs):not(.device-xxs) .portfolio-notitle .portfolio-item:hover .portfolio-image img,
body:not(.device-touch):not(.device-xs):not(.device-xxs) .bothsidebar .portfolio-3.portfolio-notitle .portfolio-item:hover .portfolio-image img,
body:not(.device-touch):not(.device-xs):not(.device-xxs) .bothsidebar .portfolio-2.portfolio-notitle .portfolio-item:hover .portfolio-image img,
body:not(.device-touch):not(.device-xs):not(.device-xxs) .portfolio-notitle .iportfolio:hover .portfolio-image img {
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    transform: translateY(-20px);
}

body.device-touch.device-xs .portfolio-notitle .portfolio-desc,
body.device-touch.device-xxs .portfolio-notitle .portfolio-desc { display: none !important; }


/* Portfolio - No Margin
-----------------------------------------------------------------*/

.portfolio-nomargin .portfolio-item-large {
    width: 300px;
    margin: 0 !important;
}


#portfolio.portfolio-nomargin,
#portfolio.portfolio-full { margin: 0 !important; }

.portfolio-nomargin .portfolio-item {
    width: 284px;
    margin: 0 !important;
}

.portfolio-nomargin .portfolio-item .portfolio-image,
.portfolio-nomargin .portfolio-item .portfolio-image a,
.portfolio-nomargin .portfolio-item .portfolio-image img {
    width: 284px;
    height: 213px;
}

.portfolio-nomargin .portfolio-desc { padding: 15px 10px 15px; }


/* Portfolio - 100% Full Width
-----------------------------------------------------------------*/

#portfolio.portfolio-full {
    margin: 0 !important;
    width: 100.4%;
}

.portfolio-full .portfolio-item {
    width: 25%;
    margin: 0 !important;
    overflow: hidden !important;
}

.portfolio-full .portfolio-item-sizer { width: 25%; }

.portfolio-full .portfolio-item .portfolio-image,
.portfolio-full .portfolio-item .portfolio-image > a,
.portfolio-full .portfolio-item .portfolio-image .slide a,
.portfolio-full .portfolio-item .portfolio-image img {
    width: 100% !important;
    height: auto !important;
}

.portfolio-full .portfolio-desc { padding: 15px; }


/* Portfolio - Sidebar
-----------------------------------------------------------------*/

.postcontent #portfolio { margin: 0 -12px -12px 0; }

.postcontent .portfolio-item {
    width: 206px;
    margin: 0 12px 12px 0;
}

.postcontent .portfolio-item .portfolio-image,
.postcontent .portfolio-item .portfolio-image a,
.postcontent .portfolio-item .portfolio-image img {
    width: 206px;
    height: 155px;
}

.postcontent .portfolio-desc h3 { font-size: 17px; }

.postcontent .portfolio-desc span { font-size: 12px; }


/* Portfolio - Sidebar - No Margin
-----------------------------------------------------------------*/

.postcontent .portfolio-nomargin .portfolio-item { width: 214px; }

.postcontent .portfolio-nomargin .portfolio-item .portfolio-image,
.postcontent .portfolio-nomargin .portfolio-item .portfolio-image a,
.postcontent .portfolio-nomargin .portfolio-item .portfolio-image img {
    width: 214px;
    height: 161px;
}


/* Portfolio - Sidebar - No Title
-----------------------------------------------------------------*/

.postcontent .portfolio-notitle .portfolio-desc {
    height: 70px;
    bottom: -71px;
}

.postcontent .portfolio-full.portfolio-notitle .portfolio-desc,
.postcontent .portfolio-nomargin.portfolio-notitle .portfolio-desc { bottom: -70px; }

.postcontent .portfolio-notitle .portfolio-item:hover .portfolio-overlay a { margin-top: -50px !important; }


/* Portfolio - Both Sidebars
-----------------------------------------------------------------*/

.bothsidebar #portfolio { margin: 0; }

.bothsidebar .portfolio-item {
    width: 145px;
    margin: 0;
}

.bothsidebar .portfolio-item .portfolio-image,
.bothsidebar .portfolio-item .portfolio-image a,
.bothsidebar .portfolio-item .portfolio-image img {
    width: 145px;
    height: 108px;
}

.bothsidebar .portfolio-desc { display: none !important; }


/* Portfolio - Masonry
-----------------------------------------------------------------*/

.portfolio-masonry .portfolio-item .portfolio-image,
.portfolio-masonry .portfolio-item .portfolio-image > a,
.portfolio-masonry .portfolio-item .portfolio-image .slide a,
.portfolio-masonry .portfolio-item .portfolio-image img { height: auto !important; }

.portfolio-masonry.mixed-masonry {  }

.portfolio-masonry.mixed-masonry .portfolio-item,
.portfolio-masonry.mixed-masonry .portfolio-item .portfolio-image,
.portfolio-masonry.mixed-masonry .portfolio-item .portfolio-image > a,
.portfolio-masonry.mixed-masonry .portfolio-item .portfolio-image .slide a,
.portfolio-masonry.mixed-masonry .portfolio-item .portfolio-image img {  }


/* Portfolio - Items - 3 Columns
-----------------------------------------------------------------*/

#portfolio.portfolio-3 { margin: 0 -15px -15px 0; }

.portfolio-3 .portfolio-item {
    width: 370px;
    margin: 0 15px 15px 0;
}

.portfolio-3 .portfolio-item .portfolio-image,
.portfolio-3 .portfolio-item .portfolio-image a,
.portfolio-3 .portfolio-item .portfolio-image img {
    width: 370px;
    height: 278px;
}


/* Portfolio - Items - 3 Columns - No Margin
-----------------------------------------------------------------*/

.portfolio-3.portfolio-nomargin .portfolio-item { width: 379px; }

.portfolio-3.portfolio-nomargin .portfolio-item .portfolio-image,
.portfolio-3.portfolio-nomargin .portfolio-item .portfolio-image a,
.portfolio-3.portfolio-nomargin .portfolio-item .portfolio-image img {
    width: 379px;
    height: 284px;
}


/* Portfolio - Sidebar - Items - 3 Columns
-----------------------------------------------------------------*/

.postcontent #portfolio.portfolio-3 { margin: 0 -16px -16px 0; }

.postcontent .portfolio-3 .portfolio-item {
    width: 276px;
    margin: 0 16px 16px 0;
}

.postcontent .portfolio-3 .portfolio-item .portfolio-image,
.postcontent .portfolio-3 .portfolio-item .portfolio-image a,
.postcontent .portfolio-3 .portfolio-item .portfolio-image img {
    width: 276px;
    height: 207px;
}

.postcontent .portfolio-3 .portfolio-desc h3 { font-size: 18px; }

.postcontent .portfolio-3 .portfolio-desc span { font-size: 13px; }


/* Portfolio - Sidebar - Items - 3 Columns - No Margin
-----------------------------------------------------------------*/

.postcontent .portfolio-3.portfolio-nomargin .portfolio-item { width: 285px; }

.postcontent .portfolio-3.portfolio-nomargin .portfolio-item .portfolio-image,
.postcontent .portfolio-3.portfolio-nomargin .portfolio-item .portfolio-image a,
.postcontent .portfolio-3.portfolio-nomargin .portfolio-item .portfolio-image img {
    width: 285px;
    height: 214px;
}


/* Portfolio - Sidebar - Items - 3 Columns - No Title
-----------------------------------------------------------------*/

.postcontent .portfolio-3.portfolio-notitle .portfolio-desc {
    height: 72px;
    bottom: -73px;
}

.postcontent .portfolio-3.portfolio-full.portfolio-notitle .portfolio-desc,
.postcontent .portfolio-3.portfolio-nomargin.portfolio-notitle .portfolio-desc { bottom: -72px; }

.postcontent .portfolio-3.portfolio-notitle .portfolio-item:hover .portfolio-overlay a { margin-top: -40px !important; }


/* Portfolio - Both Sidebars - Items - 3 Columns
-----------------------------------------------------------------*/

.bothsidebar #portfolio.portfolio-3 { margin: 0 -11px -11px 0; }

.bothsidebar .portfolio-3 .portfolio-item {
    width: 186px;
    margin: 0 11px 11px 0;
}

.bothsidebar .portfolio-3 .portfolio-item .portfolio-image,
.bothsidebar .portfolio-3 .portfolio-item .portfolio-image a,
.bothsidebar .portfolio-3 .portfolio-item .portfolio-image img {
    width: 186px;
    height: 140px;
}

.bothsidebar .portfolio-3 .portfolio-desc { display: block !important; }

.bothsidebar .portfolio-3 .portfolio-desc h3 { font-size: 15px; }

.bothsidebar .portfolio-3 .portfolio-desc span { font-size: 12px; }


/* Portfolio - Both Sidebars - Items - 3 Columns - No Margin
-----------------------------------------------------------------*/

.bothsidebar .portfolio-3.portfolio-nomargin .portfolio-item { width: 192px; }

.bothsidebar .portfolio-3.portfolio-nomargin .portfolio-item .portfolio-image,
.bothsidebar .portfolio-3.portfolio-nomargin .portfolio-item .portfolio-image a,
.bothsidebar .portfolio-3.portfolio-nomargin .portfolio-item .portfolio-image img {
    width: 192px;
    height: 144px;
}


/* Portfolio - Both Sidebars - Items - 3 Columns - No Title
-----------------------------------------------------------------*/

.bothsidebar .portfolio-3.portfolio-notitle .portfolio-desc {
    height: 68px;
    bottom: -69px;
}

.bothsidebar .portfolio-3.portfolio-full.portfolio-notitle .portfolio-desc,
.bothsidebar .portfolio-3.portfolio-nomargin.portfolio-notitle .portfolio-desc { bottom: -68px; }

.bothsidebar .portfolio-3.portfolio-notitle .portfolio-item:hover .portfolio-overlay a { margin-top: -50px !important; }


/* Portfolio - Items - 2 Columns
-----------------------------------------------------------------*/

#portfolio.portfolio-2 { margin: 0 -20px -20px 0; }

.portfolio-2 .portfolio-item {
    width: 560px;
    margin: 0 20px 20px 0;
}

.portfolio-2 .portfolio-item .portfolio-image,
.portfolio-2 .portfolio-item .portfolio-image a,
.portfolio-2 .portfolio-item .portfolio-image img {
    width: 560px;
    height: 420px;
}

.portfolio-2 .portfolio-desc { padding: 20px 5px 10px; }

.portfolio-2 .portfolio-desc h3 { font-size: 21px; }

.portfolio-2 .portfolio-desc span {
    margin-top: 4px;
    font-size: 14px;
}


/* Portfolio - Items - 2 Columns - No Margin
-----------------------------------------------------------------*/

.portfolio-2.portfolio-nomargin .portfolio-item { width: 569px; }

.portfolio-2.portfolio-nomargin .portfolio-item .portfolio-image,
.portfolio-2.portfolio-nomargin .portfolio-item .portfolio-image a,
.portfolio-2.portfolio-nomargin .portfolio-item .portfolio-image img {
    width: 569px;
    height: 427px;
}

.portfolio-2.portfolio-nomargin .portfolio-desc { padding: 20px 15px 20px; }


/* Portfolio - Items - 2 Columns - No Title
-----------------------------------------------------------------*/

.portfolio-2.portfolio-notitle .portfolio-desc {
    height: 90px;
    bottom: -91px;
}

.portfolio-2.portfolio-full.portfolio-notitle .portfolio-desc,
.portfolio-2.portfolio-nomargin.portfolio-notitle .portfolio-desc { bottom: -90px; }


/* Portfolio - Sidebar - Items - 2 Columns
-----------------------------------------------------------------*/

.postcontent #portfolio.portfolio-2 { margin: 0 -20px -20px 0; }

.postcontent .portfolio-2 .portfolio-item {
    width: 420px;
    margin: 0 20px 20px 0;
}

.postcontent .portfolio-2 .portfolio-item .portfolio-image,
.postcontent .portfolio-2 .portfolio-item .portfolio-image a,
.postcontent .portfolio-2 .portfolio-item .portfolio-image img {
    width: 420px;
    height: 315px;
}

.postcontent .portfolio-2 .portfolio-desc h3 { font-size: 21px; }

.postcontent .portfolio-2 .portfolio-desc span { font-size: 14px; }


/* Portfolio - Sidebar - Items - 2 Columns - No Margin
-----------------------------------------------------------------*/

.postcontent .portfolio-2.portfolio-nomargin .portfolio-item { width: 429px; }

.postcontent .portfolio-2.portfolio-nomargin .portfolio-item .portfolio-image,
.postcontent .portfolio-2.portfolio-nomargin .portfolio-item .portfolio-image a,
.postcontent .portfolio-2.portfolio-nomargin .portfolio-item .portfolio-image img {
    width: 429px;
    height: 322px;
}

.postcontent .portfolio-2.portfolio-nomargin .portfolio-desc { padding-bottom: 20px; }


/* Portfolio - Sidebar - Items - 2 Columns - No Title
-----------------------------------------------------------------*/

.postcontent .portfolio-2.portfolio-notitle .portfolio-desc {
    height: 90px;
    bottom: -91px;
}

.postcontent .portfolio-2.portfolio-full.portfolio-notitle .portfolio-desc,
.postcontent .portfolio-2.portfolio-nomargin.portfolio-notitle .portfolio-desc { bottom: -90px; }

.postcontent .portfolio-2.portfolio-notitle .portfolio-item:hover .portfolio-overlay a { margin-top: -40px !important; }


/* Portfolio - Both Sidebars - Items - 2 Columns
-----------------------------------------------------------------*/

.bothsidebar #portfolio.portfolio-2 { margin: 0 -20px -20px 0; }

.bothsidebar .portfolio-2 .portfolio-item {
    width: 280px;
    margin: 0 20px 20px 0;
}

.bothsidebar .portfolio-2 .portfolio-item .portfolio-image,
.bothsidebar .portfolio-2 .portfolio-item .portfolio-image a,
.bothsidebar .portfolio-2 .portfolio-item .portfolio-image img {
    width: 280px;
    height: 210px;
}

.bothsidebar .portfolio-2 .portfolio-desc {
    display: block !important;
    padding-top: 15px;
    padding-bottom: 0;
}

.bothsidebar .portfolio-2 .portfolio-desc h3 { font-size: 19px; }

.bothsidebar .portfolio-2 .portfolio-desc span { font-size: 13px; }


/* Portfolio - Both Sidebars - Items - 2 Columns - No Margin
-----------------------------------------------------------------*/

.bothsidebar .portfolio-2.portfolio-nomargin .portfolio-item { width: 289px; }

.bothsidebar .portfolio-2.portfolio-nomargin .portfolio-item .portfolio-image,
.bothsidebar .portfolio-2.portfolio-nomargin .portfolio-item .portfolio-image a,
.bothsidebar .portfolio-2.portfolio-nomargin .portfolio-item .portfolio-image img {
    width: 289px;
    height: 217px;
}

.bothsidebar .portfolio-2.portfolio-nomargin .portfolio-desc { padding-bottom: 15px; }


/* Portfolio - Both Sidebars - Items - 2 Columns - No Title
-----------------------------------------------------------------*/

.bothsidebar .portfolio-2.portfolio-notitle .portfolio-desc {
    height: 75px;
    bottom: -76px;
}

.bothsidebar .portfolio-2.portfolio-full.portfolio-notitle .portfolio-desc,
.bothsidebar .portfolio-2.portfolio-nomargin.portfolio-notitle .portfolio-desc { bottom: -75px; }

.bothsidebar .portfolio-2.portfolio-notitle .portfolio-item:hover .portfolio-overlay a { margin-top: -40px !important; }


/* Portfolio - Items - 5 Columns
-----------------------------------------------------------------*/

#portfolio.portfolio-5 { margin: 0 -10px -10px 0; }

.portfolio-5 .portfolio-item {
    width: 220px;
    margin: 0 10px 10px 0;
}

.portfolio-5 .portfolio-item .portfolio-image,
.portfolio-5 .portfolio-item .portfolio-image a,
.portfolio-5 .portfolio-item .portfolio-image img {
    width: 220px;
    height: 165px;
}

.portfolio-5 .portfolio-desc h3 { font-size: 17px; }


/* Portfolio - Items - 5 Columns - No Margin
-----------------------------------------------------------------*/

.portfolio-5.portfolio-nomargin .portfolio-item { width: 227px; }

.portfolio-5.portfolio-nomargin .portfolio-item .portfolio-image,
.portfolio-5.portfolio-nomargin .portfolio-item .portfolio-image a,
.portfolio-5.portfolio-nomargin .portfolio-item .portfolio-image img {
    width: 227px;
    height: 170px;
}


/* Portfolio - Items - 5 Columns - No Title
-----------------------------------------------------------------*/

.portfolio-5.portfolio-notitle .portfolio-desc {
    height: 71px;
    bottom: -72px;
}

.portfolio-5.portfolio-full.portfolio-notitle .portfolio-desc,
.portfolio-5.portfolio-nomargin.portfolio-notitle .portfolio-desc { bottom: -71px; }

.portfolio-5.portfolio-notitle .portfolio-item:hover .portfolio-overlay a { margin-top: -30px !important; }


/* Portfolio - Sidebar - Items - 5 Columns
-----------------------------------------------------------------*/

.postcontent #portfolio.portfolio-5 { margin: 0; }

.postcontent .portfolio-5 .portfolio-item {
    width: 172px;
    margin: 0;
}

.postcontent .portfolio-5 .portfolio-item .portfolio-image,
.postcontent .portfolio-5 .portfolio-item .portfolio-image a,
.postcontent .portfolio-5 .portfolio-item .portfolio-image img {
    width: 172px;
    height: 128px;
}

.postcontent .portfolio-5 .portfolio-desc h3 { font-size: 15px; }

.postcontent .portfolio-5 .portfolio-desc span { font-size: 12px; }

.postcontent .portfolio-5 .portfolio-desc { padding: 15px 10px; }


/* Portfolio - Sidebar - Items - 5 Columns - No Title
-----------------------------------------------------------------*/

.postcontent .portfolio-5.portfolio-notitle .portfolio-desc {
    height: 68px;
    bottom: -69px;
}

.postcontent .portfolio-5.portfolio-full.portfolio-notitle .portfolio-desc,
.postcontent .portfolio-5.portfolio-nomargin.portfolio-notitle .portfolio-desc { bottom: -68px; }

.postcontent .portfolio-5.portfolio-notitle .portfolio-item:hover .portfolio-overlay a { margin-top: -50px !important; }


/* Portfolio - Items - 6 Columns
-----------------------------------------------------------------*/

#portfolio.portfolio-6 { margin: 0 -6px -6px 0; }

.portfolio-6 .portfolio-item {
    width: 185px;
    margin: 0 6px 6px 0;
}

.portfolio-6 .portfolio-item .portfolio-image,
.portfolio-6 .portfolio-item .portfolio-image a,
.portfolio-6 .portfolio-item .portfolio-image img {
    width: 185px;
    height: 139px;
}

.portfolio-6 .portfolio-desc h3 { font-size: 15px; }

.portfolio-6 .portfolio-desc span { font-size: 12px; }


/* Portfolio - Items - 6 Columns - No Margin
-----------------------------------------------------------------*/

.portfolio-6.portfolio-nomargin .portfolio-item { width: 189px; }

.portfolio-6.portfolio-nomargin .portfolio-item .portfolio-image,
.portfolio-6.portfolio-nomargin .portfolio-item .portfolio-image a,
.portfolio-6.portfolio-nomargin .portfolio-item .portfolio-image img {
    width: 189px;
    height: 142px;
}


/* Portfolio - Items - 6 Columns - No Title
-----------------------------------------------------------------*/

.portfolio-6.portfolio-notitle .portfolio-desc {
    height: 68px;
    bottom: -69px;
}

.portfolio-6.portfolio-full.portfolio-notitle .portfolio-desc,
.portfolio-6.portfolio-nomargin.portfolio-notitle .portfolio-desc { bottom: -68px; }

.portfolio-6.portfolio-notitle .portfolio-item:hover .portfolio-overlay a { margin-top: -40px !important; }


/* Portfolio - Items - 1 Column
-----------------------------------------------------------------*/

#portfolio.portfolio-1 { margin: 0 0px -40px 0; }

.portfolio-1 .portfolio-item {
    float: none;
    width: 100%;
    margin: 0 0 40px 0;
    padding-bottom: 40px;
    border-bottom: 1px solid #EEE;
}

.portfolio-1 .portfolio-item .portfolio-image {
    float: left;
    margin-right: 40px;
}

.portfolio-1 .portfolio-item.alt .portfolio-image {
    float: right;
    margin: 0 0 0 40px;
}

.portfolio-1 .portfolio-item .portfolio-image,
.portfolio-1 .portfolio-item .portfolio-image a,
.portfolio-1 .portfolio-item .portfolio-image img {
    display: block;
    width: 720px;
    height: 400px;
}

.portfolio-1 .portfolio-desc {
    float: left;
    width: 380px;
    padding: 10px 0;
}

.portfolio-1 .alt .portfolio-desc { float: right; }

.portfolio-1 .portfolio-desc h3 { font-size: 22px; }

.portfolio-1 .portfolio-desc span {
    margin-top: 6px;
    font-size: 14px;
}

.portfolio-1 .portfolio-desc p {
    margin: 20px 0 25px;
    font-size: 14px;
}

.portfolio-1 .portfolio-desc li { margin: 3px 0; }


/* Portfolio - Items - 1 Column - Sidebar
-----------------------------------------------------------------*/

.postcontent .portfolio-1 .portfolio-item .portfolio-image,
.postcontent .portfolio-1 .portfolio-item .portfolio-image a,
.postcontent .portfolio-1 .portfolio-item .portfolio-image img {
    width: 540px;
    height: 300px;
}

.postcontent .portfolio-1 .portfolio-desc { width: 280px; }


/* Portfolio - Items - 1 Column - Both Sidebar
-----------------------------------------------------------------*/

.bothsidebar .portfolio-1 .portfolio-item .portfolio-image { margin-right: 20px; }

.bothsidebar .portfolio-1 .portfolio-item.alt .portfolio-image { margin: 0 0 0 20px; }

.bothsidebar .portfolio-1 .portfolio-item .portfolio-image,
.bothsidebar .portfolio-1 .portfolio-item .portfolio-image a,
.bothsidebar .portfolio-1 .portfolio-item .portfolio-image img {
    width: 320px;
    height: 178px;
}

.bothsidebar .portfolio-1 .portfolio-desc {
    display: block !important;
    width: 240px;
}

.bothsidebar .portfolio-1 .portfolio-desc h3 { font-size: 19px; }

.bothsidebar .portfolio-1 .portfolio-desc span {
    margin-top: 5px;
    font-size: 13px;
}

.bothsidebar .portfolio-1 .portfolio-desc p {
    margin: 15px 0 0 0;
    font-size: 13px;
}

.bothsidebar .portfolio-1 .portfolio-desc ul,
.bothsidebar .portfolio-1 .portfolio-desc .btn { display: none; }


/* Portfolio - Items - 1 Column - Full Width
-----------------------------------------------------------------*/

#portfolio.portfolio-1.portfolio-fullwidth { margin: 0 0 -60px 0; }

.portfolio-1.portfolio-fullwidth .portfolio-item {
    margin-bottom: 60px;
    padding-bottom: 0;
    border-bottom: 0;
    overflow: hidden;
}

.portfolio-1.portfolio-fullwidth .portfolio-item .portfolio-image {
    float: none;
    margin: 0 !important;
}

.portfolio-1.portfolio-fullwidth .portfolio-item .portfolio-image,
.portfolio-1.portfolio-fullwidth .portfolio-item .portfolio-image a,
.portfolio-1.portfolio-fullwidth .portfolio-item .portfolio-image img {
    width: 1140px;
    height: 500px;
}

body:not(.device-touch):not(.device-xs):not(.device-xxs) .portfolio-1.portfolio-fullwidth .portfolio-item .portfolio-image img {
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.portfolio-1.portfolio-fullwidth .portfolio-item:hover .portfolio-image img {
    -webkit-transform: translateX(-60px);
    -moz-transform: translateX(-60px);
    -ms-transform: translateX(-60px);
    -o-transform: translateX(-60px);
    transform: translateX(-60px);
}

.portfolio-1.portfolio-fullwidth .portfolio-item.alt:hover .portfolio-image img {
    -webkit-transform: translateX(60px);
    -moz-transform: translateX(60px);
    -ms-transform: translateX(60px);
    -o-transform: translateX(60px);
    transform: translateX(60px);
}

.portfolio-1.portfolio-fullwidth .portfolio-desc {
    position: absolute;
    float: none;
    width: 380px;
    height: 100%;
    padding: 30px;
    background-color: #F9F9F9;
    top: 0;
    left: auto;
    right: -380px;
}

body:not(.device-touch):not(.device-xs):not(.device-xxs) .portfolio-1.portfolio-fullwidth .portfolio-desc {
    -webkit-transition: right .3s ease-in-out;
    -o-transition: right .3s ease-in-out;
    transition: right .3s ease-in-out;
}

.portfolio-1.portfolio-fullwidth .portfolio-item:hover .portfolio-desc { right: 0; }

.portfolio-1.portfolio-fullwidth .alt .portfolio-desc {
    left: -380px;
    right: auto;
}

body:not(.device-touch):not(.device-xs):not(.device-xxs) .portfolio-1.portfolio-fullwidth .alt .portfolio-desc {
    -webkit-transition: left .3s ease-in-out;
    -o-transition: left .3s ease-in-out;
    transition: left .3s ease-in-out;
}

.portfolio-1.portfolio-fullwidth .portfolio-item.alt:hover .portfolio-desc { left: 0; }

.portfolio-1.portfolio-fullwidth .portfolio-overlay a { left: 33%; }

.portfolio-1.portfolio-fullwidth .alt .portfolio-overlay a {
    left: auto;
    right: 33%;
}


/* Portfolio - Items - 1 Column - Full Width - Sidebar
-----------------------------------------------------------------*/

.postcontent #portfolio.portfolio-1.portfolio-fullwidth { margin: 0 0 -40px 0; }

.postcontent .portfolio-1.portfolio-fullwidth .portfolio-item { margin-bottom: 40px; }

.postcontent .portfolio-1.portfolio-fullwidth .portfolio-item .portfolio-image,
.postcontent .portfolio-1.portfolio-fullwidth .portfolio-item .portfolio-image a,
.postcontent .portfolio-1.portfolio-fullwidth .portfolio-item .portfolio-image img {
    width: 860px;
    height: 377px;
}

.postcontent .portfolio-1.portfolio-fullwidth .portfolio-item:hover .portfolio-image img {
    -webkit-transform: translateX(-40px);
    -moz-transform: translateX(-40px);
    -ms-transform: translateX(-40px);
    -o-transform: translateX(-40px);
    transform: translateX(-40px);
}

.postcontent .portfolio-1.portfolio-fullwidth .portfolio-item.alt:hover .portfolio-image img {
    -webkit-transform: translateX(40px);
    -moz-transform: translateX(40px);
    -ms-transform: translateX(40px);
    -o-transform: translateX(40px);
    transform: translateX(40px);
}

.postcontent .portfolio-1.portfolio-fullwidth .portfolio-desc {
    width: 320px;
    padding: 25px;
    right: -320px;
}

.postcontent .portfolio-1.portfolio-fullwidth .alt .portfolio-desc {
    left: -320px;
    right: auto;
}

.postcontent .portfolio-1.portfolio-fullwidth .portfolio-overlay a { left: 32%; }

.postcontent .portfolio-1.portfolio-fullwidth .alt .portfolio-overlay a {
    left: auto;
    right: 32%;
}


/* Portfolio - Items - 1 Column - Full Width - Both Sidebar
-----------------------------------------------------------------*/

.bothsidebar #portfolio.portfolio-1.portfolio-fullwidth { margin: 0 0 -40px 0; }

.bothsidebar .portfolio-1.portfolio-fullwidth .portfolio-item { margin-bottom: 40px; }

.bothsidebar .portfolio-1.portfolio-fullwidth .portfolio-item .portfolio-image,
.bothsidebar .portfolio-1.portfolio-fullwidth .portfolio-item .portfolio-image a,
.bothsidebar .portfolio-1.portfolio-fullwidth .portfolio-item .portfolio-image img {
    width: 580px;
    height: 254px;
}

.bothsidebar .portfolio-1.portfolio-fullwidth .portfolio-item:hover .portfolio-image img {
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    transform: translateX(-20px);
}

.bothsidebar .portfolio-1.portfolio-fullwidth .portfolio-item.alt:hover .portfolio-image img {
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -ms-transform: translateX(20px);
    -o-transform: translateX(20px);
    transform: translateX(20px);
}

.bothsidebar .portfolio-1.portfolio-fullwidth .portfolio-desc {
    width: 240px;
    padding: 20px;
    right: -240px;
}

.bothsidebar .portfolio-1.portfolio-fullwidth .alt .portfolio-desc {
    left: -240px;
    right: auto;
}

.bothsidebar .portfolio-1.portfolio-fullwidth .portfolio-overlay a { left: 29%; }

.bothsidebar .portfolio-1.portfolio-fullwidth .alt .portfolio-overlay a {
    left: auto;
    right: 29%;
}


/* Portfolio - Parallax
-----------------------------------------------------------------*/

#portfolio.portfolio-parallax { margin: 0 !important; }

#portfolio.portfolio-parallax .portfolio-item {
    float: none;
    width: 100% !important;
    height: 500px !important;
    margin: 0 !important;
}

#portfolio.portfolio-parallax .portfolio-item .portfolio-image {
    width: 100% !important;
    height: 500px !important;
}

#portfolio.portfolio-parallax .portfolio-desc {
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -57px;
    width: 100%;
    text-align: center;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.15);
    padding: 0;
    opacity: 0;
}

body:not(.device-touch):not(.device-xs):not(.device-xxs) #portfolio.portfolio-parallax .portfolio-desc {
    -webkit-transition: opacity .15s ease-in-out;
    -o-transition: opacity .15s ease-in-out;
    transition: opacity .15s ease-in-out;
}

#portfolio.portfolio-parallax .portfolio-item:hover .portfolio-desc { opacity: 1; }

#portfolio.portfolio-parallax .portfolio-desc h3 {
    font-size: 44px;
    font-weight: 300;
    letter-spacing: -1px;
}

#portfolio.portfolio-parallax .portfolio-desc h3 a { color: #FFF; }

#portfolio.portfolio-parallax .portfolio-desc h3 a:hover { color: #DDD; }

#portfolio.portfolio-parallax .portfolio-desc span {
    margin-top: 12px;
    font-size: 16px;
    color: #CCC;
}

#portfolio.portfolio-parallax .portfolio-desc span a { color: #DDD; }

#portfolio.portfolio-parallax .portfolio-desc span a:hover { color: #BBB; }

#portfolio.portfolio-parallax .portfolio-desc .portfolio-divider {
    width: 100%;
    text-align: center;
    margin: 15px 0 0;
}

#portfolio.portfolio-parallax .portfolio-desc .portfolio-divider div {
    display: inline-block;
    width: 50px;
    height: 0;
    border-bottom: 1px solid #FFF;
}

body:not(.device-touch):not(.device-xs):not(.device-xxs) #portfolio.portfolio-parallax .portfolio-desc .portfolio-divider div {
    -webkit-transition: width .5s ease-in-out;
    -o-transition: width .5s ease-in-out;
    transition: width .5s ease-in-out;
}

#portfolio.portfolio-parallax .portfolio-item:hover .portfolio-desc .portfolio-divider div { width: 120px; }

#portfolio.portfolio-parallax .portfolio-overlay { background-color: rgba(0,0,0,0.4); }


/* Portfolio - Overlay
-----------------------------------------------------------------*/

.portfolio-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 2;
    text-align: center;
    background-color: rgba(0,0,0,0.5);
}

body:not(.device-touch):not(.device-xs):not(.device-xxs) .portfolio-overlay {
    -webkit-transition: opacity .4s ease-in-out;
    -o-transition: opacity .4s ease-in-out;
    transition: opacity .4s ease-in-out;
}

.portfolio-item:hover .portfolio-overlay,
.iportfolio:hover .portfolio-overlay { opacity: 1; }

.portfolio-overlay a {
    position: absolute;
    top: 50%;
    left: 50%;
    background-color: #F5F5F5;
    width: 40px !important;
    height: 40px !important;
    margin: -28px 0 0 -44px;
    font-size: 18px;
    line-height: 40px;
    text-align: center;
    color: #444;
    border-radius: 50%;
    -webkit-backface-visibility: hidden;
}

body:not(.device-touch):not(.device-xs):not(.device-xxs) .portfolio-overlay a {
    -webkit-transition: color .2s linear, background-color .2s linear, margin-top .2s linear, opacity .2s linear;
    -o-transition: color .2s linear, background-color .2s linear, margin-top .2s linear, opacity .2s linear;
    transition: color .2s linear, background-color .2s linear, margin-top .2s linear, opacity .2s linear;
}

.portfolio-overlay a.left-icon {  }

.portfolio-overlay a.right-icon {
    left: auto;
    right: 50%;
    margin-left: 0;
    margin-right: -44px;
}

.portfolio-overlay a.center-icon {
    display: block;
    margin: -20px 0 0 -20px;
    opacity: 0;
}

.portfolio-item:hover a.center-icon,
.iportfolio:hover a.center-icon { opacity: 1; }

.portfolio-overlay a:hover {
    color: #4ab4e8;
    background-color: #EEE;
}

.portfolio-item:hover .portfolio-overlay a.left-icon,
.portfolio-item:hover .portfolio-overlay a.right-icon,
.iportfolio:hover .portfolio-overlay a.left-icon,
.iportfolio:hover .portfolio-overlay a.right-icon { margin-top: -18px; }

.portfolio-overlay a i.icon-line-play {
    position: relative;
    left: 2px;
}


.portfolio-overlay .portfolio-desc {
    position: relative;
    padding: 0 !important;
    margin: 0;
    text-align: center;
}

.portfolio-overlay .portfolio-desc a {
    display: inline;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    font-size: inherit;
    width: auto !important;
    height: auto !important;
    line-height: 1;
    background-color: transparent !important;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.15);
}

.portfolio-overlay .portfolio-desc h3 {
    font-weight: 600 !important;
    font-size: 16px !important;
    color: #F5F5F5 !important;
    line-height: 1;
}

.portfolio-overlay .portfolio-desc h3 a { 
    color: #F5F5F5 !important; 
    font-size: 16px !important;
    font-weight: 600;

}

.portfolio-overlay .portfolio-desc span {
    margin-top: 7px;
    color: #DDD !important;
}

.portfolio-overlay .portfolio-desc span a {
    color: #DDD !important;
    font-size: 20px;
}

.portfolio-overlay .portfolio-desc ~ a {
    display: inline-block;
    position: relative;
    top: 0;
    left: 0;
    margin: 20px 0 0 !important;
}

body:not(.device-touch):not(.device-xs):not(.device-xxs) .portfolio-overlay .portfolio-desc ~ a {
    -webkit-transition: color .2s linear, background-color .2s linear, opacity .2s linear;
    -o-transition: color .2s linear, background-color .2s linear, opacity .2s linear;
    transition: color .2s linear, background-color .2s linear, opacity .2s linear;
}

.portfolio-overlay .portfolio-desc ~ a.right-icon {
    left: 0;
    right: 0;
    margin-left: 5px !important;
    margin-right: 0 !important;
}

.portfolio-overlay .portfolio-desc a:hover { background: transparent; }

body.device-touch.device-xs .portfolio-notitle .portfolio-overlay,
body.device-touch.device-xxs .portfolio-notitle .portfolio-overlay { display: none !important; }


/* Portfolio Single
-----------------------------------------------------------------*/

.portfolio-single {}


/* Portfolio Single - Image
-----------------------------------------------------------------*/

.portfolio-single-image > a,
.portfolio-single-image .slide a,
.portfolio-single-image img,
.portfolio-single-image iframe,
.portfolio-single-image video {
    display: block;
    width: 100%;
}

.portfolio-single-image-full {
    position: relative;
    height: 600px;
    overflow: hidden;
    margin: -80px 0 80px !important;
}

.portfolio-single-video { height: auto !important; }


/* Portfolio Single - Gallery Thumbs
-----------------------------------------------------------------*/

.portfolio-single-image-full .swiper-container {
    width:100%;
    height:600px;
    background-color: #333;
}

.portfolio-single-image-full .swiper-nested-1,
.portfolio-single-image-full .swiper-nested-2 { width:100%; }

.portfolio-single-image-full .swiper-slide { overflow: hidden; }

.portfolio-single-image-full .swiper-slide img {
    width: 100%;
    height: auto;
}


/* Portfolio & Blog Single - Masonry
-----------------------------------------------------------------*/

.masonry-thumbs { position: relative; }

.masonry-thumbs a {
    position: relative;
    float: left;
    width: 25%;
    overflow: hidden;
}

.masonry-thumbs.col-2 a { width: 50%; }

.masonry-thumbs.col-3 a { width: 33.30%; }

.masonry-thumbs.col-4 a { width: 25%; }

.masonry-thumbs.col-5 a { width: 20%; }

.masonry-thumbs.col-6 a { width: 16.60%; }

.masonry-thumbs a,
.masonry-thumbs img {
    display: block;
    height: auto !important;
}

.masonry-thumbs img {
    width: 100%;
    border-radius: 0 !important;
    padding: 0 1px 1px 0;
}

.masonry-thumbs .overlay { padding: 0 1px 1px 0; }


/* Portfolio Single - Content
-----------------------------------------------------------------*/

.portfolio-single-content { font-size: 14px; }

.portfolio-single-content h2 {
    margin: 0 0 20px;
    padding: 0;
    font-size: 20px;
    font-weight: 600 !important;
}


.portfolio-ajax-modal { width: 1000px !important; }

.modal-padding { padding: 40px; }

.ajax-modal-title {
    background-color: #F9F9F9;
    border-bottom: 1px solid #EEE;
    padding: 25px 40px;
}

.ajax-modal-title h2 {
    font-size: 26px;
    margin-bottom: 0;
}


#portfolio-ajax-wrap {
    position: relative;
    max-height: 0;
    overflow: hidden;
    -webkit-transition: max-height .4s ease;
    -o-transition: max-height .4s ease;
    transition: max-height .4s ease;
}

#portfolio-ajax-wrap.portfolio-ajax-opened { max-height: 1200px; }

#portfolio-ajax-container {
    display: none;
    padding-bottom: 60px;
}

#portfolio-ajax-single h2 { font-size: 26px; }


/* Portfolio Single - Meta
-----------------------------------------------------------------*/

.portfolio-meta,
.portfolio-share {
    list-style: none;
    font-size: 14px;
}

.portfolio-meta li {
    margin: 10px 0;
    color: #666;
}

.portfolio-meta li:first-child { margin-top: 0; }

.portfolio-meta li span {
    display: inline-block;
    width: 150px;
    font-weight: bold;
    color: #333;
}

.portfolio-meta li span i {
    position: relative;
    top: 1px;
    width: 14px;
    text-align: center;
    margin-right: 7px;
}

.well .line {
    margin: 20px 0;
    border-color: #E5E5E5;
}


/* Portfolio Single Navigation
-----------------------------------------------------------------*/

#portfolio-navigation {
    position: absolute;
    top: 50%;
    left: auto;
    right: 10px;
    max-width: 96px;
    height: 24px;
    margin-top: -12px;
}

.page-title-right #portfolio-navigation {
    left: 10px;
    right: auto;
}

.page-title-center #portfolio-navigation {
    position: relative;
    top: 0;
    left: 0;
    margin: 20px auto 0;
}

#portfolio-navigation a {
    display: block;
    float: left;
    margin-left: 12px;
    width: 24px;
    height: 24px;
    text-align: center;
    color: #444;
    transition: color .3s linear;
    -webkit-transition: color .3s linear;
    -o-transition: color .3s linear;
}

.page-title-dark #portfolio-navigation a { color: #EEE; }

.page-title-parallax #portfolio-navigation a { color: #FFF; }

#portfolio-navigation a i {
    position: relative;
    top: -1px;
    font-size: 24px;
    line-height: 1;
}

#portfolio-navigation a i.icon-angle-left,
#portfolio-navigation a i.icon-angle-right {
    font-size: 32px;
    top: -6px;
}

#portfolio-navigation a i.icon-angle-right { left: -1px; }

#portfolio-navigation a:first-child { margin-left: 0; }

#portfolio-navigation a:hover { color: #4ab4e8; }

#portfolio-ajax-show #portfolio-navigation {
    top: 0;
    margin-top: 0;
}


/* Individual Portfolio Item
-----------------------------------------------------------------*/

.iportfolio {
    position: relative;
    float: none;
    width: 100%;
    margin: 0;
}

.iportfolio .portfolio-image {
    position: relative;
    overflow: hidden;
}

.iportfolio .portfolio-image,
.iportfolio .portfolio-image a,
.iportfolio .portfolio-image img {
    display: block;
    width: 100%;
    height: auto;
}


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

/* HS SPECIFIC FIXES */
body.hs-blog-name-data-tree-blog .blog-section ul {
    margin-left: 25px;
}

body.hs-blog-name-data-tree-blog .blog-section ul li {
    margin-left: 25px;
}

#blog-sidebar .widget-type-post_listing ul, #blog-sidebar .widget-type-post_filter ul {
    margin: 0 0 20px 20px;
}
#blog-sidebar .widget-type-post_listing ul li, #blog-sidebar .widget-type-post_filter ul li {
    padding: 7px 0;
    list-style: initial;
}
#blog-sidebar .filter-expand-link, .next-posts-link, .all-posts-link {
    -webkit-border-radius: 3;
    -moz-border-radius: 3;
    border-radius: 3px;
    font-family: 'Open Sans', sans-serif;
    color: #ffffff;
    font-size: 12px;
    background: #4ab4e8;
    padding: 5px 10px;
    margin: 0 0 30px 0;
    text-decoration: none;
}
#blog-sidebar .filter-expand-link, .next-posts-link, .all-posts-link {
    background: #4ab4e8;
    text-decoration: none;
}
#blog-sidebar h3 {
    margin: 0;
}
.blog-pagination {
    margin
}
#hubspot-author_data {
    margin-bottom:0 !important;
}
.post-body {
    line-height: 1.8;
    color: #555;
}
.widget-type-post_listing ul, .widget-type-post_filter ul {
    list-style: none;
}
#hs_cos_wrapper_blog_comments .section, .blog-section .section {
    background: none;
    margin: 0;
    padding: 0;
}

li.hs-form-radio {
    display: inline;
}
.hs-form-radio-display {
    padding: 0 10px;
    margin: 0;
}
#blog-email-sub .hs-form-radio input[type="radio"] {
    width: auto !important;
    margin: 0 auto;
    height: auto !important;
}
.hs_blog_data_tree_blog_subscription ul {
    margin-bottom: 0;
}

#posts { position: relative; }

.entry {
    position: relative;
    margin: 0 0 30px;
    padding: 0 0 50px;
    border-bottom: 2px solid #F5F5F5;
}

.entry-image { margin-bottom: 30px; }

.entry-image,
.entry-image > a,
.entry-image .slide a,
.entry-image img {
    display: block;
    position: relative;
    width: 100%;
    height: auto;
}

.entry-image iframe { display: block; }

.entry-image img { border-radius: 3px; }

.entry-title h2 {
    margin: 0;
    font-size: 24px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.entry-title h2 a { color: #333; }

.post-header h2 {
    margin: 0;
    font-size: 24px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.entry-title h2 a:hover { color: #4ab4e8; }

.entry-meta {
    margin: 10px -10px -15px 0;
    list-style: none;
}

.single-post .entry-meta { margin-bottom: 20px; }

.entry-meta li {
    float: left;
    font-size: 13px;
    line-height: 14px;
    margin: 0 10px 15px 0;
    color: #999;
    font-family: 'Open Sans', sans-serif;
    font-style: italic;
}

.entry-meta li:before {
    content: '/';
    display: inline-block;
    margin-right: 10px;
    opacity: 0.5
}

.entry-meta li i {
    position: relative;
    top: 1px;
    font-size: 14px;
    margin-right: 3px;
}

.entry-meta li a { color: #999; }

.entry-meta li a:hover { color: #4ab4e8; }

.entry-meta li:first-child:before { display: none; }

.entry-meta li ins {
    font-weight: 600;
    text-decoration: none;
}

.entry-c {
    position: relative;
    overflow: hidden;
}

#posts .entry-content { margin-top: 30px; }

.single-post .entry-content .entry-image { max-width: 350px; }

.entry-content { position: relative; }

.entry-link {
    display: block;
    background-color: #F5F5F5;
    padding: 30px 0;
    text-align: center;
    color: #444;
    font-family: 'Open Sans', sans-serif;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 24px;
    font-weight: 700;
    border-radius: 3px;
}

body:not(.device-touch) .entry-link {
    -webkit-transition: background-color .3s ease-in-out;
    -o-transition: background-color .3s ease-in-out;
    transition: background-color .3s ease-in-out;
}

.entry-link:hover {
    color: #FFF;
    background-color: #4ab4e8;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}

.entry-link span {
    display: block;
    margin-top: 5px;
    font-family: 'Open Sans', sans-serif;
    font-style: italic;
    font-weight: normal;
    text-transform: none;
    letter-spacing: 0;
    font-size: 14px;
    color: #AAA;
}

.entry-link:hover span { color: #EEE; }

.entry blockquote p {
    font-weight: 400;
    font-family: 'Open Sans', sans-serif;
    font-style: italic;
}


/* Small Thumbs
-----------------------------------------------------------------*/

.small-thumbs .entry-image,
.ievent .entry-image {
    float: left;
    width: 300px;
    margin: 0 30px 0 0;
}

.small-thumbs .entry-image img,
.ievent .entry-image img { border-radius: 0; }

.small-thumbs .entry-c .entry-image,
.ievent .entry-c .entry-image {
    float: none;
    width: 100%;
    margin: 0 0 20px 0;
}

.small-thumbs .entry-c .entry-image img,
.ievent .entry-c .entry-image img { border-radius: 5px; }

.small-thumbs .entry-title h2,
.ievent .entry-title h2 {
    font-size: 20px;
    font-weight: 600;
}


/* Small Thumbs - Right
-----------------------------------------------------------------*/

.small-thumbs.alt .entry-image {
    float: right;
    margin: 0 0 0 30px;
}

.small-thumbs.alt .entry-c .entry-image {
    float: none;
    margin: 0 0 20px 0;
}


/* Small Thumbs - Both Sidebar
-----------------------------------------------------------------*/

.bothsidebar .small-thumbs .entry-image {
    width: 200px;
    margin: 0 25px 0 0;
}

.bothsidebar .small-thumbs.alt .entry-image { margin: 0 0 0 25px; }

.bothsidebar .small-thumbs .entry-c .entry-image {
    width: 100%;
    margin: 0 0 20px 0;
}

.bothsidebar .small-thumbs .entry-title h2 { font-size: 18px; }


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

.post-grid { margin-right: -28px; }

.post-grid .entry {
    float: left;
    width: 264px;
    margin-right: 28px;
}

.post-grid .entry-image,
.post-grid .entry-image img { height: 148px; }

.post-grid .entry-image img { border-radius: 0; }

.post-grid .entry-title h2 {
    font-size: 17px;
    font-weight: 600;
}

.post-grid .entry-link { font-size: 24px; }

.post-grid .entry-link span { font-size: 13px; }


/* Blog - Grid - 3 Columns
-----------------------------------------------------------------*/

.post-grid.grid-3 { margin-right: -30px; }

.post-grid.grid-3 .entry {
    width: 360px;
    margin-right: 30px;
}

.post-grid.grid-3 .entry-image,
.post-grid.grid-3 .entry-image img { height: 202px; }

.post-grid.grid-3 .entry-title h2 { font-size: 18px; }


/* Blog - Grid - 3 Columns - Sidebar
-----------------------------------------------------------------*/

.postcontent .post-grid.grid-3 { margin-right: -25px; }

.postcontent .post-grid.grid-3 .entry {
    width: 270px;
    margin-right: 25px;
}

.postcontent .post-grid.grid-3 .entry-image,
.postcontent .post-grid.grid-3 .entry-image img { height: 152px; }

.postcontent .post-grid.grid-3 .entry-title h2 { font-size: 16px; }


/* Blog - Grid - 2 Columns
-----------------------------------------------------------------*/

.post-grid.grid-2 { margin-right: -40px; }

.post-grid.grid-2 .entry {
    width: 550px;
    margin-right: 40px;
}

.post-grid.grid-2 .entry-image,
.post-grid.grid-2 .entry-image img { height: 309px; }

.post-grid.grid-2 .entry-title h2 { font-size: 20px; }


/* Blog - Grid - 2 Columns - Sidebar
-----------------------------------------------------------------*/

.postcontent .post-grid.grid-2 .entry { width: 410px; }

.postcontent .post-grid.grid-2 .entry-image,
.postcontent .post-grid.grid-2 .entry-image img { height: 230px; }

.postcontent .post-grid.grid-2 .entry-title h2 { font-size: 18px; }


/* Blog - Grid - 2 Columns - Both Sidebar
-----------------------------------------------------------------*/

.bothsidebar .post-grid.grid-2 .entry { width: 270px; }

.bothsidebar .post-grid.grid-2 .entry-image,
.bothsidebar .post-grid.grid-2 .entry-image img { height: 152px; }

.bothsidebar .post-grid.grid-2 .entry-title h2 { font-size: 16px; }


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

.post-masonry .entry-image,
.post-masonry .entry-image img { height: auto !important; }


/* Blog - Masonry Full
-----------------------------------------------------------------*/

.post-masonry-full { margin: -80px 0 -80px -1px !important; }

.post-masonry-full .entry {
    width: 24.9% !important;
    margin: 0 !important;
    padding: 40px 30px;
    border-bottom: 1px dashed;
    border-left: 1px dashed;
    border-color: #E5E5E5;
}

.post-masonry-full.grid-3 .entry { width: 33.30% !important; }


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

.timeline-border {
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -71px;
    width: 0;
    border-left: 1px dashed #CCC;
    height: 100%;
}

.post-timeline { margin-right: -140px !important; }

.post-timeline .entry {
    width: 500px !important;
    margin-right: 140px !important;
}

.entry.entry-date-section {
    width: 100% !important;
    margin: 50px -70px 80px;
    padding: 0;
    border: 0;
    text-align: center;
}

.entry.entry-date-section span {
    display: inline-block;
    padding: 10px 15px;
    background-color: #FFF;
    border: 2px solid #EEE;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-family: 'Open Sans', sans-serif;
}

.post-timeline .entry-timeline {
    display: none;
    position: absolute;
    border: 2px solid #CCC;
    background-color: #FFF;
    padding-top: 0;
    text-indent: -9999px;
    top: 40px;
    left: auto;
    right: -76px;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    font-size: 26px;
    font-weight: bold;
    color: #AAA;
    text-align: center;
    line-height: 1;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.entry.entry-date-section + .entry .entry-timeline { top: 70px; }

.post-timeline .entry-timeline div.timeline-divider {
    position: absolute;
    top: 4px;
    left: -58px;
    width: 50px;
    height: 0;
    border-top: 1px dashed #CCC;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.post-timeline .alt .entry-timeline {
    right: auto;
    left: -77px;
}

.post-timeline .alt .entry-timeline div.timeline-divider {
    left: auto;
    right: -58px;
}

.post-timeline .entry-timeline span {
    display: block;
    margin-top: 3px;
    font-size: 13px;
    font-weight: normal;
}

.post-timeline .entry:hover .entry-timeline,
.post-timeline .entry:hover .timeline-divider {
    border-color: #4ab4e8;
    color: #4ab4e8;
}


/* Blog - Timeline - Sidebar
-----------------------------------------------------------------*/

.postcontent .timeline-border {
    left: 32px;
    margin-left: 0;
}

.postcontent .post-timeline {
    padding-left: 100px;
    margin-right: 0 !important;
}

.postcontent .post-timeline .entry {
    width: 100% !important;
    margin-right: 140px !important;
}

.postcontent .post-timeline .entry-timeline {
    display: block;
    border: 3px solid #CCC;
    background-color: #FFF;
    padding-top: 10px;
    text-indent: 0;
    top: 20px;
    left: -100px;
    right: auto;
    width: 64px;
    height: 64px;
    font-size: 24px;
}

.postcontent .post-timeline .entry-timeline div.timeline-divider {
    top: 29px;
    left: 64px;
    width: 32px;
}


/* Individual Post
-----------------------------------------------------------------*/

.ipost .entry-image img { border-radius: 0; }

.ipost .entry-title h3,
.ipost .entry-title h4 {
    margin: 0;
    font-size: 16px;
    font-weight: 600;
}

.ipost .entry-title h4 { font-size: 15px; }

.ipost .entry-title h3 a,
.ipost .entry-title h4 a { color: #333; }

.ipost .entry-title h3 a:hover,
.ipost .entry-title h4 a:hover { color: #4ab4e8; }

.ipost .entry-meta { margin-right: -10px; }

.ipost .entry-meta li {
    font-size: 13px;
    margin-right: 10px;
}

.ipost .entry-content { margin-top: 20px; }

.ipost .entry-content p { margin-bottom: 0; }


.more-link {
    display: inline-block;
    border-bottom: 1px solid #4ab4e8;
    padding: 0 2px;
    font-family: 'Open Sans', sans-serif;
    font-style: italic;
}

.more-link:hover { border-bottom-color: #555; }


/* Related Posts
-----------------------------------------------------------------*/

.overlay-icon {
    position: absolute;
    left: auto;
    right: 0;
    top: auto;
    bottom: 0;
    width: 48px;
    height: 48px;
    background-color: rgba(0,0,0,0.2);
    text-align: center;
}

.overlay-icon i {
    line-height: 48px;
    font-size: 28px;
    color: #FFF;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}


/* Small Post
-----------------------------------------------------------------*/

.spost,
.mpost {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px dashed #E5E5E5;
}

.mpost {
    margin-top: 25px;
    padding-top: 25px;
}

.spost:first-child,
.mpost:first-child {
    margin-top: 0;
    padding-top: 0;
    border-top: 0;
}

.spost .entry-image,
.mpost .entry-image {
    float: left;
    margin: 0 15px 0 0;
    text-align: center;
}

.spost .entry-image,
.spost .entry-image a,
.spost .entry-image img,
.spost .entry-image i {
    width: 48px;
    height: 48px;
}

.spost .entry-image a i,
.mpost .entry-image a i {
    font-size: 28px;
    line-height: 48px;
    color: #666;
    background-color: #EEE;
}

.spost .entry-title h4,
.mpost .entry-title h4 {
    margin: 0;
    font-size: 14px;
    font-weight: 600;
}

.spost .entry-title h4 a,
.mpost .entry-title h4 a { color: #333; }

.spost .entry-title h4 a:hover,
.mpost .entry-title h4 a:hover { color: #4ab4e8; }

.spost .entry-meta { margin: 8px -10px 0 0; }

.spost .entry-meta li,
.mpost .entry-meta li {
    font-size: 13px;
    margin: 0 10px 0 0;
}


/* Medium Post
-----------------------------------------------------------------*/

.mpost .entry-image { margin-right: 20px; }

.mpost .entry-image,
.mpost .entry-image a,
.mpost .entry-image img,
.mpost .entry-image i {
    width: 170px;
    height: 128px;
}

.mpost .entry-image a,
.mpost .entry-image img { border-radius: 2px; }

.mpost .entry-image a i {
    font-size: 42px;
    line-height: 128px;
}

.mpost .entry-title h4 {
    margin: 0;
    font-size: 17px;
    font-weight: 600;
}

.mpost .entry-meta { margin-top: 5px; }

.mpost .entry-meta li i { margin-right: 2px; }

.mpost .entry-content { margin-top: 15px; }

.post-navigation + .line { margin: 40px 0 50px; }


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

.author-image {
    float: left;
    width: 84px;
    height: 84px;
    margin-right: 15px;
}

.author-image img {
    width: 84px;
    height: 84px;
}


/* ----------------------------------------------------------------
Comments List
-----------------------------------------------------------------*/


#comments {
    position: relative;
    margin-top: 50px;
    padding-top: 50px;
    border-top: 1px solid #EEE;
}

.commentlist {
    list-style: none;
    padding-bottom: 50px;
    margin: 0 0 50px;
    border-bottom: 1px solid #EEE;
}

#reviews .commentlist {
    padding-bottom: 30px;
    margin: 0 0 20px;
}

.commentlist ul { list-style: none; }

.commentlist li,
.commentlist li ul,
.commentlist li ul li { margin: 30px 0 0 0; }

.commentlist ul:first-child { margin-top: 0; }

.commentlist li {
    position: relative;
    margin: 30px 0 0 30px;
}

#reviews .commentlist li { margin-top: 20px; }

.comment-wrap {
    position: relative;
    border: 1px solid #E5E5E5;
    border-radius: 5px;
    padding: 20px 20px 20px 35px;
}

.commentlist ul .comment-wrap {
    margin-left: 25px;
    padding-left: 20px;
}

#reviews .comment-wrap {
    border: 0;
    padding: 10px 0 0 35px;
}

.commentlist > li:first-child,
#reviews .commentlist > li:first-child {
    padding-top: 0;
    margin-top: 0;
}

.commentlist li .children { margin-top: 0; }

.commentlist li li .children { margin-left: 30px; }

.commentlist li .comment-content,
.pingback {
    position: relative;
    overflow: hidden;
}

.commentlist li .comment-content p,
.pingback p { margin: 20px 0 0 0; }

.commentlist li .comment-content { padding: 0 0 0 15px; }

.commentlist li .comment-meta {
    float: left;
    margin-right: 0;
    line-height: 1;
}

.comment-avatar {
    position: absolute;
    top: 15px;
    left: -35px;
    padding: 4px;
    background: #FFF;
    border: 1px solid #E5E5E5;
    border-radius: 50%;
}

.comment-avatar img {
    display: block;
    border-radius: 50%;
}

.commentlist li .children .comment-avatar { left: -25px; }

.comment-content .comment-author {
    margin-bottom: -10px;
    font-size: 16px;
    font-weight: bold;
    color: #555;
}

.comment-content .comment-author a {
    border: none;
    color: #333;
}

.comment-content .comment-author a:hover { color: #4ab4e8; }

.comment-content .comment-author span { display: block; }

.comment-content .comment-author span,
.comment-content .comment-author span a {
    font-size: 12px;
    font-weight: normal;
    font-family: 'Open Sans', sans-serif;
    font-style: italic;
    color: #AAA;
}

.comment-content .comment-author span a:hover { color: #888; }

.comment-reply-link,
.review-comment-ratings {
    display: block;
    position: absolute;
    top: 4px;
    left: auto;
    text-align: center;
    right: 0px;
    width: 14px;
    height: 14px;
    color: #CCC;
    font-size: 14px;
    line-height: 1;
}

.review-comment-ratings {
    width: auto;
    color: #333;
}

.comment-reply-link:hover { color: #888; }


/* ----------------------------------------------------------------
Comment Form
-----------------------------------------------------------------*/


#respond,
#respond form { margin-bottom: 0; }

.commentlist li #respond { margin: 30px 0 0; }

.commentlist li li #respond { margin-left: 30px; }

#respond p { margin: 10px 0 0 0; }

#respond p:first-child { margin-top: 0; }

#respond label small {
    color: #999;
    font-weight: normal;
}

#respond input[type="text"],
#respond textarea { margin-bottom: 0; }

#respond .col_one_third,
#respond .col_full { margin-bottom: 20px; }

.fb-comments,
.fb_iframe_widget,
.fb-comments > span,
.fb_iframe_widget > span,
.fb-comments > span > iframe,
.fb_iframe_widget > span > iframe {
    display: block !important;
    width: 100% !important;
    margin: 0;
}


/* Post Elements
-----------------------------------------------------------------*/

img.alignleft,
div.alignleft {
    float: left;
    margin: 5px 20px 13px 0;
    max-width: 100%;
}

div.alignleft > img,
div.alignnone > img,
div.aligncenter > img,
div.alignright > img {
    display: block;
    float: none;
}

img.alignnone,
img.aligncenter,
div.alignnone,
div.aligncenter {
    display: block;
    margin: 10px 0;
    float: none;
}

img.aligncenter,
div.aligncenter,
div.aligncenter img {
    margin-left: auto;
    margin-right: auto;
    clear: both;
}

img.alignright,
div.alignright {
    float: right;
    margin: 5px 0 13px 20px;
}

.wp-caption {
    text-align: center;
    margin: 10px 20px 13px 20px;
    font-family: 'Lato', Georgia, "Times New Roman", Times, serif;
    font-style: italic;
}

.wp-caption img,
.wp-caption img a {
    display: block;
    margin: 0;
}

p.wp-caption-text {
    display: inline-block;
    margin: 10px 0 0 0;
    padding: 5px 10px;
    background-color: #EEE;
    border-radius: 50px;
}

.wp-smiley {
    max-height: 13px;
    margin: 0 !important;
}


/* Infinity Scroll - Message Style
-----------------------------------------------------------------*/

#infscr-loading,
#portfolio-ajax-loader {
    position: fixed;
    z-index: 20;
    top: 50%;
    left: 50%;
    width: 48px;
    height: 48px;
    margin: -24px 0 0 -24px;
    background-color: rgba(0,0,0,0.7);
    border-radius: 3px;
    line-height: 48px;
    font-size: 24px;
    color: #FFF;
    text-align: center;
}

#infscr-loading img,
#portfolio-ajax-loader img {
    display: none;
    width: 24px;
    height: 24px;
    margin: 12px;
}

#portfolio-ajax-loader { display: none; }

#portfolio-ajax-loader img { display: block; }


/* ----------------------------------------------------------------
Shop
-----------------------------------------------------------------*/


#shop {
    position: relative;
    margin: 0 -20px -20px 0;
}

.product {
    position: relative;
    float: left;
    margin: 0 20px 20px 0;
    width: 270px;
}

.product-image {
    position: relative;
    width: 100%;
    height: 360px;
    overflow: hidden;
}

.product-image > a,
.product-image .slide a,
.product-image img {
    display: block;
    width: 100%;
    height: 100%;
}

body:not(.device-touch):not(.device-xs):not(.device-xxs) .product-image > a {
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}

.product-image > a:nth-of-type(2) {
    opacity: 0;
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
}

.product-image:hover > a:nth-of-type(2) {
    opacity: 1;
    z-index: 2;
}

.product-desc {
    padding: 15px 0;
    font-size: 14px;
}

.product-title { margin-bottom: 7px; }

.product-title h3 {
    margin: 0;
    font-size: 20px;
}

.product-title h3 a,
.single-product .product-title h2 a { color: #333; }

.product-title h3 a:hover,
.single-product .product-title h2 a:hover { color: #4ab4e8; }

.product-price {
    font-size: 18px;
    font-weight: 600;
    color: #444;
    margin-bottom: 4px;
}

.product-price del {
    font-weight: 400;
    font-size: 90%;
    color: #888;
}

.product-price ins {
    text-decoration: none;
    color: #4ab4e8;
}

.product-overlay {
    position: absolute;
    width: 100%;
    height: 44px;
    line-height: 44px;
    top: auto;
    bottom: -44px;
    left: 0;
    z-index: 6;
}

body:not(.device-touch):not(.device-xs):not(.device-xxs) .product-overlay {
    -webkit-transition: bottom .3s ease-in-out;
    -o-transition: bottom .3s ease-in-out;
    transition: bottom .3s ease-in-out;
}

.product:hover .product-overlay { bottom: 0; }

.product-overlay a {
    display: block;
    float: left;
    width: 50%;
    font-size: 13px;
    color: #333;
    background-color: #F5F5F5;
    text-align: center;
    border-right: 1px solid rgba(0,0,0,0.1);
}

body:not(.device-touch):not(.device-xs):not(.device-xxs) .product-overlay a {
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.product-overlay a.item-quick-view { border-right: 0; }

.product-overlay a i {
    position: relative;
    top: 1px;
    font-size: 14px;
    margin-right: 3px;
}

.product-overlay a:hover {
    background-color: #333;
    color: #FFF;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}

.sale-flash {
    position: absolute;
    top: 10px;
    left: 10px;
    padding: 6px 10px;
    background-color: #4ab4e8;
    color: #FFF;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
    border-radius: 2px;
    z-index: 5;
}

.sale-flash.out-of-stock { background-color: #777; }


/* Shop - 3 Columns
-----------------------------------------------------------------*/

#shop.product-3 { margin: 0 -30px -30px 0; }

.product-3 .product {
    margin: 0 30px 30px 0;
    width: 360px;
}

.product-3 .product-image { height: 480px; }


/* Shop - 3 Columns - Sidebar
-----------------------------------------------------------------*/

.postcontent #shop.product-3 { margin: 0 -25px -25px 0; }

.postcontent .product-3 .product {
    margin: 0 25px 25px 0;
    width: 270px;
}

.postcontent .product-3 .product-image { height: 360px; }


/* Shop - 2 Columns - Sidebar
-----------------------------------------------------------------*/

.postcontent #shop.product-2 { margin: 0 -40px -40px 0; }

.postcontent .product-2 .product {
    margin: 0 40px 40px 0;
    width: 410px;
}

.postcontent .product-2 .product-image { height: 547px; }


/* Shop - 2 Columns - Both Sidebar
-----------------------------------------------------------------*/

.bothsidebar #shop.product-2 { margin: 0 -40px -20px 0; }

.bothsidebar .product-2 .product {
    margin: 0 40px 20px 0;
    width: 270px;
}

.bothsidebar .product-2 .product-image { height: 360px; }


/* Shop - 1 Column
-----------------------------------------------------------------*/

#shop.product-1 { margin: 0 0 -40px 0; }

.product-1 .product {
    float: none;
    margin: 0 0 40px 0;
    width: 100%;
}

.product-1 .product-image {
    float: left;
    width: 300px;
    height: 400px;
    margin-right: 30px;
}

.product-1 .product.alt .product-image {
    float: right;
    margin: 0 0 0 30px;
}

.product-1 .product-desc {
    padding: 0;
    position: relative;
    overflow: hidden;
}

.product-1 .product-title h3 { font-size: 22px; }

.product-1 .product-desc .product-price { font-size: 20px; }

.product-1 .product-desc .product-rating { margin-bottom: 15px; }


/* Shop - 1 Column - Both Sidebar
-----------------------------------------------------------------*/

.bothsidebar .product-1 .product {
    border-top: 1px solid #F5F5F5;
    padding-top: 40px;
}

.bothsidebar .product-1 .product:first-child {
    border-top: 0;
    padding-top: 0;
}

.bothsidebar .product-1 .product-image {
    width: 240px;
    height: 320px;
}

.bothsidebar .product-1 .product-title h3 { font-size: 20px; }

.bothsidebar .product-1 .product-desc .product-price { font-size: 16px; }


/* Shop - Single
-----------------------------------------------------------------*/

.single-product .product {
    width: 100%;
    margin: 0;
}

.shop-quick-view-ajax,
.portfolio-ajax-modal {
    position: relative;
    background-color: #FFF;
    width: 800px;
    margin: 0 auto;
}

.single-product .product-image,
.single-product .product-image img { height: auto; }

.single-product .product-desc { padding: 0; }

.single-product .product-title h2 {
    font-size: 28px;
    margin-bottom: 8px;
}

.single-product .product-price {
    float: left;
    font-size: 24px;
    color: #4ab4e8;
    margin-bottom: 0;
}

.single-product .product-rating {
    float: right;
    position: relative;
    top: 9px;
}

.single-product .product-desc .line { margin: 20px 0; }

.quantity {
    float: left;
    margin-right: 30px;
}

.quantity .qty {
    float: left;
    width: 50px;
    height: 40px;
    line-height: 40px;
    border: 0;
    border-left: 1px solid #DDD;
    border-right: 1px solid #DDD;
    background-color: #EEE;
    text-align: center;
    margin-bottom: 0;
}

.quantity .plus,
.quantity .minus {
    display: block;
    float: left;
    cursor: pointer;
    border: 0px transparent;
    padding: 0;
    width: 36px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background-color: #EEE;
    font-size: 16px;
    font-weight: bold;
    transition: background-color .2s linear;
    -webkit-transition: background-color .2s linear;
    -o-transition: background-color .2s linear;
}

.quantity .plus:hover,
.quantity .minus:hover { background-color: #DDD; }

.quantity .qty:focus,
.quantity .plus:focus,
.quantity .minus:focus {
    box-shadow: none !important;
    outline: 0 !important;
}

.single-product .add-to-cart.button {
    height: 40px;
    line-height: 40px;
}

.product-meta {
    font-size: 13px;
    color: #777;
}

.product-meta > .panel-body { margin-bottom: -5px; }

.product-meta > .panel-body > span {
    display: block;
    margin-bottom: 5px;
}


.single-product .feature-box.fbox-plain.fbox-small { padding-left: 26px; }

.single-product .feature-box.fbox-plain.fbox-small .fbox-icon { width: 20px; }

.single-product .feature-box.fbox-plain.fbox-small h3 {
    font-size: 15px;
    font-weight: bold;
    line-height: 18px;
    margin-bottom: 7px;
}

.single-product .feature-box.fbox-plain.fbox-small p { margin-left: -26px; }

.single-product .feature-box.fbox-plain.fbox-small .fbox-icon i { font-size: 18px; }


/* Individual Product
-----------------------------------------------------------------*/

.product.iproduct {
    float: none;
    margin: 0;
    width: 100%;
}

.iproduct .product-image,
.iproduct .product-image a,
.iproduct .product-image img { height: auto; }


/* ----------------------------------------------------------------
Cart
-----------------------------------------------------------------*/


.cart .remove {
    font-size: 14px;
    color: #FF0000;
}

.cart .remove:hover { color: #000; }

.cart th {
    padding: 12px 15px !important;
    font-size: 14px;
    color: #555;
}

.cart td {
    padding: 12px 15px !important;
    vertical-align: middle !important;
    border-color: #E5E5E5 !important;
}

.cart-product-thumbnail a {
    display: block;
    width: 68px;
}

.cart-product-thumbnail img {
    display: block;
    width: 64px;
    height: 64px;
    border: 2px solid #EEE;
}

.cart-product-thumbnail img:hover { border-color: #4ab4e8; }

.cart-product-name a,
.product-name a {
    font-weight: bold;
    font-size: 13px;
    color: #333;
}

.cart-product-name a:hover,
.product-name a:hover { color: #666; }

.cart-product-price,
.cart-product-quantity,
.cart-product-subtotal { text-align: center !important; }

.cart-product-quantity .quantity {
    display: inline-block;
    margin: 0;
    float: none;
}

td.actions {
    padding: 20px 15px !important;
    vertical-align: top !important;
    background-color: #F5F5F5;
}


/* ----------------------------------------------------------------
Events
-----------------------------------------------------------------*/


.events .entry,
.ievent {
    padding: 20px;
    background-color: #F9F9F9;
    border-bottom: 3px solid #EEE;
}

.events .entry-image .entry-date,
.ievent .entry-image .entry-date {
    position: absolute;
    top: 10px;
    left: 10px;
    background-color: rgba(0,0,0,0.7);
    color: #FFF;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
    width: 60px;
    height: 64px;
    text-align: center;
    padding-top: 7px;
    font-size: 26px;
    line-height: 1;
}

.events .entry-image .entry-date span,
.ievent .entry-image .entry-date span {
    display: block;
    font-size: 15px;
    margin-top: 5px;
}

.events .entry-c,
.ievent .entry-c { padding: 5px 0; }

.single-event .entry-image img { border-radius: 0; }

.single-event .events-meta { font-size: 14px; }

.single-event .events-meta .iconlist li,
.parallax .iconlist li { margin: 5px 0; }

.single-event .entry-overlay,
.parallax .entry-overlay-meta {
    position: absolute;
    top: auto;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 80px;
    background-color: rgba(0,0,0,0.85);
    text-align: center;
    line-height: 80px;
    font-size: 22px;
    color: #FFF;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
    z-index: 5;
}

.single-event .countdown {
    display: inline-block;
    position: relative;
    top: 7px;
}

.single-event .countdown-section {
    padding: 0 15px;
    border-left-color: rgba(255,255,255,0.3);
    color: #CCC;
}

.single-event .countdown-amount { color: #FFF; }

.parallax .entry-overlay,
.parallax .entry-overlay-meta {
    background: transparent;
    width: auto;
    text-align: right;
    bottom: 30px;
    left: auto;
    right: 30px;
}

.parallax .entry-overlay-meta {
    padding: 20px;
    font-size: 14px;
    text-align: left;
    right: 38px;
    bottom: 130px;
    width: 368px;
    height: auto;
    line-height: inherit;
    background-color: rgba(0,0,0,0.7);
    border-radius: 3px;
}

.parallax.overlay-left .entry-overlay,
.parallax.overlay-left .entry-overlay-meta {
    right: auto;
    left: 30px;
}

.parallax.overlay-left .entry-overlay-meta { left: 38px; }

.parallax.overlay-center .entry-overlay,
.parallax.overlay-center .entry-overlay-meta {
    bottom: 100px;
    right: auto;
    left: 50%;
    margin-left: -192px;
}

.parallax.overlay-center .entry-overlay-meta {
    top: 100px;
    bottom: auto;
    margin-left: -184px;
}

.parallax .entry-overlay-meta h2 {
    font-size: 20px;
    text-transform: uppercase;
    border-bottom: 1px dashed rgba(255,255,255,0.2);
    padding-bottom: 17px;
}

.parallax .entry-overlay-meta h2 a { color: #FFF; }

.parallax .entry-overlay-meta h2 a:hover { color: #DDD; }

.parallax .countdown { top: 0; }

.parallax .countdown-section {
    border-left: 0;
    width: 80px;
    height: 80px;
    margin: 0 8px;
    font-size: 13px;
    background-color: rgba(0,0,0,0.7);
    border-radius: 3px;
    padding-top: 14px;
}

.parallax .countdown-amount {
    font-size: 28px;
    margin-bottom: 6px;
}


/* Individual Events
-----------------------------------------------------------------*/

.ievent {
    position: relative;
    margin-top: 20px;
}

.ievent:first-child { margin-top: 0; }

.ievent .entry-image {
    width: 30%;
    margin-right: 20px;
}

.ievent .entry-content { margin-top: 20px; }

.ievent .entry-title h2 { font-size: 18px; }

.ievent .entry-meta { margin-right: -10px; }

.ievent .entry-meta li {
    font-size: 13px;
    margin-right: 10px;
    padding-left: 10px;
}

.ievent .entry-meta li:first-child { padding-left: 0; }


/* ----------------------------------------------------------------
Countdown
-----------------------------------------------------------------*/

.countdown { display: block; }

.countdown-row {
    display: block;
    position: relative;
    text-align: center;
}

.countdown-section {
    display: inline-block;
    font-size: 11px;
    line-height: 1;
    text-align: center;
    width: 25%;
    border-left: 1px dotted #BBB;
    color: #888;
    text-transform: capitalize;
}

.countdown-section:first-child { border-left: 0; }

.countdown-amount {
    display: block;
    font-size: 20px;
    color: #333;
    margin-bottom: 5px;
}

.countdown-descr {
    display: block;
    width: 100%;
}


/* Countdown - Medium
-----------------------------------------------------------------*/

.countdown-medium .countdown-section { font-size: 14px; }

.countdown-medium .countdown-amount {
    font-size: 30px;
    margin-bottom: 7px;
}


/* Countdown - Large
-----------------------------------------------------------------*/

.countdown-large .countdown-section { font-size: 18px; }

.countdown-large .countdown-amount {
    font-size: 44px;
    font-weight: 600;
    margin-bottom: 8px;
}


/* Countdown - Inline
-----------------------------------------------------------------*/

.countdown.countdown-inline { display: inline-block; }

.countdown.countdown-inline .countdown-row {
    display: inline-block;
    text-align: center;
}

.countdown.countdown-inline .countdown-section {
    display: inline-block;
    font-size: inherit;
    line-height: inherit;
    width: auto;
    border: none;
    color: inherit;
    margin-left: 7px;
    text-transform: lowercase;
}

.countdown.countdown-inline .countdown-section:first-child { margin-left: 0; }

.countdown.countdown-inline .countdown-amount {
    display: inline-block;
    font-size: inherit;
    color: inherit;
    font-weight: bold;
    margin: 0 3px 0 0;
}

.countdown.countdown-inline .countdown-descr {
    display: inline-block;
    width: auto;
}


/* Countdown - Coming Soon
-----------------------------------------------------------------*/

body:not(.device-xs):not(.device-xxs) .countdown.countdown-large.coming-soon .countdown-section {
    border: none;
    padding: 15px;
}

body:not(.device-xs):not(.device-xxs) .countdown.countdown-large.coming-soon .countdown-amount {
    height: 140px;
    line-height: 140px;
    border-radius: 50%;
    background-color: rgba(0,0,0,0.2);
    margin-bottom: 15px !important;
}


/* ----------------------------------------------------------------
Buttons
-----------------------------------------------------------------*/


.button {
    display: inline-block;
    position: relative;
    cursor: pointer;
    outline: none;
    white-space: nowrap;
    margin: 5px;
    padding: 0 22px;
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    background-color: #4ab4e8;
    border-radius: 3px;	
    color: #FFF;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    border: none;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}

.hs-button {
    display: inline-block;
    position: relative;
    cursor: pointer;
    outline: none;
    white-space: nowrap;
    margin: 10px 0 10px 1px;
    padding: 0 24px!important;
    font-size: 18px;
    height: 35px;
    line-height: 20px;
    background-color: #4ab4e8;
    border-radius: 3px;
    color: #FFF;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    border: none;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}

.hs-button-orange {
    display: inline-block;
    position: relative;
    cursor: pointer;
    outline: none;
    white-space: nowrap;
    margin: 10px 0 0 2px;
    padding: 0 24px!important;
    font-size: 14px;
    height: 35px;
    line-height: 20px;
    background-color: #F4A62A!important;
    border-radius: 3px;
    color: #FFF;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    border: none;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}

.hs-button:hover {
    background-color: #444!important;
    color: #FFF;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}

.hs-button-orange:hover {
    background-color: #444!important;
    color: #FFF;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}

body:not(.device-touch) .button {
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.button-dark { background-color: #444; }

.button-light {
    background-color: #EEE;
    color: #333;
    text-shadow: none !important;
}

.button:hover {
    background-color: #444;
    color: #FFF;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}

.button.button-dark:hover { background-color: #4ab4e8; }

.button.button-mini {
    padding: 0 14px;
    font-size: 11px;
    height: 28px;
    line-height: 28px;
}

.button.button-small {
    padding: 0 17px;
    font-size: 12px;
    height: 34px;
    line-height: 34px;
}

.button.button-large {
    padding: 0 26px;
    font-size: 16px;
    height: 46px;
    line-height: 46px;
}

.button.button-xlarge {
    padding: 0 32px;
    font-size: 18px;
    letter-spacing: 2px;
    height: 52px;
    line-height: 52px;
}

.button.button-desc {
    text-align: left;
    padding: 24px 34px;
    font-size: 22px;
    height: auto;
    line-height: 1;
    font-family: 'Open Sans', sans-serif;
}

.button.button-desc span {
    display: block;
    margin-top: 10px;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 1px;
    font-family: 'Open Sans', sans-serif;
    font-style: italic;
    text-transform: none;
}

.button i {
    position: relative;
    top: 1px;
    line-height: 1;
    margin-right: 5px;
}

.button.tright i { margin: 0 0 0 5px; }

.button-mini i { margin-right: 3px; }

.button-mini.tright i { margin: 0 0 0 3px; }

.button-small i { margin-right: 4px; }

.button-small.tright i { margin: 0 0 0 4px; }

.button-xlarge i {
    top: 2px;
    margin-right: 8px;
}

.button-xlarge.tright i { margin: 0 0 0 8px; }

.button.button-desc i {
    top: 1px;
    font-size: 48px;
    width: 48px;
    text-align: center;
    margin-right: 12px;
}

.button.button-desc.tright i { margin: 0 0 0 12px; }

.button.button-desc div { display: inline-block; }

.button.button-rounded { border-radius: 3px; }


/* Buttons - Border
-----------------------------------------------------------------*/

.button.button-border {
    border: 2px solid #444;
    background-color: transparent;
    color: #333;
    line-height: 36px;
    font-weight: 600;
    text-shadow: none;
}

.button.button-border.button-mini { line-height: 24px; }

.button.button-border.button-small { line-height: 30px; }

.button.button-border.button-large { line-height: 42px; }

.button.button-border.button-xlarge { line-height: 48px; }

.button.button-border.button-desc { line-height: 1; }

.button.button-border:hover {
    background-color: #444;
    color: #FFF;
    border-color: transparent !important;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}

.button.button-border.button-light {
    border-color: #fff;
    color: #fff;
}

.button.button-border.button-light:hover {
    background-color: #fff !important;
    color: #65bfeb;
    text-shadow: none;
}


/* Buttons - Border
-----------------------------------------------------------------*/

.button.button-3d {
    border-radius: 3px;
    border-bottom: 3px solid rgba(0,0,0,0.15);
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
}

.button.button-3d:hover {
    background-color: #4ab4e8 !important;
    opacity: 0.9;
}

.button.button-3d.button-light:hover,
.button.button-reveal.button-light:hover {
    text-shadow: none;
    color: #333;
}


/* Buttons - Icon Reveal
-----------------------------------------------------------------*/

.button.button-reveal {
    padding: 0 28px;
    overflow: hidden;
}

.button.button-reveal i {
    display: block;
    position: absolute;
    top: 0;
    left: -32px;
    width: 32px;
    height: 40px;
    line-height: 40px;
    margin: 0;
    text-align: center;
    background-color: rgba(0,0,0,0.1);
}

.button.button-reveal.button-border i { top: -2px; }

.button.button-reveal.tright i {
    left: auto;
    right: -32px;
}

.button.button-reveal.button-3d i,
.button.button-reveal.button-rounded i { border-radius: 3px 0 0 3px; }

.button.button-reveal.button-3d.tright i,
.button.button-reveal.button-rounded.tright i { border-radius: 0 3px 3px 0; }

.button.button-reveal span {
    display: inline-block;
    position: relative;
    left: 0;
}

body:not(.device-touch) .button.button-reveal i,
body:not(.device-touch) .button.button-reveal span {
    -webkit-transition: left 0.3s ease, right 0.3s ease;
    -o-transition: left 0.3s ease, right 0.3s ease;
    transition: left 0.3s ease, right 0.3s ease;
}

.button.button-reveal.button-mini { padding: 0 17px; }

.button.button-reveal.button-mini i {
    left: -22px;
    width: 22px;
    height: 28px;
    line-height: 28px;
}

.button.button-reveal.button-mini.tright i {
    left: auto;
    right: -22px;
}

.button.button-reveal.button-small { padding: 0 22px; }

.button.button-reveal.button-small i {
    left: -26px;
    width: 26px;
    height: 34px;
    line-height: 34px;
}

.button.button-reveal.button-small.tright i {
    left: auto;
    right: -26px;
}

.button.button-reveal.button-large { padding: 0 32px; }

.button.button-reveal.button-large i {
    left: -38px;
    width: 38px;
    height: 46px;
    line-height: 46px;
}

.button.button-reveal.button-large.tright i {
    left: auto;
    right: -38px;
}

.button.button-reveal.button-xlarge { padding: 0 40px; }

.button.button-reveal.button-xlarge i {
    left: -44px;
    width: 44px;
    height: 52px;
    line-height: 52px;
}

.button.button-reveal.button-xlarge.tright i {
    left: auto;
    right: -44px;
}

.button.button-reveal:hover i { left: 0; }

.button.button-reveal.tright:hover i {
    left: auto;
    right: 0;
}

.button.button-reveal:hover span { left: 16px; }

.button.button-reveal.button-mini:hover span { left: 11px; }

.button.button-reveal.button-small:hover span { left: 13px; }

.button.button-reveal.button-large:hover span { left: 19px; }

.button.button-reveal.button-xlarge:hover span { left: 22px; }

.button.button-reveal.tright:hover span { left: -16px; }

.button.button-reveal.button-mini.tright:hover span { left: -11px; }

.button.button-reveal.button-small.tright:hover span { left: -13px; }

.button.button-reveal.button-large.tright:hover span { left: -19px; }

.button.button-reveal.button-xlarge.tright:hover span { left: -22px; }


/* Buttons - Promo 100% Width
-----------------------------------------------------------------*/

.button.button-full {
    display: block !important;
    white-space: normal;
    margin: 0;
    height: auto;
    line-height: 1.6;
    padding: 30px 0;
    font-size: 30px;
    font-weight: 300;
    text-transform: none;
    border-radius: 0;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
}

.button.button-full.button-light { border-bottom: 1px solid rgba(0,0,0,0.15); }

.button.button-full strong {
    font-weight: 600;
    border-bottom: 2px solid #EEE;
}

body:not(.device-touch) .button.button-full strong {
    -webkit-transition: border .2s ease-in-out;
    -o-transition: border .2s ease-in-out;
    transition: border .2s ease-in-out;
}

.button.button-full.button-light strong { border-bottom-color: #333; }

.button.button-full.button-light:hover strong { border-bottom-color: #EEE; }


/* Buttons - Colors
-----------------------------------------------------------------*/

.button-red { background-color: #C02942; }
.button-3d.button-red:hover,
.button-reveal.button-red:hover { background-color: #C02942 !important; }

.button-teal { background-color: #53777A; }
.button-3d.button-teal:hover,
.button-reveal.button-teal:hover { background-color: #53777A !important; }

.button-yellow { background-color: #ECD078; }
.button-3d.button-yellow:hover,
.button-reveal.button-yellow:hover { background-color: #ECD078 !important; }

.button-green { background-color: #59BA41; }
.button-3d.button-green:hover,
.button-reveal.button-green:hover { background-color: #59BA41 !important; }

.button-brown { background-color: #774F38; }
.button-3d.button-brown:hover,
.button-reveal.button-brown:hover { background-color: #774F38 !important; }

.button-aqua { background-color: #40C0CB; }
.button-3d.button-aqua:hover,
.button-reveal.button-aqua:hover { background-color: #40C0CB !important; }

.button-lime { background-color: #AEE239; }
.button-3d.button-lime:hover,
.button-reveal.button-lime:hover { background-color: #AEE239 !important; }

.button-purple { background-color: #5D4157; }
.button-3d.button-purple:hover,
.button-reveal.button-purple:hover { background-color: #5D4157 !important; }

.button-leaf { background-color: #A8CABA; }
.button-3d.button-leaf:hover,
.button-reveal.button-leaf:hover { background-color: #A8CABA !important; }

.button-pink { background-color: #F89FA1; }
.button-3d.button-pink:hover,
.button-reveal.button-pink:hover { background-color: #F89FA1 !important; }

.button-dirtygreen { background-color: #1693A5; }
.button-3d.button-dirtygreen:hover,
.button-reveal.button-dirtygreen:hover { background-color: #1693A5 !important; }

.button-blue { background-color: #1265A8; }
.button-3d.button-blue:hover,
.button-reveal.button-blue:hover { background-color: #1265A8 !important; }

.button-amber { background-color: #EB9C4D; }
.button-3d.button-amber:hover,
.button-reveal.button-amber:hover { background-color: #EB9C4D !important; }

.button-black { background-color: #111; }
.button-3d.button-black:hover,
.button-reveal.button-black:hover { background-color: #111 !important; }

.button-white { background-color: #F9F9F9; }
.button-3d.button-white:hover,
.button-reveal.button-white:hover { background-color: #F9F9F9 !important; }


/* Buttons - No Hover
-----------------------------------------------------------------*/

.button.button-nohover:hover {
    opacity: inherit !important;
    background-color: inherit !important;
    color: inherit !important;
    border-color: inherit !important;
}


/* ----------------------------------------------------------------
Promo Boxes
-----------------------------------------------------------------*/


.promo {
    position: relative;
    padding: 30px 200px 30px 0;
}

.promo h3 {
    font-weight: bold;
    margin-bottom: 0;
}

.promo > span,
.promo > .container > span {
    display: block;
    color: #444;
    font-weight: 300;
    font-size: 16px;
    margin-top: 6px;
}

.promo a.button {
    position: absolute;
    top: 50%;
    margin: 0;
    margin-top: -18px;
    left: auto;
    right: 0;
}

.promo a.button.button-mini { margin-top: -12px; }

.promo a.button.button-small { margin-top: -15px; }

.promo a.button.button-large { margin-top: -22px; }

.promo a.button.button-xlarge { margin-top: -25px; }

.promo a.button.button-desc { margin-top: -40px; }


/* Promo Uppercase
-----------------------------------------------------------------*/

.promo-uppercase { text-transform: uppercase; }

.promo-uppercase h3 { font-size: 22px; }

.promo-uppercase > span,
.promo-uppercase > .container > span { font-size: 15px; }


/* Promo - with Border
-----------------------------------------------------------------*/

.promo.promo-border {
    border: 1px solid #E5E5E5;
    border-radius: 3px;
    padding-left: 30px;
}

.promo.promo-border a.button { right: 30px; }


/* Promo - Light
-----------------------------------------------------------------*/

.promo.promo-light {
    background-color: #F5F5F5;
    border-radius: 3px;
    padding-left: 30px;
}

.promo.promo-light a.button { right: 30px; }


/* Promo - Dark
-----------------------------------------------------------------*/

.promo.promo-dark {
    border: 0 !important;
    background-color: #333;
    padding: 30px 200px 30px 30px;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
    border-radius: 3px;
}

.promo.promo-dark h3 { color: #FFF; }

.promo.promo-dark > h3 span,
.promo.promo-dark > .container > h3 span {
    padding: 2px 8px;
    border-radius: 3px;
    background-color: rgba(0,0,0,0.15);
    color: #FFF;
    font-weight: 400;
}

.promo.promo-dark > span,
.promo.promo-dark > .container > span {
    color: #CCC;
    margin-top: 8px;
}

.promo.promo-dark a.button { right: 30px; }


/* Promo - Flat
-----------------------------------------------------------------*/

.promo.promo-flat { background-color: #4ab4e8; }

.promo.promo-flat > span,
.promo.promo-flat > .container > span { color: rgba(255,255,255,0.9); }

.promo.promo-flat a.button:not(.button-border) {
    background-color: rgba(0,0,0,0.2);
    color: #FFF;
}

.promo.promo-flat a.button:hover {
    background-color: #FFF;
    border-color: #FFF;
    color: #444;
    text-shadow: none;
}


/* Promo - 100% Full Width
-----------------------------------------------------------------*/

.promo-full {
    border-radius: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
    padding: 40px 0 !important;
}

.promo-full a.button { right: 15px !important; }

.promo-full.promo-right a.button {
    right: auto !important;
    left: 15px !important;
}

/* Promo - Parallax
-----------------------------------------------------------------*/

.promo.parallax { padding: 80px 0 !important; }


/* Promo - Right Align
-----------------------------------------------------------------*/

.promo.promo-right {
    text-align: right;
    padding: 30px 0 30px 200px;
}

.promo.promo-right a.button {
    left: 0;
    right: auto;
}


/* Promo - with Border & Right Align
-----------------------------------------------------------------*/

.promo.promo-right.promo-border:not(.promo-mini),
.promo.promo-dark.promo-right:not(.promo-mini) { padding-right: 30px; }

.promo.promo-right.promo-border a.button,
.promo.promo-dark.promo-right a.button { left: 30px; }


/* Promo - Center Align
-----------------------------------------------------------------*/

.promo.promo-center {
    text-align: center;
    padding: 30px 20px;
}

.promo.promo-center a.button {
    position: relative;
    top: 0;
    margin: 20px 0 0;
    left: 0 !important;
    right: 0;
}


/* Promo - Mini
-----------------------------------------------------------------*/

.promo.promo-mini {
    text-align: left;
    padding: 20px 25px;
}

.promo.promo-mini h3 {
    font-size: 20px;
    line-height: 1.5;
}

.promo.promo-mini.promo-uppercase h3 { font-size: 18px; }

.promo.promo-mini.promo-dark h3 { line-height: 1.7; }

.promo.promo-mini a.button {
    position: relative;
    top: 0;
    margin: 20px 0 0;
    left: 0 !important;
    right: 0;
}


/* Promo - Mini - Center Align
-----------------------------------------------------------------*/

.promo.promo-mini.promo-center { text-align: center; }


/* Promo - Mini - Right Align
-----------------------------------------------------------------*/

.promo.promo-mini.promo-right { text-align: right; }


/* ----------------------------------------------------------------
Featured Boxes
-----------------------------------------------------------------*/


.feature-box {
    position: relative;
    margin-top: 20px;
    padding: 0 0 0 80px;
}

.feature-box:first-child { margin-top: 0; }

.feature-box .fbox-icon {
    display: block;
    position: absolute;
    width: 64px;
    height: 64px;
    top: 0;
    left: 0;
}

.feature-box .fbox-icon a,
.feature-box .fbox-icon i,
.feature-box .fbox-icon img {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    color: #FFF;
}

.feature-box .fbox-icon i,
.feature-box .fbox-icon img {
    border-radius: 50%;
    background-color: #4ab4e8;
}

.feature-box .fbox-icon i {
    font-style: normal;
    font-size: 28px;
    text-align: center;
    line-height: 64px;
}

.feature-box h3 {
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 0;
    color: #333;
}

.feature-box p {
    margin: 8px 0 0 0;
    color: #999;
}

.feature-box .before-heading { font-size: 14px; }


/* Feature Box - Icon Large
-----------------------------------------------------------------*/

.feature-box.fbox-large { padding: 0 0 0 115px; }

.feature-box.fbox-large .fbox-icon {
    width: 96px;
    height: 96px;
}

.feature-box.fbox-large .fbox-icon i {
    font-size: 42px;
    line-height: 96px;
}


/* Feature Box - Icon Outline
-----------------------------------------------------------------*/

.feature-box.fbox-outline .fbox-icon {
    border: 1px solid #4ab4e8;
    border-radius: 50%;
    padding: 3px;
}

.feature-box.fbox-outline .fbox-icon i { line-height: 56px; }


/* Feature Box - Icon Outline Large
-----------------------------------------------------------------*/

.feature-box.fbox-outline.fbox-large .fbox-icon { padding: 4px; }

.feature-box.fbox-outline.fbox-large .fbox-icon i { line-height: 86px; }


/* Feature Box - Icon Rounded
-----------------------------------------------------------------*/

.feature-box.fbox-rounded .fbox-icon { border-radius: 3px !important; }

.feature-box.fbox-rounded .fbox-icon i,
.feature-box.fbox-rounded .fbox-icon img { border-radius: 3px !important; }


/* Feature Box - Icon Rounded & Large
-----------------------------------------------------------------*/

.feature-box.fbox-rounded.fbox-large .fbox-icon { border-radius: 4px !important; }

.feature-box.fbox-rounded.fbox-large .fbox-icon i,
.feature-box.fbox-rounded.fbox-large .fbox-icon img { border-radius: 4px !important; }


/* Feature Box - Light Background
-----------------------------------------------------------------*/

.feature-box.fbox-light.fbox-outline .fbox-icon { border-color: #E5E5E5; }

.feature-box.fbox-light .fbox-icon i,
.feature-box.fbox-light .fbox-icon img {
    border: 1px solid #E5E5E5;
    background-color: #F5F5F5;
    color: #444;
}

.feature-box.fbox-light .fbox-icon i { line-height: 62px; }

.feature-box.fbox-light.fbox-outline .fbox-icon i { line-height: 54px; }

.feature-box.fbox-light.fbox-large .fbox-icon i { line-height: 96px; }

.feature-box.fbox-light.fbox-outline.fbox-large .fbox-icon i { line-height: 84px; }


/* Feature Box - Dark Background
-----------------------------------------------------------------*/

.feature-box.fbox-dark.fbox-outline .fbox-icon { border-color: #444; }

.feature-box.fbox-dark .fbox-icon i,
.feature-box.fbox-dark .fbox-icon img { background-color: #333; }


/* Feature Box - Border
-----------------------------------------------------------------*/

.feature-box.fbox-border .fbox-icon {
    border: 1px solid #989797;
    border-width: 4px;
    border-radius: 50%;
}

.feature-box.fbox-border .fbox-icon i,
.feature-box.fbox-border .fbox-icon img {
    border: none;
    background-color: transparent !important;
    color: #4ab4e8;
}

.feature-box.fbox-border .fbox-icon { padding: 0; }

.feature-box.fbox-border .fbox-icon i { line-height: 62px !important; }

.feature-box.fbox-border.fbox-large .fbox-icon i { line-height: 94px !important; }


/* Feature Box - Border - Light
-----------------------------------------------------------------*/

.feature-box.fbox-border.fbox-light .fbox-icon { border-color: #E5E5E5; }

.feature-box.fbox-border.fbox-light .fbox-icon i,
.feature-box.fbox-border.fbox-light .fbox-icon img { color: #888; }


/* Feature Box - Border - Dark
-----------------------------------------------------------------*/

.feature-box.fbox-border.fbox-dark .fbox-icon { border-color: #989797; border-width: 4px;}

.feature-box.fbox-border.fbox-dark .fbox-icon i,
.feature-box.fbox-border.fbox-dark .fbox-icon img { color: #444; }


/* Feature Box - Plain
-----------------------------------------------------------------*/

.feature-box.fbox-plain .fbox-icon {
    border: none !important;
    height: auto !important;
}

.feature-box.fbox-plain .fbox-icon i,
.feature-box.fbox-plain .fbox-icon img {
    border: none !important;
    background-color: transparent !important;
    color: #4ab4e8;
    border-radius: 0;
}

.feature-box.fbox-plain .fbox-icon i {
    font-size: 48px;
    line-height: 1 !important;
}

.feature-box.fbox-plain .fbox-icon img { height: 64px; }

.feature-box.fbox-plain.fbox-image .fbox-icon { width: auto; }

.feature-box.fbox-plain.fbox-image .fbox-icon img {
    width: auto;
    display: inline-block;
}

.feature-box.fbox-plain.fbox-small { padding-left: 42px; }

.feature-box.fbox-plain.fbox-small .fbox-icon { width: 28px; }

.feature-box.fbox-plain.fbox-small h3 {
    font-size: 15px;
    line-height: 26px;
    margin-bottom: 10px;
}

.feature-box.fbox-plain.fbox-small p { margin-left: -42px; }

.feature-box.fbox-plain.fbox-small .fbox-icon i { font-size: 28px; }

.feature-box.fbox-plain.fbox-small .fbox-icon img { height: 28px; }

.feature-box.fbox-plain.fbox-large .fbox-icon i { font-size: 72px; }

.feature-box.fbox-plain.fbox-large .fbox-icon img { height: 96px; }

.feature-box.fbox-plain.fbox-light .fbox-icon i,
.feature-box.fbox-plain.fbox-light .fbox-icon img { color: #888; }

.feature-box.fbox-plain.fbox-dark .fbox-icon i,
.feature-box.fbox-plain.fbox-dark .fbox-icon img { color: #444; }


/* Feature Box - Center
-----------------------------------------------------------------*/

.feature-box.fbox-center {
    padding: 0;
    text-align: center;
}

.feature-box.fbox-center .fbox-icon {
    position: relative;
    width: 96px;
    height: 96px;
    margin: 0 auto 30px;
}

.feature-box.fbox-center .fbox-icon i {
    font-size: 42px;
    line-height: 96px;
}

.feature-box.fbox-center.fbox-outline .fbox-icon i { line-height: 88px; }

.feature-box.fbox-center p {
    font-size: 14px;
    margin-top: 15px;
}


/* Feature Box - Center & Large Icons
-----------------------------------------------------------------*/

.feature-box.fbox-center.fbox-large .fbox-icon {
    width: 128px;
    height: 128px;
}

.feature-box.fbox-center.fbox-large .fbox-icon i {
    font-size: 70px;
    line-height: 128px;
}

.feature-box.fbox-center.fbox-large.fbox-outline .fbox-icon i { line-height: 118px; }

.feature-box.fbox-center.fbox-light .fbox-icon i { line-height: 94px; }

.feature-box.fbox-center.fbox-light.fbox-outline .fbox-icon i { line-height: 86px; }

.feature-box.fbox-center.fbox-light.fbox-outline.fbox-large .fbox-icon i { line-height: 114px; }

.feature-box.fbox-center.fbox-border .fbox-icon i { line-height: 94px !important; }

.feature-box.fbox-center.fbox-large.fbox-border .fbox-icon i { line-height: 126px !important; }

.feature-box.fbox-center.fbox-plain .fbox-icon i { font-size: 84px; }

.feature-box.fbox-center.fbox-plain .fbox-icon img { height: 96px; }

.feature-box.fbox-center.fbox-large.fbox-plain .fbox-icon i { font-size: 112px; }

.feature-box.fbox-center.fbox-large.fbox-plain .fbox-icon img { height: 128px; }


/* Feature Box - Center & Large Icons
-----------------------------------------------------------------*/

.feature-box.fbox-center.fbox-small .fbox-icon {
    width: 64px;
    height: 64px;
}

.feature-box.fbox-center.fbox-small .fbox-icon i {
    font-size: 28px;
    line-height: 64px;
}

.feature-box.fbox-center.fbox-small.fbox-outline .fbox-icon i { line-height: 58px; }

.feature-box.fbox-center.fbox-light.fbox-outline.fbox-small .fbox-icon i { line-height: 54px; }

.feature-box.fbox-center.fbox-small.fbox-border .fbox-icon i { line-height: 62px !important; }

.feature-box.fbox-center.fbox-small.fbox-plain .fbox-icon i { font-size: 56px; }

.feature-box.fbox-center.fbox-small.fbox-plain .fbox-icon img { height: 64px; }

.feature-box.fbox-center.fbox-small p {
    font-size: 14px;
    margin-top: 10px;
}

.feature-box.fbox-center.fbox-plain.fbox-small p { margin-left: 0; }


/* Feature Box - Right
-----------------------------------------------------------------*/

.feature-box.fbox-right {
    padding: 0 80px 0 0;
    text-align: right;
}

.feature-box.fbox-right.fbox-large { padding-right: 115px; }

.feature-box.fbox-right .fbox-icon {
    left: auto;
    right: 0;
}

.feature-box.fbox-right.fbox-plain.fbox-small { padding: 0 42px 0 0; }

.feature-box.fbox-right.fbox-plain.fbox-small p { margin: 0 -42px 0 0; }


/* Feature Box - Subtitle
-----------------------------------------------------------------*/

.feature-box h3 + .fbox-icon { margin-top: 20px !important; }

.feature-box h3 span.subtitle {
    display: block;
    margin-top: 5px;
    color: #444;
    font-weight: 300;
    text-transform: none;
}

.feature-box.fbox-center:not(.fbox-bg) h3:after {
    /*content: '';
    display: block;
    margin: 20px auto;
    width: 30px;
    border-top: 2px solid #555;
    -webkit-transition: width .3s ease;
    -o-transition: width .3s ease;
    transition: width .3s ease;*/
}

.feature-box.fbox-center:not(.fbox-bg):hover h3:after { width: 50px; }

.feature-box.fbox-center.noborder:not(.fbox-bg) h3:after,
.feature-box.fbox-center.nobottomborder:not(.fbox-bg) h3:after { display: none; }

.feature-box.fbox-center.fbox-italic p {
    font-style: italic;
    font-family: 'Open Sans', sans-serif;
}


/* Feature Box - Background
-----------------------------------------------------------------*/

.feature-box.fbox-bg.fbox-center {
    margin-top: 68px;
    padding: 68px 30px 30px;
    background-color: #FFF;
    border: 1px solid #E5E5E5;
    border-radius: 5px;
}

.feature-box.fbox-bg.fbox-center:first-child { margin-top: 48px; }

.feature-box.fbox-bg.fbox-center.fbox-large {
    margin-top: 84px;
    padding-top: 84px;
}

.feature-box.fbox-bg.fbox-center.fbox-large:first-child { margin-top: 64px; }

.feature-box.fbox-bg.fbox-center .fbox-icon {
    position: absolute;
    top: -48px;
    left: 50%;
    margin: 0 0 0 -48px;
}

.feature-box.fbox-bg.fbox-center.fbox-large .fbox-icon {
    top: -64px;
    left: 50%;
    margin-left: -64px;
}

.feature-box.fbox-bg.fbox-center.fbox-plain .fbox-icon,
.feature-box.fbox-bg.fbox-center.fbox-border .fbox-icon,
.feature-box.fbox-bg.fbox-center.fbox-outline .fbox-icon { background-color: #FFF; }


/* Animated Icon Hovers
-----------------------------------------------------------------*/

.fbox-effect .fbox-icon i { z-index: 1; }

.fbox-effect .fbox-icon i:after {
    pointer-events: none;
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    content: '';
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.fbox-rounded.fbox-effect .fbox-icon i:after { border-radius: 3px; }

.fbox-effect .fbox-icon i {
    -webkit-transition: background-color 0.3s, color 0.3s;
    -o-transition: background-color 0.3s, color 0.3s;
    transition: background-color 0.3s, color 0.3s;
}

.fbox-effect .fbox-icon i:after {
    top: -3px;
    left: -3px;
    padding: 3px;
    box-shadow: 0 0 0 2px #333;
    -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
    -webkit-transform: scale(.8);
    -moz-transition: -moz-transform 0.3s, opacity 0.3s;
    -moz-transform: scale(.8);
    -ms-transform: scale(.8);
    transition: transform 0.3s, opacity 0.3s;
    transform: scale(.8);
    opacity: 0;
}

.fbox-effect .fbox-icon i:hover,
.fbox-effect:hover .fbox-icon i {
    background-color: #333;
    color: #FFF;
}

.fbox-effect.fbox-dark .fbox-icon i:after { box-shadow: 0 0 0 2px #4ab4e8; }

.fbox-effect.fbox-dark .fbox-icon i:hover,
.fbox-effect.fbox-dark:hover .fbox-icon i { background-color: #4ab4e8; }

.fbox-effect .fbox-icon i:hover:after,
.fbox-effect:hover .fbox-icon i:after {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}

/* Icon Effects - Bordered
-----------------------------------------------------------------*/

.fbox-border.fbox-effect .fbox-icon i {
    -webkit-transition: color 0.5s, box-shadow 0.5s, background-color 0.5s;
    -o-transition: color 0.5s, box-shadow 0.5s, background-color 0.5s;
    transition: color 0.5s, box-shadow 0.5s, background-color 0.5s;
}

.fbox-border.fbox-effect .fbox-icon i:after {
    top: -2px;
    left: -2px;
    padding: 2px;
    z-index: -1;
    box-shadow: none;
    background-image: url('//www.datatree.com/hs-fs/hub/322946/file-2544245521-svg/canvas/images/icons/iconalt.svg');
    background-position: center center;
    background-size: 100% 100%;
    -webkit-transition: -webkit-transform 0.5s, opacity 0.5s, background-color 0.5s;
    -o-transition: -moz-transform 0.5s, opacity 0.5s, background-color 0.5s;
    transition: transform 0.5s, opacity 0.5s, background-color 0.5s;
}

.fbox-border.fbox-rounded.fbox-effect .fbox-icon i:after { border-radius: 3px; }

.fbox-border.fbox-effect .fbox-icon i:hover,
.fbox-border.fbox-effect:hover .fbox-icon i {
    color: #FFF;
    box-shadow: 0 0 0 1px #333;
}

.fbox-border.fbox-effect .fbox-icon i:after {
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3);
    opacity: 0;
    background-color: #333;
}

.fbox-border.fbox-effect.fbox-dark .fbox-icon i:hover,
.fbox-border.fbox-effect.fbox-dark:hover .fbox-icon i { box-shadow: 0 0 0 1px #4ab4e8; }

.fbox-border.fbox-effect.fbox-dark .fbox-icon i:after { background-color: #333; }

.fbox-border.fbox-effect .fbox-icon i:hover:after,
.fbox-border.fbox-effect:hover .fbox-icon i:after {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}


/* Media Featured Box
-----------------------------------------------------------------*/

.feature-box.media-box { padding: 0; }

.feature-box.media-box .fbox-media { margin: 0 0 25px; }

.feature-box.media-box .fbox-media,
.feature-box.media-box .fbox-media a,
.feature-box.media-box .fbox-media img {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
}

.feature-box.media-box .fbox-media iframe { display: block; }

.feature-box.media-box p { margin-top: 17px; }

.feature-box.media-box.fbox-bg .fbox-media { margin: 0; }

.feature-box.media-box.fbox-bg .fbox-desc {
    padding: 25px;
    background-color: #FFF;
    border: 1px solid #E5E5E5;
    border-top: 0;
    border-radius: 0 0 5px 5px;
}

.feature-box.media-box.fbox-bg .fbox-media img { border-radius: 5px 5px 0 0; }


/* ----------------------------------------------------------------
Process Steps
-----------------------------------------------------------------*/

.process-steps {
    margin: 0 0 40px;
    list-style: none;
}

.process-steps li {
    float: left;
    position: relative;
    width: 25%;
    text-align: center;
    overflow: hidden;
}

.process-steps.process-2 li { width: 50%; }
.process-steps.process-3 li { width: 33.33%; }
.process-steps.process-5 li { width: 20%; }

.process-steps li .i-circled { margin-bottom: 0 !important; }

.process-steps li .i-bordered { background-color: #FFF; }

.process-steps li h5 {
    margin: 15px 0 0 0;
    font-size: 16px;
    font-weight: 300;
}

.process-steps li.active h5,
.process-steps li.ui-tabs-active h5 {
    font-weight: 600;
    color: #4ab4e8;
}

.process-steps li.active a,
.process-steps li.ui-tabs-active a {
    background-color: #4ab4e8 !important;
    color: #FFF;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
    border-color: #4ab4e8 !important;
}

.process-steps li:before,
.process-steps li:after {
    content: '';
    position: absolute;
    top: 30px;
    left: 0;
    margin-left: -26px;
    width: 50%;
    border-top: 1px dashed #DDD;
}

.process-steps li:after {
    left: auto;
    right: 0;
    margin: 0 -26px 0 0;
}

.process-steps li:first-child:before,
.process-steps li:last-child:after { display: none; }


/* ----------------------------------------------------------------
Alerts
-----------------------------------------------------------------*/


.style-msg,
.style-msg2 {
    display: block;
    color: #444;
    border-left: 4px solid rgba(0,0,0,0.1);
    margin-bottom: 20px;
}

.style-msg2 { border-left: 4px solid rgba(0,0,0,0.2); }

.successmsg {
    background: #C5EBD4;
    color: #184B21;
}

.errormsg {
    background: #FFCCCC;
    color: #740D0A;
}

.infomsg {
    background: #B9DFF4;
    color: #124F70;
}

.alertmsg {
    background: #FCE0B6;
    color: #975E06;
}

.style-msg .sb-msg,
.style-msg2 .msgtitle,
.style-msg2 .sb-msg {
    display: block;
    padding: 15px;
    border-left: 1px solid rgba(255,255,255,0.5);
    font-size: 13px;
    text-shadow: 1px 1px 1px rgba(255,255,255,0.6);
}

.style-msg2 .msgtitle {
    background: rgba(0,0,0,0.15);
    border-top: none;
    border-bottom: none;
    font-size: 14px;
    font-weight: bold;
}

.style-msg-light .sb-msg,
.style-msg-light .msgtitle {
    color: #FFF;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
}

.style-msg2 .sb-msg { font-weight: normal; }

.style-msg2 ol,
.style-msg2 ul { margin: 0 0 0 30px; }

.style-msg2 ol { list-style-type: decimal; }

.style-msg2 ul { list-style-type: disc; }

.alert i,
.sb-msg i,
.msgtitle i {
    position: relative;
    top: 1px;
    font-size: 14px;
    width: 14px;
    text-align: center;
    margin-right: 5px;
}


/* ----------------------------------------------------------------
Styled Icons
-----------------------------------------------------------------*/


.i-rounded,
.i-plain,
.i-circled,
.i-bordered,
.social-icon {
    display: block;
    float: left;
    margin: 4px 11px 7px 0;
    text-align: center !important;
    font-size: 28px;
    color: #FFF;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
    cursor: pointer;
    font-style: normal;
}

body:not(.device-touch) .i-rounded,
body:not(.device-touch) .i-plain,
body:not(.device-touch) .i-circled,
body:not(.device-touch) .i-bordered,
body:not(.device-touch) .social-icon {
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.i-rounded,
.i-circled,
.i-bordered {
    width: 52px !important;
    height: 52px !important;
    line-height: 52px !important;
    background-color: #444;
    border-radius: 3px;
}

.i-bordered {
    border: 1px solid #555;
    line-height: 50px !important;
    background-color: transparent !important;
    color: #444;
    text-shadow: none;
}

.i-plain {
    width: 36px !important;
    height: 36px !important;
    font-size: 28px;
    line-height: 36px !important;
    color: #444;
    text-shadow: 1px 1px 1px #FFF;
}

.i-plain:hover { color: #777; }

.i-circled { border-radius: 50%; }

.i-light {
    background-color: #F5F5F5;
    color: #444;
    text-shadow: 1px 1px 1px #FFF;
    box-shadow: inset 0 0 15px rgba(0,0,0,0.2);
}

.i-alt {
    background-image: url('//www.datatree.com/hs-fs/hub/322946/file-2544245521-svg/canvas/images/icons/iconalt.svg');
    background-position: center center;
    background-size: 100% 100%;
}


.i-rounded:hover,
.i-circled:hover {
    background-color: #4ab4e8;
    color: #FFF;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
    box-shadow: 0 0 0 rgba(0,0,0,0.2);
}

.i-bordered:hover {
    background-color: #444 !important;
    color: #FFF;
    border-color: #444;
}


/* Icon Size - Small
-----------------------------------------------------------------*/

.i-small.i-rounded,
.i-small.i-plain,
.i-small.i-circled,
.i-small.i-bordered {
    margin: 4px 11px 7px 0;
    font-size: 14px;
}

.i-small.i-rounded,
.i-small.i-circled,
.i-small.i-bordered {
    width: 28px !important;
    height: 28px !important;
    line-height: 28px !important;
}

.i-small.i-bordered { line-height: 26px !important; }

.i-small.i-plain {
    width: 18px !important;
    height: 18px !important;
    font-size: 14px;
    line-height: 18px !important;
}


/* Icon Size - Small
-----------------------------------------------------------------*/

.i-medium.i-rounded,
.i-medium.i-plain,
.i-medium.i-circled,
.i-medium.i-bordered {
    margin: 6px 13px 9px 0;
    font-size: 21px;
}

.i-medium.i-rounded,
.i-medium.i-circled,
.i-medium.i-bordered {
    width: 36px !important;
    height: 36px !important;
    line-height: 36px !important;
}

.i-medium.i-bordered { line-height: 34px !important; }

.i-medium.i-plain {
    width: 28px !important;
    height: 28px !important;
    font-size: 20px;
    line-height: 28px !important;
}


/* Icon Size - Large
-----------------------------------------------------------------*/

.i-large.i-rounded,
.i-large.i-plain,
.i-large.i-circled,
.i-large.i-bordered {
    margin: 4px 11px 7px 0;
    font-size: 42px;
}

.i-large.i-rounded,
.i-large.i-circled,
.i-large.i-bordered {
    width: 64px !important;
    height: 64px !important;
    line-height: 64px !important;
}

.i-large.i-bordered { line-height: 62px !important; }

.i-large.i-plain {
    width: 48px !important;
    height: 48px !important;
    font-size: 42px;
    line-height: 48px !important;
}



/* Icon Size - Extra Large
-----------------------------------------------------------------*/

.i-xlarge.i-rounded,
.i-xlarge.i-plain,
.i-xlarge.i-circled,
.i-xlarge.i-bordered {
    margin: 4px 11px 7px 0;
    font-size: 56px;
}

.i-xlarge.i-rounded,
.i-xlarge.i-circled,
.i-xlarge.i-bordered {
    width: 84px !important;
    height: 84px !important;
    line-height: 84px !important;
}

.i-xlarge.i-bordered { line-height: 82px !important; }

.i-xlarge.i-plain {
    width: 64px !important;
    height: 64px !important;
    font-size: 56px;
    line-height: 64px !important;
}


/* ----------------------------------------------------------------
Icon Overlay
-----------------------------------------------------------------*/

.i-overlay {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    text-align: center;
    background: rgba(0,0,0,0.2) url('images/grid.png') repeat;
}

.i-overlay img,
.i-overlay i {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -24px 0 0 -24px;
    width: 48px !important;
    height: 48px !important;
    font-size: 48px;
    line-height: 1;
    color: #E5E5E5;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.15);
}

.i-overlay i {
    margin: -18px 0 0 -18px;
    width: 36px;
    height: 36px;
    line-height: 36px;
    font-size: 24px;
}

.on-hover.i-overlay { opacity: 0; }

body:not(.device-touch) .on-hover.i-overlay {
    -webkit-transition: opacity 0.3s linear;
    -o-transition: opacity 0.3s linear;
    transition: opacity 0.3s linear;
}

.on-hover.i-overlay:hover { opacity: 1; }


/* ----------------------------------------------------------------
Social Icons
-----------------------------------------------------------------*/


.social-icon {
    margin: 0 5px 5px 0;
    width: 40px;
    height: 40px;
    font-size: 20px;
    line-height: 38px !important;
    color: #555;
    text-shadow: none;
    border: 1px solid #AAA;
    border-radius: 3px;
    overflow: hidden;
}


/* Social Icons - Rounded
-----------------------------------------------------------------*/

.si-rounded { border-radius: 50%; }

/* Social Icons - Borderless
-----------------------------------------------------------------*/

.si-borderless { border-color: transparent !important; }

/* Social Icons - Dark
-----------------------------------------------------------------*/

.si-dark {
    background-color: #444;
    color: #FFF !important;
    border-color: transparent;
}

/* Social Icons - Light
-----------------------------------------------------------------*/

.si-light {
    background-color: rgba(0,0,0,0.05);
    color: #666 !important;
    border-color: transparent;
}

/* Social Icons - Colored
-----------------------------------------------------------------*/

.si-colored { border-color: transparent !important; }

.si-colored i { color: #FFF; }

/* Social Icons - Large
-----------------------------------------------------------------*/

.social-icon.si-large {
    margin: 0 10px 10px 0;
    width: 56px;
    height: 56px;
    font-size: 30px;
    line-height: 54px !important;
}

/* Social Icons - Small
-----------------------------------------------------------------*/

.social-icon.si-small {
    width: 32px;
    height: 32px;
    font-size: 14px;
    line-height: 30px !important;
}

.social-icon i {
    display: block;
    position: relative;
}

body:not(.device-touch) .social-icon i {
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.social-icon i:last-child { color: #FFF !important; }

.social-icon:hover i:first-child { margin-top: -38px; }

.social-icon.si-large:hover i:first-child { margin-top: -54px; }

.social-icon.si-small:hover i:first-child { margin-top: -30px; }

.social-icon:hover {
    color: #555;
    border-color: transparent;
}

.si-colored.social-icon { border-color: transparent; }

/* Social Icons - Sticky
-----------------------------------------------------------------*/

.si-sticky {
    position: fixed;
    top: 50%;
    left: 5px;
    width: 36px;
    z-index: 100;
}

/* Social Icons - Sticky Right
-----------------------------------------------------------------*/

.si-sticky.si-sticky-right {
    left: auto;
    right: 8px;
}

/* Social Icons - Share
-----------------------------------------------------------------*/

.si-share {
    position: relative;
    padding-left: 5px;
    border-top: 1px solid #EEE;
    border-bottom: 1px solid #EEE;
}

.si-share span {
    line-height: 36px;
    font-weight: bold;
    font-size: 13px;
}

.si-share div { float: right; }

.si-share .social-icon {
    margin: -1px 0;
    border-radius: 0;
    font-size: 15px;
}

.si-facebook:hover,
.si-colored.si-facebook { background-color: #3B5998 !important; }
.si-delicious:hover,
.si-colored.si-delicious { background-color: #205CC0 !important; }
.si-paypal:hover,
.si-colored.si-paypal { background-color: #00588B !important; }
.si-flattr:hover,
.si-colored.si-flattr { background-color: #F67C1A !important; }
.si-android:hover,
.si-colored.si-android { background-color: #A4C639 !important; }
.si-smashmag:hover,
.si-colored.si-smashmag { background-color: #E53B2C !important; }
.si-gplus:hover,
.si-colored.si-gplus { background-color: #DD4B39 !important; }
.si-wikipedia:hover,
.si-colored.si-wikipedia { background-color: #333 !important; }
.si-stumbleupon:hover,
.si-colored.si-stumbleupon { background-color: #F74425 !important; }
.si-foursquare:hover,
.si-colored.si-foursquare { background-color: #25A0CA !important; }
.si-call:hover,
.si-colored.si-call { background-color: #444 !important; }
.si-ninetyninedesigns:hover,
.si-colored.si-ninetyninedesigns { background-color: #F26739 !important; }
.si-forrst:hover,
.si-colored.si-forrst { background-color: #5B9A68 !important; }
.si-digg:hover,
.si-colored.si-digg { background-color: #191919 !important; }
.si-spotify:hover,
.si-colored.si-spotify { background-color: #81B71A !important; }
.si-reddit:hover,
.si-colored.si-reddit { background-color: #C6C6C6 !important; }
.si-blogger:hover,
.si-colored.si-blogger { background-color: #FC4F08 !important; }
.si-cc:hover,
.si-colored.si-cc { background-color: #688527 !important; }
.si-dribbble:hover,
.si-colored.si-dribbble { background-color: #EA4C89 !important; }
.si-evernote:hover,
.si-colored.si-evernote { background-color: #5BA525 !important; }
.si-flickr:hover,
.si-colored.si-flickr { background-color: #FF0084 !important; }
.si-google:hover,
.si-colored.si-google { background-color: #DD4B39 !important; }
.si-instapaper:hover,
.si-colored.si-instapaper { background-color: #333 !important; }
.si-klout:hover,
.si-colored.si-klout { background-color: #FF5F52 !important; }
.si-linkedin:hover,
.si-colored.si-linkedin { background-color: #0E76A8 !important; }
.si-vk:hover,
.si-colored.si-vk { background-color: #2B587A !important; }
.si-rss:hover,
.si-colored.si-rss { background-color: #EE802F !important; }
.si-skype:hover,
.si-colored.si-skype { background-color: #00AFF0 !important; }
.si-twitter:hover,
.si-colored.si-twitter { background-color: #00ACEE !important; }
.si-youtube:hover,
.si-colored.si-youtube { background-color: #C4302B !important; }
.si-vimeo:hover,
.si-colored.si-vimeo { background-color: #86C9EF !important; }
.si-aim:hover,
.si-colored.si-aim { background-color: #FCD20B !important; }
.si-yahoo:hover,
.si-colored.si-yahoo { background-color: #720E9E !important; }
.si-email3:hover,
.si-colored.si-email3 { background-color: #6567A5 !important; }
.si-macstore:hover,
.si-colored.si-macstore { background-color: #333333 !important; }
.si-myspace:hover,
.si-colored.si-myspace { background-color: #666666 !important; }
.si-podcast:hover,
.si-colored.si-podcast { background-color: #E4B21B !important; }
.si-cloudapp:hover,
.si-colored.si-cloudapp { background-color: #525557 !important; }
.si-dropbox:hover,
.si-colored.si-dropbox { background-color: #3D9AE8 !important; }
.si-ebay:hover,
.si-colored.si-ebay { background-color: #89C507 !important; }
.si-github:hover,
.si-colored.si-github { background-color: #171515 !important; }
.si-googleplay:hover,
.si-colored.si-googleplay { background-color: #DD4B39 !important; }
.si-itunes:hover,
.si-colored.si-itunes { background-color: #222 !important; }
.si-plurk:hover,
.si-colored.si-plurk { background-color: #CF5A00 !important; }
.si-pinboard:hover,
.si-colored.si-pinboard { background-color: #0000E6 !important; }
.si-soundcloud:hover,
.si-colored.si-soundcloud { background-color: #FF7700 !important; }
.si-tumblr:hover,
.si-colored.si-tumblr { background-color: #34526F !important; }
.si-wordpress:hover,
.si-colored.si-wordpress { background-color: #1E8CBE !important; }
.si-yelp:hover,
.si-colored.si-yelp { background-color: #C41200 !important; }
.si-intensedebate:hover,
.si-colored.si-intensedebate { background-color: #009EE4 !important; }
.si-eventbrite:hover,
.si-colored.si-eventbrite { background-color: #F16924 !important; }
.si-scribd:hover,
.si-colored.si-scribd { background-color: #666666 !important; }
.si-stripe:hover,
.si-colored.si-stripe { background-color: #008CDD !important; }
.si-print:hover,
.si-colored.si-print { background-color: #111 !important; }
.si-dwolla:hover,
.si-colored.si-dwolla { background-color: #FF5C03 !important; }
.si-statusnet:hover,
.si-colored.si-statusnet { background-color: #131A30 !important; }
.si-acrobat:hover,
.si-colored.si-acrobat { background-color: #D3222A !important; }
.si-drupal:hover,
.si-colored.si-drupal { background-color: #27537A !important; }
.si-buffer:hover,
.si-colored.si-buffer { background-color: #333333 !important; }
.si-pocket:hover,
.si-colored.si-pocket { background-color: #EE4056 !important; }
.si-bitbucket:hover,
.si-colored.si-bitbucket { background-color: #0E4984 !important; }
.si-stackoverflow:hover,
.si-colored.si-stackoverflow { background-color: #EF8236 !important; }
.si-hackernews:hover,
.si-colored.si-hackernews { background-color: #FF6600 !important; }
.si-xing:hover,
.si-colored.si-xing { background-color: #126567 !important; }
.si-instagram:hover,
.si-colored.si-instagram { background-color: #3F729B !important; }
.si-quora:hover,
.si-colored.si-quora { background-color: #A82400 !important; }
.si-openid:hover,
.si-colored.si-openid { background-color: #E16309 !important; }
.si-steam:hover,
.si-colored.si-steam { background-color: #111 !important; }
.si-amazon:hover,
.si-colored.si-amazon { background-color: #E47911 !important; }
.si-disqus:hover,
.si-colored.si-disqus { background-color: #E4E7EE !important; }
.si-plancast:hover,
.si-colored.si-plancast { background-color: #222 !important; }
.si-appstore:hover,
.si-colored.si-appstore { background-color: #000 !important; }
.si-pinterest:hover,
.si-colored.si-pinterest { background-color: #C8232C !important; }
.si-fivehundredpx:hover,
.si-colored.si-fivehundredpx { background-color: #111 !important; }


/* ----------------------------------------------------------------
Toggle
-----------------------------------------------------------------*/


.toggle {
    display: block;
    position: relative;
    margin: 0 0 20px 0;
}

.toggle .togglet,
.toggle .toggleta {
    display: block;
    position: relative;
    line-height: 24px;
    padding: 0 0 0 24px;
    margin: 0;
    font-size: 16px;
    font-weight: 600;
    color: #444;
    cursor: pointer;
}

.toggle .togglet i {
    position: absolute;
    top: 0;
    left: 0;
    width: 16px;
    text-align: center;
    font-size: 16px;
    line-height: 24px;
}

.toggle .toggleta { font-weight: bold; }

.toggle .togglet i.toggle-open,
.toggle .toggleta i.toggle-closed { display: none; }

.toggle .toggleta i.toggle-open { display: block; }

.toggle .togglec {
    display: block;
    position: relative;
    padding: 10px 0 0 24px;
}


/* Toggle - with Title Background
-----------------------------------------------------------------*/

.toggle.toggle-bg .togglet,
.toggle.toggle-bg .toggleta {
    background-color: #EEE;
    line-height: 44px;
    padding: 0 0 0 36px;
    border-radius: 2px;
}

.toggle.toggle-bg .togglet i {
    left: 14px;
    line-height: 44px;
}

.toggle.toggle-bg .togglec { padding: 12px 0 0 36px; }


/* Toggle - Bordered
-----------------------------------------------------------------*/

.toggle.toggle-border {
    border: 1px solid #CCC;
    border-radius: 4px;
}

.toggle.toggle-border .togglet,
.toggle.toggle-border .toggleta {
    line-height: 44px;
    padding: 0 15px 0 36px;
}

.toggle.toggle-border .togglet i {
    left: 14px;
    line-height: 44px;
}

.toggle.toggle-border .togglec { padding: 0 15px 15px 36px; }


/* Toggle - FAQs
-----------------------------------------------------------------*/

.faqs .toggle {
    border-bottom: 1px solid #EEE;
    padding-bottom: 12px;
    margin-bottom: 12px;
}

.faqs .toggle .togglet,
.faqs .toggle .toggleta { font-size: 15px; }

.faqs .toggle .togglet i {
    top: 1px;
    font-size: 14px;
}

.faqs .toggle .togglec { padding-bottom: 10px; }


/* ----------------------------------------------------------------
Accordions
-----------------------------------------------------------------*/

.accordion { margin-bottom: 20px; }

.acctitle {
    display: block;
    position: relative;
    line-height: 24px;
    margin: 0;
    font-size: 14px;
    font-weight: bold;
    color: #444;
    cursor: pointer;
    border-top: 1px dotted #DDD;
    padding: 10px 0 10px 20px;
}

.acctitlec { cursor: auto; }

.acctitle:first-child { border-top: none; }

.acctitle i {
    position: absolute;
    top: 0;
    left: 0;
    width: 14px;
    text-align: center;
    font-size: 14px;
    line-height: 44px;
}

.acctitle i.acc-open,
.acctitlec i.acc-closed { display: none; }

.acctitlec i.acc-open { display: block; }

.acc_content {
    position: relative;
    padding: 0 0 15px 20px;
}


/* Accordion - with Title Background
-----------------------------------------------------------------*/

.accordion.accordion-bg .acctitle,
.accordion.accordion-bg .acctitlec {
    background-color: #EEE;
    line-height: 44px;
    padding: 0 0 0 36px;
    margin-bottom: 5px;
    border-top: 0;
}

.accordion.accordion-bg .acctitle i {
    left: 14px;
    line-height: 44px;
}

.accordion.accordion-bg .acc_content { padding: 10px 0 15px 36px; }


/* Accordion - Bordered
-----------------------------------------------------------------*/

.accordion.accordion-border {
    border: 1px solid #DDD;
    border-radius: 4px;
}

.accordion.accordion-border .acctitle,
.accordion.accordion-border .acctitlec {
    border-color: #CCC;
    line-height: 44px;
    padding: 0 15px 0 36px;
}

.accordion.accordion-border .acctitle i {
    left: 14px;
    line-height: 44px;
}

.accordion.accordion-border .acc_content { padding: 0 15px 15px 36px; }


/* Accordion - Large
-----------------------------------------------------------------*/

.accordion.accordion-lg .acctitle {
    font-size: 23px;
    line-height: 44px;
    padding-left: 30px;
    font-weight: 400;
}

.accordion.accordion-lg .acctitle i {
    width: 20px;
    font-size: 20px;
    line-height: 64px;
}

.accordion.accordion-lg .acc_content { padding: 10px 0 30px 30px; }


/* ----------------------------------------------------------------
Tabs
-----------------------------------------------------------------*/


.tabs {
    position: relative;
    margin: 0 0 30px 0;
}

ul.tab-nav {
    margin: 0;
    border-bottom: 1px solid #DDD;
    list-style: none;
}

ul.tab-nav li {
    float: left;
    border: 1px solid #DDD;
    border-bottom: 0;
    border-left: 0;
    height: 41px;
}

ul.tab-nav li:first-child {
    margin-left: 15px;
    border-left: 1px solid #DDD;
}

ul.tab-nav li a {
    display: block;
    padding: 0 15px;
    color: #444;
    height: 40px;
    line-height: 40px;
    background-color: #F2F2F2;
    font-size: 14px;
    font-weight: bold;
}

ul.tab-nav li.ui-tabs-active a {
    position: relative;
    top: 1px;
    background-color: #FFF;
}


/* Tabs - Navigation Style 2
-----------------------------------------------------------------*/


ul.tab-nav.tab-nav2 {
    border-bottom: 0;
}

ul.tab-nav.tab-nav2 li {
    border: 0;
    margin-left: 6px;
}

ul.tab-nav.tab-nav2 li:first-child {
    margin-left: 0;
    border-left: 0;
}

ul.tab-nav.tab-nav2 li a {
    background-color: #F5F5F5;
    border-radius: 2px;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}

ul.tab-nav.tab-nav2 li.ui-state-active a {
    top: 0;
    background-color: #4ab4e8;
    color: #FFF;
}


/* Tabs - Content Area
-----------------------------------------------------------------*/

.tab-container {
    position: relative;
    padding: 20px 0 0;
}

ul.tab-nav li a i {
    position: relative;
    top: 1px;
    font-size: 14px;
    margin-right: 3px;
}

/* Tabs - Bordered
-----------------------------------------------------------------*/

.tabs-bordered ul.tab-nav li:first-child { margin-left: 0; }

.tabs-bordered .tab-container {
    border: 1px solid #DDD;
    border-top: 0;
    padding: 20px;
}


/* Tabs - Side Tabs
-----------------------------------------------------------------*/

.side-tabs ul.tab-nav {
    float: left;
    width: 200px;
    padding: 20px 0;
    border-bottom: 0;
    border-right: 1px solid #DDD;
}

.side-tabs ul.tab-nav li {
    float: none;
    border: 1px solid #DDD;
    border-right: 0;
    border-top: 0;
    height: auto;
}

.side-tabs ul.tab-nav li:first-child {
    margin-left: 0;
    border-top: 1px solid #DDD;
    border-left: 1px solid #DDD;
}

.side-tabs ul.tab-nav li a {
    height: auto;
    line-height: 44px;
}

.side-tabs ul.tab-nav li.ui-tabs-active a {
    top: 0;
    right: -1px;
}

.side-tabs .tab-container {
    overflow: hidden;
    padding: 15px 0 0 20px;
}


/* Tabs - Side Tabs & Nav Style 2
-----------------------------------------------------------------*/

.side-tabs ul.tab-nav.tab-nav2 { border: 0; }

.side-tabs ul.tab-nav.tab-nav2 li {
    border: 0;
    margin: 6px 0 0;
}

.side-tabs ul.tab-nav.tab-nav2 li:first-child { margin-top: 0; }

.side-tabs ul.tab-nav.tab-nav2 li a { box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1); }

.side-tabs ul.tab-nav.tab-nav2 li.ui-state-active a { right: 0; }


/* Tabs - Side Tabs & Bordered
-----------------------------------------------------------------*/

.tabs-bordered.side-tabs ul.tab-nav {
    position: relative;
    padding: 0;
    z-index: 2;
    margin-right: -1px;
}

.tabs-bordered.side-tabs ul.tab-nav li a {
    height: auto;
    line-height: 44px;
}

.tabs-bordered.side-tabs ul.tab-nav li.ui-tabs-active a {
    right: -1px;
    border-right: 1px solid #FFF;
}

.tabs-bordered.side-tabs .tab-container {
    overflow: hidden;
    padding: 20px;
    border-top: 1px solid #DDD;
}


/* ----------------------------------------------------------------
Side Navigation
-----------------------------------------------------------------*/


.sidenav {
    width: 100%;
    padding: 0;
    background-color: #FFF;
    list-style-type: none !important;
    border-radius: 4px;
}

.sidenav > li > a {
    display: block;
    margin: 0 0 -1px;
    padding: 11px 14px;
    font-size: 14px;
    border: 1px solid #E5E5E5;
    border-right-width: 2px;
    color: #666;
}

.sidenav > li:first-child > a { border-radius: 4px 4px 0 0; }

.sidenav > li:last-child > a {
    border-radius: 0 0 4px 4px;
    border-bottom-width: 2px;
}

.sidenav > .ui-tabs-active > a,
.sidenav > .ui-tabs-active > a:hover {
    position: relative;
    z-index: 2;
    border-color: rgba(0,0,0,0.1) !important;
    color: #FFF !important;
    font-weight: 600;
    background-color: #4ab4e8 !important;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}

.sidenav li i {
    position: relative;
    top: 1px;
    margin-right: 6px;
    font-size: 14px;
    text-align: center;
    width: 16px;
}

/* Chevrons */
.sidenav .icon-chevron-right {
    float: right;
    margin-top: 2px;
    margin-right: -6px;
    opacity: .4;
    font-size: 12px !important;
}

.sidenav > li > a:hover {
    background-color: #F5F5F5;
    color: #222;
}

.sidenav a:hover .icon-chevron-right { opacity: .5; }

.sidenav .ui-tabs-active .icon-chevron-right,
.sidenav .ui-tabs-active a:hover .icon-chevron-right { opacity: 1; }


/* ----------------------------------------------------------------
FAQ List
-----------------------------------------------------------------*/


.faqlist li {
    margin-bottom: 5px;
    font-size: 15px;
}

.faqlist li a { color: #444; }

.faqlist li a:hover { color: #4ab4e8 !important; }


/* ----------------------------------------------------------------
Clients
-----------------------------------------------------------------*/


.clients-grid,
.testimonials-grid {
    list-style: none;
    overflow: hidden;
}

.clients-grid li,
.testimonials-grid li {
    float: left;
    position: relative;
    width: 20%;
    padding: 20px 0;
}

.clients-grid.grid-2 li {
    width: 50%;
    padding: 25px 0;
}

.clients-grid.grid-3 li { width: 33.33%; }

.clients-grid.grid-4 li { width: 25%; }

.clients-grid.grid-6 li { width: 16.66%; }

.clients-grid li a { opacity: 0.6; }

body:not(.device-touch) .clients-grid li a {
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}

.clients-grid li a:hover { opacity: 1; }

.clients-grid li a,
.clients-grid li img {
    display: block;
    width: 75%;
    margin-left: auto;
    margin-right: auto;
}

.clients-grid li a img { width: 100%; }

.clients-grid li:before,
.clients-grid li:after,
.testimonials-grid li:before,
.testimonials-grid li:after {
    content: '';
    position: absolute;
}

.clients-grid li:before,
.testimonials-grid li:before {
    height: 100%;
    top: 0;
    left: -1px;
    border-left: 1px dashed #DDD;
}

.clients-grid li:after,
.testimonials-grid li:after {
    width: 100%;
    height: 0;
    top: auto;
    left: 0;
    bottom: -1px;
    border-bottom: 1px dashed #DDD;
}


/* ----------------------------------------------------------------
Testimonials
-----------------------------------------------------------------*/

/* Testimonials - Grid
-----------------------------------------------------------------*/

.testimonials-grid li {
    width: 50%;
    padding: 25px;
}

.testimonials-grid.grid-3 li { width: 33.33%; }

.testimonials-grid li .testimonial {
    padding: 0;
    background-color: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}


/* Testimonials - Item
-----------------------------------------------------------------*/

.testimonial {
    position: relative;
    padding: 20px;
    background-color: #FFF;
    border: 1px solid rgba(0,0,0,0.1);
    border-radius: 5px;
    box-shadow: 0 1px 1px rgba(0,0,0,0.1);
}

.testi-image {
    float: left;
    margin-right: 15px;
}

.testi-image,
.testi-image a,
.testi-image img,
.testi-image i {
    display: block;
    width: 64px;
    height: 64px;
}

.testi-image i {
    text-align: center;
    background-color: #EEE;
    border-radius: 50%;
    line-height: 64px;
    font-size: 28px;
    color: #888;
    text-shadow: 1px 1px 1px #FFF;
}

.testi-image img { border-radius: 50%; }

.testi-content {
    position: relative;
    overflow: hidden;
}

.testi-content p {
    margin-bottom: 0;
    font-family: 'Open Sans', sans-serif;
    font-style: italic;
}

.testi-content p:before,
.testi-content p:after { content: '"'; }

.testi-meta {
    margin-top: 10px;
    font-size: 13px;
    font-weight: bold;
    text-transform: uppercase;
}

.testi-meta:before { content: '\2013'; }

.testi-meta span {
    display: block;
    font-weight: normal;
    color: #999;
    font-size: 12px;
    text-transform: none;
    padding-left: 10px;
}


/* Twitter - Small Scroller
-----------------------------------------------------------------*/

.testimonial.twitter-scroll .testi-content p:before,
.testimonial.twitter-scroll .testi-content p:after,
.testimonial.twitter-scroll .testi-meta:before { content: ''; }

.testimonial.twitter-scroll .testi-meta span { padding-left: 0; }

.testimonial.twitter-scroll .testi-meta span a { color: #999; }

.testimonial.twitter-scroll .testi-meta span a:hover { color: #222; }


/* Testimonials - Full Width
-----------------------------------------------------------------*/

.testimonial.testimonial-full { padding: 30px; }

.testimonial.testimonial-full[data-animation="fade"] { padding: 30px; }

.testimonial.testimonial-full[data-animation="fade"] .flexslider { overflow: visible !important; }

.testimonial-full .testi-image {
    float: none;
    margin: 0 auto 20px;
}

.testimonial-full .testi-image,
.testimonial-full .testi-image a,
.testimonial-full .testi-image img,
.testimonial-full .testi-image i {
    display: block;
    width: 72px;
    height: 72px;
}

.testimonial-full .testi-image i { line-height: 72px; }

.testimonial-full .testi-content {
    text-align: center;
    font-size: 18px;
}

.testimonial-full .testi-meta { margin-top: 15px; }

.testimonial-full .testi-meta span { padding-left: 0; }


/* Testimonial - Section Scroller
-----------------------------------------------------------------*/

.section > .testimonial {
    padding: 0;
    background-color: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    max-width: 800px;
    margin: 0 auto;
}

.section > .testimonial[data-animation="fade"] { padding: 0; }

.section > .testimonial .testi-content { font-size: 22px; }

.section > .testimonial .testi-meta,
.section > .testimonial .testi-meta span { font-size: 14px; }


/* Testimonial - Pagination
-----------------------------------------------------------------*/

.testimonial .flex-control-nav {
    top: auto;
    bottom: 6px;
    right: 0;
}

.testimonial .flex-control-nav li {
    margin: 0 2px;
    width: 6px;
    height: 6px;
}

.testimonial .flex-control-nav li a {
    width: 6px !important;
    height: 6px !important;
    border: none;
    background-color: #4ab4e8;
    opacity: 0.5;
}

.testimonial .flex-control-nav li:hover a { opacity: 0.75; }
.testimonial .flex-control-nav li a.flex-active { opacity: 1; }


/* Testimonial - Full Scroller
-----------------------------------------------------------------*/

.testimonial.testimonial-full .flex-control-nav {
    position: relative;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    height: 6px;
    margin-top: 20px;
}

.testimonial.testimonial-full .flex-control-nav li {
    display: inline-block;
    float: none;
}


/* ----------------------------------------------------------------
Team
-----------------------------------------------------------------*/


.team,
.team-image { position: relative; }

.team-image > a,
.team-image img {
    display: block;
    width: 95%;
}

.team-desc { text-align: center; }

.team-desc.team-desc-bg {
    background-color: #FFF;
    padding: 10px 0 15px;
}

.team .si-share {
    margin-top: 15px;
    text-align: left;
}

.team .si-share .social-icon {
    font-size: 14px;
    width: 34px;
}

.team-title {
    position: relative;
    padding-top: 15px;
}

.team-title h4 {
    display: block;
    margin-bottom: 0;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 700;
}

.team-title span {
    display: block;
    color: #4ab4e8;
    font-weight: 400;
    font-family: 'Open Sans', sans-serif;
    font-style: italic;
    font-size: 15px;
    margin-top: 0px;
}

.team-content {
    margin-top: 12px;
    color: #777;
    line-height: 1.5em;

}

.team-content p:last-child { margin-bottom: 0; }

.team-overlay,
.team-overlay:before {
    opacity: 0;
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    text-align: center;
}

body:not(.device-touch) .team-overlay {
    -webkit-transition: opacity .3s ease;
    -o-transition: opacity .3s ease;
    transition: opacity .3s ease;
}

.team-overlay:before {
    content: '';
    z-index: auto;
    background-color: #FFF;
    opacity: 0.75;
}

.team-overlay .social-icon {
    float: none;
    margin: 0 3px !important;
    display: inline-block;
}

.team:hover .team-overlay { opacity: 1; }


/* Team Center
-----------------------------------------------------------------*/

.team.center .team-title:after {
    left: 50%;
    margin-left: -40px;
}


/* Team List
-----------------------------------------------------------------*/

.team.team-list .team-image {
    float: left;
    width: 175px;
    margin-right: 15px;
}

.team.team-list .team-desc {
    position: relative;
    overflow: hidden;
    text-align: left;
}

.team.team-list .team-title { padding-top: 0; }

.team .team-desc > .social-icon { margin-top: 10px; }

.team .team-content ~ .social-icon { margin-top: 10px; }

.team:not(.team-list) .social-icon {
    display: inline-block;
    float: none;
    margin-left: 6px;
    margin-right: 6px;
}


/* ----------------------------------------------------------------
Pricing Boxes
-----------------------------------------------------------------*/

.pricing { position: relative; }

.pricing [class^=col-] {
    padding: 0;
    margin-top: 20px;
}


/* Pricing Boxes
-----------------------------------------------------------------*/

.pricing-box {
    position: relative;
    border: 1px solid rgba(0,0,0,0.075);
    border-radius: 3px;
    text-align: center;
    box-shadow: 0 1px 1px rgba(0,0,0,0.1);
    background-color: #F5F5F5;
}


/* Pricing Boxes - Title
-----------------------------------------------------------------*/

.pricing-title {
    padding: 15px 0 10px;
    background-color: #F9F9F9;
    border-radius: 3px 3px 0 0;
    text-shadow: 1px 1px 1px #FFF;
    border-bottom: 1px solid rgba(0,0,0,0.05);
}

.pricing-title h3 {
    margin: 0;
    font-size: 30px;
    letter-spacing: 1px;
    font-weight: bold;
    text-transform: uppercase;
    color: #555;
}

.pricing-title span {
    display: block;
    color: #999;
    font-weight: 300;
    font-size: 14px;
    margin-top: 3px;
    text-transform: uppercase;
}


/* Pricing Boxes - Price
-----------------------------------------------------------------*/

.pricing-price {
    position: relative;
    padding: 0px 0 10px;
    color: #333;
    font-weight: 600;
    font-size: 80px;
    line-height: 1;
}

.pricing-price:after {
    content: '';
    position: absolute;
    width: 100px;
    border-top: 1px solid rgba(0,0,0,0.1);
    top: auto;
    bottom: 0;
    left: 50%;
    margin-left: -50px;
}

.pricing-price span {
    display: inline-block;
    vertical-align: top;
    margin: 7px 3px 0 0;
    font-size: 40px;
    font-weight: normal;
}

.pricing-price span.price-tenure {
    vertical-align: baseline;
    font-size: 26px;
    font-weight: normal;
    color: #000000;
    margin: 0 0 0 0 3px;
}


/* Pricing Boxes - Features
-----------------------------------------------------------------*/

.pricing-features { border-bottom: 1px solid rgba(0,0,0,0.075); }

.pricing-features ul {
    margin: 0;
    padding: 15px 0;
    list-style: none;
}

.pricing-features li {
    padding: 6px 0 10px;
    font-size: 14px;
}


/* Pricing Boxes - Action
-----------------------------------------------------------------*/

.pricing-action { padding: 15px 30px; border: 5px #ffffff; }


/* Pricing Boxes - Best Price
-----------------------------------------------------------------*/

.pricing-box.best-price {
    background-color: #FFF;
    box-shadow: 0 0 8px rgba(0,0,0,0.1);
    z-index: 10;
}

.pricing-box.best-price { margin: -20px -1px 0 -1px; }

.pricing-box.best-price .pricing-title {
    background-color: #FFF;
    padding: 20px 0;
}

.pricing-box.best-price .pricing-title h3 { font-size: 40px; }

.pricing-box.best-price .pricing-price {
    color: #4ab4e8;
    font-size: 72px;
}


/* Pricing Boxes - Minimal
-----------------------------------------------------------------*/

.pricing-box.pricing-minimal .pricing-price {
    background-color: #FFF;
    border-bottom: 1px solid rgba(0,0,0,0.075);
}

.pricing-box.pricing-minimal .pricing-price:after { display: none; }


/* Pricing Boxes - 5 Columns
-----------------------------------------------------------------*/

.pricing.pricing-5 .pricing-box {
    float: left;
    width: 20%;
    margin-top: 20px;
}

.pricing.pricing-5 .pricing-box.best-price { margin-top: 0; }

.pricing.pricing-5 .pricing-box:nth-child(5) { margin-left: -1px; }

.pricing.pricing-5 .pricing-title h3 { font-size: 18px; }

.pricing.pricing-5 .best-price .pricing-title h3 { font-size: 20px; }


/* Pricing Boxes - Extended
-----------------------------------------------------------------*/

.pricing-box.pricing-extended {
    background-color: #FFF;
    text-align: left;
}

.pricing-box.pricing-extended .pricing-desc {
    float: left;
    width: 75%;
    padding: 20px;
}

.pricing-box.pricing-extended .pricing-title {
    background-color: transparent;
    padding-top: 0;
    text-align: left;
}

.pricing-box.pricing-extended .pricing-features { border: 0; }

.pricing-box.pricing-extended .pricing-features ul { padding: 15px 0 15px 0; }

.pricing-box.pricing-extended .pricing-features li {
    padding: 6px 0;
    font-size: 15px;
    width: 40%;
    float: left;
}

.pricing-box.pricing-extended .pricing-features ul li i {
    position: relative;
    top: 1px;
    width: 16px;
    margin-right: 2px;
}

.pricing-box.pricing-extended .pricing-action-area {
    position: absolute;
    top: 0;
    left: auto;
    right: 0;
    width: 25%;
    height: 100%;
    background-color: #F9F9F9;
    padding: 15px 40px 25px 40px;
    border-radius: 3px 3px 3px 3px;
    text-align: center;
    border: 2px solid #ffffff !important;
}

.pricing-box.pricing-extended .pricing-action-area .pricing-price,

.pricing-box.pricing-extended .pricing-action-area .pricing-action { padding: 0; }

.pricing-box.pricing-extended .pricing-action-area .pricing-price { padding-bottom: 20px; }

.pricing-box.pricing-extended .pricing-action-area .pricing-price:after { display: none; }

.pricing-box.pricing-extended .pricing-action-area .pricing-price span.price-tenure {
    display: block;
    margin: 10px 0 0 0;
    font-weight: 300;
    text-transform: uppercase;
    font-size: 24px;
}

.pricing-box.pricing-extended .pricing-meta {
    color: #ffffff !important;
    font-weight: 300;
    font-size: 22px;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding-bottom: 0px;
}

.table-comparison,
.table-comparison th { text-align: center; }

.table-comparison th:first-child,
.table-comparison td:first-child {
    text-align: left;
    font-weight: bold;
}


/* ----------------------------------------------------------------
Counter
-----------------------------------------------------------------*/

div.percent-count-to h5 {
    text-transform: uppercase;
    font-size: 18px;
}
.counter {
    font-size: 42px;
    font-weight: 600;
    font-family: 'Open Sans', sans-serif;
}

.counter.counter-small { font-size: 28px; }

.counter.counter-large { font-size: 56px; }

.counter.counter-xlarge {
    font-size: 64px;
    font-weight: 400;
}

.counter.counter-inherit {
    font-size: inherit;
    font-weight: inherit;
}

.counter + h5 {
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-top: 10px;
}

.counter.counter-lined + h5:before {
    display: block;
    position: relative;
    margin: 20px auto 25px auto;
    content: '';
    width: 15%;
    border-top: 2px solid #444;
    opacity: 0.9;
}

.counter.counter-small + h5 { font-size: 13px; }

.counter.counter-large + h5,
.counter.counter-xlarge + h5 {
    font-size: 15px;
    font-weight: 300;
}

.widget .counter + h5 { opacity: 0.7; }


/* ----------------------------------------------------------------
Animated Rounded Skills
-----------------------------------------------------------------*/


.rounded-skill {
    display: inline-block;
    margin: 0 15px 15px;
}

body:not(.device-touch) .rounded-skill {
    -webkit-transition: opacity .4s ease;
    -o-transition: opacity .4s ease;
    transition: opacity .4s ease;
}

.rounded-skill + h5 { margin-bottom: 0; }

.easyPieChart {
    display: inline-block;
    position: relative;
    text-align: center;
    font-size: 22px;
    font-weight: bold;
    color: #333;
}

.easyPieChart i { font-size: 42px; }

.easyPieChart canvas {
    position: absolute;
    top: 0;
    left: 0;
}


/* ----------------------------------------------------------------
Skills Bar
-----------------------------------------------------------------*/

.free-trial-hero h2, .free-trial-hero h3, .free-trial-hero p {
    text-shadow: 2px 2px 0px rgba(0, 0, 0, 1) !important;
}

.free-trial-hero h2 span {
    color: #4ab4e8;
}

/* ----------------------------------------------------------------
Skills Bar
-----------------------------------------------------------------*/


.skills {
    margin: 15px;
    list-style: none;
    padding-top: 35px;
}

.skills li {
    position: relative;
    margin-top: 38px;
    height: 18px;
    background-color: #F5F5F5;
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
    border-radius: 10px;
}

.skills li:first-child { margin-top: 0; }

.skills li .progress {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    background-color: #4ab4e8;
    overflow: visible;
    border-radius: 2px;
    -webkit-transition: width 1.2s ease-in-out;
    -o-transition: width 1.2s ease-in-out;
    transition: width 1.2s ease-in-out;
}

.skills li .progress-percent {
    position: absolute;
    top: -22px;
    right: 0;
    background-color: #333;
    color: #F9F9F9;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
    height: 22px;
    line-height: 22px;
    padding: 0px 6px 0px 6px;
    font-size: 11px;
    border-radius: 2px;
}

.skills li .progress-percent .counter {
    font-weight: 500;
    font-family: 'Open Sans', sans-serif;
}

.progress-percent:after, .progress-percent:before {
    top: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.progress-percent:after {
    border-top-color: #333;
    border-width: 12px;
    left: 50%;
    margin-left: -4px;
}

.progress-percent:before {
    border-top-color: #333;
    border-width: 12px;
    left: 50%;
    margin-left: -5px;
}

.skills li > span {
    position: absolute;
    z-index: 1;
    top: -26px;
    left: 0;
    line-height: 30px;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    color: #222;
}


/* ----------------------------------------------------------------
Owl Carousel CSS
-----------------------------------------------------------------*/

.owl-carousel .animated {
    -webkit-animation-duration: 1000ms;
    animation-duration: 1000ms;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.owl-carousel .owl-animated-in { z-index: 0; }

.owl-carousel .owl-animated-out { z-index: 1; }

.owl-carousel .fadeOut  {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
}

@-webkit-keyframes fadeOut {
    0% { opacity: 1; }
    100% { opacity: 0; }
}

@keyframes fadeOut {
    0% { opacity: 1; }
    100% { opacity: 0; }
}

.owl-height {
    -webkit-transition:height 500ms ease-in-out;
    -o-transition:height 500ms ease-in-out;
    transition:height 500ms ease-in-out
}

.owl-carousel {
    display:none;
    -webkit-tap-highlight-color:transparent;
    position:relative;
    z-index:1;
    -webkit-backface-visibility: hidden;
}

.owl-carousel .owl-stage {
    position:relative;
    -ms-touch-action:pan-Y
}

.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(0px,0,0);
    cursor:move;
    cursor:-webkit-grab;
    cursor:-o-grab;
    cursor:-ms-grab;
    cursor:grab
}

.owl-carousel .owl-controls .owl-dot,
.owl-carousel .owl-controls .owl-nav .owl-next,
.owl-carousel .owl-controls .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-loaded { display:block }

.owl-carousel.owl-loading {
    display:block;
    min-height: 100px;
    background: url('images/preloader.gif') no-repeat center center
}

.owl-carousel.owl-hidden { opacity:0 }

.owl-carousel .owl-refresh .owl-item { display:none }

.owl-carousel .owl-item {
    position:relative;
    min-height:1px;
    float:left;
    -webkit-backface-visibility:hidden;
    -webkit-tap-highlight-color:transparent;
    -webkit-touch-callout:none;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
}

.owl-carousel .owl-item img {
    display:block;
    width:100%;
    -webkit-transform-style:preserve-3d;
}

#slider .owl-carousel .owl-item img { -webkit-backface-visibility: hidden; }

.owl-carousel.owl-text-select-on .owl-item {
    -webkit-user-select:auto;
    -moz-user-select:auto;
    -ms-user-select:auto;
    user-select:auto
}

.owl-carousel .owl-grab {
    cursor:move;
    cursor:-webkit-grab;
    cursor:-o-grab;
    cursor:-ms-grab;
    cursor:grab
}

.owl-carousel.owl-rtl { direction:rtl }

.owl-carousel.owl-rtl .owl-item { float:right }

.no-js .owl-carousel { display:block }

.owl-carousel .owl-item .owl-lazy {
    opacity:0;
    -webkit-transition:opacity 400ms ease;
    -o-transition:opacity 400ms ease;
    transition:opacity 400ms ease
}

.owl-carousel .owl-item img { transform-style:preserve-3d }

.owl-carousel .owl-video-wrapper {
    position:relative;
    height:100%;
    background:#111
}

.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 64px;
    width: 64px;
    left: 50%;
    top: 50%;
    margin-left: -32px;
    margin-top: -32px;
    background: url("images/icons/play.png") no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    -webkit-transition: scale 100ms ease;
    -o-transition: scale 100ms ease;
    transition: scale 100ms ease;
}

.owl-carousel .owl-video-play-icon:hover {
    -webkit-transition:scale(1.3,1.3);
    -o-transition:scale(1.3,1.3);
    transition: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;
    -webkit-background-size:contain;
    -moz-background-size:contain;
    -o-background-size:contain;
    background-size:contain;
    -webkit-transition:opacity 400ms ease;
    -o-transition:opacity 400ms ease;
    transition:opacity 400ms ease
}

.owl-carousel .owl-video-frame {
    position:relative;
    z-index:1
}


/* Owl Carousel - Controls
-----------------------------------------------------------------*/

.owl-theme .owl-controls {
    text-align: center;
    -webkit-tap-highlight-color: transparent;
}

/* Owl Carousel - Controls - Arrows
-----------------------------------------------------------------*/

.owl-theme .owl-controls .owl-nav [class*=owl-] {
    position: absolute;
    top: 50%;
    margin-top: -18px;
    left: -36px;
    zoom: 1;
    width: 36px;
    height: 36px;
    line-height: 32px;
    border: 1px solid rgba(0,0,0,0.2);
    color: #666;
    background-color: #FFF;
    font-size: 18px;
    border-radius: 50%;
    opacity: 0;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.owl-theme .owl-controls.with-carousel-dots .owl-nav [class*=owl-] { margin-top: -39px; }

.owl-carousel-full .owl-controls .owl-nav [class*=owl-] {
    margin-top: -30px;
    left: 0 !important;
    height: 60px;
    line-height: 60px;
    border: none;
    color: #EEE;
    background-color: rgba(0,0,0,0.4);
    font-size: 28px;
    border-radius: 0 3px 3px 0;
}

.owl-carousel-full .owl-controls.with-carousel-dots .owl-nav [class*=owl-] { margin-top: -46px; }

.owl-theme .owl-controls .owl-nav .owl-next {
    left: auto;
    right: -36px;
}

.owl-carousel-full .owl-controls .owl-nav .owl-next {
    left: auto !important;
    right: 0 !important;
    border-radius: 3px 0 0 3px;
}

.owl-theme:hover .owl-controls .owl-nav [class*=owl-] {
    opacity: 1;
    left: -18px;
}

.owl-theme:hover .owl-controls .owl-nav .owl-next {
    left: auto;
    right: -18px;
}

.owl-theme .owl-controls .owl-nav [class*=owl-]:hover {
    background-color: #4ab4e8 !important;
    color: #FFF !important;
    text-decoration: none;
}

.owl-theme .owl-controls .owl-nav .disabled { display: none !important; }


/* Owl Carousel - Controls - Dots
-----------------------------------------------------------------*/

.owl-theme .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1;
    margin-top: 30px;
    *display: inline;
}

.owl-theme .owl-dots .owl-dot span {
    display: block;
    width: 8px;
    height: 8px;
    margin: 0 4px;
    opacity: 0.5;
    border-radius: 50%;
    background-color: #4ab4e8;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span { opacity: 1; }


/* ----------------------------------------------------------------
Overlays
-----------------------------------------------------------------*/


.overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.overlay .overlay-wrap,
.text-overlay {
    opacity: 0;
    position: relative;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.6);
}

body:not(.device-touch) .overlay .overlay-wrap,
body:not(.device-touch) .text-overlay {
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.overlay .overlay-wrap i {
    position: absolute;
    opacity: 0.8;
    font-size: 24px;
    line-height: 1;
    width: 24px;
    height: 24px;
    text-align: center;
    top: 50%;
    margin-top: -12px;
    left: 50%;
    margin-left: -12px;
    color: #FFF;
}

.overlay:hover .overlay-wrap,
.overlay:hover .text-overlay { opacity: 1; }


.text-overlay {
    position: absolute;
    opacity: 0.85;
    top: auto;
    bottom: 0;
    height: auto;
    padding: 40px 15px 15px;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.85) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.85))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.85) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.85) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.85) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.85) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */
}

.text-overlay-title h2,
.text-overlay-title h3,
.text-overlay-title h4 {
    margin: 0;
    color: #F5F5F5;
}

.text-overlay-title h2 { font-size: 28px; }

.text-overlay-title h3 {
    font-size: 17px;
    font-weight: 600;
}

.text-overlay-title h2,
.text-overlay-title h3,
.text-overlay-title h4,
.text-overlay-meta {
    max-width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.text-overlay-meta {
    color: #CCC;
    font-size: 13px;
}

.text-overlay-meta span i {
    position: relative;
    top: 1px;
    font-size: 14px;
}


/* News Carousel Overlays
-----------------------------------------------------------------*/

.news-carousel .text-overlay { padding: 40px 30px 25px; }

.news-carousel .text-overlay-title { margin: 15px 0 10px; }

.news-carousel .text-overlay-title h2,
.news-carousel .text-overlay-title h3,
.news-carousel .text-overlay-title h4 {
    line-height: 1.2;
    text-overflow: none;
    white-space: normal;
}

.news-carousel .text-overlay-meta { font-size: 14px; }

.news-carousel .rounded-skill {
    position: absolute;
    margin: 0 !important;
    top: 30px;
    right: 30px;
    color: #FFF;
    font-weight: 600;
}


/* ----------------------------------------------------------------
Forms
-----------------------------------------------------------------*/

.hs-form fieldset {
    max-width: 100% !important;
}
.hs-form fieldset.form-columns-1 .hs-input {
    width: 100% !important;
}
.hs-form fieldset.form-columns-1 .hs-input:focus, .hs-input:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}
.sm-form-control, .hs-input {
    display: block;
    width: 100%;
    height: 38px;
    padding: 8px 14px;
    font-size: 15px;
    line-height: 1.42857143;
    color: #555555;
    background-color: #ffffff;
    background-image: none;
    border: 1px solid #DDD;
    border-radius: 0 !important;
    -webkit-transition: border-color ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s;
    transition: border-color ease-in-out .15s;
    -webkit-appearance: none; box-shadow: none;
}

textarea.hs-input {
    height:180px;
}


.sm-form-control:focus {
    border-color: #AAA;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.sm-form-control::-moz-placeholder {
    color: #999;
    opacity: 1;
}

.sm-form-control:-ms-input-placeholder { color: #999; }
.sm-form-control::-webkit-input-placeholder { color: #999; }

.sm-form-control[disabled],
.sm-form-control[readonly],
fieldset[disabled] .sm-form-control {
    cursor: not-allowed;
    background-color: #eeeeee;
    opacity: 1;
}

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

.form-control { border-radius: 3px; }

.form-control:active,
.form-control:focus {
    border-color: #999;
    box-shadow: none;
}

label {
    display: inline-block;
    font-size: 18px;
    font-weight: 700;
    font-family: 'Open Sans', sans-serif;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #555;
    margin-bottom: 2px;
    margin-top: 10px;
    cursor: pointer;
}

label.label-muted {
    color: #999;
    font-weight: normal;
    margin-right: 5px;
}

form .col_full,
form .col_half,
form .col_one_third,
form .col_two_third,
form .col_three_fourth,
form .col_one_fourth,
form .col_one_fifth,
form .col_two_fifth,
form .col_three_fifth,
form .col_four_fifth,
form .col_one_sixth,
form .col_five_sixth { margin-bottom: 25px; }


/* ----------------------------------------------------------------
Contact Form
-----------------------------------------------------------------*/


#contact-form-overlay,
#contact-form-overlay-mini {
    position: relative;
    max-width: 800px;
    background-color: #FFF;
    padding: 40px;
    margin: 0 auto;
    z-index: 10;
    border-radius: 4px;
    box-shadow: 0 1px 10px rgba(0,0,0,0.15);
}

#contact-form-overlay-mini {
    float: right;
    width: 380px;
    margin: 0;
}

label.error {
    margin-top: 5px;
    color: #E42C3E;
    font-weight: 400;
}

label.error { display: none !important; }

.form-control.error,
.sm-form-control.error { border-color: #E42C3E; }


/* ----------------------------------------------------------------
Google Maps
-----------------------------------------------------------------*/


#google-map {
    position: relative;
    width: 100%;
    height: 450px;
}

.gmap img { max-width: none !important; }

.gm-style .gm-style-iw h3 span {
    font-size: inherit;
    font-family: inherit;
}

#map-overlay {
    position: relative;
    padding: 100px 0;
}

#map-overlay #google-map {
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
}


/* ----------------------------------------------------------------
Google Custom Search
-----------------------------------------------------------------*/


#content .cse .gsc-control-cse,
#content .gsc-control-cse,
#content .gsc-above-wrapper-area,
#content .gsc-adBlock,
#content .gsc-thumbnail-inside,
#content .gsc-url-top,
#content .gsc-table-result,
#content .gsc-webResult,
#content .gsc-result { padding: 0 !important; }

#content .gsc-selected-option-container { width: auto !important; }

#content .gsc-result-info { padding-left: 0 !important; }

#content .gsc-above-wrapper-area-container,
#content .gsc-table-result { margin-bottom: 10px; }

#content .gcsc-branding { display: none; }

#content .gsc-results,
#content .gsc-webResult { width: 100% !important; }

#content .gs-no-results-result .gs-snippet,
#content .gs-error-result .gs-snippet { margin: 0 !important; }


/* ----------------------------------------------------------------
Heading Styles
-----------------------------------------------------------------*/


/* Block Titles
-----------------------------------------------------------------*/

.title-block {
    padding: 2px 0 3px 20px;
    border-left: 7px solid #4ab4e8;
    margin-bottom: 30px;
}

.title-block-right {
    padding: 2px 20px 3px 0;
    border-left: 0;
    border-right: 7px solid #4ab4e8;
    text-align: right;
}

.title-block h1,
.title-block h2,
.title-block h3,
.title-block h4 { margin-bottom: 0; }

.title-block > span {
    display: block;
    margin-top: 4px;
    color: #555;
    font-weight: 300;
}

.title-block h1 + span { font-size: 22px; }

.title-block h2 + span { font-size: 19px; }

.title-block h3 + span { font-size: 17px; }

.title-block h4 + span {
    font-size: 15px;
    margin-top: 3px;
}


/* Heading Block - with Subtitle
-----------------------------------------------------------------*/

.heading-block { padding: 20px; }

.heading-block h1,
.heading-block h2,
.heading-block h3,
.heading-block h4,
.emphasis-title h1,
.emphasis-title h2 {
    margin-bottom: 0;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #333;
}

.emphasis-title h1,
.emphasis-title h2 {
    font-weight: 400;
    letter-spacing: 0;
    text-transform: none;
}

.heading-block h1 { font-size: 48px; }

.heading-block h2 { font-size: 30px; }

.heading-block h3 { font-size: 26px; }

.heading-block h4 {
    font-size: 20px;
    font-weight: 700;
}

.heading-block > span:not(.before-heading) {
    display: block;
    margin-top: 10px;
    font-weight: 300;
    color: #777;
    float: left;
}
.heading-block.center > span {
    /*font-size:14px;*/
}
.heading-block .before-heading { margin-bottom: 7px; }

.heading-block.center > span,
.heading-block.title-center > span,
.center .heading-block > span {
    max-width: 700px;
    /* 	margin-left: auto;
    margin-right: auto; testing change, KF Jul17*/
    margin: auto 20%;
}

.heading-block h1 + span { font-size: 24px; }

.heading-block h2 + span { 
    font-size: 22px; 
    display: block;
    margin-top: 10px;
    font-weight: 300;
    color: #777; }

.heading-block p { 
    font-size: 22px; 
    display: block;
    margin-top: 10px;
    font-weight: 300;
    color: #777; 
}

.secondary-header {
    font-size: 22px;
    color: #777;
    font-weight: 300;
}
.heading-block h3 + span,
.heading-block h4 + span { font-size: 20px; }

.heading-block ~ p:not(.lead) { font-size: 15px; }

/*.heading-block:after {
content: '';
display: block;
margin-top: 30px;
width: 40px;
border-top: 2px solid #444;
}*/

.center .heading-block:after,
.heading-block.center:after,
.heading-block.title-center:after { margin: 30px auto 0; }

.heading-block.noborder:after,
.heading-block.nobottomborder:after { display: none; }

.heading-block.border-color:after { border-color: #4ab4e8; }


/* Emphasis Title
-----------------------------------------------------------------*/

.emphasis-title { margin: 0 0 50px; }

.emphasis-title h1,
.emphasis-title h2 {
    font-size: 64px;
    letter-spacing: -2px;
}

.emphasis-title h1 strong,
.emphasis-title h2 strong { font-weight: 700; }


/* Justify Border Title
-----------------------------------------------------------------*/

.fancy-title {
    position: relative;
    margin-bottom: 30px;
}

.fancy-title h1,
.fancy-title h2,
.fancy-title h3,
.fancy-title h4,
.fancy-title h5,
.fancy-title h6 {
    position: relative;
    display: inline-block;
    background-color: #FFF;
    padding-right: 15px;
    margin-bottom: 0;
    font-weight: 300;
    text-transform: uppercase;
}

.fancy-title h4,
.fancy-title h5,
.fancy-title h6 { padding-right: 10px; }

.fancy-title.title-double-border:before,
.fancy-title.title-border:before,
.fancy-title.title-border-color:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 0;
    border-top: 3px double #E5E5E5;
    left: auto;
    top: 46%;
    right: 0;
}

.fancy-title.title-border:before {
    top: 49%;
    border-top: 1px solid #EEE;
}

.fancy-title.title-border-color:before {
    top: 49%;
    border-top: 1px solid #4ab4e8;
    opacity: 0.6;
}


/* Fancy Title - Center Align
-----------------------------------------------------------------*/

.title-center { text-align: center; }

.title-center h1,
.title-center h2,
.title-center h3 { padding: 0 15px; }

.title-center h4,
.title-center h5,
.title-center h6 { padding: 0 10px; }


/* Fancy Title - Right Align
-----------------------------------------------------------------*/

.title-right { text-align: right; }

.title-right h1,
.title-right h2,
.title-right h3 { padding: 0 0 0 15px; }

.title-right h4,
.title-right h5,
.title-right h6 { padding: 0 0 0 10px; }


/* Fancy Title - Bottom Short Border
-----------------------------------------------------------------*/

.fancy-title.title-bottom-border h1,
.fancy-title.title-bottom-border h2,
.fancy-title.title-bottom-border h3,
.fancy-title.title-bottom-border h4,
.fancy-title.title-bottom-border h5,
.fancy-title.title-bottom-border h6 {
    display: block;
    background: transparent;
    padding: 0 0 10px;
    border-bottom: 2px solid #4ab4e8;
}


/* Fancy Title - Bottom Short Border
-----------------------------------------------------------------*/

.fancy-title.title-dotted-border { background: url('//www.datatree.com/hs-fs/hub/322946/file-2544245526-png/canvas/images/icons/dotted.png') repeat-x center; }


/* Sub Heading
-----------------------------------------------------------------*/

.before-heading {
    display: block;
    margin: 0 0 5px;
    font-size: 16px;
    font-family: 'Open Sans', sans-serif;
    font-style: italic;
    font-weight: 400;
    color: #999;
}


/* ----------------------------------------------------------------
Divider
-----------------------------------------------------------------*/


.divider {
    position: relative;
    overflow: hidden;
    margin: 35px 0;
    color: #E5E5E5;
    width: 100%;
}

.divider.divider-margin { margin: 70px 0; }

.divider:after,
.divider.divider-center:before,
.divider.divider-center.divider-short:before {
    content: '';
    position: absolute;
    width: 100%;
    top: 8px;
    left: 30px;
    height: 0;
    border-top: 1px solid #EEE;
}

.divider.divider-thick:after,
.divider.divider-center.divider-thick:before,
.divider.divider-center.divider-short.divider-thick:before { border-top-width: 3px; }

.divider.divider-short:after { width: 30%; }

.divider.divider-vshort:after { width: 12%; }

.divider i {
    position: relative;
    width: 18px;
    height: 18px;
    line-height: 1;
    font-size: 18px !important;
    text-align: center;
}

.divider a {
    position: relative;
    display: inline-block;
    color: inherit;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.divider a:hover { color: #888; }


/* Divider - Icon Align Right
-----------------------------------------------------------------*/

.divider.divider-right { text-align: right; }

.divider.divider-right:after {
    left: auto;
    right: 30px;
}


/* Divider - Icon Align Center
-----------------------------------------------------------------*/

.divider.divider-center,
.divider.divider-center.divider-short { text-align: center; }

.divider.divider-center:before {
    left: -50% !important;
    right: 0;
    margin-left: -20px;
}

.divider.divider-center:after {
    left: 50% !important;
    right: 0;
    margin-left: 20px;
}


/* Short Divider - Icon Align Center
-----------------------------------------------------------------*/

.divider.divider-center.divider-short:before {
    left: auto !important;
    right: 50%;
    margin-right: 20px;
    width: 15%;
}

.divider.divider-center.divider-short:after {
    left: 50% !important;
    right: auto !important;
    margin-left: 20px;
    width: 15%;
}

.divider.divider-center.divider-vshort:before,
.divider.divider-center.divider-vshort:after { width: 6%; }


/* Divider - Rounded Icon
-----------------------------------------------------------------*/

.divider.divider-rounded { color: #BBB; }

.divider.divider-rounded:after,
.divider.divider-rounded.divider-center:before,
.divider.divider-rounded.divider-short:before,
.divider.divider-border:after,
.divider.divider-border.divider-center:before,
.divider.divider-border.divider-short:before {
    top: 19px;
    left: 40px;
}

.divider.divider-rounded i,
.divider.divider-border i {
    width: 40px;
    height: 40px;
    line-height: 40px;
    background-color: #F5F5F5;
    border-radius: 50%;
}

.divider.divider-rounded.divider-right:after,
.divider.divider-border.divider-right:after {
    left: auto;
    right: 40px;
}


/* Divider - Rounded & Border
-----------------------------------------------------------------*/

.divider.divider-border { color: #E5E5E5; }

.divider.divider-border i {
    line-height: 38px;
    background-color: transparent;
    border: 1px solid #EEE;
}


/* Divider - Line Only
-----------------------------------------------------------------*/

.divider.divider-line:before,
.divider.divider-line:after {
    margin-left: 0 !important;
    margin-right: 0 !important;
}



/* ----------------------------------------------------------------
Quotes & Blockquotes
-----------------------------------------------------------------*/


blockquote p { margin-bottom: 15px; }

blockquote.pull-left {
    max-width: 300px;
    margin: 5px 20px 10px 0;
    padding-right: 0;
}

blockquote.pull-right {
    max-width: 300px;
    margin: 5px 0 10px 20px;
    padding-left: 0;
}

.quote {
    border: none !important;
    position: relative;
}

.quote p { position: relative; }

.quote:before {
    font-family: 'font-icons';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    content: "\e7ad";
    position: absolute;
    width: 48px;
    height: 48px;
    line-height: 48px;
    font-size: 42px;
    top: 0;
    left: 0;
    color: #EEE;
}

.quote.blockquote-reverse:before {
    content: "\e7ae";
    left: auto;
    right: 0;
}


/* ----------------------------------------------------------------
Dropcaps & Highlights
-----------------------------------------------------------------*/


.dropcap {
    float: left;
    font-size: 42px;
    line-height: 1;
    margin: 0 5px 0 0;
    text-transform: uppercase;
}

.highlight {
    padding: 2px 5px;
    background-color: #444;
    color: #FFF;
    border-radius: 2px;
}


/* ----------------------------------------------------------------
Magazine Specific Classes
-----------------------------------------------------------------*/

.top-advert {
    float: right;
    padding: 5px;
    border-left: 1px solid #EEE;
    border-right: 1px solid #EEE;
}

.top-advert a,
.top-advert img { display: block; }

.bnews-title {
    display: block;
    float: left;
    margin-top: 2px;
    padding-top: .3em;
    text-transform: uppercase;
}

.bnews-slider {
    float: left;
    width: 970px;
    margin-left: 20px;
    min-height: 0;
}


/* ----------------------------------------------------------------
Text Rotater
-----------------------------------------------------------------*/

.text-rotater {}

.text-rotater > .t-rotate > .animated { display: inline-block; }


/* ----------------------------------------------------------------
Go To Top
-----------------------------------------------------------------*/


#gotoTop {
    display: none;
    z-index: 299;
    position: fixed;
    width: 40px;
    height: 40px;
    background-color: #333;
    background-color: rgba(0,0,0,0.3);
    font-size: 20px;
    line-height: 36px;
    text-align: center;
    color: #FFF;
    top: auto;
    left: auto;
    right: 30px;
    bottom: 50px;
    cursor: pointer;
    border-radius: 2px;
}

body:not(.device-touch) #gotoTop {
    transition: background-color .2s linear;
    -webkit-transition: background-color .2s linear;
    -o-transition: background-color .2s linear;
}

.stretched #gotoTop { bottom: 30px; }

#gotoTop:hover { background-color: #4ab4e8; }


/* ----------------------------------------------------------------
Error 404
-----------------------------------------------------------------*/


.error404 {
    display: block;
    font-size: 216px;
    font-weight: 600;
    color: #DDD;
    line-height: 1.35;
    letter-spacing: 4px;
}

.error404-wrap .container { z-index: 7; }

.error404-wrap .error404 {
    line-height: 0.9;
    margin-bottom: 40px;
    font-weight: bold;
    font-size: 244px;
    color: #FFF !important;
    opacity: 0.2;
    text-shadow: 1px 1px 5px rgba(0,0,0,0.4);
}

.error404-wrap .heading-block h4 {
    font-weight: 300;
    margin-bottom: 8px;
}

.error404-wrap .heading-block span { font-size: 17px; }

.error404-wrap form { max-width: 500px; }


/* ----------------------------------------------------------------
Landing Pages
-----------------------------------------------------------------*/

.landing-wide-form {
    background: rgba(0,0,0,0.3);
    padding: 30px;
    border-radius: 3px;
}

.landing-form-overlay {
    position: absolute;
    z-index: 10;
    top: auto;
    left: auto;
    right: 0;
    bottom: -154px;
    background-color: rgba(0,0,0,0.6);
    border-radius: 3px 3px 0 0;
}

.landing-video {
    z-index: 1;
    width: 560px;
    height: 315px;
    margin: 22px 0 0 95px;
    overflow: hidden;
}

.landing-promo h3 { font-size: 26px; }

.landing-promo > .container > span { font-size: 17px; }

.video-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}

.video-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}


/* ----------------------------------------------------------------
Preloaders
-----------------------------------------------------------------*/


.preloader,
.preloader2,
.form-process {
    display: block;
    width: 100%;
    height: 100%;
    background: url("images/preloader.gif") center center no-repeat #FFF;
}

.preloader2 { background-color: transparent; }

.form-process {
    display: none;
    position: absolute;
    z-index: 3;
    background-color: rgba(255,255,255,0.7);
}


/* ----------------------------------------------------------------
Toastr Notifications
-----------------------------------------------------------------*/


.toast-title { font-weight: bold; }

.toast-message {
    -ms-word-wrap: break-word;
    word-wrap: break-word;
}

.toast-message a,
.toast-message label { color: #ffffff; }

.toast-message a:hover {
    color: #cccccc;
    text-decoration: none;
}

.toast-close-button {
    position: absolute;
    right: 5px;
    top: 3px;
    font-size: 14px;
    color: #ffffff;
    opacity: 0.8;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    filter: alpha(opacity=80);
}

.toast-close-button:hover,
.toast-close-button:focus {
    color: #000000;
    text-decoration: none;
    cursor: pointer;
    opacity: 0.5;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
    filter: alpha(opacity=50);
}


button.toast-close-button {
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
}

.toast-top-full-width {
    top: 10px;
    right: 0;
    width: 100%;
}

.toast-bottom-full-width {
    bottom: 10px;
    right: 0;
    width: 100%;
}

.toast-top-left {
    top: 12px;
    left: 12px;
}

.toast-top-right {
    top: 12px;
    right: 12px;
}

.toast-bottom-right {
    right: 12px;
    bottom: 12px;
}

.toast-bottom-left {
    bottom: 12px;
    left: 12px;
}

#toast-container {
    position: fixed;
    z-index: 1999;
}

#toast-container * {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#toast-container > div {
    margin: 0 0 6px;
    padding: 15px;
    width: 300px;
    border-radius: 3px;
    background-position: 15px center;
    background-repeat: no-repeat;
    color: #ffffff;
    opacity: 0.8;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    filter: alpha(opacity=80);
}

#toast-container > div i {
    position: relative;
    top: 1px;
    width: 16px;
    text-align: center;
    margin-right: 3px;
}

#toast-container > :hover {
    opacity: 1;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    filter: alpha(opacity=100);
    cursor: pointer;
}

#toast-container.toast-top-full-width > div,
#toast-container.toast-bottom-full-width > div {
    width: 96%;
    margin: auto;
}

.toast { background-color: #030303; }

.toast-success { background-color: #51a351; }

.toast-error { background-color: #bd362f; }

.toast-info { background-color: #2f96b4; }

.toast-warning { background-color: #f89406; }

@media(min-width: 1400px){
    .blog-page .insight-blog-section { padding: 120px 0 !important; }
}

@media all and (min-width: 240px) and (max-width: 479px) {
    #toast-container > div {
        padding: 8px;
        width: 18em;
    }
}

@media all and (min-width: 480px) and (max-width: 767px) {
    #toast-container > div {
        padding: 15px;
        width: 25em;
    }
}


/* ----------------------------------------------------------------
Footer
-----------------------------------------------------------------*/


#footer {
    position: relative;
    background-color: #EEE;
    border-top: 5px solid rgba(0,0,0,0.2);
}

#footer .footer-widgets-wrap {
    position: relative;
    padding: 80px 0;
}

#footer .hs_cos_wrapper_type_post_listing ul {
    margin: 0;
    padding-left:0;
}

#footer .hs_cos_wrapper_type_post_listing ul li {
    margin: 0 0 15px 0;
    list-style: none;
}
/* #footer .hs_cos_wrapper_type_post_listing ul li:before {
content: "\e7a5";
display: inline-block;
font-family: 'font-icons';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: inherit;
-webkit-font-smoothing: antialiased;
margin-right: 7px;
} */

#footer .hs_cos_wrapper_type_post_listing ul li:before {
    content: "\f105";
    display: inline-block;
    font-family: FontAwesome;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: inherit;
    -webkit-font-smoothing: antialiased;
    margin-right: 7px;
    font-size: 12px;
    top: -4px;
    position: relative;
}





.footer-widgets-wrap .col_full,
.footer-widgets-wrap .col_half,
.footer-widgets-wrap .col_one_third,
.footer-widgets-wrap .col_two_third,
.footer-widgets-wrap .col_three_fourth,
.footer-widgets-wrap .col_one_fourth,
.footer-widgets-wrap .col_one_fifth,
.footer-widgets-wrap .col_two_fifth,
.footer-widgets-wrap .col_three_fifth,
.footer-widgets-wrap .col_four_fifth,
.footer-widgets-wrap .col_one_sixth,
.footer-widgets-wrap .col_five_sixth { margin-bottom: 0; }

#copyrights {
    padding: 40px 0;
    background-color: #292929;
    font-size: 14px;
    line-height: 1.8;
    color: #D8D8D8;
}

#copyrights i.footer-icon {
    position: relative;
    top: 1px;
    font-size: 14px;
    width: 14px;
    text-align: center;
    margin-right: 3px;
}

.copyright-links a {
    display: inline-block;
    margin: 0 3px;
    color: #333;
    border-bottom: 1px dotted #444;
}

.copyright-links a:hover {
    color: #4ab4e8;
    border-bottom: 1px solid #666;
}

.copyrights-menu { margin-bottom: 10px; }

.copyrights-menu a {
    font-size: 14px;
    margin: 0 10px;
    border-bottom: 0 !important;
}

#copyrights .col_half { margin-bottom: 0 !important; }

#copyrights a:first-child { margin-left: 0; }

#copyrights .tright a:last-child { margin-right: 0; }

#copyrights ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

#copyrights ul li {
    display: inline;
    padding: 0 0 0 0;
}

copyrights ul li a:active, a:link, a:visited {
    color: #000;
    font: 11.5px 'Open Sans', sans-serif
        padding: 10px; 
}

form a:link, form a:visited {
    color: inherit;
}

.hs-menu-wrapper.hs-menu-flow-horizontal>ul li a {
    display: inline-block;
    padding: 10px 20px;
    max-width: auto;
    overflow: hidden;
}

#copyrights ul li a:hover {
    padding: 10px 20px;
    color: #f2f2f2;
    background-color: #5F5F60;
}


/* #copyrights ul li {
display: inline;
padding: 0 20px 0 0;
}
#copyrights ul li a:link {
color: inherit;
}
#copyrights ul li a:visited {
color: inherit;
}
#copyrights ul li a:hover {
color: #f9f9f9;
}
#copyrights ul li a:active {
color: #0000FF;
} */


.footer-logo {
    display: block;
    margin-bottom: 30px;
}


/* ----------------------------------------------------------------
Widgets
-----------------------------------------------------------------*/


.widget {
    position: relative;
    margin-top: 50px;
}

.sidebar-widgets-wrap .widget {
    padding-top: 50px;
    border-top: 1px solid #EEE;
}

.widget:first-child { margin-top: 0; }

.sidebar-widgets-wrap .widget:first-child {
    padding-top: 0;
    border-top: 0;
}

.widget > h4 {
    margin-bottom: 25px;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.sidebar-widgets-wrap .widget > h4 { letter-spacing: 1px; }

.widget p { font-size: 14px; }


/* Tag Cloud
-----------------------------------------------------------------*/


.tagcloud { margin-bottom: -2px; }

.tagcloud a {
    display: block;
    float: left;
    margin-right: 4px;
    margin-bottom: 4px;
    padding: 3px 6px;
    border: 1px solid #E5E5E5;
    font-size: 13px !important;
    color: #666;
    border-radius: 2px;
}

body:not(.device-touch) .tagcloud a {
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.tagcloud a:hover {
    border-color: #4ab4e8 !important;
    color: #4ab4e8 !important;
}


/* Widget - Links
-----------------------------------------------------------------*/

.widget_nav_menu ul,
.widget_nav_menu li,
.widget_links ul,
.widget_links li,
.widget_meta ul,
.widget_meta li,
.widget_archive ul,
.widget_archive li,
.widget_recent_comments ul,
.widget_recent_comments li,
.widget_recent_entries ul,
.widget_recent_entries li,
.widget_categories ul,
.widget_categories li,
.widget_pages ul,
.widget_pages li,
.widget_rss ul,
.widget_rss li {
    list-style: none;
    margin: 0;
}

.widget_nav_menu li,
.widget_links li,
.widget_meta li,
.widget_archive li,
.widget_recent_comments li,
.widget_recent_entries li,
.widget_categories li,
.widget_pages li,
.widget_rss li { padding: 4px; }

.widget_nav_menu li a,
.widget_links li a,
.widget_meta li a,
.widget_archive li a,
.widget_recent_entries li a,
.widget_categories li a,
.widget_pages li a,
.widget_rss li a,
.widget_recent_comments li {
    display: inline-block;
    padding: 0 3px 0 12px;
}

.widget_recent_comments li {
    display: block;
    background: url("images/icons/widget-comment.png") left top no-repeat;
    padding: 4px 0 4px 20px;
}

.widget_nav_menu li a,
.widget_links li a,
.widget_meta li a,
.widget_archive li a,
.widget_recent_entries li a,
.widget_categories li a,
.widget_pages li a,
.widget_rss li a,
.widget_recent_comments li a {
    background: url("images/icons/widget-link.png") left top no-repeat;
    border: none !important;
    color: #444;
    font-size: 14px;
}

.widget_nav_menu li a:hover,
.widget_links li a:hover,
.widget_meta li a:hover,
.widget_archive li a:hover,
.widget_recent_entries li a:hover,
.widget_categories li a:hover,
.widget_pages li a:hover,
.widget_rss li a:hover,
.widget_recent_comments li a:hover { color: #000; }

.widget_recent_comments li a {
    display: inline;
    padding: 0;
    background: none !important;
}

.widget_nav_menu > ul > li:first-child,
.widget_links > ul > li:first-child,
.widget_meta > ul > li:first-child,
.widget_archive > ul > li:first-child,
.widget_recent_comments > ul > li:first-child,
.widget_recent_entries > ul > li:first-child,
.widget_categories > ul > li:first-child,
.widget_pages > ul > li:first-child,
.widget_rss > ul > li:first-child { border-top: 0 !important; }

.widget_nav_menu > ul,
.widget_links > ul,
.widget_meta > ul,
.widget_archive > ul,
.widget_recent_comments > ul,
.widget_recent_entries > ul,
.widget_categories > ul,
.widget_pages > ul,
.widget_rss > ul { margin-top: -4px !important; }

.widget_nav_menu ul ul,
.widget_links ul ul,
.widget_meta ul ul,
.widget_archive ul ul,
.widget_recent_comments ul ul,
.widget_recent_entries ul ul,
.widget_categories ul ul,
.widget_pages ul ul,
.widget_rss ul ul { margin-left: 15px; }


/* Widget - Testimonial & Twitter
-----------------------------------------------------------------*/

.widget .testimonial.no-image .testi-image { display: none; }

.widget .testimonial.twitter-scroll .testi-image { margin-right: 10px; }

.widget .testimonial:not(.twitter-scroll) .testi-image,
.widget .testimonial:not(.twitter-scroll) .testi-image a,
.widget .testimonial:not(.twitter-scroll) .testi-image img {
    width: 42px;
    height: 42px;
}

.widget .testimonial.twitter-scroll .testi-image,
.widget .testimonial.twitter-scroll .testi-image a,
.widget .testimonial.twitter-scroll .testi-image img,
.widget .testimonial.twitter-scroll .testi-image i {
    width: 28px;
    height: 28px;
}

.widget .testimonial.twitter-scroll .testi-image i {
    background-color: #EEE;
    line-height: 28px;
    font-size: 14px;
    color: #888;
}

.widget .testimonial p { font-size: 14px; }


/* Widget - Quick Contact Form
-----------------------------------------------------------------*/

.quick-contact-widget .form-control,
.quick-contact-widget .input-group,
.quick-contact-widget .sm-form-control { margin-bottom: 10px; }

.quick-contact-widget .input-group .form-control { margin-bottom: 0; }

.quick-contact-widget form,
#template-contactform { position: relative; }


/* Newsletter Widget
-----------------------------------------------------------------*/

.subscribe-widget h5 {
    font-weight: 300;
    font-size: 14px;
    line-height: 1.5;
}


/* Twitter Feed Widget
-----------------------------------------------------------------*/

.widget-twitter-feed li { margin: 15px 0 0 0; }

.widget-twitter-feed li:first-child { margin-top: 0; }

.widget-twitter-feed small {
    display: block;
    margin-top: 3px;
}

.widget-twitter-feed small a { color: #999; }


/* Small Post
-----------------------------------------------------------------*/

.widget-twitter-feed li { margin: 15px 0 0 0; }

.widget-twitter-feed li:first-child { margin-top: 0; }

.widget-twitter-feed small {
    display: block;
    margin-top: 3px;
}

.widget-twitter-feed small a { color: #999; }


/* ----------------------------------------------------------------
Wedding
-----------------------------------------------------------------*/


.wedding-head {
    position: relative;
    line-height: 1;
    font-size: 80px;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.15);
}

.wedding-head .first-name,
.wedding-head .last-name,
.wedding-head .and {
    display: inline-block;
    margin-right: 15px;
    font-weight: bold;
    text-align: right;
    text-transform: uppercase;
    font-family: 'Open Sans', sans-serif;
    letter-spacing: 2px;
}

.wedding-head .last-name {
    margin: 0 0 0 15px;
    text-align: left;
}

.wedding-head .first-name span,
.wedding-head .last-name span {
    display: block;
    margin-top: 10px;
    font-size: 56px;
    font-weight: 400;
    font-style: italic;
    font-family: 'Open Sans', sans-serif;
    text-transform: none;
}

.wedding-head .and {
    margin: 0;
    font-size: 200px;
    font-family: 'Times New Roman', serif;
}

/* DNA - Comprehensive Mortgage Fraud Page */
.row-fluid .top_nav_header .new-header-section .page-container { width: 1400px !important; max-width: 100%; padding: 0 15px; }
.row-fluid .top_nav_header .top-header .hs-menu-wrapper ul li { border-left: 0; border-right: 1px solid #0153af; }
.row-fluid .top_nav_header .top-header .header-srch-wrap { border-left: 0; }
.row-fluid .top_nav_header .new-header-section .logo-wrap { padding: 25px 0 0; }

.row-fluid .comprehensive_hero.casestudy-banner-section.resource-banner.solution-banner { padding-bottom:50px; padding-top: 180px !important; }
.row-fluid .mortage_hero_caption .blue-round-btn a { padding:15px 18px 18px; margin-top: 25px; }
.row-fluid .comprehensive_hero.casestudy-banner-section .page-container { width: 1400px !important; max-width: 100%; padding: 0 15px; }

.row-fluid .helper_leader_section { padding: 70px 0 0; font-size: 23px; line-height: 37px; }
.row-fluid .helper_leader_section h2 { font-size: 52px; color: #003864; font-family: 'Lato', sans-serif !important; }
.row-fluid .helper_leader_section p + p { padding-top: 20px; }
.row-fluid .helper_leader_highlight { border-radius: 25px; background-color: #003864; color: #fff; padding: 35px 55px; position: relative; font-size: 32px; line-height: 42px; font-weight: 600; }
.row-fluid .helper_leader_highlight h3 { margin: 0 0 2px; font-size: 32px; line-height: 40px; font-weight: 700; font-family: 'Lato', sans-serif !important; color: #00A0DE; }
.row-fluid .helper_leader_section .wrapper { padding: 0 15px; }
.row-fluid .helper_leader_head { padding-bottom: 60px; }
.row-fluid .helper_leader_highlight:before { position: absolute; content: ""; height: 42px; width: 72px; left: 55px; bottom: 100%; background: url('https://322946.fs1.hubspotusercontent-na1.net/hubfs/322946/blue_triangle.png') no-repeat center / cover; }

.row-fluid .mortgage_zigzag_section { padding: 70px 0 10px; font-size: 23px; line-height: 37px; }
.row-fluid .mortgage_zigzag_wrap { display: flex; align-items: center; flex-wrap: wrap; }
.row-fluid .mortgage_zigzag_img { width: 35%; text-align: center; }
.row-fluid .mortgage_zigzag_content { width: 65%; padding-left: 10px; padding-right: 40px; }
.row-fluid .mortgage_zigzag_section .mortgage_zigzag_content h2 { color:#003864; font-family: 'Lato', sans-serif !important; }  

.row-fluid .loan_edge_techsection.edge-techsection { padding: 70px 0; font-size: 23px; line-height: 37px; }
.row-fluid .loan_edge_techsection .edge-techleft { text-align: right; color:#2D2D2D; width: 70%; }
.row-fluid .loan_edge_techsection .page-container { width: 1400px !important; max-width: 100%; padding: 0 15px; }
.row-fluid .loan_edge_techsection .edge-techleft h2 { color:#003864; font-family: 'Lato', sans-serif !important; }  
.row-fluid .loan_edge_techsection .edge-techright { width: 30%; } 

.row-fluid .innovative_tech_section { padding: 110px 0; position: relative; font-size: 23px; line-height: 37px; border-top: 1px solid #F1F1F1; }
.row-fluid .innovative_tech_section:before { position: absolute; content: ""; background-image: url(https://322946.fs1.hubspotusercontent-na1.net/hubfs/322946/innovative-pattern.png); background-repeat: no-repeat; left: 0; top: -61px; width: 225px; height: 121px; }
.row-fluid .innovative_tech_section .wrapper { padding: 0 15px; }
.row-fluid .innovative_tech_section h2 { font-size: 52px; color: #003864; font-weight: 600; font-family: 'Lato', sans-serif !important; }

.row-fluid .mortgage_contact_section .wrapper { padding: 0 15px; }
.row-fluid .mortgage_contact_section.contact-section .white-text { max-width: 100%; text-transform: none; margin: 0 0 15px; font-family: 'Lato', sans-serif !important; font-weight: 600; }
.row-fluid .mortgage_contact_section.contact-section h3 { color:#fff; text-transform: none; font-size:23px; line-height:37px; font-weight: 400; font-family: 'Lato', sans-serif !important; }

@media (max-width:1200px){
    /* DNA - Comprehensive Mortgage Fraud Page */
    .row-fluid .comprehensive_hero.casestudy-banner-section.resource-banner.solution-banner { padding-bottom: 70px !important; }
    
    .row-fluid .mortgage_zigzag_img { width: 30%; }
    .row-fluid .mortgage_zigzag_content { width: 70%; padding-left: 30px; padding-right: 0; }
    .row-fluid .mortgage_zigzag_section .wrapper { width: 1200px; max-width: 100%; padding: 0 15px; }
    .row-fluid .helper_leader_section .wrapper { width: 1200px; max-width: 100%; }
    .row-fluid .innovative_tech_section .wrapper { width: 1200px; max-width: 100%; padding: 0 15px; }
}

@media (max-width:991px){
    /* DNA - Comprehensive Mortgage Fraud Page */
    body .row-fluid .comprehensive_hero.casestudy-banner-section.resource-banner.solution-banner { padding-bottom: 70px !important; }
    .row-fluid .resource-banner.casestudy-banner-section .banner-caption.mortage_hero_caption h1 { font-size: 50px; line-height: 64px; }
    .row-fluid .resource-banner.casestudy-banner-section .banner-caption.mortage_hero_caption h1 br { display:none; }
    .row-fluid .helper_leader_section h2 { font-size: 36px; line-height: 42px; }
    .row-fluid .helper_leader_section { font-size: 20px; line-height: 30px; }
    .row-fluid .helper_leader_highlight { font-size: 24px; line-height: 34px; }
    .row-fluid .mortgage_zigzag_section { font-size: 20px; line-height: 30px; }
    .row-fluid .mortgage_zigzag_section .mortgage_zigzag_content h2 { font-size: 36px; line-height: 42px; }
    .row-fluid .loan_edge_techsection .edge-techleft h2 { font-size: 36px; line-height: 42px; }
    .row-fluid .loan_edge_techsection.edge-techsection { font-size: 20px; line-height: 30px; }
    .row-fluid .innovative_tech_section { padding: 70px 0; font-size: 20px; line-height: 30px; }
    .row-fluid .innovative_tech_section h2 { font-size: 36px; line-height: 42px; }
}

@media (max-width: 767px) {
    /* DNA - Comprehensive Mortgage Fraud Page */
    .row-fluid .top_nav_header.lp-main-header .new-header-section .nav-menu { float: left; width: 100%; }
    .row-fluid .resource-banner.casestudy-banner-section .banner-caption.mortage_hero_caption h1 { font-size: 32px; line-height: 48px; }
    .row-fluid .helper_leader_section { font-size: 16px; line-height: 26px; }
    .row-fluid .helper_leader_section { padding: 50px 0 0; }
    .row-fluid .helper_leader_section h2 { text-align: left !important; font-size: 26px; line-height: 32px; }
    .row-fluid .helper_leader_highlight { padding: 30px 15px; font-size: 18px; }
    .row-fluid .helper_leader_highlight h3 { text-align: left !important; font-size: 24px; line-height: 28px; }
    .row-fluid .mortgage_zigzag_section { font-size: 16px; line-height: 26px; }
    .row-fluid .mortgage_zigzag_section .mortgage_zigzag_content h2 { text-align: left !important; font-size: 26px; line-height: 32px; }
    .row-fluid .loan_edge_techsection .edge-techleft h2 { text-align: left !important; font-size: 26px; line-height: 32px; margin: 0 0 10px; }
    .row-fluid .loan_edge_techsection .edge-techleft { width: 100%; text-align: left; padding: 30px 0 0; }
    .row-fluid .loan_edge_techsection .edge-techright { width: 100%; }
    .row-fluid .mortgage_zigzag_wrap { }
    .row-fluid .mortgage_zigzag_img { width: 100%; text-align: left; }
    .row-fluid .mortgage_zigzag_content { width: 100%; padding: 30px 0 0; }
    .row-fluid .loan_edge_techsection .edge-techraw { display: flex; flex-wrap: wrap; flex-direction: column-reverse; }
    .row-fluid .loan_edge_techsection.edge-techsection { padding: 50px 0; }
    .row-fluid .innovative_tech_section:before { display: none; }
    .row-fluid .innovative_tech_section { padding: 50px 0; font-size: 16px; line-height: 26px; }
    .row-fluid .loan_edge_techsection.edge-techsection { font-size: 16px; line-height: 26px; }
    .row-fluid .mortgage_contact_section.contact-section h3 { font-size: 18px; }
}


/* ----------------------------------------------------------------
Bootstrap Specific
-----------------------------------------------------------------*/

.table .success { color: #3c763d; }

.table .info { color: #31708f; }

.table .warning { color: #8a6d3b; }

.table .danger { color: #a94442; }

.btn-link { color: #4ab4e8; }

.btn-link:hover,
.btn-link:focus { color: #222; }

.boot-tabs { margin-bottom: 20px !important; }

.carousel-control .icon-chevron-left,
.carousel-control .icon-chevron-right {
    position: absolute;
    top: 47.5%;
    z-index: 5;
    display: inline-block;
}

.carousel-control .icon-chevron-left { left: 50%; }

.carousel-control .icon-chevron-right { right: 50%; }

.responsive-utilities th small {
    display: block;
    font-weight: 400;
    color: #999;
}

.show-grid [class^=col-] {
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #EEE;
    border: 1px solid #DDD;
}

.img-circle { border-radius: 50% !important; }

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
    color: #FFF !important;
    background-color: #4ab4e8 !important;
    border-color: #4ab4e8 !important;
}

label.radio,
label.checkbox { padding-left: 20px; }

.input-group-lg > .input-group-addon { line-height: 1; }


/* ----------------------------------------------------------------
Stretched Layout
-----------------------------------------------------------------*/


.stretched #wrapper {
    width: 100%;
    margin: 0;
    box-shadow: none;
}


/* ----------------------------------------------------------------
Page Transitions
-----------------------------------------------------------------*/

body:not(.no-transition) #wrapper,
.animsition-overlay {
    position: relative;
    opacity: 0;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.css3-spinner {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1000;
    text-align: center;
    background-color: #FFF;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.css3-spinner > div {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -9px;
    margin-left: 13px;
    width: 18px;
    height: 18px;
    background-color: #DDD;
    border-radius: 100%;
    display: inline-block;
    -webkit-animation: bouncedelay 1.4s infinite ease-in-out;
    animation: bouncedelay 1.4s infinite ease-in-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.css3-spinner .css3-spinner-bounce1 {
    margin-left: -31px;
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
}

.css3-spinner .css3-spinner-bounce2 {
    margin-left: -9px;
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
}

@-webkit-keyframes bouncedelay {
    0%, 80%, 100% { -webkit-transform: scale(0.0) }
    40% { -webkit-transform: scale(1.0) }
}

@keyframes bouncedelay {
    0%, 80%, 100% {
        transform: scale(0.0);
        -webkit-transform: scale(0.0);
    } 40% {
        transform: scale(1.0);
        -webkit-transform: scale(1.0);
    }
}


.css3-spinner > .css3-spinner-flipper {
    width: 32px;
    height: 32px;
    margin-top: -16px;
    margin-left: -16px;
    border-radius: 0;
    -webkit-animation: rotateplane 1.2s infinite ease-in-out;
    animation: rotateplane 1.2s infinite ease-in-out;
}

@-webkit-keyframes rotateplane {
    0% { -webkit-transform: perspective(120px) }
    50% { -webkit-transform: perspective(120px) rotateY(180deg) }
    100% { -webkit-transform: perspective(120px) rotateY(180deg)  rotateX(180deg) }
}

@keyframes rotateplane {
    0% {
        transform: perspective(120px) rotateX(0deg) rotateY(0deg);
        -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg)
    } 50% {
        transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
        -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg)
    } 100% {
        transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
        -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    }
}

.css3-spinner > .css3-spinner-double-bounce1,
.css3-spinner > .css3-spinner-double-bounce2 {
    width: 40px;
    height: 40px;
    margin-top: -20px;
    margin-left: -20px;
    border-radius: 50%;
    opacity: 0.6;
    -webkit-animation: cssspinnerbounce 2.0s infinite ease-in-out;
    animation: cssspinnerbounce 2.0s infinite ease-in-out;
}

.css3-spinner > .css3-spinner-double-bounce2 {
    -webkit-animation-delay: -1.0s;
    animation-delay: -1.0s;
}

@-webkit-keyframes cssspinnerbounce {
    0%, 100% { -webkit-transform: scale(0.0) }
    50% { -webkit-transform: scale(1.0) }
}

@keyframes cssspinnerbounce {
    0%, 100% {
        transform: scale(0.0);
        -webkit-transform: scale(0.0);
    } 50% {
        transform: scale(1.0);
        -webkit-transform: scale(1.0);
    }
}

.css3-spinner > .css3-spinner-rect1,
.css3-spinner > .css3-spinner-rect2,
.css3-spinner > .css3-spinner-rect3,
.css3-spinner > .css3-spinner-rect4,
.css3-spinner > .css3-spinner-rect5 {
    height: 30px;
    width: 6px;
    margin-top: -15px;
    margin-left: -21px;
    border-radius: 0;
    -webkit-animation: stretchdelay 1.2s infinite ease-in-out;
    animation: stretchdelay 1.2s infinite ease-in-out;
}

.css3-spinner > .css3-spinner-rect2 {
    margin-left: -12px;
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s;
}

.css3-spinner > .css3-spinner-rect3 {
    margin-left: -3px;
    -webkit-animation-delay: -1.0s;
    animation-delay: -1.0s;
}

.css3-spinner > .css3-spinner-rect4 {
    margin-left: 6px;
    -webkit-animation-delay: -0.9s;
    animation-delay: -0.9s;
}

.css3-spinner > .css3-spinner-rect5 {
    margin-left: 15px;
    -webkit-animation-delay: -0.8s;
    animation-delay: -0.8s;
}

@-webkit-keyframes stretchdelay {
    0%, 40%, 100% { -webkit-transform: scaleY(0.4) }
    20% { -webkit-transform: scaleY(1.0) }
}

@keyframes stretchdelay {
    0%, 40%, 100% {
        transform: scaleY(0.4);
        -webkit-transform: scaleY(0.4);
    }  20% {
        transform: scaleY(1.0);
        -webkit-transform: scaleY(1.0);
    }
}


.css3-spinner > .css3-spinner-cube1,
.css3-spinner > .css3-spinner-cube2 {
    width: 16px;
    height: 16px;
    border-radius: 0;
    margin-top: -20px;
    margin-left: -20px;
    -webkit-animation: cubemove 1.8s infinite ease-in-out;
    animation: cubemove 1.8s infinite ease-in-out;
}

.css3-spinner > .css3-spinner-cube2 {
    -webkit-animation-delay: -0.9s;
    animation-delay: -0.9s;
}

@-webkit-keyframes cubemove {
    25% { -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5) }
    50% { -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg) }
    75% { -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5) }
    100% { -webkit-transform: rotate(-360deg) }
}

@keyframes cubemove {
    25% {
        transform: translateX(42px) rotate(-90deg) scale(0.5);
        -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5);
    } 50% {
        transform: translateX(42px) translateY(42px) rotate(-179deg);
        -webkit-transform: translateX(42px) translateY(42px) rotate(-179deg);
    } 50.1% {
        transform: translateX(42px) translateY(42px) rotate(-180deg);
        -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg);
    } 75% {
        transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
        -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
    } 100% {
        transform: rotate(-360deg);
        -webkit-transform: rotate(-360deg);
    }
}


.css3-spinner > .css3-spinner-scaler {
    width: 40px;
    height: 40px;
    margin-top: -20px;
    margin-left: -20px;
    -webkit-animation: scaleout 1.0s infinite ease-in-out;
    animation: scaleout 1.0s infinite ease-in-out;
}

@-webkit-keyframes scaleout {
    0% { -webkit-transform: scale(0.0) }
    100% {
        -webkit-transform: scale(1.0);
        opacity: 0;
    }
}

@keyframes scaleout {
    0% {
        transform: scale(0.0);
        -webkit-transform: scale(0.0);
    } 100% {
        transform: scale(1.0);
        -webkit-transform: scale(1.0);
        opacity: 0;
    }
}



/* ----------------------------------------------------------------
HTML5 Youtube Video Backgrounds
-----------------------------------------------------------------*/


.mb_YTVPlayer :focus { outline: 0; }

.mb_YTVPlayer {
    display:block;
    transform:translateZ(0);
    transform-style: preserve-3d;
    perspective: 1000;
    backface-visibility: hidden;
    transform:translate3d(0,0,0);
    animation-timing-function: linear;
}

.mb_YTVPlayer.fullscreen {
    display:block!important;
    position: fixed!important;
    width: 100%!important;
    height: 100%!important;
    top: 0!important;
    left: 0!important;
    margin: 0!important;
    border: none !important;
}

.mb_YTVPlayer.fullscreen .mbYTP_wrapper { opacity:1 !important; }


.mbYTP_wrapper iframe { max-width: 4000px !important; }

.inline_YTPlayer {
    margin-bottom: 20px;
    vertical-align:top;
    position:relative;
    left:0;
    overflow: hidden;
    border-radius: 4px;
    -moz-box-shadow: 0 0 5px rgba(0,0,0,.7);
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,.7);
    box-shadow: 0 0 5px rgba(0,0,0,.7);
    background: rgba(0,0,0,.5);
}

.inline_YTPlayer img {
    border: none!important;
    -moz-transform: none!important;
    -webkit-transform: none!important;
    -o-transform: none!important;
    transform: none!important;
    margin:0!important;
    padding:0!important
}

/* ----------------------------------------------------------------
Persisent Footer
-----------------------------------------------------------------*/

.persistent-footer {
    position: fixed;
    bottom: -70px;
    height: 70px;
    width: 100%;
    background: #212121;
    color: #fff;
    text-align: center;
    transition: bottom .5s ease-in-out !important;
}

.persistent-footer .trial-offer {
    font-family: Helvetica, Arial, sans-serif;
    line-height: 70px;
    font-size: 18px;
}



.nav-dropdown-item {
    color: #fff !important;
}
.nav-dropdown-item:hover {
    color: #4ab4e8 !important;
}


.custom-owl-img {
    width:100%;
    height:300px;
    background-position:50% 50%;
    background-size:cover;
    background-repeat:no-repeat;
}

.portfolio-desc-c {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 1;
    z-index: 2;
    text-align: center;
    background-color: rgba(0,0,0,0.5);
}
.portfolio-item:hover .portfolio-desc-c, .iportfolio:hover .portfolio-desc-c {
    opacity: 1;
}

.portfolio-desc-c h3 {
    width:100%;
    height:100%;
    display:table;
    position:absolute;
    top:0;
    left:0;
    margin:0;
    padding-right:30px;
    padding-left:30px;
}
.portfolio-desc-c h3 a {
    display:table-cell;
    vertical-align:middle;
    color:#fff;
    font-size:18px;
}

.portfolio-overlay a.c-read-more {
    width:120px !important;
    height:30px !important;
    display:block;
    border:solid #fff 1px;
    font-size:14px;
    text-transform:uppercase;
    line-height:30px;
    color:#fff !important;
    text-align:center !important;
    border-radius:0 !important;
    background:transparent !important;
    top:auto !important;
    bottom:30px;
    margin-left:-75px !important;
}

@media (min-width:1401px) and (max-width:1700px){
    /* AI Score Landing Page */
    .row-fluid .scoring-hero { background-position:right center; }
    .row-fluid .scoring-hero .banner-caption { text-align: left !important; padding-right: 300px; }
    .row-fluid .scoring-hero .banner-caption br { display:none; }
}

@media (min-width:1201px) and (max-width:1400px){
    /* AI Score Landing Page */
    .row-fluid .scoring-hero { background-position:right center; }
    .row-fluid .scoring-hero .banner-caption { text-align: left !important; padding-right: 250px; }
    .row-fluid .scoring-hero .banner-caption br { display:none; }
    .row-fluid .scoring-hero .page-container { width: 1170px !important; }
    .row-fluid .scoring-hero { padding-bottom: 110px; }
    .row-fluid .ai-scoreform-section .contact-section .page-container { width: 1170px !important; }

    /* Product Webpage */
    .row-fluid .fraud-historic-rightin { padding: 80px 0 80px 50px; }
    .row-fluid .fraud-historic-right h2 { font-size: 40px; line-height: 50px; }
    .row-fluid .bank-review-col { padding: 0 20px; font-size: 18px; }
    .row-fluid .bank-review-col h4 { font-size: 20px; }

    .row-fluid .scoring-hero.suite-lphero h1 { font-size: 54px; line-height: 64px; }
}

@media (min-width:768px) and (max-width:1200px){
    /* AI Score Landing Page */
    .row-fluid .scoring-hero { padding: 80px 0; text-align: center; }
    .row-fluid .scoring-hero .page-container { width: 100% !important; padding: 0 15px; }
    .row-fluid .scoring-hero h1 { font-size: 40px; line-height: 50px; margin: 20px 0; }
    .row-fluid .scoring-hero br { display: none; }

    .row-fluid .ai-score-section .top-content { font-size: 18px; line-height: 28px; }
    .row-fluid .ai-score-section .two-column-section h4 { font-size: 24px; line-height: 34px; }
    .row-fluid .ai-score-section .two-column-section .highlight-box { padding: 0; }

    .row-fluid .highlight-content { font-size: 20px; line-height: 30px; }

    .row-fluid .risk-factor-right { padding-left: 30px; }
    .row-fluid .risk-factor-box h4 { font-size: 22px; line-height: 30px; margin-bottom: 5px; }
    .row-fluid .risk-factor-box { padding-top: 20px; padding-bottom: 70px; }

    .row-fluid .innovative-col { padding: 0 10px; }
    .row-fluid .innovative-wrap { font-size: 16px; line-height: 22px; }
    .row-fluid .innovative-section { margin-bottom: 10px; }

    .row-fluid .ai-scoreform-section .contact-section .page-container { width: 100% !important; padding: 0 15px; }
    .row-fluid .ai-scoreform-section .contact-section h2.white-text { font-size: 34px; line-height: 46px; }

    /* AI Suite Landing Page */
    .row-fluid .scoring-hero.suite-lphero h1 { font-size: 40px; line-height: 50px; margin-top: 30px; }
    .row-fluid .ai-site-lpcontent.ai-score-section h2 { font-size: 32px; line-height: 40px; }
    .row-fluid .ai-site-lpcontent.ai-score-section h3 { text-align: left !important; }

    /* Product Webpage */
    .mortgage_page .row-fluid .product-introsection .empower-section .empower-content { padding: 40px 20px; }
    .mortgage_page .row-fluid .product-introsection .data-full-content { padding: 280px 0 50px; }

    .row-fluid .edge-techsection { padding: 80px 0; }
    .row-fluid .edge-techleft { width: 55%; padding-right: 30px; }
    .row-fluid .edge-techleft h4 { text-align: left !important; }
    .row-fluid .edge-techright { width: 45%; }
    .row-fluid .edge-techright h3 { font-size: 40px; }

    .row-fluid .fraud-historic-rightin { padding: 50px 0 50px 30px; }
    .row-fluid .fraud-historic-right h2 { font-size: 30px; line-height: 38px; }
    .row-fluid .fraud-historic-right ul li { margin-top: 15px; font-size: 17px; }

    .row-fluid .bank-review-section { padding: 80px 0 70px; }
    .row-fluid .bank-review-section .bank-review-header h2 { font-size: 36px; line-height: 44px; }
    .row-fluid .bank-review-section .bank-review-header br { display: none; }
    .row-fluid .bank-review-col { font-size: 16px; line-height: 24px; padding: 0 20px; }
    .row-fluid .bank-review-col h4 { text-align: left !important; }
}

@media (max-width:767px){

    /* AI Score Landing Page */
    .row-fluid .scoring-hero { padding: 50px 0; text-align: center; }
    .row-fluid .scoring-hero .page-container { width: 100% !important; }
    .row-fluid .scoring-hero h1 { font-size: 29px; line-height: 38px; }
    .row-fluid .scoring-hero br { display: none; }

    .row-fluid .ai-score-section { padding: 50px 0; }
    .row-fluid .ai-score-section h2 { font-size: 28px; line-height: 34px; }
    .row-fluid .ai-score-section .top-content { font-size: 16px; line-height: 26px; }
    .row-fluid .ai-score-section .two-column-section { padding: 40px 0; font-size: 16px; }
    .row-fluid .ai-score-section .two-column-section h4 { font-size: 22px; line-height: 28px; }
    .row-fluid .ai-score-section .two-column-section .highlight-box { padding: 50px 0 0; }

    .row-fluid .highlight-content { font-size: 19px; line-height: 28px; padding: 25px 0 15px; }

    .row-fluid .risk-factor-box { padding-top: 10px; padding-bottom: 50px; }
    .row-fluid .risk-factor-left { width: 100%; }
    .row-fluid .risk-factor-right { width: 100%; padding-top: 35px; }
    .row-fluid .risk-factor-box h4 { font-size: 22px; line-height: 30px; }
    .row-fluid .risk-factor-right .risk-factor-col { font-size: 16px; }

    .row-fluid .innovative-section { padding: 40px 15px; font-size: 16px; margin-bottom: 0; }
    .row-fluid .innovative-section h4 { font-size: 22px; line-height: 28px; }
    .row-fluid .innovative-col { width: 100%; padding: 0 0 30px; }
    .row-fluid .innovative-title { height: auto !important; }
    .row-fluid .innovative-wrap { font-size: 18px; line-height: 24px; }

    .row-fluid .ai-scoreform-section .contact-section .page-container { width: 100% !important; }
    .row-fluid .ai-scoreform-section .contact-section h2.white-text { font-size: 24px; line-height: 34px; }

    /* AI Suite Landing Page */
    .row-fluid .scoring-hero.suite-lphero h1 { font-size: 29px; line-height: 40px; }
    .row-fluid .scoring-hero.suite-lphero h1 br { display:none; }
    .row-fluid .ai-site-lpcontent.ai-score-section h2 { font-size: 24px; line-height: 34px; }
    .row-fluid .ai-site-lpcontent.ai-score-section h3 { text-align: left !important; font-size: 22px; line-height: 28px; }
    .row-fluid .ai-site-lpcontent.ai-score-section .top-content { font-size: 16px; line-height: 26px; }
    .row-fluid .scoring-hero.suite-lphero:after { display:none; }

    /* Product Webpage */
    .mortgage_page .row-fluid .product-introsection .empower-section .empower-content { padding: 50px 15px; }
    .mortgage_page .row-fluid .product-introsection .empower-section .empower-content h2 { margin-bottom: 15px; }
    .row-fluid .product-introsection .empower-section .empower-content p { line-height: 26px; }
    .mortgage_page .row-fluid .product-introsection.normal-liststyle .empower-section .empower-content .scroll-down a { min-width: 1px; font-size: 20px; padding: 16px 30px 18px 30px; }
    .mortgage_page .row-fluid .product-introsection .data-full-content { margin: 0; padding: 50px 0; }
    .mortgage_page .row-fluid .product-introsection .data-full-content:before { display: none; }
    .mortgage_page .row-fluid .product-introsection .data-full-content:after { display: none; }
    .mortgage_page .row-fluid .product-introsection .data-full-content .data-inner-content img { margin-top: 20px !important; }
    .mortgage_page .row-fluid .product-introsection .empower-section .empower-content br { display:none; }

    .row-fluid .edge-techsection { padding: 50px 0; }
    .row-fluid .edge-techraw { display: block; }
    .row-fluid .edge-techleft { width: 100%; padding: 0 0 40px; }
    .row-fluid .edge-techleft h4 { font-size: 20px; line-height: 30px; }
    .row-fluid .edge-techright { width: 100%; }
    .row-fluid .edge-techright h3 { font-size: 34px; line-height: 42px; }

    .row-fluid .web-content-strip { padding: 50px 0; font-size: 18px; line-height: 26px; text-align: center; }
    .row-fluid .web-content-strip .web-content-stripin { padding: 0; }
    .row-fluid .web-content-strip .web-content-stripin:before { display: none; }

    .row-fluid .fraud-historic-left { min-height: 300px !important; width: 100%; }
    .row-fluid .fraud-historic-raw { display: block; width: 100%; }
    .row-fluid .fraud-historic-right { width: 100%; padding: 50px 15px !important; min-height: 1px !important; }
    .row-fluid .fraud-historic-rightin { padding: 0; }
    .row-fluid .fraud-historic-right h2 { font-size: 26px; line-height: 34px; margin: 0; }
    .row-fluid .fraud-historic-right ul li { font-size: 16px; margin-top: 20px; }

    .row-fluid .bank-review-section { padding: 50px 0; }
    .row-fluid .bank-review-section .bank-review-header h2 { font-size: 24px; line-height: 32px; }
    .row-fluid .bank-review-section br { display:none; }
    .row-fluid .bank-review-section .bank-review-header { font-size: 16px; }
    .row-fluid .bank-review-col { padding: 0; text-align: center; width: 100%; }
    .row-fluid .bank-review-colin { float: none; display: inline-block; vertical-align: top; width: 450px; max-width: 100%; background: #f8f8f8; padding: 30px 15px; font-size: 16px; }
    .row-fluid .bank-review-icon { justify-content: center; }
    .row-fluid .bank-review-col:last-child { margin-bottom: 0; }

    #primary-menu ul li ul {
        /*padding-left:0;*/
        width:100% !important;
    }
    #primary-menu ul li {
        display: inline-block;
        width: 100%;
    }

    .hide-on-mobile {
        display:none !important;
    }

    .center-on-mobile {
        text-align: center !important;
    }

    .topmargin-on-mobile {
        margin-top: 30px!important;
    }

    .0-topmargin-on-mobile {
        margin-top: 0px!important;
    }

    .minus-10-topmargin-on-mobile {
        margin-top: -10px!important;
    }

    .topadding-on-mobile {
        padding-top: 15px!important;
    }

    .topadding25-on-mobile {
        padding-top: 25px!important;
        padding-bottom: 25px!important;
    }    

    .topadding40-on-mobile {
        padding-top: 40px!important;
        padding-bottom: 40px!important;
    }

    .leftpadding30-on-mobile {
        padding: 0px 0px 0px 30px!important;
    }
    .sidepadding-on-mobile {
        padding: 0px 0px 0px 0px!important;
    }    

    .mobile-padding {
        padding-top: 0px!important;
        padding-bottom: 0px!important;
        margin-top: 0px!important;
        margin-bottom: 0px!important;
    }


    .no-side-padding-on-mobile {
        padding-left: 0px!important;
        padding-right: 0px!important;
    }

    .25mobile-margin {
        margin: 25px 0 25px 0!important;
    }

    .15mobile-margin {
        margin: 15px 0 15px 0!important;
    }

    .remove-left-right-margin {
        margin-left: 0px!important;
        margin-right: 0px!important;
    }

    .margin-top25 {
        margin-top: 25px!important;
    }

    .bg-align-right {
        background-position: bottom right!important;
        display: block;
        float: none;
        width: auto;
    }     

}



.zindex-minusone {
    z-index: -10!important;
    position: relative!important;
}

.zindex-plusone {
    z-index: 100!important;
    position: relative!important;
}    


@media (max-width:1280px){
    #primary-menu ul li a {
        font-size:10px;   
        padding:0 5px;
    }   
}

@media (max-width:767px){
    #primary-menu ul li ul {
        padding-left:0;
    }   
    #primary-menu ul li ul li a {
        font-size:10px !important;
        font-weight:600 !important;
    }
    #header.full-header #primary-menu > ul {
        padding-right:0 !important;
    }
}

@media (min-width:768px){
    #header.full-header #primary-menu > ul {
        padding-right:25px !important;
    }
}


.webinar-lp h1 {font-size:57px; line-height:63px;}
.webinar-lp h2 {font-size:48px; line-height:56px;}
.webinar-lp h3 {font-size:46px; line-height:54px;}
.webinar-lp h4 {font-size:35px; line-height:43px;}

.row-fluid [class*="span"] {min-height:0;}
.header-section {padding:15px 0; }
.header-section .logo-wrap {float:left;}
.row-fluid .bg-img {display:none;}
.bg-wrapper {background-size:cover; background-position:center center; background-repeat:no-repeat;}
.row-fluid .banner-section  {position:relative;min-height:650px;}
.banner-section:after {content:''; width:100%; height:140px; background-image:url(https://www.datatree.com/hubfs/Datatree_2020/Images/banner-btm-shape.png); position:absolute; left: 0; bottom:0;background-repeat: no-repeat; background-size: cover;}
.banner-section .banner-img {position:absolute; right: 0; bottom:-50px; z-index: 2; text-align: right; overflow: hidden;}
.banner-section .banner-img img {right: -140px; position: relative;}
.row-fluid .banner-section .container {max-width:1170px; width:100%; margin: 0 auto; float: none;}

.row-fluid .banner-section .hero-wrap {position: absolute; width: 900px; top: 50%; transform: translateY(-50%);}

.row-fluid .banner-section .banner-caption {position: absolute; width: 590px; top: 50%; transform: translateY(-50%); }
.row-fluid .banner-section .banner-caption h4, .row-fluid .banner-section .banner-caption h1{color:#fff;}
.row-fluid .banner-section .banner-caption h4 {margin-bottom:0}

a.blue-btn {font-size:18px; line-height:18px; color:#fff; background-color:#00a1de; padding: 16px 32px; border-radius: 25px; font-weight: 700; display:inline-block; transition:all ease 0.4s;position:relative;z-index:1; overflow:hidden;vertical-align: middle;}
a.blue-btn:after {content:''; width:100%; height:100%;/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#164266+0,ffffff+100 */
    background: rgb(22,66,102); /* Old browsers */
    background: -moz-linear-gradient(left,  rgba(22,66,102,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  rgba(22,66,102,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  rgba(22,66,102,1) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#164266', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
    opacity:0.37;position:absolute; left:0;top:0;z-index:-1;transition:all ease 0.4s;}
a.blue-btn:hover {background:#00a1de;}
a.blue-btn:hover:after {opacity:0;}

.impact-2020-section {text-align:center; padding:80px 0;}
.row-fluid .impact-2020-section .container {max-width:970px;float: none;margin: 0 auto }
.impact-2020-section h5 {color: #003865; font-size: 26px; line-height: 35px; font-weight: 400;}
.impact-2020-section h2 {color: #003865;padding-bottom: 20px; position:relative;    margin-bottom: 30px;}
.impact-2020-section h2:after {content:''; width:64px; height:2px; background-color:#e37222; position:absolute; left:0; right:0; margin:0 auto;bottom:0;} 
.row-fluid .impact-2020-section .img-wrap {max-width:400px; margin:0 auto; float:none;}
.impact-2020-section .img-wrap img {width:100%;}
.impact-2020-section .section-content {font-size:19px; line-height:36px;}

.stretched.webinar-lp.watch-lp .impact-2020-section {padding: 50px 0;}

.landing-footer-section {position:relative;padding:250px 0 60px;}
.landing-footer-section:before {content:''; width:100%; height:161px;background-image:url(https://www.datatree.com/hubfs/Datatree_2020/Images/footer-top-shape.png); position:absolute; left:0; top:0;    background-repeat: no-repeat;
    background-size: cover;}
.landing-footer-section .row-fluid  .footer-logo{text-align:center;margin:0;}
.landing-footer-section .row-fluid .webinar-form-wrap{max-width:795px;margin: 0 auto 60px;float:none;background-color:#fff;border-radius:20px;text-align:center;padding:35px;box-shadow: 0 8px 76px rgba(0,0,0,0.18); position:relative; z-index:2;}
.landing-footer-section .sub-title { font-size:23px; line-height:32px; color:#003865; font-weight:400; margin-bottom:0px;}
.landing-footer-section h3 {color:#003865; }

.landing-footer-section .webinar-form-wrap form fieldset { margin: 0 13px;}
.landing-footer-section .webinar-form-wrap form fieldset .input {margin-right:0 !important;}
.landing-footer-section .webinar-form-wrap form .hs-form-field {padding:0 10px;text-align: left;}
.landing-footer-section .webinar-form-wrap form input {padding: 15px 10px; height: 55px; border-radius: 30px !important;}
.landing-footer-section .webinar-form-wrap form fieldset .legal-consent-container {text-align:center; margin:20px 0; font-size:12px; line-height:20px;font-weight:700;}
.landing-footer-section .webinar-form-wrap form .hs-submit {width:100%; text-align:center;float:left;}
.landing-footer-section .webinar-form-wrap form .hs-submit input { margin-top:0;min-width: 328px; background: rgba(22, 66, 102, 0.37); background: -moz-linear-gradient(left, rgba(22,66,102,1) 0%, rgba(255,255,255,1) 100%);
    background: -webkit-linear-gradient(left, rgba(22, 66, 102, 0.37) 0%,rgba(0, 161, 222, 0.37) 100%); background: linear-gradient(to right, rgba(22, 66, 102, 0.37) 0%,rgba(0, 161, 222, 0.37) 100%);  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#164266', endColorstr='#ffffff',GradientType=1 );
    background-color: #00a1de; transition:all ease 0.4s; -webkit-transition:all ease 0.4s;-moz-transition:all ease 0.4s;}
.landing-footer-section .webinar-form-wrap form .hs-submit input:hover { background: #00a1de !important;}
.landing-footer-section .webinar-form-wrap form ul.hs-error-msgs {list-style:none; padding-left:0;} 
.landing-footer-section .webinar-form-wrap form ul.hs-error-msgs label {font-size:14px;line-height:22px;}

/* 

.landing-footer-section .webinar-form-wrap form fieldset:nth-child(5), .landing-footer-section .webinar-form-wrap form fieldset:nth-child(8) {width:calc(100% - 26px); margin:0 13px;}
.landing-footer-section .webinar-form-wrap form fieldset:nth-child(5) .input, .landing-footer-section .webinar-form-wrap form fieldset:nth-child(8) input {margin-right:0 !important;}
.landing-footer-section .webinar-form-wrap form fieldset:nth-child(2n+1) {clear:left;}

*/

.watch-lp h1 {color:#003865;}

.impact-2020-section h1 {margin-bottom:50px;}
.impact-2020-section .video-wrap {margin-bottom:50px;}

.landing-footer-section .webinar-form-wrap .ready-to-learn-form fieldset.form-columns-2 {width:100%;margin: 0;}
.landing-footer-section .webinar-form-wrap .ready-to-learn-form fieldset:nth-child(3) {width:100%;margin: 0;}
.landing-footer-section .webinar-form-wrap .ready-to-learn-form fieldset .input { margin-right:0;}
.landing-footer-section .webinar-form-wrap .ready-to-learn-form fieldset .input input {padding:15px 25px; font-size:18px;}
.landing-footer-section .webinar-form-wrap .ready-to-learn-form fieldset.form-columns-2 .hs-form-field  {width:calc(50% - 16px); margin:0 8px;}
.landing-footer-section .webinar-form-wrap .ready-to-learn-form fieldset:nth-child(3) .hs-form-field {width:calc(100% - 16px); margin:0 8px;}
.landing-footer-section .webinar-form-wrap .ready-to-learn-form fieldset label span.hs-form-required {display:none;}
.landing-footer-section .webinar-form-wrap .ready-to-learn-form fieldset {width:calc(100% - 16px); margin:0 8px;}
.landing-footer-section .webinar-form-wrap .ready-to-learn-form .hs-product_offerings {margin-top:15px; padding:0 15px;}
.landing-footer-section .webinar-form-wrap .ready-to-learn-form .hs-product_offerings label {font-size:18px; font-family: 'Open Sans',Helvetica,Arial,sans-serif; font-weight:600;text-transform: none; letter-spacing: 0;}
.landing-footer-section .webinar-form-wrap .ready-to-learn-form .hs-product_offerings ul {padding-left:0;}
.landing-footer-section .webinar-form-wrap .ready-to-learn-form .hs-product_offerings ul li {display:inline-block;vertical-align:middle;margin: 0 15px 0 0;}
.landing-footer-section .webinar-form-wrap .ready-to-learn-form .hs-product_offerings ul li input   {  width: 19px !important; height: 19px; display: inline-block; vertical-align: middle; margin: 0; position: absolute; left: 0;    z-index: 1; opacity: 0;}
.landing-footer-section .webinar-form-wrap .ready-to-learn-form .hs-product_offerings ul li label {padding-left:30px; position:relative;}
.landing-footer-section .webinar-form-wrap .ready-to-learn-form .hs-product_offerings ul li label span:before {content:''; width:19px; height:19px; background-color:#E1E1E1; position:absolute;border-radius: 50%; left: 0; top:5px;}
.landing-footer-section .webinar-form-wrap .ready-to-learn-form .hs-product_offerings ul li label input[type="checkbox"]:checked + span:after {content:''; width:8.9px; height:8.9px; background-color:#009BD9; position:absolute;left: 5px; top: 10px; border-radius: 50%;}
.landing-footer-section .webinar-form-wrap .ready-to-learn-form fieldset textarea {height:134px;    border-radius: 30px !important; padding: 15px 25px; font-size: 18px; resize:none;}
.landing-footer-section .webinar-form-wrap .ready-to-learn-form .hs-submit{margin-top:40px;}
.landing-footer-section .webinar-form-wrap .ready-to-learn-form .hs-submit input {  font-size: 18px; text-transform: none; font-weight: 700;}

.landing-footer-section .webinar-form-wrap .ready-to-learn-form input::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #434445;}
.landing-footer-section .webinar-form-wrap .ready-to-learn-form input::-moz-placeholder { color:#434445;}
.landing-footer-section .webinar-form-wrap .ready-to-learn-form input:-ms-input-placeholder { /* IE 10+ */ color:#434445;}
.landing-footer-section .webinar-form-wrap .ready-to-learn-form input:-moz-placeholder { /* Firefox 18- */ color:#434445;}

.landing-footer-section .webinar-form-wrap .ready-to-learn-form textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #434445;}
.landing-footer-section .webinar-form-wrap .ready-to-learn-form textarea::-moz-placeholder { color:#434445;}
.landing-footer-section .webinar-form-wrap .ready-to-learn-form textarea:-ms-input-placeholder { /* IE 10+ */ color:#434445;}
.landing-footer-section .webinar-form-wrap .ready-to-learn-form textarea:-moz-placeholder { /* Firefox 18- */ color:#434445;}

.mt-m120 {margin-top:-120px !important;}
.pt-0 {padding-top:0 !important;}
.mt-140 {margin-top:140px;}

.video-img-cta-wrap {position:relative; margin-bottom:30px;}
.video-img-cta-wrap .video-cta {position:absolute; top:50%; left:50%; transform:translate(-50% , -50%); width:auto;}

.webinar-lp .footer-widgets-wrap h4 {font-size: 18px;line-height:1.5;}

.webinar-lp #footer .hs_cos_wrapper_type_post_listing ul li:before {content: "\f105";font-family: "FontAwesome";}

.general-int-lp .banner-section:after { height:164px;}

.general-int-lp .impact-2020-section .section-content.iconwrap .span3 img {width:80px; height:80px; object-fit:contain;    margin-bottom: 15px;}


body.list-page {color:#242A31;}

.banner-section.flat-btm:after {display:none;}
.banner-section .banner-caption img {margin-bottom:25px;}
.banner-section .banner-caption .sub-title h1 {margin-bottom:35px; font-size:29px; line-height:40px;color: #242A31;  font-weight: 400; }
.list-page .row-fluid .banner-section .banner-caption {width:650px;}
.list-page .row-fluid .banner-section a.blue-btn {min-width: 232px;text-align: center;border-radius: 10px;padding: 24px 32px;}
.list-page .row-fluid .banner-section a.blue-btn:after {display:none;}
.list-page .row-fluid .banner-section a.blue-btn:hover {background-color:#242b31;}

.quote-section {padding:100px 0;}
.list-page .row-fluid .container {max-width:1170px; width:100%; margin: 0 auto; float: none;}
.row-fluid  .quote-section .quote-content-wrap h5 {margin: 0; color: #fff; font-size: 25px; line-height: 37px; font-weight: 400; padding-left: 25px;position: relative;}
.row-fluid  .quote-section .quote-content-wrap h5:before {content:'';width:5px; height:108px; background-color:#49B3E7; position:absolute; left:0; top:4px;}

.zigzag-section {padding:100px 0;}
.list-page .row-fluid .zigzag-section .container {max-width:1100px;}
.zigzag-section .single-row {margin-bottom:70px;width: 100%; float: left; display: inline-flex; align-items: center; justify-content: center;}
.zigzag-section .single-row:nth-child(even) {flex-direction:row-reverse;}
.zigzag-section .single-row .img-wrap {width:40%; float:left;}
.zigzag-section .single-row .content-wrap {width:60%; float:left;padding-left: 70px;}
.zigzag-section .single-row:nth-child(even) .content-wrap {padding-right: 70px;}
.zigzag-section .single-row .content-wrap h5 {font-size: 28px; line-height: 36px;font-weight: 600;color: #242A31;}
.zigzag-section .single-row .content-wrap .content-text {font-size: 18px;line-height: 30px;}
.zigzag-section .single-row .content-wrap .content-text ul {margin:20px 0;}
.zigzag-section .single-row .content-wrap .content-text ul li {position:relative;list-style: none;    margin-bottom: 5px;}
.zigzag-section .single-row .content-wrap .content-text ul li:before {content:''; width:4px; height:4px; background-color:#242A31;position:absolute; left: -20px;top: 13px; border-radius: 50%;}
.zigzag-section .single-row:last-child {margin-bottom:0;}

.industries-served-section {padding:100px 0 60px;}
.industries-served-section .section-title {text-align:center;}
.industries-served-section .section-title h2 {font-size:39px; line-height:46px;color: #fff;margin-bottom:70px;}
.industries-served-section .services-wrap .single-service-col {width:calc(25% - 30px); float:left; margin:0 15px 40px;text-align: center;}
.industries-served-section .services-wrap .single-service-col:nth-child(4n + 1) {clear:left;}
.industries-served-section .services-wrap .single-service-col .icon-wrap {max-height: 75px;margin-bottom: 20px;}
.industries-served-section .services-wrap .single-service-col .icon-wrap img {height:75px !important;}
.industries-served-section .services-wrap .single-service-col h5 span {font-size:22px; line-height:32px; color:#fff; transition:all ease 0.4s;}
/* .industries-served-section .services-wrap .single-service-col h5 a:hover { color: #25b3e5;} */


.form-section {padding:100px 0;}
.form-section .section-title {text-align:center;}
.form-section .section-title .sub-title {font-size: 33px;line-height: 42px;font-weight: 700;}
.form-section .section-title h3 {font-size: 66px;line-height: 74px;color: #242A31; margin-top: 10px; margin-bottom:40px;}
.form-section .row-fluid .webinar-form-wrap {max-width: 750px;margin: 0 auto;float: none;}
.form-section .webinar-form-wrap .ready-to-learn-form .hs-form-field span.hs-form-required {display:none;}
.form-section .webinar-form-wrap .ready-to-learn-form .hs-form-field .input {margin-right:0;}
.form-section .webinar-form-wrap .ready-to-learn-form .hs-form-field {padding:0 10px;}
.form-section .webinar-form-wrap .ready-to-learn-form .hs-form-field input {border-color: #616161; padding: 15px 15px; height: 55px;}
.form-section .webinar-form-wrap .ready-to-learn-form .hs-form-field textarea {height:180px;border-color: #616161; padding: 15px 15px;}
.form-section .webinar-form-wrap .ready-to-learn-form .hs-submit {text-align: center; margin-top: 30px;}
.form-section .webinar-form-wrap .ready-to-learn-form .hs-submit input {font-size: 20px;line-height: 20px; text-transform: none; letter-spacing: 0; padding: 20px !important;  height: 66px; min-width: 232px; border-radius: 8px; transition:all ease 0.4s;}
.form-section .webinar-form-wrap .ready-to-learn-form .hs-form-field input::-webkit-input-placeholder { /* Chrome/Opera/Safari */  color: #242A31;	}
.form-section .webinar-form-wrap .ready-to-learn-form .hs-form-field input::-moz-placeholder { /* Firefox 19+ */  color: #242A31;	}
.form-section .webinar-form-wrap .ready-to-learn-form .hs-form-field input:-ms-input-placeholder { /* IE 10+ */   color: #242A31;	}
.form-section .webinar-form-wrap .ready-to-learn-form .hs-form-field input:-moz-placeholder { /* Firefox 18- */  color: #242A31;}

.home-new .row-fluid .banner-section {background-position: 50% 0%; background-size: cover;}
@media screen and (max-width:900px) {
    .home-new .row-fluid .banner-section { background:#054C6C!important; }
}
.home-new .row-fluid .banner-section .banner-caption {max-width:660px; width:100%;}
.home-new .row-fluid .banner-section .banner-caption .banner-logo img {max-width:390px;}
.home-new .row-fluid .banner-section .banner-caption h2{font-size:48px;line-height:58px;color:#fff;margin-bottom:25px;}
.home-new .row-fluid .banner-section .banner-caption h1{font-size:31px;line-height:21px;color:#fff;margin-bottom:25px; font-weight:400;}
.home-new .row-fluid .banner-section .banner-caption p{font-size:22px;line-height:38px;color:#fff;font-weight:400;margin-bottom:25px;}
.home-new .row-fluid .banner-section .banner-caption .blue-btn a { min-width: 232px; text-align: center; border-radius: 10px; padding: 24px 32px;font-size: 18px; line-height: 18px; color: #fff; background-color: #00a1de;font-weight: 700;
    display: inline-block; transition: all ease 0.4s; position: relative; z-index: 1; overflow: hidden; vertical-align: middle;}
.home-new .row-fluid .banner-section .banner-caption .blue-btn a:hover {background-color: #242b31;}

.advantage-section {padding:45px 0;}



/*** Event Page 09-03-2020  ***/
.fl100 { width:100%; float:left; }
.row-fluid .wrapper { margin:0 auto !important; width:1400px; float:none; }
.row-fluid .hero_event { padding:150px 0; font-family: 'Lato', sans-serif; color:#fff; font-size:22px; line-height:36px; height:100vh; position:relative; }
.row-fluid .hero_event:before { content:''; width:100%; height:100%; position:absolute; top:0; left:0; background:#000; opacity:0.67; }
.row-fluid .hero_event > div { position:relative; }
.row-fluid .hero_event_inner { margin:0 auto !important; width:100%; max-width:850px; float:none; }
.row-fluid .hero_event .sub { font-size:28px; line-height:36px; text-transform:uppercase; font-family:'Oswald', sans-serif; }  
.row-fluid .hero_event h1 { font-size:130px; line-height:134px; font-family:'Oswald', sans-serif !important; color:#fff; font-weight:400; text-transform:uppercase; text-align:left !important; }
.row-fluid .hero_event h4 { font-size:28px; line-height:36px; color:#009EDC; font-family: 'Lato', sans-serif !important; font-weight: 400; text-align:left !important; }
.row-fluid .down_arrows { margin-top:40px; }
.row-fluid .down_arrows img { -webkit-animation: mover 1s infinite  alternate; animation: mover 1s infinite  alternate; }
@-webkit-keyframes mover { 0% { transform: translateY(0); }  100% { transform: translateY(-10px); } }

.row-fluid .header_event { padding:30px; position:absolute; top:0; left:0; width:100%; z-index:99; }
.row-fluid .header_event .logo img { max-height:59px; }

.row-fluid .social_icons { color:#fff; font-size:16px; line-height:26px; font-family: 'Lato', sans-serif; text-align:right; }
.row-fluid .social_icons span.title { vertical-align:bottom; }
.row-fluid .social_icons ul { margin:0; padding:0; list-style-type:none; display:inline-block; vertical-align:middle; }
.row-fluid .social_icons ul li { margin:0 0 0 20px; padding:0; display:inline-block; vertical-align: middle; }
.row-fluid .social_icons ul li a:hover { opacity:0.9; }

.row-fluid .footer_bottom { padding:60px 0;  text-align:center; border-top:1px solid #CBCBCB; }
.row-fluid .logo_ft img { max-height:80px; }

.row-fluid .experts_section { padding:80px 0 40px; } 

.row-fluid .experts_top h2 { font-size:46px; line-height:54px; font-family:'Oswald', sans-serif !important; font-weight:400; text-transform:uppercase; color:#003865; }
.row-fluid .experts_left { margin:0; padding:0 70px 0 0; width:calc(100% - 375px); float:left; }
.row-fluid .experts_row { padding:30px 0; font-size:16px; line-height:28px; border-bottom:1px solid #CBCBCB; font-family: 'Lato', sans-serif; }
.row-fluid .experts_row:last-child { border-bottom:none; }
.row-fluid .experts_img { width:200px; height:210px; float:left; }
.row-fluid .experts_text { padding:0 0 0 30px; width:calc(100% - 200px); float:left; }
.row-fluid .experts_text .com_name { margin:0 0 10px; font-size:20px; line-height:26px; color:#00A0DE; }
.row-fluid .experts_text h3 { margin:10px 0 5px; font-size:24px; line-height:32px; color:#003865; font-family: 'Lato', sans-serif !important; font-weight:400; text-transform:uppercase; text-align:left !important; }
.row-fluid .no-image .experts_text{padding:0; width:100%;}

.row-fluid .meeting_form { margin:0; padding:40px 40px 200px; width:375px; color:#fff; font-family: 'Lato', sans-serif; position:relative; }
.row-fluid .meeting_form:before { content:''; width:100%; height:100%; position:absolute; top:0; left:0; background: -moz-linear-gradient(top,  rgba(0,55,101,1) 0%, rgba(0,55,101,1) 75%, rgba(0,55,101,0) 100%); background: -webkit-linear-gradient(top,  rgba(0,55,101,1) 0%,rgba(0,55,101,1) 75%,rgba(0,55,101,0) 100%); background: linear-gradient(to bottom,  rgba(0,55,101,1) 0%,rgba(0,55,101,1) 75%,rgba(0,55,101,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003765', endColorstr='#00003765',GradientType=0 ); }
.row-fluid .meeting_form .meeting_form_inner { position:relative; }
.row-fluid .meeting_form h4 { font-size:30px; line-height:36px; color:#fff; font-family:'Oswald', sans-serif !important; text-transform:uppercase; text-align:center; font-weight:400; }  
.row-fluid .meeting_form .hs-form-field > label { color:#fff; font-family: 'Lato', sans-serif; text-transform:none; font-weight:300; letter-spacing: 0.5px; }
.row-fluid .meeting_form .hs-richtext { margin:20px 0; }
.row-fluid .meeting_form .actions { text-align:center; }
.row-fluid .meeting_form .hs-button { padding:16px 32px !important; font-size:14px; border-radius:100px; text-transform:none; font-family: 'Lato', sans-serif; height:auto; background-color:#009FDD;}
.row-fluid .meeting_form .hs_error_rollup { display:none; }
.row-fluid .meeting_form .submitted-message { color:#fff; text-align:center; }

.row-fluid .meeting_form ul.hs-error-msgs { margin:0; padding:0; list-style-type:none; }
.row-fluid .meeting_form ul.hs-error-msgs li label { color:#fff; font-family: 'Lato', sans-serif; text-transform:none; font-weight:300; }

.row-fluid .book_img { position:absolute; bottom:0; left:0; width:100%; z-index: -1; }
.row-fluid .book_img img { width:100%; }

/* default-form */
.row-fluid .contact-form-wrapper .container { width: 1170px; margin: 0 auto;  float: none; }
.row-fluid .default-form form { box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.2); padding: 30px 20px; }
.row-fluid .contact-form-wrapper { margin-top: 0; }
.row-fluid .contact-form-wrapper .default-form { background: #ffffff; max-width: 700px; margin: -250px auto 80px; float: none; }
/* Default Form Code */
.default-form .hs-form .hs-form-field > label span.hs-form-required{display:none;}
.default-form .hs-form .hs-form-field > label span:not(:empty) + span.hs-form-required{display:inherit;}
.default-form .hs-form .hs-form-field .input{margin:0;}
.default-form .hs-form fieldset.form-columns-2{margin:0 -6px;}   
.default-form .hs-form fieldset.form-columns-2 .hs-form-field{width:calc(50% - 12px); margin:0 6px;}
.default-form .hs-form fieldset.form-columns-3{margin:0 -6px;}      
.default-form .hs-form fieldset.form-columns-3 .hs-form-field{width:calc(33.33% - 12px); margin:0 6px;}
.row-fluid .default-form form input , .row-fluid .default-form form select { height: 50px; color: #003763; font-family: 'Lato', sans-serif;  -webkit-appearance: none;}
.row-fluid .default-form form .hs-richtext.hs-main-font-element {padding-left: 6px; }        
.row-fluid .default-form form .hs-richtext {  font-size: 18px; padding: 10px 0 0 10px; font-family: 'Lato', sans-serif; color: #000000; }
.row-fluid .default-form fieldset, .default-form .hs-form fieldset.form-columns-2 { margin-bottom: 10px; }
.row-fluid .default-form form .actions input { font-family: 'Lato', sans-serif; width: 100%; background: #4AB4E8; text-align: center; padding: 16px 32px !important; border-radius: 35px; max-width: 240px; transition: all 0.5s; margin-top: 20px; height: initial; font-weight: 400; text-transform: none; color: #ffffff; }
.row-fluid .default-form form .actions input:hover { background: #047ba0 !important; }
.row-fluid .default-form form .actions { text-align: center; }   
.row-fluid .default-form form select { cursor: pointer; background: url(https://www.datatree.com/hubfs/_Icons/down-arrow.png) no-repeat; background-position: right 15px center; background-size: 10px; }
.row-fluid .default-form form label {  color: #003763; font-weight: 600; text-transform: none; letter-spacing: 0;     font-family: 'Lato', sans-serif; }
.row-fluid .default-form form  ul.no-list.hs-error-msgs.inputs-list li { list-style: none; }
.row-fluid .default-form form  ul.no-list.hs-error-msgs.inputs-list { padding: 0; }
.row-fluid .default-form form  ul.no-list.hs-error-msgs.inputs-list li label { font-size: 12px; }    
.row-fluid .default-form form ul.no-list.hs-error-msgs.inputs-list li label { margin: 0 0 0 5px; }
.default-form .hs-form fieldset.form-columns-2 { margin: 0px -6px 10px -6px; }
.row-fluid .default-form .submitted-message { padding: 40px 20px; text-align: center; }
.row-fluid .default-form .submitted-message p { color: #003763; font-size: 20px; }
.row-fluid .default-form form textarea { height: 100px;}

.casestudy-lp .casestudy-banner-section {    padding: 255px 0 140px;}
.casestudy-banner-section  {padding: 175px 0;} 
.casestudy-banner-section .banner-caption h1 {color:#00A0DE;font-family: 'Oswald', sans-serif !important; font-size:52px; line-height:60px;font-weight: 400;}
.casestudy-banner-section .banner-caption h2 {font-size: 49px; line-height: 60px; font-family: 'Oswald', sans-serif !important; font-weight: 400; color: #fff;}
.casestudy-banner-section .page-container {width: 1400px !important;}

.form-content-section {padding-bottom:66px;}
.form-content-section .page-container {width: 1400px !important;}
.form-content-section .form-part {margin-top:-70px;background-color: #003763; padding: 70px 40px;color:#fff;box-shadow: 0 16px 12px rgba(0,0,0,0.21);}
.form-content-section .form-part h3 {text-align:center;font-family: 'Oswald', sans-serif !important; font-size:40px; line-height:48px;color:#fff; font-weight: 300;}
.form-content-section .form-part form .hs-form-field label span {font-size: 17px;line-height:22px; color:#fff; text-transform:none; font-weight:400;font-family: 'Lato', sans-serif;} 
.form-content-section .form-part form .hs-form-field .input input { height:66px;}
.form-content-section .form-part form .hs-form-field {margin-bottom:10px;}
.form-content-section .form-part form .hs-richtext p {font-size: 17px; line-height: 25px;font-weight: 400;}
.form-content-section .form-part form .hs-submit { text-align: center; margin-top: 20px;}
.form-content-section .form-part form .hs-submit input { border-radius: 35px; padding: 15px 35px !important; height: 66px; transition:all ease 0.4s;}
.form-content-section .form-part form .hs-form-field .hs-error-msgs  {display:none !important;}
.form-content-section .form-part form .hs_error_rollup ul {padding-left:0;}
.form-content-section .form-part form .hs_error_rollup ul li  {list-style:none;}
.form-content-section .form-part form .hs_error_rollup ul li label {color:#fff;}
.form-content-section .form-part .submitted-message {text-align:center;}

.form-content-section .content-part {padding-top:88px;font-size: 17px; line-height: 28px;font-family: 'Lato', sans-serif;}
.form-content-section .content-part img {margin-left:85px;}
.form-content-section .content-part h4 {display: inline-block; margin-top: 30px;font-size: 28px; line-height: 35px; color: #003864;font-family: 'Lato', sans-serif !important;
    font-weight: 400;}
.form-content-section .content-part ul li {font-family: 'Lato', sans-serif !important;font-size: 17px; line-height: 28px; position:relative;list-style: none;margin-bottom: 7px;}
.form-content-section .content-part ul li:before {content:''; width:5px; height:5px; border-radius:50%; background-color:#00A0DE; position:absolute; left: -20px; top: 10px;}

.lp-main-header {position: absolute; top:0; width:100%;}
.list-page .new-header-section .row-fluid .container, .list-page .top-header .row-fluid .container {max-width:1600px;}
.top-header {background-color: rgba(3, 3, 3, .47); text-align:right;}
.top-header .hs-menu-wrapper ul {padding-left:0; margin-bottom:0;}
.top-header .hs-menu-wrapper ul li {list-style: none; display: inline-block; vertical-align: middle;padding: 14px 20px;border-left: 1px solid #0153AF;}

@media(max-width: 788px){
  .top-header .hs-menu-wrapper ul li {
    padding: 10px 4px;
  }
  .top-header .hs-menu-wrapper ul li a {
    font-size: 16px;
  }
  @media(max-width: 768px){
    .lp-main-header.new-site-header .top-header {display:none;}
  }
}

.top-header .hs-menu-wrapper ul li a {font-size:18px; line-height:26px; color:#00A0DE; font-family: 'Roboto', sans-serif;padding:0;}
.top-header .hs-menu-wrapper ul li a:hover{color:#fff;}
.top-header .hs-menu-wrapper ul li a[href="tel:866.377.6639"] {
  font-size: 20px;
}
.top-header .hs-menu-wrapper ul li a[href="tel:866.377.6639"]:before {
  content: '';
  background-image: url(https://dna.firstam.com/hubfs/new-datatree-images/datatree-phone-icon.png);
  filter: brightness(0) saturate(100%) invert(40%) sepia(96%) saturate(1359%) hue-rotate(166deg) brightness(95%) contrast(104%);
  background-size: cover;
  background-repeat: no-repeat;
  height: 18px;
  width: 18px;
  position: relative;
  display: inline-block;
  margin-right: 5px;
}
.top-header .hs-menu-wrapper ul li a[href="tel:866.377.6639"]:hover:before {
  filter: brightness(0) saturate(100%) invert(100%);
}

.top-header .header-srch-wrap { position: relative; margin: 0;padding: 14px 15px; border-left: 1px solid #0153AF;width: 65px; border-right: 1px solid #0153AF;}
.top-header .header-srch-wrap .srch-icon {width: 25px; cursor:pointer;}
.top-header .header-srch-wrap .srch-icon img {vertical-align:middle;}
.top-header .header-srch-wrap .srch-form-wrap {position: absolute; width: 300px; right: 0; top: 55px;display:none;z-index: 999;}
.top-header .header-srch-wrap .srch-form-wrap form input {padding:10px 15px;}
.lp-main-header .top-header .top-menu-wrap {width: calc(100% - 65px);}

.copyright-footer {background-color: transparent !important;  border-top: 1px solid;}
.copyright-footer .logo-content { /*padding-left: 25px;*/ color: #3c3c3c; font-weight: 400;font-family: 'Roboto', sans-serif;}
.copyright-text {margin-top: 30px;color: #3c3c3c; font-size: 12px; line-height: 20px;    font-family: 'Roboto', sans-serif;}
.copyright-text a {color:#3c3c3c; text-decoration:underline !important;}
.copyright-text a:hover {color: #4ab4e8 !important; padding: 0 !important;background-color: transparent !important;}

.new-footer-section {padding:60px 0; border-top: 1px solid rgb(216, 216, 216);}
.new-footer-section .footer-logo-wrap  { margin-bottom:25px;}
.new-footer-section .address-wrap { font-family: 'Roboto', sans-serif; font-size: 16px; line-height: 25px;}
.new-footer-section .address-wrap a {color: #00A1DE;}
.new-footer-section .footer-btn-wrap { margin-top:25px;}
.new-footer-section .footer-btn-wrap a{font-size:14px;line-height:14px;font-family:'Roboto',sans-serif;text-align:center;display:inline-block;padding:13px 31px;background-color:#00A1DE;color:#fff;border:1px solid transparent;border-radius:23px;min-width: 120px;
    box-sizing: border-box !important;    transition: all ease 0.4s;}
.new-footer-section .footer-btn-wrap a:hover {background-color:transparent; color:#00A1DE; border-color:#00A1DE;}
.new-footer-section .footer-btn-wrap .span6 {width:auto;}
.new-footer-section .footer-links .col-title {    font-size: 18px; line-height: 26px; font-family: 'Roboto', sans-serif; color: #00a1de;  margin-bottom: 15px;}
.new-footer-section .footer-links ul {padding-left: 3px;}
.new-footer-section .footer-links ul li {list-style: none;margin-bottom: 7px;}
.new-footer-section .footer-links ul li a {font-size:15px; line-height:22px; font-family: 'Roboto', sans-serif;transition: all ease 0.4s;}
.new-footer-section .footer-links ul li a:hover {color:#00A1DE;}
.list-page .new-footer-section  .row-fluid .container{ max-width: 1400px;}
.copyright-footer .page-container { width: 1400px !important;}
.new-footer-section .container {max-width: 1400px;  margin: 0 auto !important; float: none;}

.lp-main-header .top-header .container {max-width:1600px;float: none;  margin: 0 auto;}
.new-header-section .container {max-width:1600px;margin: 0 auto !important; float: none;}
.new-header-section .mainmenu {text-align:right;}
.new-header-section .mainmenu .hs-menu-wrapper > ul > li {display:inline-block; vertical-align:middle;position:relative; padding: 28px 15px; z-index:1; }
.new-header-section .mainmenu .hs-menu-wrapper > ul > li:last-child {padding-right:0;}
.new-header-section .mainmenu .hs-menu-wrapper > ul > li > a {font-family: 'Roboto', sans-serif; font-size:18px; line-height:26px; color:#fff; white-space: normal; max-width: 180px;}
.new-header-section .mainmenu .hs-menu-wrapper > ul > li > ul.hs-menu-children-wrapper {position:absolute; opacity:0; visibility:hidden; top:80px; left:0; width:250px;background-color:#00A0DE;padding: 0; text-align: left;z-index:99;}
.new-header-section .mainmenu .hs-menu-wrapper > ul > li:hover > ul {opacity:1; visibility:visible;}
.new-header-section .mainmenu .hs-menu-wrapper > ul > li > ul.hs-menu-children-wrapper li a {color:#fff;max-width: 100%;text-overflow: unset; width: 100%; padding: 0;font-family: 'Roboto', sans-serif; font-size: 16px; line-height: 24px;vertical-align: middle; transition:all ease 0.4s; white-space:normal;}
.new-header-section .mainmenu .hs-menu-wrapper > ul > li > ul.hs-menu-children-wrapper li {padding:8px 15px; border-bottom:1px solid rgba(255,255,255,0.1); list-style:none;}
.new-header-section .mainmenu .hs-menu-wrapper > ul > li > ul.hs-menu-children-wrapper li a:hover {color:#003763;}

.resource-banner.casestudy-banner-section .banner-caption h1{font-size: 73px;line-height: 82px; color:#fff;}
.home-hero .resource-banner.casestudy-banner-section .banner-caption h1{font-size: 48px;line-height: 59px; color:#fff;}
.resource-banner.casestudy-banner-section .banner-caption {font-size: 21px; line-height: 29px; color: #fff; font-family: 'Lato', sans-serif;}

.resource-update-section  {background-color:#003763; padding:15px 0; text-align: center;}
.resource-update-section .container {max-width:1400px; margin: 0 auto !important; float: none;}
.resource-update-section h3 {font-size: 21px; line-height: 40px; margin: 0; font-family: 'Oswald', sans-serif !important; text-transform: uppercase; font-weight: 400;  color: #00A0DE;display: inline-block; vertical-align: middle;}
.resource-update-section h3 + div {display: inline-block; vertical-align: middle; width:43%; padding-left:25px;}
.resource-update-section h3 + div form{width:100%;position:relative;}
.resource-update-section h3 + div form .input input {width: 100%; height: 61px; background-color: transparent; border-color: #009FDD; font-size: 16px; line-height: 25px; font-family: 'Oswald', sans-serif !important; color: #009FDD;}
.resource-update-section h3 + div form .input input::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #009FDD;text-transform:uppercase;	}
.resource-update-section h3 + div form .input input::-moz-placeholder { /* Firefox 19+ */ color: #009FDD;text-transform:uppercase;}
.resource-update-section h3 + div form .input input:-ms-input-placeholder { /* IE 10+ */  color: #009FDD;text-transform:uppercase;}
.resource-update-section h3 + div form .input input:-moz-placeholder { /* Firefox 18- */ color: #009FDD;text-transform:uppercase;}
.resource-update-section h3 + div form .hs-email > label {display:none;}
.resource-update-section h3 + div form .hs-submit {position: absolute; right: 0; top:0px; height: 61px;}
.resource-update-section h3 + div form .hs-submit input { margin: 0; height: 61px; font-size: 0; border-radius: 0; background-color: transparent; background-image: url(https://www.datatree.com/hubfs/_Icons/submit-icon.png); background-repeat: no-repeat; background-size: auto; background-position: center;}
.resource-update-section h3 + div form .hs-submit input:hover {background-color:transparent !important;}
.resource-update-section h3 + div form .hs-form-field .hs-error-msgs  {display:none !important;}
.resource-update-section h3 + div form .hs_error_rollup ul li {list-style:none;}
.resource-update-section h3 + div form .hs_error_rollup ul li label {color:#fff;}
.resource-update-section h3 + .submitted-message {color:#fff; font-size:20px;}

.resource-list-section {padding:70px 0;}
.resource-list-section .container {width:1400px;}
.resource-list-section .filter-row {margin-bottom:60px;text-align:center;}
.resource-list-section .filter-row h3{font-size:21px;line-height:40px;margin:0;font-family:'Oswald',sans-serif!important;text-transform:uppercase;font-weight:400;color:#003864;display:inline-block;vertical-align:middle;}
.resource-list-section .filter-row .filters{display:inline-block;vertical-align:middle;position:relative;}
.resource-list-section .filter-row .filters ul li {list-style:none; border-bottom: 1px solid #009FDD;}
.resource-list-section .filter-row .filters ul {padding-left:0;text-align: left;    background-color: #fff; border: 1px solid #009FDD; border-top: 0; display: none;position: absolute; width: 425px;left: 20px;  z-index: 99;}
.resource-list-section .filter-row .filters > span {display: inline-block; font-size: 16px; line-height: 30px; text-transform: uppercase;font-family: 'Oswald',sans-serif!important; color: #003864; width: 100%;padding: 5px 25px; border: 1px solid #009FDD; width: 425px; text-align: left;    margin-left: 20px;    background-image: url(https://www.datatree.com/hubfs/_Icons/submit-icon.png);
    background-repeat: no-repeat; background-size: auto;background-position: 95% 50%; cursor: pointer;}
.resource-list-section .filter-row .filters ul li a {text-transform:capitalize; padding: 10px 25px; width: 100%; display: inline-block; }
.resource-list-section .filter-row .filters ul li:hover { background: #009FDD; transition: all 0.4s ease; }
.resource-list-section .filter-row .filters ul li:hover a { color: #fff; transition: all 0.4s ease; }


.resource-list-section .grid-item-wrap{/*width:100% !important;*/ margin:0 -15px;}
.resource-list-section .grid-item-wrap .grid-item{margin:0 15px 40px 15px;width:310px;float:left;position:relative;/*width:calc(25% - 30px);*/}
.resource-list-section .grid-item-wrap .grid-item img{border:1px solid #cbcbcb;height:100%;object-fit:cover;width:100%;}
.resource-list-section .grid-item-wrap .grid-item h5{margin-bottom:0;padding-bottom:10px;font-size:16px;line-height:27px;color:#00a1de;font-family:'Lato',sans-serif!important;font-weight:400;text-transform:capitalize;position:relative;padding-left:20px;}
.resource-list-section .grid-item-wrap .grid-item h5:before{content:'';width:21px;height:27px;background-image:url(https://www.datatree.com/hubfs/_Icons/right-double-arrow.png);position:absolute;left:0;top:0;background-repeat:no-repeat;background-position:center;}
.resource-list-section .grid-item-wrap .grid-item h3{font-size:23px;line-height:32px;color:#003865;font-family:'Oswald',sans-serif!important;font-weight:400;margin:0px;padding:10px 0 0;}
.resource-list-section .grid-item-wrap .grid-item:hover h3 {color:#4ab4e8; }

.resource-list-section .grid-item-wrap .grid-item .content-wrap{padding:0;}
.resource-list-section .grid-item-wrap .grid-item .content-wrap .img-wrap{height:222px;position:relative}
.resource-list-section .grid-item-wrap .grid-item .content-wrap .img-wrap a{position:absolute;left:0;top:0; bottom:0; right:0; display: flex; align-items: center; }
.resource-list-section .grid-item-wrap .grid-item .content-wrap .img-wrap a img{ margin:0 auto; border:0; width:60px; height:60px;}
.resource-list-section .grid-item-wrap .grid-item.video-overview .content-wrap .img-wrap:before{content:'';width:100%;height:100%;background-color:rgba(0,0,0,0.35);position:absolute;left:0;top:0;}
.resource-list-section .grid-item-wrap .grid-item > a{height:100%;left:0;position:absolute;top:0;width:100%;z-index:1;}

.isotope-pager {text-align: center;margin-top:50px; position: relative; z-index: 1; }
.isotope-pager a {display: inline-block; vertical-align: middle; font-size: 27px; padding: 0 10px; color: #00a1de; font-family: 'Lato', sans-serif !important; position: relative;margin: 0;}
.isotope-pager a:hover {color:#003763;}
.isotope-pager a.active {color:#003763;}
.isotope-pager a:after {content:'|'; color: #BEBEBE; position: absolute; right: -5px; top: 0;}
.isotope-pager a:last-child:after {display:none;}

.insight-blog-section {padding:205px 0 0;}
.insight-blog-section .container {width:1400px; margin: 0 auto !important; float: none;}
.insight-blog-section h2 {font-size: 65px;  line-height: 72px; color: #fff;font-family: 'Oswald',sans-serif!important;  font-weight: 400;}
.insight-blog-section .cta-content {font-size: 21px; line-height: 31px; font-family: 'Lato', sans-serif !important; color: #fff; font-weight: 400;}
.insight-blog-section .btn-wrap a {font-size: 22px; line-height: 22px; padding: 22px 59px;background-color: #00a1de; color: #fff; display: inline-block; border-radius: 35px;transition: all ease 0.4s;}
.insight-blog-section .btn-wrap a:hover {background-color:#444;}
.insight-blog-section .btn-wrap {display: inline-block; margin-top: 30px;}
.insight-blog-section .book-img {max-width:523px;}

.srch-banner {padding:120px 0;}
.srch-banner .banner-caption {text-align: center; padding-top:80px;}
.srch-banner .banner-caption h1 {font-size:83px; line-height:90px; color:#fff;font-family: 'Oswald',sans-serif!important;  font-weight: 400; text-transform:uppercase;}
.srch-banner .banner-caption form { max-width: 686px; margin:30px auto 0;} 
.srch-banner .banner-caption form input { padding: 24px 45px; border-radius: 38px; border: 0; font-size: 26px; line-height: 26px;text-transform: capitalize;background-image: url(https://www.datatree.com/hubfs/_Icons/srch-icon-big.png); background-repeat: no-repeat; background-position: 95% 50%; background-size: 30px;    color: #003865;}
.srch-banner .banner-caption form input::-webkit-input-placeholder { /* Chrome/Opera/Safari */color: #003865;font-family: 'Lato', sans-serif;}
.srch-banner .banner-caption form input::-moz-placeholder { /* Firefox 19+ */ color: #003865;font-size: 17px; line-height: 28px;}
.srch-banner .banner-caption form input:-ms-input-placeholder { /* IE 10+ */ color: #003865;font-family: 'Lato', sans-serif;}
.srch-banner .banner-caption form input:-moz-placeholder { /* Firefox 18- */ color: #003865;font-family: 'Lato', sans-serif;}

.srch-content-section{padding:100px 0;}
.srch-content-section .hs-search-results ul li { padding-bottom:40px; margin-bottom: 40px; border-bottom: 1px solid #E5E3E5;}
.srch-content-section .hs-search-results ul li:last-child {padding-bottom:0px; margin-bottom: 0px; border-bottom:0}
.srch-content-section .hs-search-results ul li > a {font-size: 28px; line-height: 36px; margin-bottom: 15px; display: inline-block; font-family: 'Oswald',sans-serif!important; font-weight: 400; color: #003865;}
.srch-content-section .hs-search-results ul li p {font-size: 17px; line-height: 28px;font-family: 'Lato', sans-serif;color:#2D2D2D;}
.hs-search-field__suggestions {display:none;}

.ebiz-toggle{ margin:23px 0; padding:10px 0; background-color:rgba(0, 0, 0, 0.1); float:right; border:none; cursor:pointer; width: 43px;}
.ebiz-toggle .icon-bar{margin: auto; background-color:#fff; border-radius:1px; display:block; height:3px; position:relative; width:22px; transition:all ease 0.4s; }
.ebiz-toggle .icon-bar + .icon-bar{margin-top:4px;}
.ebiz-toggle .icon-bar:nth-child(1), .ebiz-toggle .icon-bar:nth-child(3){top:0; transform:rotate(0deg); -webkit-transform:rotate(0deg); -ms-transform:rotate(0deg);}
.ebiz-toggle.ebiz-menuopen .icon-bar:nth-child(1){top:7px; transform:rotate(45deg); -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg);}
.ebiz-toggle.ebiz-menuopen .icon-bar:nth-child(2){opacity:0;}
.ebiz-toggle.ebiz-menuopen .icon-bar:nth-child(3){top:-7px; transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg);}
.mainmenu .mobile-menu span.mobile-toggle{width:47px; height:47px; position:absolute; right:0px; top:0px; background-color: rgba(237, 237, 237, 0.3); transition:all ease 0.4s; }
.mainmenu .mobile-menu span.mobile-toggle:after, .mobile-toggle:before{content:""; background-color:#fff; height:16px; width:2px; position:absolute; left:23px; top:16px; transition:all ease 0.4s;  }
.mainmenu .mobile-menu span.mobile-toggle:before{-ms-transform:rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg); transition:all ease 0.4s;  }
.mainmenu .mobile-menu span.mobile-toggle.ebiz-subopen:after{-ms-transform:rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg);}
.mainmenu .mobile-menu span.mobile-toggle.ebiz-subopen:before{opacity:0; background-color:#fff; -ms-transform:rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg);}

.srch-content-section .container{max-width:1400px; margin:0 auto !important;float:none;}

.error-wrapper {padding:160px 0; min-height:1000px !important;}
.error-wrapper .container {max-width:970px; margin: 0 auto !important; float: none;}

.error-wrapper .content-wrap {max-width:870px;color:#fff;}
.error-wrapper .content-wrap h1 {font-size: 83px; line-height: 90px; color: #fff; font-family: 'Oswald',sans-serif!important; font-weight: 400; text-transform: uppercase;    margin-bottom: 35px;}
.error-wrapper .content-wrap form { max-width: 686px; margin: 40px 0 0;}
.error-wrapper .content-wrap form input { padding: 24px 45px; border-radius: 38px; border: 0; font-size: 26px;  line-height: 26px; text-transform: capitalize;background-image: url(https://www.datatree.com/hubfs/_Icons/srch-icon-big.png); background-repeat: no-repeat;    background-position: 95% 50%; background-size: 30px; color: #003865;}
.error-wrapper .content-wrap p {padding-right:130px;font-size: 18px; line-height: 27px; font-family: 'Lato', sans-serif;}

.sys-page-banner {padding:200px 0 50px; text-align:center;}
.sys-page-banner .container {max-width:1400px; margin: 0 auto !important; float: none;}
.sys-page-banner h1{font-size: 83px; line-height: 90px; color: #fff; font-family: 'Oswald',sans-serif!important; font-weight: 400; text-transform: uppercase;    margin-bottom: 35px;}

.unsubscribe-content-wrap {text-align:center; padding:115px 0;}
.unsubscribe-content-wrap .container {max-width:1400px; margin: 0 auto !important; float: none;}
.unsubscribe-content-wrap h3 {font-size:33px; line-height:42px;font-family: 'Oswald',sans-serif!important; font-weight: 400;margin-bottom: 25px;color:#003865; }
.unsubscribe-content-wrap h1 {display:none;}
.unsubscribe-content-wrap  form input { width:100% !important; border: 1px solid #E5E3E5; padding: 15px; height: 70px;text-align: center; font-size: 24px !important; color: #2D2D2D; font-weight: 700;font-family: 'Roboto', sans-serif;}
.unsubscribe-content-wrap  form input::-webkit-input-placeholder { /* Chrome/Opera/Safari */ font-size: 24px; color: #2D2D2D; font-weight: 700;font-family: 'Roboto', sans-serif;}
.unsubscribe-content-wrap  form input::-moz-placeholder { /* Firefox 19+ */  font-size: 24px; color: #2D2D2D; font-weight: 700;font-family: 'Roboto', sans-serif;}
.unsubscribe-content-wrap  form input:-ms-input-placeholder { /* IE 10+ */  font-size: 24px; color: #2D2D2D; font-weight: 700;font-family: 'Roboto', sans-serif;}
.unsubscribe-content-wrap  form input:-moz-placeholder { /* Firefox 18- */ font-size: 24px; color: #2D2D2D; font-weight: 700;font-family: 'Roboto', sans-serif;	}
.unsubscribe-content-wrap form input[type='submit'] {background-color: #00A0DE; color: #fff; text-shadow: none; text-transform: none; border-radius: 35px; padding: 10px 40px !important; font-weight: 400; letter-spacing: 0;    margin-top: 20px;transition: all ease 0.4s;}
.email-unsub form { max-width: 500px; margin: 0 auto;}


.subscribe-preference-banner {min-height: 470px; padding: 185px 0;}
.subscribe-preference-banner h1 {margin: 0;}

.preference-content-section .container {max-width:1400px; margin:0 auto !important; float:none; }
.preference-content-section .page-header h1 {display:none;}
.preference-content-section .page-header h2 {font-family: 'Roboto', sans-serif !important; font-size: 30px; line-height: 38px; font-weight: 700; color: #2D2D2D; margin-bottom: 20px;word-wrap: break-word;}
.preference-content-section .page-header { max-width:500px; margin: 0 auto 60px !important; text-align: center;padding: 0 !important;}
.preference-content-section {padding:100px 0;}
.preference-content-section .page-header br {display: none;}
.preference-content-section .page-header p {font-size: 17px; line-height: 26px; font-family: 'Lato', sans-serif;}
.preference-content-section form .email-prefs p.header {display: none;}
.preference-content-section form .item { max-width: 945px; margin: 0 auto 25px;}
.preference-content-section form .item .item-inner {    background-color: #E7ECEE; border: 0; border-radius: 0; padding: 40px 30px;}
.preference-content-section form .checkbox-row {position:relative;margin-bottom: 15px;}
.preference-content-section form .checkbox-row input { width: 32px; height: 32px;  margin: 0; -webkit-appearance: none; opacity: 0;}
.preference-content-section form .checkbox-row input + span {font-size: 33px; line-height: 40px; font-family: 'Oswald',sans-serif!important; font-weight: 400;color: #003865 !important;margin-left: 25px;}
.preference-content-section form .checkbox-row input + span:before {content:''; width:32px; height:32px; background-color:#fff;position:absolute; left:0;top: 4px;}
.preference-content-section form .item-inner p {font-size: 17px; line-height: 26px; font-family: 'Lato', sans-serif; padding-left: 38px;}
.preference-content-section form .checkbox-row input[type="checkbox"]:checked + span:after {content:''; width: 23px; height: 21px; background-image: url(https://www.datatree.com/hubfs/_Icons/check-icon.png); position: absolute; left: 5px; top: 10px; background-repeat: no-repeat; background-position: center;    background-size: contain;}
.preference-content-section form .email-prefs {max-width: 945px; margin: 0 auto;}
.preference-content-section form .email-prefs .subscribe-options p.header {display:block;}
.preference-content-section form .email-prefs .subscribe-options p label {position: relative;}
.preference-content-section form .email-prefs .subscribe-options p label input {width: 32px; height: 32px;  margin: 0; -webkit-appearance: none; opacity: 0;}
.preference-content-section form .email-prefs .subscribe-options p label input + span {font-size: 33px; line-height: 40px; font-family: 'Oswald',sans-serif!important; font-weight: 400;color: #003865 !important;margin-left: 25px;    text-transform: none; letter-spacing: 0;}
.preference-content-section form .email-prefs .subscribe-options p label input + span:before {content:''; width:32px; height:32px; background-color:#fff;position:absolute; left:0;top: 4px;border: 1px solid #E1E1E1;}
.preference-content-section form .email-prefs .subscribe-options p label input[type="checkbox"]:checked + span:after {content:''; width: 23px; height: 21px; background-image: url(https://www.datatree.com/hubfs/_Icons/check-icon.png); position: absolute; left: 5px; top: 10px; background-repeat: no-repeat; background-position: center;}
.preference-content-section form .email-prefs > input[type="submit"] { background-color: #00A0DE; color: #fff; text-shadow: none; text-transform: none; border-radius: 35px; padding: 10px 40px !important; font-weight: 400; letter-spacing: 0; margin-top: 20px;  transition: all ease 0.4s;height: 57px;}

.confirm-content-wrap { max-width: 650px; margin:0 auto !important; float: none !important;}
.confirm-content-wrap .page-header {padding-left:0 !important;}
.confirm-content-wrap .page-header h2 {font-family: 'Roboto', sans-serif !important; font-size: 30px; line-height: 38px; font-weight: 700; color: #2D2D2D; margin-bottom: 20px;word-wrap: break-word;}
.confirm-content-wrap .page-header p {font-size: 17px; line-height: 26px; font-family: 'Lato', sans-serif;margin-bottom: 25px;}
.confirm-content-wrap .page-header br {display: none;}
.confirm-content-wrap .success {font-size: 17px; line-height: 26px; font-family: 'Lato', sans-serif;margin-bottom: 25px;}

.casestudy-banner-section.blog-banner {text-align:center;}
.casestudy-banner-section.blog-banner .banner-caption h1 { font-size: 83px; line-height: 92px; color: #fff;}

.blog-post-section .container {max-width:1400px;margin: 0 auto !important; float: none;}
.blog-post-section {padding:40px 0 100px;}
.hs-blog-listing .blog-post-section .blog-wrapper {width:100% !important; }
.hs-blog-listing .blog-post-section .blog-listing-wrapper .post-listing { margin-left:-25px; margin-right:-25px;}
.hs-blog-listing .blog-post-section .blog-listing-wrapper .post-listing .post-item {width:calc(33.33% - 50px); margin:0 25px 50px; float:left;}
.blog-listing-wrapper .post-listing .post-item .hs-featured-image-wrapper img {max-width:100%; margin:0; float:left;width:100%;height:317px; object-fit:cover;border: 1px solid #CBCBCB;}
.blog-listing-wrapper .post-listing .post-item .hs-featured-image-wrapper a {max-height:317px; overflow:hidden;}
.blog-listing-wrapper .post-listing .post-item .post-body {margin-bottom: 20px;}
.blog-listing-wrapper .post-listing .post-item .post-header span {font-size: 18px; line-height: 30px; font-family: 'Lato', sans-serif; font-weight: 400; color: #00A0DE;}
.blog-listing-wrapper .post-listing .post-item .post-header h2 {font-family: 'Oswald', sans-serif !important; font-weight: 400; text-transform: none; letter-spacing: 0;}
.blog-listing-wrapper .post-listing .post-item .post-header h2 a {color: #003763;transition:all ease 0.4s;} 
.blog-listing-wrapper .post-listing .post-item .post-header h2 a:hover {color: #00A0DE;}
.blog-post-section .blog-section nav {width: 100%; float: left; text-align: center;}
.blog-post-section .blog-section nav ul li {padding:0 20px; position:relative;display: inline-block;  vertical-align: middle;}
.blog-post-section .blog-section nav ul li a {border: 0;color:#1F2120;background-color: transparent !important;font-family: 'Roboto', sans-serif !important;  font-weight:500;font-size:20px;display: inline-block; vertical-align: middle; padding: 0;}
.blog-post-section .blog-section nav ul li.active a {background-color: transparent !important; color:#00A0DE !important;}
.blog-post-section .blog-section nav ul li:after { content: ''; width: 2px; height: 20px; background-color: #000; position: absolute; right: 0; top: 4px;}
.blog-post-section .blog-section nav ul li:first-child:after, .blog-post-section .blog-section nav ul li:last-child:after, .blog-post-section .blog-section nav ul li:first-child a svg, .blog-post-section .blog-section nav ul li:last-child a svg  {display:none;}
.blog-post-section .blog-section nav ul li:first-child a:before {content: "\f104"; font-family:FontAwesome; font-size:20px;position:absolute; left:0; top:-14px;color:#00A0DE}
.blog-post-section .blog-section nav ul li:last-child a:before {content: "\f105"; font-family:FontAwesome; font-size:20px;position:absolute; left:0; top:-14px;color:#00A0DE}
.blog-post-section .blog-section nav ul li.disabled a:before {color:#000;}
.blog-post-section .blog-section nav ul li:last-child, .blog-post-section .blog-section nav ul li:first-child  {padding:0}
.blog-post-section .blog-section nav ul li:nth-last-child(2):after { display:none; }

.blog-page .insight-blog-section {position:relative; padding-bottom:150px;}
.blog-page .insight-blog-section .book-img {max-width: 820px; position: absolute; right: 0; bottom: -45px; width: 100%;} 
.blog-page .insight-blog-section .left-space-new {max-width:850px}
.blog-page .resource-banner .banner-caption{text-align:center;}

.row-fluid .resource-insight-blog { position:relative; /* padding-bottom:150px;*/ }
.row-fluid .resource-insight-blog .book-img { max-width: 820px; position: absolute; right: 0; bottom: -30px; width: 100%;}}
.row-fluid .resource-insight-blog .left-space-new { max-width:850px}

.related-post-section .container {max-width:1400px;margin: 0 auto !important; float: none;width:100%}
.related-post-section {padding:90px 0; border-top:1px solid #D3D3D3;}
.related-post-section .section-title {text-align: center; margin-bottom: 50px;}
.related-post-section .section-title h2 {    font-size: 45px;line-height:52px; font-family: 'Oswald', sans-serif !important; text-transform: uppercase;  font-weight: 400; color: #003763;}
.related-post-wrap { margin-left:-25px; margin-right:-25px;}
.related-post-wrap .post-item {width:calc(33.33% - 50px); margin:0 25px; float:left;}
.related-post-wrap .post-item .post-body img {max-width:100%; margin:0; float:left;width:100%;height:333px; object-fit:cover;border: 1px solid #CBCBCB;}
.related-post-wrap .post-item .post-body a {max-height:333px; overflow:hidden;}
.related-post-wrap .post-item .post-body {margin-bottom: 20px;}
.related-post-wrap .post-item .post-header span {font-size: 19px; line-height: 30px; font-family: 'Lato', sans-serif; font-weight: 400; color: #00A0DE;}
.related-post-wrap .post-item .post-header h2 {font-family: 'Oswald', sans-serif !important; font-weight: 400; text-transform: none; letter-spacing: 0;}
.related-post-wrap .post-item .post-header h2 a {color: #003763;} 

.about-author-sec {background-color: #003763; padding: 70px 50px;  color: #fff;font-size: 17px; line-height: 26px; font-family: 'Lato', sans-serif; font-weight: 400;display: inline-flex; align-items: center;}
.about-author-sec .author-img {position: relative; width: 260px; height: 260px; text-align: center;background-color: #fff; border-radius: 50%; padding: 11px;}
.about-author-sec .author-img img { width: 239px; height: 239px; border-radius:50%;    filter: drop-shadow(0 17px 50px rgba(2, 21, 36, 0.31));}
.about-author-sec .author-content {margin: 0; float: left;width: calc(100% - 260px); padding-left: 40px;}
.about-author-sec .author-content h3 {font-family: 'Oswald', sans-serif !important; font-weight: 400; color: #fff; text-transform: uppercase; margin: 0 0 10px;font-size: 18px; line-height: 26px;}
.about-author-sec .author-content h2 {font-size: 40px; line-height: 48px;  font-family: 'Oswald', sans-serif !important; font-weight: 400;  margin: 0 0 20px;}
.about-author-sec .author-content h2 a {color: #00A0DE;}

.blog-inner-cta {padding: 20px 35px 20px 240px; background-size: cover; background-repeat: no-repeat; width: 100%; float: left;margin-bottom: 45px;}
.blog-inner-cta .logo-img {float: right;margin-top: 25px;}
.blog-inner-cta .cta-content-wrap { display: inline-block;  vertical-align: middle; font-size: 27px; font-weight: 700;  color: #84D1F6;}
.blog-inner-cta .cta-content-wrap h2 { font-size: 41px;line-height: 50px; color: #fff; display: block; margin: 0;}
.blog-inner-cta .cta-content-wrap a.cta_button  {    font-size: 21px; line-height: 21px; font-weight: 600; color: #fff; display: inline-block; background-color: #49B3E7;  padding: 15px 22px;  margin-top: 20px; border-radius: 10px;transition: all ease 0.4s;}
.blog-inner-cta .cta-content-wrap a.cta_button:hover {background-color:#444;}


.blog-post-wrapper .post-header .hubspot-editable { font-size: 19px; font-family: 'Lato', sans-serif; font-weight: 400; color: #00A0DE; float: left; width: auto; }
.blog-post-wrapper .post-header .hubspot-editable  a { color: #00A0DE;}
.blog-post-wrapper .post-header h1 { font-size: 49px; line-height: 57px;color: #003864; font-family: 'Oswald', sans-serif !important;font-weight: 400;}
.blog-post-wrapper .post-header h1 span {color: #003864;}
.blog-post-wrapper .social-sharing ul li {display:inline-block; list-style:none; vertical-align:bottom; margin: 0 3px;}
.blog-post-wrapper .social-sharing ul li a { display: inline-block; transition: all 0.5s ease; border-radius: 100%; }
/* .blog-post-wrapper .social-sharing ul li a:hover { box-shadow: 0px 0px 13px rgba(0, 56, 100,0.85); } */
.blog-post-wrapper .social-sharing ul li a img { transition: all 0.5s ease; }
.blog-post-wrapper .social-sharing ul li a:hover img { filter: brightness(0.8); transition: all 0.5s ease; }
.social-sharing img {width: 35px;height: 35px;}
.blog-post-wrapper .post-header {width: 100%;padding-bottom: 20px;display: inline-block;  vertical-align: middle;}
.blog-post-wrapper .post-header .section-author-inner { display: flex; align-items: center; margin-bottom: 10px; padding-top: 15px; }
.blog-post-wrapper .social-sharing {display: inline-block;  vertical-align: bottom; }
/* .blog-post-wrapper .social-sharing ul { padding-left: 0; } */
.blog-post-wrapper .hs-featured-image-wrapper img {max-width:100%;margin:0 0 20px 0;border: 1px solid #C7CFD3;}
.blog-post-wrapper .post-body {float: left;width: 100%;font-size: 17px; line-height: 28px; font-family: 'Lato', sans-serif;}
.blog-post-wrapper .post-body p {margin-bottom: 20px;}
.blog-post-wrapper .post-body h3 { font-size: 32px; line-height: 40px; font-family: 'Oswald', sans-serif !important; text-transform: none; font-weight: 400; color: #003763; margin-top: 45px;}

.sidebar-wrap .form-wrap  { background-color: #003763;  padding: 35px 20px 45px; color: #fff;    margin-bottom: 40px;}
.sidebar-wrap .form-wrap h3 { text-align: center; color: #fff; font-family: 'Oswald', sans-serif !important; font-weight: 400; font-size: 37px; line-height: 48px; text-transform: uppercase;}
.sidebar-wrap .form-wrap form .hs-form-field {margin-top:20px;}
.sidebar-wrap .form-wrap form .hs-form-field label span, .sidebar-wrap .form-wrap form .hs-form-field > label {display:none;}
.sidebar-wrap .form-wrap form .hs-form-field .input input {background-color:rgba(15, 15, 15, 0.53); color:#fff;border:0;padding: 25px 15px;}
.sidebar-wrap .form-wrap form .hs-form-field .input input::-webkit-input-placeholder { /* Chrome/Opera/Safari */color: #fff; font-size:18px;}
.sidebar-wrap .form-wrap form .hs-form-field .input input::-moz-placeholder { /* Firefox 19+ */  color: #fff; font-size:18px;}
.sidebar-wrap .form-wrap form .hs-form-field .input input:-ms-input-placeholder { /* IE 10+ */   color: #fff; font-size:18px;}
.sidebar-wrap .form-wrap form .hs-form-field .input input:-moz-placeholder { /* Firefox 18- */    color: #fff; font-size:18px;}
.sidebar-wrap .form-wrap form .hs-form-field .hs-error-msgs {display: none !important;}
.sidebar-wrap .form-wrap form .hs_error_rollup ul {padding-left:0;}
.sidebar-wrap .form-wrap form .hs_error_rollup ul li {list-style:none;}
.sidebar-wrap .form-wrap form .hs_error_rollup ul li label {font-size:14px; color:#fff;}
.sidebar-wrap .form-wrap form .hs-submit input { transition: all ease 0.4s;  width: 100%; padding: 15px !important;  height: 67px; color: #fff; text-shadow: none;  font-family: 'Open Sans',sans-serif;  font-weight: 600; letter-spacing: 0;  text-transform: none; font-size: 21px; line-height: 21px; border-radius: 40px;}
.sidebar-wrap .form-wrap form .hs-submit {margin-top: 25px;}

.target-cta-section {padding: 110px 14px 40px; color: #84D1F6;text-align: center; font-size: 21px; line-height: 29px; font-weight: 700;}
.target-cta-section h3 {margin: 0 0 10px; font-size: 35px;line-height: 42px; color: #fff;}
.target-cta-section a.cta_button  { font-size: 21px; line-height: 21px; font-weight: 600;color: #fff;  display: inline-block; background-color: #49B3E7; padding: 15px 22px; margin-top: 30px; border-radius: 10px;  margin-bottom: 45px;transition: all ease 0.4s;}
.target-cta-section a.cta_button:hover {background-color:#444;}

.blog-post-section .sidebar-wrap {position:sticky;position: -webkit-sticky; top:0;}
.blog-post-section .sidebar-wrap.fixed .form-wrap {margin-top:0 !important;}

/* News Blog Update 08-05-2020 */
.row-fluid .news-listingwrap { text-align: center; padding-bottom:40px; }
.row-fluid .news-listingwrap .newspost-listing { float: none; display: inline-block; vertical-align: top; margin: 0 !important; width: 954px; max-width: 100%; text-align: left; }
.hs-blog-listing .blog-post-section .blog-listing-wrapper .post-listing.newspost-listing .post-item { width: 100%; margin: 0; float: left; padding-bottom: 27px; border-bottom: 1px solid #ABABAB; margin-bottom: 20px; }
.hs-blog-listing .blog-post-section .blog-listing-wrapper .post-listing.newspost-listing .post-item:last-child { padding-bottom:0; margin-bottom:0; border:0; }  
.blog-listing-wrapper .post-listing.newspost-listing .post-item .post-header span { font-size: 19px; }
.blog-listing-wrapper .post-listing.newspost-listing .post-item .post-header h2 { font-size: 26px; line-height: 32px; text-transform: none; margin-top: 7px; }
.blog-listing-wrapper .post-listing.newspost-listing .post-item .post-body { float: left; width: 100%; margin: 0; } 


/* 14-04-2020 */
.portfolio-wrapper .body-container-wrapper { overflow-x: hidden; }
body.portfolio-wrapper { color:#333; font-family: 'Lato', sans-serif; }
.portfolio-wrapper h1, .portfolio-wrapper h2, .portfolio-wrapper h3, .portfolio-wrapper h4, .portfolio-wrapper h5 { font-family: 'Oswald',sans-serif; }
.row-fluid .casestudy-banner-section.resource-banner.solution-banner { padding-bottom: 250px; position: relative; z-index:1; }
.row-fluid .casestudy-banner-section.resource-banner.solution-banner:after { content: ''; position: absolute; background-image: url(https://www.datatree.com/hubfs/Datatree_2020/Images/blue-dots.svg); background-repeat: no-repeat; right: -80px; bottom: -145px; width: 300px; height: 190px; }
.blue-text { font-family: 'Oswald',sans-serif !important; text-transform: uppercase; font-weight: 400; color: #003865; margin-bottom: 30px; } 
.white-text { font-family: 'Oswald',sans-serif !important; text-transform: uppercase; font-weight: 400; color: #ffffff; max-width: 890px; margin: 0 auto 30px; text-align: center; } 
.resource-banner.casestudy-banner-section .banner-caption h1 { text-transform: uppercase; }

.empower-section .intro-logo {margin-bottom:45px;}
.leadlist-intro-section.empower-section .empower-content .scroll-down a {padding:15px 50px;text-transform: capitalize;margin-top: 50px;}
.leadlist-sol-section .sub-title { max-width: 800px; font-size: 18px; color: #fff; line-height: 28px; text-align: center; margin: 0 auto 40px;}
.leadlist-sol-section .sol-list ul {list-style: none;}
.leadlist-sol-section .sol-list ul li {display:inline-block; vertical-align:middle;padding: 0 15px; position: relative;font-size: 33px; line-height: 40px; color: #fff; font-family: 'Oswald',sans-serif; transition:all ease 0.4s;}
.leadlist-sol-section .sol-list ul li:after {content:'';width:3px; height:30px; background-color:#fff; position:absolute; right:-4px; top:7px}
.leadlist-sol-section .sol-list ul li:last-child:after {display:none;}
.leadlist-sol-section .page-container {width: 1430px !important;}
.row-fluid .solution-section.leadlist-sol-section {padding: 190px 0 250px;}
.row-fluid .solution-section.leadlist-sol-section:before {left: -254px;height: 395px;}
.leadlist-intro-section + .data-full-content .data-inner-content p sup {font-size:10px; line-height:10px;}

.leadlist-process-section .section-content { width: 100%; float: left; margin-top: 30px;}
.leadlist-process-section .section-content .left-part {width: 50%; float: left;  text-transform: uppercase; margin-bottom: 30px;}
.leadlist-process-section .section-content .left-part h4 {font-weight: 400; margin: 0 0 10px; font-size: 42px; line-height: 50px; color: #00A0DE;font-family: 'Oswald',sans-serif !important;}
.leadlist-process-section .section-content .left-part h2 {font-size: 87px; line-height: 95px; color: #00A0DE; font-weight: 400; margin-bottom: 10px;font-family: 'Oswald',sans-serif !important;}
.leadlist-process-section .page-container {width: 1270px !important;}
.leadlist-process-section .right-part {width: 50%; float: left; padding-left: 60px;}
.row-fluid .process-section.leadlist-process-section {padding-bottom:120px; position:relative;}
.row-fluid .process-section.leadlist-process-section:after {content:'';position: absolute; background-image: url(https://www.datatree.com/hubfs/Datatree_2020/Images/blue-dots.svg); background-repeat: no-repeat;  right: -270px; bottom: -85px; width: 380px; height: 210px;}
.leadlist-process-section .right-part ul {margin-top:20px;}
.leadlist-process-section .right-part ul li { margin-bottom:5px;list-style:none; position:relative;}
.leadlist-process-section .right-part ul li:before {content:''; width:7px; height:7px; background-color:#00A0DE; position:absolute;  left: -20px; top: 12px;border-radius:50%;}
.leadlist-process-section .section-content .left-part div {    margin-top: 30px;}

.lead-list-industry-section {padding:70px 0;background: #EFF1F5;}
.lead-list-industry-section h2 {font-size:58px; line-height:66px; font-family: 'Oswald',sans-serif !important;text-transform: uppercase; font-weight: 400; color: #003865; margin-bottom: 30px;    text-align: center;}
.lead-list-industry-section .section-content {margin-top:30px;}
.lead-list-industry-section .section-content .single-service-col h5 span { font-size: 34px; line-height: 42px;  font-family: 'Oswald',sans-serif !important; font-weight: 400;  color: #003865;}
.lead-list-industry-section .page-container {width: 1430px !important;}

.leadlist-page .row-fluid .casestudy-banner-section.resource-banner.solution-banner:after {content: ''; position: absolute; background-image: url(https://www.datatree.com/hubfs/Datatree_2020/Images/blue-dots.svg);background-repeat: no-repeat; right: -210px; bottom: -135px; width: 380px; height: 190px;}

.data-lice-banner .container {max-width:950px; margin: 0 auto !important; float: none;text-align: center;}
.data-lice-banner .banner-caption p { margin: 30px 0 50px; font-size: 21px; line-height: 38px; padding: 0 30px;}
.data-lice-banner .banner-caption .hs-responsive-embed-wrapper {max-width: 830px !important; max-height: 100% !important;}
.row-fluid  .casestudy-banner-section.data-lice-banner {padding-bottom:120px !important}

.leadlist-page .row-fluid .casestudy-banner-section.resource-banner.solution-banner.data-lice-banner:after { background-image:url(https://www.datatree.com/hubfs/Datatree_2020/Images/banner-white-dots.png); left: -280px;  right: inherit; width: 540px;  bottom: -70px; height: 160px;z-index:10;} 
.data-option-tab-section { background-color: #EFF1F5; width:100%; float:left;position: relative;}
.data-option-tab-section .tabs-container { background-color: #003763; width: 40%; float: left;padding:126px 0;   }
.data-option-tab-section .tabs-container h3 {font-size:58px; line-height:65px;font-family: 'Oswald',sans-serif !important; font-weight:400;text-transform: uppercase; color: #00A0DE;margin-bottom: 50px;padding:0 150px;}
.data-option-tab-section .tabbing-main { width: 60%; float: right; position: absolute; top: 0;bottom: 0; z-index: 9;right:0;}
.data-option-tab-section .tabs-title {padding: 19.5px 150px;margin-bottom: 15px;position: relative;cursor: pointer;}
.data-option-tab-section .tabs-title.current { background-color: #00A0DE;}
.data-option-tab-section .tabs-title h5 {margin:0; font-size:33px; line-height:40px;font-family: 'Oswald',sans-serif !important; color:#fff; font-weight:400;}
.data-option-tab-section .tabs-title.current:after {content:''; width:0; height:0; border-left: 26px solid #00A0DE; border-top: 26px solid transparent; border-bottom: 26px solid transparent; position: absolute; left: 100%; top: 0; bottom: 0; margin: auto;}
.data-option-tab-section .tab-content {padding:80px 40px;}
.data-option-tab-section .tab-content h4 {margin: 0; color: #003560; font-family: 'Oswald',sans-serif !important; font-weight: 400; margin-bottom: 35px; font-size: 50px; line-height: 58px; text-transform: uppercase;}
.data-option-tab-section .tab-content ul {margin: 30px 0;padding-left:25px;}
.data-option-tab-section .tab-content ul li { margin-bottom: 5px; position: relative;    list-style: none;}
.data-option-tab-section .tab-content ul li:before {content:''; width: 6px; height: 6px; background-color: #00A0DE;position: absolute; left: -18px; top: 11px; border-radius: 50%;}
.data-option-tab-section:after {content:''; width:450px; height:200px;
    background-image:url(https://www.datatree.com/hubfs/Datatree_2020/Images/blue-dots.svg); position:absolute;right: -191px; bottom: -107px;background-repeat: no-repeat;}

.data-need-section {padding:140px 0 0; position:relative;}
.data-need-section .section-content-row { position:relative;padding:140px 0}
.data-need-section .section-content-row:after {content:''; width: 490px;  height: 150px; background-image: url(https://www.datatree.com/hubfs/Datatree_2020/Images/left-blue-dots.png); position: absolute; left: -240px; bottom: -80px; background-repeat: no-repeat;z-index: 9;} 
.data-need-section .container {max-width:1670px;margin: 0 auto !important;  float: none; width:100%;}
.data-need-section .section-title .container{text-align:center;max-width: 950px; margin: 0 auto; float: none;}
.data-need-section .section-title h2 {font-size: 58px; line-height: 74px; font-family: 'Oswald',sans-serif !important; font-weight: 400; text-align: center; color: #003864;text-transform: uppercase;  margin: 0;}
.data-need-section .content-wrap {padding:0; margin-top:65px;padding-left: 60px; width:40%;float:left;}
.data-need-section .content-wrap h4 {font-size: 40px;line-height: 48px; color: #003864; font-family: 'Oswald',sans-serif !important; font-weight: 400; text-transform: uppercase;}
.data-need-section .content-wrap ul{margin: 30px 0 0;padding-left:20px;}
.data-need-section .content-wrap ul li {margin-bottom: 5px; position: relative;    list-style: none;}
.data-need-section .content-wrap ul li:before {content:''; width: 6px; height: 6px; background-color: #00A0DE;position: absolute; left: -15px; top: 11px; border-radius: 50%; }
.data-need-section .section-content-row:nth-child(odd) {background-color:#EFF1F5;}
.data-need-section .section-content-row:nth-child(odd):after {display:none;}
.data-need-section .section-content-row .video-wrap {width:60%;float:left;text-align: center;}
.data-need-section .section-content-row a, .data-need-section .section-content-row .video-container {width: 860px; height: 482px; display: inline-block;  position: relative;}
.data-need-section .section-content-row .video-wrap a .play-btn, .data-need-section .section-content-row .video-container .play-btn{    width: 150px;  height: 150px; position: absolute;  bottom: 0px;  right: 6px; z-index: 9;}


.banner-caption .video-wrap a{height:515px; }
.banner-caption .video-wrap .video-container {display:inline-block;width: 100%; height:465px; position: relative;}
.banner-caption .video-wrap a iframe, .banner-caption .video-wrap .video-container iframe { width: 831px !important; height: 465px !important; right: 0;  margin: 0 auto;}
.banner-caption .video-wrap .video-container .play-btn{width: 150px; height: 150px; position: absolute; z-index: 9; right: 50px;  bottom: 0;}
.banner-caption .video-wrap a .play-btn {width: 150px; height: 150px; position: absolute; z-index: 9; right: 50px;  bottom: 50px;}

body:before {content:''; width:100%; height:100%; background-color:rgba(255,255,255,1); position:absolute; z-index:999; top:0; left:0; display:none;} 
body.show:before {display:none;}


.traditional-valuation-section{ background-repeat: no-repeat; background-position: right center; background-size: contain; padding: 150px 0 135px; background-color: #003763; color: #fff; position:relative;}
.traditional-valuation-section .content-part {font-family: 'Lato',sans-serif; max-width: 840px;}
.traditional-valuation-section .content-part .section-title h2 {    font-family: 'Oswald',sans-serif !important; font-weight: 400;color: #fff; font-size:50px; line-height:60px;}
.traditional-valuation-section .section-content {margin-top: 30px;display: inline-block;}
.traditional-valuation-section .section-content .single-content-row {padding-left: 55px;font-size: 18px;line-height:25px; font-weight: 400;margin-bottom: 50px;}
.traditional-valuation-section .section-content .single-content-row:last-child {margin-bottom:0;}
.traditional-valuation-section .section-content .single-content-row h5 {margin: 0 0 5px;font-size: 26px; line-height: 34px; color: #fff; position: relative;font-family: 'Lato', sans-serif !important;} 
.traditional-valuation-section .section-content .single-content-row h5:before {content:''; width:36px; height:30px; background-image:url(https://www.datatree.com/hubfs/_Icons/blue-check.png); position:absolute; left:-50px; top:0}
.traditional-valuation-section .section-content .single-content-row p {letter-spacing: 0.5px;display:inline;}
.traditional-valuation-section .section-content .single-content-row a {color:#00A0DE;display:inline-block;transition:all ease 0.4s;}
.traditional-valuation-section .section-content .single-content-row a:hover {color:#fff;}

.avms-cascade-section {padding:75px 0 115px;}
.avms-cascade-section .img-wrap {width:450px;float:left;}
.avms-cascade-section .content-wrap {width:calc(100% - 450px); float:left; padding-left:95px;padding-top:0;}
.avms-cascade-section .container {width:1400px;}  
.avms-cascade-section .content-wrap h2 { font-size: 50px; line-height: 60px; font-family: 'Oswald',sans-serif !important; font-weight: 400; color: #003864;}
.avms-cascade-section .content-wrap h4 {font-size: 27px; line-height: 36px; margin: 30px 0 0; color: #000000; font-family: 'Lato', sans-serif !important;}

.avms-available-section {background-color:#EFF1F5; padding:110px 0 135px; }
.avms-available-section h2 {font-family: 'Oswald',sans-serif !important; text-align: center; color: #003864; font-size: 50px;line-height: 60px;margin-bottom: 90px;font-weight: 400;}
.avms-available-section .content-wrap { padding: 0;}
.avms-available-section .content-wrap ul { padding: 0; list-style: none; column-count: 3;}
.avms-available-section .content-wrap ul li {font-size:24px; line-height:32px; font-weight:700;font-family: 'Lato', sans-serif !important;color:#2D2D2D;margin-bottom: 15px;padding-left: 69px;}
.avms-available-section .container {width:1400px;}

.property-val-page .data-full-content {padding-bottom:120px;padding-top:120px;}
.property-val-page .data-full-content:before {top: 110px;height: 840px;}
.property-val-page .data-full-content .page-container {width: 1400px !important;}
.property-val-page .data-full-content .data-inner-content {max-width: 810px;}
.property-val-page .data-full-content .data-inner-content h5 {font-family: 'Lato',sans-serif !important; font-size: 27px;line-height: 36px;  color: #000; margin-top: 40px; margin-bottom: 5px; font-weight: 600;}
.property-val-page .data-full-content .data-inner-content p a {color: #00A0DE;}
.property-val-page .data-full-content .data-inner-content p a:hover {color: #000;}

.mortgage-lender-sol-section {background: #EBEBEB; padding: 75px 0 100px;}
.mortgage-lender-sol-section .container {width: 1400px;}
.mortgage-lender-sol-section .top-content-part{ padding-bottom: 50px; border-bottom: 1px solid #5B5B5F; margin-bottom: 40px; width:100%; float:left;}
.mortgage-lender-sol-section .left-part {width:65%; float:left;color: #2D2D2D;}
.mortgage-lender-sol-section .left-part h2 {font-size: 50px; line-height: 58px;color: #003864; font-family: 'Oswald',sans-serif !important; font-weight: 400; text-transform: uppercase;}
.mortgage-lender-sol-section .left-part p {margin-bottom:25px;}
.mortgage-lender-sol-section .right-part {width:35%; float:left;padding-left: 65px;}
.mortgage-lender-sol-section .right-part .feature-row {margin-bottom:30px;}
.mortgage-lender-sol-section .right-part .feature-row:last-child {margin-bottom:0px;}
.mortgage-lender-sol-section .right-part .feature-row .feature-icon {width:35px; display: inline-block; vertical-align: middle;}
.mortgage-lender-sol-section .right-part .feature-row h5 {font-size:29px; line-height:35px; color:#003864; font-weight:600;display: inline-block; vertical-align: middle;margin-bottom:0;margin-left: 10px !important;font-family: 'Lato', sans-serif !important;}
.mortgage-lender-sol-section .btm-content-part {clear: both; text-align: center;}
.mortgage-lender-sol-section .btm-content-part h4 {font-size: 33px;line-height: 40px; color: #1589C2; text-transform: uppercase; letter-spacing: 0; font-family: 'Lato', sans-serif !important;margin-bottom: 60px;}
.mortgage-lender-sol-section .btm-content-part .feature-col {width:calc(33.33% - 20px); display:inline-block; vertical-align:top;margin:0 8px;padding: 0 60px;}
.mortgage-lender-sol-section .btm-content-part .feature-col .btm-feature-icon{    margin-bottom: 25px;}
.mortgage-lender-sol-section .btm-content-part .feature-col h6 {font-size:27px; line-height:36px;color:#000000; font-family: 'Lato', sans-serif !important; font-weight: 400;margin: 0;}


.brand-demand-lp .page-container {max-width:1530px; width:100% !important;}

.brand-demand-lp  .body-container-wrapper { overflow-x:hidden;}
.brand-demand-lp .lp-banner-wrapper .lp-banner-inner .lp-banner-content {border-bottom:0;}
.brand-demand-lp .lp-banner-wrapper .lp-banner-inner {max-width: 930px;}
.brand-demand-lp .lp-banner-wrapper .lp-banner-inner .lp-banner-content {max-width:100%;}
.brand-demand-lp .lp-banner-wrapper .lp-banner-inner h1 {line-height: 84px}
.brand-demand-lp .lp-banner-wrapper .lp-banner-inner .lp-banner-btn a {color:#fff;}
.brand-demand-lp .lp-banner-wrapper .lp-banner-inner .lp-banner-btn a:after {background-image:url(https://www.datatree.com/hubfs/_Icons/white-arrow.png)}

.banner-btm-content-section {clear: both;background: #003763; position: relative; width: 100%; float: left; padding: 70px 0;}
.banner-btm-content-section .img-wrap {position: absolute; top: -115px; left: 0;box-shadow: 0 6px 57px rgba(0,0,0,0.24);width: 43%}
.banner-btm-content-section .img-wrap img {width:100%;}
.banner-btm-content-section .content-wrap {max-width: 780px;float: right; font-size: 24px; line-height: 34px; padding-left: 30px; position: relative;}
.banner-btm-content-section .content-wrap p {color: #47C8FA;}
.banner-btm-content-section .content-wrap:before {content:''; width:3px; height:90px; background-color:#46C7FA; position:absolute; left:0; top:36px;}

.left-content-right-img-section {background: #EFF1F5;padding: 200px 0 50px;}
.left-content-right-img-section h2 {font-size:50px; line-height:60px;}
.left-content-right-img-section .content-wrap{max-width: 920px; display: inline-block; vertical-align: middle;}
.left-content-right-img-section .img-wrap {display: inline-block; vertical-align: middle; width: 38%; text-align: right;}

.blue-round-btn a {font-family: 'Lato',sans-serif; background: #4ab4e8; text-align: center; padding: 15px 50px 18px;  border-radius: 35px; min-width: 220px; margin-top: 40px; transition: all .5s;  color: #fff;  display: inline-block; font-size: 20px; line-height: 28px;}
.blue-round-btn a:hover{ background: #047ba0;}

.different-sol-section {padding: 110px 0 130px; clear: both;position: relative;    float: left; width: 100%;}
.different-sol-section .section-title {text-align:center;}
.different-sol-section .section-title h2 {font-size:50px; line-height:60px; margin-bottom:70px;}
.different-sol-section .page-container {max-width:1380px;}
.different-sol-section .content-row-wrap .sol-content-row {display: inline-block;  margin-bottom: 40px;}
.different-sol-section .content-row-wrap .sol-content-row .sol-icon {width: 120px; float: left;}
.different-sol-section .content-row-wrap .sol-content-row .content-wrap {width: calc(100% - 180px);float: left; padding: 0 0 0 60px;font-size: 21px; line-height: 30px;}
.different-sol-section .content-row-wrap .sol-content-row h5 {font-family: 'Lato',sans-serif !important; font-size: 27px;line-height:36px;font-weight: 600; color: #000000; margin: 0 0 10px;}
.different-sol-section .content-row-wrap .sol-content-row p {display: inline; color: #2D2D2D;}
.different-sol-section .content-row-wrap .sol-content-row a {color: #00A0DE;}
.different-sol-section .content-row-wrap .sol-content-row a:hover{color: #2D2D2D;}
.different-sol-section .btn-wrap {padding-left: 180px;}

.center-cta-section {width: 100%; float: left; padding: 85px 0 100px;background-repeat: no-repeat; background-position: left top; background-color: #003763; text-align: center; color: #fff;    background-blend-mode: multiply;}
.center-cta-section .content-wrap {padding:0;}
.center-cta-section .content-wrap h3 {font-size: 54px; font-family: 'Oswald',sans-serif !important; line-height: 62px; color: #00A0DE; font-weight: 400; text-transform: uppercase;}
.center-cta-section .content-wrap h4 {font-size: 44px; line-height: 60px; color: #fff; font-weight: 400; font-family: 'Lato',sans-serif !important;}
.center-cta-section .content-wrap .btn-wrap a {margin-top: 30px;}

.easy-delivery-section{padding:65px 0 50px;}
.easy-delivery-section .wrap-over{position:relative;padding: 95px 0 0;}
.easy-delivery-section .wrap-over .img-wrap{height:880px;position:absolute;right:0;text-align:right;top:0;width:604px;z-index:-1;}
.easy-delivery-section .wrap-over .img-wrap img{height:100%;object-fit:cover;}
.easy-delivery-section .steps-wrap{color:#fff;max-width:1050px;}
.easy-delivery-section .steps-wrap h3{color:#fff;font-size:30px;line-height:normal;font-family: 'Lato',sans-serif !important; font-weight: 600; text-transform:uppercase;}
.easy-delivery-section .steps-wrap .single-step-row{margin-bottom: 13px;font-family: 'Lato',sans-serif !important;padding: 44px 60px 48px 60px; font-size: 25px; line-height: 33px;}
.easy-delivery-section h2 {margin-bottom: 70px;font-size: 50px; line-height: 60px;}

.loan-content-slider-section .page-container {max-width: 1380px;}
.loan-content-slider-section .quote-img {float: left;}
.loan-content-slider-section .slider-wrap {padding-left: 55px; float: left; width: calc(100% - 200px);}
.loan-content-slider-section .slider-wrap .single-slide {width: 1095px; font-size: 22px;line-height: 35px;color: #145576;}
.loan-content-slider-section .slider-wrap .single-slide h4 {font-size: 27px; line-height: 35px;margin-top: 20px; font-family: 'Oswald',sans-serif !important; font-weight: 400;text-transform: uppercase;color: #00A0DE;}
.loan-content-slider-section{padding: 50px 0 120px; width: 100%; clear: both; float: left;}
.loan-content-slider-section .slider-wrap ul.slick-dots {padding: 0;text-align:center;margin-left: -150px;}
.loan-content-slider-section .slider-wrap ul.slick-dots li {list-style:none;display: inline-block; vertical-align: middle;margin: 0 5px;}
.loan-content-slider-section .slider-wrap ul.slick-dots li button {border: 0;background: #009FDD;font-size: 0; width: 19px;height: 19px; border-radius: 50%;}
.loan-content-slider-section .slider-wrap ul.slick-dots li.slick-active button {background: #135575;}

.brand-demand-lp .row-fluid .contact-section .main-form {max-width: 900px;}
.contact-section .main-form .hs-form-field label{color: #fff;}


.hoa-data-sol-page.webinar-lp h2 {font-size:50px; line-height:60px;}

.owner-mark-sol-page .row-fluid .casestudy-banner-section.resource-banner.solution-banner:after, .hoa-data-sol-page .row-fluid .casestudy-banner-section.resource-banner.solution-banner:after {right: 0; bottom: -77px; width: 230px; height: 126px; background-size: cover;}

.hoa-data-sol-page .empower-section .empower-content{ background-color: #EFF1F5;padding:0;width: 100%; float: left;}
.hoa-data-sol-page .empower-section .empower-content h2 {margin-top: 80px; display: inline-block;padding: 0 20px;}
.hoa-data-sol-page .empower-section .empower-content p {padding: 0 75px;}
.hoa-data-sol-page .empower-section .empower-content .scroll-down a {margin-top:0;font-family: 'Oswald',sans-serif !important; text-transform: uppercase; width: 50%; float: left;padding: 37px; font-size: 24px; line-height: 28px; }
.hoa-data-sol-page .empower-section .empower-content .scroll-down {margin-top:70px; width: 100%;float: left;}
.hoa-data-sol-page .empower-section .empower-content .scroll-down a:first-child { border-radius: 0 0 0 15px;background-color: #003763;}
.hoa-data-sol-page .empower-section .empower-content .scroll-down a:last-child{ border-radius: 0 0 15px 0;background-color: #009FDD;}

.hoa-data-sol-page .data-full-content .page-container {width: 100% !important; max-width: 1440px;}
.hoa-data-sol-page .data-full-content p {margin-bottom:40px;}
.hoa-data-sol-page .data-full-content {padding-top: 80px; float: left;    overflow: hidden;}
.hoa-data-sol-page .data-full-content .data-inner-content {max-width:820px;color: #2D2D2D;}
.hoa-data-sol-page .data-full-content h4 {font-size: 27px;line-height: 35px; font-weight: 600; color: #000000; font-family: 'Lato',sans-serif !important;margin-bottom: 10px;}
.hoa-data-sol-page .data-full-content ul {padding: 0;display: inline-block; width: auto;column-count: 2;}
.hoa-data-sol-page .data-full-content ul li {list-style: none;width: auto;padding-left: 20px; position: relative;}
.hoa-data-sol-page .data-full-content ul li:before {content:''; width:8px; height:8px; background-color:#00A0DE; border-radius:50%;position: absolute;left: 0; top: 10px;}
.hoa-data-sol-page .data-full-content h4 + p {margin-bottom:15px;}
.hoa-data-sol-page .data-full-content {padding-bottom: 100px;}
.hoa-data-sol-page .data-full-content:before { width: 820px; height: 100%; background-size: cover; background-position: left top; background-repeat: no-repeat; position: absolute; bottom: -100px; top: inherit; left: inherit}

.data-map-section { clear: both; width: 100%;float: left; background: #2B769F; padding: 90px 0 100px;}
.data-map-section .section-title {text-align:center; margin: 0 auto 50px; max-width: 1150px;}
.data-map-section .section-title h2 {font-family: 'Oswald',sans-serif !important; text-transform: uppercase; font-weight: 400; color: #fff;}
.data-map-section .section-title p {color: #fff; font-family: 'Lato',sans-serif;font-weight: 400;}
.data-map-section .section-content {color:#fff;display: flex; align-items: center; justify-content: center;}

.hoa-data-sol-page .data-map-section .page-container {max-width: 1600px;width: 100% !important}
.data-map-section .left-part h5 {font-size: 22px; line-height: 30px; color: #fff;    font-family: 'Lato',sans-serif !important;}
.data-map-section .left-part, .data-map-section .right-part {width:50%; float:left;    font-family: 'Lato',sans-serif;}
.data-map-section .left-part ul {column-count: 4;padding: 0;    margin-bottom: 30px;}
.data-map-section .left-part ul li {position:relative; padding-left:15px;list-style: none;    font-family: 'Lato',sans-serif}
.data-map-section .left-part ul li:before {content:''; width:7px; height:7px; background-color:#00A0DE; border-radius:50%;position: absolute;left: 0; top: 10px;}

.hoa-img-with-text-section .page-container { max-width: 1440px; width: 100% !important;}
.hoa-img-with-text-section {padding:160px 0;}
.hoa-img-with-text-section .content-row  {display:flex; align-items:flex-start;flex-direction: row-reverse;}
.hoa-img-with-text-section .content-row .content-wrap{width: 100%;float: left; padding-left: 50px; padding-top: 0;padding-bottom: 0;}
.hoa-img-with-text-section .content-row .img-wrap { width: 90%;float: left;margin-top:10px;}
.hoa-img-with-text-section .content-row .img-wrap img {width:100%;}
.hoa-img-with-text-section h2 {margin-bottom:10px;}
.hoa-img-with-text-section .content-wrap p {font-family: 'Lato',sans-serif;margin-bottom: 20px; color: #2d2d2d;}
.hoa-img-with-text-section .content-row .content-wrap ul {padding: 0;max-width: 550px;}
.hoa-img-with-text-section .content-row .content-wrap ul li {position:relative;padding-left:20px;list-style: none;font-family: 'Lato',sans-serif; font-size: 21px; line-height: 30px; margin-bottom: 15px; color: #2d2d2d;}
.hoa-img-with-text-section .content-row .content-wrap ul li:before {content:''; width:7px; height:7px; background-color:#00A0DE; border-radius:50%;position: absolute;left: 3px; top: 13px;}
.hoa-img-with-text-section .content-row .content-wrap h4 {margin-top:35px;    font-size: 27px; line-height: 36px;font-family: 'Lato',sans-serif !important;  font-weight: 600; color: #2d2d2d;}
.hoa-img-with-text-section .section-content .content-row.img-right {flex-direction: row;}
.hoa-img-with-text-section .section-content .content-row.img-right .content-wrap {padding-left: 0; padding-right: 50px;}
.hoa-img-with-text-section .section-content .content-row:first-child {margin-bottom:80px;}
.hoa-img-with-text-section .section-content .content-row:last-child  {margin-bottom:0px !important;}
.hoa-img-with-text-section .content-row .content-wrap.two-col ul {max-width: 100%;} 
.hoa-img-with-text-section .content-row .content-wrap.two-col ul li {width: 49%; display: inline-block;margin-bottom: 0; vertical-align: top;font-size: 20px; line-height: 30px;}

.data-ans-section {background: #DEDEDE;padding: 130px 0 100px;width: 100%; float:left;}
.data-ans-section .page-container { max-width: 1700px; width: 100% !important; }
.data-ans-section .section-title { text-align: center; max-width: 1200px;margin: 0 auto 70px;}
.data-ans-section .section-title h2 {margin: 0 0 15px;}
.data-ans-section .section-title p {font-size: 28px;line-height: 36px; color: #2d2d2d; font-family: 'Lato',sans-serif;}
.data-ans-section .section-content {margin-left:-15px; margin-right:-15px;display: flex;  align-items: flex-start;flex-direction: row}
.data-ans-section .section-content .single-col {width:100%; float:left; margin:0 15px;}
.data-ans-section .section-content .single-col .img-wrap {width: 96px;height: 96px; display: flex; align-items: center; justify-content: center;}
.data-ans-section .single-col .content-wrap h5 {font-size: 21px;line-height: 30px; margin-bottom: 10px; color: #2D2D2D; font-family: 'Lato',sans-serif !important;}
.data-ans-section .single-col .content-wrap p {color: #2D2D2D; font-size: 18px; line-height: 30px;}
.data-ans-section .single-col .content-wrap a {color:#5BBBEE;}
.data-ans-section .single-col .content-wrap a:hover {color:#2d2d2d;}

.hoa-data-sol-page .process-section h2 {margin-bottom: 20px;}
.hoa-data-sol-page .process-section .top-content p {color: #2D2D2D;}
.hoa-data-sol-page .row-fluid .process-section .process-inner .process-repeater {padding: 150px 40px 100px;}

.hoa-data-sol-page .process-section .page-container { width: 100% !important; max-width: 1570px;}
.hoa-data-sol-page .process-section .process-box{font-size: 26px;}
.hoa-data-sol-page .process-section .process-box a {color: #fff; text-decoration: underline !important;}
.hoa-data-sol-page .process-section {padding: 100px 0 150px;}

.cta-strip-section.blue-bg { background: #009FDD;padding:40px 0;     position: relative;   width: 100%; float: left;}
.cta-strip-section .page-container {max-width: 1500px; width: 100% !important;}
.cta-strip-section .cta-img-wrap { position: absolute; bottom: -110px;}
.cta-strip-section .cta-content-wrap {width: 63%; color: #fff; padding-left: 100px;float: right}
.cta-strip-section .cta-content-wrap h2 {font-size: 37px;line-height:46px; font-family: 'Lato',sans-serif !important; margin: 0; color: #fff;}
.cta-strip-section .cta-content-wrap a.cta_button:after {content:"\f061"; font-family:FontAwesome; font-size:25px;display:inline-block;vertical-align: middle;margin-left: 15px; font-weight: 400; transition:all ease 0.4s;}
.cta-strip-section .cta-content-wrap a.cta_button  { font-size: 37px; line-height: 46px; font-family: 'Lato',sans-serif !important; margin: 0; position: relative; display: inline-block; color: #003864; font-weight: 700; margin-top: 10px; transition:all ease 0.4s;}
.cta-strip-section .cta-content-wrap a.cta_button:hover {color:#fff;}
.cta-strip-section .cta-content-wrap a.cta_button:hover:after {color:#fff;}

.cta-strip-section.grey-bg {background:#DDDDDD; width: 100%; float: left;padding:70px 0;    position: relative;}
.cta-strip-section.grey-bg .cta-content-wrap h2 {color:#003864;}
.cta-strip-section.grey-bg .cta-content-wrap a.cta_button:after {color:#009FDD;}
.cta-strip-section.grey-bg .cta-content-wrap a.cta_button {color:#009FDD;}
.cta-strip-section .cta-content-wrap a.cta_button:hover {color:#003864;}
.cta-strip-section .cta-content-wrap a.cta_button:hover:after {color:#003864;}
.cta-strip-section.grey-bg .cta-img-wrap {max-width: 460px; bottom: -88px;z-index: 1;}

.content-box-section {display: flex; height: 100%;}
.content-box-section > div {width: 100%;color: #fff;padding: 100px 150px;font-family: 'Lato',sans-serif}
.content-box-section .left-box {background: #009FDD;}
.content-box-section .right-box {background: #003763}
.content-box-section > div h2 {font-family: 'Oswald',sans-serif !important;font-weight: 400; text-transform: uppercase; color: #fff;}
.content-box-section > div ul { margin: 35px 0; padding-left: 22px;}

.owner-mark-sol-page .empower-section .empower-content {padding: 50px 75px;}

.owner-mark-sol-page .traditional-valuation-section {padding:100px 0 75px;}
.owner-mark-sol-page .traditional-valuation-section .container {max-width: 1400px; width:100% !important;}
.owner-mark-sol-page .traditional-valuation-section .section-title {font-family: 'Lato',sans-serif;}
.owner-mark-sol-page .traditional-valuation-section .section-title h2 {text-transform: uppercase;}
.owner-mark-sol-page .traditional-valuation-section .content-part { max-width: 1170px;}
.owner-mark-sol-page .traditional-valuation-section .section-content {max-width: 880px;}
.owner-mark-sol-page .traditional-valuation-section .section-content .single-content-row p {    font-family: 'Lato',sans-serif;}

.mark-service-section {background-color: #EBEBEB; background-position: left; background-blend-mode: multiply; background-size: cover;}
.mark-service-section .content-part { max-width: 940px; float: right;}
.owner-mark-sol-page .mark-service-section .content-part .section-title h2 {color:#003864;}
.owner-mark-sol-page .mark-service-section .content-part .section-title p {font-size: 26px; line-height: 36px;  color: #2d2d2d;}
.mark-service-section .service-single-row {margin-bottom:35px;display: inline-block;}
.mark-service-section .service-single-row .icon-wrap {width: 60px; height: 60px; display: flex; align-items: center; justify-content: center; float: left;}
.mark-service-section .service-single-row .content-wrap {    float: left; width: calc(100% - 70px); padding: 0 0 0 20px;}
.mark-service-section .service-single-row .content-wrap h5 {margin-bottom: 10px; font-size: 26px; line-height: 36px; font-family: 'Lato',sans-serif !important; color: #2D2D2D;}
.mark-service-section .service-single-row .content-wrap ul { padding-left: 25px; color: #2D2D2D;}
.mark-service-section .service-single-row .content-wrap ul li{font-family: 'Lato',sans-serif !important; margin-bottom: 20px}

.customer-eng-section { text-align: center; background-color: #003763; color: #fff;padding: 150px 0;    font-family: 'Lato',sans-serif !important;position:relative;}
.customer-eng-section:before {content:'';position: absolute; background-image: url(https://www.datatree.com/hubfs/Datatree_2020/Images/blue-dots.svg); background-repeat: no-repeat; right: 0; top: -30px; width: 150px; height: 150px; background-size: cover;}
.customer-eng-section h2 {font-family: 'Oswald',sans-serif !important; font-weight: 400; text-transform: uppercase; color: #00A0DE;font-size: 50px; line-height: 60px;}
.customer-eng-section .page-container {max-width: 1030px; width: 100% !important;}
.customer-eng-section h4 {font-family: 'Lato',sans-serif !important; color: #fff; font-size: 27px; line-height: 36px; margin: 0 0 10px;font-weight: 600;}

.owner-mark-sol-page .contact-section { text-align:center;border-top: 5px solid rgba(37, 71, 99, 0.27); padding: 160px 0;}
.owner-mark-sol-page .contact-section p {font-size:27px; line-height:36px;color:#fff;font-weight: 600;}
.owner-mark-sol-page .contact-section .page-container {width: 1280px !important;}

.owner-mark-sol-page .hoa-img-with-text-section {padding:100px 0;}
.owner-mark-sol-page .hoa-img-with-text-section .img-wrap {margin-top:0;max-width: 500px;}
.owner-mark-sol-page .hoa-img-with-text-section .content-wrap {padding-left:90px;}
.owner-mark-sol-page .hoa-img-with-text-section .content-wrap h4 {font-size: 23px; line-height: 33px; color: #000000; margin-bottom: 35px;}
.owner-mark-sol-page .hoa-img-with-text-section .content-wrap h5 {margin: 0 0 5px;font-size: 27px; line-height: 36px; font-family: 'Lato',sans-serif !important; font-weight: 600; color: #000;}
.owner-mark-sol-page .hoa-img-with-text-section .content-wrap ul {max-width: 100%;}
.owner-mark-sol-page .hoa-img-with-text-section .content-wrap ul li {margin-bottom: 5px;padding-left: 15px;font-size: 18px; line-height: 28px;}
.owner-mark-sol-page .hoa-img-with-text-section .content-row .content-wrap ul li:before {background-color: #2D2D2D;}
.owner-mark-sol-page .hoa-img-with-text-section .section-content .content-row:first-child { margin-bottom: 100px;}
.owner-mark-sol-page .hoa-img-with-text-section .section-content .content-row.img-right .content-wrap { padding-right: 140px;}
.owner-mark-sol-page .hoa-img-with-text-section .section-content .content-row { margin-bottom: 100px;}
.owner-mark-sol-page .hoa-img-with-text-section h2 {font-size:50px; line-height:60px;}

.intelligent-marketing-section {padding:100px 0;width: 100%; float: left; position: relative;}
.intelligent-marketing-section h2 {font-size: 50px; line-height: 60px; margin-bottom: 10px;}
.intelligent-marketing-section p {color: #2D2D2D;font-family: 'Lato',sans-serif !important;}
.intelligent-marketing-section .section-title {margin-bottom: 50px;}
.intelligent-marketing-section .section-content .list-col {width:50%; float:left;word-break: break-word; padding-right: 50px;}
.intelligent-marketing-section .section-content h4 {margin: 0 0 10px;font-size: 27px; line-height: 36px; color: #000000;}
.intelligent-marketing-section .section-content ul {padding-left: 24px; margin-bottom: 25px;}
.intelligent-marketing-section .section-content ul li { color: #2D2D2D; margin-bottom: 5px;}
.intelligent-marketing-section .bg-img-wrap {    position: absolute; right: 0; bottom: -30px;opacity: 0.6;}

.homeowner-need-section {padding: 80px 0 300px;vertical-align: middle;}
.homeowner-need-section h2 {font-size: 50px;line-height: 60px;margin: 0 auto 50px; max-width: 735px;text-align: center;}

.homeowner-need-section.data-full-content:before {bottom: -360px;top: inherit; left: -20px;}
.homeowner-need-section.data-full-content .data-inner-content {max-width:100%;}
.homeowner-need-section.data-full-content .data-inner-content h5 {margin-bottom: 10px; font-size: 27px; line-height: 36px; color: #000; font-weight: 600; font-family: 'Lato',sans-serif !important;}
.homeowner-need-section.data-full-content .data-inner-content .left-col { width: 50%; float: left;padding-right:60px;}
.homeowner-need-section.data-full-content .data-inner-content .right-col{ width: 50%; float: left;padding-right:60px;} 
.homeowner-need-section.data-full-content .page-container {width: 100% !important; max-width: 1500px;}
.homeowner-need-section.data-full-content .data-inner-content p + h5 {margin-top:35px;}

.owner-mark-sol-page .traditional-valuation-section .section-content .single-content-row {    padding-left: 75px;}
.owner-mark-sol-page .traditional-valuation-section .section-content .single-content-row h5:before { background-image: url(https://www.datatree.com/hubfs/_Icons/check-icon-thick.png);    width: 48px;height: 38px;top: 6px; left: -70px;    background-size: contain;background-repeat: no-repeat;}

.estate-data-property-page .empower-section .empower-content {padding:0;float: left;}
.estate-data-property-page .empower-section .empower-content p {padding: 50px 115px 20px;color: #2D2D2D;}
.estate-data-property-page .empower-section .scroll-down a{display:inline-block;width:33.33%;border-radius:0 0 0 15px;font-size:24px;line-height:36px;font-family:'Oswald',sans-serif!important;padding:32px 20px;text-transform:uppercase; float:left;background-color:#003763;}
.estate-data-property-page .empower-section .scroll-down a:nth-child(2) {background-color:#009FDD;border-radius: 0;}
.estate-data-property-page .empower-section .scroll-down a:nth-child(2):hover {    background: #047ba0;}
.estate-data-property-page .empower-section .scroll-down a:last-child {background-color:#08506C;border-radius: 0 0 15px 0;}
.estate-data-property-page .empower-section .scroll-down a:last-child:hover {    background: #047ba0;}

.estate-data-property-page .row-fluid .casestudy-banner-section.resource-banner.solution-banner:after{right:0;bottom:-77px;width:230px;height:126px;background-size:cover;}

.report-section {padding:100px 0 125px;}
.report-section .top-content h2 {font-size:50px; line-height:60px; margin-bottom:10px;}
.report-section .top-content p {font-family: 'Lato',sans-serif;color: #2d2d2d;}
.report-section .top-content {margin-bottom:75px;}
.report-section .report-content-wrap { margin-left: -10px; margin-right: -10px;     text-align: center;}
.report-section .report-content-wrap .single-box { width: calc(33.33% - 20px);display: inline-block; background: #EFF1F5; margin: 0 8px 20px;vertical-align: top;text-align: left;}
.report-section .report-content-wrap .single-box > div {padding:40px 45px;}
.report-section .report-content-wrap .single-box .icon-wrap {margin-bottom: 10px;}
.report-section .report-content-wrap .single-box .content-wrap {padding: 0;}
.report-section .report-content-wrap .single-box .content-wrap h3 {font-size:36px; line-height:44px;  margin-bottom: 10px;}
.report-section .report-content-wrap .single-box .content-wrap p {font-family: 'Lato',sans-serif;color:#2D2D2D;}
.report-section .page-container {width: 100% !important;max-width: 1430px;}
.report-section .request-report-box{;width:calc(66.66% - 20px);margin:0 8px;padding:0 90px;color:#fff; display: inline-flex; vertical-align: top;  align-items: flex-start; flex-direction: column; justify-content: center;}
.report-section .request-report-box h2{font-family:'Oswald',sans-serif!important;color:#fff;font-weight:400;text-transform:uppercase;}
.report-section .request-report-box a{font-size:24px;line-height:32px;color:#fff;font-family:'Lato',sans-serif;position:relative; transition: all ease 0.2s;}
.report-section .request-report-box a:hover {color:#009FDD;}
.manual-report-section .request-report-box a:after {content:"\f105"; font-family:Fontawesome; font-size:22px;color:#fff;}

.row-fluid .hoa-ctasection.cta-strip-section.grey-bg .cta-img-wrap { float:none; display:inline-block; vertical-align:middle; margin:0 -2px; width:37%; position:relative; bottom:auto; } 
.row-fluid .hoa-ctasection.cta-strip-section.grey-bg .cta-content-wrap { float:none; display:inline-block; vertical-align:middle; margin:0 -2px; width:63%; }

/* .auto-report-section {padding:125px 0; clear: both;}
.auto-report-section .top-content {max-width: 750px; margin: 0 auto 80px; color: #fff;}
.auto-report-section .top-content h2, .auto-report-section .top-content p {color: #fff;}
.auto-report-section .view-report-cta {background-color: #000C26; padding: 35px 125px; display: inline-block;width: calc(100% - 20px);position: relative;margin: 0 8px 15px;}
.auto-report-section .view-report-cta .cta-img {height: 250px; overflow: hidden; position: absolute;bottom: 0;}
.auto-report-section .view-report-cta .cta-content {width: calc(100% - 500px); float: right;font-family: 'Oswald',sans-serif !important; text-align:left;}
.auto-report-section .view-report-cta .cta-content h2 { font-weight: 400; font-family: 'Oswald',sans-serif !important; font-size: 53px; line-height: 62px;color: #00A0DE; text-transform: uppercase;}
.auto-report-section .view-report-cta .cta-content a {font-size: 24px; line-height: 32px; color: #fff;font-family: 'Lato',sans-serif;position: relative;transition: all ease 0.4s;}
.auto-report-section .view-report-cta .cta-content a:hover {color: #00A0DE;}
.auto-report-section .view-report-cta .cta-content a:after { content: "\f105"; font-family: Fontawesome; font-size: 22px; color: #fff;}
.auto-report-section .btn-wrap {text-align:center;} */

.manual-report-section {padding:125px 0; clear: both; background: #003763;}
.manual-report-section .top-content {max-width: 750px; margin: 0 auto 80px; color: #fff;}
.manual-report-section .top-content p, .manual-report-section .top-content h2 {color: #fff;}

.manual-report-section .btn-wrap {text-align:center;}

.auto-report-section  .view-report-cta {background-color: #000C26; padding: 35px 125px; display: inline-block;width: calc(100% - 20px);position: relative;margin: 0 8px 15px;}
.auto-report-section .view-report-cta .cta-img {height: 250px; overflow: hidden; position: absolute;bottom: 0;}
.auto-report-section .view-report-cta .cta-content {width: calc(100% - 500px); float: right;font-family: 'Oswald',sans-serif !important; text-align:left;}
.auto-report-section .view-report-cta .cta-content h2 { font-weight: 400; font-family: 'Oswald',sans-serif !important; font-size: 53px; line-height: 62px;color: #00A0DE; text-transform: uppercase;}
.auto-report-section .view-report-cta .cta-content a {font-size: 24px; line-height: 32px; color: #fff;font-family: 'Lato',sans-serif;position: relative;transition: all ease 0.4s;}
.auto-report-section .view-report-cta .cta-content a:hover {color: #00A0DE;}
.auto-report-section .view-report-cta .cta-content a:after { content: "\f105"; font-family: Fontawesome; font-size: 22px; color: #fff;}



.custom-package-section { background: #EFF1F5; padding: 65px 0;float: left; width: 100%;}
.custom-package-section .page-container {width: 100% !important; max-width: 1320px;}
.custom-package-section .img-wrap {float: left; max-width: 400px;}
.custom-package-section .img-wrap img {}
.custom-package-section .content-wrap {float: left; padding-left: 50px; width: calc(100% - 400px);}

.doc-img-page .row-fluid .casestudy-banner-section.resource-banner.solution-banner {padding-bottom: 190px;}
.doc-img-page .row-fluid .casestudy-banner-section.resource-banner.solution-banner h1 {margin:0;}
.doc-img-page .data-full-content h2 {margin-bottom:15px;}

.tidbit-section .section-title {background: #009FDD; color: #fff; width: 590px;float: left;  position: absolute;  text-align: center; padding: 70px 50px;left: 0; top: -20px;}
.tidbit-section .section-title:after {content:''; width:0; height:0;border-left:15px solid #009FDD; border-top: 17px solid transparent;border-bottom: 17px solid transparent; position: absolute; right: -13px; top: 50%;transform: translateY(-50%);}
.tidbit-section .section-title h2 {color: #FFFFFF; font-family: 'Oswald',sans-serif !important; text-transform: uppercase; margin: 0;font-weight: 400;}
.tidbit-section  {background-color: #003763; color: #fff;position: relative; float: left;width: 100%;}
.tidbit-section .section-content {color: #fff; padding: 35px 0 35px 280px; float: right; text-align: right;font-size: 32px; line-height: 44px;}
.tidbit-section .section-content h3 {font-size: 34px;  line-height: 42px; color: #fff; margin: 0; font-family: 'Lato',sans-serif !important;float: left;width: 100%; text-align: left;}
.tidbit-section .section-content h3 b {color: #15B5F3;font-weight: 900;}
.tidbit-section .page-container {width: 100% !important; max-width: 1210px;}

.specific-doc-section {padding: 115px 0 145px;}
.specific-doc-section .top-content {color: #2D2D2D; font-family: 'Lato',sans-serif !important; margin-bottom: 50px}
.specific-doc-section .top-content h2 {margin-bottom: 15px;}
.specific-doc-section .page-container {width: 100% !important; max-width: 1260px;} 
.specific-doc-section .section-content ul {padding-left:0;}
.specific-doc-section .section-content ul li {width:calc(33.33% - 30px); float:left; margin: 0 15px 7px; list-style: none;padding-right: 20px;}
.specific-doc-section .section-content ul li span {background: #EFF1F5; padding: 15px 15px 15px 30px; width: 100%; display: inline-flex; font-size: 26px; line-height: 30px; font-family: 'Lato',sans-serif !important;transition: all ease 0.4s;    height: 100%;align-items: center}
.specific-doc-section .blue-round-btn {clear: both;text-align: center;}
/* .specific-doc-section .section-content ul li a:hover { background: #047ba0; color:#fff;} */


.doc-image-need-section {padding: 145px 0 150px;}
.doc-image-need-section .page-container {width: 100% !important; max-width: 1400px;}
.doc-image-need-section .content-box {background-color:#EFF1F5;box-shadow: 0 0 98px rgba(2, 21, 36, 0.36);border-radius: 25px;position: relative;padding: 75px 60px;}
.doc-image-need-section .content-box .img-wrap {position: absolute; right: -100px; top: -55px;}
.doc-image-need-section .content-box .content-wrap {max-width: 855px; padding: 0;}
.doc-image-need-section .content-box .content-wrap h2 {font-size: 37px;line-height: 46px; margin-bottom: 10px;}
.doc-image-need-section .content-box .content-wrap p {color: #2D2D2D;}

.map-img-section {padding: 255px 0 200px; background-repeat: no-repeat;background-size: contain; background-position: right; background-blend-mode: multiply;}
.map-img-section .content-wrap {padding:0;  color: #2D2D2D; max-width: 770px;}
.map-img-section .content-wrap h2 {margin-bottom: 15px;}

.doc-img-page .contact-section { text-align:center; padding: 160px 0;}
.doc-img-page .contact-section p {font-size:27px; line-height:36px;color:#fff;font-weight: 600;}
.doc-img-page .contact-section .page-container {width: 1280px !important;}
.doc-img-page .contact-section h2 {    max-width: 100%;}

.datatree-online-page .row-fluid .casestudy-banner-section.resource-banner.solution-banner {padding-bottom:170px;}
.datatree-online-page .row-fluid .casestudy-banner-section.resource-banner.solution-banner:after {right: 0; bottom: -77px;width: 230px; height: 126px; background-size: cover;}
.datatree-about-section .page-container {max-width:1440px; width:100% !important;display: flex; align-items: center;border-bottom: 1px solid #BDBFC3;}
.datatree-about-section .content-wrap, .datatree-about-section .img-wrap {width:50%; float:left;}
.datatree-about-section .img-wrap { padding-left: 120px; margin-top: -90px; position: relative;}
.datatree-about-section .content-wrap {width: 54%;}

.datatree-online-page.webinar-lp h2 {font-size:50px; line-height:60px;}
.datatree-online-page .content-wrap p { color: #2D2D2D; font-family: 'Lato',sans-serif;}

.property-search-section {padding: 75px 0 135px;float: left; width: 100%;}
.property-search-section .page-container {width: 100% !important; max-width: 1460px;}
.property-search-section .left-side {width: 70%; float: left;border-right: 1px solid #EFF1F5; }
.property-search-section .left-side > div {padding-right: 75px;}
.property-search-section .left-side h3 {font-size: 36px; line-height: 44px;}
.property-search-section .left-side h4 {font-size: 20px; line-height: 36px; color: #000000; font-family: 'Lato-Semibold' !important;font-weight: normal;margin-bottom: 0;}
.property-search-section .left-side .single-post-wrap {margin-bottom:60px;}
.property-search-section .left-side .single-post-wrap .content-wrap {padding-top:0; width: calc(100% - 249px);}
.property-search-section .left-side .single-post-wrap .img-wrap {position:relative;max-width: 249px; width: 100%;}
.property-search-section .left-side .single-post-wrap .img-wrap img {width:100%;}
.property-search-section .left-side .single-post-wrap:last-child {margin-bottom:0px;}
.property-search-section .left-side .full-width-img .single-post-wrap .content-wrap {width: 100%;}
.property-search-section .left-side .full-width-img .single-post-wrap .img-wrap {width:100%; max-width: 100%;}

.property-search-section .left-side .img-fl-post-wrap .single-post-wrap .content-wrap, .property-search-section .left-side .img-fl-post-wrap  .single-post-wrap .img-wrap {width: 100%;max-width:100%;}


.img-hf-post-wrap .posts-wrap .section-title {margin-bottom: 35px;}
.img-hf-post-wrap .posts-wrap .section-title p {color: #000000;font-family: 'Lato',sans-serif;}
.img-hf-post-wrap .posts-wrap .single-post-wrap {display: inline-flex; flex-direction: row-reverse;}
.img-hf-post-wrap .posts-wrap .single-post-wrap .content-wrap {padding-left:30px;padding-top: 15px; width: calc(100% - 249px);}
.img-hf-post-wrap .posts-wrap .single-post-wrap .img-wrap {width: 100%; float: left; max-width: 249px;}
.img-hf-post-wrap .posts-wrap {margin-bottom:55px;}

.property-search-section .left-side .grey-bg {position:relative; padding:75px 75px 65px 0;}
.property-search-section .left-side .grey-bg:after {content:'';width: 130%; height: 100%; left: -300px; position: absolute; top: 0; background: #EFF1F5; z-index: -1;}
.property-search-section .left-side .reliable-data-section .section-title {margin-bottom: 35px;}
.property-search-section .left-side .reliable-data-section .section-title p { color: #2D2D2D; font-family: 'Lato',sans-serif;}

.reliable-data-section .single-post-wrap .content-wrap {padding-bottom:0;}
.reliable-data-section .single-post-wrap {display: flex;}
.reliable-data-section .single-post-wrap .img-wrap { max-width: 249px; width: 100%;}
.reliable-data-section .single-post-wrap .content-wrap { padding-left: 30px;padding-top: 15px !important;}

.property-search-section .left-side .reliable-data-section.grey-bg {padding-bottom:30px;}
.property-search-section .left-side .grey-bg.full-width-img {padding-top:25px;padding-right: 40px}
/* .property-search-section .left-side .img-fl-post-wrap .single-post-wrap:last-child {margin-bottom: 40px;} */
.property-search-section .left-side .img-fl-post-wrap{margin-bottom:60px;}

.property-search-section .productivity-tools-section {padding-top: 65px; padding-bottom: 65px;float:left;}
.property-search-section .productivity-tools-section h2 {margin-bottom: 15px;}

.property-search-section .left-side .img-hf-post-wrap .posts-wrap {margin-bottom:50px;}

.datatree-mob-section {padding-bottom: 0px; float: left;}
.datatree-mob-section .section-title {margin-bottom: 35px;}
.datatree-mob-section .note-content {width: 100%; float: left; color: #2D2D2D; font-family: 'Lato',sans-serif; margin-top: 55px;}
.datatree-mob-section .section-content .img-wrap {position: relative; max-width: 313px; padding: 0; float: left;}
.datatree-mob-section .section-content .img-wrap > img { position: absolute; top: 78px; left: 23px;}
.datatree-mob-section .section-content .content-wrap {float: left; width: calc(100% - 400px); padding-left: 65px;}
.datatree-mob-section .section-content .content-wrap h4 {margin-top:40px;}
.datatree-mob-section .section-content .content-wrap h4:first-child {margin-top:0px;}
.datatree-mob-section .section-content .content-wrap p {line-height:32px;}
.datatree-mob-section .section-content .cta-wrap {margin-top: 30px;}
.datatree-mob-section .section-content .cta-wrap > div {display: inline-block; vertical-align: middle;margin-right: 10px;}
.datatree-mob-section .section-content .cta-wrap a {border-radius: 7px; display: inline-block; background: #000;overflow: hidden;}

.property-search-section .right-sidebar {padding-left:25px;width: 429px; position: absolute; right: 0;}
.property-search-section .right-sidebar h3 {font-size:35px; line-height:45px;}
.property-search-section .right-sidebar ul li {list-style:none;}
.property-search-section .right-sidebar ul li a {width: 100%; text-overflow: unset; overflow: unset; max-width: 100%;padding: 7px 20px;transition: all ease 0.4s;}
.property-search-section .right-sidebar ul li a:hover {color: #4ab4e8;}
.property-search-section .right-sidebar ul {padding-left:0;}
.property-search-section .right-sidebar .hs-menu-wrapper > ul > li > a {background: #EFF1F5;position:relative;padding: 6.5px 20px 6.5px 25px;}
.property-search-section .right-sidebar .hs-menu-wrapper > ul > li > a:before {content:''; width:8px; height:40px;background-color:#009FDD;position: absolute; left: 0;top: 0;}
.property-search-section .right-sidebar h3.right-sidebar ul li ul {margin-bottom:20px;margin-top: 15px;}
.property-search-section .right-sidebar .side-menu-wrap {margin-bottom: 30px;}
.property-search-section .left-side .single-post-wrap .img-wrap .plus-icon {position: absolute; right: 0; top: 0;}
.productivity-tools-section .posts-wrap .single-posts-wrap {margin-bottom:35px;float:left; width:100%;}


.sidebar-cta-wrap {background: rgb(3,59,109); background: -moz-linear-gradient(-45deg, rgba(3,59,109,1) 0%, rgba(0,159,221,1) 100%); background: -webkit-linear-gradient(-45deg, rgba(3,59,109,1) 0%,rgba(0,159,221,1) 100%);
    background: linear-gradient(135deg, rgba(3,59,109,1) 0%,rgba(0,159,221,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#033b6d', endColorstr='#009fdd',GradientType=1 );padding: 50px 35px;color:#fff;position: relative;
    overflow: hidden;width:100%; margin-top:25px; float:left;}
.sidebar-cta-wrap h4{font-size: 23px; line-height: 30px; color: #00A0DE; font-family: 'Oswald',sans-serif !important; font-weight: 400;  text-transform: uppercase;margin-bottom: 10px;}
.property-search-section .right-sidebar .sidebar-cta-wrap h3 {font-size: 33px; line-height: 40px; font-family: 'Oswald',sans-serif !important; font-weight: 400;color:#fff;}
.sidebar-cta-wrap .content-wrap{ padding: 0; max-width: 200px;}
.sidebar-cta-wrap .img-wrap {position: absolute; right: -204px;top: 35px;max-width: 340px;}

.right-sidebar .sidebar-menu ul li.has-child-item > a {background: #EFF1F5; width: 100%;display: inline-block;position:relative;padding: 6.5px 20px 6.5px 25px;}
.right-sidebar .sidebar-menu ul li.has-child-item > a:before {content:''; width:8px; height:40px;background-color:#009FDD;position: absolute; left: 0;top: 0;}
.right-sidebar .sidebar-menu ul li.has-child-item > a:after {content: "\f078"; font-family:FontAwesome; font-size:15px; color:#009FDD; position:absolute; right:10px; top:10px;}
.right-sidebar .sidebar-menu ul li.has-child-item > a.on:after {transform:rotate(180deg);}
.right-sidebar .sidebar-menu ul li.has-child-item > a.on { font-weight:700;}
.right-sidebar .sidebar-menu ul li.has-child-item ul li { margin: 13px 0;}
.right-sidebar .sidebar-menu ul li.has-child-item {margin-bottom:10px;width:100%; float:left;}

.productivity-tools-section .posts-wrap .single-posts-wrap .img-wrap {position:relative;}
.productivity-tools-section .posts-wrap .single-posts-wrap .img-wrap .plus-icon { position:absolute; right:0; top:0;}
.property-search-section .right-sidebar.fixed-bar {position:fixed; top:25px; } 

.fancybox-close-small {right: -40px !important; top: -54px !important;}
.fancybox-close-small svg {display:none !important;}
.fancybox-close-small:before {content:'';width:27px; height:27px;background-image:url(https://www.datatree.com/hubfs/_Icons/close-btn.png);display: block;}

.advance-data-sol-page .empower-section .page-container { width: 1260px !important;}
.advance-data-sol-page .empower-section .empower-content {padding:80px;}
.advance-data-sol-page .row-fluid .casestudy-banner-section.resource-banner.solution-banner:after { right: 0; bottom: -77px; width: 230px; height: 126px; background-size: cover;}

.two-col-content-section {padding:75px 0 115px;}
.two-col-content-section .page-container {width: 100% !important; max-width: 1430px;}
.two-col-content-section .data-inner-content {max-width: 100%;}
.two-col-content-section .data-inner-content h2 {text-align:center;}
.two-col-content-section .data-inner-content .content-wrap .left-col { width: 50%;float: left;line-height: 30px;color: #2D2D2D; }
.two-col-content-section .data-inner-content .content-wrap .left-col p {margin-bottom: 25px;}
.two-col-content-section .data-inner-content .content-wrap h4 {color:#00A0DE;font-size: 27px; line-height: 34px;}
.two-col-content-section .data-inner-content .content-wrap .right-col { width: 50%;float: left;padding-left: 100px;color: #2D2D2D;} 
.two-col-content-section .data-inner-content .content-wrap .right-col ul {padding-left:25px;}
.two-col-content-section .data-inner-content .content-wrap .right-col ul li {list-style: none; margin-bottom: 13px;position:relative;}
.two-col-content-section .data-inner-content .content-wrap .right-col ul li:before {content:''; width:7px; height:7px; background-color:#00A0DE; border-radius:50%;position:absolute; left:-17px; top: 9px;}


.blue-title-strip{ background-color: #009FDD;}
.blue-title-strip .content-wrap h3 {color:#fff;font-size: 40px;line-height: 54px;font-family: 'Oswald',sans-serif !important; font-weight: 300; text-transform: uppercase;}
.blue-title-strip .container {width: 100%; max-width: 1430px;}
.blue-title-strip h4 {font-family: 'Oswald',sans-serif !important; font-size: 40px; line-height: 50px; color: #fff; text-transform: uppercase; font-weight: 400;margin: 0;}
.blue-title-strip .content-wrap {padding: 30px 0 30px 30px;}
.blue-title-strip .content-wrap:before {content:'';width:5px; background:#003763; position:absolute; left:0;top: 40px;bottom: 35px;}

.advance-data-sol-page .traditional-valuation-section .container {max-width:1430px; width:100% !important;}

.traditional-valuation-section.zig-zag-section {background-position: left; background-color: #fff;}
.traditional-valuation-section.zig-zag-section .container {width: 100%; max-width: 1330px;}
.traditional-valuation-section.zig-zag-section .content-part {float: right;max-width:830px;line-height:30px;}
.traditional-valuation-section.zig-zag-section .content-part .section-title{color: #2D2D2D;}
.traditional-valuation-section.zig-zag-section .content-part .section-title h2 {color: #003864;}

.traditional-valuation-section.zig-zag-section.img-right {background-position: right; }
.traditional-valuation-section.zig-zag-section.img-right .content-part {float: left;}

.advance-data-sol-page .contact-section h2 {max-width: 100%; margin-bottom: 45px;}

.land-estate-service-page .row-fluid .casestudy-banner-section.resource-banner.solution-banner:after { right: 0; bottom: -77px; width: 230px; height: 126px; background-size: cover;}
.land-estate-service-page .blue-title-strip .container {max-width: 1170px;}
.land-estate-service-page .blue-title-strip .content-wrap:before {display:none;}
.land-estate-service-page .blue-title-strip .content-wrap h3 {margin-bottom:0;}
.land-estate-service-page .data-full-content {padding:85px 0;}
.land-estate-service-page .data-full-content h5 { margin-bottom: 0; margin-top: 25px;font-family: 'Lato-Semibold' !important; font-size: 27px; line-height: 36px;}
.land-estate-service-page .page-container { width: 100% !important; max-width: 1400px;}
.land-estate-service-page .data-full-content .data-inner-content{max-width: 810px;}
.land-estate-service-page .data-full-content .data-inner-content h2 { font-size: 50px; line-height: 60px; padding-right: 160px;}
.land-estate-service-page .data-full-content:before {height: 1150px;top: -200px;left: 0;}

.land-estate-service-page .blue-title-strip{position:relative;z-index:1;padding:60px 0;}
.land-estate-service-page .blue-title-strip .content-wrap{padding:0;}

.delivers-tools-section { background-color: #003763; color: #fff; padding: 95px 0 105px;}
.delivers-tools-section .section-title h2 { font-size: 50px; line-height: 60px; color: #fff; font-family: 'Oswald',sans-serif !important; font-weight: 400; text-align: center;margin-bottom: 75px;}
.delivers-tools-section .container { width: 100% !important; max-width: 1330px;}
.delivers-tools-section .left-part { width: 60%; float: left;}
.delivers-tools-section .right-img-wrap {width:40%; float:left;padding-left: 60px;position: relative;}
.delivers-tools-section .single-tool-row .icon-wrap {width: 70px; height: 70px;float: left; display: flex; align-items: center; justify-content: center;}
.delivers-tools-section .single-tool-row .content-wrap {width: calc(100% - 70px); float: left; padding: 0 0 0 30px}
.delivers-tools-section .single-tool-row { margin-bottom: 35px; display: inline-block;font-family: 'Lato',sans-serif;}
.delivers-tools-section .single-tool-row .content-wrap h5 { font-family: 'Lato-Semibold' !important; margin: 0; font-size: 27px; line-height: 36px; color: #fff;}
.delivers-tools-section .right-img-wrap .top-circle { width: 451px; height: 451px; background-color: #009FDD; border-radius: 50%; display: inline-flex; padding: 140px 0; justify-content: center; border: 8px solid #5FC7F0;box-shadow: 0 16px 80px rgba(0,0,0,0.43); position:relative;}
.delivers-tools-section .right-img-wrap .btm-circle {width: 451px; height: 451px; background-color: rgb(9 112 153 / 0.92); border-radius: 50%; display: inline-flex; padding:210px 0 0; justify-content: center;box-shadow: 0 16px 80px rgba(0,0,0,0.43); margin-top: -200px; -mix-blend-mode: multiply; mix-blend-mode: multiply;    position: relative;}
.delivers-tools-section .right-img-wrap .top-circle:after {content:''; width: 451px; height: 451px;border: 8px solid #5FC7F0; position: absolute; left: -8px; top: 242px; border-radius: 50%; z-index: 1;}
.delivers-tools-section .right-img-wrap .middle-shape {position: absolute; top: 48%; left: 42%; z-index: 2;}
.delivers-tools-section .right-img-wrap .top-circle img { width: 30px; height: 48px;display: block; position: absolute;top: 41%;}
.delivers-tools-section .right-img-wrap .btm-circle-text {position: absolute;bottom: 160px;left: 190px;}
.delivers-tools-section .right-img-wrap .btm-circle-text img {position: absolute;top: -60px; left: 80px; transform: rotate(180deg);}

.land-estate-service-page .traditional-valuation-section { background-size: contain;}
.land-estate-service-page .traditional-valuation-section .content-part {max-width: 840px;}
.land-estate-service-page .traditional-valuation-section .content-part .section-title h2 {color: #003864;}
.land-estate-service-page .traditional-valuation-section .section-content ul {column-count: 2; padding-left: 0;}
.land-estate-service-page .traditional-valuation-section .section-content ul li {padding-left:25px; position:relative;list-style:none;color: #2D2D2D; margin-bottom:10px;    font-size: 25px; line-height: 32px;  min-width: 350px;}
.land-estate-service-page .traditional-valuation-section .section-content ul li:before {content:''; width:7px; height:7px; background-color:#00A0DE; position:absolute; left:4px; top:11px; border-radius:50%;}

.map-tab-section {padding:90px 0 170px;}
.map-tab-section h2 {font-size: 50px;line-height: 60px; margin-bottom: 25px;}
.map-tab-section .top-content {margin-bottom:70px; font-family: 'Lato',sans-serif;}
.map-tab-section .container {width: 100% !important; max-width:1380px;}
.map-tab-section .tabs{margin-bottom:0;}
.map-tab-section #tabs-container-wrap {width:360px; float:right;}
.map-tab-section .tabbing-main-wrap { width:calc(100% - 360px); float: left;padding-right:15px;}
.map-tab-section .tabing-title .tabs-title { font-size: 25px;line-height: 30px; padding: 13.5px 25px; background: #EFF1F5; color: #2D2D2D; font-family: 'Lato',sans-serif; margin-bottom: 7.5px; transition:all ease 0.4s;cursor: pointer;}
.map-tab-section .tabing-title .tabs-title.current, .map-tab-section .tabing-title .tabs-title:hover {background: #009FDD; color: #fff;}

.mortgage-lending-page .empower-section .empower-content {padding: 60px 90px 200px; background-color: #EFF1F5;}
.mortgage-lending-page .empower-section .page-container {width:100% !important; max-width:1260px;}
.mortgage-lending-page .empower-section p {margin-bottom:30px;color: #2D2D2D;}
.mortgage-lending-page .empower-section .empower-content .scroll-down a {margin-top:0;padding: 20px 60px;}
.mortgage-lending-page .row-fluid .casestudy-banner-section.resource-banner.solution-banner:after {right: 0; bottom: -77px; width: 230px; height: 126px; background-size: cover;}

.mortgage-lending-page .mortgage-process-circle { margin-top: -160px; position: relative;z-index: 3; padding-bottom: 20px; text-align:center;}
.mortgage-lending-page .mortgage-process-circle img {max-width:750px; margin:0 auto;   /*  filter: drop-shadow(0px 3px 30px rgba(0,0,0,0.45));*/} 

.borrower-section {background: #003763; color: #fff;padding: 75px 0 125px;float: left; width: 100%;position: relative; z-index: 4;}
.borrower-section .section-title h2 {font-size: 50px;line-height: 60px; text-align: center; color: #fff; font-weight: 400; font-family: 'Oswald',sans-serif !important; text-transform: uppercase;}
.borrower-section .section-title {margin-bottom:50px;}
.borrower-section .page-container {width: 100% !important;max-width: 1610px;}
.borrower-section .two-col-icon-content-wrap .single-row {width: 50%; float: left;margin-bottom: 30px;}
.borrower-section .two-col-icon-content-wrap .single-row .icon-wrap { width: 50px;float: left;}
.borrower-section .two-col-icon-content-wrap .single-row .content-wrap {width: calc(100% - 50px);float: left; padding: 0 60px 0 15px;font-family: 'Lato',sans-serif !important;line-height: 30px;}
.borrower-section .two-col-icon-content-wrap .single-row .content-wrap h4 {font-family: 'Lato',sans-serif !important;color: #fff;font-weight: 600; font-size: 27px;line-height: 36px; margin-bottom: 10px;}
.borrower-section .two-col-icon-content-wrap .single-row .content-wrap ul {list-style: none;padding-left: 0;margin: 10px 0;}
.borrower-section .two-col-icon-content-wrap .single-row .content-wrap ul li {padding-left: 15px;position: relative;}
.borrower-section .two-col-icon-content-wrap .single-row .content-wrap ul li:before {content:''; width:7px; height:7px; background-color:#fff; position:absolute;left:0; top:11px; border-radius: 50%;}

.key-performace-section {background-color:#009FDD;padding-left: calc((100% - 1580px) / 2); padding-right: calc((100% - 1580px) / 2); float: left; width: 100%; position: relative;}
.key-performace-section .left-title-wrap {width: 53%; float: left; padding-right: 30px; padding-top: 50px; padding-bottom: 50px;}
.key-performace-section .left-title-wrap h2 {margin: 0; color: #fff;font-family: 'Oswald',sans-serif !important; font-weight: 400; font-size: 40px; line-height: 61px; text-transform: uppercase; padding-left: 25px; position:relative;}
.key-performace-section .left-title-wrap h2:before {content:''; width:7px; height:85%; background-color:#003763;position:absolute; left:-4px; top:14px;}
.key-performace-section .right-content-wrap{ width: 47%;float: left;padding-left: 50px;padding-top: 40px; padding-bottom: 40px;}
.key-performace-section .right-content-wrap:after {content:''; width:47%; height:100%; background-color:#009FDD;opacity:0.57;mix-blend-mode: multiply;position: absolute; right: 0; top: 0;}
.key-performace-section .right-content-wrap h4 {position: relative; z-index: 1;font-family: 'Lato',sans-serif !important;font-size: 27px; line-height: 36px; color: #fff; font-weight: 600; margin-bottom: 5px;}
.key-performace-section .right-content-wrap ul {position: relative;z-index: 1;padding-left: 0;list-style: none; color: #fff; font-family: 'Lato',sans-serif !important;}
.key-performace-section .right-content-wrap ul li {position:relative; padding-left:15px;margin-bottom: 5px;}
.key-performace-section .right-content-wrap ul li:before {content:'';width:6px; height:6px; background-color:#fff; position:absolute; left:0; top:12px; border-radius:50%;}

.ownership-verification-section {padding: 119px 0 135px;position:relative;float: left; width: 100%;}
.ownership-verification-section .page-container { width: 100% !important; max-width: 1610px;}
.ownership-verification-section .img-wrap {position: absolute; left: 0; top:120px;}
.ownership-verification-section .content-wrap { max-width: 1030px; float: right; font-family: 'Lato',sans-serif !important; color:#2d2d2d;}
.ownership-verification-section .content-wrap h2 {font-size: 50px; line-height: 60px;margin: 0 0 30px;}
.ownership-verification-section .content-wrap h4 {margin-bottom: 0px;font-size: 27px; line-height: 36px;color: #000000; margin-top: 25px;font-family: 'Lato',sans-serif !important;}
.ownership-verification-section .content-wrap h5 {font-size: 22px; line-height: 34px;margin-bottom: 25px; margin-top: 25px; color: #000; font-family: 'Lato-Semibold' !important;}
.ownership-verification-section .content-wrap ul {padding-left:0;}
.ownership-verification-section .content-wrap ul li {padding-left:12px;list-style:none; margin-top: 5px;position: relative;}
.ownership-verification-section .content-wrap ul li:before {content:''; width:6px; height:6px;background-color:#2D2D2D; position:absolute; left:0; top:10px; border-radius:50%;}

.property-value-val-section {background-color: #EFF1F5;background-repeat: no-repeat; background-size: contain;background-position: center right;background-blend-mode: multiply;padding: 110px 0 125px;}
.property-value-val-section .content-wrap { font-family: 'Lato',sans-serif !important; font-size: 18px; line-height: 26px; color: #2d2d2d;}
.property-value-val-section .content-wrap ul { list-style: none;padding-left: 0;}
.property-value-val-section .content-wrap ul li { padding-left: 15px;position: relative; margin-top: 5px;color: #2d2d2d;}
.property-value-val-section .content-wrap ul li:before {content:''; width:7px;height:7px; background-color:#2d2d2d; border-radius:50%;position:absolute; left:0; top:10px;}
.property-value-val-section .page-container {width: 100% !important; max-width: 1480px;}

.regulatory-com-section .page-container {width: 100% !important; max-width: 1480px;}
.regulatory-com-section {padding: 100px 0 90px;float: left; width: 100%;}
.regulatory-com-section .left-content-wrap {width: 61%; float: left;color: #2D2D2D;}
.regulatory-com-section .right-boxes-wrap {width: 39%; float: left;margin-top: 90px;}
.regulatory-com-section .section-title {font-family: 'Lato',sans-serif !important; margin-bottom: 25px;padding-right: 50px;}
.regulatory-com-section .section-title h2 { font-size: 50px; line-height: 60px;}
.regulatory-com-section .section-content {font-family: 'Lato',sans-serif !important; padding-right: 80px;}
.regulatory-com-section .section-content h4 {font-size: 27px;line-height: 36px; color: #000000;margin-bottom: 5px; font-family: 'Lato-Semibold' !important;}
.regulatory-com-section .section-content h5 {font-size: 18px; line-height: 26px; margin-top: 30px; margin-bottom: 5px; font-family: 'Lato',sans-serif !important;color: #2D2D2D;}
.regulatory-com-section .section-content ul {padding-left: 0;font-family: 'Lato',sans-serif !important;}
.regulatory-com-section .section-content ul li {padding-left: 15px; margin-bottom: 5px; list-style: none;position: relative;}
.regulatory-com-section .section-content ul li:before {content:''; width:7px; height:7px; background-color:#2D2D2D; position:absolute; left:0;top: 10px; border-radius: 50%}
.regulatory-com-section .single-box {color: #fff; padding: 30px 25px; margin-bottom: 15px;font-family: 'Lato',sans-serif !important;}
.regulatory-com-section .single-box h4 {font-size: 27px; line-height: 36px; color: #fff;margin-bottom: 0; font-family: 'Lato-Semibold' !important;}

.flexible-del-section { background: #003763; color: #fff;padding:85px 0;float: left; width: 100%;}
.flexible-del-section .top-content h2 {margin-bottom:90px;font-size: 58px; line-height: 68px;font-family: 'Oswald',sans-serif !important; font-weight: 400; color: #fff; text-transform: uppercase;}
.flexible-del-section .container {width: 100% !important; max-width: 1285px;}
.flexible-del-section .single-col .icon-wrap {margin-bottom: 15px; width: 90px; height: 70px;}
.flexible-del-section .single-col .content-wrap {padding: 0;font-family: 'Lato',sans-serif !important;}
.flexible-del-section .single-col .content-wrap h3 {    font-family: 'Lato-Semibold' !important; font-size: 27px; line-height: 36px; margin-bottom: 0; color: #fff;}
.flexible-del-section .single-col {width:25%; float:left;padding-right:15px;}
.flexible-del-section .section-content {margin-right: -15px; margin-left: -15px;}

/* New Header CSS */
.new-header-section .logo-wrap img { width:100%; }
.new-site-header .new-header-section ul.mobile-menu ul.hs-menu-children-wrapper {background-color: #EBEBEB !important;box-shadow: 0 0 98px rgb(2 21 36 / 0.63); width:200px !important;left: 50% !important;transform: translateX(-50%);padding: 10px 0 0 !important; top:90px !important;}
.new-site-header .new-header-section ul.mobile-menu ul.hs-menu-children-wrapper li a {color:#2d2d2d !important;}
.new-site-header .new-header-section ul.mobile-menu ul.hs-menu-children-wrapper li {padding: 8px 25px !important;border-bottom: 1px solid rgb(173 173 173 / 10%) !important;}
/* .new-site-header .new-header-section ul.mobile-menu ul.hs-menu-children-wrapper li:hover { background-color: #009fdd;}
.new-site-header .new-header-section ul.mobile-menu ul.hs-menu-children-wrapper li:hover a {color:#fff !important;} */

.new-site-header .new-header-section ul.mobile-menu ul.hs-menu-children-wrapper:before {content:''; width:0; height:0; border-bottom:15px solid #EBEBEB; border-left:15px solid transparent;border-right:15px solid transparent; position:absolute; top:-15px;left:0; right:0; margin:0 auto;}


/* 10-11-2020 */
.row-fluid .normal-liststyle .about_intelligence ul { margin: 20px 20px 0; }
.row-fluid .normal-liststyle .about_intelligence ul li { position:relative; width: 100%; font-family: 'Lato',sans-serif; text-transform: none; font-size: 18px; line-height: 30px; padding: 0; margin: 5px 0; }
.row-fluid .normal-liststyle .about_intelligence ul li:before { content: ''; position: absolute; background: #2d2d2d; height: 5px; width: 5px; border-radius: 50%; left: -15px; top: 13px; }
.row-fluid .normal-liststyle .about_intelligence h2 { font-size: 30px; line-height: 39px; }

.appraisal-sw-page .as-banner h3 { font-family: 'Oswald', sans-serif !important; color: #fff; font-weight: 400; text-transform: uppercase; }
.row-fluid .as-banner h3 { font-family: 'Oswald', sans-serif !important; color: #fff; font-weight: 400; text-transform: uppercase; text-align: center; }
.appraisal-sw-page .as-banner { padding-bottom: 200px !important; }
.appraisal-sw-page .as-banner.casestudy-banner-section.resource-banner.solution-banner:after{ display:none; }
.appraisal-sw-page .data-full-content:after { content: ''; position: absolute; background-image: url(https://www.datatree.com/hubfs/Datatree_2020/Images/blue-dots.svg); background-repeat: no-repeat; right: -80px; bottom: -50px; width: 300px; height: 190px; }
.appraisal-sw-page .contact-section { color:#fff; }
.appraisal-sw-page .data-full-content:before { top: -220px; }

.progressbar-section { background: #003864; text-align: center; color: #fff; padding: 100px 0 70px; }
.progressbar { display: inline-block; width: 25%; margin: 0 -2px 35px; vertical-align: top; } 
.circle { position: relative; display: inline-block; }
.circle > div { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); font-size: 34px; font-family: 'Oswald', sans-serif; }
.progressbar > span { display: block; font-family: 'Oswald', sans-serif; margin: 20px 0; }
.circle span.tag { position: absolute; width: 70px; height: 70px; font-weight: 700; font-family: 'Oswald', sans-serif; background: #FFB300; border-radius: 100%; font-size: 22px; display: flex; align-items: center;  right: -43px; top: 10px;  justify-content: center; }
.circle span.tag sup { margin-left: 1px; margin-top: 4px; }

.mortgage-section { background: #fff; padding: 80px 0 40px; float: left; width: 100%; }
.mortgage-title { text-align: center; margin-bottom: 70px; }
.mortgage-title h3 {font-family: 'Oswald',sans-serif !important;text-transform: uppercase;color: #003864;font-weight: 400;}
.mortgage-box { width: 50%; padding: 0 20px 35px; display: inline-block;vertical-align: top; margin: 0 -2px; } 
.mortgage-row { margin: 0 -20px; }
.mortgage-box h5 { font-size: 24px; color: #003864; font-weight: 400; margin-bottom: 10px; }
.mortgage-text { margin-bottom: 10px; font-size: 16px; }
.mortgage-link a { font-size: 20px;  color: #00A0DE; font-weight: 700; }
.mortgage-link a:hover { color:#047ba0;  }


.row-fluid .fraudguard-sec .legal_service_box .left { padding-right: 0; padding-left: 2%; }
.row-fluid .fraudguard-sec .legal_service_box .image img { box-shadow:none; }
.row-fluid .fraudguard-sec .legal_service_box { padding: 100px 0; }
.row-fluid .fraudguard-sec .legal_service_box .left { width:42%; }

.row-fluid .mortgage-data-tab .data-option-tab-section .tabs-container { padding: 80px 0; }
.row-fluid .mortgage-data-tab .data-option-tab-section .tabs-container h3 { font-size: 48px; line-height: 55px; max-width: 350px; margin: 0 auto 40px auto; padding:0; }
.row-fluid .mortgage-data-tab .data-option-tab-section .tabs-title { padding-top:10px; padding-bottom:10px; margin-bottom: 5px; }
.row-fluid .mortgage-data-tab .data-option-tab-section .tabs-title h5 { font-size: 23px; max-width: 350px; margin: 0 auto; }

.blue-title-strip.strip_main_section .strip_main_text { width: 45%; font-size:23px; line-height:38px; }
.blue-title-strip.strip_main_section .content-wrap h3 { font-size:37px;  line-height: 1.5  }
.blue-title-strip.strip_main_section .content-wrap { width: 55%; padding-right: 50px; }


/* .row-fluid .header_nav .new-header-section .logo-wrap { padding:0 }  */

@media(min-width:768px) {
    
    .row-fluid .header_nav .logo-wrap { width: 250px; }
    .row-fluid .header_nav .nav-menu { margin: 0; width: calc(100% - 250px); }
    
    .row-fluid .menu_nav { position:relative; }
    .row-fluid .menu_nav .hs-menu-wrapper > ul > li > a { position:relative; overflow: visible; }
    .row-fluid .menu_nav .hs-menu-wrapper > ul > li a { font-family: 'Roboto',sans-serif; }
    
    .row-fluid .new-header-section .menu_nav .hs-menu-wrapper > ul > li > ul.hs-menu-children-wrapper li a { font-size:18px; line-height:24px; }
    
    .row-fluid .new-site-header .new-header-section .menu_nav .hs-menu-wrapper > ul > li.hs-item-has-children:nth-child(2):hover > ul.hs-menu-children-wrapper { display: flex !important; flex-flow: wrap; } 
    .row-fluid .menu_nav .hs-menu-wrapper > ul > li.hs-item-has-children:nth-child(2) ul.hs-menu-children-wrapper:before { display:none; }
    
    .row-fluid .menu_nav .hs-menu-wrapper > ul > li.hs-item-has-children:nth-child(2) > a:after { content:''; width:0; height:0; border-bottom:15px solid #EBEBEB; border-left:15px solid transparent; border-right:15px solid transparent; position:absolute; top:calc(100% + 1px); left:0; right:0; margin:0 auto; z-index:999; opacity:0; visibility: hidden; }
    .row-fluid .menu_nav .hs-menu-wrapper > ul > li.hs-item-has-children:nth-child(2):hover > a:after { opacity:1; visibility: visible; }
    
    .row-fluid .menu_nav .hs-menu-wrapper > ul > li.hs-item-has-children:nth-child(2) { position:static; }
    .row-fluid .menu_nav .hs-menu-wrapper > ul > li.hs-item-has-children:nth-child(2) > ul.sub-menu { padding:20px 25px !important; width:100% !important; }
    
    .row-fluid .menu_nav .hs-menu-wrapper > ul > li.hs-item-has-children:nth-child(2) > ul.sub-menu ul.sub-menu { padding: 0 !important; position: relative; left: auto !important; right: auto; width: 100% !important; box-shadow: none; }
    .row-fluid .menu_nav .hs-menu-wrapper > ul > li.hs-item-has-children:nth-child(2) > ul.sub-menu li { padding:0 !important; border-bottom: none !important; }
    .row-fluid .menu_nav .hs-menu-wrapper > ul > li.hs-item-has-children:nth-child(2) > ul.sub-menu li a { padding:5px 7px; }
    
    .row-fluid .menu_nav .hs-menu-wrapper > ul > li.hs-item-has-children:nth-child(2) > ul.sub-menu > li.hs-menu-item { width:25%; display:inline-block; padding:0 15px !important; border-right:1px solid #d8d8d8; }
    .row-fluid .menu_nav .hs-menu-wrapper > ul > li.hs-item-has-children:nth-child(2) > ul.sub-menu > li.hs-menu-item:nth-child(4n) { border-right:none; }
    
    .row-fluid .menu_nav .hs-menu-wrapper > ul > li.hs-item-has-children:nth-child(2) > ul.sub-menu li:hover { color:#333; background:transparent; }
    .row-fluid .menu_nav .hs-menu-wrapper > ul > li.hs-item-has-children:nth-child(2) > ul.sub-menu li.hs-menu-item a { color: #000 !important; font-family: 'Roboto',sans-serif; }
    .row-fluid .menu_nav .hs-menu-wrapper > ul > li.hs-item-has-children:nth-child(2) > ul.sub-menu li.hs-item-has-children > a { margin-bottom:4px; font-size:20px; line-height:26px; color:#003864 !important; font-family: 'Oswald',sans-serif; text-transform:uppercase; } 
    .row-fluid .menu_nav .hs-menu-wrapper > ul > li.hs-item-has-children:nth-child(2) > ul.sub-menu li.hs-menu-item ul li a:hover { background:#E1E0E5; color:#000 !important; }
    .row-fluid .menu_nav .hs-menu-wrapper > ul > li.hs-item-has-children:nth-child(2) > ul.sub-menu li.hs-menu-item ul > li.hs-item-has-children > a:hover { background:transparent; color:#003864 !important; }
    .row-fluid .menu_nav .hs-menu-wrapper > ul > li.hs-item-has-children:nth-child(2) > ul.sub-menu li.hs-item-has-children > ul > li.hs-item-has-children { margin-top:35px; }
    
}

@media (min-width: 992px) and (max-width: 1200px) { 
	
	.row-fluid .menu_nav .hs-menu-wrapper > ul > li.hs-item-has-children:nth-child(2) > ul.sub-menu { padding:20px 0 !important; }
    .row-fluid .menu_nav .hs-menu-wrapper > ul > li.hs-item-has-children:nth-child(2) > ul.sub-menu > li.hs-menu-item:nth-child(2n) { border-right:none; }
    .row-fluid .menu_nav .hs-menu-wrapper > ul > li.hs-item-has-children:nth-child(2) > ul.sub-menu > li.hs-menu-item { margin:10px 0; width:50%; }

}

@media (min-width: 768px) and (max-width: 991px) {
	
    .row-fluid .menu_nav .hs-menu-wrapper > ul > li.hs-item-has-children:nth-child(2) > a:after { top:calc(100% + 5px); }
    .row-fluid .menu_nav .hs-menu-wrapper > ul > li.hs-item-has-children:nth-child(2) > ul.sub-menu { padding:20px 0 !important; }
    .row-fluid .menu_nav .hs-menu-wrapper > ul > li.hs-item-has-children:nth-child(2) > ul.sub-menu > li.hs-menu-item:nth-child(2n) { border-right:none; }
    .row-fluid .menu_nav .hs-menu-wrapper > ul > li.hs-item-has-children:nth-child(2) > ul.sub-menu > li.hs-menu-item { margin:10px 0; width:50%; }
    
    .row-fluid .menu_nav .hs-menu-wrapper > ul > li.hs-item-has-children:nth-child(2) > ul.sub-menu li.hs-item-has-children > a { font-size:18px; line-height:24px; }
    .row-fluid .new-header-section .menu_nav .hs-menu-wrapper > ul > li > ul.hs-menu-children-wrapper li a { font-size:16px; line-height:24px; }
	
}

@media(max-width:767px) {
    
    .row-fluid .new-site-header .new-header-section .menu_nav .hs-menu-wrapper > ul > li > a { padding:15px 45px; }
    .row-fluid .menu_nav .mobile-menu span.mobile-toggle { height:56px; }
    .row-fluid .menu_nav .mobile-menu span.mobile-toggle:after, .row-fluid .menu_nav .mobile-menu span.mobile-toggle:before { top:20px; }
    
    .row-fluid .menu_nav .hs-menu-wrapper > ul li { position:relative; }
/*     .row-fluid .menu_nav .hs-menu-wrapper > ul > li.hs-item-has-children > ul > li .mobile-toggle { opacity:0; } */
    .row-fluid .new-site-header .new-header-section .menu_nav ul.mobile-menu ul.hs-menu-children-wrapper { box-shadow:none; }
    .row-fluid .new-site-header .new-header-section .menu_nav .hs-menu-wrapper > ul > li > ul.hs-menu-children-wrapper li { padding:0 !important; }
    .row-fluid .new-site-header .new-header-section .menu_nav .hs-menu-wrapper > ul > li > ul.hs-menu-children-wrapper li a { padding:14px 45px; }
    .row-fluid .new-site-header .new-header-section .menu_nav .hs-menu-wrapper > ul > li > ul.hs-menu-children-wrapper li span.mobile-toggle { height:52px; } 
    .row-fluid .new-site-header .new-header-section .menu_nav .hs-menu-wrapper > ul > li > ul.hs-menu-children-wrapper li ul li a { padding:10px 55px; }
    
    .row-fluid .new-site-header .new-header-section .menu_nav .hs-menu-wrapper > ul > li > ul.hs-menu-children-wrapper li.hs-item-has-children > a:after { display:none; }
    .row-fluid .new-site-header .new-header-section .menu_nav .hs-menu-wrapper > ul > li > ul.hs-menu-children-wrapper li.hs-item-has-children .mobile-toggle:after { content: ''; width: 9px; height: 16px; background: url(https://322946.fs1.hubspotusercontent-na1.net/hubfs/322946/DNA_2020/images/arrow_right-2.png) no-repeat; background-size: 9px; position: absolute; top: 0; bottom: 0; right: 45px; z-index: 1; margin: auto; }
    .row-fluid .new-site-header .new-header-section .menu_nav .hs-menu-wrapper > ul > li > ul.hs-menu-children-wrapper > li.hs-item-has-children ul { padding:0 !important; background:#d7d6db !important; }
    .row-fluid .new-site-header .new-header-section .menu_nav .hs-menu-wrapper > ul > li > ul.hs-menu-children-wrapper > li.hs-item-has-children ul li a { color:#003865 !important; }
    
    .row-fluid .new-site-header .new-header-section .menu_nav .hs-menu-wrapper > ul > li > ul.hs-menu-children-wrapper > li.hs-item-has-children ul li.hs-item-has-children .mobile-toggle { display:none; }
    .row-fluid .new-site-header .new-header-section .menu_nav .hs-menu-wrapper > ul > li > ul.hs-menu-children-wrapper > li.hs-item-has-children ul li.hs-item-has-children a:after { display:none; }
    .row-fluid .new-site-header .new-header-section .menu_nav .hs-menu-wrapper > ul > li > ul.hs-menu-children-wrapper > li.hs-item-has-children ul li.hs-item-has-children ul.sub-menu { display:block !important; }
    
    .row-fluid .menu_nav .navwrap ul li a { padding:15px 45px; }
    .row-fluid .menu_nav .navwrap .srch-form-wrap input { height:56px; }
}

@media(max-width:480px) {
    
/*     .row-fluid .new-site-header .new-header-section .menu_nav .hs-menu-wrapper > ul > li > ul.hs-menu-children-wrapper li a { padding:10px 25px; }
    .row-fluid .new-site-header .new-header-section .menu_nav .hs-menu-wrapper > ul > li > ul.hs-menu-children-wrapper li ul li a { padding:10px 40px; } */
    
    .row-fluid .new-site-header .new-header-section .menu_nav .hs-menu-wrapper > ul > li > a { padding:15px 25px; }
    .row-fluid .new-site-header .new-header-section .menu_nav .hs-menu-wrapper > ul > li > ul.hs-menu-children-wrapper li a { padding:14px 25px; }
    .row-fluid .new-site-header .new-header-section .menu_nav .hs-menu-wrapper > ul > li > ul.hs-menu-children-wrapper li ul li a { padding:10px 36px; }
    
    .row-fluid .menu_nav .mobile-menu span.mobile-toggle:after, .row-fluid .menu_nav .mobile-menu span.mobile-toggle:before { right:30px; }
    .row-fluid .new-site-header .new-header-section .menu_nav .hs-menu-wrapper > ul > li > ul.hs-menu-children-wrapper li.hs-item-has-children .mobile-toggle:after { right:25px; }
    
    .row-fluid .menu_nav .navwrap ul li a { padding:15px 25px; }
    
}




/* 23-11-2020 */

@media (min-width: 768px){

/*     .row-fluid .new-site-header .new-header-section .hs-menu-wrapper ul li ul { display:none; } */
    .row-fluid .new-site-header .new-header-section .hs-menu-wrapper ul li ul li ul { position: absolute; top:0 !important; left:100% !important; transform: inherit; }
    .row-fluid .new-site-header .new-header-section .hs-menu-wrapper ul li ul li ul::before { display:none; }

    .row-fluid .new-site-header .new-header-section .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children:hover > ul.hs-menu-children-wrapper { display:block; }

    /*     .row-fluid .new-site-header .new-header-section .hs-menu-wrapper ul li ul li a  { color:#2d2d2d !important; } */
    .row-fluid .new-site-header .new-header-section .hs-menu-wrapper ul li ul li { position:relative; }
    .row-fluid .new-site-header .new-header-section .hs-menu-wrapper ul li ul li:hover { color:#fff; background-color: #009fdd; }
    .row-fluid .new-site-header .new-header-section .hs-menu-wrapper ul li ul li:hover > a { color:#fff !important; }
    
    .row-fluid .mainmenu ul .navwrap { display:none; }

}

.lp-main-header.new-site-header { z-index:4; }

.new-hf-design .casestudy-banner-section {padding-top:280px !important;}
.new-hf-design .contact-banner-wrapper, .new-hf-design .eventsHero, .new-hf-design .srch-banner, .new-hf-design .section.dark {padding-top:125px !important;}
.new-hf-design .contact-banner-wrapper p { display: inline-block; margin-bottom: 35px;}

.new-hf-design .banner-top-space {padding-top:250px !important;}
.new-hf-design .banner-btm-space {padding-bottom:150px;}

/*** Market View ***/

.marketview .row-fluid .casestudy-banner-section.resource-banner.solution-banner:after { display:none; }  
.row-fluid .main_title h2 { font-size:50px; line-height:60px; color:#003865; font-family:'Oswald', sans-serif !important; font-weight:400; text-transform:uppercase; }
.row-fluid .main_title.text_center { margin:0 auto !important; width:100%; max-width:800px; text-align:center; }
.row-fluid .main_title.white_title h2 { color:#fff; }
.row-fluid .sub_title { font-size:28px; line-height:36px; color:#fff; font-weight:600; }

.row-fluid .btn_style a { margin-top:5px; padding:18px 30px; font-size:20px; line-height:28px; color:#fff; background:#009FDD; border:2px solid #009FDD; display:inline-block; border-radius:50px; min-width:360px; text-align:center; transition: all ease 0.4s; }
.row-fluid .btn_style a:hover { background:#047ba0; border-color:#047ba0; }
.row-fluid .btn_blue a { background:#003863; }
.row-fluid .btn_blue a:hover { background:#002B51; border-color:#002B51; }

.row-fluid .nav_menu { margin-top:60px; }
.row-fluid .nav_menu ul { margin:0; padding:0; list-style-type:none; width:100%; }
.row-fluid .nav_menu ul li { margin:0; padding:15px; font-size:19px; line-height:24px; color:#fff; text-transform:uppercase; font-family: 'Oswald', sans-serif; font-weight:400; display:inline-block; }

.row-fluid .american_market { padding:120px 0; font-family: 'Lato', sans-serif; position:relative; }
.row-fluid .dotted_img { position: absolute; left:0; width:240px; bottom: -92px;  overflow:hidden; }
.row-fluid .dotted_img img { max-width:470px; float: right; }
.row-fluid .american_market .left { width:50%; float:left; text-align:center; }
.row-fluid .american_market .right { padding:0 0 0 20px; width:50%; float:left; }
.row-fluid .american_market .right h2 { font-family: 'Oswald', sans-serif; font-weight:400; }
.row-fluid .american_market .right .main_title { margin:0 0 15px; }
.row-fluid .american_market .box_market { margin:20px 0; padding:0 0 0 65px; position:relative; }
.row-fluid .american_market .box_market h4 { margin:0 0 15px; font-size:18px; line-height:30px; }
.row-fluid .american_market .box_market:after { content:''; width:48px; height:48px; background:url('https://322946.fs1.hubspotusercontent-na1.net/hubfs/322946/Datatree_2020/Images/check.png') no-repeat; background-size:48px; position:absolute; top:0; left:0; }

.row-fluid .information_section { padding:100px 0; font-family: 'Lato', sans-serif; }
.row-fluid .information_section .left { padding:70px 40px 80px 0; width:53%; float:left; }
.row-fluid .information_section .content { margin:0 0 40px; }   
.row-fluid .information_section .list { margin:10px 0; padding:14px 15px; width:700px; border-radius:20px; background:#fff; display:inline-block; box-shadow:0 0 20px rgba(0,0,0,0.3); text-align:center; font-weight:600; position:relative; left:0; }
.row-fluid .information_section .images { padding:0; width:47%; float:left; background-size:cover; background-position:center center; }

.row-fluid .customizable_section { padding:100px 0 0; position:relative; background-size:cover; background-position:center center; }
.row-fluid .dotted_top { position: absolute; right:0; top:60px; width: 326px; overflow:hidden; }
.row-fluid .dotted_top img { max-width:472px; }
.row-fluid .customizable_section:before { content:''; width:100%; height:100%; position:absolute; top:0; left:0; background: -moz-linear-gradient(-45deg,  rgba(0,56,101,1) 0%, rgba(0,56,101,1) 55%, rgba(0,56,101,0.05) 100%);
    background: -webkit-linear-gradient(-45deg,  rgba(0,56,101,1) 0%,rgba(0,56,101,1) 55%,rgba(0,56,101,0.05) 100%);
    background: linear-gradient(135deg,  rgba(0,56,101,1) 0%,rgba(0,56,101,1) 55%,rgba(0,56,101,0.05) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003865', endColorstr='#0d003865',GradientType=1 ); }
.row-fluid .customizable_section .wrapper { position:relative; }
.row-fluid .customizable_main { padding:0 0 60px; margin-top:50px; }
.row-fluid .customizable_row { padding:0 65px 0 0; width:50%; float:left; }
.row-fluid .customizable_row.right { padding:0 0 0 65px; width:50%; float:left; }
.row-fluid .customizable_box { padding:30px 0; font-size:18px; line-height:28px; color:#fff; }
.row-fluid .customizable_box h3 { font-size:25px; line-height:34px; color:#fff; font-weight:600; }

.row-fluid .customizable_btns { margin-top:30px; padding:0 0 130px; text-align:center; }
.row-fluid .customizable_btns .btn_style { padding:10px 20px; width:auto; display:inline-block; vertical-align:top; }

.row-fluid .customizable_bottom { padding:100px 0 120px; font-size:28px; line-height:40px; color:#fff; border-top:1px solid #fff; }
.row-fluid .customizable_bottom .main_title { max-width:900px; }
.row-fluid .customizable_bottom .sub_text { margin-top:15px; width:100%; display:inline-block; font-weight:600; }

.row-fluid .difference_section { padding:100px 0; font-family: 'Lato', sans-serif; color:#2D2D2D; }
.row-fluid .difference_section .left { width:48%; float:left; background-size:cover; background-repeat:no-repeat; background-position:center center; }
.row-fluid .difference_section .right { padding:60px 0 60px 60px; width:52%; float:left; }
.row-fluid .difference_section .right p { padding:15px 0; }
.row-fluid .difference_section .right ul { margin:10px 0; padding:0; list-style-type:none; }
.row-fluid .difference_section .right ul li { margin:5px 0; padding:0 0 0 20px; display:inline-block; width:100%; position:relative; }
.row-fluid .difference_section .right ul li:before { content:''; width:6px; height:6px; background:#2D2D2D; position:absolute; top:11px; left:0; border-radius:10px; }
.row-fluid .difference_box { padding:25px 0; }

.row-fluid .businessform_section { padding:150px 0; background-size:cover; background-position:center center; }
.row-fluid .businessform_main { margin:0 auto; padding:80px; max-width:960px; width:100%; background:#fff; box-shadow:0 0 20px rgba(0,0,0,0.3); border-radius:20px; }
.row-fluid .businessform_main .form { margin-top:50px; }
.row-fluid .businessform_main .hs-input { height:58px; }
.row-fluid .businessform_main .hs-form-field { margin-bottom:20px; }
.row-fluid .businessform_main .hs-form-field > label { font-size:18px; line-height:28px; color:#003865; text-transform:none; font-weight:600; letter-spacing:0; }
.row-fluid .businessform_main .hs_submit { margin:30px 0 0; width:100%; text-align:center; }
.row-fluid .businessform_main .hs-button { padding:18px 30px !important; height:auto; min-width:280px; background-color:#009FDD; font-size:20px; line-height:26px; border-radius:50px; text-transform: none; font-weight: 400; text-decoration: none; letter-spacing: 0; }

/*** Legal Page ***/
.row-fluid .Legal_hero:after { display:none; }
.row-fluid .empower_legal { background-size:contain; background-position:top left; background-repeat:no-repeat; }
.row-fluid .empower_legal .dotted_top { top:-65px; z-index:-1; }
.row-fluid .documents_section .image {  margin:-100px -2px 0; width:45%; display:inline-block; vertical-align:middle; }
.row-fluid .documents_text { margin:0 -2px; padding:60px 0; font-size:14px; line-height:28px; width:55%; display:inline-block; vertical-align:middle; }
.row-fluid .documents_text h4 { font-size:18px; line-height:26px; color:#003865; }

.row-fluid .verified_section { padding:150px 0; color:#fff; font-size:18px; line-height:32px; position:relative; background-size:cover; background-position:center center; }
.row-fluid .verified_section:before { content:''; width:100%; height:100%; position:absolute; top:0; left:0; background: -moz-linear-gradient(left,  rgba(0,0,0,1) 0%, rgba(0,0,0,0) 64%);
    background: -webkit-linear-gradient(left,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 64%);
    background: linear-gradient(to right,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 64%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=1 ); opacity:0.8; }
.row-fluid .verified_section > div { position:relative; }
.row-fluid .verified_section .inner { width:100%; max-width:850px; }
.row-fluid .verified_section .image { margin-top:50px; }
.row-fluid .verified_section .image img { box-shadow:0 0 30px rgba(0,0,0,0.5); }

.row-fluid .legal_service { padding:40px 0; }
.row-fluid .legal_service_box { padding:50px 0 150px; }
.row-fluid .legal_service_box .left { margin:0 -2px; padding-left:0; padding-right:4%; width:45%; font-size:16px; line-height:28px; display:inline-block; vertical-align:middle; } 
.row-fluid .legal_service_box .image { margin:0 -2px; width:55%; display:inline-block; vertical-align:middle; text-align: center; } 
.row-fluid .legal_service_box .image img { box-shadow:0 0 35px rgba(02,15,24,0.5); }
/* .row-fluid .legal_service_box:nth-child(2n) { background:#009FDD; color:#fff; }
.row-fluid .legal_service_box:nth-child(2n) h2 { color:#fff; } */
/* .row-fluid .legal_service_box.img_left .left { padding-left:0; padding-right:4%; } */
.row-fluid .legal_service_box.img_down { padding-bottom:0; }
.row-fluid .img_down { margin-bottom:200px; }
.row-fluid .img_down .image { margin-bottom:-200px; vertical-align:bottom; }
.row-fluid .img_down .left { padding:50px 0; vertical-align:top; }

.row-fluid .self_section { padding:60px 0; }
.row-fluid .self_section .left { padding:0 5% 0 0; width:55%; float:left; font-size:16px; line-height:30px; }
.row-fluid .self_section .left .text { margin-top:15px; }
.row-fluid .self_section .left .image { margin-top:30px; }
.row-fluid .self_section .right { padding:0 5% 0 30px; width:45%; float:left; }

.row-fluid .self_box { margin:15px 0; padding:30px 40px; background:#003763; color:#fff; font-size:20px; line-height:28px; border-radius:15px; position:relative;  box-shadow:0 0 35px rgba(02,15,24,0.5); z-index:1; display:inline-block; width:100%; }
.row-fluid .self_box .title { margin:0 0 10px; color:#00A0DE; font-size:24px; line-height:32px; font-family:'Oswald', sans-serif; }
.row-fluid .self_box .number { font-size:140px; line-height:1.1; color:#000c27; font-weight:700; font-family:'Oswald', sans-serif; position:absolute; top:50%; right:40px; opacity:0.3; z-index:-1; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); }
.row-fluid .self_box > div { position:relative; }

.row-fluid .streamlines_section { padding:80px 0; background:#009FDD; position:relative; z-index: 1; }
.row-fluid .streamlines_section .left { width:35%; float:left; }
.row-fluid .streamlines_section .left .btn_style a { min-width:260px; }
.row-fluid .streamlines_section .right { padding:0 5% 0 5%; width:65%; float:left; }
.row-fluid .streamlines_section .right ul { margin:0; padding:0; list-style-type:none; column-count: 3; -moz-column-count: 3; -webkit-column-count: 3; }
.row-fluid .streamlines_section .right ul li { margin:8px 0; padding:0 0 0 30px; display:inline-block; width:100%; font-size:18px; line-height:28px; color:#fff; font-family:'Oswald', sans-serif; text-transform:uppercase; position:relative; }
.row-fluid .streamlines_section .right ul li:before { content:"\f00c"; font-family:'fontAwesome'; color:#fff; font-weight:300; position:absolute; top:2px; left:0;  }
.row-fluid .streamlines_section .dotted_top { width:185px; top:-60px; z-index:-1; }

.row-fluid .leaderprogress_title h3 { margin:0 0 5px; font-size:24px; line-height:32px; color:#003864; font-weight:400; }
.row-fluid .education_progress { padding:50px 0 100px; }
.row-fluid .education_progress:before , .row-fluid .education_progress:after { display:none; }
.row-fluid .education_progress .leader-countwrap { margin-top:40px; } 
.row-fluid .education_progress_bottom { margin:30px auto 0; width:100%; max-width:1170px; float:none; display:inline-block; }
.row-fluid .education_progress_bottom h4 { margin:0; font-size:22px; line-height:30px; color:#003864; }
.row-fluid .education_progress_bottom .text { margin-top:20px; text-align:left; }
.row-fluid .education_progress_bottom .text ul { margin:0; padding:0; list-style-type:none; }
.row-fluid .education_progress_bottom .text ul li { margin:8px -2px; padding:0 15px 0 30px; font-size:22px; line-height:32px; display:inline-block; width:55%; text-transform:uppercase; font-family:'Oswald', sans-serif; position:relative; vertical-align:top; }
.row-fluid .education_progress_bottom .text ul li:before { content:"\f00c"; font-family:'fontAwesome'; color:#00A0DE; position:absolute; top:0; left:0; }
.row-fluid .education_progress_bottom .text ul li:nth-child(2n) { width:45%; }

.row-fluid .advantage_section { padding: 150px 0; color: #fff; font-size: 18px; line-height: 32px; position: relative; background-size: cover; background-position: center center; }
.row-fluid .advantage_section:before { content:''; width:100%; height:100%; position:absolute; top:0; left:0; background: -moz-linear-gradient(left,  rgba(0,0,0,1) 50%, rgba(0,0,0,0) 100%);
    background: -webkit-linear-gradient(left,  rgba(0,0,0,1) 50%,rgba(0,0,0,0) 100%);
    background: linear-gradient(to right,  rgba(0,0,0,1) 50%,rgba(0,0,0,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=1 ); opacity:1; }
.row-fluid .advantage_section > div { position:relative; }
.row-fluid .advantage_top { max-width:900px; width:100%; }
.row-fluid .advantage_main { margin-top:20px; }
.row-fluid .advantage_box { margin:20px 0; display:inline-block; width:100%; }
.row-fluid .advantage_box .icons { margin:8px 0 0; width:50px; text-align:center; display:inline-block; vertical-align:top; }
.row-fluid .advantage_box .text { margin:0 0 0 -5px; padding:0 0 0 20px; display:inline-block; width:calc(100% - 50px); vertical-align:top; }
.row-fluid .advantage_box .text h4 { margin:0 0 5px; font-size: 18px; line-height: 32px; color:#fff; }

.row-fluid .cta_strip { background:#003763; color:#fff; font-size:28px; line-height:40px; font-weight:600; } 
.row-fluid .cta_strip .image { margin:-80px -2px; width:500px; display:inline-block; vertical-align: middle; position:relative; }
.row-fluid .cta_strip .text { margin:0 -2px; padding:30px 0 30px 50px; width:calc(100% - 500px); display:inline-block; vertical-align: middle; }
.row-fluid .cta_strip .text a { color:#00A0DE; text-transform:uppercase; }

.row-fluid .education_ownership { padding:150px 0; background:#009FDD; color:#fff; }
.row-fluid .education_ownership .text { margin:0 -2px; padding:0 5% 0 0; width:40%; display:inline-block; vertical-align:middle; }
.row-fluid .education_ownership .image { margin:0 -2px; width:60%; display:inline-block; vertical-align:middle; }

/* LEGAL - 2020 */
.dna-legal-page { font-family: 'Lato',sans-serif !important; font-size:18px; line-height:1.5; }
.dna-legal-page .content { font-size:18px; line-height:1.5; }
.dna-legal-page .content a { font-size:18px; line-height:1.5; color:#00A0DE; transition: all 0.4s ease; }
.dna-legal-page .content a:hover { color:#003865; }
.dna-legal-page .documents_section h2 { font-family: 'Oswald', sans-serif !important; font-size: 48px; line-height: 56px; text-transform: uppercase; font-weight: 400; color: #003865; margin-bottom: 30px; }
.dna-legal-page .documents_section .content { font-size:18px; line-height:1.5; }
.dna-legal-page .documents_section .content a { font-size:18px; line-height:1.5; color:#00A0DE; }
.dna-legal-page .documents_section .content h4 { font-size: 26px; line-height: 36px; color: #003865; font-weight: 400; }
.dna-legal-page .documents_section .content ul { padding: 30px 20px; display: flex; flex-direction: row; align-items: flex-start; justify-content: center; flex-wrap: wrap; }
.dna-legal-page .documents_section .content ul li { width: 50%; padding: 5px 0; }
.dna-legal-page .documents_section .image { margin:0 -2px }
.dna-legal-page .documents_section .documents_text { padding:100px 0; }
.dna-legal-page .verified_section { padding: 150px 0 0; }
.dna-legal-page .verified_section .image { margin: 50px 0 -60px; }
.dna-legal-page .legal_service_box:nth-child(2n) img{ box-shadow: none; }
.dna-legal-page .legal_service_box { padding: 50px 0 0; }
.dna-legal-page .legal_service_box:nth-child(2n) .left { vertical-align: text-top; padding-left:0; padding-right: 4%; }
.dna-legal-page .legal_service { position: relative; }
.dna-legal-page .legal_service:after { content: ''; position: absolute; bottom: -180px; right: -280px; background: center / contain no-repeat url(https://322946.fs1.hubspotusercontent-na1.net/hubfs/322946/DNA_2020/images/darkblue-dots.png); width: 470px; height: 100%; }
.dna-legal-page .row-fluid .legal_service_box:nth-child(2n) { background: initial; }
.dna-legal-page .row-fluid .legal_service {padding: 100px 0; }


/* 01-09-2020 */
.confirmation-page { overflow-x: hidden; }
.confirmation-two-content-wrap p { font-family: 'Lato',sans-serif; font-size: 18px; margin-bottom: 47px; }
.confirmation-two-content-wrap p:last-child { margin-bottom: 0px; }
.confirmation-two-main-wrap { padding-top: 110px; padding-bottom: 135px; }

.confirmation-page .row-fluid .casestudy-banner-section.resource-banner.solution-banner { padding-bottom: 142px; padding-top: 276px !important; }


.row-fluid .about_intelligence { font-size:18px; line-height:30px; color:#2D2D2D; }
.row-fluid .about_intelligence h4 { font-size:26px; line-height:36px; color:#003865; font-weight: 400; }
.row-fluid .about_intelligence ul { margin:20px 0 0; padding:0; list-style-type:none; }
.row-fluid .about_intelligence ul li { margin:10px -2px; padding:0 15px 0 0; font-size:22px; line-height:32px; display:inline-block; width:50%; text-transform:uppercase; font-family:'Oswald', sans-serif; position:relative; vertical-align:top; }

.row-fluid .traditional_intelligence { font-size:18px; line-height:28px; font-weight:400; background-size: cover; background-position: center center; background-repeat: no-repeat; position:relative; }
.row-fluid .traditional_intelligence:before { content:''; width:100%; height:100%; position:absolute; top:0; left:0; opacity:0.8; background: -moz-linear-gradient(left,  rgba(12,49,75,1) 49%, rgba(125,185,232,0) 100%);
    background: -webkit-linear-gradient(left,  rgba(12,49,75,1) 49%,rgba(125,185,232,0) 100%);
    background: linear-gradient(to right,  rgba(12,49,75,1) 49%,rgba(125,185,232,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0c314b', endColorstr='#007db9e8',GradientType=1 ); }
.row-fluid .traditional_intelligence > div { position:relative; }
.row-fluid .traditional_intelligence ul { margin:0; padding:0; list-style-type:none; }
.row-fluid .traditional_intelligence ul li { margin:12px 0; padding:0 0 0 30px; font-size:22px; line-height:30px; display:inline-block; width:100%; position:relative; font-weight:600; }
.row-fluid .traditional_intelligence ul li:before { content:"\f00c"; position:absolute; top:0; left:0; color:#009EDC; font-family:'fontAwesome'; }
.row-fluid .traditional_intelligence .single-content-row { padding:0; }

.row-fluid .evaluating_hoa .content-row .img-wrap { margin-top:50px; }
.row-fluid .evaluating_hoa .img-wrap img { margin:0 auto; width:auto; display:block; }
.row-fluid .evaluating_hoa .content-wrap h4 { margin:10px 0 5px; font-size:26px; line-height:36px; color:#003865; font-weight: 400; }

.row-fluid .advantage_goverment .advantage_section:before { opacity:0.2; }
.row-fluid .hoa_goverment .hoa-ctasection { background:#003763; }
.row-fluid .hoa_goverment .cta-strip-section .cta-content-wrap h2 { font-size:28px; line-height:36px; }
.row-fluid .hoa_goverment .cta-strip-section .cta-content-wrap a.cta_button { margin-top:10px; font-size:28px; line-height:34px; color:#00A0DE; }
.row-fluid .hoa_goverment .cta-strip-section .cta-content-wrap a.cta_button:after { color:#00A0DE; }
.row-fluid .estate_goverment .map-tab-section { padding-top:180px; }

.row-fluid .goverment_own { padding:100px 0; position:relative; z-index:1; }
.row-fluid .goverment_own .dotted_top { width: 185px; top: -60px; z-index: -1; }
.row-fluid .goverment_own .left { padding:0 30px 0 0; width:52%; float:left; }
.row-fluid .goverment_own .right { width:48%; float:left; }
.row-fluid .goverment_own .right ul { margin:0; padding:0; list-style-type:none; column-count: 2; -moz-column-count: 2; -webkit-column-count: 2; }
.row-fluid .goverment_own .right ul li { margin:12px 0; padding:0 0 0 40px; font-size:22px; line-height:30px; display:inline-block; width:100%; position:relative; font-weight:400; font-family:'Oswald', sans-serif; }
.row-fluid .goverment_own .right ul li:before { content:"\f00c"; position:absolute; top:2px; left:0; color:#fff; font-family:'fontAwesome'; }

.half-content-img-section {padding: 105px 0 85px}
.half-content-img-section .page-container {display: flex; align-items: center;}
.half-content-img-section .left-part, .half-content-img-section .right-part {width: 100%;}

.api-json-page .empower-section .page-container {width: 1260px !important;}
.api-json-page .half-content-img-section .page-container {width: 1260px !important;}
.api-json-page .half-content-img-section .left-part {padding-right: 55px;color: #2D2D2D;}
.api-json-page .half-content-img-section .left-part h5 {font-size: 26px; line-height: 38px; font-weight: 400; font-family: 'Lato',sans-serif !important;color: #003864;}

.api-json-page .contact-section .page-container {width: 980px !important; margin: 0 auto;}
.api-json-page .contact-section {text-align:center;color:#fff;}
.api-json-page .contact-section .blue-round-btn a {min-width:auto;}

.data-fuel-business-goals-section {text-align: center;background-size: cover;background-position: center; padding: 80px 0; color: #fff;}
.data-fuel-business-goals-section .content-wrap {padding: 0;}
.data-fuel-business-goals-section .content-wrap h2 {font-family: 'Oswald',sans-serif !important;text-transform: uppercase;font-weight: 400;margin-bottom: 10px; color: #fff; font-size: 50px; line-height: 60px;}
.data-fuel-business-goals-section .content-wrap .content { max-width: 730px;margin: 0 auto;}
.data-fuel-business-goals-section .img-wrap {margin-bottom: -20px;}

.api-guideline-section { padding: 105px 0; clear: both; display: flex;}
.api-guideline-section .guideline-wrap {max-width: 1020px; margin: 0 auto;}
.api-guideline-section .guideline-single {display: flex;align-items: center; margin-bottom: 55px}
.api-guideline-section .guideline-single:last-child {margin-bottom:0;}
.api-guideline-section .guideline-single .img-wrap {width: 134px;float: left;}
.api-guideline-section .guideline-single .content-wrap {width: calc(100% - 134px); float: left; padding: 0 0 0 35px;}
.api-guideline-section .guideline-single .content-wrap h5 {font-size: 26px; line-height: 38px; font-weight: 400; font-family: 'Lato',sans-serif !important;color: #003864;margin-bottom: 10px;}


/* */
.v2 .resource-banner.casestudy-banner-section .banner-caption h1 { font-size: 50px; line-height: 1.2; } 

.counter-section { padding:0 0 120px; }
.counter-section ul { padding: 0; list-style: none; display: flex; border: 1px solid #D9E1E8; border-top: 0; }
.counter-section ul li { width: 33.33%; text-align: center; padding: 62px 15px; }
.counter-section ul li h3 { margin: 0 0 23px; font-size: 73px; line-height: 1; }
.counter-section ul li + li { border-left: 1px solid #D9E1E8; }
.counter-section ul li span { font-family: 'Oswald', sans-serif !important; color: #4ab4e8; text-transform: uppercase; font-weight: 300; font-size: 26px; letter-spacing: -0.5px; }
.counter-section .container { width: 1266px; }

/* */
.datatree-online-page .row-fluid .banner-wrapper .casestudy-banner-section.resource-banner.solution-banner:after { opacity: 0; display: none; }

.row-fluid .v2.banner-wrapper { position: relative; }
.row-fluid .v2.banner-wrapper .widget-type-cta { }  
.row-fluid .v2.banner-wrapper .widget-type-cta a { color: #fff; transition: all 0.3s ease; }
.row-fluid .v2.banner-wrapper .cta-wrapper { position: relative; height: 20px; }
.row-fluid .v2.banner-wrapper .cs-cta-wrapper { position: absolute; bottom: 5px; left: 0; width: 100%; }
.row-fluid .v2.banner-wrapper .cs-cta-wrapper .page-container { width: 1266px !important; text-align: right; }
.row-fluid .v2.banner-wrapper .widget-type-cta a img { display: inline-block; vertical-align: middle; position: relative; top: -2px; }
.row-fluid .v2.banner-wrapper .widget-type-cta a:hover { opacity: 0.5; }

.row-fluid .case-study-content-section { padding:120px 0 75px; position:relative; } 
.row-fluid .content-style { }
.row-fluid .content-style h2, .row-fluid .content-style h3, .row-fluid .content-style h4 { font-family: 'Oswald', sans-serif !important; color: #4ab4e8; font-weight: 400; }
.row-fluid .content-style h6 { font-family: 'Lato', Georgia, "Times New Roman", Times, serif !important; font-size: 26px; font-weight: 400; color: #003864; }
.row-fluid .content-style { font-family: 'Lato', Georgia, "Times New Roman", Times, serif; font-size: 18px; line-height: 1.7; }
.row-fluid .content-style ul { padding-left: 0; list-style: none; margin-bottom: 20px; }
.row-fluid .content-style ul li { padding-left: 10px; position: relative; }
.row-fluid .content-style ul li:before { content: ''; background: #4ab4e8; height: 5px; width: 5px; display: block; border-radius: 25px; position: absolute; top: 12px; left: 0; }

.row-fluid .container_out > div { margin: 0 -83px; padding: 0 83px; }
.row-fluid .cs_blue_box > div {font-size:26px; line-height:1.4; background: #003763; color: #fff; padding-top: 48px; padding-bottom: 48px; border-radius: 10px; box-shadow: 0 0 50px 0px rgb(0 0 0 / 24%); margin-top: 70px; margin-bottom: 70px; }
.row-fluid .cs_blue_box ul { padding-top: 10px; }
.row-fluid .cs_blue_box ul li + li { margin-top: 20px; }


.row-fluid .cs_blue_box.light > div { margin-top: 0; margin-bottom: 0; background: #EFF2F7; color: #000; padding-right: 290px; position: relative; }
.row-fluid .cs_blue_box.light .text { font-size: 24px; font-style: italic; color:#003865; line-height: 1.6; }
.row-fluid .cs_blue_box.light h5 { margin: 21px 0 0; font-size: 20px; color: #003865; font-family: 'Oswald', sans-serif !important; padding: 18px 0 0; position: relative; }
.row-fluid .cs_blue_box.light h6 { font-size: 16px; font-weight:400; color: #003865; font-family: 'Oswald', sans-serif !important; margin: 0; }
.row-fluid .cs_blue_box.light h5:before { content: ''; position: absolute; top: 0; left: 0; width: 66px; height: 3px; background: #4ab4e8; }
.row-fluid .cs_blue_box.light:after { content: ''; }
.row-fluid .cs_blue_box.light > div:after { content: ''; position: absolute; top: -20px; right: -30px; height: 180px; width: 250px; background-image: url(https://www.datatree.com/hubfs/Datatree_2020/Images/quote.png); background-position: center; background-repeat: no-repeat; background-size: contain; }

.row-fluid .content-style .richtext-space { padding: 75px 0; }
.row-fluid .content-style .richtext-space.bottom-0 { padding-bottom: 0; }

.datatree-online-page.webinar-lp .casestudy-banner h2 { font-size: 58px; } 
.doc-img-page .casestudy-banner .contact-section p { font-size: 18px; }

.row-fluid .case-study-content-section:before { content: ''; content: ''; position: absolute; width: 227px; height: 183px; background-image: url(https://www.datatree.com/hubfs/Datatree_2020/Images/dark-dots.png); right: 0; top: 400px; background-position: center; background-size: contain; background-repeat: no-repeat; }
.row-fluid .case-study-content-section:after { content: ''; position: absolute; width: 227px; height: 183px; background-image: url(https://www.datatree.com/hubfs/Datatree_2020/Images/blue-dots.svg); left: -100px; top: 41%; background-position: center; background-size: contain; background-repeat: no-repeat; transform: scaleX(-1); }
.row-fluid .case-study-content-section > div { position: relative; }
.row-fluid .case-study-content-section > div:before { content: ''; content: ''; position: absolute; width: 227px; height: 183px; background-image: url(https://www.datatree.com/hubfs/Datatree_2020/Images/dark-dots.png); right: 0; bottom: 25%; background-position: center; background-size: contain; background-repeat: no-repeat; }

.row-fluid .case-study-content-section > div > div { position: relative; z-index: 1; }

.row-fluid .blue_callout { position: relative; }
.row-fluid .blue_callout:before { content: ''; position: absolute; width: 227px; height: 183px; background-image: url(https://www.datatree.com/hubfs/Datatree_2020/Images/blue-dots.svg); left: -100px; top: -50px; background-position: center; background-size: contain; background-repeat: no-repeat; transform: scaleX(-1); }

.rich_text_with_img_wrapper { position: relative; }
.rich_text_with_img_wrapper:after { content: ''; content: ''; position: absolute; width: 227px; height: 183px; background-image: url(https://www.datatree.com/hubfs/Datatree_2020/Images/dark-dots.png); right: 0; top: 320px; background-position: center; background-size: contain; background-repeat: no-repeat; }

.row-fluid .casestudy-banner { position: relative; }
.row-fluid .casestudy-banner:before { content: ''; content: ''; position: absolute; width: 227px; height: 183px; background-image: url(https://www.datatree.com/hubfs/Datatree_2020/Images/dark-dots.png); right: 0; top: -170%; background-position: center; background-size: contain; background-repeat: no-repeat; }

.row-fluid .blue_callout > div,
.rich_text_with_img_wrapper > div{ position:relative; z-index:1; }

.row-fluid .cs_blue_box:not(.light) ul li { padding-left: 17px; }
.row-fluid .cs_blue_box:not(.light) ul li:before { height: 8px; width: 8px; top: 15px; }  

.rich_text_with_img_wrapper { padding: 20px 0; }
.titlee_with_rich-text { padding: 15px 0; }
.cs_blue_box.light { padding: 40px 0; }
.row-fluid .cs_blue_box > div { margin-top: 30px; margin-bottom: 30px; }
.row-fluid .casestudy-banner { padding-top: 70px; }    

/* 29-10-2020 */
.row-fluid .datatree-section h2 { color: #fff; text-align: center; font-family: 'Oswald',sans-serif !important; text-transform: uppercase;  font-weight: 400; }
.row-fluid .datatree-section .main-form { float: none; margin: auto; }


.contact-section { padding: 100px 0;  display: inline-block; width: 100%;  background-repeat: no-repeat; background-size: cover; position:relative; }
.row-fluid .contact-section .main-form { max-width: 750px; margin: 0 auto; }
.row-fluid .contact-section .main-form fieldset label span { display: inline-block; color: #ffffff; font-weight: 400; text-transform: none; font-family: 'Lato',sans-serif; font-size: 16px; letter-spacing: 0; }
.row-fluid .contact-section .main-form .input input, .row-fluid .contact-section .main-form .input select { padding: 10px 15px; height: 60px; }
.row-fluid .contact-section .main-form .input select { color: #003865; }
.row-fluid .contact-section .main-form fieldset { margin-bottom: 5px; }
.row-fluid .contact-section .main-form  ul.no-list.hs-error-msgs { padding: 0; list-style: none; }
.row-fluid .contact-section .main-form ul.no-list.hs-error-msgs li label { font-size: 14px; letter-spacing: 0; margin: 5px 0 0 0; text-transform: none; color: #fff; font-weight: 400; font-family: 'Lato',sans-serif; }
.row-fluid .contact-section .main-form .actions input { font-family: 'Lato',sans-serif; width: 100%; background: #4ab4e8!important; text-align: center; padding: 16px 32px !important; border-radius: 35px; max-width: 190px; margin: 40px 0 0; transition: all .5s; height: initial; text-transform: none; font-size: 20px; line-height: 28px; font-weight: 400;} 
.row-fluid .contact-section .main-form .actions input:hover { background: #047ba0 !important; color: #fff; }
.row-fluid .contact-section .main-form .actions { text-align: center; }
.row-fluid .contact-section .main-form .hs-richtext { margin-top: 20px; color: #ffffff; font-size: 15px; padding-left: 20px; }
.row-fluid .contact-section .main-form .hs-richtext a:hover { text-decoration: underline !important; }
.row-fluid .contact-section .main-form .submitted-message { color: #ffffff; text-align: center; }
.row-fluid .contact-section .main-form .input select { background: url(https://www.datatree.com/hubfs/Datatree_2020/Images/form-arrow.svg) no-repeat; background-size: 15px; background-position: right 15px center; background-color: #fff; }
.row-fluid .contact-section form .hs-form-field { padding: 0 15px; }
.row-fluid .contact-section form .input { margin: 0 !important; }
.row-fluid .contact-section form fieldset { margin: 0 -15px; width: auto; max-width: none !important; }
.row-fluid .contact-section .bottom-content { color: #ffffff; margin-top: 60px; text-align: center; }
.row-fluid .contact-section .bottom-content p, .row-fluid .contact-section .bottom-content p a { color: #ffffff; font-size: 18px; line-height: 28px; font-weight: 400; }
.row-fluid .contact-section .bottom-content p a { text-decoration: underline !important; }
.row-fluid .contact-section h3 {font-family: 'Oswald',sans-serif !important; color:#47c8fa; font-size: 26px; font-weight: 400; text-align:center; text-transform: uppercase;}

.row-fluid .counter_section { padding:100px 0; background:#003864; z-index:1; position:relative; }
.row-fluid .counter_section h2 { font-size: 36px; line-height: 46px; font-family: 'Lato',sans-serif }
.row-fluid .counterbox { padding:15px; width:33.33%; float:left; text-align:center; }
.row-fluid .counterbox .inner { padding:45px; background:#009FDD; color:#fff; font-size:20px; line-height:30px; }
.row-fluid .counterbox .inner h3 { color:#fff; font-size:70px; line-height:60px; font-family: 'Lato', sans-serif !important; }
.row-fluid .counterbox .inner h3 span { font-size:54px; line-height:54px; color:#fff; display:block; font-family: 'Lato', sans-serif; }
.row-fluid .counterbox .sameheight { display: flex; align-items: center; justify-content: center; min-height:180px; }

/*** ***/
/* .mortgage_page .about_intelligence:after { content:''; width:100%; position:absolute; top:-170px; left:0; bottom:0; background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 41%, rgba(255,255,255,1) 100%); background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 41%,rgba(255,255,255,1) 100%); background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 41%,rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); } */
.mortgage_page .about_intelligence .wrapper { position:relative; z-index:1; }
.mortgage_page .data-full-content { margin-top: -171px; padding:210px 0 230px; }
.mortgage_page .data-full-content:before { bottom:0; background: url(https://322946.fs1.hubspotusercontent-na1.net/hubfs/322946/DNA_2020/images/bg_img.jpg) no-repeat; background-position: center left; background-size: cover; height: 100%; left: 0; }

.row-fluid .servicemortgage_box:nth-child(1) { margin-top:-158px; position: relative; }
.row-fluid .servicemortgage_box:nth-child(1) .left { margin-top:150px; }
.row-fluid .servicemortgage_box .left { padding:150px 130px; width:50%; float:left; }
.row-fluid .servicemortgage_box .left .inner { margin:0 0 0 auto; width:100%; max-width:540px; font-family: 'Lato',sans-serif; }
.row-fluid .servicemortgage_box .left h3 { margin:15px 0; font-size:26px; line-height:34px; font-weight:400; font-family:'Lato',sans-serif !important; }
.row-fluid .servicemortgage_box .left .icon { margin:0 0 25px; }
.row-fluid .servicemortgage_box .content ul { margin:0; padding:0; list-style-type:none; }
.row-fluid .servicemortgage_box .content ul li { margin:2px 0; padding:0 0 0 15px; position:relative; display:inline-block; width:100%; }
.row-fluid .servicemortgage_box .content ul li:before { content:''; width:6px; height:6px; border-radius:10px; position:absolute; top:11px; left:0; background:#fff; }
.row-fluid .servicemortgage_box .right { width:50%; float:left; background-size:cover; background-position:center center; background-repeat:no-repeat; }

.row-fluid .servicemortgage_box:nth-child(2n) .left { float:right; }
.row-fluid .servicemortgage_box:nth-child(2n) .left .inner { margin:0 auto 0 0 }

.row-fluid .banner_new { padding:160px 0 20px; min-height:640px; text-align:center; display: flex; align-items: center; justify-content: center; position:relative; z-index:1; }
.row-fluid .banner_new h1 { color:#fff; font-size:83px; line-height:92px; text-transform:uppercase; font-family:'Oswald',sans-serif !important; font-weight:400; }
.row-fluid .banner_new h3 { color:#fff; font-size:46px; line-height:54px; text-transform:uppercase; font-family:'Oswald',sans-serif !important; font-weight:400; }
.row-fluid .banner_new:after { content: ''; position: absolute; background-image: url(https://www.datatree.com/hubfs/Datatree_2020/Images/blue-dots.svg); background-repeat: no-repeat; right: -80px; bottom: -145px; width: 300px; height: 190px; }

.row-fluid .appraisal_solution { padding:100px 0; /*font-size:18px; line-height:34px; font-weight:600;*/ } /*Jarrick commented out code on 11/30/2020 so <p> styles would match rest of website */
.row-fluid .appraisal_solution h2 { margin:0 0 15px; font-size: 30px; line-height: 39px; }
.row-fluid .appraisal_solution h4 { margin:30px 0 15px; font-size: 22px; line-height: 30px; color:#003864; }
.row-fluid .appraisal_solution.data-full-content:before { height:980px; }
.row-fluid .appraisal_solution ul { margin: 20px 0 0; padding:0; list-style-type:none; }
.row-fluid .appraisal_solution ul li { margin:3px 0; padding: 0 0 0 15px; position:relative; width: 100%; font-family: 'Lato',sans-serif; text-transform: none; font-size: 18px; line-height: 30px; display:inline-block; font-weight:400; }
.row-fluid .appraisal_solution ul li:before { content: ''; position: absolute; background: #2d2d2d; height: 6px; width: 6px; border-radius:5px; left:0; top: 13px; }

.row-fluid .appraisal_process { padding:80px 0 100px; background:#003864; text-align:center; position:relative; }
.row-fluid .appraisal_process .title { margin-bottom:30px; }
.row-fluid .appraisal_process .title h2 { margin:0; font-size:48px; line-height:56px; color:#fff; font-family:'Oswald',sans-serif !important; font-weight:400; text-transform:uppercase; }
.row-fluid .appraisal_process .page-container { width:100% !important; max-width:1500px; }
.row-fluid .appraisalprocess_main { background:url('https://322946.fs1.hubspotusercontent-na1.net/hubfs/322946/DNA_2020/images/arrow_right.png') no-repeat; background-position:top 105px right; display: flex; flex-wrap: wrap; }
.row-fluid .appraisalprocess_box:nth-child(1) { order: -8; }
.row-fluid .appraisalprocess_box:nth-child(2) { order: -7; }
.row-fluid .appraisalprocess_box:nth-child(3) { order: -6; }

.row-fluid .appraisalprocess_box:nth-child(5) { order: 4; }
.row-fluid .appraisalprocess_box:nth-child(6) { order: 3; }
.row-fluid .appraisalprocess_box:nth-child(7) { order: 2; }

.row-fluid .appraisalprocess_box { margin:0 -2px; padding:40px 15px; width:25%; display:inline-block; vertical-align:top; } 
.row-fluid .appraisalprocess_box .icon { height:108px; position:relative; }
.row-fluid .appraisalprocess_box .icon:before { content:''; height:53px; position:absolute; top:45px; right:-25%; left:78%; background:url('https://322946.fs1.hubspotusercontent-na1.net/hubfs/322946/DNA_2020/images/arrow.png') no-repeat; background-position:center right; }
.row-fluid .appraisalprocess_box:nth-child(n+4) .icon:before { transform: rotate(-180deg); -moz-transform: rotate(-180deg); -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); }
.row-fluid .appraisalprocess_box .icon img { height:100%; } 
.row-fluid .appraisalprocess_box:nth-child(4) .icon:before , .row-fluid .appraisalprocess_box:nth-child(5) .icon:before { display:none; }
.row-fluid .appraisalprocess_box .text { margin-top:26px; }
.row-fluid .appraisalprocess_box .text h4 { margin:0; font-size:24px; line-height:34px; color:#fff; font-family: 'Lato',sans-serif !important; font-weight: 400; }

.row-fluid .features_suite { padding:80px 0; }
.row-fluid .features_suite .content-row { display: flex; align-items: center; }
.row-fluid .features_suite.hoa-img-with-text-section .content-row .content-wrap ul { margin: 10px 0 0; padding:0; list-style-type:none; max-width:100%; }
.row-fluid .features_suite.hoa-img-with-text-section .content-row .content-wrap ul li { margin:0; padding: 0 0 0 15px; position:relative; width: 100%; font-family: 'Lato',sans-serif; text-transform: none; font-size: 18px; line-height: 30px; display:inline-block; font-weight:400; }
.row-fluid .features_suite.hoa-img-with-text-section .content-row .content-wrap ul li:before { content: ''; position: absolute; background: #2d2d2d; height: 6px; width: 6px; border-radius:5px; left:0; top: 13px; }
.row-fluid .features_suite .content-row .img-wrap { margin-top:0; }
.row-fluid .features_suite .content-wrap h4 { font-size: 26px; line-height: 36px; }

.row-fluid .automated_reports .btn-wrap { text-align:center; }

.row-fluid .intro_empower .empower-content { overflow: hidden; }
.row-fluid .intro_empower .scroll-down a { width:25%; border-radius:0; }

.row-fluid .about_datatree { padding:140px 0 0; }
.row-fluid .about_datatree .page-container { width:100% !important; max-width:1400px; }
.row-fluid .aboutdatatree_top .page-container { display: flex; align-items: center; }
.row-fluid .aboutdatatree_top .left { padding:0 4% 0 0; width:55%; float:left; font-size:18px; line-height:34px; }
.row-fluid .aboutdatatree_top .left h2 { font-size:52px; line-height:60px; text-transform:uppercase; font-family:'Oswald',sans-serif !important; font-weight:400; color:#003864; }
.row-fluid .aboutdatatree_top .left .btn_style { margin-top:30px; }
.row-fluid .aboutdatatree_top .left .btn_style a { font-size: 24px; min-width: 240px; }
.row-fluid .aboutdatatree_top .right { width:45%; float:left; }

.row-fluid .about_datatree .solution-faq-inner { margin-bottom:50px; }
.row-fluid .about_datatree .solution-faq-repeater h4 { font-weight:400; }
.row-fluid .about_datatree .solution-faq-repeater h5 { font-size: 20px; line-height: 36px; color: #000000; font-family: 'Lato-Semibold' !important; font-weight: normal; margin-bottom: 0; }
.row-fluid .about_datatree .solution-faq-repeater { margin:0; padding:30px 0; border:none; border-top:1px solid #BDBFC3; }
/* .row-fluid .about_datatree .solution-faq-repeater:last-child { border-bottom:none; } */
.row-fluid .about_datatree .solution-faq-repeater .faq-title h4:after { content:''; width:29px; height:29px; background:url('https://322946.fs1.hubspotusercontent-na1.net/hubfs/322946/DNA_2020/images/pluse.png') no-repeat; background-size:29px; background-position:center center; }
.row-fluid .about_datatree .solution-faq-repeater .faq-title.active h4:after { height:29px; background:url('https://322946.fs1.hubspotusercontent-na1.net/hubfs/322946/DNA_2020/images/minus.png') no-repeat; background-size:29px; background-position:center center; }
.row-fluid .about_datatree .solution-faq-repeater .img-hf-post-wrap .posts-wrap .single-post-wrap, .row-fluid .about_datatree .solution-faq-repeater .reliable-data-section .single-post-wrap { padding:20px 0; }



.row-fluid .fraudguard_process { padding:100px 0; text-align:center; }
.row-fluid .fraudguard_process .page-container { width:100% !important; max-width:1400px; }
.row-fluid .fraudguard_process h2 { font-size:50px; line-height:58px; text-transform:uppercase; font-family:'Oswald',sans-serif !important; font-weight:400; color:#003864; }
.row-fluid .fraudguardprocess_main { margin-top:30px; }
.row-fluid .fraudguardprocess_box { margin:0 -2px; padding:25px 15px; width:33.33%; display:inline-block; vertical-align:top; }
.row-fluid .fraudguardprocess_box .text { margin-top:30px; color:#2D2D2D; font-size: 18px; line-height: 34px; }
.row-fluid .fraudguardprocess_box .icon img { max-height:120px; }

.row-fluid .widthset .empower-content { max-width:1170px; }
.row-fluid .automatedV2 .top-content { max-width:100%; }

.row-fluid .fraud_verification { padding:100px 0 120px; position:relative; }
.row-fluid .fraud_verification:before { content:''; width:100%; height:100%; position:absolute; top:0; left:0; background: -moz-linear-gradient(left,  rgba(0,56,100,0.8) 0%, rgba(0,56,100,0.95) 50%, rgba(0,56,100,1) 100%);
    background: -webkit-linear-gradient(left,  rgba(0,56,100,0.8) 0%,rgba(0,56,100,0.95) 50%,rgba(0,56,100,1) 100%);
    background: linear-gradient(to right,  rgba(0,56,100,0.8) 0%,rgba(0,56,100,0.95) 50%,rgba(0,56,100,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc003864', endColorstr='#003864',GradientType=1 ); }
.row-fluid .fraud_verification > div { position:relative; }
.row-fluid .fraud_verification .title { margin:0 auto; max-width:800px; width:100%; text-align:center; }
.row-fluid .fraud_verification .title h2 { font-size:50px; line-height:64px; text-transform:uppercase; font-family:'Oswald',sans-serif !important; font-weight:400; color:#ffffff; }

.row-fluid .fraudverification_main { display:flex; flex-wrap: wrap; color:#fff; font-size: 16px; line-height: 32px; }
.row-fluid .fraudverification_box { padding:20px 4%; width:50%; display:inline-block; flex: 0 0 50%; }  
.row-fluid .fraudverification_box h3 { margin:6px 0; font-size: 26px; line-height: 38px; color:#fff; font-family:'Lato',sans-serif !important; font-weight:400; }
.row-fluid .fraudverification_box .icon { margin:0 0 15px; }
.row-fluid .fraudverification_box .icon img { max-height:78px; }

.row-fluid .fraudguard_section { padding:60px 0; }
.row-fluid .fraudguard_section .page-container { display:flex; }
.row-fluid .fraudguard_section .title { padding:0 15px 0 0; width:45%; float:left; }
.row-fluid .fraudguard_section .title h2 { font-size:68px; line-height:76px; text-transform:uppercase; font-family:'Oswald',sans-serif !important; font-weight:400; color:#ffffff; }
.row-fluid .fraudguard_section .text { width:55%; float:left; color:#fff; }
.row-fluid .fraudguard_section .text ul { margin:0; padding:0; list-style-type:none; }
.row-fluid .fraudguard_section .text ul li { margin:5px 0; padding:0 0 0 15px; display:inline-block; width:100%; position:relative; }
.row-fluid .fraudguard_section .text ul li:before { content:''; width:6px; height:6px; border-radius:10px; background:#fff; position:absolute; top:11px; left:0; }

/* 20-11-2020 */
.row-fluid .normal-liststyle.liststyle50 .about_intelligence ul li { width: 47%; }
.row-fluid .normal-liststyle.liststyle50 .about_intelligence ul { display: flex; flex-wrap: wrap; }
.row-fluid .normal-liststyle.liststyle50 .about_intelligence ul li:nth-child(odd) { margin-right: 20px; }
.row-fluid .normal-liststyle.liststyle50 .data-full-content .data-inner-content { max-width: 850px; }

.avms-sec .traditional-valuation-section { background-color: #010D1B; }
.avms-sec .traditional-valuation-section .section-title h4 { font-family:'Lato' !important; color: #fff; font-size:30px; line-height:1.5; font-weight:400; }
.avms-sec .traditional-valuation-section .content-part { max-width: 630px; line-height: 1.5; }
.avms-sec .traditional-valuation-section .content-part ul li { padding-bottom:20px; }
.avms-sec .traditional-valuation-section .content-part ul { padding-left:20px; }

/* 23-11-2020 */
.leadership-section { background-size: cover; background-position: center; background-repeat: no-repeat; }
.leadership-section .section-title h2 { text-align: left; }
.leadership-section h3 { color: #0085C1; font-weight: 400; font-family: 'Oswald',sans-serif !important;  text-transform: uppercase; font-size: 40px; }
.leadership-section h4 { color: #fff; text-transform: uppercase; font-size: 28px; }
.leadership-section .sub-text p { margin-bottom: 30px; }

.strip_main_section { position: relative; z-index: 1; padding: 70px 0; }
.strip_main_section:after {content: "";position: absolute;left: 0;right: 0;top: 0;bottom: 0;background: url('https://www.datatree.com/hubfs/Datatree_2020/Images/ptn_main.png')  no-repeat center right / contain;z-index: -1;}
.strip_main_section .content-wrap { width: 60%; float: left; padding-right: 70px; padding-top:0; padding-bottom:0; }
.strip_main_section .strip_main_text { width: 40%; color: #fff; float: left; line-height: 34px; padding: 0; }
.strip_main_section .container { display: flex; }
.strip_main_section .content-wrap::before { height: auto;top: 11px; bottom: 30px; } 
.strip_main_section .content-wrap h3 { font-weight: 400; } 

.property-value-val-section { padding: 80px 0; } 
.property-value-val-section .content { width: 50%; float: left; } 
.property-value-val-section { position: relative; z-index: 1; width: 100%; float: left; }
.property-value-val-section .image {  position: absolute; right: 0;  top: 0;    bottom: 0;   width: 50%; }
.property-value-val-section .content-wrap { width: 100%;  float: left; position: static; }
.property-value-val-section .image img { width: 100%; height: 100%; object-fit: cover; object-position: left; }
.property-value-val-section:nth-child(even) .content { float: right; } 
.property-value-val-section:nth-child(even) .image { left: 0; }
.property-value-val-section:nth-child(even) .image img { left: 0; object-position: right; } 

.dna_icon path { fill: #fff; }
.dna_icon  svg { transform: rotate(180deg); width: 100%; max-width: 60px; }
.dna_icon { display: inline-block; margin-bottom: 20px; }
.dna-testimonial { text-align: center;  padding: 70px 0 120px; width: 100%; float: left; }
.dna-text { color: #fff; width: 100%; max-width: 1060px; margin: auto; line-height: 1.8; font-size: 20px; }
.dost_hide .casestudy-banner-section.resource-banner.solution-banner:after { display: none; }
.dost_hide .data-option-tab-section:after {  display: none; }

a.link { color: #00A0DE; position: relative; padding-right: 30px; display: table; margin-top: 20px;  font-weight: 700; }
a.link:after {content: "";background: url(https://www.datatree.com/hubfs/DNA_2020/images/arrow_right-1.png) no-repeat center / contain;width: 15px;height: 12px;display: inline-block;vertical-align: middle;position: relative;right: -6px;top: 0;bottom: 0;margin: auto; transition: all 0.5s; }
a.link:hover:after { right: -10px; }

.main-list-style ul { margin-bottom: 30px; padding-left: 20px; }
.main-list-style ul li::marker { color: #00a0de; } 
.main-list-style p { margin-bottom: 20px; }
.mortgage-img-text .property-value-val-section { margin-top: -1px; }
.mortgage-img-text .property-value-val-section .content { float: right; }
.mortgage-img-text .property-value-val-section .image { left: 0; right: auto; }
.mortgage-img-text .property-value-val-section .image img { object-position: right; }
.mortgage-img-text .property-value-val-section:nth-child(even) .content { float: left; }
.mortgage-img-text .property-value-val-section:nth-child(even) .image { right: 0; left: auto; }
.mortgage-img-text .property-value-val-section:nth-child(even) .image img { object-position: left; }
.white_text_property .content {  color: #fff; }
.white_text_property a.link { color: #003865; } 
.white_text_property a.link:after {background-image: url(https://www.datatree.com/hubfs/DNA_2020/images/arrow-right_2.png);}

/* 25-11-2020 */
.footer-logo-wrap img.hs-image-widget { max-width: 81% !important; height: auto !important; width: 100%; }

/* 26-11-2020 */
.new-hf-design .section.dark { padding-top: 190px !important; }
.row-fluid .new-header-section .logo-wrap { padding: 20px 0; }
.row-fluid .new-header-section .logo-wrap img.hs-image-widget { width: 100%; max-width: 250px !important; }

.data-option-tab-section { display: flex; }
.data-option-tab-section .tabbing-main { position: relative; }
.appr-sol-box .text { width: 100%; }
.row-fluid .contact-section .main-form .actions input {  height: 60px; }
.default-form .hs-form fieldset.form-columns-2 { max-width: none !important; }
.empower_inner_section .empower-section .empower-content {  float: none; }

.confiramation-page .resource_hero_section .casestudy-banner-section.resource-banner.solution-banner.inner_hero_section { padding: 280px 0 250px!important; }
.form-content-section .form-part form .hs-form-field:last-child .input {  margin-right: 0; }

.row-fluid .banner_new {  padding: 240px 0 150px; }

.dna_events .eventsHero { padding-top: 230px !important; }
.row-fluid .dna_events_hub h2 {  margin-top: 50px; }
.row-fluid .contact-section select::-ms-expand { display: none; }

/* 30-11-2020 */
.row-fluid .empower_login .empower-section { margin-top: -120px;}
.row-fluid .empower_login .empower-content { padding: 70px 50px; box-shadow: 0 0 14px 0 rgb(0 0 0 / 0.3); }

.row-fluid .delivery_delivery .appraisal_solution { padding: 120px 0 155px; } 
.row-fluid .delivery_delivery .appraisal_solution.data-full-content:before {height: 590px;top: 0;bottom: 0;margin: auto;}
.appr-sol-box a.link { padding-right: 0; }

/* 23-12-2020 */
.row-fluid .dnd_property_demand .servicemortgage_box .left { float: right; }
.row-fluid .dnd_property_demand .servicemortgage_box:nth-child(2n) .left { float: left; }
.row-fluid .dnd_property_demand { position: relative; z-index: 1; }
.row-fluid .dnd_property_demand .servicemortgage_box .left { padding: 100px 0 100px 80px; }
.row-fluid .dnd_property_demand .servicemortgage_box:nth-child(1) { margin-top: -80px; }
.row-fluid .dnd_property_demand .servicemortgage_box:nth-child(1) .left { margin-top: 80px; }
.row-fluid .dnd_property_demand .servicemortgage_box:nth-child(1) .right { position: relative; top: 20px; } 
.row-fluid .dnd_property_demand .servicemortgage_box .left .inner { margin: 0 auto 0 0; }
.row-fluid .dnd_property_demand .servicemortgage_box:nth-child(2n) .left .inner { margin: 0 0 0 auto; }
.dnd_property_demand .servicemortgage_box .content ul li:before {content: "\f00c";position: absolute;top: 0;left: 0;color: #009edc;font-family: 'fontAwesome';width: auto;height: auto;background: transparent !important;top: 2px;}
.dnd_property_demand .servicemortgage_box .content ul li { padding-left: 30px; }

.testimonial_v2 .page-container { width: 100% !important; max-width: 940px; display: table; }
.testimonial_v2 .testimonial-inner-content { color: #145576; max-width: 100% !important; width: 100%; }
.row-fluid .testimonial_v2 .testimonial-inner-content p { line-height: 30px; font-style: italic; }
.row-fluid .testimonial_v2 .testimonal-inner .testimonial-content {  padding-left: 27px; width: 84%; }
.row-fluid .testimonial_v2 .testimonal-inner h5:before { display: none; }
.row-fluid .testimonial_v2 .testimonal-inner h5 { margin: 0; padding-top: 15px; color: #00A0DE; }
.row-fluid .testimonial-section.testimonial_v2 { padding: 100px 0 60px; }

.guideline_demand_title { text-align: center; }
.guideline_demand_title h2 { font-family: 'Oswald',sans-serif !important; text-transform: uppercase; font-weight: 400; color: #003865; margin-bottom: 40px;font-size: 45px; }
.guideline_demand_section { padding: 90px 0; }

.guideline_demand_section .img-wrap img { width: 100%; max-width: 90px; margin: auto; float: none; display: table; }
.guideline_demand_section .guideline-single .img-wrap { width: 80px; margin-top: 10px; }
.guideline_demand_section .guideline-single .content-wrap { width: calc(100% - 80px); color: #2D2D2D; }
.guideline_demand_section .guideline-single .content-wrap h5 { color: #000; font-weight: 600; font-size: 24px; }
.guideline_demand_section .guideline-single .content-wrap a { color: #00A0DE; display: inline-block; margin-left: 4px; }
.guideline_demand_section .guideline-single { align-items: flex-start; }

.dnd_banner_section .lp-banner-inner a img { width: 100%; max-width: 250px;  margin-bottom: 40px; }
.lp-banner-wrapper.dnd_banner_section { padding-top: 50px; }
.dnd_banner_section.lp-banner-wrapper .lp-banner-inner .lp-banner-content { border-bottom: none; }
.lp-banner-wrapper.dnd_banner_section h1 { line-height: 84px; } 

/* 29-01-2021 */
.row-fluid .lenders-hero { padding: 70px 0 190px; position: relative; z-index: 1; }
.row-fluid .lenders-hero:after {content: "";position: absolute;background-image: url(https://www.datatree.com/hubfs/Datatree_2020/Images/blue-dots.svg);background-repeat: no-repeat;right: 0;bottom: -77px;width: 200px;height: 116px;background-size: cover;}
.intelligence-section { padding: 80px 0; }
.intelligence-title h2 { font-weight: 700; color: #003865; margin-bottom: 30px; }
.intelligence-title { width: 100%;max-width: 990px; margin-bottom: 50px;  display: table; }

.intelligence-left { width: 400px; float: left; }
.intelligence-right { width: calc(100% - 400px); float: left; padding-left: 70px; }
.intelligence-right h2 { font-weight: 700; color: #003865;  margin-bottom: 30px; }
.intelligence-row { display: table; width: 100%; }
.intelligence-text p { margin-bottom: 30px ; } 
.intelligence-text ul { padding: 0 0 0 30px; margin: 0; list-style-type: none; }
.intelligence-text ul li { display: inline-block; vertical-align: top; width: 100%; position: relative; padding-left: 30px; margin-bottom: 8px; font-weight: 600; }
.intelligence-text ul li:before { position: absolute; content: ""; height: 15px; width: 19px; left: 0; top: 8px; background: url('https://322946.fs1.hubspotusercontent-na1.net/hubfs/322946/fraud-list.png') no-repeat center / cover; }

.intelligence-text-botton { color: #00a0de; font-size: 40px; line-height: 50px;  margin-top: 50px;  font-weight: 700; }
.intelligence-text-botton span { color: #003864; } 

.lp-services-section { padding: 70px 0 90px; } 
.lp-services-title h2 { color: #003865; font-family: 'Oswald',sans-serif !important;  text-transform: uppercase;  font-weight: 400; line-height: 62px; margin-bottom: 74px; text-align: center; }
.lp-services-title {  width: 100%;  max-width: 760px;  margin: auto; } 

.lp-services-row { margin: 0 -14px; }
.lp-services-box { width: 20%; display: inline-block; margin: 0 -2px;text-align: center;  padding: 0 10px;  vertical-align: top; }
.lp-services-icon {margin-bottom: 20px; }
.lp-services-icon img { width: 100%;  max-width: 140px; height: 84px; object-fit: contain; }
.lp-services-text { font-size: 18px; font-weight: 600; line-height: normal; }

.information-section { background: #003864; padding: 200px 0; position: relative; }
.information-section:before { position: absolute;content: "";height: 98px;width: 181px;left: 0;top: 42px;background: url(https://www.datatree.com/hubfs/Datatree_2020/Images/trustpattern.png) no-repeat center / cover; }
.information-title h2 {color: #fff; font-family: 'Oswald',sans-serif !important;  text-transform: uppercase; font-weight: 400; line-height: 62px; margin-bottom: 100px;  text-align: center; }
.information-title {  width: 100%;  max-width: 886px; margin: auto; }

.information-row { display: flex;  flex-wrap: wrap; } 
.information-box { width: calc(100% / 3 - 60px); display: inline-block; margin: 0 30px; vertical-align: top; background: #fff;  padding: 30px 20px; border-radius:10px; }
.information-box h3 {  color: #003864;   font-family: 'Oswald',sans-serif !important;  font-weight: 400;   text-align: center;    font-size: 36px;    line-height: 44px;   margin-bottom: 40px; }
.information-box h3:After {content: "";height: 7px;width: 70px;background: #00a0de;display: table;margin: 30px auto 0;}
.information-box ul { padding: 0 0 0 12px; margin: 0; list-style-type: none; }
.information-box ul li { display: inline-block; vertical-align: top; width: 100%;  position: relative; padding-left: 30px; margin-bottom: 10px; font-weight: 400;  color: #003864; }
.information-box ul li:before { position: absolute; content: ""; height: 15px; width: 19px; left: 0; top: 8px; background: url('https://322946.fs1.hubspotusercontent-na1.net/hubfs/322946/fraud-list.png') no-repeat center / cover; }

.prospect-section { padding: 90px 0; }
.prospect-caption { text-align: center; }
.prospect-caption h2 { color: #fff; font-family: 'Oswald',sans-serif !important;   font-weight: 400;  font-size: 55px;  text-transform: uppercase; }
.prospect-text { color: #fff;  font-size: 24px; }

.data-option-tabv2 .tabbing-main { background: #fff; overflow: hidden;  width: calc(50% + 200px); }
.data-option-tabv2 .tabs-container { z-index: 10; width: calc(50% - 200px); }
.frame-wrap { width: 100%; max-width: 1020px; position: absolute;  bottom: 0; left: 30px; }
img.mac_frame { width: 100%; }
.frame-wrap img.mac_frame_img { position: absolute; top: 29px; left: 0; width: 100%; z-index: -1;  max-width: 72%;  margin: auto; right: 0; }
.data-option-tabv2 .tabbing-main > .tabs { margin: 0; position: static; } 
.data-option-tabv2 .tabs-container h3 { font-size: 48px; padding-right: 50px; }
.data-option-tabv2 .tabs-title { padding-right: 50px; }

.data-option-tabv2 .tab-content { width: 100%; padding-left: 90px; padding-top: 50px; }
.frame-strip { position: absolute; bottom: 145px; background: #003864; color: #fff; width: 100vw; left: 610px;  padding: 12px 15px;  box-shadow: 0 0 28px -10px rgb(0 0 0 / 50%); }
.frame-strip img {  display: inline-block;  width: 77px;  vertical-align: middle; }
.frame-strip .frame-strip-text {  width: 188px;  display: inline-block; font-size: 30px; font-family: 'Oswald',sans-serif !important; font-weight: 400; line-height: 38px; vertical-align: middle; padding-left: 10px; text-transform: uppercase; }
.btn-new a { padding: 18px 47px; font-size: 22px; line-height: 26px;background: #00a0de; color: #fff;  border-radius: 50px;  font-weight: 400;  transition: all ease-in-out .5s;  display: inline-block; }
.btn-new a:hover { background: #047ba0 !important; }  

.row-fluid .retipster_property_demand .left h3 { font-family: 'Oswald',sans-serif !important; text-transform: uppercase; font-size: 40px;  line-height: normal;  margin-bottom: 20px; }
.row-fluid .retipster_property_demand  .servicemortgage_box .left { padding: 40px 0 60px 80px; }
.row-fluid .retipster_property_demand .servicemortgage_box .right { box-shadow: 0 0 20px 0 rgb(0 0 0 / 20%); } 

.data-option-tabv2.data-option-tab-section .tabs-title.current:after { border-top: 40px solid transparent; border-bottom: 40px solid transparent;  border-left: 65px solid #00a0de; }
.dnd_banner_section .lp-banner-inner .lp-banner-logo .lp-logo {  margin-right: 30px; }
.dnd_banner_section .lp-banner-inner .lp-banner-logo a img { max-width: 190px; }

.row-fluid .lp-logo-wrap img.hs-image-widget {  width: 100%; max-width: 200px !important; }
.row-fluid .lp-logo-wrap .lp-logo { width: auto; margin-right: 20px; }

.row-fluid .lp-logo-wrap img.hs-image-widget {  width: 100%; max-width: 200px !important; }
.row-fluid .lp-logo-wrap .lp-logo { width: auto; margin-right: 20px; }

/*  */
.row-fluid .suite_hero { padding: 240px 0px  170px; position: relative; z-index: 1; }
.row-fluid .suite_hero:before {content: "";position: absolute;left: 0;right: 0;top: 0;bottom: 0;/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&1+0,0+100 */background: -moz-linear-gradient(top,  rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */background: -webkit-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(to bottom,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */z-index: -1;opacity: 0.8;}
.row-fluid .suite_hero_text { font-size: 30px; line-height: normal; }
.row-fluid .suite_hero_logo { margin-bottom: 30px; }

.applntelligence-logo { margin-bottom: 20px; }
.applntelligence-logo img { width: 100%; max-width: 620px !important; }
.applntelligence-section {  padding: 70px 0 50px; }
.applntelligence-title { margin-bottom: 70px; }

.flip-card { background-color: transparent; height: 300px; perspective: 1000px; width: calc(100% / 3 - 34px);  display: inline-block;  margin: 0 15px 24px; }
.flip-card-img { position: absolute; top: 50%; left: 50%; margin: auto; height: auto;  width: auto; -webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);  width: 280px; }
.flip-card-inner { position: relative; width: 100%;height: 100%;text-align: center;transition: transform 0.8s;  transform-style: preserve-3d; -moz-transform-style: preserve-3d;  -webkit-transform-style: preserve-3d; }
.flip-card:hover .flip-card-inner { -webkit-transform: rotateY(180deg);
-moz-transform: rotateY(180deg);
-ms-transform: rotateY(180deg);
-o-transform: rotateY(180deg);
transform: rotateY(180deg); }
/* Position the front and back side */
.flip-card-front, .flip-card-back { position: absolute; width: 100%; height: 100%; backface-visibility: hidden; }
/* Style the front side (fallback if image is missing) */
.flip-card-front { background: #fff; box-shadow: 0 0 10px 0 rgb(0 0 0 / 20%); border-radius: 30px; transition-delay: 0s; display: flex; align-items: center; justify-content: center;}
.flip-card:hover .flip-card-inner .flip-card-front { opacity: 0;  transition-delay: 0.5s; }
.flip-card-front .box-title {padding:0 15px;}
.flip-card-front .box-title h3 {font-size: 28px;color: #003864; line-height: 36px; justify-content: center;}

.flip-card:hover .flip-card-img,.flip-card:hover .arrow_right { opacity:0; transition:all ease-in-out 2s; -moz-transition:all ease-in-out 2s; -webkit-transition:all ease-in-out 2s; }
.flip-card .flip-card-img{transition:all ease-in-out 2s; -moz-transition:all ease-in-out 2s; -webkit-transition:all ease-in-out 2s;} 

.flip-card-inner img { object-fit: contain; }
/* Style the back side */ 
.flip-card-back { background-color: #003864; color: #5cb9e9; -webkit-transform: rotateY(180deg);
-moz-transform: rotateY(180deg);
-ms-transform: rotateY(180deg);
-o-transform: rotateY(180deg);
transform: rotateY(180deg); border-radius: 30px;  padding: 62px 30px; text-align: center; }
.flip-card-back img.flip-card-logo { margin: 0 auto 35px; filter: brightness(0) invert(1); }
.flip-card-text { font-size: 20px; position: relative; /* top: 50%; transform: translateY(-50%); */ }
.flip-card-back .box-title h3 {font-size: 18px;line-height: 28px; color: #fff;}

.flip-card-front img.arrow_right {  position: absolute;  bottom: 50px; left: 0; right: 0;  text-align: center;  margin: auto; }

.appinte-about-section { background: #f4f4f4; padding: 70px 0; position: relative; }
.appinte-about-section:after {position: absolute;content: "";height: 98px;width: 184px;left: 0;top: -50px;background: url(https://www.datatree.com/hubfs/Datatree_2020/Images/trustpattern.png) no-repeat center / cover;}
.appinte-about-section h2 { color: #003864; font-size: 36px;  margin-bottom: 40px; font-weight:600; }
.appinte-about-box h3 { font-size: 36px; color: #2d2d2d;  font-weight: 600;  line-height: normal; margin-bottom: 4px; }
.appinte-about-box { margin-bottom: 40px; }
.appinte-about-box h3 a { font-size: 16px;  color: #4cb4e8; }
.appinte-about-box:last-child { margin-bottom: 0; }
.appinte-about-section h2 span { font-size: 16px; display: inline-block; vertical-align: text-bottom;  color: #003864; position: relative; margin-left: -8px;  top: -4px; }
.appinte-about-box h3 a:hover { color: #003864; }

.row-fluid .suite_hero .suite_hero_title h1 { font-family: 'Open Sans',sans-serif !important; text-transform: inherit; font-size: 80px; font-weight: 700;  line-height: normal;  margin: 0 0 50px; }
.row-fluid .suite_hero .suite_hero_title h1 span { color: #fff; font-size: 24px;  display: inline-block; vertical-align: top; line-height: 84px; font-weight: 300; margin-left: -20px; }

.applntelligence-lp-title h2 { font-size: 52px; color: #5a6771; margin-bottom: 50px;  line-height: normal; }
.applntelligence-lp-title h2 span { color: #003764; }
.applntelligence-lp-title h2 sup {font-size: 20px; line-height: normal; top: -22px; left: -10px; }

.data-option-tabv2::after { display: none; }
.data-option-tabv2 .tabs-container {   padding: 45px 0; }


/* */
.row-fluid .search-box > div { max-width: 954px; margin: 0 auto; } 
.row-fluid .search-box.full > div { max-width: 100%; width:100%; margin: 0 auto; }  

.row-fluid .search-box .hs-search-field__bar { max-width: 400px; width: 100%; }
.row-fluid .search-box .hs-search-field__bar button { position: absolute; left: 0; background: transparent; border: none; line-height: 0; top: 0; bottom: 0; padding: 0 15px; pointer-events:none; }
.row-fluid .search-box .hs-search-field__bar form { position: relative; }
.row-fluid .search-box .hs-search-field__bar input.hs-search-field__input { padding-left: 50px; border: 1px solid #d8d8d8; height: 70px; color: #003763; }
.row-fluid .search-box .hs-search-field__bar button svg { height: 19px; }
.row-fluid .search-box .hs-search-field__bar input.hs-search-field__input::placeholder { color: #003763; }
.row-fluid .search-box .hs-search-field__bar + .hs-search-field__suggestions { display: none !important; }
.row-fluid .search-box.padding { padding: 40px 0 30px; }

.blog-post-section .sidebar-wrap .search-box.js-box {
    padding-top: 0;
    margin-top: -99px;
}
.row-fluid .search-box.padding.v2 {
    margin-top: 20px;
}
 

/* 18-02-2021 */
.mortgage_page .row-fluid .product-introsection.normal-liststyle .empower-section .empower-content .scroll-down a { font-family: 'Roboto',sans-serif; text-align: center; display: inline-block; padding: 12px 30px; background-color: #00a1de; color: #fff; border: 1px solid transparent; border-radius: 90px; min-width: 120px; box-sizing: border-box !important; }  
.row-fluid .scoring-hero.suite_hero .banner-caption {padding: 0;text-align: center !important;}
.row-fluid .scoring-hero.suite_hero .banner-caption h1 { text-align: center; text-transform: uppercase; font-family: 'Oswald',sans-serif !important; }

.applntelligence-lp-title h2 { font-family: 'Oswald',sans-serif !important; font-size: 36px; text-transform: uppercase; margin-bottom: 20px; color: #003864; font-weight: 400; }
.applntelligence-title { padding: 0 10px; }

.resource-banner.casestudy-banner-section .banner-caption h1 sup { font-size: 30px; display: inline-block; vertical-align: top; top: 28px; margin-left: 5px; }

.snowflake-dm-banner.casestudy-banner-section {position:relative;background-position: left;}
.snowflake-dm-banner.casestudy-banner-section .banner-caption {max-width:920px;}
.snowflake-dm-banner.casestudy-banner-section .banner-caption h1 {font-size:71px; line-height:80px; color:#fff; text-transform:uppercase;}
.snowflake-dm-banner.casestudy-banner-section:after {content: ''; position: absolute;background-image: url(https://www.datatree.com/hubfs/Datatree_2020/Images/blue-dots.svg); background-repeat: no-repeat; right: -80px; bottom: -145px; width: 300px; height: 190px;}

.applntelligence-title .applntelligence-text h5 {font-size: 28px;line-height: 36px; margin-top:35px; color: #003864; font-weight: 600;}
.applntelligence-section.snowflake-dm .applntelligence-lp-title h2 { font-size:36px; line-height:44px;text-transform: none;font-weight: 600;font-family: 'Lato',sans-serif !important;}  
.appinte-about-section .about-content ul {padding-left:0;}
.appinte-about-section .about-content ul li {list-style:none; position:relative; padding-left:30px; margin-bottom:10px;}
.appinte-about-section .about-content ul li:before {content:'';width:19px; height:15px; background-image:url(https://www.datatree.com/hubfs/_Icons/check-icon-1.png); position:absolute; left:0; top:8px;}

/* .snowflake-dm-banner.casestudy-banner-section .page-container{width:1510px !important;}
.snowflake-dm.applntelligence-section .page-container {width:1510px !important;} */
 
.apprisal-buzz-lp .new-site-header .top-header {height: 61px; background: #B82B00;}
/* .apprisal-buzz-lp .new-site-header .top-header {height: 61px; background: #690b00;} */
.apprisal-buzz-lp .casestudy-banner-section {position:relative;}
.apprisal-buzz-lp .casestudy-banner-section:after {content:''; width:100%; height:100%;background-color: rgba(0, 0, 0, 0.21); position:absolute; left:0; top:0;}
.apprisal-buzz-lp .casestudy-banner-section h1 { color:#fff;font-size: 48px;line-height: 56px;text-transform: uppercase;}
.apprisal-buzz-lp .casestudy-banner-section .banner-caption {max-width:1170px;font-size: 34px;line-height: 43px; color: #fff; position:relative; z-index:1;font-family: 'Lato', sans-serif;}
.apprisal-buzz-lp .form-content-section {position:relative; z-index:2;}
/* .apprisal-buzz-lp .form-content-section .form-part {background-color: #690b00;} */
.apprisal-buzz-lp .form-content-section .form-part {background-color: #B82B00;}
.apprisal-buzz-lp .form-content-section .content-part h4 {color: #ff7900;}
.apprisal-buzz-lp .form-content-section .content-part ul li:before {background-color: #ff7900;}
.apprisal-buzz-lp .form-content-section .form-part form .hs-submit input {background-color: #ff7900;}
.apprisal-buzz-lp .row-fluid .new-header-section .logo-wrap img.hs-image-widget {max-width: 183px !important;}

.apprisal-buzz-lp .form-content-section .form-part form .hs-form-field .input select {height:66px;}

.mainmenu .navwrap .srch-form-wrap input::-webkit-input-placeholder { color:#003865; opacity:1; }
.mainmenu .navwrap .srch-form-wrap input::-moz-placeholder { color:#003865; opacity:1; }
.mainmenu .navwrap .srch-form-wrap input:-ms-input-placeholder { color:#003865; opacity:1; }
.mainmenu .navwrap .srch-form-wrap input:-moz-placeholder { color:#003865; opacity:1; }

.row-fluid .new-header-section .logo-wrap img { max-width:240px!importan; }

/* 16-03-2021 */
.row-fluid .tree-partner-section .lp-banner-wrapper:after { display: none; }
.row-fluid .demand_hero .lp-banner-wrapper:before { display: none; }



.login-portal-main .casestudy-banner-section.resource-banner.solution-banner:after {display: none;}
.login-portal-first-american {padding: 60px 0;}
.login-portal-first-american .inner{padding:25px 50px;background-color:#fff;box-shadow: 1px 0 43px rgba(0, 0, 0, 0.27);border-radius:50px;margin:-420px 0 0 0;position:relative;z-index:1;}
.login-portal-first-american .inner .main-listing h4{background-color:#003864;color:#fff;margin:0;padding:5px 15px 5px 15px;font-size:22px;line-height:24px;font-family: 'Lato',sans-serif!important;font-weight: 500;}
.login-portal-first-american .inner .main-listing .inner-listing {margin: 15px 0;}
.login-portal-first-american .inner .main-listing .inner-listing .list {margin: 0 0 25px 0;}
.login-portal-first-american .inner .main-listing .inner-listing .list:last-child {margin: 0;}
.login-portal-first-american .inner .main-listing .inner-listing .list .btn-logo{margin:0 0 25px 0;}
.login-portal-first-american .inner .main-listing .inner-listing .list .btn-logo .login-btn a{background-color:#00a0de;color:#fff;font-size:22px;padding:5px 15px 9px 15px;border-radius:50px;display:block;width:100%;text-align:center;transition: 400ms;}
.login-portal-first-american .inner .main-listing .inner-listing .list .btn-logo .login-btn a:hover {background-color: #2c86a9;}
.login-portal-first-american .inner .main-listing .inner-listing .list .btn-logo .btn-main{width:140px;}
.login-portal-first-american .inner .main-listing .inner-listing .list .btn-logo > div{display:flex;align-items:center;}
.login-portal-first-american .inner .main-listing .inner-listing .list .btn-logo .logo{width:300px;margin-left:0;display:flex;}
.login-portal-first-american .inner .main-listing .inner-listing .list .btn-logo .btn-main{width:120px;}
.login-portal-first-american .inner .main-listing .inner-listing .list .btn-logo .logo img{max-height: 40px;max-width: 260px;}
.login-portal-first-american .inner .main-listing .inner-listing .list .content-learn-more-btn{font-size:15px;width:calc(100% - 420px);padding:0 0 0 50px;}
.login-portal-first-american .inner .main-listing .inner-listing .list .content-learn-more-btn .learn-more-btn{display:inline-block;}
.login-portal-first-american .inner .main-listing .inner-listing .list .content-learn-more-btn .learn-more-btn a{transition: 600ms;color:#00a0de;padding: 0 0 0 3px;position: relative;}
.login-portal-first-american .inner .main-listing .inner-listing .list .content-learn-more-btn .learn-more-btn a:hover{color:#003864;}
.login-portal-first-american .inner .main-listing .inner-listing .list .content-learn-more-btn .learn-more-btn a:after{content:'';position:absolute;bottom:-2px;width:100%;height:1px;background-color:#00a0de;left:2px;transition: 600ms;}
.login-portal-first-american .inner .main-listing .inner-listing .list .content-learn-more-btn .learn-more-btn a:hover:after{background-color:#003864;}

@media (min-width:1200px){
	.login-portal-first-american .page-container{width:1170px!important;}
    .login-portal-first-american .inner .main-listing .inner-listing .list .btn-logo .logo{width:300px;margin-left:0;display:flex;}
    .login-portal-first-american .inner .main-listing .inner-listing .list .btn-logo .btn-main{width:120px;}
    .login-portal-first-american .inner .main-listing .inner-listing .list .content-learn-more-btn{font-size:16px;width:calc(100% - 420px);padding:0 0 0 50px;}
    .login-portal-first-american .inner .main-listing .inner-listing .list .btn-logo .logo img{max-height:30px;max-width:300px;}
}
@media (min-width:1430px){
	.login-portal-first-american .page-container{width:1400px!important;}
    .login-portal-first-american .inner .main-listing .inner-listing .list .btn-logo .logo{width:350px;margin-left:0;display:flex;}
    .login-portal-first-american .inner .main-listing .inner-listing .list .btn-logo .btn-main{width:120px;}
    .login-portal-first-american .inner .main-listing .inner-listing .list .content-learn-more-btn{font-size:18px;width:calc(100% - 470px);padding:0 0 0 70px;}
}
@media (min-width:1790px){
	.login-portal-first-american .page-container{width:1760px!important;}
    .login-portal-first-american .inner .main-listing .inner-listing .list .btn-logo .logo{width:400px;margin-left:0;display:flex;}
    .login-portal-first-american .inner .main-listing .inner-listing .list .btn-logo .btn-main{width:120px;}
    .login-portal-first-american .inner .main-listing .inner-listing .list .content-learn-more-btn{font-size:20px;width:calc(100% - 520px);padding:0 0 0 105px;}
}





@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .image_img_side { position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-size: cover; background-position: left center; }
    .property-value-val-section .image img { display: none; }
    .mortgage-img-text .property-value-val-section .image .image_img_side { background-position: right center; }
    .mortgage-img-text .property-value-val-section:nth-child(even) .image .image_img_side { background-position: left center; }

    .row-fluid .contact-section .main-form .input input[type='checkbox'] { width: 38px !important; height: 38px; display: inline-block; vertical-align: middle; }
    .row-fluid .contact-section .main-form fieldset input[type='checkbox'] + span { vertical-align: middle; }

    .row-fluid .contact-section .main-form .input select { background-size: 195px; background-position: right -65px center; }

}

@media (min-width: 1420px){
    /*     .confirmation-two-main-wrap .container { width: 1406px; } */
    .confirmation-two-content-wrap.col-md-6 { width: 55%; padding-right: 55px; }
    .confirmation-two-content-video-img-wrap { width: 45%; }

    body.case-study-page .body-container-wrapper .page-container:not(.no-inherit) { width: 1100px !important; }
    .row-fluid .cs_blue_box:not(.light) > div { padding-right: 170px; }
    
    .frame-strip { left: 72%; } 

}

@media (min-width: 992px){
    .row-fluid .contact-form-wrapper .container {width: 970px; }
}          

@media (min-width: 768px){
    .row-fluid .contact-form-wrapper .container {width: 750px; }
    .ebiz-toggle, .mainmenu .mobile-menu span.mobile-toggle{display:none;}
    .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children:hover > ul.hs-menu-children-wrapper {opacity:1; visibility:visible;}

    .tabs .tabs-title{display: none;}

    .map-tab-section .tabs .tabs-title{display: none;}
}

@media(max-width:1800px){

    .left-content-right-img-section{padding: 120px 0 50px;}

    .hoa-data-sol-page .data-full-content:before {width: 710px;bottom: -120px; height: 90%;}

    .homeowner-need-section.data-full-content:before {left: -120px;bottom:-410px;}

    .tidbit-section .page-container { max-width: 1380px;}
    .tidbit-section .section-content { padding: 35px 0 35px 510px;}

    .borrower-section .page-container {max-width: 1480px;}

    .key-performace-section { padding-left: calc((100% - 1480px) / 2); padding-right: calc((100% - 1480px) / 2);}

    .ownership-verification-section .page-container { max-width: 1480px;}	
    .ownership-verification-section .content-wrap { max-width: 870px; padding-top: 0;}
}


@media(max-width: 1619px){

    .property-val-page .data-full-content .data-inner-content { max-width: 700px;}

    .brand-demand-lp .page-container {max-width: 1300px;  }
    .banner-btm-content-section .img-wrap img {height:500px;object-fit: cover;}
    .banner-btm-content-section .content-wrap {max-width: 680px;}
    .banner-btm-content-section .content-wrap:before {height: 130px;}
    .banner-btm-content-section .img-wrap { top: -80px}
    .left-content-right-img-section .content-wrap {max-width: 780px; }

    .easy-delivery-section .steps-wrap {    max-width: 910px;}

    .hoa-data-sol-page .row-fluid .casestudy-banner-section.resource-banner.solution-banner:after {bottom: -56px; width: 160px; height: 86px;}
    .hoa-data-sol-page .data-full-content .page-container, .hoa-img-with-text-section .page-container, .data-ans-section .page-container { max-width: 1360px;}
    .hoa-data-sol-page .data-full-content:before { width: 570px;height: 68%; bottom: -70px;left: -50px;}
    .hoa-data-sol-page .data-map-section .page-container { max-width: 1360px;}
    .hoa-data-sol-page .row-fluid .process-section .process-inner {margin-left:0; margin-right:0;}
    .content-box-section > div {padding:100px;}

    .homeowner-need-section.data-full-content .page-container { max-width: 1300px;}

    .report-section .request-report-box {text-align:left;}


    .doc-image-need-section .page-container {max-width: 1230px;}

    .doc-img-page .row-fluid .casestudy-banner-section.resource-banner.solution-banner { padding-bottom: 130px;} 
    .doc-img-page .data-full-content:before {width: 650px; height: 68%; bottom: 0; left: 0;}

    .tidbit-section .section-content { padding: 35px 0 35px 620px;}

    .doc-image-need-section .content-box .content-wrap { max-width: 745px;}
    .doc-image-need-section .content-box {    padding: 45px 60px}

    .datatree-about-section .page-container, .property-search-section .page-container { max-width: 1370px;}
    .datatree-about-section .img-wrap {padding-left: 60px;}
    .property-search-section .right-sidebar {width: 402px;}
    .property-search-section .left-side .grey-bg:after {left: -280px;}

    .two-col-content-section .page-container {max-width: 1340px;}
    .blue-title-strip .container { max-width: 1340px;}
    .advance-data-sol-page .traditional-valuation-section .container { max-width: 1340px;}

    .borrower-section .page-container { max-width: 1380px;}
    .borrower-section .two-col-icon-content-wrap .single-row .content-wrap {padding-right:30px;}
    .borrower-section {padding-bottom:65px;}

    .key-performace-section { padding-left: calc((100% - 1380px) / 2); padding-right: calc((100% - 1380px) / 2);}
    .key-performace-section .left-title-wrap h2 {font-size: 34px; line-height: 56px;}

    .ownership-verification-section .page-container { max-width: 1380px;}
    .ownership-verification-section .content-wrap {max-width: 730px; }
    .ownership-verification-section {padding-bottom:95px;}

    .property-value-val-section .page-container, .regulatory-com-section .page-container { max-width: 1380px;}
    .property-value-val-section {padding: 80px 0 75px;}

    .row-fluid .about_datatree .page-container { max-width:1170px; }
    .row-fluid .automated_reports .page-container { max-width:1170px; }

    /* 29-01-2021 */
    .row-fluid .lenders-hero:after { bottom: -56px;  width: 160px;  height: 86px; }
    .data-option-tab-section.data-option-tabv2 .tabs-container h3 { padding-right: 40px; }
    .frame-strip img { width: 56px; } 
    .frame-strip .frame-strip-text { font-size: 24px; line-height: 28px; }  
}

@media(max-width: 1429px){
    /* .row-fluid .solution-banner:after { right: -107px; bottom: -148px; width: 340px; } */
    .row-fluid .blue-text, .row-fluid .white-text { font-size: 45px; line-height: 53px; }
    .row-fluid .casestudy-banner-section.resource-banner.solution-banner:after {     width: 250px; }

    .leadlist-sol-section .page-container, .leadlist-process-section .page-container, .lead-list-industry-section .page-container { width: 1170px !important;}
    .leadlist-sol-section .sol-list ul li {padding: 0 10px;font-size: 28px;line-height: 38px;}

    .data-need-section .section-content-row a, .data-need-section .section-content-row .video-container {width: 700px; height: 402px;}

    .property-val-page .data-full-content .page-container { width: 1170px !important;}
    .avms-cascade-section .container { width: 1170px;} 
    .avms-available-section .container { width: 1170px;}
    .avms-available-section .content-wrap ul li {padding-left:20px;}

    .property-val-page .data-full-content:before {height: 770px;left: -205px;}
    .property-val-page .data-full-content { padding-bottom: 80px; padding-top: 60px;}

    .traditional-valuation-section .content-part { max-width: 740px;}
    .avms-cascade-section .content-wrap {padding-left:35px;}

    .traditional-valuation-section {    padding: 100px 0 105px;}
    .avms-cascade-section {padding-bottom:65px;}
    .avms-available-section {padding: 80px 0 105px;}
    .avms-available-section .content-wrap ul li { font-size: 20px;line-height: 30px}

    .mortgage-lender-sol-section .container { width: 1170px;}
    .mortgage-lender-sol-section .right-part {padding-left: 30px;}
    .mortgage-lender-sol-section .btm-content-part .feature-col {padding:0 20px;}

    .brand-demand-lp .page-container { max-width: 1170px;} 

    .banner-btm-content-section {padding: 20px 0;}
    .banner-btm-content-section .img-wrap img { height: 400px; }
    .banner-btm-content-section .content-wrap { max-width: 600px;}

    .left-content-right-img-section .img-wrap { width: 30%;}

    .different-sol-section .content-row-wrap .sol-content-row .content-wrap {font-size: 18px; line-height: 30px;}

    .center-cta-section .content-wrap h4 { font-size: 38px; line-height: 50px;}
    .easy-delivery-section .steps-wrap .single-step-row { font-size: 20px; line-height: 30px;}

    .hoa-data-sol-page .empower-section {text-align: center;}
    .hoa-data-sol-page .empower-section .empower-content {display: inline-block; float: none;}

    .hoa-data-sol-page .data-full-content .page-container, .hoa-img-with-text-section .page-container, .data-ans-section .page-container, .hoa-data-sol-page .data-map-section .page-container, .cta-strip-section .page-container { max-width: 1170px;}
    .hoa-data-sol-page .data-full-content .data-inner-content { max-width: 700px;}
    .data-map-section .left-part {padding-right: 40px;}
    .hoa-img-with-text-section { padding: 110px 0;} 
    .data-ans-section {padding: 100px 0 70px;}
    .hoa-data-sol-page .row-fluid .process-section .process-inner .process-repeater { padding: 120px 40px 70px;}
    .hoa-data-sol-page .process-section .process-box {font-size: 22px;}

    .cta-strip-section .cta-content-wrap h2 { font-size: 32px;line-height: 40px;}
    .cta-strip-section .cta-content-wrap a.cta_button { font-size: 30px;line-height: 40px;}
    .content-box-section > div { padding: 70px;} 	

    .homeowner-need-section.data-full-content .page-container { max-width: 1150px;}
    .homeowner-need-section.data-full-content:before { left: -100px; bottom: -240px;height: 740px;}
    .owner-mark-sol-page .traditional-valuation-section .container { max-width: 1120px;}
    .owner-mark-sol-page .contact-section .page-container { max-width: 1140px !important;width:100% !important;} 

    .report-section .report-content-wrap .single-box .content-wrap h3 { font-size: 30px;line-height: 38px}

    .auto-report-section .view-report-cta .cta-content h2 {font-size: 40px; line-height: 52px;}
    .auto-report-section .view-report-cta .cta-img { height: 230px; }
    .auto-report-section .view-report-cta .cta-content {width: calc(100% - 430px);}
    .auto-report-section .view-report-cta .cta-content a { font-size: 22px; line-height: 30px;}

    .tidbit-section .section-title {width: 480px;padding: 60px 30px;}
    .tidbit-section .section-content h3 {width: auto; float: none; display: inline;}

    .doc-img-page .row-fluid .casestudy-banner-section.resource-banner.solution-banner { padding-bottom: 100px;}
    .doc-img-page .data-full-content:before {width: 560px;}
    .tidbit-section .section-content { padding: 25px 0 25px 470px;}

    .doc-img-page .contact-section .page-container { width: 1120px !important;}

    .doc-image-need-section .content-box .img-wrap { position: absolute; right: -60px; top: -40px; max-width: 360px;}
    .doc-image-need-section .content-box { padding: 25px 30px;}
    .doc-image-need-section .page-container { max-width: 1100px;}
    .doc-image-need-section .content-box .content-wrap { max-width: 695px;} 
    .doc-image-need-section .content-box .content-wrap h2 { font-size: 32px;line-height: 40px;}

    .map-img-section {padding: 185px 0 150px;}

    .property-search-section .right-sidebar {width:360px;}

    .datatree-about-section .page-container {max-width: 1170px;}

    .property-search-section .page-container { max-width: 1170px;}
    .property-search-section { padding: 45px 0 105px;}

    .property-search-section .left-side > div { padding-right: 35px;}
    .img-hf-post-wrap .posts-wrap {margin-bottom: 15px;}
    .property-search-section .left-side .grey-bg:after { left: -239px;top: 30px;}
    .property-search-section .right-sidebar { width: 340px;} 
    .sidebar-cta-wrap .img-wrap {    right: -254px;}
    .datatree-mob-section .section-content .content-wrap h4 { margin-top: 20px;}
    .property-search-section .left-side .grey-bg.full-width-img { padding-bottom: 30px;}
    .datatree-mob-section .section-content .content-wrap { width: calc(100% - 330px)}
    .property-search-section .left-side .reliable-data-section.grey-bg {padding-right: 45px;}

    .two-col-content-section .page-container { max-width: 1170px;} 
    .blue-title-strip .container { max-width: 1170px;}
    .advance-data-sol-page .traditional-valuation-section .container { max-width: 1170px;}
    .traditional-valuation-section.zig-zag-section .content-part {max-width: 750px;}
    .advance-data-sol-page .empower-section .page-container { width: 1170px !important;}

    .two-col-content-section {padding:75px 0;}
    .delivers-tools-section .right-img-wrap .top-circle {width: 400px; height: 400px;}
    .delivers-tools-section .right-img-wrap .top-circle img {left: 45%;top: 45%;}
    .delivers-tools-section .right-img-wrap .btm-circle { width: 400px;height: 400px;margin-top: -160px;}
    .delivers-tools-section .right-img-wrap .top-circle:after { width: 400px; height: 400px;top: 232px;}
    .delivers-tools-section .right-img-wrap .btm-circle-text {left: 170px;}
    .delivers-tools-section .right-img-wrap .btm-circle-text img {top: -50px; left: 71px;}

    .hoa-data-sol-page .data-full-content:before { width: 520px;height: 58%;bottom: -80px;left: -60px;}

    .mortgage-lending-page .mortgage-process-circle {text-align: center;}
    .mortgage-lending-page .mortgage-process-circle img {max-width: 680px; margin: 0 auto;}

    .borrower-section { padding-bottom: 35px;}
    .borrower-section .page-container { max-width: 1170px;}
    .key-performace-section { padding-left: calc((100% - 1170px) / 2); padding-right: calc((100% - 1170px) / 2);}
    .key-performace-section .left-title-wrap h2 {font-size: 30px; line-height: 50px;}

    .ownership-verification-section .img-wrap img {max-width:400px;}
    .ownership-verification-section {padding-top:75px;padding-bottom: 45px;}
    .ownership-verification-section .img-wrap {top:90px;}
    .ownership-verification-section .content-wrap h2 { font-size: 42px;line-height: 54px;}

    .property-value-val-section {padding: 40px 0 35px;}

    .regulatory-com-section {padding: 65px 0 60px; }

    .property-value-val-section .page-container, .regulatory-com-section .page-container, .flexible-del-section .container { max-width: 1170px;}

    .regulatory-com-section .section-title, .regulatory-com-section .section-content { padding-right: 30px;}

    .flexible-del-section .section-content { margin-right: 0; margin-left: 0;}

    .flexible-del-section .top-content h2 {font-size: 48px; line-height: 58px;}

    .row-fluid .dotted_top { width:150px; }
    .row-fluid .dotted_top img { max-width:220px; }
    .row-fluid .dotted_img { width:111px; bottom:-42px; }
    .row-fluid .dotted_img img { max-width:220px; }
    .confirmation-two-main-wrap { padding-top: 90px; padding-bottom: 90px; }
    .confirmation-two-content-wrap p { margin-bottom: 27px; }

    .api-json-page .empower-section .empower-content {max-width:100%;}
    .api-json-page .empower-section .page-container { width: 1170px !important;}
    .api-json-page .half-content-img-section .page-container { width: 1170px !important;}

    .counter-section .container { width: 1096px; max-width: 100%; }
    .counter-section ul li h3 { margin: 0 0 10px; }
    .counter-section ul li span { font-size: 20px; }
    .row-fluid .cs_blue_box > div { margin-left: 0; margin-right: 0; }

    /* 29-10-2020 */
    .row-fluid .datatree-section h2 { font-size: 45px; line-height: 53px; }

    .row-fluid .fraudguard-sec .legal_service_box .left {  padding-left: 4%; }

    /* */
    .goverment_dna .cta-content-wrap { padding-left: 140px; }

    /* */
    .row-fluid .delivery_delivery .appraisal_solution.data-full-content:before { height: 490px; }

    /* 23-12-2020 */
    .row-fluid .testimonial_v2 .testimonal-inner .testimonial-content { width: 80%; }

    /* 01-02-2021 */
    .frame-wrap { left: 10px; }
    .frame-strip img {  width: 47px; }
    .frame-strip .frame-strip-text { font-size: 24px; line-height: 28px; }
    
    /* */
    .row-fluid .suite_hero { background-position: 54%; }
    
    .data-option-tab-section.data-option-tabv2 .tabs-container { padding: 45px 0; }
    .data-option-tab-section.data-option-tabv2 .tab-content { width: 100%; padding-left: 90px; padding-top: 50px; }
    .data-option-tab-section.data-option-tabv2 .tabs-container h3 {  padding-right: 50px; } 
    
    .flip-card-front .box-title h3 {font-size: 30px;line-height: 42px;}
    .snowflake-dm-banner.casestudy-banner-section .banner-caption h1 { font-size: 61px;line-height: 75px;}
/*     .applntelligence-section.snowflake-dm .applntelligence-lp-title h2 {font-size: 46px;  line-height: 56px;} */
    .applntelligence-title .applntelligence-text h5 { font-size: 26px;line-height: 34px;}
}

@media (max-width:1300px){
    .frame-strip {  left: 67%; }
  
    .frame-wrap { position: relative; margin-top: 70px; }
    .frame-wrap:after {content: "";position: absolute;left: 0;right: 0;background: #fff;height: 50px;bottom: -51px;}
}



@media(max-width: 1199px){
    /* 	.row-fluid .casestudy-banner-section.resource-banner.solution-banner:after, .perfect-solution-section:before { content: none !important; } */
    .row-fluid .blue-text, .row-fluid .white-text { font-size: 40px; line-height: 48px; margin-bottom: 20px; }
    .row-fluid .casestudy-banner-section.resource-banner.solution-banner:after { right: -150px; bottom: -150px; width: 210px; }

    .leadlist-sol-section .page-container, .leadlist-process-section .page-container, .lead-list-industry-section .page-container { width: 970px !important;}

    .row-fluid .solution-section.leadlist-sol-section { padding: 140px 0 150px;}
    .leadlist-sol-section .sol-list ul li { font-size: 22px; line-height: 34px;} 

    .leadlist-process-section .section-content .left-part h4 { font-size: 32px; line-height: 42px}
    .leadlist-process-section .section-content .left-part h2 { font-size: 67px;line-height: 75px; }
    .lead-list-industry-section.industries-served-section .section-content .single-service-col h5 span {font-size:24px; line-height:32px;}
    .leadlist-intro-section + .data-full-content:before { height: 600px;}

    .property-val-page .data-full-content .page-container { width: 970px !important;}
    .avms-cascade-section .container { width: 970px;} 
    .avms-available-section .container { width: 970px;}

    .property-val-page .data-full-content .data-inner-content { max-width: 590px;}
    .property-val-page .data-full-content:before { height: 630px; left: -235px; top: 240px;}
    .traditional-valuation-section .content-part { max-width: 670px;}
    .traditional-valuation-section { padding: 70px 0 75px;}
    .avms-available-section { padding: 80px 0 75px;}
    .avms-available-section h2 {margin-bottom: 60px}
    .property-val-page .data-full-content {	padding-bottom: 50px;}

    .mortgage-lender-sol-section .container {width:970px;}
    .mortgage-lender-sol-section .left-part h2 { font-size: 42px; line-height: 50px;}
    .mortgage-lender-sol-section .right-part .feature-row h5 { font-size: 22px; line-height: 30px;}
    .mortgage-lender-sol-section .top-content-part {padding-bottom: 30px;}
    .mortgage-lender-sol-section .btm-content-part .feature-col h6 { font-size: 20px;line-height: 30px;}
    .mortgage-lender-sol-section .btm-content-part h4 {font-size: 28px;line-height: 36px;margin-bottom: 40px;}

    .brand-demand-lp .page-container {max-width: 970px;} 

    .banner-btm-content-section .content-wrap {max-width: 500px;font-size: 18px; line-height: 30px;} 
    .banner-btm-content-section .content-wrap:before {height:110px;}

    .left-content-right-img-section .content-wrap {max-width: 650px;} 
    .left-content-right-img-section .img-wrap { width: 25%;}

    .different-sol-section .section-title h2 { font-size: 40px;line-height: 50px; }
    .different-sol-section {  padding: 80px 0 90px;}
    .different-sol-section .btn-wrap a {margin-top: 0;}
    .center-cta-section .content-wrap h3 {font-size: 42px;line-height: 52px; }
    .center-cta-section .content-wrap h4 { font-size: 28px; line-height: 44px;}
    .center-cta-section .content-wrap .btn-wrap a { margin-top: 15px;}

    .easy-delivery-section .steps-wrap { max-width: 620px;}
    .loan-content-slider-section { padding: 20px 0 80px;}
    .easy-delivery-section .wrap-over {padding: 55px 0 0;}

    .hoa-data-sol-page.webinar-lp h2 {font-size: 42px; line-height: 50px;}
    .hoa-data-sol-page .empower-section .empower-content .scroll-down a {padding:25px;}
    .hoa-data-sol-page .data-full-content {padding-bottom: 70px; padding-top: 70px;}
    .hoa-data-sol-page .data-full-content .data-inner-content { max-width: 600px;}
    .data-map-section {padding:80px 0;}
    .data-map-section .left-part ul { column-count: 2;}
    .hoa-img-with-text-section { padding: 80px 0;}
    .data-ans-section { padding: 90px 0 50px;}
    .data-ans-section .section-title {margin: 0 auto 50px;}
    .data-ans-section .section-content {display: inline-block}
    .data-ans-section .section-content .single-col { width: calc(33.33% - 34px); float: none; margin: 0 15px; display: inline-block; vertical-align: top;}
    .hoa-data-sol-page .process-section { padding: 80px 0 110px;}
    .hoa-data-sol-page .process-section .process-box { font-size: 18px;}
    .cta-strip-section .cta-img-wrap {bottom: -80px;max-width: 390px;}
    .cta-strip-section.grey-bg .cta-img-wrap { max-width: 430px;bottom: -48px;}
    .hoa-data-sol-page.webinar-lp h2 { font-size: 32px; line-height: 42px;}
    .cta-strip-section .cta-content-wrap a.cta_button { font-size: 26px; line-height: 36px;}
    .cta-strip-section .cta-content-wrap a.cta_button:after {font-size: 20px;}
    .hoa-img-with-text-section .content-row .content-wrap.two-col ul li {font-size:18px; line-height:26px;}

    .hoa-data-sol-page .data-full-content:before { width: 420px; height: 100%; bottom: -80px; left: -50px; background-size: contain; background-position: bottom;}

    .owner-mark-sol-page .traditional-valuation-section .section-title h2 { font-size: 40px;line-height: 50px;}
    .homeowner-need-section.data-full-content .data-inner-content h5 { font-size: 24px; line-height: 32px}

    .homeowner-need-section.data-full-content:before { left: 0px; bottom: -220px; height: 580px;}
    .homeowner-need-section {    padding: 80px 0 240px;}
    .intelligent-marketing-section .bg-img-wrap { opacity: 0.3;}
    .owner-mark-sol-page .traditional-valuation-section { padding: 100px 0 45px;}
    .intelligent-marketing-section {padding: 80px 0; }
    .customer-eng-section { padding: 100px 0;}
    .owner-mark-sol-page .hoa-img-with-text-section h2 { font-size: 40px; line-height: 50px;}
    .owner-mark-sol-page .hoa-img-with-text-section .img-wrap { max-width: 400px;}
    .owner-mark-sol-page .hoa-img-with-text-section .content-wrap {padding-left: 50px;}
    .owner-mark-sol-page .hoa-img-with-text-section { padding: 80px 0;}
    .owner-mark-sol-page .hoa-img-with-text-section .section-content .content-row {margin-bottom: 60px;}

    .owner-mark-sol-page .contact-section {padding: 100px 0;}
    .owner-mark-sol-page .hoa-img-with-text-section .section-content .content-row.img-right .content-wrap { padding-right: 50px;}

    .report-section .report-content-wrap .single-box > div {padding:30px;}
    .report-section .report-content-wrap .single-box .content-wrap h3 { font-size: 26px; line-height: 36px;}
    .estate-data-property-page .empower-section .scroll-down a {    padding: 25px 20px;} 

    .report-section { padding: 70px 0 75px;}
    .report-section .top-content {margin-bottom: 55px;}
    .report-section .request-report-box {padding: 0 60px;}
    .auto-report-section .view-report-cta {padding: 35px 45px;}
    .auto-report-section .view-report-cta .cta-img { height: 220px;} 
    .auto-report-section .view-report-cta .cta-img img {max-width: 340px;}
    .auto-report-section .view-report-cta .cta-content { width: calc(100% - 360px);}

    .doc-img-page .data-full-content:before {width: 480px; height: 100%; bottom: -140px; left: -10px;}

    .tidbit-section .section-title { width: 319px; padding: 40px 30px;top:-15px;} 
    .tidbit-section h2 { font-size: 32px; line-height: 42px;}
    .tidbit-section .section-content { padding: 15px 0 15px 330px;font-size: 22px; line-height: 31px;} 
    .tidbit-section .section-content h3 {font-size: 26px; line-height: 34px;}
    .specific-doc-section .section-content ul li a {padding:15px;font-size: 20px;line-height: 30px;}
    .doc-image-need-section .page-container { max-width: 910px;}

    .doc-img-page .contact-section .page-container { width: 910px !important;}
    .doc-img-page .contact-section p { font-size: 22px;line-height: 30px; }
    .doc-image-need-section .content-box .img-wrap {right: 20px; top: 40px; max-width: 260px;}
    .doc-image-need-section .content-box .content-wrap { max-width: 545px;} 

    .specific-doc-section { padding: 85px 0 95px;} 
    .doc-image-need-section { padding: 95px 0 90px;}
    .map-img-section { padding: 85px 0 90px;}
    .doc-img-page .contact-section {padding: 90px 0;}

    .datatree-about-section .page-container,.property-search-section .page-container { max-width: 970px;}
    .property-search-section .left-side { width: 64%;}

    .property-search-section .left-side h4 { font-size: 22px; line-height: 32px;}

    .property-search-section .left-side .grey-bg:after { left: -179px;}

    .datatree-mob-section .section-content .content-wrap {width: calc(100% - 320px);padding-left: 25px;}
    .property-search-section { padding: 45px 0 85px;}
    .datatree-mob-section .section-content .cta-wrap > div { margin-right: 0; margin-bottom: 10px;}
    .datatree-mob-section .note-content {margin-top: 15px;}
    .property-search-section .productivity-tools-section h2 { font-size: 42px; line-height: 50px;}
    .property-search-section .right-sidebar h3 { font-size: 32px; line-height: 42px;}

    .datatree-online-page .row-fluid .casestudy-banner-section.resource-banner.solution-banner { padding-bottom: 100px;}

    .datatree-online-page.webinar-lp h2 { font-size: 42px; line-height: 50px;}

    .advance-data-sol-page .empower-section .page-container { width: 970px !important;}
    .two-col-content-section .data-inner-content .content-wrap .right-col { padding-left: 40px;}
    .two-col-content-section { padding: 75px 0 40px;}

    .blue-title-strip .content-wrap h3, .blue-title-strip h4 { font-size: 34px; line-height: 44px;}

    .traditional-valuation-section.zig-zag-section .content-part { max-width: 600px;}
    .blue-title-strip .content-wrap h3 br {display:none;} 

    .delivers-tools-section .right-img-wrap .top-circle { width: 320px; height: 320px;padding: 110px 0;}
    .delivers-tools-section .right-img-wrap .top-circle img {width: 20px; height: 28px;top: 47%;}
    .delivers-tools-section .right-img-wrap .btm-circle { width: 320px; height: 320px; margin-top: -130px;}
    .delivers-tools-section .right-img-wrap .top-circle:after { width: 320px;height: 320px; top: 182px;}
    .delivers-tools-section .right-img-wrap .middle-shape { top: 47%;}
    .delivers-tools-section .right-img-wrap .btm-circle-text img { top: -40px; left: 78px; width: 20px;height: 28px;}
    .delivers-tools-section .right-img-wrap .btm-circle-text {left: 130px; bottom: 120px;}

    .delivers-tools-section { padding: 65px 0 55px;position: relative; z-index: 1;}
    .map-tab-section .tabing-title .tabs-title { font-size: 20px;line-height: 25px;}
    .map-tab-section #tabs-container-wrap { width: 310px;}
    .map-tab-section .tabbing-main-wrap {width: calc(100% - 310px);}
    .map-tab-section { padding: 70px 0 110px;}

    .mortgage-lending-page .empower-section .page-container, .borrower-section .page-container { max-width: 970px;}
    .mortgage-lending-page .empower-section .empower-content { padding: 50px 50px 200px;}
    .mortgage-lending-page .empower-section .empower-content .scroll-down a { padding: 15px 40px;}

    .borrower-section .two-col-icon-content-wrap .single-row .content-wrap h4{ font-size: 22px; line-height: 32px;}

    .borrower-section .section-title h2 { font-size: 40px; line-height: 50px;}

    .key-performace-section { padding-left: calc((100% - 970px) / 2); padding-right: calc((100% - 970px) / 2); display: flex; align-items: center;}
    .key-performace-section .left-title-wrap h2 { font-size: 24px; line-height: 40px;}
    .key-performace-section .right-content-wrap h4 {font-size: 20px;line-height: 30px;}

    .ownership-verification-section .content-wrap { max-width: 590px;}
    .ownership-verification-section .img-wrap img { max-width: 350px;}
    .ownership-verification-section .content-wrap h2 { font-size: 40px; line-height: 50px;}
    .ownership-verification-section .content-wrap h4 { font-size: 24px; line-height: 34px;}

    .regulatory-com-section .section-title h2 { font-size: 40px; line-height: 50px;}

    .flexible-del-section .top-content h2 {font-size:42px; line-height:50px;  margin-bottom: 60px;	}
    .flexible-del-section .single-col .content-wrap h3 { font-size: 22px; line-height: 32px;}
    .flexible-del-section { padding: 65px 0;}

    .row-fluid .main_title h2 { font-size: 40px; line-height: 54px; }
    .row-fluid .american_market .box_market { margin:12px 0; }

    .row-fluid .customizable_box { padding:20px 0; }
    .row-fluid .customizable_box h3 { font-size: 22px; line-height: 30px; }
    .row-fluid .customizable_box { font-size:16px; }
    .row-fluid .customizable_bottom { font-size: 22px; line-height: 38px; }

    .row-fluid .difference_section .right { padding:40px 0 40px 40px; }

    .row-fluid .cta_strip { font-size:20px; line-height:34px; }
    .row-fluid .cta_strip .image { width:380px; }
    .row-fluid .cta_strip .text { width:calc(100% - 380px); }

    .row-fluid .education_progress_bottom .text ul li { font-size: 18px; line-height: 30px; }
    .confirmation-page .row-fluid .casestudy-banner-section.resource-banner.solution-banner { padding-bottom: 100px; padding-top: 276px !important; }

    .row-fluid .casestudy-banner-section.resource-banner.solution-banner.inner_hero_section { padding-bottom:250px; } 
    .row-fluid .about_intelligence { padding:30px 0 50px; }
    .row-fluid .about_intelligence:before { top:auto; height:540px; }
    .row-fluid .about_intelligence ul li { margin:6px -2px; font-size: 18px; line-height: 28px; }

    .api-json-page .row-fluid .casestudy-banner-section.resource-banner.solution-banner { padding-bottom: 172px; padding-top: 236px !important;}
    .api-json-page .empower-section .page-container { width: 970px !important;}
    .api-json-page .half-content-img-section .page-container { width: 970px !important;}
    .api-json-page .half-content-img-section .left-part { padding-right: 25px; }    
    .api-json-page .empower-section .empower-content p br {display:none;}

    .counter-section ul li { padding: 42px 15px; }
    .counter-section ul li h3 { margin: 0 0 10px !important; }
    .row-fluid .case-study-content-section { padding: 70px 0 75px; }
    .row-fluid .rich_text_with_img { padding: 0 0 30px; }
    .row-fluid .cs_blue_box > div { font-size: 20px; }

    /* */
    .row-fluid .datatree-section h2 { font-size: 40px; line-height: 48px; margin-bottom: 20px; }
    .contact-section { padding: 70px 0; }

    .row-fluid .counterbox .inner h3 span { font-size: 24px; line-height: 30px; }
    .row-fluid .counterbox .inner h3 { font-size: 38px; line-height: 40px; }
    .row-fluid .counterbox .inner { font-size: 16px; line-height: 26px; }

    .mortgage_page .row-fluid .casestudy-banner-section.resource-banner.solution-banner { padding-bottom:210px; }

    .row-fluid .appraisal_process .title { margin:0 0 20px; }
    .row-fluid .appraisal_process .title h2 { font-size: 36px; line-height: 44px; }
    .row-fluid .appraisalprocess_box .text h4 { font-size: 18px; line-height: 28px; }
    .row-fluid .appraisalprocess_box .icon:before { left:85%; }

    .row-fluid .about_datatree { padding:80px 0 0; } 
    .row-fluid .aboutdatatree_top .left h2 { font-size: 42px; line-height: 50px; }

    .empower-section .empower-content { max-width:100%; }

    .row-fluid .fraudguard_section .title h2 { font-size: 54px; line-height: 64px; }

    /* */
    .progressbar-section { padding: 70px 0 40px; }
    .circle canvas { width: 140px !important; height: 140px !important; }

    /*  23-11-2020*/
    .data-box { flex: calc(100% / 3 - 24px); width: calc(100% / 3 - 24px); margin-bottom: 30px; }

    /* 26-11-2020 */
    .row-fluid .marketview_hero .casestudy-banner-section.resource-banner.solution-banner { padding-bottom: 200px; }
    .row-fluid .casestudy-banner-section.resource-banner.solution-banner.casestudy_hero_section {  padding-bottom: 192px; }

    /* */
    .row-fluid .delivery_delivery .appraisal_solution { padding: 40px 0 75px; }
    .webinar-lp .dlvy_content h3 { font-size: 30px; line-height: normal; }

    /* 01-02-2021 */
    .frame-strip { left: 63%; bottom: 80px; }
    .frame-strip .frame-strip-text { font-size: 20px; width: 148px; }
    .flip-card-back img.flip-card-logo {  margin-bottom: 20px; }
    .flip-card-text { font-size: 16px; }
    .flip-card-back { padding: 42px 30px; }  
    
    /* */
    .row-fluid .suite_hero .suite_hero_title h1 { font-size: 60px;  margin-bottom: 35px; }
    .row-fluid .suite_hero .suite_hero_title h1 span { font-size: 18px;  margin-left: -11px;  line-height: 60px;}
    
    /* */
    .webinar-lp .applntelligence-lp-title h2 { font-size: 30px; line-height: 38px; }
    
    .snowflake-dm-banner.casestudy-banner-section .banner-caption h1 {font-size: 54px;line-height: 66px;}
    .applntelligence-section.snowflake-dm .applntelligence-lp-title h2 {font-size: 30px; line-height: 38px;}
    .applntelligence-title .applntelligence-text h5 { font-size: 24px;line-height: 32px;}
    .flip-card-front .box-title h3 { font-size: 24px;line-height: 34px;}
    
    .apprisal-buzz-lp .casestudy-banner-section h1 {font-size: 42px;line-height: 50px;}
    
    .login-portal-first-american .inner{padding:35px;margin:-340px 0 0 0;}
    .login-portal-first-american .inner .main-listing .inner-listing .list .content-learn-more-btn{font-size:21px;}
    .login-portal-first-american .inner .main-listing .inner-listing .list .btn-logo{margin:0 0 15px 0;}
    .login-portal-first-american .inner .main-listing .inner-listing{margin:25px 0;}

}


@media (min-width: 1201px) and (max-width: 1450px) {

    .row-fluid .wrapper { width:1170px; }

    .row-fluid .experts_left { padding:0 30px 0 0; }

    .casestudy-banner-section .page-container, .form-content-section .page-container {  width: 1170px !important;}
    .casestudy-banner-section { padding:115px 0;}
    .form-content-section .content-part img { margin-left: 35px;}

    .copyright-footer .page-container {  width: 1170px !important;} 

    .new-footer-section .row-fluid .container { max-width: 1170px;}
    .list-page .new-footer-section .row-fluid .container { max-width: 1170px;}

    .row-fluid .img_down .image { margin-bottom: -120px; }
    .row-fluid .img_down { margin-bottom:120px; }
    .row-fluid .self_section .left { padding:0 22px 0 0; }
    .row-fluid .self_section .right { padding:0 0 0 30px; }

    .row-fluid .streamlines_section .left { width:40%; }
    .row-fluid .streamlines_section .right { width:60%; padding:0 0 0 5%; }

    .row-fluid .about_intelligence:before { height:650px; }

    .row-fluid .servicemortgage_box .left { padding:150px 60px; }

    .mortgage_page .data-full-content { padding:200px 0 220px; }
    .mortgage_page .data-full-content:before { height:100%; background-position: center left; background-size: cover; background-repeat: no-repeat; }



}

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

    .row-fluid .wrapper { width:940px; }

    .row-fluid .experts_section { padding:50px 0; }
    .row-fluid .experts_left { padding:0; width:100%; float:left; }
    .row-fluid .meeting_form { margin-top:10px; width:100%; float:left; }

    .casestudy-banner-section .page-container, .form-content-section .page-container {  width: 970px !important;}
    .casestudy-banner-section { padding:100px 0;}
    .form-content-section .form-part { padding: 50px 20px;}
    .form-content-section .content-part img { margin-left: 25px;}

    .copyright-footer .page-container {  width: 970px !important;} 

    .new-footer-section .row-fluid .container { max-width:970px;}
    .list-page .new-footer-section .row-fluid .container { max-width:970px;}

    .new-header-section .mainmenu .hs-menu-wrapper > ul > li {    padding: 28px 5px;}

    .srch-banner .banner-caption h1 { font-size: 70px;line-height: 80px;}
    .srch-banner .banner-caption form input {padding: 19px 35px;}

    .row-fluid .img_down .image { margin-bottom:0; }
    .row-fluid .img_down { margin-bottom:0; }
    .row-fluid .self_section .left { padding:0 22px 0 0; }
    .row-fluid .self_section .right { padding:0 0 0 30px; }

    .row-fluid .streamlines_section .left { width:40%; }
    .row-fluid .streamlines_section .right { width:60%; padding:0 0 0 5%; }

    .row-fluid .legal_service_box .left { vertical-align:middle; }
    .row-fluid .img_down .image { vertical-align:middle; }
    .row-fluid .img_down .left { padding:0; }
    .row-fluid .legal_service_box.img_down { padding-bottom:50px; }

    .row-fluid .servicemortgage_box .left { padding:80px 30px; font-size:16px; }
    .row-fluid .servicemortgage_box .left h3 { font-size: 24px; line-height: 32px; }

    .mortgage_page .data-full-content { margin-top:-140px; padding:200px 0 200px; }
    .mortgage_page .data-full-content:before { height:100%; background-position: center left; background-size: cover; }

    .row-fluid .appraisal_solution.data-full-content:before { height:940px; }

    /* AI Score Landing Page */
    .row-fluid .scoring-hero { background-position:right center; }
    .row-fluid .scoring-hero .banner-caption { text-align: left !important; padding-right: 250px; }

}

@media (max-width:1199px){
    .row-fluid .banner-caption .lp-logo { margin-bottom: 30px;}
    
    .flip-card-img { padding: 0 25px; }
    .flip-card { height: 250px; }
    .applntelligence-logo img { max-width: 490px !important; }
    .suite_hero_logo img.hs-image-widget {  width: 440px; }
    .row-fluid .suite_hero {  padding-bottom: 100px; }
    .row-fluid .suite_hero { background-position: 68%; }
    
    .apprisal-buzz-lp .casestudy-banner-section .banner-caption {font-size: 28px; line-height: 38px;}

}

@media (max-width:991px) {

    .row-fluid .hero_event { font-size:18px; line-height:28px; }
    .row-fluid .hero_event h1 { font-size:80px; line-height:84px; }
    .row-fluid .hero_event h4 , .row-fluid .hero_event .sub { font-size:22px; line-height:30px; } 

    .row-fluid .experts_section { padding:50px 0; }
    .row-fluid .experts_left { padding:0; width:100%; float:left; }
    .row-fluid .meeting_form { margin-top:10px; width:100%; float:left; }

    .row-fluid .experts_top h2 { font-size:36px; line-height:42px; }

    .row-fluid .footer_bottom { padding:25px 0; }
    .row-fluid .logo_ft img { max-height:40px; }
    .row-fluid .contact-form-wrapper .default-form { margin: -100px auto 80px;}

    .casestudy-banner-section .page-container, .form-content-section .page-container {  width: 750px !important;}
    .casestudy-banner-section { padding: 80px 0;}

    .casestudy-banner-section .banner-caption h1 {font-size: 44px; line-height: 52px;}
    .casestudy-banner-section .banner-caption h2 { font-size: 38px;line-height: 50px;}

    .form-content-section .content-part img { margin-left: 20px;width: 100% !important; max-width: 250px;}
    .form-content-section .form-part h3 { font-size: 32px;line-height: 42px;}
    .form-content-section .form-part {padding: 30px 15px;}
    .form-content-section .form-part form .hs-form-field .input input { height: 50px;}
    .form-content-section .form-part form .hs-submit input {height:56px;}
    .form-content-section .content-part h4 {text-align:left !important;}

    .top-header .header-srch-wrap {width:55px;}

    .copyright-footer .page-container {  width: 750px !important;} 
    .new-footer-section .row-fluid .container { max-width:750px;}

    .new-footer-section .footer-left-part {width: 40%;}
    .new-footer-section .footer-left-part .address-wrap a {word-wrap:break-word;}
    .new-footer-section .footer-right-part { width: 60%; margin: 0;}

    .copyright-footer .logo-content p, .center-footer .copyright-text p {text-align:left !important;}

    .new-header-section .mainmenu .hs-menu-wrapper > ul > li { padding:25px 5px 10px; }
    .new-header-section .mainmenu .hs-menu-wrapper > ul > li > a {padding: 10px 5px;}

    .srch-banner .banner-caption h1 { font-size: 65px;line-height: 65px;}
    .srch-banner .banner-caption form input {padding: 15px 31px;}
    .top-header .header-srch-wrap {padding:14px 10px;}
    .new-header-section .main-menu .hs-menu-wrapper > ul > li > ul.hs-menu-children-wrapper {width:200px;}

    .srch-content-section {  padding: 70px 0;}

    .row-fluid .casestudy-banner-section.resource-banner.solution-banner { padding-bottom: 230px; }
    .row-fluid .blue-text, .row-fluid .white-text { font-size: 37px; line-height: 48px; margin-bottom: 20px;}

    .leadlist-sol-section .page-container, .leadlist-process-section .page-container, .lead-list-industry-section .page-container { width:750px !important;}

    .leadlist-intro-section + .data-full-content:before { height: 440px;}
    .leadlist-intro-section + .data-full-content { padding: 60px 0;}
    .row-fluid .solution-section.leadlist-sol-section {padding:90px 0;}
    .leadlist-sol-section .sol-list ul li { font-size: 16px; line-height: 30px;}
    .leadlist-sol-section .sol-list ul li:after {height:20px;}
    .leadlist-process-section .section-content .left-part h4 { font-size: 26px; line-height: 38px;} 
    .leadlist-process-section .section-content .left-part h2 { font-size: 55px; line-height: 65px;}
    .row-fluid .process-section.leadlist-process-section {padding-bottom: 60px;}
    .lead-list-industry-section.industries-served-section .section-content .single-service-col h5 span { font-size: 20px; line-height: 30px;}
    .lead-list-industry-section.industries-served-section { padding: 50px 0 10px;}
    .lead-list-industry-section.industries-served-section .services-wrap .single-service-col{margin-bottom:10px;}
    .lead-list-industry-section .section-content { margin-top: 10px;}

    .property-val-page .data-full-content .page-container { width: 750px !important;}
    .avms-cascade-section .container { width: 750px;} 
    .avms-available-section .container { width: 750px;}

    .property-val-page .data-full-content:before {opacity:0.4;}
    .traditional-valuation-section {    background-size: cover;}
    .traditional-valuation-section .section-content .single-content-row h5 {    text-align: left !important;}
    .avms-cascade-section .img-wrap {width: 100%;    text-align: center;}
    .avms-cascade-section .content-wrap {width: 100%;margin-top: 40px;}
    .avms-available-section .content-wrap ul li { padding-left: 0;} 
    .avms-cascade-section { padding-bottom: 45px;}
    .avms-cascade-section .content-wrap {padding-left:0; }

    .property-val-page .data-full-content .data-inner-content { max-width: 100%;}

    .traditional-valuation-section .content-part .section-title h2 {font-size: 40px; line-height: 49px;}

    .avms-cascade-section .content-wrap h2, .avms-available-section h2 { font-size: 40px; line-height: 50px;}	

    .mortgage-lender-sol-section .container {width:750px;}
    .mortgage-lender-sol-section .left-part, .mortgage-lender-sol-section .right-part {width:100%;padding: 0;}
    .mortgage-lender-sol-section .btm-content-part .feature-col {padding:0;}
    .mortgage-lender-sol-section {padding:55px 0 70px;}

    .banner-btm-content-section .img-wrap { top:0;width: 100%;position: relative;}
    .banner-btm-content-section .img-wrap img {width:100%;}
    .banner-btm-content-section .content-wrap { max-width: 100%; }

    .brand-demand-lp .page-container { max-width: 750px;}

    .brand-demand-lp .lp-banner-wrapper {padding-bottom: 90px;}
    .brand-demand-lp .lp-banner-wrapper:after { bottom: -20px;}
    .banner-btm-content-section .content-wrap:before { height: 80px;} 
    .left-content-right-img-section { padding: 30px 0 40px;} 
    .left-content-right-img-section .content-wrap .blue-text {text-align: left !important;}
    .left-content-right-img-section .img-wrap {width: 37%;}
    .left-content-right-img-section .content-wrap {max-width: 62%;}

    .different-sol-section { padding: 60px 0 70px;}
    .different-sol-section .content-row-wrap .sol-content-row h5 {text-align: left !important;}
    .different-sol-section .section-title h2 { font-size: 34px;line-height: 44px;}

    .center-cta-section {    padding: 55px 0 60px}
    .easy-delivery-section .steps-wrap h3 {text-align: left !important;}
    .easy-delivery-section {padding-bottom:30px;}
    .easy-delivery-section .wrap-over .img-wrap {height: 670px;}
    .easy-delivery-section .steps-wrap .single-step-row {padding: 30px 40px 30px 40px;}
    .loan-content-slider-section .slider-wrap {width: calc(100% - 110px);}
    .loan-content-slider-section .quote-img {max-width: 100px;}
    .loan-content-slider-section .slider-wrap .single-slide { font-size: 18px; line-height: 30px;}
    .loan-content-slider-section .slider-wrap .single-slide h4 {text-align:left !important; }

    .loan-content-slider-section {padding-bottom:60px;}

    .hoa-data-sol-page .empower-section .empower-content h2 {margin-top: 50px;text-align: center !important;}
    .hoa-data-sol-page .empower-section .empower-content .scroll-down {  margin-top: 50px;}
    .hoa-data-sol-page .data-full-content { padding-bottom: 50px; padding-top: 50px;}
    .hoa-data-sol-page .data-full-content:before { width: 410px; height: 60%; bottom: -90px;}
    .data-map-section { padding: 60px 0;}
    .data-map-section .left-part h5 { font-size: 20px; line-height: 30px; text-align: left !important;}
    .hoa-img-with-text-section {padding: 60px 0;}
    .hoa-data-sol-page.webinar-lp h2 {text-align: left !important;}
    .hoa-img-with-text-section .content-row .content-wrap ul li {font-size: 18px;line-height: 28px;}
    .data-ans-section { padding: 60px 0 30px;}
    .data-ans-section .single-col .content-wrap h5, .hoa-img-with-text-section .content-row .content-wrap h4  {text-align: left !important;}
    .data-ans-section .section-title p { font-size: 22px;line-height: 30px;}
    .hoa-data-sol-page.webinar-lp .data-ans-section h2, .hoa-data-sol-page .process-section h2 {text-align: center !important;}

    .hoa-data-sol-page .process-section { padding: 60px 0 30px;}
    .cta-strip-section .cta-img-wrap { bottom: -30px; max-width: 310px;}
    .hoa-data-sol-page.webinar-lp h2 { font-size: 28px; line-height: 38px;}
    .cta-strip-section .cta-content-wrap a.cta_button { font-size: 22px; line-height: 30px;}
    .hoa-img-with-text-section .content-row .content-wrap h4 {font-size: 22px; line-height: 32px;}
    .hoa-img-with-text-section .section-content .content-row:first-child { margin-bottom: 50px;}
    .content-box-section > div { padding: 60px 40px;} 
    .cta-strip-section.grey-bg .cta-img-wrap { max-width: 310px; bottom: 22px;}
    .cta-strip-section .cta-content-wrap {    padding-left: 70px;}

    .hoa-data-sol-page .data-full-content:before {display:none;}
    .hoa-data-sol-page .data-full-content .data-inner-content { max-width: 100%;}
    .data-map-section .section-title h2 {text-align:center !important;}

    .owner-mark-sol-page .data-full-content .data-inner-content h2 { text-align: center !important;}
    .homeowner-need-section.data-full-content .data-inner-content h5 { font-size: 20px; line-height: 30px;}
    .owner-mark-sol-page .traditional-valuation-section { padding: 70px 0 65px;}
    .mark-service-section .service-single-row .content-wrap h5, .intelligent-marketing-section .section-content h4,.owner-mark-sol-page .hoa-img-with-text-section h2, .owner-mark-sol-page .hoa-img-with-text-section .content-wrap h5 {text-align:left !important;}
    .mark-service-section .service-single-row:last-child {margin-bottom: 0;}
    .intelligent-marketing-section .section-content h4 {font-size: 22px; line-height: 30px;}
    .intelligent-marketing-section { padding: 80px 0 50px;}

    .customer-eng-section { padding: 70px 0;}

    .hoa-img-with-text-section .content-row .content-wrap h4 { font-size: 18px; line-height: 28px;}
    .owner-mark-sol-page .hoa-img-with-text-section h2 { font-size: 32px; line-height: 40px;}
    .owner-mark-sol-page .hoa-img-with-text-section .content-wrap h5 {font-size:22px; line-height:30px;}
    .owner-mark-sol-page .hoa-img-with-text-section {padding:70px 0 50px;}
    .owner-mark-sol-page .contact-section { padding: 70px 0;} 
    .mark-service-section {    background-blend-mode: overlay;}
    .webinar-lp .customer-eng-section h4 {font-size:24px; line-height:32px;}
    .owner-mark-sol-page .hoa-img-with-text-section .img-wrap { max-width: 250px;}
    .owner-mark-sol-page .hoa-img-with-text-section .section-content .content-row:first-child { margin-bottom: 50px;}
    .owner-mark-sol-page .contact-section p { font-size: 22px;line-height: 30px}

    .estate-data-property-page .empower-section .empower-content p { padding: 30px 45px 0px;}
    .estate-data-property-page .empower-section .scroll-down a { padding: 15px 20px; font-size: 20px; line-height: 30px;}

    .report-section { padding: 50px 0 45px;}
    .report-section .top-content h2 { font-size: 40px; line-height: 50px;}
    .report-section .report-content-wrap .single-box .content-wrap h3 {  font-size: 20px;line-height: 32px; text-align: left !important;}
    .report-section .request-report-box h2 {text-align:left !important; font-size:38px; line-height:46px;}

    .auto-report-section .view-report-cta .cta-content h2 { font-size: 30px; line-height: 42px; text-align: left !important;}
    .auto-report-section .view-report-cta { padding: 30px 25px;}
    .auto-report-section .btn-wrap a {margin-top: 20px;}
    .custom-package-section .content-wrap h2 {text-align: left !important;}
    .custom-package-section .content-wrap {  width: calc(100% - 280px); padding-top: 0;padding-bottom: 0;}
    .custom-package-section .img-wrap {    max-width: 280px;}

    .tidbit-section .section-title {width: 100%; top: inherit;position: relative;}
    .tidbit-section .section-title h2 {text-align:center !important;}
    .tidbit-section{padding:25px;}
    .tidbit-section .section-title:after {left: 0; right: 0; margin: 0 auto; top: inherit; transform: none;bottom: -32px; border-right: 17px solid transparent; border-left: 17px solid transparent;border-top: 15px solid #009FDD;}
    .tidbit-section .section-content {text-align: center; padding: 25px 0 0;}
    .specific-doc-section { padding: 55px 0 65px;}
    .specific-doc-section .top-content h2 { text-align: center !important;}
    .specific-doc-section .section-content ul li {padding:0;}

    .doc-image-need-section .content-box .content-wrap {  max-width: 400px;}

    .doc-image-need-section { padding: 65px 0 60px;}

    .map-img-section {  padding: 65px 0 60px;}
    .doc-img-page .contact-section .page-container {  width: 740px !important;}
    .doc-img-page .contact-section h2 {text-align:center !important;}

    .datatree-online-page.webinar-lp h2 { font-size: 36px; line-height: 44px;text-align: left !important;} 
    .datatree-about-section .img-wrap { padding-left: 30px;margin-top: 0;}
    .property-search-section .left-side { width: 60%;}
    .property-search-section .left-side h3, .property-search-section .left-side h4 {text-align:left !important;}
    .img-hf-post-wrap .posts-wrap .single-post-wrap { flex-direction: column;}
    .img-hf-post-wrap .posts-wrap .single-post-wrap .content-wrap {padding: 0; width: 100%; margin-bottom: 15px;}
    .img-hf-post-wrap .posts-wrap .single-post-wrap .img-wrap {max-width: 100%;}
    .reliable-data-section .single-post-wrap {flex-direction: column-reverse;}
    .reliable-data-section .single-post-wrap .content-wrap {width: 100% !important; padding-left: 0; padding-top: 0 !important;}
    .reliable-data-section .single-post-wrap .img-wrap {max-width: 100% !important; width: 100% !important; margin-top: 15px;}

    .property-search-section .right-sidebar { width: 300px;}
    .right-sidebar .sidebar-menu ul li.has-child-item > a {font-size:15px;padding-left:20px;}
    .right-sidebar .sidebar-menu ul li.has-child-item > a:before { height: 36px;}
    .right-sidebar .sidebar-menu ul li.has-child-item > a:after {top: 6px;}
    .property-search-section .right-sidebar ul li a {font-size:14px; line-height:20px;}
    .property-search-section .right-sidebar h3 {text-align:left !important;}
    .sidebar-cta-wrap { padding: 30px 15px;}
    .sidebar-cta-wrap .content-wrap h4 {text-align:left !important; font-size: 22px;line-height: 30px}
    .property-search-section .right-sidebar .sidebar-cta-wrap h3 {font-size: 28px;line-height: 36px;}

    .fancybox-slide--image .fancybox-content { max-width: 85% !important;}
    .fancybox-close-small {    display: block !important;}
    .property-search-section .left-side .grey-bg:after { left: -20px; width: 105%;}
    .datatree-mob-section .section-content .img-wrap {max-width: 215px;float: none; margin: 0 auto;}
    .datatree-mob-section .section-content .img-wrap > img {top: 53px; left: 15px; max-width: 185px;}
    .datatree-mob-section .section-content { width: 100%; text-align: center;}
    .datatree-mob-section .section-content .content-wrap {width: 100%; padding: 0;text-align: left; margin: 15px 0;}
    .property-search-section { padding: 45px 0 65px;}

    .datatree-about-section .page-container, .property-search-section .page-container { max-width: 750px;}

    .datatree-online-page.webinar-lp .contact-section h2 {text-align:center !important;}

    .advance-data-sol-page .empower-section .page-container { width: 750px !important;}
    .advance-data-sol-page .empower-section .empower-content { padding: 40px;} 
    .two-col-content-section .data-inner-content h2 { text-align: center !important;}
    .blue-title-strip .content-wrap h3, .blue-title-strip h4 { text-align: left !important;font-size: 30px; line-height: 40px;}
    .traditional-valuation-section .content-part .section-title h2 {text-align:left !important;}

    .traditional-valuation-section.zig-zag-section { background-color: #e4e4e4; background-blend-mode: overlay;}
    .traditional-valuation-section.zig-zag-section .content-part { max-width: 100%;} 

    .land-estate-service-page .data-full-content:before { height: 930px; top: 40px;}	

    .delivers-tools-section .left-part {width: 100%; }
    .delivers-tools-section .single-tool-row .content-wrap h5 { text-align: left !important;}
    .delivers-tools-section .section-content {text-align: center;}
    .delivers-tools-section .left-part { text-align: left !important;}
    .delivers-tools-section .right-img-wrap {max-width: 320px;width: 100%;float: none;margin: 0 auto; display: inline-block;padding: 0;}
    .delivers-tools-section .right-img-wrap .middle-shape {left: 30%}
    .delivers-tools-section .right-img-wrap .btm-circle-text {left: 70px; }
    .map-tab-section #tabs-container-wrap { width: 280px;}
    .map-tab-section .tabbing-main-wrap-wrap { width: calc(100% - 280px);}

    .land-estate-service-page .data-full-content .data-inner-content h2 { font-size: 40px;line-height: 50px;}
    .delivers-tools-section .section-title h2 { font-size: 40px;  line-height: 50px;margin-bottom: 45px;}
    .map-tab-section {padding:70px 0;}
    .dark .footer-widgets-wrap a {word-wrap: break-word;}
    .land-estate-service-page .data-full-content { padding: 55px 0;}
    .land-estate-service-page .traditional-valuation-section .section-content ul li { font-size: 20px;  line-height: 30px; min-width: auto;}


    .borrower-section .section-title h2 { font-size: 36px; line-height: 48px;}
    .borrower-section {padding:55px 0 15px}
    .borrower-section .two-col-icon-content-wrap .single-row .content-wrap h4 {text-align: left !important;}
    .borrower-section .two-col-icon-content-wrap .single-row {width:100%;}
    .borrower-section .two-col-icon-content-wrap .single-row .content-wrap { padding-right: 0;}

    .key-performace-section {    display: inline-block;padding-left: calc((100% - 750px) / 2);  padding-right: calc((100% - 750px) / 2);}
    .key-performace-section .right-content-wrap:after {display:none;}
    .key-performace-section .left-title-wrap { width: 100%;padding-bottom: 10px;padding-right: 0;}
    .key-performace-section .left-title-wrap h2 {text-align:left !important;}
    .key-performace-section .left-title-wrap h2:before { left: 0; top: 8px;}
    .key-performace-section .right-content-wrap {width: 100%;padding-left: 0;padding-top: 10px; padding-bottom: 40px;}
    .key-performace-section .right-content-wrap h4 {    text-align: left !important;}

    .ownership-verification-section .img-wrap img { max-width: 300px;}
    .ownership-verification-section .content-wrap { max-width: 410px;}
    .ownership-verification-section .content-wrap h2 { font-size: 36px; line-height: 44px; text-align: left !important;margin: 0 0 20px;}
    .ownership-verification-section .content-wrap h4 { font-size: 22px;line-height: 32px; text-align: left !important;}
    .ownership-verification-section .content-wrap h5 { font-size: 20px; line-height: 30px;text-align: left !important;}
    .ownership-verification-section { padding-top: 55px; padding-bottom: 25px;}
    .ownership-verification-section .img-wrap { top: 60px;}

    .property-value-val-section { padding: 25px 0 35px;background-blend-mode: overlay;background-size: cover;}
    .property-value-val-section .content-wrap h2 {text-align: left !important;}
    .regulatory-com-section { padding: 45px 0 50px;}
    .regulatory-com-section .section-title h2 { font-size: 36px; line-height: 46px; text-align: left !important;}
    .regulatory-com-section .section-content h4 {text-align: left !important;font-size: 22px; line-height: 32px; }	
    .regulatory-com-section .section-content h5 {text-align: left !important;}
    .regulatory-com-section .single-box {padding:20px;}
    .regulatory-com-section .single-box h4 {font-size: 22px; line-height: 32px;text-align: left !important;}

    .flexible-del-section .top-content h2 {font-size: 38px; line-height: 46px; margin-bottom: 45px;}
    .flexible-del-section .single-col {  width: 50%;    margin-bottom: 20px;}
    .flexible-del-section .single-col .content-wrap h3 {    text-align: left !important;}

    .mortgage-lending-page .mortgage-process-circle img { max-width: 640px;}

    .new-hf-design .contact-banner-wrapper { padding-top: 200px !important;}

    .row-fluid .main_title h2 { font-size: 30px; line-height: 45px; }

    .row-fluid .american_market { padding:60px 15px; }
    .row-fluid .american_market .left { width:100%; }
    .row-fluid .american_market .left img { max-width:400px; }
    .row-fluid .american_market .right { padding:20px 0 0 !important; width:100%; }

    .row-fluid .information_section { padding:60px 0; }
    .row-fluid .information_section .left { padding:0 15px !important; width:100%; }
    .row-fluid .information_section .images { margin-top:50px; height:500px !important; width:100%; }
    .row-fluid .information_section .list { left:0 !important; width:100%; }

    .row-fluid .customizable_row { padding:0; width:100%; }
    .row-fluid .customizable_row.right { padding:0; width:100%; }

    .row-fluid .customizable_main { padding:0 0 20px; }
    .row-fluid .customizable_btns { padding:0 0 50px; }

    .row-fluid .customizable_bottom { padding:60px 0; font-size:18px; line-height:36px; }

    .row-fluid .difference_section { padding:70px 0; }
    .row-fluid .difference_section .left { width:100%; height:500px !important; }
    .row-fluid .difference_section .right { padding:20px 15px 0 !important; width:100%; }

    .row-fluid .customizable_btns .btn_style { padding:8px; }
    .row-fluid .btn_style a { padding:15px 25px; min-width: 300px; }

    .row-fluid .nav_menu { margin-top:30px; }
    .row-fluid .nav_menu ul li { padding:6px; }

    .row-fluid .american_market .box_market h4 { text-align:left !important; }

    .row-fluid .businessform_section { padding:80px 0; }

    .row-fluid .customizable_section { padding:60px 0 0; }
    .row-fluid .sub_title { font-size:22px; line-height:32px; } 

    .row-fluid .customizable_box { padding:15px 0; }
    .row-fluid .customizable_btns { margin:0; padding:0 0 50px; }

    .row-fluid .customizable_bottom { padding:40px 0; }
    .row-fluid .businessform_main { padding:40px 20px 40px 25px; }

    .row-fluid .dotted_top , .row-fluid .dotted_img { display:none; }

    .row-fluid .verified_section { padding:60px 0; }
    .row-fluid .verified_section .image { margin-top:30px; }
    .row-fluid .legal_service_box , .row-fluid .legal_service_box.img_down { padding:40px 0; text-align:center; }
    .row-fluid .legal_service_box .left { margin:30px 0 0; padding:0; width:100%; }
    .row-fluid .legal_service_box .image { margin:0; width:100%; text-align:center; }
    .row-fluid .legal_service_box .image img { max-width:320px; }
    .row-fluid .legal_service_box.img_left .left { padding:0; }
    .row-fluid .img_down { margin-bottom:0; }


    .row-fluid .streamlines_section { padding:50px 0 40px; }
    .row-fluid .streamlines_section .left { margin:0; width:100%; }
    .row-fluid .streamlines_section .right { margin:20px 0 0; padding:0; width:100%; }

    .row-fluid .self_section { padding:40px 0; }
    .row-fluid .self_section .left { margin:0; padding:0; width:100%; }
    .row-fluid .self_section .right { margin:20px 0 0; padding:0; width:100%; }

    .row-fluid .education_progress .leader-countwrap { margin-top:20px; }
    .row-fluid .education_progress .leader-countcol { margin:0 -2px; padding:15px; width:33.33%; float:none; display:inline-block; vertical-align:top; }

    .row-fluid .advantage_section  { padding:80px 0; }
    .row-fluid .advantage_box { margin:12px 0; }

    .row-fluid .cta_strip { padding:30px 0; text-align:center; }
    .row-fluid .cta_strip .image { margin:0 auto; width:100%; max-width:320px; display:block; }
    .row-fluid .cta_strip .text { margin:20px 0 0; padding:0; width:100%; }

    .row-fluid .education_ownership { padding:60px 0; }
    .row-fluid .education_progress_bottom .text ul li { font-size: 16px; line-height: 26px; }

    .confirmation-two-main-wrap { padding-top: 60px; padding-bottom: 60px; }
    .confirmation-page .row-fluid .casestudy-banner-section.resource-banner.solution-banner { padding-top: 216px !important; padding-bottom: 60px; }

    .row-fluid .about_intelligence:before { /* bottom:-10px; */ height:450px; }

    .row-fluid .traditional_intelligence ul li { margin:6px 0; font-size: 18px; line-height: 28px; }

    .row-fluid .evaluating_hoa .img-wrap img  { max-width:260px; }

    .row-fluid .hoa_goverment .cta-strip-section .cta-content-wrap h2 , .row-fluid .hoa_goverment .cta-strip-section .cta-content-wrap a.cta_button { font-size:20px; line-height:28px; }
    .row-fluid .estate_goverment .map-tab-section { padding-top:100px; }

    .row-fluid .goverment_own .left { padding:0; width:100%; }
    .row-fluid .goverment_own .right { padding:0; width:100%; } 

    .api-json-page .empower-section .page-container, .api-json-page .half-content-img-section .page-container, .api-json-page .contact-section .page-container { width: 750px !important;}
    .api-json-page .half-content-img-section .left-part h5, .api-guideline-section .guideline-single .content-wrap h5 {text-align:left !important;}
    .half-content-img-section { padding: 75px 0;}
    .data-fuel-business-goals-section .content-wrap h2 {font-size:40px; line-height:50px;}


    .row-fluid .cs_blue_box.light > div { padding-right: 150px; }
    .row-fluid .cs_blue_box.light > div:after { height: 90px; width: 170px; }
    .row-fluid .cs_blue_box.light .text { font-size: 20px; }
    .row-fluid .cs_blue_box.light h5 { text-align: left !important; }
    .row-fluid .content-style h2, .row-fluid .content-style h3, .row-fluid .content-style h4, .row-fluid .content-style h5, .row-fluid .content-style h6 { text-align: left !important; }
    .row-fluid .content-style .richtext-space { padding: 55px 0; }
    .datatree-online-page.webinar-lp .casestudy-banner h2 { font-size: 40px; }
    .doc-img-page .casestudy-banner .contact-section p br { display: none; }

    /* */
    .row-fluid .datatree-section h2 { font-size: 37px; line-height: 48px; }

    .contact-section { padding: 60px 0; }

    .row-fluid .counter_section h2 { font-size: 22px; line-height: 30px; }
    .row-fluid .counter_section { padding:70px 0; }
    .row-fluid .counterbox { padding:10px; width:50%; }

    .row-fluid .servicemortgage_box .left { padding:50px 15px; width:100%; font-size:16px; }
    .row-fluid .servicemortgage_box .right { width:100%; height:400px !important; }
    .row-fluid .servicemortgage_box .left .inner , .row-fluid .servicemortgage_box:nth-child(2n) .left .inner { margin:0 auto; }

    .row-fluid .servicemortgage_box:nth-child(1) { margin-top:0; }
    .row-fluid .servicemortgage_box:nth-child(1) .left { margin-top:0; }
    .mortgage_page .data-full-content { margin-top:-140px; padding:200px 0 70px; }
    .mortgage_page .data-full-content:before { height:100%; background-position: center left; background-size: cover; left:0; }

    .mortgage_page .row-fluid .casestudy-banner-section.resource-banner.solution-banner { padding-top:210px !important; }

    .row-fluid .appraisal_process { padding:60px 0; }
    .row-fluid .appraisal_process .title h2 { font-size:30px; line-height:40px; }
    .row-fluid .appraisalprocess_box { padding:20px 15px; width:50%; }
    .row-fluid .appraisalprocess_box .icon:before { display:none; }
    .row-fluid .appraisalprocess_main { background-image:none; }
    .row-fluid .appraisalprocess_box .icon { height:78px; }
    .row-fluid .appraisalprocess_box .text { margin-top:18px; }

    .row-fluid .features_suite .content-wrap h4 { font-size: 26px; line-height: 36px; }

    .row-fluid .aboutdatatree_top .left { padding:0 2% 0 0; }
    .row-fluid .aboutdatatree_top .left h2 { font-size: 36px; line-height: 44px; }
    .row-fluid .aboutdatatree_top .left .btn_style { margin-top:16px; }
    .row-fluid .aboutdatatree_top .left .btn_style a { font-size:22px; }

    .row-fluid .intro_empower .scroll-down a { min-width:auto; font-size: 16px; line-height: 26px; }

    .row-fluid .about_datatree .solution-faq-repeater { padding:20px 0; }

    .row-fluid .banner_new::after { right: -80px; bottom: -125px; width: 220px; height: 160px; }

    .row-fluid .appraisal_solution { padding:60px 0; }
    .row-fluid .automated_reports .single-box { width:calc(50% - 20px); }

    .row-fluid .fraudguard_section { display:inline-block; width:100%; }
    .row-fluid .fraudguard_section .title h2 { font-size: 46px; line-height: 54px; }
    .row-fluid .fraudguard_section .page-container { display:block; }
    .row-fluid .fraudguard_section .title { padding:0; width:100%; }
    .row-fluid .fraudguard_section .text { padding:0; width:100%; }

    .row-fluid .fraud_verification { padding:80px 0; }
    .row-fluid .fraudverification_box { padding:20px 15px; }
    .row-fluid .fraudverification_box .icon img { max-height:66px; }
    .row-fluid .fraud_verification .title h2 { font-size: 38px; line-height: 48px; }
    .row-fluid .fraudverification_box h3 { font-size: 22px; line-height: 34px; }

    .progressbar { width: 33.33%; }
    .mortgage-box h5 { font-size: 18px; }

    .property-value-val-section .image { width: 100%;  z-index: -1; opacity: 0.3; }
    .property-value-val-section .content { width: 100%; }

    /* */
    .webinar-lp .dlvy_content h3 { text-align: left !important; }
    .dlvy_text ul li {  width: 50%; }

    /* */
    .row-fluid .dnd_property_demand .servicemortgage_box .left .inner h3 {  text-align: left !important; }
    .row-fluid .dnd_property_demand .servicemortgage_box:nth-child(1) .right { top: 0; }
    .lp-banner-wrapper.dnd_banner_section { padding-bottom: 120px; padding-top: 30px; }
    .lp-banner-wrapper.dnd_banner_section:after { bottom: 10px; }
    .guideline_demand_section { padding: 60px 0; }
    .row-fluid .testimonial-section .testimonal-inner .testimonial-image { width: 20%; }

    .row-fluid .scoring-hero { background-color: #001736; background-image: none !important; }

    /* */
    .frame-strip img { width: 38px; }
    .frame-strip .frame-strip-text { font-size: 16px; width: 130px; line-height: 22px; }

    .information-box { width: calc(100% / 3 - 30px); margin: 0 15px; }
    .row-fluid .information-box h3 { font-size: 24px; line-height: 32px; margin-bottom: 20px; }
    .information-box h3:after { margin-top: 20px; }
    .information-box ul li { font-size: 14px; padding-left: 20px; }
    .information-box ul li:before { height: 10px;  width: 10px; }
    .information-section { padding: 80px 0; }
    .information-title h2 { margin-bottom: 40px; }

    .lp-services-section { padding: 60px 0; }
    .lp-services-icon img {  max-width: 70px; height: 50px; }

    .table-content .table-box { font-size: 14px; line-height: normal; }
    .data-option-tabv2.data-option-tab-section .tabs-title.current:after { border-top: 30px solid transparent; border-bottom: 30px solid transparent;  border-left: 45px solid #00a0de; }

    .flip-card-img img { width: 170px; }
    .flip-card-text { font-size: 14px; }
    .flip-card-back img.flip-card-logo {  margin-bottom: 15px; }
    
    .row-fluid .appinte-about-section h2 { font-size: 30px; line-height: 34px; }
    .row-fluid .appinte-about-section  h3 {  font-size: 30px; }
    
    .data-option-tab-section.data-option-tabv2 .tab-content {  padding-left: 60px; }
    
    .flip-card {width: calc(100% / 2 - 34px);}
    
    .apprisal-buzz-lp .casestudy-banner-section h1 {font-size: 36px;line-height: 46px;}
    .apprisal-buzz-lp .casestudy-banner-section .banner-caption { font-size: 22px;line-height: 34px;}
    .apprisal-buzz-lp .form-content-section .content-part {padding-top: 58px;}
    
    .login-portal-first-american .inner .main-listing .inner-listing .list .btn-logo>div {flex-flow: row wrap;}
    .login-portal-first-american .inner .main-listing .inner-listing .list .btn-logo .logo,.login-portal-first-american .inner .main-listing .inner-listing .list .btn-logo .btn-main{width:50%;}
    .login-portal-first-american .inner .main-listing .inner-listing .list .content-learn-more-btn{font-size:21px;width:100%;padding:10px 0 0 0;}
    .login-portal-first-american .inner .main-listing .inner-listing .list .btn-logo .login-btn{display:flex;align-items:center;justify-content:flex-end;}
    .login-portal-first-american .inner .main-listing .inner-listing .list .btn-logo .login-btn a{width:auto;min-width:170px;}
    
}

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

    .row-fluid .wrapper { width:720px; }

    .row-fluid .scoring-hero .banner-caption { text-align:left !important; }

    .row-fluid .bank-review-col { width: 50%; }

}

@media (min-width: 768px) and (max-width: 1200px) {
    .blog-listing-wrapper .post-listing.newspost-listing .post-item .post-header span { font-size:16px; line-height:20px; }
    .blog-listing-wrapper .post-listing.newspost-listing .post-item .post-header h2 { font-size:20px; line-height:28px; }          
}


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

    .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper{position:static; opacity:1; visibility: visible; display:none; width:100%;}
    .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal > ul{display:none;}
    .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal > ul.mobile-menu li{float:none;}

    .row-fluid .wrapper { width:100%; padding:0 15px; }
    .row-fluid .header_event { padding:25px 15px; }
    .row-fluid .header_event .logo { width:50%; float:left; }
    .row-fluid .header_event .social_top { width:50%; float:left; }

    .row-fluid .hero_event { padding:130px 0 180px; height:auto; font-size:16px; line-height:26px; }
    .row-fluid .hero_event h1 { font-size:65px; line-height:74px; } 
    .row-fluid .hero_event h4, .row-fluid .hero_event .sub { font-size:18px; line-height:24px; }

    .row-fluid .meeting_form h4 { font-size:24px; line-height:30px; }

    .casestudy-banner-section .page-container, .form-content-section .page-container {  width: 100% !important;}
    .casestudy-banner-section { padding: 50px 0;}

    .casestudy-banner-section .banner-caption h1 {font-size: 40px; line-height: 50px;}
    .casestudy-banner-section .banner-caption h2 { font-size: 34px;line-height: 42px;}

    .form-content-section .form-part {margin-top: 20px;}
    .form-content-section .content-part {padding-top: 55px;}

    .lp-main-header {width:100% !important;}
    .top-header {text-align: center;}
    .top-header .top-menu-wrap { width: auto;  display: inline-block;}
    .top-header .header-srch-wrap { width: auto; display: inline-block;}

    .list-page .new-header-section .logo-wrap {text-align:center;}

    .copyright-footer .page-container {  width: 100% !important;}

    .new-footer-section .row-fluid .container { max-width:100%;}
    .list-page .new-footer-section .row-fluid .container { max-width:100%;}


    .new-footer-section {padding: 40px 0; }
    .new-footer-section .footer-left-part { width: 100%;}
    .new-footer-section .footer-btn-wrap .span6 { display: inline-block; margin-bottom: 20px;}
    .new-footer-section .footer-right-part {width: 100%;}
    .copyright-footer .logo-content {padding-left: 0; margin-top: 25px;}

    .new-footer-section .footer-right-part .footer-links{width:50%; float:left;}

    .lp-main-header .top-header .top-menu-wrap {width:auto;}

    .new-header-section .logo-wrap {max-width: 200px; float: left;}
    .new-header-section .nav-menu {float: right; margin-top: 0; }
    .lp-main-header .new-header-section .nav-menu { width:auto; float:right; }
    .list-page .lp-main-header .new-header-section .nav-menu .logo-wrap , .lp-main-header .new-header-section .nav-menu .logo-wrap { text-align:left; }

    .mainmenu .mobile-menu {    padding: 0; width: 100%; position: absolute;  left: 0; top: 120px; background-color: #00a1de;z-index: 99;}
    .mainmenu .mobile-menu > li {width: 100%; text-align: left; padding: 0 !important; border-bottom:1px solid rgba(255,255,255,0.1);}
    .mainmenu .mobile-menu > li > a {width: 100% !important;vertical-align: middle;  max-width: 100% !important;}

    .srch-banner .banner-caption h1 { font-size: 45px; line-height: 45px}
    .srch-banner .banner-caption form {max-width:100%;}
    .srch-content-section .container {margin:0 auto !important;}
    .srch-content-section {  padding: 50px 0;} 

    .row-fluid .blue-text, .row-fluid .white-text { font-size: 32px; line-height: 42px; margin-bottom: 20px;}
    .row-fluid .casestudy-banner-section.resource-banner.solution-banner { padding-bottom: 190px; }
    .blog-post-wrapper .post-header .hubspot-editable, .blog-post-wrapper .social-sharing { width: 100%; }
    .blog-post-wrapper .post-header .section-author-inner { display: block; }
    .blog-post-wrapper .social-sharing { margin-top: 10px; }

    .leadlist-sol-section .page-container, .leadlist-process-section .page-container, .lead-list-industry-section .page-container { width:100% !important;}

    .empower-section .intro-logo { max-width: 250px;  margin: 0 auto 25px;}
    .leadlist-intro-section.empower-section .empower-content .scroll-down a {margin-top: 30px;}
    .row-fluid .solution-section.leadlist-sol-section { padding: 50px 0;}
    .leadlist-sol-section .sol-list ul {text-align:center; padding:0;}
    .row-fluid .process-section.leadlist-process-section { padding-bottom: 40px;}
    .leadlist-process-section .section-content .left-part {width:100%;}
    .leadlist-process-section .right-part {width:100%; padding-left:0;}

    .blog-listing-wrapper .post-listing.newspost-listing .post-item .post-header span { font-size:16px; line-height:20px; }
    .blog-listing-wrapper .post-listing.newspost-listing .post-item .post-header h2 { font-size:18px; line-height:26px; }

    .property-val-page .data-full-content .page-container { width: 100% !important;}
    .avms-cascade-section .container { width: 100%;} 
    .avms-available-section .container { width: 100%;}
    .traditional-valuation-section .content-part { max-width: 100%;} 

    .traditional-valuation-section .content-part .section-title h2 { font-size: 30px; line-height: 39px;text-align: left !important;}
    .traditional-valuation-section {    background-blend-mode: multiply;}
    .avms-cascade-section .content-wrap h4, .property-val-page .data-full-content .data-inner-content h5 {font-size: 22px; line-height: 30px;}
    .avms-available-section .content-wrap ul {column-count:1;}
    .traditional-valuation-section .section-content .single-content-row h5 { font-size: 20px; line-height: 29px;}
    .avms-available-section h2 { margin-bottom: 30px;}
    .traditional-valuation-section { padding: 50px 0 55px;}
    .avms-cascade-section {  padding:55px 0 25px;} 
    .avms-available-section {padding:55px 0;}

    .mortgage-lender-sol-section .left-part h2 { font-size: 36px; line-height: 46px;}
    .mortgage-lender-sol-section .btm-content-part h4 { font-size: 22px;line-height: 32px;}
    .mortgage-lender-sol-section .btm-content-part .feature-col { padding: 0;width: 100%;  margin: 0 0 30px;}
    .mortgage-lender-sol-section {padding-bottom:50px;}
    .mortgage-lender-sol-section .right-part .feature-row h5 {font-size: 18px; line-height: 28px;} 
    .mortgage-lender-sol-section .btm-content-part .feature-col .btm-feature-icon img {width:55px;}

    .doc-img-page .contact-section .page-container {width: 100% !important;} 
    .doc-img-page .row-fluid .casestudy-banner-section.resource-banner.solution-banner { padding-bottom: 70px;} 
    .specific-doc-section .section-content ul li { width: calc(50% - 30px);}

    .doc-image-need-section .content-box .content-wrap { max-width: 100%;} 
    .doc-image-need-section .content-box .img-wrap {position: relative; top: inherit; right: inherit; width: 100%; text-align: center; margin: 20px auto;}
    .doc-img-page .contact-section p { font-size: 18px; line-height: 28px;}
    .doc-img-page .contact-section { padding: 60px 0;}	

    .row-fluid .customizable_box h3 { text-align:left !important; }

    .row-fluid .documents_section { padding:50px 15px; }
    .row-fluid .documents_section .image { display:none; }
    .row-fluid .documents_text { margin:0; padding:0 !important; width:100%; }
    .row-fluid .streamlines_section .right ul { column-count: 2; -moz-column-count: 2; -webkit-column-count: 2; }
    .row-fluid .streamlines_section .left .btn_style { text-align:center; }

    .row-fluid .verified_section { font-size:18px; line-height:28px; text-align:center; }
    .row-fluid .self_box .number { font-size:100px; }

    .row-fluid .education_progress { padding:50px 0; }
    .row-fluid .education_progress .leader-countcol { width:50%; }
    .row-fluid .education_progress .leader-countititle h4 { margin:0; }
    .row-fluid .education_progress_bottom { margin-top:10px; }

    .row-fluid .advantage_section { padding:60px 0; font-size:16px; line-height:28px; }
    .row-fluid .advantage_box .text h4 { text-align:left !important; }

    .row-fluid .cta_strip { font-size: 18px; line-height: 32px; }

    .row-fluid .education_ownership { padding:50px 0; }
    .row-fluid .education_ownership .text { margin:0; width:100%; }
    .row-fluid .education_ownership .image { margin:0 auto; width:100%; max-width:400px; display:block; }

    .row-fluid .leaderprogress_title h3 { font-size:20px; line-height:30px; }  
    .confirmation-page .row-fluid .casestudy-banner-section.resource-banner.solution-banner { padding-top: 170px !important; padding-bottom: 60px; }

    .row-fluid .casestudy-banner-section.resource-banner.solution-banner.inner_hero_section { padding:220px 0 220px !important; }
    /*     .row-fluid .about_intelligence:before { bottom:0; } */
    .row-fluid .about_intelligence ul { margin:10px 0 0; }
    .row-fluid .about_intelligence ul li { margin:4px 0; padding:0; font-size:16px; line-height:26px; width:100%; }

    .row-fluid .evaluating_hoa .content-row .img-wrap { margin-top:0; }

    .row-fluid .about_intelligence { font-size: 16px; line-height: 28px; }
    .row-fluid .about_intelligence h4 { font-size:22px; line-height:34px; }

    .row-fluid .hoa-ctasection.cta-strip-section.grey-bg .cta-img-wrap { float:left; margin:0; width:100%; } 
    .row-fluid .hoa-ctasection.cta-strip-section.grey-bg .cta-content-wrap { float:left; margin:0; width:100%; padding:30px 0 0; }

    .row-fluid .hoa_goverment .hoa-ctasection { text-align:center; }
    .row-fluid .estate_goverment .map-tab-section { padding-top:60px; }
    .row-fluid .goverment_own .right ul li { margin:5px 0; padding:0 0 0 24px; font-size: 16px; line-height: 24px; }
    .row-fluid .goverment_own .right ul li:before { top:0; }

    .api-json-page .empower-section .page-container, .api-json-page .half-content-img-section .page-container, .api-json-page .contact-section .page-container { width: 100% !important;}
    .api-json-page .half-content-img-section .left-part h5 {font-size: 22px;line-height: 34px;}
    .half-content-img-section .page-container {display:block;}
    .api-json-page .half-content-img-section .left-part { padding-right: 0;}
    .half-content-img-section .right-part {margin-top:20px;}
    .api-guideline-section .guideline-single .content-wrap h5 { font-size: 22px; line-height: 34px; }    
    .api-guideline-section .guideline-single {display:block;float: left;}
    .api-guideline-section .guideline-single .content-wrap {width: 100%; float: left; padding: 20px 0 0;}
    .api-guideline-section { padding: 75px 0; }

    .counter-section .container { width: 100% !important; max-width: 100% !important; }
    .counter-section ul { flex-direction: column; }
    .counter-section ul li + li { border-left: 0; border-top: 1px solid #D9E1E8; }
    .counter-section ul li { flex: 0 0 100%; max-width: 100%; width: 100%; padding: 32px 15px; }
    .row-fluid .case-study-content-section { padding: 50px 0; }
    .row-fluid .case-study-content-section:before, .row-fluid .case-study-content-section:after, .row-fluid .case-study-content-section > div:after, .row-fluid .case-study-content-section > div:before { opacity: 0; }
    .row-fluid .rich_text_with_img img { padding: 20px 0 0; }
    .row-fluid .content-style h6 { font-size: 18px; }
    .row-fluid .content-style { font-size: 16px; }
    .row-fluid .cs_blue_box > div { padding: 25px; font-size: 17px; margin:40px 0; }
    .row-fluid .cs_blue_box.light > div:after { height: 30px; width: 90px; top: -10px; }
    .row-fluid .cs_blue_box.light > div { padding-right: 25px; }
    .row-fluid .cs_blue_box.light .text { font-size: 17px; }
    .span12.widget-span.widget-type-cell.page-container { }
    .row-fluid .content-style .richtext-space { padding: 35px 0; }
    .datatree-online-page.webinar-lp .casestudy-banner h2 { font-size: 30px; line-height: 1.2; }
    .doc-img-page .casestudy-banner .contact-section p { font-size: 16px; }

    .v2 .resource-banner.casestudy-banner-section .banner-caption h1 { font-size: 33px; }
    .row-fluid .blue_callout:before,
    .rich_text_with_img_wrapper:after,
    .row-fluid .casestudy-banner:before{ display:none; }
    .cs_blue_box.light { padding: 20px 0; }
    .row-fluid .casestudy-banner { padding-top: 40px; }
    .counter-section { padding: 0 0 30px; }

    .doc-img-page .row-fluid .casestudy-banner-section.resource-banner.solution-banner h1 br { display: none; }   

    /* */
    .row-fluid .datatree-section h2 { font-size: 32px; line-height: 42px; }
    .row-fluid .contact-section .main-form .actions input { padding: 12px 15px !important; max-width: 140px; font-size: 16px; line-height: 24px; }

    .row-fluid .servicemortgage_box .left h3 { text-align:left !important; font-size: 24px; line-height: 32px }

    .row-fluid .appraisal_solution.data-full-content:before { height: 100%; background-position: center bottom; }

    .row-fluid .about_datatree { padding:60px 0 0; }
    .row-fluid .aboutdatatree_top { text-align:center; }
    .row-fluid .aboutdatatree_top .page-container { display:inline-block; width:100%; }
    .row-fluid .aboutdatatree_top .left { width:100%; padding:0; }
    .row-fluid .aboutdatatree_top .right { margin:30px 0 0; width:100%; }
    .row-fluid .aboutdatatree_top .right img { width:100%; max-width:500px; }
    .row-fluid .about_datatree .solution-faq-inner { margin-bottom:30px; }

    .row-fluid .about_datatree .solution-faq-repeater .faq-title h4:after , .row-fluid .about_datatree .solution-faq-repeater .faq-title.active h4::after  { background-size: 18px; }
    .row-fluid .banner_new::after { width:180px; }

    .row-fluid .fraudverification_main { display: inline-block; flex-wrap: inherit; text-align:center; width:100%; }
    .row-fluid .fraudguard_section .title h2 { font-size: 32px; line-height: 40px; }
    .row-fluid .fraudverification_box { padding:10px 0; width:100%; }

    .row-fluid .fraud_verification { padding:60px 0; }
    .row-fluid .fraud_verification .title h2 { font-size: 28px; line-height: 42px; }


    .progressbar {width: 100%; margin-bottom: 20px; }
    .circle {width: 100%;max-width: 250px;}
    .circle span.tag { width: 50px; height: 50px; right: 23px; }
    .progressbar-section { padding: 50px 0 25px; }
    .mortgage-section { padding: 50px 0 20px; }
    .mortgage-title { margin-bottom: 40px; }
    .mortgage-box { width: 100%; text-align: center; }
    .mortgage-text { font-size: 14px; } 
    .mortgage-link a { font-size: 14px; }

    .data-box {  flex: calc(100% / 1 - 24px); width: calc(100% / 1 - 24px); }

    .leadership-section .two-col-icon-content-wrap .single-row { height: auto !important; }
    .strip_main_section .content-wrap { width: 100%;  padding-right: 0; }
    .strip_main_section .container { display: block; }
    .strip_main_section .strip_main_text { width: 100%; line-height: 28px; }
    .strip_main_section {  padding-bottom: 40px; }
    .property-value-val-section .content { width: 100%; }
    .property-value-val-section .image {  width: 100%;  z-index: -1; }
    .dna-testimonial { padding: 50px 0 60px; } 

    .strip_main_section { padding: 50px 0; }
    a.link:after { position: relative; top: 0; } 

    /* */
    .row-fluid .empower_login .empower-content { padding: 40px 50px; }
    .row-fluid .empower_login .empower-section { margin-top: -60px; } 

    .dlvy_text ul li { width: 100%; text-align: left; }
    .row-fluid .delivery_delivery .appraisal_solution { padding: 20px 0 45px; }
    .dlvy_icon { width: 100%; }
    .dlvy_content { width: 100%; padding: 0; }
    .dlvy_icon img { float: none; margin-bottom: 30px; }
    .dlvy_icon_section { float: left; width: 100%; }
    .webinar-lp .dlvy_content h3 { font-size: 24px; }
    .dlvy_icon_box { width: 100%; max-width: 400px; margin: auto; float: none;  display: table; }

    /* 23-12-2020 */
    .lp-banner-wrapper.dnd_banner_section h1 { line-height: 40px; font-size: 30px; }
    .row-fluid .dnd_property_demand .servicemortgage_box:nth-child(1) .left { padding: 40px 15px 60px; }
    .row-fluid .testimonial-section .testimonal-inner .testimonial-image { width: 100%;padding-bottom: 30px; }
    .row-fluid .testimonial_v2 .testimonal-inner .testimonial-content { width: 100%; padding: 0; }
    .row-fluid .testimonial-section.testimonial_v2 { padding: 60px 0 60px; }
    .guideline_demand_section { padding: 40px 0 60px; }
    .lp-banner-wrapper.dnd_banner_section { padding-bottom: 50px; }
    .lp-banner-wrapper.dnd_banner_section:after { bottom: -40px; }

    /* 01-02-2021 */
    .prospect-section { padding: 60px 0; }
    .lp-services-box { width: 100%; margin-bottom: 30px; }
    .row-fluid .lp-services-title h2 { margin-bottom: 30px; font-size: 24px; line-height: 32px; }
    .lp-services-section .page-container { width: 100%; max-width: 340px;  padding: 28px 15px !important; box-shadow: 0 0 12px 0px rgb(0 0 0 / 30%); }
    .lp-services-section { padding: 60px 20px; }
    .lp-services-icon img { max-width: 80px; height: 70px; }

    .information-box { width: 100%; margin-bottom: 20px; }
    .information-box:last-child { margin-bottom: 0; }
    .information-section { padding: 60px 0; }

    .data-option-tabv2 .tab-content { padding-top: 300px !important; }
    .frame-wrap { top: 40px; max-width: 410px; margin: auto; right: 0; bottom:auto; }
    .frame-strip { bottom: auto;  top: 110px;  padding: 5px; }
    .frame-strip .frame-strip-text { font-size: 14px;  padding-left: 0;  width: 80px;  line-height: 16px; }
    
    .data-option-tab-section.data-option-tabv2 { display: flex; flex-direction: column-reverse; }
    .data-option-tabv2 .tabs-container h3 { display: none; }
    .data-option-tabv2 .tabs-container > span { display: none !important; }
    .data-option-tabv2 .tabs-container { background: #fff; padding: 0; }
    .data-option-tabv2 .tabs-container .tabing-title { display: block !important; background: transparent !important; position: relative !important; width: 100% !important; height: auto !important; }
    .data-option-tabv2 .tabs-container .tabing-title .tabs-title { display: inline-block; background-color: #003763 !important; width: calc(100% / 3 - 15px); float: left;    margin: 7px;  text-align: center; border-radius: 8px; }
    .data-option-tabv2 .tabs-container .tabing-title .tabs-title h5 { font-size: 14px;  text-align: center !important; }
    .data-option-tabv2 .tabs-container .tabing-title .tabs-title.current { background: #00a0de !important; }
    
    .row-fluid .information-box h3 {  display: none; }
    
    .information-section .information-select { display: table !important; width: 100%;  position: relative; max-width: 380px; margin: 0 auto 20px; }
    .information-select label { font-size: 18px; line-height: 26px; color: #fff; padding: 10px 40px 10px 15px; width: 100%;  display: inline-block;  border: 2px solid;  position: relative;  text-transform: initial;  letter-spacing: normal;  border-radius: 8px; }
    .information-select label:after { content: "\f0d7";  font-family: FontAwesome; font-size: 20px;  position: absolute; right: 15px; top: 0; bottom: 0; margin: auto; height: 28px; }
    .information-select ul {background: #00a0de;list-style: none;padding: 10px 15px;position: absolute;z-index: 99;width: 100%;top: calc(100% - 3px);color: #fff;}
    .information-select ul li { padding: 7px 0; }
    
    .information-box { display: none; }
    .information-box:first-child { display: block; }
    .information-section:before { display: none; }

    /* 02-02-2021 */
    .lp-banner-logo { text-align: center;  width: 100%; }
    .dnd_banner_section .lp-banner-inner .lp-banner-logo a img { max-width: 160px; }
    .dnd_banner_section .lp-banner-inner .lp-banner-logo .lp-logo { margin: auto; display: table; }
    .dnd_banner_section .lp-banner-inner .lp-banner-logo .lp-logo img { margin-bottom: 20px;  max-width: 140px; }
    
    .row-fluid .lp-logo-wrap img.hs-image-widget { max-width: 180px !important; }

    .row-fluid .suite_hero {  padding: 120px 0  50px; }
    .row-fluid .suite_hero_text {  font-size: 20px; }

    .row-fluid .suite_hero {  padding: 200px 0  50px; } 
    .row-fluid .suite_hero_text { font-size: 20px; }
    .flip-card { width: calc(100% / 1 - 34px); max-width: 380px; }
    .applntelligence-row { text-align: center; }
    .flip-card-img img {  width: 200px; }
    .applntelligence-title {  margin-bottom: 50px; }
    .row-fluid .appinte-about-section h2 {  font-size: 26px; }
    .appinte-about-box h3 a {  display: table; margin: auto; }
    .appinte-about-text {  text-align: center; }
    .row-fluid .appinte-about-section h3 {  font-size: 26px; } 

    /* */
    .row-fluid .suite_hero .suite_hero_title h1 { font-size: 30px; margin-bottom: 14px; }
    .row-fluid .suite_hero .suite_hero_title h1 span { line-height: 30px;  font-size: 14px; margin-left: -5px; }
    
    .frame-wrap { overflow: hidden; position: absolute; }
    .webinar-lp  .applntelligence-lp-title h2 { font-size: 30px; }
    .applntelligence-lp-title h2 sup { font-size: 14px;  top: -11px; left: -5px; }
    
    .data-option-tab-section.data-option-tabv2 .tab-content { padding-left: 20px;  padding-bottom: 0; }

    .row-fluid .search-box>div { margin-top: 0 !important; }
    .row-fluid .search-box .hs-search-field__bar form{ display:inline-block; width:100%; }
    
    .snowflake-dm-banner.casestudy-banner-section .banner-caption h1 {font-size: 44px;line-height: 54px;} 
/*     .applntelligence-section.snowflake-dm .applntelligence-lp-title h2 {font-size: 34px;line-height: 46px;} */
    .applntelligence-title .applntelligence-text h5 { font-size: 22px;line-height: 30px;}
    
    .apprisal-buzz-lp.casestudy-lp.list-page .new-header-section .logo-wrap {margin: 0 auto; float: none;}
    .apprisal-buzz-lp .new-header-section .nav-menu {width:100%; text-align:center;}
    .apprisal-buzz-lp .casestudy-banner-section h1 {font-size: 32px;line-height: 42px;}
    .apprisal-buzz-lp .casestudy-banner-section .banner-caption { font-size: 18px;line-height: 30px;}
    
    .snowflake-dm .new-header-section .nav-menu {width:100%; text-align:center;}
    .snowflake-dm .new-header-section .logo-wrap { max-width: 100%;float: left; text-align: center; display:inline-block;}
    .snowflake-dm-banner.casestudy-banner-section .banner-caption h1 {font-size: 32px;line-height: 44px;}
    .applntelligence-section.snowflake-dm .applntelligence-lp-title h2 {font-size: 28px;line-height: 36px;}
    
    .mainmenu .navwrap ul { margin: 0; padding: 0; list-style-type: none; }
    .mainmenu .navwrap ul li a {width: 100%;text-align: left;padding: 10px 45px;color: #003865;line-height: 26px;font-size: 18px;font-weight: 400; font-family: 'Roboto',sans-serif; white-space: normal; }
  
    .mainmenu .navwrap ul li a[href="tel:866.377.6639"]:before {
      content: '';
      background-image: url(https://dna.firstam.com/hubfs/new-datatree-images/datatree-phone-icon.png);
      filter: brightness(0) saturate(100%) invert(11%) sepia(87%) saturate(3384%) hue-rotate(196deg) brightness(91%) contrast(102%);
      background-size: cover;
      background-repeat: no-repeat;
      height: 18px;
      width: 18px;
      position: relative;
      display: inline-block;
      margin-right: 4px;
    }
  
    .mainmenu .navwrap ul li { border-bottom: 1px solid #d1d2d4; line-height: 0; }
    .mainmenu .navwrap .srch-form-wrap input { height: 46px; border: none; border-bottom: 1px solid #d1d2d4; padding: 0 45px; color: #003865; font-size: 18px; line-height: 28px; font-family: 'Roboto',sans-serif; }
}

@media (max-width:650px) {

    .row-fluid .header_event { padding:20px 15px; text-align:center; }
    .row-fluid .header_event .logo { margin:0 0 10px; width:100%; }
    .row-fluid .header_event .social_top { width:100%; text-align:center; }
    .row-fluid .social_icons { text-align:center; }
    .row-fluid .social_icons span.title { vertical-align:middle; }
    .row-fluid .social_icons ul li { margin:7px; }

    .row-fluid .hero_event h1 { font-size:50px; line-height:56px; }

    .row-fluid .experts_text h3 { text-align:center !important; }
    .row-fluid .experts_left { padding:0 15px 0 0; }
    .row-fluid .experts_img { margin:0 auto; float:none; }
    .row-fluid .experts_text { padding:20px 0 0; width:100%; text-align:center; }

    .row-fluid .experts_text h3 { font-size:20px; line-height:28px; }
    .row-fluid .experts_text .com_name { font-size:18px; line-height:24px; }

    .row-fluid .meeting_form { padding:30px 15px 160px; }

    .row-fluid .main_title h2 { font-size: 26px; line-height: 42px; }

    .row-fluid .american_market .right .main_title { margin:0; }
    .row-fluid .american_market .box_market:after { width:38px; height:38px; background-size:38px; }
    .row-fluid .american_market .box_market { padding:0 0 0 50px; }

    .row-fluid .american_market .left img { max-width:300px; } 

    .row-fluid .self_box { padding:30px 20px; font-size: 16px; line-height: 28px; }
    .row-fluid .legal_service_box .image img { max-width:300px; } 

    /*     .row-fluid .streamlines_section .right ul { column-count: inherit; -moz-column-count: inherit; -webkit-column-count: inherit; } */
    .row-fluid .streamlines_section .right ul li { margin:3px 0; padding:0 0 0 22px; font-size: 15px; line-height: 27px; }

    .row-fluid .education_progress_bottom .text ul li { margin:0; width:100%; padding:0 0 0 30px; }
    .row-fluid .education_progress_bottom .text ul li:nth-child(2n) { width:100%; }

    .row-fluid .education_progress .leader-countcol { margin:0; padding:10px 0; width:100%; } 
    .row-fluid .hoa_goverment .cta-strip-section .cta-content-wrap a.cta_button { font-size:18px; }
    
    .row-fluid .suite_hero {  padding-top: 130px; }

}

@media(max-width:500px){

    .row-fluid .advantage_box .icons { margin:0; }
    .row-fluid .advantage_box .text { margin:10px 0 0; padding:0; width:100%; }
    .row-fluid .education_ownership .main_title h2 { font-size:24px; line-height:32px; }

    .row-fluid .cta_strip { font-size: 16px; line-height: 28px; }
    .row-fluid .goverment_own .right ul { column-count: 1; -moz-column-count:1; -webkit-column-count: 1; }

    .row-fluid .counterbox { padding:10px 0; width:100%; }
    .row-fluid .counterbox .inner { padding:20px 15px; }
    .row-fluid .counterbox .sameheight { min-height:140px; }

    .row-fluid .servicemortgage_box .right { height:330px !important; }

    .row-fluid .appraisalprocess_box { margin:0; padding:10px 0; width:100%; }
    .row-fluid .appraisalprocess_main { display:inline-block;  }
    
    /* 01-02-2021 */
    .data-option-tabv2 .tab-content { padding-top: 310px !important; }
    .frame-strip img { width: 20px; }
    .frame-strip .frame-strip-text { font-size: 12px; line-height: 14px; }
    .data-option-tabv2 .tabs-container .tabing-title .tabs-title { width: calc(100% / 2 - 15px); }
    
    .snowflake-dm-banner.casestudy-banner-section .banner-caption h1 { font-size: 28px; line-height: 40px;}
    .applntelligence-section.snowflake-dm .applntelligence-lp-title h2 {font-size: 28px; line-height: 40px;}

    
}

@media(max-width:380px){
  .data-option-tabv2 .tab-content { padding-top: 270px !important; }
}

@media(min-width:1921px){
    .landing-footer-section:before, .banner-section:after, .general-int-lp .banner-section:after {height: 179px;}
    .home-hero .resource-banner.casestudy-banner-section .banner-caption h1 { font-size: 48px;	line-height: 59px;}
}

@media(min-width:2200px){
    .landing-footer-section:before, .banner-section:after, .general-int-lp .banner-section:after {height: 201px;}
    .home-hero .resource-banner.casestudy-banner-section .banner-caption h1 { font-size: 48px;	line-height: 59px;}
}

@media(min-width:2500px){
    .landing-footer-section:before, .banner-section:after, .general-int-lp .banner-section:after {height: 241px;}
    .home-hero .resource-banner.casestudy-banner-section .banner-caption h1 { font-size: 48px;	line-height: 59px;}
}


@media(max-width:1619px){

    .home-hero .resource-banner.casestudy-banner-section .banner-caption h1 { font-size: 48px;	line-height: 59px;}
    .banner-section:after, .landing-footer-section:before, .general-int-lp .banner-section:after {height: 137px;}
    .banner-section .banner-img {bottom:0;}

    .srch-content-section .container {max-width:1170px;}

    .blog-page .insight-blog-section .left-space-new { max-width: 770px;}

    .sidebar-wrap .form-wrap {padding: 25px 20px 25px;}
    .sidebar-wrap .form-wrap form .hs-submit input { height: 55px;}
    .sidebar-wrap .form-wrap h3 {font-size: 30px; line-height: 38px;}
    .sidebar-wrap .form-wrap form .hs-form-field .input input {padding: 20px 15px;}
    .target-cta-section {  padding: 40px 14px 40px;}	

    .data-option-tab-section .tabs-container h3{padding: 0 60px;}
    .data-option-tab-section .tabs-title {padding: 19.5px 60px;}

    .new-site-header .new-header-section ul.mobile-menu ul.hs-menu-children-wrapper {width: 195px !important;}
}

@media(max-width:1429px){

    .banner-section .banner-img img {right: -90px;width: 100%;}
    .row-fluid .banner-section .banner-caption { top: 45%;}
    .banner-section:after, .landing-footer-section:before, .general-int-lp .banner-section:after { height: 117px;}
    .landing-footer-section {padding-top:200px;}

    .home-new .row-fluid .banner-section .banner-caption {top: 50%;}
    .home-new .row-fluid .banner-section {    min-height: 570px}

    .resource-list-section .container { width: 1170px;} 
    .resource-banner.casestudy-banner-section .banner-caption h1 { font-size: 73px;	line-height: 82px;}
    .home-hero .resource-banner.casestudy-banner-section .banner-caption h1 { font-size: 48px;	line-height: 59px;}
    .resource-update-section h3 + div {width: 33%;}
    .resource-list-section .grid-item-wrap .grid-item {    width: 350px;}
    .insight-blog-section { padding: 95px 0 0;}
    .insight-blog-section h2 { font-size: 55px;line-height: 62px;}

    .sys-page-banner { padding: 80px 0 50px;}
    .unsubscribe-content-wrap {    padding: 75px 0;}
    .sys-page-banner h1 { font-size: 73px;  line-height: 80px;}

    .sys-page-banner.subscribe-preference-banner  {padding: 130px 0; min-height: 350px !important;}
    .subscribe-preference-banner h1 {font-size: 65px; line-height: 72px;}
    .preference-content-section { padding: 70px 0;} 

    .srch-content-section .container {max-width: 970px; }
    .srch-banner {  padding: 100px 0;} 

    .blog-listing-wrapper .post-listing .post-item .hs-featured-image-wrapper img {height: 215px;}
    .blog-listing-wrapper .post-listing .post-item .hs-featured-image-wrapper a {max-height: 215px;}
    .hs-blog-listing .blog-post-section .blog-listing-wrapper .post-listing { margin-left: -15px; margin-right: -15px;}
    .hs-blog-listing .blog-post-section .blog-listing-wrapper .post-listing .post-item {width: calc(33.33% - 30px); margin: 0 15px 50px;}
    .blog-page .insight-blog-section .book-img {max-width: 680px;}
    .blog-page .insight-blog-section .left-space-new { max-width: 690px;}
    .blog-page .insight-blog-section {padding-bottom: 90px;}

    .blog-post-section .container { max-width: 1170px;}
    .blog-post-wrapper .post-header {width: 100%;}
    /* 	.blog-post-wrapper .social-sharing {width: 100%;} */

    .related-post-wrap { margin-left: -15px; margin-right: -15px;}
    .target-cta-section a.cta_button {padding: 15px 18px;}

    .sidebar-wrap .form-wrap h3 { font-size: 24px; line-height: 32px;}
    .sidebar-wrap .form-wrap form .hs-submit input { height: 45px; font-size: 18px; line-height: 15px;}
    .sidebar-wrap .form-wrap form .hs-submit { margin-top: 15px;}
    .sidebar-wrap .form-wrap {margin-bottom: 20px;}

    .target-cta-section h3    { font-size: 24px;  line-height: 32px;}
    .target-cta-section {  padding: 20px 14px 40px;}
    .target-cta-section a.cta_button {margin-top: 15px;margin-bottom: 25px;}
    .target-cta-section {font-size: 16px;  line-height: 24px;}

    .data-option-tab-section .tabs-container {    padding: 95px 0;}
    .data-option-tab-section .tab-content {  padding: 100px;}
    .data-need-section {padding: 100px 0 0; }
    .data-need-section .section-content-row { padding: 100px 0;} 
    .data-need-section .section-content-row a { width: 690px;height: 382px;}

    .row-fluid .resource-insight-blog .book-img { max-width: 680px; }
    .row-fluid .resource-insight-blog .left-space { max-width: 690px; }
    .row-fluid .resource-insight-blog { padding-bottom: 90px; }

    .row-fluid .banner_new h1 { font-size: 73px; line-height: 82px; }

    /* 26-11-2020 */
    .blog-page .insight-blog-section .book-img {  max-width: 560px; }

}
@media(max-width:1199px){

    .webinar-lp h1 {font-size:52px; line-height:60px;}
    .webinar-lp h2 {font-size:44px; line-height:52px;}
    .webinar-lp h3 {font-size:42px; line-height:50px;}
    .resource-update-section h3 { font-size:21px; }
    .row-fluid .banner-section {min-height: 550px;}
    .banner-section:after, .landing-footer-section:before, .general-int-lp .banner-section:after {height:100px;}
    .row-fluid .banner-section .banner-caption {width: 550px;}

    .impact-2020-section {padding:70px 0;}

    .landing-footer-section { padding-top: 150px; padding-bottom:40px;}
    .landing-footer-section .row-fluid .webinar-form-wrap {margin-bottom:40px;}

    #primary-menu-trigger i.icon-reorder-mako:before {content: "\f0c9"; font-family: FontAWesome !important;}

    .home-new .row-fluid .banner-section .banner-caption h2 {font-size: 52px;line-height: 60px;}
    .home-new .row-fluid .banner-section .banner-caption h1 {font-size: 32px; line-height: 40px;}
    .home-new .row-fluid .banner-section .banner-caption p { font-size: 18px; line-height: 30px;}

    .home-new .row-fluid .banner-section {background-size:cover;}

    .casestudy-banner-section.resource-banner { padding: 100px 0 100px;}

    .resource-list-section .container { width: 970px;}
    .resource-list-section .grid-item-wrap .grid-item { width: 280px;}

    .resource-list-section .filter-row .filters > span { font-size: 20px; line-height: 26px;}
    .insight-blog-section .cta-content { font-size: 16px;line-height: 24px;}
    .insight-blog-section .btn-wrap a { font-size: 18px; line-height: 18px;padding: 17px 32px;}
    .insight-blog-section .book-img {  position: absolute; right: 0; bottom: 0;}
    .insight-blog-section .btn-wrap {margin-bottom:70px;}
    .insight-blog-section{position:relative;}

    .error-wrapper { padding: 100px 0; min-height: 800px !important;}
    .error-wrapper .content-wrap h1 {font-size: 73px; line-height: 80px;}

    .sys-page-banner h1 { font-size: 65px;  line-height: 72px;}
    .unsubscribe-content-wrap {padding: 55px 0;}

    .subscribe-preference-banner h1 {font-size: 55px; line-height: 62px;}
    .sys-page-banner.subscribe-preference-banner { padding: 100px 0; min-height: 290px !important;}

    .error-wrapper .container  {max-width: 800px;}
    .error-wrapper .content-wrap p {padding-right: 60px;}

    .srch-content-section .container { max-width: 750px;}

    .srch-content-section { padding: 80px 0;}

    .casestudy-banner-section.blog-banner .banner-caption h1 { font-size: 73px; line-height: 80px;}
    .blog-post-section { padding: 40px 0;} 
    .blog-page .insight-blog-section .btn-wrap { margin-bottom: 0;}
    .blog-page .insight-blog-section .left-space-new { max-width: 580px;}
    .blog-page .insight-blog-section .book-img { max-width: 545px;}

    .blog-post-wrapper .post-header h1 { font-size: 50px;line-height: 60px;}
    .blog-post-wrapper .post-header {  width: 100%;}
    /* 	.blog-post-wrapper .social-sharing {  width: 100%;} */

    .sidebar-wrap .form-wrap h3 {    font-size: 30px; line-height: 40px;}
    .target-cta-section {padding-top:90px;}
    .target-cta-section h3 { font-size: 28px; line-height: 37px;}
    .target-cta-section a.cta_button {  font-size: 16px;line-height: 16px; }
    .blog-inner-cta {padding-left:100px}

    .about-author-sec .author-img { width: 200px;  height: 200px;}
    .about-author-sec .author-img img {  width: 179px;	height: 179px; }
    .about-author-sec .author-content {    width: calc(100% - 200px);}
    .related-post-wrap .post-item .post-body img {height: 193px;}
    .related-post-wrap .post-item .post-body a {max-height: 193px;}
    .related-post-section {padding: 60px 0;}

    .blog-post-section .container {  max-width:900px;} 

    .row-fluid .casestudy-banner-section.data-lice-banner {  padding-bottom: 80px !important;padding-top:80px;}
    .data-option-tab-section .tabs-container h3 { font-size: 50px; line-height: 60px;margin-bottom: 30px;}
    .data-option-tab-section .tabs-title h5 {font-size: 28px;  line-height: 34px}
    .data-option-tab-section .tab-content h4 { font-size: 42px; margin-bottom: 20px; line-height: 50px;}
    .data-option-tab-section .tab-content {  padding: 100px 50px;}

    .data-need-section { padding: 80px 0 0;}
    .data-need-section .section-content-row { padding: 80px 0;}
    .data-need-section .section-content-row a { width: 580px; height: 332px;}
    .data-need-section .content-wrap { margin-top: 25px; padding-left: 40px;}
    .data-need-section .content-wrap h4 { font-size: 34px; line-height: 42px;}

    .data-need-section .section-content-row a, .data-need-section .section-content-row .video-container { width: 580px; height: 332px;}
    .row-fluid .resource-insight-blog .left-space { max-width: 580px; }
    .row-fluid .resource-insight-blog .left-space .btn-wrap { margin-bottom: 0;}
    .row-fluid .resource-insight-blog .left-space .btn-wrap a { font-size: 18px; line-height: 18px; padding: 17px 32px; }
    .row-fluid .resource-insight-blog .left-space .cta-content { font-size: 16px; line-height: 24px; }
    .row-fluid .resource-insight-blog .book-img { max-width: 545px; }

    .new-site-header .new-header-section ul.mobile-menu ul.hs-menu-children-wrapper { width: 157px !important;}

    .new-hf-design .casestudy-banner-section { padding-top: 220px !important;}
    .row-fluid .casestudy-banner-section.resource-banner.solution-banner { padding-bottom: 122px; padding-top: 276px !important; }

    .row-fluid .banner_new { min-height:540px; }
    .row-fluid .banner_new h1 { font-size: 62px; line-height: 70px; }
    .row-fluid .banner_new h3 { font-size: 38px; line-height: 46px; }

    .row-fluid .fraudguard_process { padding:80px 0 60px; }
    .row-fluid .fraudguardprocess_box .icon img { max-height:85px; }
    .row-fluid .fraudguardprocess_box .text { font-size: 16px; line-height: 30px; }


    .dna-legal-page .row-fluid .casestudy-banner-section.resource-banner.solution-banner { padding-bottom: 220px; }
    .dna-legal-page .legal_service:after { bottom: -130px; right: -180px; width: 300px; }
}

@media(max-width:1086px){

    #primary-menu-trigger {left: inherit !important;right:0 !important;}
    .list-page .row-fluid .container {max-width:750px;}
    .industries-served-section .services-wrap .single-service-col h5 span {font-size: 16px; line-height: 26px;}
    .form-section .section-title .sub-title {font-size: 28px; line-height: 36px;}
    .list-page .row-fluid .zigzag-section .container { max-width: 750px;}
    .form-section .section-title h3 {font-size: 56px; line-height: 62px;}

}

@media(max-width:991px){

    .webinar-lp h1 {font-size:50px; line-height:58px;}
    .webinar-lp h2 {font-size:42px; line-height:50px;}
    .webinar-lp h3 {font-size:38px; line-height:46px;}
    .webinar-lp h4 {font-size:32px; line-height:40px;}

    .row-fluid .banner-section .banner-caption h4 {text-align:left !important }
    .webinar-lp .banner-section h1, .webinar-lp .banner-section h2,.webinar-lp .banner-section h3, .webinar-lp .banner-section h4 {text-align:left !important; }

    .row-fluid .banner-section { min-height: 520px;} 

    .impact-2020-section h2, .landing-footer-section h3 {text-align:center !important;}
    .banner-section:after, .landing-footer-section:before, .general-int-lp .banner-section:after {  height: 90px;}

    .zigzag-section .single-row .content-wrap h5 {text-align:left !important;}
    .zigzag-section .single-row .content-wrap {padding: 0 0 0 40px;}
    .zigzag-section .single-row:nth-child(even) .content-wrap {  padding-right: 30px;}
    .zigzag-section .single-row {    margin-bottom: 20px;}

    .list-page .row-fluid .banner-section .banner-caption {max-width:520px;}
    .list-page .row-fluid .banner-section { min-height: 440px;}
    .banner-section .banner-caption .sub-title h1{ font-size: 22px; line-height: 35px;}
    .list-page .row-fluid .banner-section a.blue-btn {padding:20px;}
    .row-fluid .quote-section .quote-content-wrap h5 {text-align:left !important;}
    .quote-section {padding:70px 0;}

    .zigzag-section {padding:70px 0;}

    .industries-served-section { padding: 70px 0 30px;}

    .form-section { padding: 70px 0;}
    .form-section .section-title .sub-title { font-size: 24px; line-height: 30px;} 
    .form-section .section-title h3 { font-size: 48px; line-height: 54px;margin-bottom: 30px;}
    .form-section .webinar-form-wrap .ready-to-learn-form .hs-submit input {height: 56px;padding: 10px !important;}

    .home-new .row-fluid .banner-section .banner-caption {max-width:100%;text-align: left;padding: 0 15px;}
    .home-new .row-fluid .banner-section .banner-caption h2, .home-new .row-fluid .banner-section .banner-caption h1 { text-align:left!important; }
    .home-new .row-fluid .banner-section .banner-caption .banner-logo {text-align:center;}

    .advantage-section .col_one_sixth {width: 33.33%; margin: 0 0 25px;}
    .advantage-section .col_one_sixth:nth-child(3n+1) {clear:left;}
    .home-new .row-fluid .banner-section .banner-caption {position:relative; transform: none; top: inherit; padding: 75px 0;}

    .resource-banner.casestudy-banner-section .banner-caption h1{font-size:55px;line-height:62px;}
    .resource-banner.casestudy-banner-section .banner-caption{text-align:center;}
    .resource-update-section h3 + div{width:100%;padding:0;margin-top:20px;}
    .resource-list-section .container{width:750px;}
  @media(max-width: 750px){
    .resource-list-section .container{width:90%;}
  }
    .resource-update-section h3 {font-size: 24px; line-height: 36px;}
    .resource-list-section .filter-row h3{    margin-bottom: 15px;}
    .resource-list-section .grid-item-wrap .grid-item h5, .resource-list-section .grid-item-wrap .grid-item h3 {    text-align: left !important;}
    .resource-update-section h3 {width:100%; text-align:center;}
    .resource-list-section .filter-row {margin-bottom: 40px; }
    .resource-list-section .grid-item-wrap .grid-item { width: 330px;}

    .insight-blog-section { padding: 65px 0 0;}
    .insight-blog-section h2 {text-align:left !important;} 	

    .error-wrapper .content-wrap h1 { font-size: 65px; line-height: 72px; text-align: left !important;}
    .error-wrapper { padding: 70px 0; min-height: 700px !important;}
    .error-wrapper .content-wrap form input {padding: 18px 25px;}

    .sys-page-banner h1 { font-size: 55px; line-height: 62px;}
    .unsubscribe-content-wrap h3 {    margin-bottom: 15px;}
    .unsubscribe-content-wrap form input[type='submit']{padding: 7px 30px !important;}

    .sys-page-banner.subscribe-preference-banner {  padding: 90px 0; min-height: 250px !important;}
    .subscribe-preference-banner h1 {font-size: 45px; line-height: 52px;}
    .preference-content-section { padding: 50px 0;}
    .preference-content-section .page-header { margin: 0 auto 40px !important;}
    .error-wrapper .container { max-width: 710px;}
    .error-wrapper .content-wrap p {  padding-right: 0;}

    .srch-content-section .container { max-width: 700px;}
    .srch-banner {  padding: 80px 0;}
    .srch-content-section { padding: 70px 0;}

    .casestudy-lp .casestudy-banner-section { padding: 195px 0 100px;}

    .casestudy-banner-section.blog-banner .banner-caption h1 { font-size: 60px; line-height: 70px; margin: 0;}
    .blog-listing-wrapper .post-listing .post-item .post-header h2 {text-align: left !important;}
    .blog-listing-wrapper .post-listing .post-item .hs-featured-image-wrapper img { height: 145px;}
    .blog-listing-wrapper .post-listing .post-item .hs-featured-image-wrapper a { max-height: 145px;}

    .blog-page .insight-blog-section .left-space-new { max-width: 100%; width: 100%; padding: 0 15px; margin: 0 !important;}
    .blog-page .insight-blog-section .book-img { max-width: 100%; position: relative; margin-bottom: -100px; bottom: 0; right: 0; left: 0; margin: 0 auto -130px;}

    .blog-post-section .blog-wrapper {width:100%;}
    .blog-post-wrapper .post-header h1 {text-align: left !important;font-size: 42px;  line-height: 50px;}
    .blog-post-wrapper .post-body h3, .blog-inner-cta .cta-content-wrap h2, .about-author-sec .author-content h3, .about-author-sec .author-content h2, .related-post-wrap .post-item .post-header h2 {text-align: left !important;}

    .sidebar-wrap{ margin: 25px 0 0 !important;  width: 100% !important;}
    .related-post-wrap .post-item .post-body img { height: 163px;}
    .related-post-wrap .post-item .post-body a {  max-height: 163px;}

    .blog-post-section .container { max-width: 700px;}
    .data-lice-banner .banner-caption p { margin: 10px 0 30px;}
    .banner-caption .video-wrap a .play-btn {right:0}
    .leadlist-page .row-fluid .casestudy-banner-section.resource-banner.solution-banner.data-lice-banner:after {display:none}
    .data-option-tab-section .tabs-container, .row-fluid .mortgage-data-tab .data-option-tab-section .tabs-container { padding: 60px 0;width:35%;} 
    .data-option-tab-section .tabs-container h3, .row-fluid .mortgage-data-tab .data-option-tab-section .tabs-container h3 { padding: 0 20px;font-size: 40px;  line-height: 50px;}
    .data-option-tab-section .tabs-title {  padding: 15px 20px;}
    .data-option-tab-section .tabbing-main {width: 65%; }
    .data-option-tab-section .tab-content { padding: 60px 50px;}
    .data-option-tab-section .tab-content h4 {    font-size: 36px;line-height: 44px;text-align: left !important;}
    .data-need-section .section-title h2 { font-size: 46px;line-height: 60px;}
    .data-need-section {  padding: 60px 0 0;} 
    .data-need-section .section-content-row {  padding: 60px 0;}
    .data-option-tab-section .tabs-title h5 { font-size: 24px; line-height: 28px;}
    .data-need-section .content-wrap h4 {text-align:left !important;}
    .data-need-section .content-wrap { margin-top: 0; padding-left: 20px;}
    .data-option-tab-section:after {display:none}
    .data-need-section .section-content-row:after {display:none;}
    .data-need-section .section-content-row a { width: 470px; height: 282px;}

    .banner-caption .video-wrap a iframe, .banner-caption .video-wrap .video-container iframe { width: 731px !important; height: 375px !important;}
    .banner-caption .video-wrap a, .banner-caption .video-wrap .video-container {height: 375px;    width: 760px;}

    .data-need-section .section-content-row a, .data-need-section .section-content-row .video-container { width: 440px; height: 252px;}
    .data-need-section .section-content-row .video-wrap a .play-btn, .data-need-section .section-content-row .video-container .play-btn { width: 100px; height: 100px;   bottom: 30px; right: 0;}

    .row-fluid .resource-insight-blog .left-space { max-width: 100%; width: 100%; padding: 0 15px 0 15px !important; }
    .row-fluid .resource-insight-blog .book-img { max-width: 100%; position: relative; margin-bottom: -100px; bottom: 0; right: 0; left: 0; margin: 0 auto -130px; }

    .new-header-section .mainmenu .hs-menu-wrapper > ul > li:last-child{padding-right: 25px;}
    .new-header-section .mainmenu .hs-menu-wrapper > ul {padding-left:0;}


    .new-hf-design .banner-btm-space { padding-bottom: 80px;}
    .new-hf-design .banner-top-space { padding-top: 90px;}
    .appraisal-sw-page .data-full-content:after { content:none; }

    .row-fluid .banner_new { min-height:540px; }
    .row-fluid .banner_new h1 { font-size: 55px; line-height: 62px; }
    .row-fluid .banner_new h3 { font-size: 32px; line-height: 40px; }

    .row-fluid .fraudguardprocess_box { padding:15px 10px; }
    .row-fluid .fraudguard_process h2 { font-size: 38px; line-height: 46px; }


    .dna-legal-page .verified_section .image { margin: 50px 0; }
    .dna-legal-page .row-fluid .casestudy-banner-section.resource-banner.solution-banner { padding-bottom: 220px; }
    .dna-legal-page .legal_service:after { content:none; }
    .row-fluid .fraudguard-sec .legal_service_box .left { width:100%; }
    .row-fluid .fraudguard-sec .legal_service_box { padding:60px 0 }

    /* 26-11-2020 */
    .form-content-section .form-part form .hs-form-field .input input { height: 40px; }
    .form-content-section .form-part form .hs-form-field label span { font-size: 14px; }
    .form-content-section .form-part form .hs-richtext p { font-size: 14px; line-height: 24px; }
    .hs-form-field label { font-size: 14px; }

    .row-fluid .casestudy-banner-section.resource-banner.solution-banner { padding-top: 220px !important; /*padding-bottom: 90px !important;*/ }
    .row-fluid .inner_hero_bottom .casestudy-banner-section.inner_hero_section { padding-bottom: 220px !important; }

    .confiramation-page .resource_hero_section .casestudy-banner-section.resource-banner.solution-banner.inner_hero_section { padding: 220px 0 200px !important; }
    .row-fluid .legal_hero_bottom .casestudy-banner-section.resource-banner { padding-bottom: 190px !important; }

    .row-fluid .casestudy-banner-section.resource-banner.solution-banner.casestudy_hero_section {  padding-bottom: 190px !important; }
    .row-fluid .marketview_hero .casestudy-banner-section.resource-banner.solution-banner {  padding-bottom: 200px !important; }

    /* 29-01-2021 */
    .row-fluid .lenders-hero { padding-bottom: 90px; }
    .intelligence-left { width: 300px; }
    .intelligence-right { width: calc(100% - 300px); padding-left: 30px; }
    .intelligence-text ul { padding-left: 0; }
    .intelligence-text-botton { font-size: 30px; }
}
@media(max-width:767px){

    .webinar-lp h1 {font-size:42px; line-height:50px;}
    .webinar-lp h2 {font-size:40px; line-height:48px;}
    .webinar-lp h3 {font-size:36px; line-height:54px;}
    .webinar-lp h4 {font-size:30px; line-height:38px;}

    .row-fluid .banner-section {padding:50px 0;}
    .row-fluid .banner-section .banner-caption {position:relative;top:inherit;left:0;transform:none;width:100%; max-width:100%; margin-bottom:20px; }
    .row-fluid .banner-section .banner-img {position:relative;}
    .row-fluid .banner-section .banner-img img {right:0;}
    .banner-section:after, .landing-footer-section:before, .general-int-lp .banner-section:after { height: 63px;} 

    .impact-2020-section { padding: 40px 0;}

    .landing-footer-section .container {margin:0 auto !important;}
    .landing-footer-section .webinar-form-wrap form fieldset, .landing-footer-section .webinar-form-wrap form fieldset:nth-child(5), .landing-footer-section .webinar-form-wrap form fieldset:nth-child(8) {width:100%; margin:0 0 15px;}
    .landing-footer-section .webinar-form-wrap form fieldset .legal-consent-container {margin:0;}
    .landing-footer-section .webinar-form-wrap form .hs-submit input {min-width:1px;}

    .landing-footer-section {padding-top:120px;}

    .watch-lp .landing-footer-section .row-fluid .webinar-form-wrap {padding:20px;}
    .landing-footer-section .webinar-form-wrap .ready-to-learn-form fieldset.form-columns-2 .hs-form-field {width:100%; margin:0 0 15px;}
    .landing-footer-section .webinar-form-wrap .ready-to-learn-form .hs-product_offerings ul li {width:100%; float:left;}

    .general-int-lp .impact-2020-section .section-content.iconwrap .span3 { margin-bottom:20px;}

    .list-page .row-fluid .banner-section .banner-caption { max-width: 100%;} 
    .list-page .row-fluid .banner-section a.blue-btn {min-width: 190px;}
    .zigzag-section .single-row { flex-direction: column;}
    .zigzag-section .single-row .img-wrap {width: 100%;}
    .zigzag-section .single-row .content-wrap { padding: 0; width: 100%; margin-top: 15px;}

    .quote-section { padding: 40px 0;}
    .row-fluid .quote-section .quote-content-wrap h5 {font-size: 20px;line-height: 30px;}

    .list-page .row-fluid .banner-section { min-height: 400px;}
    .zigzag-section { padding: 40px 0;}
    .zigzag-section .single-row:nth-child(even) { flex-direction: column;}

    .industries-served-section { padding: 40px 0 0;}
    .industries-served-section .services-wrap .single-service-col {width: calc(50% - 30px);}
    .industries-served-section .section-title h2 {margin-bottom: 40px;}
    .industries-served-section .services-wrap .single-service-col:nth-child(4n + 1) {clear:none;}
    .industries-served-section .services-wrap .single-service-col:nth-child(2n + 1) {clear:none;}

    .form-section .section-title h3 {  font-size: 38px; line-height: 44px;}
    .form-section .webinar-form-wrap .ready-to-learn-form .hs-form-field {width:100%;}
    .form-section { padding: 50px 0;}
    .form-section .webinar-form-wrap .ready-to-learn-form .hs-form-field input {width:100% !important;}

    .advantage-section .col_one_sixth {width:100%;}
    .advantage-section .col_one_sixth:last-child {margin-bottom:0;}

    .home-new .row-fluid .banner-section .banner-caption h2 { font-size: 40px; line-height: 50px;}
    .home-new .row-fluid .banner-section .banner-caption h1 {font-size: 26px; line-height: 34px;}
    .home-new .row-fluid .banner-section .banner-caption {padding:0;}
    .row-fluid .default-form form { padding: 20px 16px; }
    .row-fluid .default-form .submitted-message { padding: 20px 20px; }
    .row-fluid .default-form .submitted-message p { font-size: 14px; }

    .casestudy-banner-section.resource-banner { padding: 60px 0;}
    .resource-banner.casestudy-banner-section .banner-caption h1 { font-size: 42px; line-height: 57px;}
    .resource-update-section h3 {font-size: 20px; line-height: 30px;}
    .resource-list-section {padding:50px 0;}
    .resource-list-section .filter-row .filters > span {margin: 0; width: 100%;}
    .resource-list-section .filter-row .filters {width:100%;}

    .resource-list-section .grid-item-wrap .grid-item { width: 100%; margin: 0;}
    .insight-blog-section .book-img { position: relative; right: 0; bottom: 0; left: 0; margin: 0 auto;}

    .insight-blog-section .left-space {padding-left: 0 !important; max-width: 470px; margin: 0 auto !important;}

    .resource-update-section h3 + div form .input input {font-size: 18px;line-height: 18px;}

    .resource-list-section .filter-row .filters ul {width:100%; left:0;}

    .error-wrapper .content-wrap h1 { font-size: 42px; line-height: 52px; margin-bottom: 20px;}
    .error-wrapper .content-wrap form {margin: 20px 0 0;}

    .sys-page-banner { padding: 50px 0 20px;}
    .sys-page-banner h1 { font-size: 42px; line-height: 50px;}
    .unsubscribe-content-wrap {padding: 40px 0;}
    .unsubscribe-content-wrap form input {width:100% !important; height:60px;}
    .unsubscribe-content-wrap  form input::-webkit-input-placeholder { /* Chrome/Opera/Safari */ font-size: 16px; }
    .unsubscribe-content-wrap  form input::-moz-placeholder { /* Firefox 19+ */  font-size: 16px;}
    .unsubscribe-content-wrap  form input:-ms-input-placeholder { /* IE 10+ */  font-size: 16px;}
    .unsubscribe-content-wrap  form input:-moz-placeholder { /* Firefox 18- */ font-size: 16px;	}

    .subscribe-preference-banner h1 {font-size: 42px; line-height: 50px;}	
    .preference-content-section form .checkbox-row input + span { font-size: 20px; line-height: 30px; display:inline-block; margin:0;padding-left: 20px;}
    .preference-content-section form .checkbox-row input[type="checkbox"]:checked + span:after { width: 20px; height: 16px;}
    .preference-content-section form .email-prefs .subscribe-options p label input + span { display: inline-block; font-size: 20px; line-height: 30px; margin-left:0;padding-left: 45px;}
    .preference-content-section form .item-inner p { padding-left: 34px;}
    .preference-content-section form .email-prefs .subscribe-options p label input {position:absolute;}

    .confirm-content-wrap .page-header h2, .preference-content-section .page-header h2  {font-size:20px; line-height:30px;}
    .srch-banner { padding: 60px 0;}

    .casestudy-lp.list-page .new-header-section .logo-wrap {max-width:100%;    width: 100%;} 
    .casestudy-lp .casestudy-banner-section { padding: 175px 0 50px;}
    .casestudy-lp .casestudy-banner-section .banner-caption h2 { font-size: 24px; line-height: 36px;}

    .casestudy-banner-section.blog-banner {padding: 70px 0;}
    .casestudy-banner-section.blog-banner .banner-caption h1 { font-size: 42px;line-height: 50px;}
    .hs-blog-listing .blog-post-section .blog-listing-wrapper .post-listing { margin-left: 0; margin-right: 0;} 
    .hs-blog-listing .blog-post-section .blog-listing-wrapper .post-listing .post-item {width: 100%;  margin: 0 0 30px;}
    .blog-listing-wrapper .post-listing .post-item .hs-featured-image-wrapper a { max-height: 185px;}
    .blog-listing-wrapper .post-listing .post-item .hs-featured-image-wrapper img {  height: 185px;}

    .blog-post-wrapper .post-header h1 {font-size: 38px; line-height: 46px;}
    .blog-post-wrapper .post-header {  width: 100%;padding: 0;}
    /* 	.blog-post-wrapper .social-sharing{width:100%;text-align: left;} */
    .blog-post-wrapper .social-sharing ul {padding-left:0;}
    .blog-inner-cta{padding:15px;}
    .blog-inner-cta .cta-content-wrap h2{font-size:32px;line-height:40px;}
    .blog-inner-cta .cta-content-wrap{font-size:20px;line-height:28px;}
    .blog-inner-cta .hs-cta-wrapper{width:100%;display:inline-block;}
    .about-author-sec{flex-direction:column;padding:40px 20px;}
    .about-author-sec .author-content{width:100%;padding:0;}
    .about-author-sec .author-img {    margin-bottom: 20px;}
    .related-post-wrap{margin-left:0;margin-right:0;}
    .related-post-section .section-title h2{font-size:32px;line-height:42px}
    .related-post-wrap .post-item{width:100%;margin:0 0 25px;}

    .banner-caption .video-wrap a {height: 255px;}
    .banner-caption .video-wrap a .play-btn { width: 100px; height: 100px;	}
    .banner-caption .video-wrap a iframe { width: 100% !important; height: 100% !important;}
    .data-option-tab-section .tabbing-main {width:100%; position:relative;}

    .data-option-tab-section .tabbing-main .tabs-title {display:none;}
    .data-option-tab-section .tabs-container, .row-fluid .mortgage-data-tab .data-option-tab-section .tabs-container {width:100%;padding: 30px 15px;}
    .data-option-tab-section .tabs-container span { font-family: 'Oswald',sans-serif !important; font-size: 18px;line-height: 26px; color: #fff; padding: 10px 15px; width: 100%; display: inline-block; border: 1px solid; position:relative;}
    .data-option-tab-section .tabs-container span:after { content:"\f107"; font-family:FontAwesome; font-size:20px;position: absolute;   right: 15px;}
    .data-option-tab-section .tabs-title.current:after {display:none;}
    .data-option-tab-section .tabs-container .tabing-title {position: absolute; width: calc(100% - 30px); background-color: #003763;  z-index: 99;display:none}
    .data-option-tab-section .tabs-title h5 { font-size: 18px; line-height: 18px;  text-align: left !important;}
    .data-option-tab-section .tabs-title {margin:0;}
    .tabs { margin:0}
    .data-option-tab-section .tab-content { padding: 30px;}
    .data-need-section {padding: 50px 0 0;}
    .data-need-section .section-title h2 { font-size: 36px; line-height: 50px;}
    .data-need-section .section-content-row { padding: 30px 0;}
    .data-need-section .section-content-row .video-wrap {width:100%;}
    .data-need-section .content-wrap { margin-top: 0;  padding-left: 0; width: 100%;}

    .data-need-section .section-content-row a { width: 440px; height: 252px;}
    .data-need-section .section-content-row .video-wrap a .play-btn { width: 100px;height: 100px;}
    .data-need-section .content-wrap{margin-top: 20px}

    .data-lice-banner .banner-caption p {font-size: 16px; line-height: 28px;}
    .row-fluid .casestudy-banner-section.data-lice-banner { padding-bottom: 50px !important; padding-top: 50px;}

    .banner-caption .video-wrap a, .banner-caption .video-wrap .video-container { height: 275px;}
    .banner-caption .video-wrap a iframe, .banner-caption .video-wrap .video-container iframe { width: 100% !important; height: 100% !important;}
    .banner-caption .video-wrap a .play-btn, .banner-caption .video-wrap .video-container .play-btn { width: 100px; height: 100px; right: 0; bottom: 50px;}

    .landing-footer-section .webinar-form-wrap form fieldset.form-columns-2 .hs-form-field {width:100%;}

    .left-content-right-img-section .content-wrap { max-width: 100%;}
    .left-content-right-img-section .img-wrap { width: 100%; text-align: center;}
    .left-content-right-img-section .img-wrap img {max-width: 300px;}
    .different-sol-section .section-title h2 {font-size: 32px; line-height: 40px;    margin-bottom: 40px;}
    .different-sol-section .content-row-wrap .sol-content-row .sol-icon { width: 70px;}
    .different-sol-section .content-row-wrap .sol-content-row .content-wrap {width: calc(100% - 80px);padding: 0 0 0 30px;}
    .different-sol-section .content-row-wrap .sol-content-row h5 {font-size: 22px; line-height: 30px;}
    .different-sol-section .btn-wrap { padding-left: 100px;}

    .center-cta-section .content-wrap h3 { font-size: 34px; line-height: 46px;}
    .center-cta-section .content-wrap h4 { font-size: 24px; line-height: 34px;}
    .easy-delivery-section .wrap-over .img-wrap {display:none;}
    .easy-delivery-section .wrap-over {padding: 0;}
    .easy-delivery-section .steps-wrap h3 {font-size:26px;}
    .loan-content-slider-section .slider-wrap {    padding-left: 35px;}

    .hoa-data-sol-page .row-fluid .casestudy-banner-section.resource-banner.solution-banner:after {display:none;}
    .hoa-data-sol-page .empower-section .empower-content p { padding: 0 30px;}
    .hoa-data-sol-page .empower-section .empower-content h2 { margin-top: 30px;}
    .hoa-data-sol-page .empower-section .empower-content .scroll-down { margin-top: 30px;}
    .hoa-data-sol-page .empower-section .empower-content .scroll-down a { padding: 20px;}
    .data-map-section .section-title h2 {text-align:center !important;}
    .data-map-section .section-content {    display: inline-block;}
    .data-map-section .left-part { padding-right: 0; width: 100%;}
    .data-map-section .right-part {width: 100%; margin-top:20px;}
    .hoa-img-with-text-section .content-row {flex-direction: column-reverse;}
    .hoa-img-with-text-section .content-row .img-wrap {width:100%;margin-bottom:20px;}

    .hoa-img-with-text-section .content-row .content-wrap {padding-left:0;}
    .data-ans-section .section-content .single-col { width: calc(50% - 34px);}
    .cta-strip-section .cta-img-wrap {position: relative;width: 100%; max-width: 100%; text-align: center; bottom: inherit;}
    .cta-strip-section .cta-img-wrap img {max-width:300px;}
    .cta-strip-section .cta-content-wrap { padding-left: 0; width: 100%; margin-top: 20px;}
    .hoa-img-with-text-section { padding: 45px 0;}
    .hoa-img-with-text-section .section-content .content-row.img-right {flex-direction: column-reverse;}
    .hoa-img-with-text-section .section-content .content-row.img-right .content-wrap {padding-right: 0;}
    .content-box-section { display: inline-block;}
    .content-box-section > div ul {margin-bottom:0;}
    .cta-strip-section.grey-bg .cta-img-wrap { max-width: 100%; bottom: inherit;}

    .owner-mark-sol-page .empower-section .empower-content { padding: 30px 20px;}

    .homeowner-need-section { padding: 50px 0 140px;}
    .homeowner-need-section.data-full-content .data-inner-content .left-col, .homeowner-need-section.data-full-content .data-inner-content .right-col{    padding-right: 20px;}
    .homeowner-need-section.data-full-content:before {bottom: -70px; height: 360px;}
    .owner-mark-sol-page .traditional-valuation-section .section-content .single-content-row h5:before { width: 38px;height: 28px; left: -48px;}
    .owner-mark-sol-page .traditional-valuation-section .section-content .single-content-row { padding-left: 45px;}
    .owner-mark-sol-page .traditional-valuation-section {background-blend-mode: overlay;}
    .mark-service-section .service-single-row { margin-bottom: 5px;}
    .owner-mark-sol-page .traditional-valuation-section { padding: 50px 0 35px;}
    .intelligent-marketing-section { padding: 50px 0 30px;}
    .intelligent-marketing-section .section-title {text-align: center;}
    .intelligent-marketing-section .section-content .list-col {padding-right: 0px; width: 100%;}
    .customer-eng-section { padding: 50px 0;}
    .owner-mark-sol-page .hoa-img-with-text-section .img-wrap {margin: 0 auto 20px;}
    .owner-mark-sol-page .hoa-img-with-text-section .section-content .content-row:first-child { margin-bottom: 20px;}
    .owner-mark-sol-page .hoa-img-with-text-section .section-content .content-row.img-right .content-wrap { padding-right: 0;}
    .owner-mark-sol-page .hoa-img-with-text-section .section-content .content-row { margin-bottom: 30px;}

    .mark-service-section .service-single-row .content-wrap h5 {font-size: 22px;line-height: 32px;}
    .customer-eng-section:before {display:none}

    .estate-data-property-page .empower-section .scroll-down a {padding:15px;font-size: 18px; line-height: 28px;}
    .estate-data-property-page .empower-section .scroll-down a {min-width: 160px;}
    .report-section .top-content h2 { font-size: 32px; line-height: 40px;}
    .report-section .report-content-wrap .single-box { width: calc(50% - 20px);}
    .report-section .request-report-box { width: calc(50% - 20px);padding:0 15px;}
    .report-section .request-report-box h2 {font-size: 30px;line-height: 38px;}
    .report-section .request-report-box a { font-size: 18px; line-height: 28px;}	
    .auto-report-section .view-report-cta .cta-img {height: auto; width: 100%; position: relative;}
    .auto-report-section .view-report-cta .cta-content {width: 100%;}

    .custom-package-section .img-wrap {max-width: 100%; width: 100%;text-align: center;}
    .custom-package-section .content-wrap {width: 100%;margin-top: 20px;padding: 0;}

    .datatree-about-section .page-container, .property-search-section .page-container {max-width:100% !important;}
    .datatree-about-section .page-container {display: inline-block;}
    .datatree-about-section .content-wrap {width:100%;}
    .datatree-about-section .img-wrap {padding: 0; width: 100%;text-align: center;}
    .datatree-about-section .img-wrap img {max-width: 260px; margin: 0 auto;}
    .property-search-section .left-side {  width: 100%; border:0;}
    .property-search-section .right-sidebar { width: 100%; position: relative; top: inherit; right: inherit;float: left; padding: 0;   text-align: center; display:none;}
    .property-search-section .left-side > div { padding-right: 0;}
    .img-hf-post-wrap .posts-wrap .single-post-wrap {width:100%;}
    .property-search-section .left-side .grey-bg:after { left: -20px; width: 106.4%;}
    .property-search-section .left-side .reliable-data-section.grey-bg { padding-right: 0;} 
    .property-search-section .left-side .grey-bg.full-width-img { padding-right: 0;}
    .sidebar-cta-wrap {    max-width: 280px; float: none; display: inline-block;}

    .property-search-section .right-sidebar .side-menu-wrap {    text-align: left;}

    .datatree-online-page .row-fluid .casestudy-banner-section.resource-banner.solution-banner { padding-bottom: 50px;}
    .datatree-online-page .row-fluid .casestudy-banner-section.resource-banner.solution-banner:after {display:none;}

    .right-sidebar .sidebar-menu ul li.has-child-item > a {padding: 7.5px 20px 7.5px 25px;}

    .advance-data-sol-page .row-fluid .casestudy-banner-section.resource-banner.solution-banner:after {display:none;}
    .advance-data-sol-page .empower-section .page-container { width: 100% !important;}
    .two-col-content-section { padding: 55px 0 20px;}
    .two-col-content-section .data-inner-content h2 {margin:0;}
    .two-col-content-section .data-inner-content .content-wrap .left-col { width: 100%;}
    .two-col-content-section .data-inner-content .content-wrap .right-col {  padding-left: 0; width: 100%;}
    .blue-title-strip .container {width:100% !important;}
    .blue-title-strip .content-wrap h3, .blue-title-strip h4 { font-size: 24px; line-height: 34px;}
    .advance-data-sol-page .empower-section .empower-content { padding: 20px;}

    .land-estate-service-page .data-full-content .data-inner-content h2 {font-size: 32px; line-height: 40px;    padding: 0;} 
    .land-estate-service-page .data-full-content h5 { font-size: 22px; line-height: 32px;}
    .land-estate-service-page .data-full-content:after {height: 101%;}

    .delivers-tools-section .section-title h2 {font-size: 32px; line-height: 40px;}
    .delivers-tools-section .single-tool-row .content-wrap h5 { font-size: 22px; line-height: 32px;}

    .map-tab-section { padding: 50px 0;}
    .map-tab-section .top-content { margin-bottom: 40px;}
    .map-tab-section .tabbing-main-wrap {width: 100%; padding: 0;}
    .map-tab-section .tabbing-main-wrap .tabs-title {background: #EFF1F5; color: #2D2D2D; padding: 14px 25px;position:relative;}
    .map-tab-section .tabbing-main-wrap .tabs-title:hover, .map-tab-section .tabbing-main-wrap .tabs-title.active  {background: #009FDD; color: #fff;} 
    .map-tab-section .tabbing-main-wrap .tabs {margin-bottom:10px;}
    .map-tab-section .tabbing-main-wrap .tab-content {padding:15px 10px;}
    .land-estate-service-page .traditional-valuation-section { background-size: cover; background-color: #ffffff;}
    .map-tab-section .tabbing-main-wrap .tabs-title:after {content: "\f107"; font-size:22px; font-family:FontAwesome;position:absolute;right: 20px; top: 10px;}
    .map-tab-section .tabbing-main-wrap .tabs-title.active:after {transform:rotate(180deg);}

    .land-estate-service-page .traditional-valuation-section .content-part { max-width: 100%;}
    .traditional-valuation-section .content-part .section-title h2 {font-size: 28px; line-height: 38px;}
    .mortgage-lending-page .empower-section .empower-content{padding:40px 30px 60px;margin-bottom: 60px;}
    .mortgage-lending-page .mortgage-process-circle img{max-width:100%;}
    .mortgage-lending-page .mortgage-process-circle {display:none;}

    .key-performace-section{padding:0 15px;}
    .ownership-verification-section .img-wrap img{max-width:70%;}
    .ownership-verification-section .img-wrap{top:inherit;position:relative;left:-15px;}
    .ownership-verification-section .content-wrap{max-width:100%;}
    .regulatory-com-section .left-content-wrap{width:100%;}
    .regulatory-com-section .section-title,.regulatory-com-section .section-content{padding-right:0;}
    .regulatory-com-section .right-boxes-wrap{width:100%;margin-top:20px;}

    .estate-data-property-page .empower-section .empower-content {max-width:100%;}

    .row-fluid .datatree-portalright .btn-style {padding-left:35px;}

    .new-site-header .new-header-section .ebiz-toggle { background-color: transparent;}
    .new-site-header .new-header-section .ebiz-toggle .icon-bar { width: 42px; height: 2px;background-color: #009FDD;}
    .new-site-header .new-header-section .ebiz-toggle .icon-bar + .icon-bar { margin-top: 6px;}
    .new-site-header .new-header-section .ebiz-toggle.ebiz-menuopen .icon-bar:nth-child(1) {top: 10px;}

    .new-site-header .new-header-section .mainmenu .mobile-menu { background-color: #ffffff;top: 75px}
    .new-site-header .new-header-section .mainmenu .hs-menu-wrapper > ul > li > a {color:#003865;padding: 10px 45px;}
    .new-site-header .new-header-section .mainmenu .hs-menu-wrapper > ul > li { border-bottom: 1px solid #D1D2D4;}
    .new-site-header .new-header-section .mainmenu .mobile-menu span.mobile-toggle {background-color: transparent;right: 40px;}
    .new-site-header .new-header-section .mainmenu .mobile-menu span.mobile-toggle:before, .new-site-header .new-header-section .mainmenu .mobile-menu span.mobile-toggle:after {background-color: #009FDD;}

    .new-site-header .new-header-section ul.mobile-menu ul.hs-menu-children-wrapper:before {display:none;}
    .new-site-header .new-header-section ul.mobile-menu ul.hs-menu-children-wrapper { background-color: #009FDD !important; left: 0 !important; transform: none; padding: 10px 0 0 !important; top: 90px !important; width: 100% !important; box-shadow: 0 0 10px rgb(2 21 36 / 0.43) inset;display:none;}
    .new-site-header .new-header-section .mainmenu .hs-menu-wrapper > ul > li > ul.hs-menu-children-wrapper li { border-bottom: 1px solid rgb(255 255 255 / 10%) !important;padding: 8px 45px !important;}
    .new-site-header .new-header-section .mainmenu .hs-menu-wrapper > ul > li > ul.hs-menu-children-wrapper li a {color:#fff !important;position:relative;}
    .new-site-header .new-header-section .mainmenu .hs-menu-wrapper > ul > li > ul.hs-menu-children-wrapper > li.hs-item-has-children > a:after {content:'';width:19px; height:24px; background-image:url(https://www.datatree.com/hubfs/_Icons/right-arrow-white.png);position:absolute; right:0; top:0;background-size: cover; background-position: center;}

    .new-hf-design .row-fluid .homev2-herosec.casestudy-banner-section { padding-top: 200px;}

    .new-hf-design .casestudy-banner-section { padding-top: 170px !important;}

    .new-hf-design .banner-btm-space {padding-bottom: 60px;}
    .confirmation-two-content-video-img-wrap { padding-bottom: 30px; }
    .confirmation-two-main-wrap { padding-top: 40px; padding-bottom: 40px; }
    .confirmation-two-main-wrap .scroll-down a { margin-top: 28px; padding: 12px 15px ; max-width: 140px; font-size: 16px; line-height: 24px; }
    .confirmation-two-main-wrap .row { display: flex; flex-flow: column-reverse; }
    .data-fuel-business-goals-section .content-wrap h2 {font-size: 32px; line-height: 42px;}  
    .api-guideline-section .guideline-single {margin-bottom: 25px;}


    .new-site-header .new-header-section .mainmenu .mobile-menu span.mobile-toggle { right: 0; width: 100%; }
    .mainmenu .mobile-menu span.mobile-toggle:after, .mobile-toggle:before { right: 53px; left: inherit; }

    .row-fluid .banner_new { min-height:500px; }
    .row-fluid .banner_new h1 { font-size: 42px; line-height: 50px; }
    .row-fluid .banner_new h3 { font-size: 28px; line-height: 36px; }

    .row-fluid .intro_empower .scroll-down { padding:0 20px 20px; display:inline-block; width:100%; }
    .row-fluid .intro_empower .scroll-down a { width:100%; border-radius:10px !important; }

    .row-fluid .automated_reports .report-content-wrap { margin:0; }
    .row-fluid .automated_reports .single-box { margin:10px 0; width:100%; height:auto !important; } 
    .row-fluid .automated_reports .view-report-cta { margin:10px 0; width:100%; }

    .row-fluid .fraudguardprocess_box { width:50%; }
    .row-fluid .fraudguard_process h2 { font-size: 30px; line-height: 38px; }


    .dna-legal-page .row-fluid .casestudy-banner-section.resource-banner.solution-banner { padding:150px 0 200px !important; }
    .col-box-3-repeater { width:100%; padding: 20px 0; }
    .dna-legal-page .documents_section h2 { font-size:32px; }
    .dna-legal-page .documents_section .content { text-align:center; }
    .dna-legal-page .documents_section .content ul { text-align:center; }
    .dna-legal-page .documents_section .content ul li { text-align:left; width:100%; }
    .dna-legal-page .content { font-size:16px; }

    .appraisal-sw-page .data-full-content:before { top: initial; }
    .row-fluid .solution-faq-inner .solution-faq-repeater h4 { padding-right:20px; }
    a.link { text-align: left; }
    .property-value-val-section .image { opacity: 0.4; }

    .blue-title-strip.strip_main_section .content-wrap h3 { font-size: 24px; line-height: 34px;  }
    .blue-title-strip.strip_main_section .content-wrap{ width: 100%; padding-right: 0; }
    .blue-title-strip.strip_main_section .strip_main_text { width: 100%; font-size: 18px; line-height: 28px; }
    .row-fluid .mortgage-data-tab .data-option-tab-section .tabs-title h5 { max-width:100%; font-size: 18px; line-height: 18px; font-weight:400; }

    /* 26-11-2020 */
    .row-fluid .casestudy-banner-section.resource-banner.solution-banner.inner_hero_section { padding:186px 0 98px !important; }
    .new-hf-design .contact-banner-wrapper { min-height: auto; padding-bottom: 100px; }
    .empower-section { margin-top: -60px; }
    .hoa-data-sol-page .data-full-content .data-inner-content:last-child p { margin-bottom: 0; }

    .dark .heading-block:not(.not-dark) span { text-align: center; }

/*     .casestudy-lp.list-page .new-header-section .logo-wrap { max-width: 200px; } */

    .form-content-section .form-part form .hs-form-field { width: 100% !important; }
    .form-content-section .form-part form .hs-form-field .input { margin-right: 0; }
    .form-content-section .form-part form .hs-form-field .input input.hs-input { width: 100%; }

    .form-content-section .content-part img {  display: table; float: none !important; margin: 0 auto 28px; }
    .hs-form-field .input { margin-right: 0 !important; }
    .hs-form-field { width: 100% !important; }
    .hs-form-field input.hs-input {  width: 100% !important; }

    .data-option-tab-section { display: block; }

    /*     .row-fluid .casestudy-banner-section.resource-banner.solution-banner.inner_hero_section { padding: 190px 0 70px !important; } */
    .row-fluid .casestudy-banner-section.resource-banner.solution-banner { padding-top: 190px !important; padding-bottom: 70px !important; }
    .webinar-lp.appraisal-sw-page .appr-sol-main h3 { font-size: 30px; line-height: 42px; }
    .row-fluid .contact-section .main-form .actions input {  height: 50px; }
    .default-form .hs-form fieldset.form-columns-2 {margin-left: 0;margin-right: 0;}
    .default-form .hs-form fieldset .hs-form-field {  margin-left: 0 !important; }

    .confiramation-page .resource_hero_section .casestudy-banner-section.resource-banner.solution-banner.inner_hero_section { padding: 210px 0 250px !important; }

    .dna-legal-page .legal_hero_bottom .casestudy-banner-section.resource-banner.solution-banner { padding: 190px 0 230px !important; }
    .row-fluid .casestudy-banner-section.resource-banner.solution-banner.casestudy_hero_section { padding-bottom: 100px !important; }

    .row-fluid .marketview_hero .casestudy-banner-section.resource-banner.solution-banner { padding-bottom: 250px !important; }

    .row-fluid .banner_new {  min-height: auto; padding: 200px 0 70px; }
    .dna_events .eventsHero { padding-top: 190px !important; }
    .selectWrap { margin: 40px auto 10px;  width: 100%; float: left; text-align: center; }

    /*  29-01-2021 */
    .intelligence-right { width: 100%; padding: 0; }
    .intelligence-left {  width: 100%; text-align: center; }
    .intelligence-text-botton { font-size: 28px;  line-height: 38px; }
    .intelligence-section { padding-bottom: 60px; } 

    .login-portal-first-american .inner{margin:-150px 0 0 0;border-radius:20px;padding:0;}
    .login-portal-first-american .inner .main-listing .inner-listing .list .btn-logo .logo{margin-left:0;}
    .login-portal-first-american .inner .main-listing .inner-listing .list .content-learn-more-btn{font-size:18px;}
    .login-portal-first-american .inner .main-listing h4{border-radius:0;}
    .login-portal-first-american .inner .main-listing .inner-listing{margin:5px 0;padding:15px;}
    .login-portal-first-american .inner .main-listing .inner-listing .list .content-learn-more-btn .learn-more-btn a {padding:0;}

}
@media(max-width:575px){    

    .webinar-lp h1 {font-size:36px; line-height:42px;}
    .webinar-lp h2 {font-size:32px; line-height:40px;}
    .webinar-lp h3 {font-size:28px; line-height:36px;}
    .webinar-lp h4 {font-size:24px; line-height:32px;}

    .impact-2020-section h5 {font-size:20px; line-height:28px;}
    .landing-footer-section .sub-title {font-size:18px; line-height:26px;}

    .banner-section:after, .landing-footer-section:before, .general-int-lp .banner-section:after {   height: 50px;}
    .landing-footer-section .row-fluid .webinar-form-wrap {padding:20px;}

    .landing-footer-section {padding-top:80px;} 

    .industries-served-section .services-wrap .single-service-col { width: 100%;margin: 0 0 15px;}

    .banner-section .banner-caption .sub-title h1{font-size:16px;line-height:28px;}
    .row-fluid .quote-section .quote-content-wrap h5{font-size:16px;line-height:28px;}
    .zigzag-section .single-row .content-wrap .content-text{font-size:16px;line-height:28px;}
    .industries-served-section .section-title h2{font-size:32px;line-height:40px;}
    .form-section .section-title .sub-title{font-size:20px;line-height:30px;}
    .form-section .section-title h3{font-size:30px;line-height:42px;}

    .home-new .row-fluid .banner-section .banner-caption h2 { font-size: 34px; line-height: 44px;}
    .home-new .row-fluid .banner-section .banner-caption .blue-btn a {min-width: 210px;}

    .form-content-section .content-part img{max-width: 320px;}

    .top-header .header-srch-wrap .srch-form-wrap{width:260px;}

    .new-footer-section .footer-right-part .footer-links { width: 100%; float: left; text-align: center;}
    .new-footer-section .footer-left-part {text-align:center;}

    .resource-banner.casestudy-banner-section .banner-caption h1 {font-size: 36px; line-height: 50px;}
    .resource-update-section h3 { font-size: 20px; line-height: 30px;}

    .insight-blog-section .left-space {max-width:310px; padding:0 15px !important;}

    .error-wrapper .content-wrap h1 {font-size: 42px;line-height: 52px;}
    .error-wrapper .content-wrap form input { padding: 10px 20px;font-size: 20px; line-height: 30px;background-size: 20px;}

    .preference-content-section form .item .item-inner {padding: 20px 15px;}
    .preference-content-section form .checkbox-row input {left: 0; position: absolute;}
    .preference-content-section form .checkbox-row input[type="checkbox"]:checked + span:after { left: 6px; top: 12px;}
    .preference-content-section form .checkbox-row input + span {padding-left: 50px;}
    .preference-content-section form .email-prefs > input[type="submit"] {    display: inline-block; width: 100%; font-size: 14px;margin-left: 0;padding:10px !important;}
    .preference-content-section form .item-inner p {font-size: 15px; line-height:26px;}

    .leadlist-sol-section .sol-list ul li:after {display:none;}

    .banner-caption .video-wrap a { height: 155px;}
    .data-option-tab-section .tabs-container h3, .row-fluid .mortgage-data-tab .data-option-tab-section .tabs-container h3 {font-size: 30px;  line-height: 40px;}

    .data-need-section .section-title h2 { font-size: 30px;  line-height: 40px;}
    .data-option-tab-section .tab-content h4 {  font-size: 28px;line-height: 36px;}

    .data-need-section .section-content-row a { width: 100%; height: 165px;}
    .data-need-section .content-wrap h4 { font-size: 28px; line-height: 34px;}

    .banner-caption .video-wrap a, .banner-caption .video-wrap .video-container { height: 165px;width: 310px;}
    .banner-caption .video-wrap a .play-btn, .banner-caption .video-wrap .video-container .play-btn { width: 100px; height: 100px; right: 0; bottom: 0;} 

    .data-need-section .section-content-row a, .data-need-section .section-content-row .video-container { width: 290px; height: 172px;}
    .data-need-section .section-content-row .video-wrap a .play-btn, .data-need-section .section-content-row .video-container .play-btn {bottom:0;}

    .banner-btm-content-section .img-wrap img { height: auto;} 

    .blue-round-btn a {padding: 15px 15px 18px; width: 100%;font-size: 18px; line-height: 26px;    box-sizing: border-box !important;}
    .different-sol-section .section-title h2 { font-size: 28px;line-height: 36px;}
    .different-sol-section .content-row-wrap .sol-content-row .content-wrap { width: 100%; padding: 15px 0 0;}
    .different-sol-section .btn-wrap { padding-left: 0;}
    .easy-delivery-section .steps-wrap .single-step-row {padding:20px;}

    .loan-content-slider-section .slider-wrap { padding-left: 0;  width: 100%; margin-top: 10px;}
    .loan-content-slider-section .quote-img { max-width: 40px;}
    .loan-content-slider-section .slider-wrap .single-slide h4 { font-size: 24px; line-height: 34px; }
    .loan-content-slider-section .slider-wrap ul.slick-dots {    margin-left: 0;}

    .hoa-data-sol-page .empower-section .empower-content h2 {text-align:center !important;margin-top: 0;}
    .hoa-data-sol-page .empower-section .empower-content {padding:20px;}
    .hoa-data-sol-page .empower-section .empower-content p { padding: 0;}
    .hoa-data-sol-page .empower-section .empower-content .scroll-down a {width: 100%; border-radius: 10px !important;}
    .hoa-data-sol-page .empower-section .empower-content .scroll-down a:first-child {margin-bottom:20px;}
    .data-ans-section .section-content { margin-left: 0; margin-right: 0;}
    .data-ans-section .section-content .single-col { width: 100%; margin: 0;} 
    .cta-strip-section .cta-img-wrap img { max-width: 270px;} 
    .hoa-img-with-text-section .content-row .content-wrap.two-col ul li { width: 100%; }

    .owner-mark-sol-page .contact-section .blue-round-btn a { padding: 15px 15px 18px;width: 80%}
    .owner-mark-sol-page .hoa-img-with-text-section .content-wrap h5 { font-size: 18px; line-height: 28px;}
    .owner-mark-sol-page .hoa-img-with-text-section .section-content .content-row.img-right .content-wrap {padding-right:0;}

    .mark-service-section .service-single-row .content-wrap, .homeowner-need-section.data-full-content .data-inner-content .left-col, .homeowner-need-section.data-full-content .data-inner-content .right-col {width: 100%; padding: 0;}
    .owner-mark-sol-page .contact-section h2 br {display:none;}

    .estate-data-property-page .empower-section .empower-content p { padding: 20px 25px 0px;} 
    .estate-data-property-page .empower-section .empower-content .scroll-down {padding: 0 15px;}
    .estate-data-property-page .empower-section .empower-content .scroll-down a {width: 100%; border-radius: 10px;}
    .estate-data-property-page .empower-section .empower-content {padding: 0 0 30px;}


    .report-section .report-content-wrap { margin-left: 0;margin-right: 0; }
    .report-section .report-content-wrap .single-box { width: 100%; margin: 0 0 20px;}
    .report-section .request-report-box { width: 100%; padding: 35px 15px; margin: 0;}

    .auto-report-section .view-report-cta { margin: 0; width: 100%;}
    .auto-report-section .view-report-cta .cta-img img { max-width: 100%;}

    .tidbit-section .section-title h2  {font-size: 22px; line-height: 30px;}
    .tidbit-section .section-title {padding: 20px 30px;}
    .tidbit-section { padding: 15px;} 
    .tidbit-section .section-content h3 { font-size: 20px; line-height: 28px;}
    .tidbit-section .section-content {font-size: 18px; line-height: 28px;}

    .specific-doc-section .section-content ul li { width: 100%; margin: 0 0 10px;}

    .doc-image-need-section .content-box .content-wrap h2 { font-size: 28px; line-height: 36px;}

    .map-img-section {    background-size: 0;}

    .property-search-section .left-side .grey-bg:after {display:none;}
    .fancybox-close-small { right: 0 !important;}

    .reliable-data-section.grey-bg:after {display:none;} 
    .reliable-data-section.grey-bg {padding:40px 15px 20px !important; margin-left:-15px; margin-right:-15px;background-color: #EFF1F5; float: left;}

    .data-currency-wrap.grey-bg {margin-left: -15px;margin-right: -15px; background-color: #EFF1F5; float: left; padding: 20px 15px 60px !important;}
    .sidebar-cta-wrap {display:none;}
    .property-search-section .page-container { display: flex; flex-direction: column-reverse;}
    .property-search-section .right-sidebar {margin-bottom:30px;}
    .delivers-tools-section .single-tool-row .content-wrap { width: 100%;padding: 0;}

    .delivers-tools-section .right-img-wrap .top-circle { width: 280px;height: 280px; padding: 50px 10px;}
    .delivers-tools-section .right-img-wrap .top-circle:after { width: 280px; height: 280px; top: 172px;}
    .delivers-tools-section .right-img-wrap .btm-circle {width: 280px; height: 280px; margin-top: -100px;}
    .delivers-tools-section .right-img-wrap .btm-circle-text { left: 54px; bottom: 105px;}

    .land-estate-service-page .traditional-valuation-section {background-size: 0; background-color: #eff1f5;}
    .land-estate-service-page .traditional-valuation-section .section-content ul { column-count: 1;}


    .mortgage-lending-page .empower-section .empower-content .scroll-down a { padding: 15px 25px;}

    .borrower-section .section-title h2 { font-size: 32px; line-height: 44px;}
    .borrower-section .two-col-icon-content-wrap .single-row .icon-wrap { margin-bottom: 10px;}
    .borrower-section .two-col-icon-content-wrap .single-row .content-wrap {width: 100%;padding:0;}
    .borrower-section .section-title { margin-bottom: 30px;}

    .ownership-verification-section .img-wrap img { max-width: 100%;}
    .ownership-verification-section .content-wrap h2 { font-size: 32px; line-height: 42px;}
    .ownership-verification-section .content-wrap { margin-top:15px;}
    .regulatory-com-section .section-title h2 { font-size: 32px; line-height: 42px;}	  

    .flexible-del-section .top-content h2 { font-size: 34px; line-height: 44px;}
    .flexible-del-section .single-col {width: 100%;padding-right:0;}

    .row-fluid .datatree-portalright .btn-style {padding-left:0px; text-align:center;} 

    .land-estate-service-page .data-full-content:before { height: 100%; top: 35%;}

    .lp-main-header.new-site-header .top-header {display:none;}
    .lp-main-header.new-site-header .top-header .container {width:100% !important;}
    .lp-main-header.new-site-header .top-header .hs-menu-wrapper ul li {padding: 14px 10px;}
    .lp-main-header.new-site-header .top-header .hs-menu-wrapper ul li a {  font-size: 16px; line-height: 24px;}

    .new-hf-design .row-fluid .homev2-herosec.casestudy-banner-section { padding-top: 130px;} 
    .new-site-header .new-header-section .mainmenu .mobile-menu {top:90px;}

    .new-site-header .new-header-section .container {width:100% !important;padding: 0 30px;}

    .new-hf-design .contact-banner-wrapper {  padding-top: 140px !important; padding-bottom: 100px;}

    .api-json-page .row-fluid .casestudy-banner-section.resource-banner.solution-banner {padding-top: 166px !important;}

    .row-fluid .banner_new { padding:80px 0 20px; }

    .row-fluid .fraudguardprocess_main { margin-top:10px; }
    .row-fluid .fraudguardprocess_box { width:100%; padding:15px 0; }
    .row-fluid .fraudguardprocess_box .text { margin-top:15px; }

    /* 26-11-2020 */
    .api-json-page .row-fluid .casestudy-banner-section.resource-banner.solution-banner { padding-top: 130px !important; }
    .new-hf-design .section.dark {padding-top: 120px !important; }

    .new-site-header .new-header-section .container { padding: 0 15px; }
    .row-fluid .new-header-section .logo-wrap img.hs-image-widget { max-width: 170px !important; float: left; }

    .casestudy-lp .casestudy-banner-section {  padding-top: 130px; } 
    .row-fluid .casestudy-banner-section.resource-banner.solution-banner { padding-top: 150px !important;  padding-bottom: 50px !important; }
    .row-fluid .casestudy-banner-section.resource-banner.solution-banner.inner_hero_section { padding: 130px 0 85px !important; }

    .confiramation-page .resource_hero_section .casestudy-banner-section.resource-banner.solution-banner.inner_hero_section { padding: 140px 0 230px !important;}

    .dna-legal-page .legal_hero_bottom .casestudy-banner-section.resource-banner.solution-banner { padding-top: 140px !important; }
    .row-fluid .casestudy-banner-section.resource-banner.solution-banner.casestudy_hero_section { padding-top: 140px !important; }
    .row-fluid .banner_new { padding: 130px 0 50px; }

    .dna_events .eventsHero { padding-top: 130px !important; }
    .new-hf-design .casestudy-banner-section.homev2-herosec {  padding-top: 100px !important; }
    .blog-page .insight-blog-section .book-img { margin-bottom: -110px; }

    .login-portal-first-american .inner{margin:-150px 0 0 0;}
    .login-portal-first-american .inner .main-listing .inner-listing .list .btn-logo .login-btn{justify-content:left;}
    .login-portal-first-american .inner .main-listing .inner-listing .list .btn-logo .btn-main{width:100%;margin:15px 0 0 0;}
    .login-portal-first-american .inner .main-listing .inner-listing .list .btn-logo .logo{width:100%}
    .login-portal-first-american .inner .main-listing .inner-listing .list .btn-logo .login-btn a{font-size:20px;padding:5px 20px 10px 20px;line-height:1;text-align:center;}
    .login-portal-first-american .inner .main-listing .inner-listing .list .content-learn-more-btn {font-size: 14px;}
    .login-portal-first-american .inner .main-listing .inner-listing .list .btn-logo .logo img {max-height: 20px;}
    
}

@media(max-width: 480px) {
    .row-fluid .blue-text, .row-fluid .white-text { font-size: 30px; line-height: 42px; }

    .new-site-header .new-header-section .mainmenu .hs-menu-wrapper > ul > li > a { padding: 10px 25px;}
    .new-site-header .new-header-section .mainmenu .hs-menu-wrapper > ul > li > ul.hs-menu-children-wrapper li {    padding: 8px 25px !important;}
    .new-site-header .new-header-section .mainmenu .mobile-menu span.mobile-toggle {  right: 10px;}

    /* */
    .row-fluid .datatree-section h2 {font-size: 30px; line-height: 42px; }

    .row-fluid .contact-section .main-form .input input, .row-fluid .contact-section .main-form .input select { height: 50px; }
    .row-fluid .contact-section .main-form .input input, .row-fluid .contact-section .main-form .input select { width: 100% !important; }
    .row-fluid .contact-section .main-form .input { margin: 0; }
    .row-fluid .contact-section form fieldset { margin: 0; }
    .row-fluid .contact-section form .hs-form-field { padding: 0; }
    .row-fluid .contact-section .main-form .hs-richtext { padding-left: 0; }

    /* 26-11-2020 */
    .new-site-header .new-header-section .mainmenu .mobile-menu span.mobile-toggle { right: 0; }
    
    .mainmenu .navwrap ul li a { padding:10px 25px; }
    .mainmenu .navwrap .srch-form-wrap input { padding:0 25px; }
    
}


@media(max-width:379px){
    .land-estate-service-page .data-full-content:before{ top: 40%;}

}

/** MISC STYLES **/