/* -------------------------------------------------------
Template: Mild - Multipurpose HTML5 One Page Template
Version: 1.0
Author: MHS
 -------------------------------------------------------*/
/* ---------------------------------------------
Table of contents
------------------------------------------------

01. typography
02. pre-loader
03. header
04. banner-static
05. banner-slider
06. section
07. services
08. portfolio
09. pricing
10. blog
11. contact
12. footer
13. utilities
14. buttons
15. shortcodes
16. responsive

--------------------------------------------- */
/* ---------------------------------------------
typography
--------------------------------------------- */
body
{
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;

    overflow-x: hidden; 

    -webkit-font-smoothing: antialiased;
       -moz-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

a,
button
{
    -webkit-transition: all .3s;
            transition: all .3s;
}
a:hover,
a:focus,
a button:hover,
button:hover,
button:focus,
button button:hover
{
    -webkit-transition: all .3s;
            transition: all .3s; 
    text-decoration: none;
}

.btn
{
    border-radius: 0;
}

.section-title
{
    display: block; 

    margin-bottom: 100px;
}
.section-title .title
{
    font-size: 30px;
    font-weight: 800;

    display: inline-block; 

    margin-top: 0;
    margin-bottom: 20px;

    text-transform: uppercase;
}
.section-title .sub-title
{
    line-height: 30px;

    color: gray;
}

.section-title.text-left h1
{
    margin-left: 20px;
}

.section-title.text-right h1
{
    margin-right: 20px;
}

.light-txt h1,
.light-txt h5,
.light-txt p,
.light-txt .sub-title,
.light-txt div
{
    margin-top: 0; 

    color: #fff;
}

.section-title.light-txt .separator:after,
.section-title.light-txt .separator:before
{
    background: #fff;
}

.separator
{
    position: relative;
}
.separator:after
{
    position: absolute;
    top: -3px;
    right: -20px;

    width: 2px;
    height: 40px; 

    content: '';

    background: #333;
}
.separator:before
{
    position: absolute;
    top: -3px;
    left: -20px;

    width: 2px;
    height: 40px; 

    content: '';

    background: #333;
}

.separator.center:after
{
    margin: 0 auto;
}

.separator.right:after
{
    right: 0; 
    left: auto;
}

.light-txt h1,
.light-txt h2,
.light-txt h3,
.light-txt h4,
.light-txt h5,
.light-txt p,
.light-txt span
{
    color: #fff;
}

.quote .quote-img img
{
    width: 40px;
    height: auto;
    margin-bottom: 15px;
    padding: 10px;

    opacity: .7;
}

.quote p
{
    margin-bottom: 0;
}

/* ---------------------------------------------
pre-loader
--------------------------------------------- */
#preloader
{
    position: fixed;
    z-index: 1800;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    width: 100%; 
    height: 100%;

    background: #000;
}

.no-js #preloader,
.oldie #preloader
{
    display: none;
}

#loader
{
    position: absolute;
    top: 50%;
    left: 50%;

    width: 60px;
    height: 60px;
    margin: -30px 0 0 -30px;
    padding: 0;
}
#loader:before
{
    display: block;

    width: 60px;
    height: 60px; 

    content: '';
    -webkit-animation: load 1.1s infinite linear;
            animation: load 1.1s infinite linear;

    border-top: 2px solid rgba(255, 255, 255, .1);
    border-right: 2px solid rgba(255, 255, 255, .1);
    border-bottom: 2px solid rgba(255, 255, 255, .1);
    border-left: 2px solid #fc575e;
    border-radius: 50%;
}

@-webkit-keyframes load
{
    0%
    {
        -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
    }
    100%
    {
        -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
    }
}

@keyframes load
{
    0%
    {
        -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
    }
    100%
    {
        -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
    }
}

/* ---------------------------------------------
header
--------------------------------------------- */

.header {
    display: block!important;
}

.navbar-inverse
{
    border-color: transparent; 
    background: #222222d4;
}
.navbar-inverse .navbar-nav > li > a
{
    color: #e4e4e4;
}
.navbar-inverse .navbar-nav > li.current > a
{
    color: #fc575e;
}
.navbar-inverse .navbar-nav > li > a:focus,
.navbar-inverse .navbar-nav > li > a:hover
{
    color: #fc575e;
}
.navbar-inverse .navbar-nav.navbar-link-dark li a
{
    color: #333;
}
.navbar-inverse .navbar-nav.navbar-link-dark li a:hover
{
    color: #fc575e;
}

.navbar-inverse.navbar-white
{
    border-bottom: 1px solid #eee; 
    background: #fff;
}

.navbar.navbar-white li.current a
{
    color: #fc575e;
}

.navbar-default .navbar-brand img,
.navbar-inverse .navbar-brand img
{
    height: 40px; 
    margin-top: 0;
}

.navbar-brand
{
    padding: 5px 15px;
}

.navbar-fixed-top
{
    padding: 10px 0;

    -webkit-transition: all .3s;
            transition: all .3s;
}

.navbar-fixed-top.navbar-expanded
{
    padding: 0;

    -webkit-transition: all .3s;
            transition: all .3s;
}

.navbar-toggle
{
    border-radius: 0;
}

.navbar-default .navbar-toggle,
.navbar-inverse .navbar-toggle
{
    font-size: 14px;

    padding: 6px 10px; 

    color: white;
}

.navbar-white.navbar-inverse .navbar-toggle
{
    color: #222;
}
.navbar-white.navbar-inverse .navbar-toggle:hover,
.navbar-white.navbar-inverse .navbar-toggle:focus
{
    color: #fff;
}

.notification {
    position: absolute;
    height: auto;
    top: 71px;
    background: red;
    width: 100%;
    z-index: 1;
    color: white;
    text-align: center;
    font-size: 1.5em;
    /*padding: 10px;*/
}

@media (min-width: 768px)
{
    .navbar-default.navbar-expanded,
    .navbar-inverse.navbar-expanded
    {
        border: none; 
        background: transparent;
    }
    .navbar-fixed-top.navbar-expanded
    {
        padding: 30px 0;
    }
}

/* ---------------------------------------------
banner
--------------------------------------------- */
.hero
{
    position: relative; 

    display: table;

    width: 100%;
    height: 100%;
    padding: 0;

    background: url(../img/banner/hero-3.jpg) no-repeat center bottom;

    background-size: cover;
}
.test1 .hero
{
    background: url(../img/banner/test1.jpg) no-repeat center bottom;
}

.test2 .hero
{
    background: url(../img/banner/test2.jpg) no-repeat center bottom;
}

.test3 .hero
{
    background: url(../img/banner/test3.jpg) no-repeat center bottom;
}

.test4 .hero
{
    background: url(../img/banner/test4.jpg) no-repeat center bottom;
}

.test5 .hero
{
    background: url(../img/banner/test5.jpg) no-repeat center bottom;
}
.test6 .hero
{
    background: url(../img/banner/test6.jpg) no-repeat center bottom;
    background-size: cover;
}
.hero .hero-content.light-txt .hero-subtitle
{
    color: #fff;
    text-shadow: 0 0 6px rgba(0, 0, 0, .2);
}
.hero .hero-content.light-txt h1,
.hero .hero-content.light-txt h2
{
    color: #fff;
    text-shadow: 0 0 20px rgba(0, 0, 0, .5);
}
.hero .hero-content.light-txt .button-bg
{
    border-color: #fc575e !important; 
    background: #fc575e;
}
.hero .hero-content.light-txt .button-bg:hover
{
    color: #333 !important; 
    border-color: #fff !important;
    background: #fff;
}
.hero .hero-content.light-txt .button
{
    color: #fff;
    border: 1px solid white;
}
.hero .hero-content.light-txt .button:hover,
.hero .hero-content.light-txt .button:focus
{
    border-color: #fc575e;
}
.hero .hero-content
{
    display: table-cell;

    -webkit-transform: translateY(-2.1rem);
        -ms-transform: translateY(-2.1rem);
            transform: translateY(-2.1rem); 
    vertical-align: middle;
}
.hero .hero-content h1
{
    font-size: 4.4rem;
    font-weight: 800; 
    line-height: 1.071;
    font-family: sans-serif;
    font-style: italic;
    display: inline-block;

    margin-top: 1rem;
    margin-bottom: 2rem;

    text-shadow: none;
}
@media (max-width: 480px)
{
    .hero .hero-content h1
    {
        font-size: 4.4rem;
    }
}
.hero .hero-content h2
{
    font-size: 4.4rem;
    line-height: 1.071;

    display: inline-block;

    margin-top: 1rem;
    margin-bottom: 2rem;

    text-shadow: none;
}
.hero .hero-content h5
{
    font-family: 'poppins-bold', sans-serif;
    font-size: 2.3rem;
    line-height: 1.565;

    margin-bottom: 0;

    letter-spacing: .3rem; 

    color: #fc575e;
}
.hero .hero-content .hero-subtitle
{
    font-size: 1.7rem;
    line-height: 2.4rem;

    margin-bottom: 3rem;

    letter-spacing: .2rem;

    text-shadow: none;
}
.hero .hero-content .group-button
{
    display: inline-block; 

    margin-top: 30px;
}
.hero .hero-content .group-button a
{
    margin: 0 10px;
}
@media (max-width: 380px)
{
    .hero .hero-content .group-button a
    {
        display: block; 

        margin: 10px;
    }
}
.hero .hero-content .button-bg
{
    color: #fff !important; 
    border-color: #fc575e !important;
    background: #fc575e;
}
.hero .hero-content .button-bg:hover
{
    color: #fff; 
    border-color: #000 !important;
    background: #000;
}
.hero .hero-content .button
{
    font-size: 1.3rem;
    line-height: 5.4rem;

    height: 6rem;
    margin-top: .6rem;
    padding: 10px 30px;

    letter-spacing: .25rem;
    text-transform: uppercase;

    color: #000;
    border: 1px solid black;
    border-radius: 40px;
}
@media (max-width: 480px)
{
    .hero .hero-content .button
    {
        line-height: 3rem; 

        height: 5rem;
    }
}
.hero .hero-content .button:hover,
.hero .hero-content .button:focus
{
    border-color: #fc575e;
}

.hero-short-banner
{
    height: 500px;
}

.hero-overlay
{
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    opacity: .35; 
    background: #111;
}

.light-border-top-bottom
{
    padding: 10px 0; 

    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
}

.dark-border-top-bottom
{
    padding: 10px 0; 

    border-top: 1px solid #222;
    border-bottom: 1px solid #222;
}

.go-down
{
    font-size: 3.3rem;

    position: absolute;
    bottom: 7.2rem;
    left: 0;

    display: block;

    width: 100%;
    margin: 0;
    padding: 0;
    display: none;
}
.go-down .vertical-txt
{
    font-size: 1.8rem;

    position: absolute;
    z-index: 2;
    right: 1rem;
    bottom: 50px;

    -webkit-transform: translate(50px, 0) rotateZ(90deg);
        -ms-transform: translate(50px, 0) rotate(90deg);
            transform: translate(50px, 0) rotateZ(90deg); 
    -webkit-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
            transform-origin: 0 0;
}
.go-down .vertical-txt:after
{
    position: absolute;
    right: -35px; 
    bottom: 11px;

    width: 27px;
    height: 1px;

    content: '';

    background: #fff;
}
.go-down .vertical-txt.light-txt
{
    color: #fff;
}
.go-down .vertical-txt.dark-txt
{
    color: #000;
}
.go-down .vertical-txt.dark-txt:after
{
    background: #000;
}
.go-down .mouse
{
    position: absolute;
    top: 50%;
    left: 50%;

    width: 26px;
    height: 42px;

    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%); 

    border: 2px solid #fff;
    border-radius: 26px;

    -webkit-backface-visibility: hidden;
}
.go-down .mouse:after
{
    position: absolute;
    top: 5px;
    left: 50%;

    width: 4px;
    height: 4px;
    margin-left: -2px;

    content: '';
    -webkit-transform: translateY(0px) scaleY(1) scaleX(1) translateZ(0px);
            transform: translateY(0px) scaleY(1) scaleX(1) translateZ(0px);
    -webkit-animation: scroll 1.5s -1s cubic-bezier(.68, -.55, .265, 1.55) infinite;
            animation: scroll 1.5s -1s cubic-bezier(.68, -.55, .265, 1.55) infinite; 

    opacity: 1;
    border-radius: 100%;
    background-color: #fff;
}

