@import url(//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css);
@import 'animate.css';
@import url(//fonts.googleapis.com/css?family=Roboto+Condensed:400,700,300);
@import url(//fonts.googleapis.com/css?family=Roboto+Condensed:400italic);
@import url(//fonts.googleapis.com/css?family=Pontano+Sans);
/*========================================================
                    Main layout styles
=========================================================*/
body
{
    font: 400 13px 'Roboto Condensed', sans-serif;
    line-height: 18px;

    color: #8a8989;
    background: #2e2e2e;
}
a
{
    font: inherit;

    -webkit-transition: .3s all ease;
       -moz-transition: .3s all ease;
         -o-transition: .3s all ease;
            transition: .3s all ease;
    text-decoration: none;

    color: inherit;
}
a:active
{
    background: transparent;
}
a:hover
{
    color: #ffb81c;
}
a[href^='tel:']
{
    text-decoration: none;

    color: inherit;
}
img
{
    max-width: 100%;
    height: auto;
}
h1,
h2,
h3,
h4,
h5,
h6
{
    color: #001489;
}

h2
{
    font-size: 30px;
    line-height: 30px;

    text-align: center;
    text-transform: uppercase;
}
h3
{
    font-size: 15px;

    text-transform: uppercase;
}
h4
{
    font-size: 24px;
    line-height: 30px;

    color: #ffb81c;
}
h5
{
    font-size: 16px;
    line-height: 20px;

    color: #001489;
}
p a,
dl a
{
    color: #ffb81c;
}
p a:hover,
dl a:hover
{
    text-decoration: underline;
}
*
{
    -webkit-text-size-adjust: none;
}
.p14
{
	font-size:14px;
}
.gold
{
	color: #ffb81c;
}
.anrede
{
	color:#2f2f2f; 
	font-weight:500; 
	font-style:italic;
}
/*============  Backgrounds  =============*/
.bg1
{
    background: #fff;
}
.bg2
{
    background: #ebebeb;
}
.bg3
{
    color: #fff;
    background: #363636;
}
.bg3 h2
{
    color: #fff;
}
.bg-image1
{
    min-height: 137px;
    padding: 27px 0 44px;

    background: url(../images/index-slide03.jpg) no-repeat 0 50%;
}
@media (max-width: 1199px)
{
    .bg-image1
    {
        background: url(../images/index-slide03sm.jpg) no-repeat 0 50%;
    }
}
@media (max-width: 767px)
{
    .bg-image1
    {
        display: none;
    }
}
/*========================================================
                    HEADER styles
=========================================================*/
#header
{
    position: relative;
}
#header .cnt
{
    position: absolute;
    z-index: 999;
    top: 0;
    left: 0;
    width: 100%;

    background: rgba(0, 20, 137, .79);
	
}
@media (max-width: 1199px)
{
    #header
    {
        text-align: center;
    }
    #header .cnt
    {
        position: relative;
    }
}
#stuck_container:before,
#stuck_container:after
{
    display: table;

    content: ' ';
}
#stuck_container:after
{
    clear: both;
}
.brand
{
    position: relative;

    display: inline-block;

    width: 264px;
    min-height: 88px;
}
.brand_wr
{
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;

    width: 100%;
    padding: 5px 0 24px;

    text-align: center;

    
}
.brand h1
{
    font-size: 60px;
    line-height: 60px;

    position: relative;

    display: inline-block;
    overflow: hidden;

    letter-spacing: -1.1px;

    color: #fff;
}
.brand h1 span
{
    font-size: 12px;
    line-height: 1;

    display: block;

    letter-spacing: 0;
    text-transform: uppercase;
}
.brand h1 a
{
    display: inline-block;

    color: #fff;
}
.brand h1 a:before
{
    display: block;

    width: 62px;
    height: 62px;
    margin: 0 auto 3px;

    content: '';

    background: url(../images/logo.png) no-repeat center center;
}
@media (min-width: 768px) and (max-width: 1199px)
{
    .brand
    {
        width: 300px;
    }
    .brand_wr
    {
        padding: 5px 0;
    }
    .brand h1 a:before
    {
        float: left;
    }
}
@media (min-width: 768px) and (max-width: 979px)
{
    .brand
    {
        padding: 10px 0;
    }
}
@media (max-width: 767px)
{
    .brand_wr
    {
        position: relative;
    }
}
@media (max-width: 479px)
{
    .brand h1
    {
        font-size: 60px;
        line-height: 60px;

        word-spacing: normal;
    }
}
.nav
{
    display: inline-block;

    margin-left: 34px;
}
@media (max-width: 1199px)
{
    .nav
    {
        margin-left: 0;
    }
}
@media (max-width: 767px)
{
    .nav
    {
        display: block;

        margin-bottom: 10px;
    }
}
/* Main menu styles
========================================================*/
.sf-menu
{
    padding: 40px 29px 40px;

    text-align: left;
    text-transform: uppercase;

    color: #fff;
}
.sf-menu > li
{
    font: 700 14px/14px 'Roboto Condensed', sans-serif;

    position: relative;

    float: left;
}
.sf-menu > li > a
{
    display: block;
}
.sf-menu > li > a.sf-with-ul
{
    position: relative;
}
.sf-menu > li > a.sf-with-ul:after
{
    font: 400 12px/14px 'FontAwesome';

    position: absolute;
    top: 110%;
    left: 50%;

    margin-left: -3px;

    content: '\f0d7';
}
.sf-menu > li + li
{
    margin-left: 52px;
}
.sf-menu > li.current > a,
.sf-menu > li.sfHover > a,
.sf-menu > li > a:hover
{
    color: #ffb81c;
}
.sf-menu:before,
.sf-menu:after
{
    display: table;

    content: ' ';
}
.sf-menu:after
{
    clear: both;
}
.sf-menu ul
{
    font: 400 12px 'Arial', sans-serif;
    line-height: 14px;

    position: absolute;
    z-index: 2;

    display: none;

    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    width: 145px;
    padding: 29px 0 30px;
}
.sf-menu ul li
{
    position: relative;

    padding: 0 10px;
}
.sf-menu ul li + li
{
    margin-top: 20px;
}
.sf-menu ul a
{
    display: block;

    color: #fff;
}
.sf-menu ul a.sf-with-ul
{
    position: relative;
}
.sf-menu ul a.sf-with-ul:after
{
    font: 400 12px/12px 'FontAwesome';

    position: absolute;
    right: -5px;

    content: '\f054';
}
.sf-menu ul li.sfHover > a,
.sf-menu ul li > a:hover
{
    font-size: 13px;
    font-weight: 600;
	color:#001489;
}
.sf-menu ul li ul li.sfHover > a,
.sf-menu ul li ul li > a:hover
{
    font-size: 13px;
    font-weight: 600;
	color:#ffb81c;
}
.sf-menu > li > ul
{
    position: absolute;
    top: 130%;
    left: 50%;

    margin-left: -52.5px;

    background: #ffb81c;
}
.sf-menu > li > ul > li > ul
{
    position: absolute;
    top: -10px;
    left: 100%;
	
    background: #001489;
}
@media only screen and (max-width: 767px)
{
    .sf-menu
    {
        position: relative;
        top: auto;

        display: none;

        padding: 0;
    }
    .select-menu
    {
        font: 400 16px 'Roboto Condensed', sans-serif;

        display: block;

        width: 100%;
        height: 30px;

        color: #8a8989;
        border: 1px solid #5e5e5e;
        -webkit-border-radius: 0;
           -moz-border-radius: 0;
                border-radius: 0;
        outline: none;
        background: #24262a url(../images/select.png) 97% center no-repeat;

        -webkit-appearance: none;
    }
}
/* Stuck menu styles
========================================================*/
.isStuck
{
    z-index: 999;

    background: rgba(0, 20, 137, .79);
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .15);
       -moz-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .15);
            box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .15);
}
.isStuck .brand
{
    width: 264px;
}
.isStuck .brand_wr
{
    padding: 5px 0;
}
.isStuck .brand h1 a:before
{
    float: left;
}
.isStuck .js-search
{
    display: none;
}
.isStuck .nav
{
    float: right;

}
@media (min-width: 980px) and (max-width: 1199px)
{
    .isStuck .brand
    {
        display: none;
    }
    .isStuck .nav
    {
        float: none;
    }
}
@media only screen and (max-width: 979px)
{
    .isStuck
    {
        display: none !important;
    }
}
/*========================================================
                    CONTENT styles
=========================================================*/
#content
{
    overflow: hidden;

    background: #fff;
}
/*============  Wrappers  =============*/
.img-wrap-fw
{
    text-align: center;
}
.img-wrap-fw img.js-unveil
{
    width: 100%;
    height: auto;
}
.img-wrap
{
    text-align: center;
}
/*============  Headings  =============*/
.hdng
{
    margin-bottom: 33px;
}
.hdng__off1
{
    margin-bottom: 19px;
}
.hdng__off2
{
    margin-bottom: 10px;
	margin-top: 10px;
}
.hdng__off3
{
    margin-bottom: 21px;
}
/*============  Intro  =============*/
.intro
{
    font-size: 16px;
    line-height: 24px;

    color: #757474;
}
.intro + .brd1
{
    margin-top: 31px;
}
.intro2
{
    font-size: 18px;
    line-height: 28px;

    text-transform: uppercase;
}
.intro2 + .sub-form
{
    margin-top: 23px;
}


/*============  Icons  =============*/
.ico1
{
    display: inline-block;

    width: 29px;
    height: 38px;

    background: url('../images/ico1.png') no-repeat 0 0;
}
/*============  Buttons  =============*/
.btn1
{
    font-size: 14px;

    display: inline-block;

    text-transform: uppercase;

    color: #ffb81c;
}
.btn1:hover
{
    color: #001489;
}
.btn2
{
    font-size: 14px;
    line-height: 32px;

    display: inline-block;

    width: 145px;
    max-width: 100%;
    padding: 9px 0;

    text-align: center;
    text-decoration: none;

    color: #fff;
    background-color: #ffb81c;
}
.btn2:hover
{
    text-decoration: none;

    color: #fff;
    background: #001489;
}
.btn2__sm
{
    line-height: 32px;

    display: inline-block;

    width: 121px;
    max-width: 100%;
    padding: 4.5px 0;
    text-align: center;
}
.btn2__off1
{
    margin-top: 27px;
}

.btn3
{
    font-size: 14px;
    line-height: 32px;

    display: inline-block;

    width: 470px;
    max-width: 100%;
    padding: 9px 0;

    text-align: center;
    text-decoration: none;

    color: #fff;
    background-color: #ffb81c;
}
.btn3:hover
{
    text-decoration: none;

    color: #fff;
    background: #001489;
}
.btn4
{
    font-size: 14px;
    line-height: 32px;
    display: inline-block;
    width: 120px;
    max-width: 100%;
	padding: 3.5px 0;
    text-align: center;
    text-decoration: none;
    color: #fff;
    background-color: #ffb81c;
}
.btn4:hover
{
    text-decoration: none;
    color: #fff;
    background: #001489;
}

/*============  Borders  =============*/
.brd1
{
    max-width: 370px;
    height: 1px;
    margin: 0 auto;

    background: #a8a8a8;
}
.brd1 + h2
{
    margin-top: 30px;
}
.brd2
{
    height: 1px;
    margin: 36px 0;

    background: #a8a8a8;
}
@media (max-width: 767px)
{
    .brd2
    {
        display: none;
    }
}
/*============  Partners  =============*/
.partners
{
    display: table;

    width: 100%;
    margin: 56px 0 72px;

    table-layout: fixed;

    text-align: center;
}
.partners li
{
    display: table-cell;
}
@media (max-width: 979px)
{
    .partners
    {
        display: block;
    }
    .partners li
    {
        display: block;
    }
}
.partners a:hover img
{
    opacity: .5;
}
/*============  Marked List  =============*/
.marked-list1
{
    font-size: 14px;
    line-height: 24px;
}
.marked-list1 li
{
    position: relative;

    padding-left: 17px;
}
.marked-list1 li:before
{
    font: 400 14px 'FontAwesome';
    line-height: inherit;

    position: absolute;
    left: 0;

    content: '\f0da';

    color: #333;
}
.marked-list1 li + li
{
    margin-top: 6px;
    padding-top: 5px;

    border-top: 1px solid #dfdfdf;
}
.marked-list2 li
{
    position: relative;

    padding-left: 20px;
}
.marked-list2 li:before
{
    font: 400 12px 'FontAwesome';
    line-height: inherit;

    position: absolute;
    left: 0;

    content: '\f0a9';

    color: #ffb81c;
}
.marked-list2 li + li
{
    margin-top: 6px;
}
/*============  Index List  =============*/
.index-list li
{
    position: relative;

    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 78px;
}
.index-list li:before
{
    font-size: 24px;
    line-height: 60px;

    position: absolute;
    top: 4px;
    left: 0;

    width: 62px;
    height: 62px;

    content: attr(data-index);
    text-align: center;

    color: #363636;
    border: 3px solid #ffb81c;
    -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
            border-radius: 50%;
}
.index-list .index-box__off1
{
    margin-top: 32px;
}
@media (min-width: 768px) and (max-width: 979px)
{
    .index-list .grid_3
    {
        float: none;

        width: 364px;
    }
}
@media (max-width: 979px)
{
    .index-list li + li
    {
        margin-top: 32px;
    }
}
/*============  Well  =============*/
.well
{
    padding-top: 95px;
    padding-bottom: 100px;
}
.well__ins1
{
    padding-top: 61px;
    padding-bottom: 40px;
}
.well__ins2
{
    padding-top: 80px;
    padding-bottom: 71px;
}
.well__ins3
{
    padding-bottom: 0;
}
.well__ins4
{
    padding: 81px 0 90px;
}
.well__ins5
{
    padding-bottom: 97px;
}
.well__ins6
{
    padding-bottom: 47px;
}
@media (max-width: 767px)
{
    .well__ins6
    {
        padding-top: 0;
    }
}

/*============  Well1  =============*/
.well1
{
    padding-top: 0;
    padding-bottom: 0;
}


/*============  Well2  =============*/
.well1
{
    padding-top: 20px;
    padding-bottom: 100px;
}

/*============  Boxes  =============*/
.box1 h3
{
    font-size: 18px;
    line-height: 24px;

    color: #474747;
}
.box1:hover h3
{
	color: #001489;
}
.box1_icon1
{
    display: inline-block;

    width: 166px;
    height: 166px;

    border: 2px solid #ffb81c;
    -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
            border-radius: 50%;
    background: url(../images/index_img04.png) no-repeat 0 0;
}
.box1_icon2
{
    display: inline-block;

    width: 166px;
    height: 166px;

    border: 2px solid #ffb81c;
    -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
            border-radius: 50%;
    background: url(../images/index_img05.png) no-repeat 0 0;
}
.box1_icon3
{
    display: inline-block;

    width: 166px;
    height: 166px;

    border: 2px solid #ffb81c;
    -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
            border-radius: 50%;
    background: url(../images/index_img06.png) no-repeat 0 0;
}
.box1:hover .box1_icon1,
.box1:hover .box1_icon2,
.box1:hover .box1_icon3
{
    background-position: 0 -166px;
}
.box1_hr
{
    height: 1px;

    background: #dfdfdf;
}
.box1:hover .box1_hr
{
	background: #001489;
}
.box1 .flt__l
{
    margin-right: 30px;
}
.box1_cnt
{
    padding-top: 11px;
}
.box1 h3 + p
{
    margin-top: 16px;
}
.box1 p + .btn1
{
    margin-top: 25px;
}
.box1_hr
{
    margin: 40px 0 25px;
}
@media (max-width: 1199px)
{
    .box1
    {
        text-align: center;
    }
    .box1 .flt__l
    {
        margin: 0 0 15px;
    }
}
.box2_aside
{
    float: right;
}
.box2_cnt
{
    overflow: hidden;
}
.box2:before,
.box2:after
{
    display: table;

    content: ' ';
}
.box2:after
{
    clear: both;
}
.box2_hr
{
    height: 1px;

    background: #dfdfdf;
}
.box2_aside
{
    margin-top: 4px;
}
.box2_cnt
{
    padding-right: 30px;
}
.box2 h3 + p
{
    margin-top: 14px;
}
p + .box2_hr
{
    margin-top: 26px;
}
.box2_hr + .btn1
{
    margin-top: 25px;
}
.box2 p + .row
{
    margin-top: 19px;
}
@media (max-width: 767px)
{
    .box2_aside
    {
        float: none;
        overflow: hidden;

        max-height: 220px;
    }
    .box2_aside img
    {
        width: 100%;
    }
    .box2_cnt
    {
        padding: 15px 0 0;
    }
    .box2 .grid_3 + .grid_3
    {
        margin-top: 19px;
    }
}
.box3 h2
{
    font-size: 60px;
    font-weight: 700;
    line-height: 60px;
}
.box3 h2 + p
{
    margin-top: 16px;
}
.box3 p + .btn2
{
    margin-top: 26px;
}
@media (max-width: 479px)
{
    .box3 h2
    {
        font-size: 40px;
        line-height: 40px;
    }
}
/*============  Promo =============*/
.promo
{
    border: 1px solid #cecece;
    background: url('../images/index_img07.jpg') no-repeat 0 100%;
}
.promo h2
{
    line-height: 48px;
}
.promo p
{
    font-size: 16px;
    line-height: 24px;

    color: #767676;
}
.promo_cnt
{
    padding: 42px 0 46px 68px;
}
.promo h2 + p
{
    margin-top: 7px;
}
.promo p + .btn2
{
    margin-top: 22px;
}
@media (min-width: 768px) and (max-width: 979px)
{
    .promo
    {
        background-position: 50% 100%;
    }
}
@media (max-width: 767px)
{
    .promo
    {
        background: none;
    }
    .promo_cnt
    {
        padding: 42px 20px 46px;
    }
}
/*============  Service =============*/
.service
{
    text-align: left;
}
.service .fa
{
    font-size: 48px;
    line-height: 56px;

    color: #2e2e2e;
}
.service h2
{
    font-weight: 700;
}
.service_cnt
{
    padding: 26px 20px 29px;
}
.service_cnt2
{
    padding: 0 20px;
}
.service .fa + h2
{
    margin-top: 21px;
}
.service h2 + p
{
    margin-top: 14px;
}
.service p + .btn1
{
    margin-top: 22px;
}

/*============  Service1 =============*/
.service1
{
    text-align: center;
}
.service1 .fa
{
    font-size: 48px;
    line-height: 56px;

    color: #001489;
}
.service1 h2
{
    font-weight: 700;
}
.service1_cnt
{
    padding: 26px 20px 29px;
}
.service1_cnt2
{
    padding: 0 20px;
}
.service1 .fa + h2
{
    margin-top: 21px;
}
.service1 h2 + p
{
    margin-top: 14px;
}
.service1 p + .btn1
{
    margin-top: 22px;
}

/*============  Project =============*/
.project
{
    background: #eee;
}
.project__off1
{
    margin-bottom: 50px;
}
.project_hdr
{
    overflow: hidden;

    max-height: 220px;
}
.project_hdr img
{
    width: 100%;
}
.project_cnt
{
    padding: 16px 22px 28px;
}
.project p
{
    font-size: 14px;
    line-height: 24px;
}
.project h3 + p
{
    margin-top: 7px;
}
.project p + .btn1
{
    margin-top: 19px;
}
/*============  Post =============*/
.post_aside
{
    float: left;
}
.post_cnt
{
    overflow: hidden;
}
.post:before,
.post:after
{
    display: table;

    content: ' ';
}
.post:after
{
    clear: both;
}
.post_ttl,
.post_sub-ttl
{
    font-size: 20px;
    font-weight: 500;
    line-height: 24px;

    text-transform: none;

    color: #001489;
}
.post_crdts
{
    font-size: 17px;
    font-weight: 300;
    line-height: 24px;

    color: #ffb81c;
}
.post_cnt p
{
    font-size: 14px;
    line-height: 24px;
}
.post_hr
{
    height: 1px;

    background: #dfdfdf;
}
.post_ttl + .post_crdts
{
    margin-top: 5px;
}
.post_aside
{
    margin-top: 25px;
}
.post_cnt
{
    margin-top: 20px;
    padding-left: 30px;
}
.post_sub-ttl + p
{
    margin-top: 11px;
}
.post_hr
{
    margin: 24px 0 25px;
}
.post p + .btn1
{
    margin-top: 25px;
}
.post + .post
{
    margin-top: 59px;
}
@media (max-width: 979px)
{
    .post_aside
    {
        float: none;
        overflow: hidden;

        max-height: 300px;
    }
    .post_aside img
    {
        width: 100%;
    }
    .post_cnt
    {
        padding: 0;
    }
}
/*============  Quote =============*/
.quote
{
    background: #ffb81c;
}
.quote_aside
{
    float: right;
}
.quote_cnt
{
    overflow: hidden;
}
.quote:before,
.quote:after
{
    display: table;

    content: ' ';
}
.quote:after
{
    clear: both;
}
.quote_ttl
{
    font-size: 28px;
    line-height: 28px;

    color: #fff;
}
.quote_txt
{
    font-size: 16px;
    line-height: 24px;

    color: #001489;
}
.quote_author
{
    font-size: 16px;
    font-style: italic;
    line-height: 24px;

    color: #fff;
}
.quote_cnt
{
    padding: 37px 70px 40px 68px;
}
.quote_ttl + .quote_txt
{
    margin-top: 13px;
}
.quote_txt + .quote_author
{
    margin-top: 13px;
}
@media (min-width: 980px) and (max-width: 1199px)
{
    .quote_cnt
    {
        padding: 31px 20px 40px 20px;
    }
}
@media (max-width: 979px)
{
    .quote_aside
    {
        float: none;
        overflow: hidden;

        max-height: 300px;
    }
    .quote_aside img
    {
        width: 100%;
    }
    .quote_cnt
    {
        padding: 27px 30px 40px;
    }
}
/*============  Address =============*/
.addr
{
    line-height: 30px;

    padding: 41px 0 50px;

    color: #737373;
}
.addr_ttl
{
    font-size: 20px;

    margin-bottom: 14px;

    text-transform: none;

    color: #404141;
}
.addr_onmap
{
    padding-top: 11px;
    padding-left: 56px;

    background: url('../images/index_img12.png') no-repeat 0 0;
}
.addr_onmap .addr_ttl
{
    font-family: 'Pontano Sans';
    font-size: 30px;

    text-transform: uppercase;

    color: #404141;
}
.addr_onphones
{
    padding-top: 14px;
    padding-left: 69px;

    background: url('../images/index_img13.png') no-repeat 0 0;
}
.addr_onemail
{
    padding-top: 14px;
    padding-left: 92px;

    background: url('../images/index_img14.png') no-repeat 0 9px;
}
.addr_onemail a
{
    text-decoration: underline;
	font-size: 18px;
}
.addr_onemail a:hover
{
    text-decoration: none;

    color: #737373;
}
.addr dl dt,
.addr dl dd
{
    display: inline-block;
	font-size: 18px;
}
.addr dl dt
{
    min-width: 70px;
	font-size: 18px;
}
.addr2
{
    font-size: 16px;
    line-height: 24px;

    padding-top: 21px;
}
.addr2 p:first-child
{
    font-size: 20px;
    font-weight: 300;

    color: #2f2f2f;
}
.addr2 dl dt,
.addr2 dl dd
{
    display: inline-block;
}
.addr2 dl dt
{
    min-width: 70px;
	
}
.addr2 p + dl
{
    margin-top: 11px;
}
/*============  Terms List =============*/
.terms dt
{
    font-size: 15px;

    text-transform: uppercase;

    color: #2e2e2e;
}
.terms dt + dd
{
    margin-top: 14px;
	font-size: 15px;
}
.terms dd + dt
{
    margin-top: 32px;
}
/* Stellar(parallaxBG) styles
========================================================*/
.desktop .stellar-block
{
    background-attachment: fixed;
}
.stellar-block
{
    position: relative;

    color: #fff;
    background-repeat: no-repeat;
    background-position: center 0;
}
.stellar-block h2
{
    color: #fff;
}
@media (max-width: 767px)
{
    .stellar-block
    {
        -webkit-background-size: auto 100%;
           -moz-background-size: auto 100%;
             -o-background-size: auto 100%;
                background-size: auto 100%;
    }
}
.stellar1
{
    padding: 37px 0 51px;

    background-color: #2e2e2e;
    background-image: url(../images/index_img17.jpg);
    background-position: center 70%;
}
@media (max-width: 1199px)
{
    .stellar1
    {
        background-image: url(../images/index_img17sm.jpg);
    }
}
.stellar2
{
    padding: 71px 0 100px;

    background-color: #2e2e2e;
    background-image: url(../images/index-2_img02.jpg);
    background-position: center 90%;
}
@media (max-width: 1199px)
{
    .stellar2
    {
        background-image: url(../images/index-2_img02sm.jpg);
    }
}
.stellar3
{
    padding: 79px 0 87px;

    background-color: #2e2e2e;
    background-image: url(../images/bg1.png);
    background-repeat: repeat;
    background-position: center 0;
}
.stellar3 h2
{
    font-size: 48px;
    font-weight: 300;
    line-height: 48px;

    color: #ffb81c;
}
.stellar3 h2 span
{
    display: block;
}
.stellar3 h2 span:first-child
{
    font-size: 30px;
    line-height: 32px;
}
.stellar3 h2 span:first-child + span
{
    font-size: 40px;
    font-weight: 400;
    line-height: 40px;
}
@media (max-width: 479px)
{
    .stellar3 h2
    {
        font-size: 30px;
        font-weight: 300;
        line-height: 30px;

        color: #ffb81c;
    }
    .stellar3 h2 span
    {
        display: block;
    }
    .stellar3 h2 span:first-child
    {
        font-size: 22px;
        line-height: 22px;
    }
    .stellar3 h2 span:first-child + span
    {
        font-size: 26px;
        font-weight: 400;
        line-height: 26px;
    }
}
/*========================================================
                    FOOTER styles
=========================================================*/
#footer
{
    padding: 30px 0 30px;

    background: rgba(0, 20, 137, .49);
}
@media (max-width: 767px)
{
    #footer
    {
        text-align: center;
    }
}
#footer .info + .socials
{
    margin-top: 12px;
}
/*============  Socials =============*/
.socials
{
    display: inline-block;
}
.socials li
{
    float: left;
}
.socials li + li
{
    margin-left: 14px;
}
.socials .fa
{
    font-size: 22px;
    line-height: 24px;

    display: inline-block;

    width: 22px;
    height: 24px;

    color: #fff;
}
.socials .fa:hover
{
    color: #ffb81c;
}
/*============  Info =============*/
.info
{
    font-size: 14px;
    line-height: 36px;

    text-transform: uppercase;

    color: #fff;
}
/*========================================================
                    Widget styles
=========================================================*/
/* ================== UItoTop ===================*/
#toTop
{
    font-size: 26px;
    line-height: 40px;

    position: fixed;
    z-index: 20;
    right: 15px;
    bottom: 35px;

    display: none;
    overflow: hidden;

    width: 42px;
    height: 42px;

    text-align: center;
    text-decoration: none;

    color: #2c2c2d;
    -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
            border-radius: 50%;
    background: #c2c2c2;
}
#toTop:hover
{
    color: #ffb81c;
}
@media only screen and (max-width: 1199px)
{
    #toTop
    {
        display: none !important;
    }
}
/*============  Map =============*/
.map
{
    width: 100%;
    max-width: 100%;
    height: 418px;
}
@media (max-width: 767px)
{
    .map
    {
        height: 200.5px;
    }
}
@media (max-width: 479px)
{
    .map
    {
        height: 150px;
    }
}
/*========================================================
                   General Modifiers
=========================================================*/
.flt__l
{
    float: left;
}
.flt__r
{
    float: right;
}
@media (max-width: 1599px)
{
    .flt__r-xl
    {
        float: right;
    }
}
.flt__n
{
    float: none;
}
@media (max-width: 479px)
{
    .flt__n-xs
    {
        float: none;
    }
}
@media (max-width: 767px)
{
    .flt__n-sm
    {
        float: none;
    }
}
@media (max-width: 979px)
{
    .flt__n-md
    {
        float: none;
    }
}
@media (max-width: 1199px)
{
    .flt__n-lg
    {
        float: none;
    }
}
@media (min-width: 768px) and (max-width: 979px)
{
    .flt__n-sm-md
    {
        float: none;
    }
}
@media (min-width: 980px) and (max-width: 1199px)
{
    .flt__n-md-lg
    {
        float: none;
    }
}
@media (max-width: 1599px)
{
    .flt__n-xl
    {
        float: none;
    }
}
.ta__l
{
    text-align: left;
}
.ta__r
{
    text-align: right;
}
.ta__c
{
    text-align: center;
}
.lh_lg
{
    line-height: 24px;
}
/*========================================================
                    Responsive layout
=========================================================*/
@media (max-width: 767px)
{
    .box1,
    .box2,
    .addr_onmap,
    .addr_onphones,
    .service,
    .project
    {
        margin-bottom: 30px;
    }
}

/* __________ Price Table __________ */
.module_price_table {
	overflow:hidden;
}	
.price_item {
	display:inline-block;
	float:left;
	width:25%;	
}	
.price_item .price_item_wrapper {
	padding-left:1px;
}
.price_item:first-child .price_item_wrapper {
	padding-left:0;
}
.price_item_title {
	background:#999;
	padding:13px 10px;
	text-align:center;
	
}
.price_item_title h6 {
	color:#fff;
	font-size:16px;
	line-height:18px;
	margin:0;
	font-weight:700;
}
.most_popular .price_item_title h6 {color:#fff;}
.price_item_cost {
	padding:22px 25px 11px 25px;
	text-align:center;
}
.price_item_cost h3 {
	font-size:30px;
	line-height:32px;
	font-weight:700;
	color:#505050;
}
.price_item_cost h3 span {
	font-size:16px;
	line-height:32px;
	font-weight:400;
	color:#505050;
	text-transform:none;
}
.price_item_text {
	background:#dddddd;
	color:#505050;
	text-align:center;
	line-height:16px;
	padding:9px 9px 11px 9px;
	margin-bottom:1px;
}
.most_popular .price_item_text {
	background:#ededed;
}
.price_item_btn a {
	display:block;
	padding:10px 10px;
	font-size:14px;
	text-align:center;
	text-transform:uppercase;
	font-weight:700;
	color:#fff;
	background-color:#505050;
}
.price_item_btn a:before {display:none;}
.most_popular .price_item_btn a,
.price_item_btn a:hover {
	background:#ffb81c;
	color:#fff;
}
.most_popular .price_item_title {
	background:#ffb81c;
}
.most_popular .price_item_cost h2,
.most_popular .price_item_cost h2 span {
	color:#ffb81c;
}
/* _________ //Price Table _________ */

.clear {
	clear:both;
	height:0;
	font-size:0;
}

/* _________ //BLOG POST 18.04.2017 WYNN _________ */

.blog-posts .post-item-wrap:before, .blog-posts .post-item-wrap:after {
	z-index: -1;
	position: absolute;
	content: "";
	bottom: 15px;
	left: 10px;
	width: 50%;
	top: 80%;
	max-width:300px;
	background: transparent;
	-webkit-box-shadow: 0 15px 10px #777;
	-moz-box-shadow: 0 15px 10px #777;
	box-shadow: 0 15px 10px #777;
	-webkit-transform: rotate(-3deg);
	-moz-transform: rotate(-3deg);
	-o-transform: rotate(-3deg);
	-ms-transform: rotate(-3deg);
	transform: rotate(-3deg);
}
.blog-posts .post-item-wrap:after, .centered.portfolio-item .portfolio-item-wrap .portfolio-item-wrap-inner:after {
	-webkit-transform: rotate(3deg);
	-moz-transform: rotate(3deg);
	-o-transform: rotate(3deg);
	-ms-transform: rotate(3deg);
	transform: rotate(3deg);
	right: 10px;
	left: auto;
}
.blog-posts-wrap {
	position: relative;
}
.blog-overlay {
	width: 100%;
	height: 100%;
	background: none;
	display: none;
	left: 0px;
	position: absolute;
	top: 0px;
	z-index: 10;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
	filter: alpha(opacity=90);
	-moz-opacity:0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;
}
.blog-posts, .blog_module .content-area{
	overflow: visible !important;
}
.blog-post .image-wrap {
	display: block;
}
.blog-post .image-wrap img {
	width: 100%;
	max-width: 100%;
}
.blog-post-content-area {
	margin: 20px 25px 30px;
}
.format-quote .blog-post-content-area{
	margin: 40px 40px 40px;
}
h6.blog-title a {
	color: #222222;
	font-size: 15px;
	line-height: 27px;
	text-decoration: none;
    font-weight: 700;
}
.blog-title a {
    color: inherit !important;
}
.single-post .single-format-standard .blog-title {
    margin-top: 40px;
    margin-bottom: 10px;
}
.blog-post-content-area p { margin-bottom: 20px; }

.blog-post-content-area h6 { margin-bottom: 10px; }

.blog-post-content {
	color: #656771;
	font-size: 13px;
	margin-bottom: 20px;
}
.blog-read-more {
	color: #1b1c21;
	display: inline-block;
	font-size: 12px;
	text-decoration: none;
	zoom: 1;
}
.blog-post-content-area-wrap {
	display: block;
}
.post-content{
	margin-bottom: 70px;
}

/*
*
* Thumbnails
* --------------------------------------------------
*/
.thumb {
  position: relative;
  display: block; }
  .thumb img {
    width: 100%; }
  @media (max-width: 767px) {
    .thumb {
      margin-left: auto;
      margin-right: auto;
      max-width: 300px; } }
  .thumb:before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(63, 171, 216, 0.4);
    z-index: 1;
    content: '';
    will-change: opacity; }
  .thumb:after {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    color: #fff;
    font-family: FontAwesome;
    font-size: 34px;
    content: "\f065";
    z-index: 1;
    will-change: transform, opacity; }
  .thumb:before, .thumb:after {
    transition: .3s ease;
    opacity: 0; }
  .thumb:hover:before, .thumb:hover:after {
    opacity: 1; }
	
	
/*
*
* Photoswipe
* --------------------------------------------------
*/
.pswp {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  overflow: hidden;
  -ms-touch-action: none;
  touch-action: none;
  z-index: 999999;
  -webkit-text-size-adjust: 100%;
  /* create separate layer, to avoid paint on window.onscroll in webkit/blink */
  -webkit-backface-visibility: hidden;
  outline: none; }

.pswp * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.pswp img {
  max-width: none; }

/* style is added when JS option showHideOpacity is set to true */
.pswp--animate_opacity {
  /* 0.001, because opacity:0 doesn't trigger Paint action, which causes lag at start of transition */
  opacity: 0.001;
  will-change: opacity;
  /* for open/close transition */
  -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
  transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); }

