@import url(//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css);
@import 'animate.css';
@import url(http://fonts.googleapis.com/css?family=Lora);
/*========================================================
                    Main layout styles
=========================================================*/
body
{
	line-height: 18px;
	color: #838993;
	background: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: 300;
	text-decoration: none;
}
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: #09F;
}
a[href^='tel:']
{
    text-decoration: none;

    color: inherit;
}
img
{
    max-width: 100%;
    height: auto;
}
h1,
h2,
h3,
h4,
h5,
h6
{
	text-transform: uppercase;
	color: #25529F;
}
h2
{
    font-size: 26px;
    font-weight: 900;
    line-height: 31px;

    letter-spacing: -.65px;
}
h3
{
    font-size: 18px;
    font-weight: 700;
    line-height: 20px;

    letter-spacing: -.45px;
}
h3 a:hover
{
    color: #09F;
}
h6
{
    font-size: 18px;
    font-weight: 700;
    line-height: 18px;

    letter-spacing: -.45px;
}
h6 a:hover
{
    color: #09F;
}
h7
{
	font-size: 18px;
	color: #838993;
	font-weight: 400;
	line-height: 20px;
	letter-spacing: -.45px;
	text-transform: none;
}
h7 a:hover
{
    color: #09F;
}
p2
{
	font-size: 15px;
	color: #ffffff;
	font-weight: 300;
	line-height: 18px;
	letter-spacing: -.45px;
	text-transform: none;
}
p2 a:hover
{
    color: #09F;
}
*
{
    -webkit-text-size-adjust: none;
}
/*============  General Modifiers  =============*/
.fnt__thin
{
    font-weight: 300;
}
.fnt_str
{
    font-weight: 900;
}
.ta__l
{
    text-align: left;
}
.ta__r
{
    text-align: right;
}
.ta__c
{
    text-align: center;
}
/*============  Colors  =============*/
.clr1
{
    color: #3c393e;
}
.clr2
{
    color: #fff;
}
.clr1 a:hover,
.clr2 a:hover
{
	color: #09F;
}
/*============  Backgrounds  =============*/
.bg1
{
    background-color: #fff;
}
.bg2
{
    background-color: #e9eaec;
}
.bg3
{
    background-color: rgba(0, 0, 0, .54);
}
.bg4
{
    background-color: rgba(0, 0, 0, .34);
}
.bg5
{
    background-color: rgba(0, 0, 0, .55);
}
.bg6
{
    background-color: rgba(0, 0, 0, .6);
}
/*========================================================
                    HEADER styles
=========================================================*/
#header
{
	background-color: #575756;
}
#header .bg1
{
    padding: 23px 0 26px;
}
#header .hdr-adr
{
    padding-top: 17px;
}
#header .hdr-adr .fa-phone
{
    margin-top: 9px;
}
@media (max-width: 979px)
{
    #header
    {
        text-align: center;
    }
}
#stuck_container
{
	padding-top: 14px;
	padding-right: 0;
	padding-bottom: 16px;
	padding-left: 0;
}
.brand h1
{
    font: 900 71px/71px 'Lora', sans-serif;

    position: relative;

    display: inline-block;
    overflow: hidden;

    letter-spacing: -1.775px;
    text-transform: uppercase;

    color: #09F;
}
.brand h1 span
{
    font-weight: 300;
}
.brand h1 a
{
    display: inline-block;
}
.brand .slogan
{
    display: inline-block;
}
@media (max-width: 767px)
{
    .brand h1
    {
        font-size: 40px;
        line-height: 40px;
    }
}
.nav
{
    padding: 9px 0 7px;
}
@media (max-width: 979px)
{
    .nav
    {
        padding-bottom: 30px;
    }
}
@media (max-width: 479px)
{
    .nav
    {
        padding-bottom: 15px;
    }
}
.hdr-adr
{
	font-size: 16px;
	font-weight: 900;
	line-height: 18px;
	text-decoration: none;
}
.hdr-adr .fa-phone,
.hdr-adr .fa-map-marker
{
    position: relative;

    display: inline-block;

    text-align: left;
}
.hdr-adr .fa-phone:before,
.hdr-adr .fa-map-marker:before
{
    position: absolute;
    top: 1px;
    left: 0;
}
.hdr-adr .fa-phone
{
    padding-left: 28px;
}
.hdr-adr .fa-map-marker
{
    padding-left: 32px;
}
.hdr-adr .fa-phone + .fa-map-marker
{
    margin-left: 54px;
}
@media (max-width: 479px)
{
    .hdr-adr
    {
        display: none;
    }
}
/* Main menu styles
========================================================*/
.sf-menu
{
    display: inline-block;
}
.sf-menu > li
{
    font: 400 24px/24px 'Lora', sans-serif;

    position: relative;

    float: left;

    text-align: center;
    text-transform: uppercase;

    color: #fff;
}
.sf-menu > li + li
{
    margin-left: 42px;
}
.sf-menu > li.sfHover > a,
.sf-menu > li.current > a,
.sf-menu > li > a:hover
{
	color: #09F;
}
.sf-menu li
{
    color: #fff;
}
.sf-menu li a
{
    display: block;
    /* height: 100%; */
}
.sf-menu ul
{
    font: 400 12px Arial, sans-serif;
    line-height: 12px;

    position: absolute;
    z-index: 2;

    display: none;

    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    width: 175px;
    padding: 23px 0 26px;

    text-transform: none;
}
.sf-menu ul li
{
    position: relative;
}
.sf-menu ul li + li
{
    padding-top: 11px;
}
.sf-menu ul a
{
    padding: 6px 10px 6px;
}
/* First level sub-menu styles
========================================================*/
.sf-menu > li > ul
{
    top: 57px;
    left: 50%;

    margin-left: -87px;

    background: #232323;
    -webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, .15);
       -moz-box-shadow: 0 0 8px 0 rgba(0, 0, 0, .15);
            box-shadow: 0 0 8px 0 rgba(0, 0, 0, .15);
}
.sf-menu > li > ul a
{
    color: #fff;
}
.sf-menu > li > ul li.sfHover > a,
.sf-menu > li > ul li > a:hover
{
    color: #00c0ff;
}
/* Second level sub-menu styles
========================================================*/
.sf-menu > li > ul > li > ul
{
    top: -4px;
    left: 100%;

    margin-left: 10px;

    background: #fff;
    -webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, .15);
       -moz-box-shadow: 0 0 8px 0 rgba(0, 0, 0, .15);
            box-shadow: 0 0 8px 0 rgba(0, 0, 0, .15);
}
.sf-menu > li > ul > li > ul a
{
    color: #424242;
}
.sf-menu > li > ul > li > ul:before
{
    position: absolute;
    top: 12px;
    right: 100%;

    width: 0;
    height: 0;
    margin-right: -1px;

    content: '';

    border-width: 6px 7px 6px 0;
    border-style: solid;
    border-color: transparent #fff transparent transparent;
}
.sf-menu > li > ul > li > ul li.current > a,
.sf-menu > li > ul > li > ul li > a:hover
{
    color: #09F;
}
@media (max-width: 979px)
{
    .sf-menu > li + li
    {
        margin-left: 12px;
    }
    .sf-menu > li > ul
    {
        top: 50px;
    }
}
@media only screen and (max-width: 767px)
{
    .sf-menu
    {
        position: relative;
        top: auto;

        display: none;
    }
    .select-menu
    {
        font: 300 14px 'Lora', sans-serif;

        position: relative !important;
        top: 0 !important;

        display: block;

        width: 100%;
        height: 40px;

        color: #424242;
        border: 3px solid #737373;
        -webkit-border-radius: 0;
           -moz-border-radius: 0;
                border-radius: 0;
        outline: none;
        background: #fff url(../images/select.png) 99% center no-repeat;

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

    padding: 10px 0;

    background: #25529F;
}
@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;
}
.img-wrap__ins1
{
    margin-top: 4px;
}
@media (max-width: 767px)
{
    .img-wrap__off1
    {
        margin-bottom: 30px;
    }
}
/*============  Headings  =============*/
.hdng
{
    padding-bottom: 28px;
}
.hdng__ins1
{
    margin-bottom: 30px;
    padding-bottom: 17px;

    border-bottom: 2px solid #caccd0;
}
.hdng__ins2
{
    padding-bottom: 30px;
}
.hdng__ins3
{
    padding-bottom: 30px;
}
.heading1
{
    font-size: 28px;
    font-weight: 900;
    line-height: 31px;

    letter-spacing: -.7px;
}
/*============  Buttons  =============*/
.btn1
{
    display: inline-block;

    cursor: pointer;
    text-align: center;
    text-transform: uppercase;

    color: #09F;
}
.btn1:hover,
.btn1.active
{
	color: #25529F;
}
.btn2
{
    font-size: 16px;
    font-weight: 900;
    line-height: 20px;

    display: inline-block;

    min-width: 157px;
    padding: 10px 0;

    cursor: pointer;
    text-align: center;
    text-transform: uppercase;

    color: #fff;
    background: #09F;
}
.btn2:hover,
.btn2.active
{
    color: #fff;
    background: #00c0ff;
}
/*============  Icon  =============*/
.fa-phone:before,
.fa-map-marker:before
{
    font-family: 'FontAwesome';
    font-weight: 400;
}
.fa-phone:before
{
    font-size: 30px;
    line-height: 1;
}
.fa-map-marker:before
{
    font-size: 42px;
    line-height: 1;
}
/*============  Effects =============*/
.drop-shd1
{
    -webkit-box-shadow: 0 20px 20px 0 rgba(0, 0, 0, .1);
       -moz-box-shadow: 0 20px 20px 0 rgba(0, 0, 0, .1);
            box-shadow: 0 20px 20px 0 rgba(0, 0, 0, .1);
}
.drop-shd2
{
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
       -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
            box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
}
/*============  Borders  =============*/
.br1
{
    position: relative;
}
.br1:before
{
    position: absolute;
    top: 0;
    left: -16px;

    height: 100%;

    content: '';

    border-left: 1px dotted #a5aab4;
}
@media (min-width: 768px) and (max-width: 1199px)
{
    .br1:before
    {
        left: -11px;
    }
}
@media (max-width: 767px)
{
    .br1:before
    {
        display: none;
    }
}
.br2
{
    position: relative;
}
.br2:before
{
    position: absolute;
    top: 0;
    right: 8px;

    height: 100%;

    content: '';

    border-left: 1px dotted #a5aab4;
}
@media (max-width: 979px)
{
    .br2:before
    {
        display: none;
    }
}
.br3
{
    border-bottom: 1px solid #232323;
}
/*============  List  =============*/
.list
{
	font-weight: 400;
	color: #fff;
}
.list li.active a,
.list li a:hover
{
    color: #09F;
}
.list li + li
{
    padding-top: 8px;
}
@media (max-width: 767px)
{
    .list
    {
        margin-bottom: 30px;
    }
}
/*============  Marked List  =============*/
.marked-list li
{
    position: relative;

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

    position: absolute;
    left: 0;

    content: '\f18e';

    color: #09F;
}
.marked-list li + li
{
    padding-top: 12px;
}
/*============  Partners  =============*/
.partners
{
    display: table;

    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    padding: 45px 37px 45px;

    table-layout: fixed;

    text-align: center;
}
.partners li
{
    display: table-cell;
}
@media (max-width: 979px)
{
    .partners
    {
        display: block;
    }
    .partners li
    {
        display: block;
    }
}
.partners li + li
{
    padding-top: 5px;
}
.partners a:hover img
{
    opacity: .5;
}
/*============  Well  =============*/
.well
{
    padding: 30px 0 30px;
}
.well__inset1
{
    padding-top: 30px;
    padding-bottom: 30px;
}
.well__inset2
{
    padding-top: 30px;
    padding-bottom: 30px;
}
.well__inset3
{
    padding-bottom: 30px;
}
.well__inset4
{
    padding: 30px 0 30px;
}
.well__inset5
{
    padding: 30px 0 30px;
}
.well__inset6
{
    padding-top: 30px;
}
.well__inset7
{
    padding: 30px 0 30px;
}
.well__inset8
{
    padding-bottom: 30px;
}
/*============  Boxes  =============*/
.box1
{
    padding-bottom: 30px;
}
.box1__offset1
{
    margin-top: 5px;
}
.box1__inset1
{
    padding-right: 10px;
    padding-left: 10px;
}
.box1__inset2
{
    padding-right: 18px;
}
.box1__inset3
{
    padding: 15px 30px 5px 0 ;
}
.box1__inset4
{
    padding-bottom: 30px;
}
.box1__inset5
{
    padding-bottom: 0;
}
.box1_cnt h2 + p
{
    padding-top: 22px;
}
.box1_cnt h3 + p,
.box1_cnt h3 + .marked-list
{
    padding-top: 14px;
}
.box1_cnt p + .btn1
{
    margin-top: 27px;
}
.box1_cnt img + .heading1
{
    padding-top: 30px;
}
.box1_cnt .heading1 + p
{
    padding-top: 18px;
}
.box1_cnt .heading1 + .maxheight1
{
    padding-top: 18px;
}
.box1_cnt .maxheight1 + .btn1
{
    margin-top: 27px;
}
.box1_cnt p + p
{
    padding-top: 14px;
}
.box1_cnt .fa + h3
{
    padding-top: 30px;
}
.box1_cnt p + .row
{
    padding-top: 30px;
}
.box1_cnt p + .marked-list
{
    padding-top: 30px;
}
.box1 .fa
{
    font-size: 72px;
    line-height: 72px;
}
@media (min-width: 768px) and (max-width: 979px)
{
    .box1 h3
    {
        font-size: 24px;
    }
}
@media (max-width: 767px)
{
    .box1
    {
        padding-bottom: 30px;
    }
}
.box2__offset1
{
	margin-bottom: 10px;
	margin-top: 10px;
}
.box2 h2
{
	font-size: 26px;
	line-height: 30px;
	letter-spacing: -1.2px;
}
.box2 h3
{
    font-size: 24px;
    font-weight: 400;
    font-style: none;
    line-height: 23px;

    letter-spacing: -.6px;
    text-transform: none;
}
.box2 p
{
    padding-right: 10px;
    padding-left: 10px;
}
.box2 h2 + h3
{
    padding-top: 4px;
}
.box2 h3 + p
{
    padding-top: 30px;
}
.box2 h2 + p
{
    padding-top: 30px;
}
.box2 p + .btn2
{
    margin-top: 30px;
}
@media (max-width: 479px)
{
    .box2 h2
    {
        font-size: 36px;
        line-height: 40px;
    }
}
.box3
{
    position: relative;

    display: block;

    width: 82.96296296%;
    margin: 0 auto;
    padding-bottom: 82.96296296%;

    border: 4px solid rgba(255, 255, 255, .27);
    -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
            border-radius: 50%;
}
.box3_cnt
{
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;
}
.box3_cnt
{
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    padding: 4px;
}
@media (max-width: 767px)
{
    .box3
    {
        margin-bottom: 30px;
    }
}
.box4
{
    position: relative;

    display: table;

    width: 100%;
    height: 100%;
}
.box4_wr
{
    display: table-row;

    width: 100%;
    height: 100%;
}
.box4_cnt
{
    display: table-cell;

    width: 100%;
    height: 100%;

    vertical-align: middle;
}
.box4_wr
{
    overflow: hidden;
}
.box4_wr img
{
    position: absolute;
    z-index: 0;

    width: 100%;
    height: auto;

    -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
            border-radius: 50%;
}
.box4_cnt
{
    font-size: 22px;
    font-weight: 900;
    line-height: 24px;

    position: relative;
    z-index: 1;

    text-align: center;
    text-transform: uppercase;

    opacity: 0;
    color: #fff;
    -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
            border-radius: 50%;
    background: rgba(0, 0, 0, .35);
}
.box4:hover .box4_cnt
{
    opacity: 1;
}
.mobile .box4_cnt,
.tablet .box4_cnt
{
    opacity: 1!important;
}
.box5_aside
{
    float: left;
}
.box5_cnt
{
    overflow: hidden;
}
.box5:before,
.box5:after
{
    display: table;

    content: ' ';
}
.box5:after
{
    clear: both;
}
.box5_aside
{
    min-width: 72px;
    margin-top: 4px;
    margin-right: 28px;
}
.box5_cnt h3 + p
{
    padding-top: 12px;
}
.box5_cnt p
{
    padding-right: 35px;
}
.box5 + .box5
{
    padding-top: 26px;
}
/*============  Product =============*/
.product__offset1
{
    margin-bottom: 30px;
}
.product_cnt
{
    padding: 19px 10px 16px;
}
.product_desc
{
    font-size: 11px;
    font-weight: 300;
    line-height: 12px;

    letter-spacing: 1.1px;
    text-transform: uppercase;
}
.product_ttl + .product_desc
{
    padding-top: 2px;
}
.product_ttl + p
{
    padding-top: 14px;
}
@media (max-width: 767px)
{
    .product
    {
        margin-bottom: 30px;
    }
}
/*============  Service =============*/
.service_ttl
{
    padding: 23px 0 27px;
}
.service_cnt
{
    padding: 14px 4px 15px;
}
.service_cnt p + .btn1
{
    margin-top: 30px;
}
@media (max-width: 767px)
{
    .service
    {
        margin-bottom: 30px;
    }
}
/*============  Faq =============*/
.faq_qw
{
    font-size: 18px;
    font-weight: 700;
    line-height: 20px;

    padding: 20px 34px;

    letter-spacing: -.45px;
    text-transform: uppercase;

    color: #3c393e;
}
.faq_ans
{
    padding: 15px 34px;
}
.faq .faq_ans + .faq_qw
{
    margin-top: 24px;
}
/*============  Post =============*/
.post_cnt
{
    padding: 30px 30px 30px;
}
.post_cnt .post_crdts + p
{
    padding-top: 12px;
}
.post_crdts
{
    padding-top: 17px;
}
.post_crdts:before,
.post_crdts:after
{
    display: table;

    content: ' ';
}
.post_crdts:after
{
    clear: both;
}
.post_crdts .flt__l + .flt__l
{
    margin-left: 16px;
}
.post .fa
{
    line-height: inherit;

    padding-right: 5px;

    color: #00c0ff;
}
.post + .post
{
    margin-top: 30px;
}
@media (max-width: 767px)
{
    .post_crdts .flt__l + .flt__l
    {
        margin-left: 0;
    }
}
/*============  Quote =============*/
.quote_hdr
{
    text-align: center;
}
.quote_hdr img
{
    -webkit-border-radius: 100px;
       -moz-border-radius: 100px;
            border-radius: 100px;
}
.quote_cnt
{
    position: relative;

    margin-bottom: 30px;
    padding: 30px 20px 27px 30px;

    background: #e9eaec url(../images/braces.png) no-repeat 44px 20px;
}
.quote_cnt:after
{
    position: absolute;
    top: 100%;
    left: 50%;

    width: 0;
    height: 0;
    margin-top: -1px;
    margin-left: -18px;

    content: '';

    border-width: 30px 17px 0 17px;
    border-style: solid;
    border-color: #e9eaec transparent transparent transparent;
}
.quote_cnt .quote_txt
{
    font-size: 12px;
    line-height: 18px;

    color: #70747c;
}
.quote_cnt .quote_author
{
    font-size: 16px;

    text-transform: none;
}
.quote_cnt .quote_crdts
{
    font-weight: 300;
    font-style: none;
}
.quote_cnt p + .quote_author
{
    padding-top: 19px;
}
@media (max-width: 767px)
{
    .quote
    {
        margin-bottom: 30px;
    }
}
/*============  Map =============*/
.map
{
    width: 100%;
    max-width: 100%;
    height: 300px;
}
@media (max-width: 1199px)
{
    .map
    {
        height: 242px;
    }
}
@media (max-width: 479px)
{
    .map
    {
        height: 169.4px;
    }
}
/*============  Address =============*/
.addr p:first-child
{
    font-size: 12px;
    font-weight: 700;
    line-height: 16px;

    letter-spacing: -.45px;
    text-transform: uppercase;

    color: #3c393e;
}
.addr dl dt,
.addr dl dd
{
    display: inline-block;
}
.addr dl dt
{
    min-width: 100px;
}
.addr p + dl
{
    padding-top: 14px;
}
@media (max-width: 767px)
{
    .addr
    {
        padding-bottom: 30px;
    }
}
/*============  Terms List =============*/
.terms
{
    padding-right: 5px;
}
.terms__ins1
{
    padding-right: 30px;
}
.terms dt
{
    font-size: 12px;
    font-weight: 700;
    line-height: 16px;

    letter-spacing: -.45px;
    text-transform: uppercase;

    color: #3c393e;
}
.terms dt + dd
{
    padding-top: 14px;
}
.terms dd + dt
{
    padding-top: 30px;
}
/* Stellar(parallaxBG) styles
========================================================*/
.desktop .stellar-block
{
    background-attachment: fixed;
}
.stellar-block
{
    position: relative;

    background-repeat: no-repeat;
    background-position: center 0;
}
@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
{
    background-color: #232323;
    background-image: url(../images/bg_1.jpg);
    background-position: center 100%;
}
@media (max-width: 1199px)
{
    .stellar1
    {
        background-image: url(../images/bg_1sm.jpg);
    }
}
.stellar2
{
    background-color: #232323;
    background-image: url(../images/bg_2.jpg);
    background-position: center 100%;
}
@media (max-width: 1199px)
{
    .stellar2
    {
        background-image: url(../images/bg_2sm.jpg);
    }
}
.stellar3
{
    background-color: #232323;
    background-image: url(../images/bg_3.jpg);
    background-position: center 100%;
}
@media (max-width: 1199px)
{
    .stellar3
    {
        background-image: url(../images/bg_3sm.jpg);
    }
}
.stellar4
{
    background-color: #232323;
    background-image: url(../images/bg_4.jpg);
    background-position: center 100%;
}
@media (max-width: 1199px)
{
    .stellar4
    {
        background-image: url(../images/bg_4sm.jpg);
    }
}
.stellar5
{
	background-color: #232323;
	background-image: url(../images/bg_1.jpg);
	background-position: center 100%;
}
@media (max-width: 1199px)
{
    .stellar5
    {
        background-image: url(../images/bg_5sm.jpg);
    }
}
/*========================================================
                    FOOTER styles
=========================================================*/
#footer
{
    background: #fff;
}
#footer h2
{
    font-size: 21px;
    line-height: 26px;
}
@media (max-width: 767px)
{
    #footer
    {
        text-align: center;
    }
}
/*============  Footer Address =============*/
.ftr_addr
{
    line-height: 16px;

    padding-top: 3px;
}
.ftr_addr dl dt,
.ftr_addr dl dd
{
    display: inline-block;
}
.ftr_addr dl dt
{
    min-width: 78px;
}
.ftr_addr dl + p
{
    padding-top: 16px;
}
@media (max-width: 767px)
{
    .ftr_addr
    {
        margin-bottom: 30px;
    }
}
/*============  Footer Map =============*/
.ftr_map
{
    width: 100%;
    max-width: 100%;
    height: 200px;
}
@media (max-width: 767px)
{
    .ftr_map
    {
        height: 150px;
    }
}
@media (max-width: 479px)
{
    .ftr_map
    {
        height: 150px;
    }
}
/*============  Newsletter =============*/
.newsletter
{
    padding: 25px 0;
}
.newsletter p
{
    font-size: 12px;
    line-height: 14px;
}
.newsletter p + .btn2
{
    margin-top: 30px;
}
/*============  Info =============*/
.info
{
    padding-top: 30px;

    text-transform: uppercase;

    color: #fff;
}
/*============  Social List =============*/
.socials
{
    display: inline-block;

    padding-bottom: 30px;
}
.socials li
{
    float: left;
}
.socials li + li
{
    margin-left: 7px;
}
.socials .fa
{
    font-size: 22px;
    line-height: 44px;

    display: inline-block;

    width: 44px;
    height: 44px;

    text-align: center;

    color: #fff;
    -webkit-border-radius: 22px;
       -moz-border-radius: 22px;
            border-radius: 22px;
    background: #00c0ff;
}
.socials .fa:hover
{
    color: #fff;
    background: #25529F;
}
.socials:before,
.socials:after
{
    display: table;

    content: ' ';
}
.socials:after
{
    clear: both;
}
@media (min-width: 768px) and (max-width: 979px)
{
    .socials li + li
    {
        margin-left: 3px;
    }
}
/*========================================================
                    Widget styles
=========================================================*/
/* ================== UItoTop ===================*/
#toTop
{
    font-size: 37px;
    line-height: 32px;

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

    display: none;
    overflow: hidden;

    width: 32px;
    height: 32px;

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

    color: #838993;
}
#toTop:hover
{
    color: #09F;
}
@media only screen and (max-width: 1199px)
{
    #toTop
    {
        display: none !important;
    }
}
.flt__l
{
    float: left;
}
.flt__r
{
    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 (min-width: 1200px)
{
    .flt__n-xl
    {
        float: none;
    }
}
/*newsletter form*/
#subscribe-form {
  width: 300px;
  position: relative;
}
#subscribe-form fieldset {
  border: none;
  margin: 0;
  padding: 0;
}
#subscribe-form label {
  position: relative;
  /*!*/
  display: block;
  min-height: 43px;
}
#subscribe-form input,
#subscribe-form textarea {
  outline: none;
  -webkit-box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  padding: 8px 10px 7px 10px;
  font-size: 12px;
  line-height: 15px;
  font-family: Arial;
  border: 1px #ccc solid;
  width: 300px;
  height: 33px;
  background: #fff;
  color: #000;
}
#subscribe-form .error {
  height: 0;
  overflow: hidden;
  font: 10px/20px Arial;
  -webkit-transition: height 0.3s linear;
  -moz-transition: height 0.3s linear;
  -o-transition: height 0.3s linear;
  transition: height 0.3s linear;
  position: absolute;
  right: 3px;
  top: 0;
}
#subscribe-form .success {
  line-height: 48px;
  position: absolute;
  overflow: hidden;
  padding: 14px 0;
  left: 0;
  top: 0;
  display: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background: #fff;
  border: 1px #ccc solid;
  z-index: 10;
  width: 100%;
  text-align: center;
}
#subscribe-form .btns a {
  display: inline-block;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  padding: 6px 15px;
  font-size: 12px;
  font-family: Arial;
  border: 1px #ccc solid;
  background: #f5f5f5;
  color: #000;
  margin-top: 0px;
}
#subscribe-form .btns a:hover {
  background: #efefef;
}
#subscribe-form label.invalid .error {
  height: 19px;
}