@-webkit-keyframes scroll
{
    0%,
    20%
    {
        -webkit-transform: translateY(0px) scaleY(1) scaleX(1) translateZ(0px);
                transform: translateY(0px) scaleY(1) scaleX(1) translateZ(0px);
    }
    10%
    {
        -webkit-transform: translateY(0px) scaleY(1.2) scaleX(1.2) translateZ(0px);
                transform: translateY(0px) scaleY(1.2) scaleX(1.2) translateZ(0px);

        opacity: 1;
    }
    100%
    {
        -webkit-transform: translateY(20px) scaleY(2.5) scaleX(.5) translateZ(0px);
                transform: translateY(20px) scaleY(2.5) scaleX(.5) translateZ(0px);

        opacity: .01;
    }
}

@keyframes scroll
{
    0%,
    20%
    {
        -webkit-transform: translateY(0px) scaleY(1) scaleX(1) translateZ(0px);
                transform: translateY(0px) scaleY(1) scaleX(1) translateZ(0px);
    }
    10%
    {
        -webkit-transform: translateY(0px) scaleY(1.2) scaleX(1.2) translateZ(0px);
                transform: translateY(0px) scaleY(1.2) scaleX(1.2) translateZ(0px);

        opacity: 1;
    }
    100%
    {
        -webkit-transform: translateY(20px) scaleY(2.5) scaleX(.5) translateZ(0px);
                transform: translateY(20px) scaleY(2.5) scaleX(.5) translateZ(0px);

        opacity: .01;
    }
}