.pswp--open {
  display: block; }

.pswp--zoom-allowed .pswp__img {
  /* autoprefixer: off */
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.pswp--zoomed-in .pswp__img {
  /* autoprefixer: off */
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: grab; }

.pswp--dragging .pswp__img {
  /* autoprefixer: off */
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: grabbing; }

/*
	Background is added as a separate element.
	As animating opacity is much faster than animating rgba() background-color.
*/
.pswp__bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0;
  -webkit-backface-visibility: hidden;
  will-change: opacity; }

.pswp__scroll-wrap {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden; }

.pswp__container,
.pswp__zoom-wrap {
  -ms-touch-action: none;
  touch-action: none;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0; }

/* Prevent selection and tap highlights */
.pswp__container,
.pswp__img {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none; }

.pswp__zoom-wrap {
  position: absolute;
  width: 100%;
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top;
  /* for open/close transition */
  -webkit-transition: -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
  transition: -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
  transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
  transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1), -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1); }

.pswp__bg {
  will-change: opacity;
  /* for open/close transition */
  -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
  transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); }

.pswp--animated-in .pswp__bg,
.pswp--animated-in .pswp__zoom-wrap {
  -webkit-transition: none;
  transition: none; }

.pswp__container,
.pswp__zoom-wrap {
  -webkit-backface-visibility: hidden; }

.pswp__item {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  overflow: hidden; }
  .pswp__item .video-warp,
  .pswp__item .post-video-warp {
    position: absolute;
    top: 50%;
    width: 600px;
    max-width: 100%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }

.pswp__img {
  position: absolute;
  width: auto;
  height: auto;
  top: 0;
  left: 0; }

/*
	stretched thumbnail or div placeholder element (see below)
	style is added to avoid flickering in webkit/blink when layers overlap
*/
.pswp__img--placeholder {
  -webkit-backface-visibility: hidden; }

/*
	div element that matches size of large image
	large image loads on top of it
*/
.pswp__img--placeholder--blank {
  background: #222; }

.pswp--ie .pswp__img {
  width: 100% !important;
  height: auto !important;
  left: 0;
  top: 0; }

/*
	Error message appears when image is not loaded
	(JS option errorMsg controls markup)
*/
.pswp__error-msg {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  text-align: center;
  font-size: 14px;
  line-height: 16px;
  margin-top: -8px;
  color: #CCC; }

.pswp__error-msg a {
  color: #CCC;
  text-decoration: underline; }

[data-photo-swipe] [data-inner-html] iframe {
  pointer-events: none; }

/*! PhotoSwipe Default UI CSS by Dmitry Semenov | photoswipe.com | MIT license */
/*

	Contents:

	1. Buttons
	2. Share modal and links
	3. Index indicator ("1 of X" counter)
	4. Caption
	5. Loading indicator
	6. Additional styles (root element, top bar, idle state, hidden state, etc.)

*/
/*

	1. Buttons

 */
/* <button> css reset */
.pswp__button {
  width: 44px;
  height: 44px;
  position: relative;
  background: none;
  cursor: pointer;
  overflow: visible;
  -webkit-appearance: none;
  display: block;
  border: 0;
  padding: 0;
  margin: 0;
  float: right;
  opacity: 0.75;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
  -webkit-box-shadow: none;
  box-shadow: none; }

.pswp__button:focus,
.pswp__button:hover {
  opacity: 1; }

.pswp__button:active {
  outline: none;
  opacity: 0.9; }

.pswp__button::-moz-focus-inner {
  padding: 0;
  border: 0; }

/* pswp__ui--over-close class it added when mouse is over element that should close gallery */
.pswp__ui--over-close .pswp__button--close {
  opacity: 1; }

.pswp__button,
.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
  background: url(../images/photoswipe-controls.png) 0 0 no-repeat;
  background-size: 264px 88px;
  width: 44px;
  height: 44px; }

@media (-webkit-min-device-pixel-ratio: 1.1), (-webkit-min-device-pixel-ratio: 1.09375), (min-resolution: 105dpi), (min-resolution: 1.1dppx) {
  /* Serve SVG sprite if browser supports SVG and resolution is more than 105dpi */
  .pswp--svg .pswp__button,
  .pswp--svg .pswp__button--arrow--left:before,
  .pswp--svg .pswp__button--arrow--right:before {
    background-image: url(../images/photoswipe-controls.svg); }
  .pswp--svg .pswp__button--arrow--left,
  .pswp--svg .pswp__button--arrow--right {
    background: none; } }

.pswp__button--close {
  background-position: 0 -44px; }

.pswp__button--share {
  background-position: -44px -44px; }

.pswp__button--fs {
  display: none; }

.pswp--supports-fs .pswp__button--fs {
  display: block; }

.pswp--fs .pswp__button--fs {
  background-position: -44px 0; }

.pswp__button--zoom {
  display: none;
  background-position: -88px 0; }

.pswp--zoom-allowed .pswp__button--zoom {
  display: block; }

.pswp--zoomed-in .pswp__button--zoom {
  background-position: -132px 0; }

/* no arrows on touch screens */
.pswp--touch .pswp__button--arrow--left,
.pswp--touch .pswp__button--arrow--right {
  visibility: hidden; }

/*
	Arrow buttons hit area
	(icon is added to :before pseudo-element)
*/
.pswp__button--arrow--left,
.pswp__button--arrow--right {
  background: none;
  top: 50%;
  margin-top: -50px;
  width: 70px;
  height: 100px;
  position: absolute; }

.pswp__button--arrow--left {
  left: 0; }

.pswp__button--arrow--right {
  right: 0; }

.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
  content: '';
  top: 35px;
  background-color: rgba(0, 0, 0, 0.3);
  height: 30px;
  width: 32px;
  position: absolute; }