.logohero img {
    width: 100%;
}

.logohero {
    width: 25%;
    margin: auto;
    margin-top: 40px!important;
}

.accred {
    position: absolute;
    bottom: 10px;
    color: white;
    width: 100%;
    z-index: 9999999;
    text-align: center;
    left: 0;
}

.accred img {
    width: 180px;
}

/*  Typist  */
@-webkit-keyframes blink
{
    0%
    {
        opacity: 1.0;
    }
    50%
    {
        opacity: .0;
    }
    100%
    {
        opacity: 1.0;
    }
}

@keyframes blink
{
    0%
    {
        opacity: 1.0;
    }
    50%
    {
        opacity: .0;
    }
    100%
    {
        opacity: 1.0;
    }
}

.typist-blink:after
{
    position: relative;
    top: 10px;

    display: inline-block;

    height: 62px;
    margin-right: 7px;
    margin-left: 3px;

    content: ' ';
    -webkit-animation: blink 1s step-start 0s infinite;
            animation: blink 1s step-start 0s infinite;

    border-right: 2px solid;
}

.typist-blink > .selectedText
{
    display: none;
}

.typist-mark > .selectedText
{
    font-style: normal; 

    color: #fff;
    background-color: #222;
}

/* video banner */
.video-banner
{
    position: relative;

    overflow: hidden;
}
.video-banner .video-wrap
{
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;

    width: auto;
    min-width: 100%;
    height: auto;
    min-height: 100%;

    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
}
.video-banner .video-overlay
{
    position: absolute;
    z-index: 5;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    background: rgba(0, 0, 0, .5);

    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
}
.video-banner h1
{
    font-size: 6.4rem;
    font-weight: 800; 
    line-height: 1.071;

    display: inline-block;

    margin-top: 1rem;
    margin-bottom: 2rem;

    text-shadow: none;
}
@media (max-width: 480px)
{
    .video-banner h1
    {
        font-size: 4.4rem;
    }
}
.video-banner h2
{
    font-size: 4.4rem;
    line-height: 1.071;

    display: inline-block;

    margin-top: 1rem;
    margin-bottom: 2rem;

    text-shadow: none;
}

.relative
{
    position: relative;
}

.content
{
    position: absolute;
    z-index: 2;
    top: 50%;
    right: 0;
    left: 0;

    width: 950px;
    margin: 0 auto; 

    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
}
@media (max-width: 767px)
{
    .content
    {
        width: 100%;
    }
}

/* intro page */
.demo-thumb .fit-img
{
    display: inline-block;

    width: 100%; 
    margin-bottom: 10px;
}

.demo-thumb .demo-info
{
    display: inline-block;

    width: 100%; 
    margin-bottom: 30px;
}

.demo-thumb .fit-img
{
    border: 1px solid #ddd;
}

.intro-banner
{
    position: relative; 

    display: table;

    width: 100%;
    height: 600px;
    padding: 0;

    background-attachment: fixed;
    background-size: cover;
}

/* ---------------------------------------------
banner-slider
--------------------------------------------- */
/* owl carousel*/
#owl-slider
{
    position: relative; 

    width: 100%;
    height: 100%;
    max-height: none;
}
#owl-slider .item
{
    position: relative; 

    overflow: hidden;

    width: 100%;
    height: 100%;
}
#owl-slider .item:before
{
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    content: '';

    background: rgba(0, 0, 0, .5);
}
#owl-slider .item .item-img
{
    width: 100%; 

    background-color: transparent;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
}
#owl-slider .item .slider-info
{
    position: relative;
    z-index: 100;
    top: 40%;

    width: 1140px;
    margin: 0 auto;
    padding: 0 20px;
}
#owl-slider .item .slider-info h1,
#owl-slider .item .slider-info h5,
#owl-slider .item .slider-info p,
#owl-slider .item .slider-info .sub-title
{
    margin-top: 0;
}
#owl-slider .item .slider-info h1
{
    font-size: 50px;
    font-weight: 800;
}
@media (max-width: 768px)
{
    #owl-slider .item .slider-info h1
    {
        font-size: 30px;
    }
}
#owl-slider .item .slider-info h5,
#owl-slider .item .slider-info p
{
    font-size: 18px;
    font-weight: 600;

    margin-bottom: 15px;
}
#owl-slider .item .slider-info p
{
    margin-bottom: 30px;
}
@media (min-width: 768px)
{
    #owl-slider .item .slider-info
    {
        width: 750px;
    }
}
@media (max-width: 768px)
{
    #owl-slider .item .slider-info
    {
        top: 30%; 

        width: 100%;
    }
}
@media (min-width: 992px)
{
    #owl-slider .item .slider-info
    {
        width: 970px;
    }
}
@media (min-width: 1200px)
{
    #owl-slider .item .slider-info
    {
        width: 1170px;
    }
}
#owl-slider .item .slider-btn .btn
{
    padding: 12px 30px;
}
#owl-slider .item .slider-btn .btn:first-child
{
    margin-right: 10px;
}