.pswp__button--arrow--left:before {
  left: 6px;
  background-position: -138px -44px; }

.pswp__button--arrow--right:before {
  right: 6px;
  background-position: -94px -44px; }

/*

	2. Share modal/popup and links

 */
.pswp__counter,
.pswp__share-modal {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.pswp__share-modal {
  display: block;
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  padding: 10px;
  position: absolute;
  z-index: 1600;
  opacity: 0;
  -webkit-transition: opacity 0.25s ease-out;
  transition: opacity 0.25s ease-out;
  -webkit-backface-visibility: hidden;
  will-change: opacity; }

.pswp__share-modal--hidden {
  display: none; }

.pswp__share-tooltip {
  z-index: 1620;
  position: absolute;
  background: #FFF;
  top: 56px;
  border-radius: 2px;
  display: block;
  width: auto;
  right: 44px;
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
  -webkit-transform: translateY(6px);
  -ms-transform: translateY(6px);
  transform: translateY(6px);
  -webkit-transition: -webkit-transform 0.25s;
  transition: -webkit-transform 0.25s;
  transition: transform 0.25s;
  transition: transform 0.25s, -webkit-transform 0.25s;
  -webkit-backface-visibility: hidden;
  will-change: transform; }

.pswp__share-tooltip a {
  display: block;
  padding: 8px 12px;
  color: #000;
  text-decoration: none;
  font-size: 14px;
  line-height: 18px; }

.pswp__share-tooltip a:hover {
  text-decoration: none;
  color: #000; }

.pswp__share-tooltip a:first-child {
  /* round corners on the first/last list item */
  border-radius: 2px 2px 0 0; }

.pswp__share-tooltip a:last-child {
  border-radius: 0 0 2px 2px;
  display: none;
  pointer-events: none; }

.pswp__share-modal--fade-in {
  opacity: 1; }

.pswp__share-modal--fade-in .pswp__share-tooltip {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0); }

/* increase size of share links on touch devices */
.pswp--touch .pswp__share-tooltip a {
  padding: 16px 12px; }

a.pswp__share--facebook:before {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  top: -12px;
  right: 15px;
  border: 6px solid transparent;
  border-bottom-color: #FFF;
  -webkit-pointer-events: none;
  -moz-pointer-events: none;
  pointer-events: none; }

a.pswp__share--facebook:hover {
  background: #3E5C9A;
  color: #FFF; }

a.pswp__share--facebook:hover:before {
  border-bottom-color: #3E5C9A; }

a.pswp__share--twitter:hover {
  background: #55ACEE;
  color: #FFF; }

a.pswp__share--pinterest:hover {
  background: #CCC;
  color: #CE272D; }

a.pswp__share--download:hover {
  background: #DDD; }

/*

	3. Index indicator ("1 of X" counter)

 */
.pswp__counter {
  position: absolute;
  left: 0;
  top: 0;
  height: 44px;
  font-size: 13px;
  line-height: 44px;
  color: #FFF;
  opacity: 0.75;
  padding: 0 10px; }

/*

	4. Caption

 */
.pswp__caption {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  min-height: 44px; }

.pswp__caption small {
  font-size: 11px;
  color: #BBB; }

.pswp__caption__center {
  text-align: left;
  max-width: 420px;
  margin: 0 auto;
  font-size: 13px;
  padding: 10px;
  line-height: 20px;
  color: #CCC; }

.pswp__caption--empty {
  display: none; }

/* Fake caption element, used to calculate height of next/prev image */
.pswp__caption--fake {
  visibility: hidden; }

/*

	5. Loading indicator (preloader)

	You can play with it here - http://codepen.io/dimsemenov/pen/yyBWoR

 */
.pswp__preloader {
  width: 44px;
  height: 44px;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -22px;
  opacity: 0;
  -webkit-transition: opacity 0.25s ease-out;
  transition: opacity 0.25s ease-out;
  will-change: opacity;
  direction: ltr; }

.pswp__preloader__icn {
  width: 20px;
  height: 20px;
  margin: 12px; }

.pswp__preloader--active {
  opacity: 1; }

.pswp__preloader--active .pswp__preloader__icn {
  /* We use .gif in browsers that don't support CSS animation */
  background: url(../images/preloader.gif) 0 0 no-repeat; }

.pswp--css_animation .pswp__preloader--active {
  opacity: 1; }

.pswp--css_animation .pswp__preloader--active .pswp__preloader__icn {
  -webkit-animation: clockwise 500ms linear infinite;
  animation: clockwise 500ms linear infinite; }

.pswp--css_animation .pswp__preloader--active .pswp__preloader__donut {
  -webkit-animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite;
  animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite; }

.pswp--css_animation .pswp__preloader__icn {
  background: none;
  opacity: 0.75;
  width: 14px;
  height: 14px;
  position: absolute;
  left: 15px;
  top: 15px;
  margin: 0; }

.pswp--css_animation .pswp__preloader__cut {
  /*
			The idea of animating inner circle is based on Polymer ("material") loading indicator
			 by Keanu Lee https://blog.keanulee.com/2014/10/20/the-tale-of-three-spinners.html
		*/
  position: relative;
  width: 7px;
  height: 14px;
  overflow: hidden; }

.pswp--css_animation .pswp__preloader__donut {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 14px;
  height: 14px;
  border: 2px solid #FFF;
  border-radius: 50%;
  border-left-color: transparent;
  border-bottom-color: transparent;
  position: absolute;
  top: 0;
  left: 0;
  background: none;
  margin: 0; }

@media screen and (max-width: 1024px) {
  .pswp__preloader {
    position: relative;
    left: auto;
    top: auto;
    margin: 0;
    float: right; } }

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

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

@-webkit-keyframes donut-rotate {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0); }
  50% {
    -webkit-transform: rotate(-140deg);
    transform: rotate(-140deg); }
  100% {
    -webkit-transform: rotate(0);
    transform: rotate(0); } }

@keyframes donut-rotate {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0); }
  50% {
    -webkit-transform: rotate(-140deg);
    transform: rotate(-140deg); }
  100% {
    -webkit-transform: rotate(0);
    transform: rotate(0); } }

/*

	6. Additional styles

 */
/* root element of UI */
.pswp__ui {
  -webkit-font-smoothing: auto;
  visibility: visible;
  opacity: 1;
  z-index: 1550; }

/* top black bar with buttons and "1 of X" indicator */
.pswp__top-bar {
  position: absolute;
  left: 0;
  top: 0;
  height: 44px;
  width: 100%; }

.pswp__caption,
.pswp__top-bar,
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
  -webkit-backface-visibility: hidden;
  will-change: opacity;
  -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
  transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); }

/* pswp--has_mouse class is added only when two subsequent mousemove events occur */
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
  visibility: visible; }

.pswp__top-bar,
.pswp__caption {
  background-color: rgba(0, 0, 0, 0.5); }

/* pswp__ui--fit class is added when main image "fits" between top bar and bottom bar (caption) */
.pswp__ui--fit .pswp__top-bar,
.pswp__ui--fit .pswp__caption {
  background-color: rgba(0, 0, 0, 0.3); }

/* pswp__ui--idle class is added when mouse isn't moving for several seconds (JS option timeToIdle) */
.pswp__ui--idle .pswp__top-bar {
  opacity: 0; }

.pswp__ui--idle .pswp__button--arrow--left,
.pswp__ui--idle .pswp__button--arrow--right {
  opacity: 0; }

/*
	pswp__ui--hidden class is added when controls are hidden
	e.g. when user taps to toggle visibility of controls
*/
.pswp__ui--hidden .pswp__top-bar,
.pswp__ui--hidden .pswp__caption,
.pswp__ui--hidden .pswp__button--arrow--left,
.pswp__ui--hidden .pswp__button--arrow--right {
  /* Force paint & create composition layer for controls. */
  opacity: 0.001; }

/* pswp__ui--one-slide class is added when there is just one item in gallery */
.pswp__ui--one-slide .pswp__button--arrow--left,
.pswp__ui--one-slide .pswp__button--arrow--right,
.pswp__ui--one-slide .pswp__counter {
  display: none; }

.pswp__element--disabled {
  display: none !important; }

.pswp--minimal--dark .pswp__top-bar {
  background: none; }

/*
*
* Swiper
* --------------------------------------------------
*/
.swiper-container {
  height: calc(100vh - 119px);
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  /* Fix of Webkit flickering */
  z-index: 1; }

.swiper-container-no-flexbox .swiper-slide {
  float: left; }

.swiper-container-vertical > .swiper-wrapper {
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column; }

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  box-sizing: content-box; }