#owl-slider.owl-nav-dark .item:before
{
    background: none;
}

#owl-slider.owl-theme .owl-nav
{
    position: absolute;
    top: 50%; 
    right: 20px;
    bottom: 20px;

    margin-top: -60px;
}

#owl-slider.owl-theme .owl-nav [class*=owl-]
{
    font-size: 14px;

    display: block;

    margin: 10px 2px;
    padding: 5px 20px;

    cursor: pointer;

    color: #fff;
    border: 1px solid #fff; 
    border-radius: 0;
    background: none;
}
#owl-slider.owl-theme .owl-nav [class*=owl-]:hover
{
    border-color: #fc575e;
    background: #fc575e;
}
@media (max-width: 1080px)
{
    #owl-slider.owl-theme .owl-nav [class*=owl-]
    {
        display: none;
    }
}

#owl-slider.owl-theme.owl-nav-dark .owl-nav [class*=owl-]
{
    font-size: 14px;

    display: inline-block;

    margin: 0 2px;
    padding: 5px 20px;

    cursor: pointer;

    color: #222;
    border: 1px solid #222; 
    border-radius: 0;
    background: none;
}
#owl-slider.owl-theme.owl-nav-dark .owl-nav [class*=owl-]:hover
{
    color: #fff; 
    border-color: #fc575e;
    background: #fc575e;
}

#owl-slider.owl-theme .owl-nav .disabled
{
    opacity: .6;
}

#owl-slider.owl-carousel .owl-nav .owl-prev
{
    position: relative;
}
#owl-slider.owl-carousel .owl-nav .owl-prev:before
{
    font-family: fontawesome;
    font-size: 25px; 

    content: '\f104';
}

#owl-slider.owl-carousel .owl-nav .owl-next
{
    position: relative;
}
#owl-slider.owl-carousel .owl-nav .owl-next:before
{
    font-family: fontawesome;
    font-size: 25px; 

    content: '\f105';
}

#owl-slider.owl-theme .owl-dots
{
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
}
#owl-slider.owl-theme .owl-dots .owl-dot
{
    margin: 15px 0;
}
#owl-slider.owl-theme .owl-dots .owl-dot span
{
    width: 80px;
    height: 5px; 

    border-radius: 0;
}
#owl-slider.owl-theme .owl-dots .owl-dot.active span,
#owl-slider.owl-theme .owl-dots .owl-dot:hover span
{
    background: #fc575e;
}

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

.front .page-header {
    display: none;
}

/* ---------------------------------------------
section
--------------------------------------------- */
.section-wrapper
{
    margin-top: -60px;
    padding-top: 60px;
}

.section-space
{
    padding: 100px 0;
}

.section-gray
{
    background: #f3f3f3;
}

.section-dark
{
    background: #333;
}

.section-theme-color
{
    background: #fc575e;
}

section p
{
    line-height: 25px; 

    margin-bottom: 30px;
}

.section-top-bg
{
    position: absolute;

    width: 100%; 
    height: 500px;

    background: #4695ad;
}

.fit-img img
{
    width: 100%;
    height: auto;
}

/* zoom img effect */
.zoom-img
{
    position: relative;

    overflow: hidden;
}
.zoom-img img
{
    -webkit-transition: -webkit-transform .3s ease;
            transition: -webkit-transform .3s ease;
            transition:         transform .3s ease;
            transition:         transform .3s ease, -webkit-transform .3s ease;
}
.zoom-img:hover img
{
    -webkit-transition: -webkit-transform .3s ease;
            transition: -webkit-transform .3s ease;
            transition:         transform .3s ease;
            transition:         transform .3s ease, -webkit-transform .3s ease; 
    -webkit-transform: scale3d(1.1, 1.1, 1);
            transform: scale3d(1.1, 1.1, 1);
}

/* team member */
.team-member .team-info
{
    margin-top: 20px;
}
@media (max-width: 767px)
{
    .team-member .team-info
    {
        margin-bottom: 20px;
    }
}

.team-member p
{
    margin-bottom: 0; 
    padding: 0 20px;
}

.team-member .team-social-link
{
    margin: 20px 0;
}
@media (max-width: 768px)
{
    .team-member .team-social-link
    {
        margin-bottom: 30px;
    }
}
.team-member .team-social-link a
{
    line-height: 30px;

    display: inline-block;

    width: 30px;
    height: 30px;
    margin: 0 2px;

    color: #737373; 
    border: 1px solid #e4e4e4;
}
.team-member .team-social-link a:hover
{
    color: #fff;
    border-color: #000;
    background: #000;
}

/* parallax */
.parallax
{
    position: relative; 

    background: no-repeat center center scroll;
    background-attachment: fixed;
    background-size: cover;
}
.parallax:before
{
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    content: '';

    background: rgba(0, 0, 0, .7);
}

.parallax.light-overlay:before
{
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    content: '';

    background: rgba(255, 255, 255, .3);
}

.parallax-quote
{
    background-image: url('../img/parallax/parallax-1.jpg');
}

.parallax-funfactor
{
    background-image: url('../img/parallax/parallax-2.jpg');
}

.parallax-promo
{
    background-image: url('../img/slider/slider-3.jpg');
}

.parallax-testimonial
{
    background-image: url('../img/parallax/parallax-3.jpg');
}

/*fun factor*/
.fun-box i
{
    font-size: 40px;

    margin-bottom: 20px;
}

.fun-box .value
{
    font-size: 50px;
}

.fun-box .title
{
    font-size: 16px;

    text-transform: uppercase;
}

@media (max-width: 991px)
{
    .fun-box
    {
        margin-bottom: 30px;
    }
}

/*testimonial*/
#testimonial-list .thumb
{
    display: inline-block;

    margin-bottom: 20px;
}
#testimonial-list .thumb img
{
    width: 90px;
    height: 90px;

    border-radius: 50%;
}

#testimonial-list p
{
    font-size: 22px;
    font-weight: 300; 
    line-height: 35px;
}

#testimonial-list .testimonial-meta
{
    font-weight: bold; 

    text-transform: uppercase;
}
#testimonial-list .testimonial-meta span
{
    font-size: 12px; 

    opacity: .7;
}

#testimonial-list.owl-theme .owl-dots .owl-dot.active span,
#testimonial-list.owl-theme .owl-dots .owl-dot:hover span
{
    background: #fc575e;
}

@media (max-width: 768px)
{
    .container-fluid.pad-less
    {
        padding: 0 15px !important;
    }
}

#testimonial-list.owl-theme .owl-dots .owl-dot span
{
    border-radius: 0;
}

/*clients logo*/
.client-section
{
    padding: 50px 0;
}

.clients-logo
{
    display: table;

    width: 100%;
}

.client-item
{
    display: table-cell;

    box-sizing: border-box;
    width: 200px;
    height: 85px;
    padding: 10px;

    text-align: center;
    vertical-align: middle;

    -webkit-filter: grayscale(100%);
            filter: grayscale(100%);
}
.client-item:hover
{
    -webkit-filter: grayscale(0%);
            filter: grayscale(0%);
}
.client-item img
{
    max-width: 100%;
}

/*pattern-bg*/
.pattern-bg
{
    width: 100%;
    height: 100%; 

    background: url(../img/pattern.jpg) repeat center bottom;
    background-attachment: fixed;
}

/* ---------------------------------------------
services
--------------------------------------------- */
.service-list
{
    display: block;

    margin-bottom: 50px;
    padding: 30px;

    -webkit-transition: all .3s;
            transition: all .3s;
}
.service-list:hover
{
    position: relative; 

    -webkit-transition: all .3s;
            transition: all .3s;
}
.service-list .icon
{
    margin-bottom: 20px;
}
.service-list .icon i
{
    font-size: 50px;

    color: #333;
}
.service-list .service-info p
{
    margin-bottom: 0; 

    color: gray;
}

/* ---------------------------------------------
portfolio
--------------------------------------------- */
.portfolio-filter
{
    margin-bottom: 50px;
}
.portfolio-filter ul li
{
    font-size: 14px;

    display: inline-block;

    margin-left: 10px;

    text-decoration: none;
    text-transform: uppercase; 

    color: #acacac;
    border-radius: 0;
}
@media (max-width: 568px)
{
    .portfolio-filter ul li
    {
        margin-bottom: 20px;
    }
}
.portfolio-filter ul li:not(:last-child):after
{
    padding-left: 10px; 

    content: '...';
}
.portfolio-filter ul li a
{
    margin-right: 5px; 
    padding: 5px 10px;

    color: #acacac;
}
.portfolio-filter ul li a:hover
{
    color: #fff; 
    background: #222;
}
.portfolio-filter ul li .active
{
    color: #fff; 
    background: #222;
}
.portfolio-filter ul li:first-child
{
    margin-left: 0;
}

.portfolio
{
    position: relative;

    margin: 0 auto;
    padding-bottom: 0;

    list-style: none;

    text-align: center;
}
.portfolio .portfolio-item
{
    position: relative;

    overflow: hidden; 

    margin: 0 !important;
    padding: 0 !important;
}
.portfolio .portfolio-item img
{
    width: 100%;
}
.portfolio .portfolio-item .portfolio-hover
{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    zoom: 1;

    -webkit-transition: all .3s ease-in-out;
            transition: all .3s ease-in-out;

    opacity: 0;
    color: #fff; 
    background-color: rgba(0, 0, 0, .6);

    filter: alpha(opacity=0);
}
.portfolio .portfolio-item .portfolio-hover .title
{
    font-size: 26px; 

    position: absolute;
    top: 30px;
    right: 0;
    left: 0;
}
.portfolio .portfolio-item .portfolio-hover .category
{
    font-size: 16px; 

    position: absolute;
    right: 0;
    bottom: 30px;
    left: 0;
}
.portfolio .portfolio-item .portfolio-hover .p-btn
{
    font-size: 16px; 

    position: absolute;
    top: 50%;
    right: 0;
    left: 0;

    margin-top: -20px;
}
.portfolio .portfolio-item .portfolio-hover .p-btn a
{
    line-height: 40px;

    display: inline-block;

    width: 40px;
    height: 40px;
    margin: 0 5px;

    color: #fff;
    border: 1px solid #fff;
    outline: none;
}
.portfolio .portfolio-item .portfolio-hover .p-btn a:hover
{
    border-color: #fc575e; 
    background: #fc575e;
}
.portfolio .portfolio-item:hover .portfolio-hover
{
    zoom: 1;

    opacity: 1; 

    filter: alpha(opacity=100);
}

.item-h1,
.item-h2
{
    height: 100% !important;
    height: auto !important;
}

.isotope-item
{
    z-index: 2;

    padding: 0;
}

.isotope-hidden.isotope-item
{
    z-index: 1; 

    pointer-events: none;
}

.isotope,
.isotope .isotope-item
{
    /* change duration value to whatever you like */
    -webkit-transition-duration: .8s;
            transition-duration: .8s;
}

.isotope
{
    -webkit-transition-property: height, width;
            transition-property: height, width;
}

.isotope .isotope-item
{
    -webkit-transition-property: -webkit-transform, opacity;
    -webkit-transition-property: opacity, -webkit-transform;
            transition-property: opacity, -webkit-transform;
            transition-property:         transform, opacity;
            transition-property:         transform, opacity, -webkit-transform;
}