.swiper-container-android .swiper-slide,
.swiper-wrapper {
  -webkit-transform: translate3d(0px, 0, 0);
  transform: translate3d(0px, 0, 0); }

.swiper-container-multirow > .swiper-wrapper {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

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

/* a11y */
.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000; }

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

.swiper-wp8-vertical {
  -ms-touch-action: pan-x;
  touch-action: pan-x; }

/* Coverflow */
.swiper-container-coverflow .swiper-wrapper {
  /* Windows 8 IE 10 fix */ }

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  transition-timing-function: ease-out; }

.swiper-container-fade .swiper-slide {
  pointer-events: none; }

.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none; }

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto; }

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  -webkit-transform-origin: 50%;
  -ms-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
  animation: swiper-preloader-spin 1s steps(12, end) infinite; }

.swiper-lazy-preloader:after {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-position: 50%;
  background-size: 100%;
  background-repeat: no-repeat; }

.swiper-lazy-preloader-white:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); }

@-webkit-keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

.swiper-slide > .vide__body,
.swiper-slide > .parallax_cnt {
  height: 100%; }

.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  display: none;
  font-size: 26px;
  line-height: 1;
  color: #fff;
  text-align: center;
  cursor: pointer;
  transition: .2s ease-in;
  will-change: transform;
  z-index: 10; }
  .swiper-button-prev:hover,
  .swiper-button-next:hover {
    color: #f26529; }
  @media (min-width: 768px) {
    .swiper-button-prev,
    .swiper-button-next {
      display: block; } }
  .swiper-button-prev.swiper-button-disabled,
  .swiper-button-next.swiper-button-disabled {
    opacity: 0.35;
    cursor: auto;
    pointer-events: none; }

.swiper-button-prev {
  left: 30px; }

.swiper-button-next {
  right: 30px; }

.swiper-pagination {
  position: absolute;
  display: block;
  text-align: center;
  transition: .3s;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 10; }
  .swiper-pagination.swiper-pagination-hidden {
    opacity: 0; }
  .swiper-pagination .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    display: inline-block;
    border-radius: 100%;
    background: rgba(255, 255, 255, 0.6);
    transition: .2s; }
    .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active, .swiper-pagination .swiper-pagination-bullet:hover {
      background: white; }
  .swiper-pagination.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer; }