/* ---------------------------------------------
pricing
--------------------------------------------- */
.pricing-table
{
    padding: 0;
}
.pricing-table li
{
    float: left;

    width: 33.33%;
    min-height: 400px;
    padding: 30px 45px 30px 30px;

    list-style: none;

    text-align: center; 

    background: #fff;
    box-shadow: 0 0 60px rgba(0, 0, 0, .1);
}
@media (max-width: 768px)
{
    .pricing-table li
    {
        width: 100%;
        margin-bottom: 20px;
    }
}
.pricing-table li:last-child
{
    padding: 30px 30px 30px 45px;
}
.pricing-table .pricing-item i
{
    font-size: 50px;
}
.pricing-table .pricing-item h2
{
    font-weight: 300;

    margin-bottom: 30px;
}
.pricing-table .pricing-item .btn
{
    padding: 12px 30px;
}
.pricing-table .price-quote .number
{
    font-size: 50px;
}
.pricing-table .p-item-list
{
    padding: 20px 0;
}
.pricing-table .p-item-list span
{
    display: block;

    padding: 5px 0;
}
.pricing-table .feature
{
    position: relative;

    padding: 30px; 

    box-shadow: 0 0 60px rgba(0, 0, 0, .1);
}
@media (max-width: 768px)
{
    .pricing-table .feature
    {
        -webkit-transform: none;
            -ms-transform: none;
                transform: none;
    }
}
.pricing-table .feature .feature-ribon
{
    font-size: 1.8rem;

    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;

    padding: 5px 12px;

    -webkit-transform: translate(50px, 0) rotateZ(90deg);
        -ms-transform: translate(50px, 0) rotate(90deg);
            transform: translate(50px, 0) rotateZ(90deg); 
    -webkit-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
            transform-origin: 0 0;

    color: #fff;
    background: #fc575e;
}

.text-danger
{
    color: #d9534f;
}

.knock-us
{
    margin-top: 100px;
}
@media (max-width: 768px)
{
    .knock-us
    {
        margin-top: 10px;
    }
}

/* ---------------------------------------------
blog
--------------------------------------------- */
.blog-post
{
    display: block; 

    margin-bottom: 30px;
}
.blog-post .thumb
{
    display: block; 

    margin-bottom: 20px;
}
.blog-post .thumb img
{
    width: 100%;
    height: auto;
}
.blog-post .post-meta h3
{
    font-weight: normal; 

    margin-bottom: 20px;
}
.blog-post .post-meta h3 a
{
    color: #222;
}
.blog-post .post-meta h3 a:hover
{
    color: #fc575e;
}
.blog-post .post-meta .date
{
    position: relative;

    display: inline-block;

    text-transform: uppercase; 

    color: #acacac;
}
.blog-post .post-meta .date:after
{
    position: absolute; 
    top: 10px;
    right: -40px;

    width: 30px;
    height: 1px;

    content: ' ';

    background: #acacac;
}
.blog-post .post-meta .category span
{
    position: relative;

    margin-right: 10px; 

    color: #acacac;
}
.blog-post .post-meta .category span:not(:last-child):after
{
    position: relative;
    top: 2px; 

    content: '-';
}
.blog-post .post-meta .category a
{
    position: relative; 

    margin-right: 10px;

    color: #acacac;
}
.blog-post .post-meta .category a:hover
{
    color: #000;
}

.blog-quote-box
{
    display: block;

    margin-bottom: 40px;
    padding: 30px;

    color: #000; 
    background: #f3f3f3;
}
.blog-quote-box p
{
    font-size: 18px;
    font-style: italic;
    line-height: 32px;
}

/*blog single page*/
.blog-comments
{
    color: #acacac;
}
.blog-comments:hover
{
    color: #fc575e;
}

.post-details
{
    margin-top: 30px;
}
.post-details blockquote
{
    font-size: 14.5px;
    font-style: italic;

    color: #acacac;
}

.post-tags
{
    display: inline-block; 

    margin-bottom: 30px;
}
.post-tags a
{
    float: left;

    margin-right: 10px;
    margin-bottom: 10px;
    padding: 5px 10px;

    color: #acacac; 
    border: 1px solid #acacac;
}
.post-tags a:hover
{
    color: #000; 
    border: 1px solid #000;
}

.author-wrapper
{
    display: inline-block;

    width: 100%;
    margin-bottom: 30px; 
    padding: 20px 0;

    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}
.author-wrapper .author_img
{
    float: left;
}
.author-wrapper .author_img img
{
    position: relative;

    width: 100px;
    height: 100px;
    margin-right: 20px; 
    margin-bottom: 20px;

    border-radius: 50%;
}
.author-wrapper .author-info
{
    overflow: hidden;
}
.author-wrapper .post-footer .read-more
{
    color: #acacac;
}
.author-wrapper .post-footer .read-more:hover
{
    color: #fc575e;
}
.author-wrapper .post-footer .social-links a
{
    display: inline-block;

    margin-left: 10px;

    color: #acacac;
}
.author-wrapper .post-footer .social-links a:hover
{
    color: #fc575e;
}

/*comments-list*/
.comments-list
{
    border-bottom: 1px solid #ddd;
}
.comments-list .comment-info
{
    font-size: 12px;

    margin-bottom: 10px; 

    color: #acacac;
}
.comments-list a
{
    text-decoration: none; 

    color: #000;
}
.comments-list a:hover
{
    color: #fc575e;
}
.comments-list .comment-avatar
{
    margin-right: 15px; 

    border-radius: 50%;
}
.comments-list .comment-author
{
    font-size: 14px; 
    font-weight: 700;
}
.comments-list .comment-reply
{
    float: right;

    text-decoration: none;
}
.comments-list .comment-reply i
{
    padding-right: 10px;
}
.comments-list .comment-reply:hover
{
    color: #fc575e;
}

/*reply-comments-form*/
.reply-comments-form label
{
    font-weight: normal;
}

.reply-comments-form .form-control
{
    border-radius: 0;
    box-shadow: none;
}

.reply-comments-form .btn-post
{
    padding: 10px 15px; 

    color: #fff;
    background: #222;
}
.reply-comments-form .btn-post:hover
{
    background: #fc575e;
}

/*widget*/
.widget
{
    margin-bottom: 50px;
}
.widget h4
{
    margin-bottom: 20px;
}
.widget .search-form
{
    position: relative;
}
.widget .search-form input[type='text']
{
    position: relative;

    display: block;

    width: 100%; 
    padding: 8px 35px 8px 10px;

    color: #333;
    border: 1px solid #ddd;
}
.widget .search-form input[type='text']:focus
{
    border-color: #000; 
    outline: none;
}
.widget .search-form button[type='submit']
{
    font-size: 14px;

    position: absolute;
    top: 20%;
    right: 3%;

    cursor: pointer;

    color: #6f6f6f; 
    border: none;
    background: none;
}
.widget .widget-category
{
    padding: 0;

    list-style: none;
}
.widget .widget-category li
{
    display: block; 

    margin-bottom: 10px;
}
.widget .widget-category li a
{
    color: #222;
}
.widget .widget-category li a:hover
{
    color: #fc575e;
}
.widget .widget-category li a:before
{
    font-family: 'FontAwesome'; 

    padding-right: 10px;

    content: '\f105';
}
.widget .widget-popular li
{
    margin-bottom: 20px;
    padding-bottom: 20px;

    border-bottom: 1px dashed #ddd;
}
.widget .widget-popular li .meta
{
    margin: 5px 0; 

    color: #999;
}
.widget .widget-popular li .meta a
{
    color: #999;
}
.widget .widget-popular li .meta a:hover
{
    color: #fc575e;
}
.widget .widget-popular li a:before
{
    content: none;
}

/* ---------------------------------------------
contact
--------------------------------------------- */
.contact-wrap
{
    display: block;

    margin-bottom: 50px;
    padding: 30px;

    background: #fff;
}
@media (max-width: 991px)
{
    .contact-wrap
    {
        position: relative;
        bottom: 0;

        width: 100%;
        margin-top: 20px;
    }
}
.contact-wrap h3
{
    margin-top: 0;
    margin-bottom: 30px;
}
.contact-wrap .contact-form .form-control
{
    border-radius: 0; 
    box-shadow: none;
}
.contact-wrap .contact-form .form-control:focus
{
    border-color: #000;
}
.contact-wrap .contact-form label
{
    font-weight: 400;
}

.form-control
{
    border-radius: 0; 
    box-shadow: none;
}
.form-control:focus
{
    border-color: #000;
}

.contact-with-location
{
    position: relative;
}

#map
{
    width: 100%;
    height: 450px;

    background: #f3f3f3;
}

.location
{
    line-height: 30px; 

    padding: 60px 0 0 0;
}
@media (max-width: 991px)
{
    .location
    {
        padding: 30px 0 0 0;

        text-align: center;
    }
}

/* ---------------------------------------------
footer
--------------------------------------------- */
.footer
{
    padding: 50px 0; 

    color: #222;
    background: #f7f7f7;
}

.copyright
{
    display: block;
}

.f-logo
{
    margin-bottom: 30px;
}
.f-logo img
{
    height: 130px;
}

.social-link
{
    margin-top: 30px;
    padding: 0; 

    list-style: none;
}
.social-link li
{
    display: inline-block;

    margin: 0 10px;
}
.social-link li a
{
    font-size: 16px; 

    color: #666;
}
.social-link li a:hover
{
    color: #fc575e;
}

#go-top
{
    line-height: 60px;

    position: fixed;
    z-index: 100;
    right: 3%;
    bottom: 0;

    width: 50px;
    height: 60px;

    -webkit-transition: all .3s;
            transition: all .3s;
    text-align: center;

    color: #fff;
    background: rgba(0, 0, 0, .6);
    display: none;
}
#go-top:hover
{
    background: #fc575e;
}

.go-top-show
{
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0);

    opacity: 1;

    filter: alpha(opacity=100);
    display: none;
}

.go-top-hide
{
    -webkit-transform: translateY(40px);
        -ms-transform: translateY(40px);
            transform: translateY(40px);

    opacity: 0;

    filter: alpha(opacity=0);
}

/* ---------------------------------------------
utilities
--------------------------------------------- */
.p-top-0
{
    padding-top: 0 !important;
}

.p-bot-0
{
    padding-bottom: 0 !important;
}

.pad-less
{
    padding: 0 !important;
}

.margin-less
{
    margin: 0 !important;
}

.m-top-0
{
    margin-top: 0 !important;
}

.m-top-50
{
    margin-top: 50px !important;
}

.m-top-100
{
    margin-top: 100px !important;
}

.m-bot-0
{
    margin-bottom: 0 !important;
}

.m-bot-20
{
    margin-bottom: 20px !important;
}

.m-bot-50
{
    margin-bottom: 50px !important;
}

.m-bot-100
{
    margin-bottom: 100px !important;
}

@media screen and (max-width: 800px)
{
    .wow
    {
        visibility: visible !important; 

        -webkit-animation-name: none !important;
                animation-name: none !important;
    }
}

/* ---------------------------------------------
buttons
--------------------------------------------- */
.line-btn-light
{
    padding: 10px 30px;

    color: #fff; 
    border: 1px solid #fff;
}
.line-btn-light:hover
{
    color: #fff;
    border-color: transparent;
    background: #fc575e;
}

.line-btn-dark
{
    padding: 10px 30px;

    color: #000; 
    border: 1px solid #000;
}
.line-btn-dark:hover
{
    color: #fff;
    border-color: transparent;
    background: #fc575e;
}

.solid-btn-light
{
    padding: 10px 30px;

    color: #000; 
    border: 1px solid #fff;
    background: #fff;
}
.solid-btn-light:hover
{
    color: #fff;
    border: 1px solid #fc575e; 
    background: #fc575e;
}

.solid-btn-dark
{
    padding: 10px 30px;

    color: #fff; 
    border: 1px solid #000;
    background: #000;
}
.solid-btn-dark:hover,
.solid-btn-dark:focus
{
    color: #fff;
    border: 1px solid #fc575e;
    outline: none; 
    background: #fc575e;
}

.solid-btn-theme
{
    padding: 10px 30px;

    color: #fff; 
    border: 1px solid #fc575e;
    background: #fc575e;
}
.solid-btn-theme:hover
{
    color: #fff;
    border: 1px solid #fb252e; 
    background: #fb252e;
}

.btn-capsule
{
    border-radius: 30px;
}

.btn-radius
{
    border-radius: 5px;
}

.btn-group-sm > .btn,
.btn-sm
{
    font-size: 12px !important;
    line-height: 1.5 !important; 

    padding: 5px 10px !important;
}

@media (max-width: 480px)
{
    .btn
    {
        margin-bottom: 5px;
    }
}