.swiper-pagination-black .swiper-pagination-bullet {
  background: rgba(0, 0, 0, 0.6); }
  .swiper-pagination-black .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: black; }

.swiper-container-vertical > .swiper-pagination {
  right: 10px;
  top: 50%;
  -webkit-transform: translate3d(0px, -50%, 0);
  transform: translate3d(0px, -50%, 0); }
  .swiper-container-vertical > .swiper-pagination .swiper-pagination-bullet {
    margin: 5px 0;
    display: block; }

.swiper-container-horizontal > .swiper-pagination {
  bottom: 20px;
  left: 0;
  width: 100%; }
  .swiper-container-horizontal > .swiper-pagination .swiper-pagination-bullet {
    margin: 0 5px; }

.swiper-slide {
  position: relative;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-negative: 0;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  white-space: nowrap; }
  .swiper-slide-caption {
    width: 100%;
    white-space: normal; }
    .swiper-slide-caption p {
      display: none; }
      @media (min-width: 768px) {
        .swiper-slide-caption p {
          display: block; } }
		  
/*
*
* Font Awesome Icons 4.7.0
* --------------------------------------------------
*/
@font-face {
  font-family: 'FontAwesome';
  src: url("../fonts/fontawesome-webfont.eot?v=4.7.0");
  src: url("../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0") format("embedded-opentype"), url("../fonts/fontawesome-webfont.woff2?v=4.7.0") format("woff2"), url("../fonts/fontawesome-webfont.woff?v=4.7.0") format("woff"), url("../fonts/fontawesome-webfont.ttf?v=4.7.0") format("truetype"), url("../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular") format("svg");
  font-weight: normal;
  font-style: normal; }

.fa {
  display: inline-block;
  font-family: 'FontAwesome';
  font-size: 18px;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

[class*='fa-']:before {
  font-weight: 400;
  font-family: 'FontAwesome'; }