/* ---------------------------------------------
shortcodes
--------------------------------------------- */
/* accordion and toggle style */
.panel-accordion .panel-default
{
    margin-bottom: 10px;

    border: none;
    border-radius: 0;
    box-shadow: none;
}
.panel-accordion .panel-default .panel-body
{
    border-top: none !important;
}
.panel-accordion .panel-default .panel-heading
{
    padding: 0; 

    background-color: transparent;
}
.panel-accordion .panel-default .panel-heading .panel-title
{
    font-size: 14px;
    font-weight: 600;
    line-height: 1.8; 

    position: relative;
}
.panel-accordion .panel-default .panel-heading .panel-title a
{
    display: block;

    padding: 10px 15px;

    text-decoration: none; 

    border: 1px solid #ddd;
    background-color: transparent;
}
.panel-accordion .panel-default .panel-heading .panel-title a:hover,
.panel-accordion .panel-default .panel-heading .panel-title a:active
{
    color: #fff;
    border: 1px solid #222; 
    background-color: #222;
}
.panel-accordion .panel-default .panel-heading .panel-title a::after
{
    font-size: 18px;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1.1;

    position: absolute;
    top: 50%;
    right: 12px;

    width: 20px;
    height: 20px;
    margin-top: -10px;

    content: '+';
    text-align: center; 

    color: inherit;
}
.panel-accordion .panel-default .panel-heading .panel-title a[aria-expanded='true']
{
    color: #fff;
    border: 1px solid #222; 
    background-color: #222;
}
.panel-accordion .panel-default .panel-heading .panel-title a[aria-expanded='true']::after
{
    content: '-';
}

/* tabs */
.nav-tabs > li > a
{
    color: #333; 
    border-radius: 0;
}

.tab-content
{
    padding: 15px; 

    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-radius: 0;
}
.tab-content p
{
    margin-bottom: 10px;
}

/* progress bar */
.mild-progress-style
{
    height: 30px;
    margin-bottom: 30px;

    border-radius: 0;
    background: #e4e4e4;
    box-shadow: none;
}
.mild-progress-style .progress-bar
{
    font-size: 11px;
    line-height: 30px; 

    position: relative;

    overflow: visible;

    box-sizing: border-box;
    padding-right: 10px;
    padding-left: 10px;

    text-align: left;
    letter-spacing: 1px;

    color: #fff;
    background-color: #222;
    box-shadow: none;
}
.mild-progress-style .progress-bar span
{
    float: right;
}

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

/* ---------------------------------------------
responsive
--------------------------------------------- */
@media (max-width: 568px)
{
    .hero .hero-content,
    .content.promo-txt
    {
        padding-top: 70px;
    }
}

@media (max-width: 667px)
{
    .hero .hero-content,
    .content.promo-txt
    {
        padding-top: 80px;
    }
    .hero .hero-content h1,
    .content h1
    {
        font-size: 2rem;
    }
    .hero .hero-content .hero-subtitle,
    .content .subtitle
    {
        font-size: 1em;
        line-height: 2em;

        margin-bottom: 0;

        letter-spacing: .1rem;

        text-shadow: none;
    }
    .line-btn-light
    {
        padding: 8px 20px;
    }
    .content .group-button
    {
        margin-top: 10px;
    }
}

@media (max-width: 736px)
{
    .demo-info h4
    {
        font-size: 14px;
    }
    .hero .hero-content,
    .content.promo-txt
    {
        padding-top: 80px;
    }
    .hero .hero-content h1,
    .content h1
    {
        font-size: 2.5rem;
    }
    .hero .hero-content .hero-subtitle,
    .content .subtitle
    {
        font-size: 1em;
        line-height: 2em;

        margin-bottom: 0;

        letter-spacing: .1rem;

        text-shadow: none;
    }
    .btn
    {
        font-size: 11px;
    }
    .go-down
    {
        display: none;
    }
    .section-title .title
    {
        font-size: 1.250em;
    }
    .separator::before,
    .separator::after
    {
        height: 1.5em;
    }
    .quote h1
    {
        font-size: 1.3em;
    }
    .parallax-promo h2
    {
        font-size: 1.2em;

        margin-top: 5px !important;
        margin-bottom: 20px;
    }
    .parallax-promo,
    .parallax-promo .text-right
    {
        text-align: center;
    }
    #testimonial-list p
    {
        font-size: 16px;
    }
    #testimonial-list .testimonial-meta
    {
        font-size: 12px;
    }
    .post-meta h3
    {
        font-size: 18px;

        margin-top: 10px;
        margin-bottom: 10px !important;
    }
    .post-meta .date,
    .post-meta .category
    {
        font-size: 12px;
    }
    .intro-banner,
    .hero-short-banner
    {
        height: 300px;
    }
    .content
    {
        width: 100%;
    }
    .video-banner h1
    {
        font-size: 2.4rem;
    }
    .hero.hero-short-banner .hero-content h2
    {
        font-size: 2.4rem;
        line-height: 1.5em;
    }
    .hero.hero-short-banner .m-top-100
    {
        margin-top: 50px !important;
    }
}

@media only screen and (max-width: 768px) and (min-width: 736px)
{
    .hero .hero-content h1,
    .content h1
    {
        font-size: 3.5rem;
    }
    .hero .hero-content .hero-subtitle,
    .content .subtitle
    {
        font-size: 1.2em;
        line-height: 2em;

        margin-bottom: 0;

        letter-spacing: .1rem;

        text-shadow: none;
    }
    .quote h1
    {
        font-size: 2em;
    }
    .parallax-promo h2
    {
        font-size: 1.8em;

        margin-top: 5px !important;
    }
    .content
    {
        width: 100%;
    }
    .video-banner h1
    {
        font-size: 3.4rem;
    }
}

@media only screen and (max-width: 1024px) and (min-width: 769px)
{
    .content
    {
        width: 100%;
    }
    .video-banner h1
    {
        font-size: 3.4rem;
    }
}


a.chronoforms6_credits {
    display: none;
}

.semanticui-body.G2-joomla.chronoforms.index {
    padding-bottom: 30px;
}

.partner-logos {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: row;
}

.partner-logos img {
    width: 25%;
    height: fit-content;
}

@media only screen and (max-width: 768px){
    .partner-logos {
        flex-direction: column;
    }
    .partner-logos img {
        width: 100%;
        max-width: 250px;
        margin-bottom: 35px;
    }
}