@import "animate.css";
@import url(//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css);
@import url(https://fonts.googleapis.com/css?family=Roboto:300);
@import url(https://fonts.googleapis.com/css?family=Roboto:400);
@import url(https://fonts.googleapis.com/css?family=Roboto:500);
@import url(https://fonts.googleapis.com/css?family=Roboto:700);
/*========================================================
                    Main layout styles
=========================================================*/
body
{
    font: 400 14px/21px "Arial" , sans-serif;
    color: #494949;
    background: url(../images/body-bg.jpg); /*background: #ffffff;*/
}
#stuck_container
{
    position: relative;
    z-index: 1000;
}
a
{
    text-decoration: none;
    color: inherit;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
a:hover
{
    color: #33baaf;
}
.a1
{
    display: inline-block;
    font: 300 24px/30px 'Roboto' , sans-serif;
    text-transform: none;
    color: #494949;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.a1:hover
{
    color: #f6af33;
}
@media (max-width: 1200px)
{
    .a1
    {
        font: 300 18px/24px 'Roboto' , sans-serif;
    }
}
.a2
{
    display: inline-block;
    font: 500 18px/18px 'Roboto' , sans-serif;
    text-transform: uppercase;
    color: #33baaf;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.a2:hover
{
    color: #f6af33;
}
@media (max-width: 1200px)
{
    .a2
    {
        font: 500 14px/14px 'Roboto' , sans-serif;
    }
}
img
{
    max-width: 100%;
}
*
{
    -webkit-text-size-adjust: none;
}
/* ======= Headers ======= */
h2
{
    font: 500 72px/72px 'Roboto' , sans-serif;
    color: #33baaf;
    text-transform: uppercase; /* Landscape phones and down */
}
@media (max-width: 1200px)
{
    h2
    {
        font: 500 42px/42px 'Roboto' , sans-serif;
    }
}
@media (max-width: 480px)
{
    h2
    {
        font: 500 32px/32px 'Roboto' , sans-serif;
    }
}
h3
{
    font: 500 36px/36px 'Roboto' , sans-serif;
    text-transform: uppercase;
    color: #f6af33; /* Landscape phones and down */
}
@media (max-width: 1200px)
{
    h3
    {
        font: 500 26px/26px 'Roboto' , sans-serif;
    }
}
@media (max-width: 480px)
{
    h3
    {
        font: 500 16px/16px 'Roboto' , sans-serif;
    }
}
h4
{
    font: 300 30px/30px 'Roboto' , sans-serif;
    text-transform: none;
    color: #ffffff;
}
@media (max-width: 1200px)
{
    h4
    {
        font: 300 20px/20px 'Roboto' , sans-serif;
    }
}
h5
{
    display: block;
    font: 500 18px/18px 'Roboto' , sans-serif;
    text-transform: uppercase;
    color: #33baaf;
}
p
{
    font: 300 13px/20px "Arial" , sans-serif;
    color: #494949;
}
p a
{
    /*font: 300 18px/30px "Arial" , sans-serif;
    display: inline-block;*/
}
@media (max-width: 1200px)
{
    p
    {
        font: 300 14px/20px "Arial" , sans-serif;
    }
    p a
    {
        font: 300 18px/20px "Arial" , sans-serif;
    }
}
.p1
{
    font: 500 36px/36px 'Roboto' , sans-serif;
    text-transform: uppercase;
    color: #3b3b3b; /* Landscape phone to portrait tablet */
}
.p1 span
{
    font: 500 30px/36px 'Roboto' , sans-serif;
}
@media (max-width: 1200px)
{
    .p1
    {
        font: 500 26px/26px 'Roboto' , sans-serif;
    }
    .p1 span
    {
        font: 500 20px/26px 'Roboto' , sans-serif;
    }
}
@media (max-width: 979px)
{
    .p1
    {
        font: 500 17px/27px 'Roboto' , sans-serif;
    }
    .p1 span
    {
        font: 500 17px/27px 'Roboto' , sans-serif;
    }
}
@media (max-width: 767px)
{
    .p1
    {
        padding-top: 15px;
        font: 500 13px/17px 'Roboto' , sans-serif;
    }
    .p1 span
    {
        font: 500 13px/17px 'Roboto' , sans-serif;
    }
}
.p2
{
    font: 300 24px/36px 'Roboto' , sans-serif;
    text-transform: none;
    color: #494949;
}
@media (max-width: 1200px)
{
    .p2
    {
        font: 300 18px/26px 'Roboto' , sans-serif;
    }
}
.p3
{
    font: 300 14px/24px 'Roboto' , sans-serif;
    color: #494949;
}
.p3 span
{
    font: 700 18px/24px 'Roboto' , sans-serif;
}
.p4
{
    font: 300 60px/34px 'Roboto' , sans-serif;
    color: #ffffff;
    padding-top: 30px;
    padding-bottom: 0px;
}
@media (max-width: 1200px)
{
    .p4
    {
        font: 300 40px/34px 'Roboto' , sans-serif;
    }
}
@media (min-width: 1366px)
{
    .picHolder
    {
        position: relative;
        display: inline-block;
        width: 100%;
        height: 380px;
        top: 0px;
        border-top: 1px solid;
    }
}
@media (min-width: 1366px)
{
    .picHolder > ul
    {
        list-style: none;
        margin: 0;
        white-space: nowrap;
        position: relative;
        display: inline-block;
        height: 380px;
        float: left;
    }
}
@media (max-width: 1366px)
{
    .picHolder > ul
    {
        float: none;
        display: block;
        text-allign: center;
    }
}
.picHolder > ul > li
{
    width: 647px;
    height: 380px;
    display: inline-block;
    position: relative;
    margin-right: -4px;
}
@media (max-width: 1366px)
{
    .picHolder > ul > li
    {
        width: 100%;
        height: auto;
    }
}
.picHolder > ul > li > a
{
    width: 647px;
    height: 380px;
    display: block;
    position: relative;
}
@media (max-width: 1366px)
{
    .picHolder > ul > li > a
    {
        width: 100%;
        height: auto;
        margin: 5px 0;
    }
    .picHolder > ul > li > a img
    {
        width: 100%;
        height: auto;
    }
}
.picHolder > ul > li > a ._over
{
    width: 637px;
    height: 370px;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(255, 255, 255, 0.3);
    border: 5px solid #ffffff;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
@media (max-width: 1366px)
{
    .picHolder > ul > li > a ._over
    {
        display: none;
    }
}
.picHolder > ul > li > a:hover ._over
{
    opacity: 100;
    filter: alpha(opacity=10000);
}
/* ======= Buttons ======= */
.btn-default
{
    display: inline-block;
    background: #f6af33;
    position: relative;
    z-index: 5;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.btn-default em
{
    font: 500 24px/24px 'Roboto' , sans-serif;
    text-transform: none;
    color: #ffffff;
    padding: 15px 25px 15px 25px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    display: inline-block;
}
.btn-default:hover
{
    background: #222;
}
.btn-link
{
    display: inline-block;
    font: 500 18px/18px 'Roboto' , sans-serif;
    color: #33baaf;
    text-transform: uppercase;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    z-index: 5;
}
.btn-link:hover
{
    color: #f6af33;
}
/*========================================================
                    HEADER styles
=========================================================*/
#header
{
    /*  position: absolute;   top:0;   left: 0;   width: 100%;   z-index: 2;*/
}
#header #stuck_container
{
    background: #222; /*background: #222*/
}
/* ======= Logo ======= */
h1
{
    display: inline-block;
    float: left;
    padding-top: 37px; /* Landscape phone to portrait tablet */
}
h1 a
{
    display: inline-block;
}
h1 a .slogan_1
{
    font: 500 25px/36px 'Roboto' , sans-serif;
    font-style:oblique;
    text-transform: uppercase;
    color: #F6AF33;
    display: block;
    white-space: nowrap; /* Landscape phone to portrait tablet */ /* Landscape phones and down */
    width:100%;
    padding-left:10%;
    display:none;
}
@media (max-width: 767px)
{
    h1 a .slogan_1
    {
        font: 500 28px/26px 'Roboto' , sans-serif;
        padding-top: 10px;
    }
}
@media (max-width: 480px)
{
    h1 a .slogan_1
    {
        font: 500 20px/25px 'Roboto' , sans-serif;
    }
}
h1 a .slogan_2
{
    font: 300 18px/18px 'Roboto' , sans-serif;
    padding-top: 10px;
    text-transform: uppercase;
    color: #ffffff;
    display: block; /* Landscape phone to portrait tablet */ /* Landscape phones and down */
}
@media (max-width: 767px)
{
    h1 a .slogan_2
    {
        display: inline-block;
    }
}
@media (max-width: 480px)
{
    h1 a .slogan_2
    {
        font: 500 18px/18px 'Roboto' , sans-serif;
        padding-top: 5px;
    }
}
@media (max-width: 979px)
{
    h1
    {
        display: block;
        float: none;
        padding-top: 17px;
        text-align: center;
    }
}
@media (max-width: 767px)
{
    h1
    {
        text-align: center;
    }
}
/* ======= Main menu variables ======= */
/* ======= Sub menus common variables ======= */
/* ======= First level sub menu variables ======= */
nav
{
    float: right; /* Landscape phone to portrait tablet */
}
@media (max-width: 1366px)
{
    nav
    {
        display: inline-block;
        border-top: 0px solid #979797;
    }
}
@media (max-width: 979px)
{
    nav
    {
        float: none;
        display: block;
        width: 100%;
        text-align: center;
    }
}
@media (max-width: 767px)
{
    nav
    {
        background: none;
        border: none;
    }
}
/* Main menu styles
========================================================*/
.sf-menu > li
{
    letter-spacing: 0.00em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    position: relative;
    text-align: center;
    margin-top: 0px;
    margin-right: 0px;
}
.sf-menu > li.with-menu
{
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    margin-top: 0;
    margin-right: 11px;
    padding: 25px 17px 24px 25px;
    position: relative;
}
.sf-menu > li.with-menu:before
{
    position: absolute;
    content: '';
    left: 0;
    display: none;
    top: -5px;
    width: 100%;
    height: 5px;
    background: #323232;
}
@media (max-width: 979px)
{
    .sf-menu > li
    {
        margin-top: 0;
    }
    .sf-menu > li:first-child
    {
        /*margin-left: 30px;*/
    }
}
.sf-menu > li.last-menu-item
{
    margin-right: 35px;
}
@media (max-width: 1200px)
{
    .sf-menu > li.last-menu-item
    {
        margin-right: 0px;
    }
}
.sf-menu > li > .sf-with-ul
{
    /*      &:after {         .after(14px);         content: "\f078";         color: @main-menu-color;         bottom: 5px;         left: 50%;         margin-left: -7px;         .transition(all 0.3s ease);       }*/
}
.sf-menu > li > a
{
    position: relative;
    display: inline-block;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: none;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.sf-menu > li > a > div
{
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    overflow: hidden;
}
.sf-menu > li > a > div:first-child
{
    /*.rotateZ(0deg);*/
    position: absolute;
}
.sf-menu > li > a > div:first-child + div
{
    top: -100px;
}
.sf-menu > li > a > div span
{
    position: relative;
    display: block;
    font: 500 16px/36px 'Roboto' , sans-serif;
    color: #ffffff;
    text-transform: uppercase;
    padding: 50px 5px;
    margin: 0;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
@media (max-width: 979px)
{
    .sf-menu > li > a > div span
    {
        padding: 15px 14px;
    }
}
@media (max-width: 979px)
{
    .sf-menu > li > a > div span
    {
        padding: 12px 10px;
        font: 400 15px/25px "Arial" , sans-serif;
    }
}
@media (max-width: 1266px)
{
    .sf-menu > li > a
    {
        font-size: 17px;
    }
}
.sf-menu > li.active, .sf-menu > li.sfHover, .sf-menu > li:hover
{
    z-index: 10;
}
.sf-menu > li.active > a, .sf-menu > li.sfHover > a, .sf-menu > li:hover > a
{
    text-decoration: none;
    background: #f6af33;
}
.sf-menu > li.active > a > div:first-child, .sf-menu > li.sfHover > a > div:first-child, .sf-menu > li:hover > a > div:first-child
{
    top: 200px;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.sf-menu > li.active > a > div:first-child + div, .sf-menu > li.sfHover > a > div:first-child + div, .sf-menu > li:hover > a > div:first-child + div
{
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    top: 0;
}
.sf-menu > li.active > a > div span, .sf-menu > li.sfHover > a > div span, .sf-menu > li:hover > a > div span
{
    color: #ffffff;
    border-top: 4px solid #fff;
}
.sf-menu > li.current
{
    z-index: 10;
}
.sf-menu > li.current > a
{
    text-decoration: none;
    background: #f6af33;
    border-top: 4px solid #fff;
}
.sf-menu > li.current > a > div:first-child
{
    top: 200px;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.sf-menu > li.current > a > div:first-child + div
{
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    top: 0;
}
.sf-menu > li.current > a > div span
{
    color: #ffffff;
}
@media (max-width: 979px)
{
    .sf-menu
    {
        display: inline-block;
    }
}
/* First level sub-menu styles
========================================================*/
.sf-menu ul
{
    /*.box-shadow(-1px 2px 3px 0px rgba(0, 0, 0, 0.16));*/
    display: none;
    min-width: 235px;
    font: 300 14px/14px 'Roboto' , sans-serif;
    position: absolute;
    top: 137px;
    left: 0;
    background: #222 text-align: left;
    padding: 10px 0 20px;
    z-index: 2;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
@media (max-width: 979px)
{
    .sf-menu ul
    {
        top: 62px;
    }
}
.sf-menu ul li
{
    letter-spacing: 0;
    position: relative;
    display: block;
}
.sf-menu ul li:hover > a
{
    background: #f6af33;
    color: #ffffff;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.05);
}
.sf-menu ul li > .sf-with-ul:after
{
    display: block;
    font-family: FontAwesome;
    font-size: 14px;
    position: absolute;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
    cursor: default;
    content: "\f054";
    color: #ffffff;
    bottom: 5px;
    right: 15px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.sf-menu ul li a
{
    padding: 6px 0 6px 32px;
    display: block;
    color: #ffffff;
    text-transform: uppercase;
}
.sf-menu ul > .sfHover > a
{
    background: #u7u7u7;
}
.sf-menu ul > .sfHover > a:after
{
    color: #ffffff;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.05);
}
.sf-menu ul li.sfHover > a
{
    background: #u7u7u7;
    color: #ffffff;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.05);
}
/* Second level sub-menu styles
========================================================*/
.sf-menu ul ul
{
    position: absolute;
    top: -10px;
    left: 235px;
    margin-left: 0;
    z-index: 4;
    text-align: left;
}
@media only screen and (max-width: 767px)
{
    .sf-menu
    {
        display: none;
    }
    nav
    {
        width: 100%;
        float: none;
    }
    .select-menu
    {
        border-radius: none;
        display: block;
        text-transform: capitalize;
        float: none;
        color: #333333;
        width: 90%;
        margin-left: 5%;
        margin-top: 20px;
        margin-bottom: 10px;
        background: #ffffff;
        font: 20px/26px "Arial" , sans-serif;
        text-align: left;
        border: 1px solid #c1c1c1;
        position: relative;
    }
    .select-menu option
    {
        text-align: left;
        position: relative;
    }
}
/*Core variables and mixins*/
/* Stuck menu styles
========================================================*/
.isStuck
{
    z-index: 999;
    position: fixed;
    left: 0;
}
@media only screen and (max-width: 979px)
{
    .isStuck
    {
        display: none !important;
    }
}
/*========================================================
                    CONTENT styles
=========================================================*/
#content
{
    /*position: relative; z-index: 1;*/
}
.block_1
{
    display: block;
    background: rgba(255, 255, 255, 0.5);
    padding: 30px;
    position: relative;
    margin-top: 465px;
    overflow: hidden; /* Landscape phone to portrait tablet */
}
@media (max-width: 1024px)
{
    .block_1
    {
        margin-top: 85px;
    }
}
@media (max-width: 767px)
{
    .block_1
    {
        margin-top: 70px;
        text-align: center;
    }
}
.block_2
{
    display: block;
    background: #33baaf;
    padding: 25px 30px 25px 20px;
    position: relative;
}
.block_3
{
    display: block;
    background: #f6af33;
    padding: 25px 30px 25px 20px;
    position: relative;
}
.block_4
{
    display: block;
    padding: 25px 30px 27px 30px;
    position: relative;
    border-top: 1px solid #222;
    border-right: 1px solid #222;
    border-bottom: 1px solid #222;
    overflow: hidden;
    box-sizing: border-box;
}
@media (max-width: 1200px)
{
    .block_4
    {
        padding: 5px 10px 9px 20px;
    }
}
@media (max-width: 979px)
{
    .block_4
    {
        border-top: none;
        border-left: 1px solid #222;
    }
    .block_4 img
    {
        width: 100%;
        height: auto;
    }
}
/* ======= Banner 1 ======= */
.banner1
{
    background-image: url(../images/p1_bg1.jpg);
    padding: 0px;
    min-height: 618px;
    height: auto;
}
@media (max-width: 1024px)
{
    .banner1
    {
        background: url(../images/p1_bg1.jpg) no-repeat #1cc9cb;
        min-height: 300px;
        height: auto;
    }
}
/* ======= Google Map  ======= */
.google-map1
{
    height: 300px;
}
.google-map1 img
{
    max-width: none !important;
}
/* ======= Address  ======= */
address
{
    font: 300 14px/21px 'Roboto' , sans-serif;
    text-transform: none;
    color: #494949;
    position: relative;
    display: inline-block;
    overflow: hidden;
    min-width: 200px;
    margin-right: 90px;
    float: left; /* Landscape phone to portrait tablet */
}
address:first-child
{
    margin-left: 0;
}
address a
{
    color: #33baaf;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
address a:hover
{
    color: #f6af33;
}
address .fa
{
    font-size: 36px;
    letter-spacing: 45px;
    color: #33baaf;
    display: inline-block;
    width: 40px;
}
@media (max-width: 767px)
{
    address
    {
        float: none;
        margin-left: 10px;
        display: block;
    }
}
/* ======= Google Map  ======= */
.content_map
{
    color: #ffffff;
    position: relative;
    text-align: center;
    height: 438px;
    margin-top: 0;
}
.content_map .rel
{
    position: relative;
    z-index: 10;
}
.content_map .gmap
{
    height: 438px;
}
/* ======= List 1 ======= */
.list_1
{
    padding-top: 15px;
    list-style: none;
    display: block;
}
.list_1 li
{
    display: block;
    padding-top: 9px;
}
.list_1 li a
{
    font: 700 14px/14px 'Roboto' , sans-serif;
    color: #33baaf;
    display: inline-block;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.list_1 li a:hover
{
    color: #f6af33;
}
.list_2
{
    margin-top: 15px;
    display: block;
}
.list_2 li
{
    display: block;
    margin-top: 32px;
}
/* ======= video ======= */
.various
{
    display: block;
    position: relative;
    overflow: hidden;
}
.various:before
{
    font-family: FontAwesome;
    font-size: 48px;
    position: absolute;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
    cursor: default;
    line-height: 34px;
    content: '\f152';
    color: #ffffff;
    top: 45%;
    left: 0;
    text-align: center;
    display: block;
    width: 100%;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
    opacity: 1;
    z-index: 3;
}
.various:hover:before
{
    color: #f6af33;
}
/*========================wrappers=========================*/
.wrapper_1
{
    padding: 50px 0 40px;
}
.wrapper_2
{
    /*padding: 0px 0 40px;*/
    overflow: hidden;
}
.wrapper_3
{
    overflow: hidden;
    padding: 5px 0 40px;
}
.wrapper_3 time
{
    font: 300 14px/14px font-family-custom-1;
    color: #494949;
    display: inline-block;
}
.wrapper_4
{
    overflow: hidden;
    padding: 15px 0 45px;
}
.wrapper_4 img
{
    width: 100%;
    height: auto;
}
.wrapper_5
{
    overflow: hidden;
    padding: 50px 0 40px;
    background: #222;
}
.wrapper_5 p
{
    color: #fff;
}
.wrapper_5 .p3
{
    color: #ffffff;
    padding-top: 24px;
}
.wrapper_6
{
    overflow: hidden;
    padding: 2.5% 0 1.5%; /*padding: 75px 0 40px;*/
}
.wrapper_6 .block_2 .p3
{
    color: #ffffff;
    font-style: italic;
}
.wrapper_6 .block_3 .p3
{
    color: #ffffff;
}
.wrapper_7
{
    overflow: hidden;
    padding: 25px 0 45px;
}
.wrapper_7 img
{
    width: 100%;
    height: auto;
}
.wrapper_8
{
    overflow: hidden;
    padding: 10px 0 45px;
}
.wrapper_8 ul
{
    padding-top: 25px;
}
.wrapper_8 ul li
{
    padding-bottom: 9px;
}
.wrapper_8 .a2
{
    text-transform: none;
    font-weight: 700;
}
.wrapper_9
{
    overflow: hidden;
    padding: 2% 0 1%; /*padding: 50px 0 45px;*/
    background: #222;
}

.wrapper_9 .p3, .wrapper_9 p
{
    color: #ffffff;
    font-style: italic;
}
.wrapper_10
{
    overflow: hidden;
    padding: 50px 0 45px;
}
.wrapper_10 .a2
{
    text-transform: none;
    font-weight: 300;
    line-height: 30px; /* Landscape phones and down */
}
@media (max-width: 480px)
{
    .wrapper_10 .a2
    {
        line-height: 18px;
    }
}
.wrapper_11
{
    overflow: hidden;
    padding: 30px 0 60px;
}
.wrapper_11 .bord_3
{
    margin: 9px 0;
}
.wrapper_12
{
    overflow: hidden;
    padding: 70px 0 70px;
}
.wrapper_13
{
    overflow: hidden;
    padding: 50px 0 50px;
    background: #222;
}
.wrapper_13 .bord_3
{
    background: #ffffff;
}
.wrapper_13 img
{
    width: 100%;
    height: auto;
}
.wrapper_14
{
    overflow: hidden;
    padding: 75px 0 50px;
}
.wrapper_15
{
    overflow: hidden;
    padding: 50px 0 50px;
    background: #222;
}
.wrapper_15 .p3
{
    color: #ffffff;
    padding-top: 24px;
}
.wrapper_16
{
    overflow: hidden;
    padding: 70px 0 50px;
}
.wrapper_16 address
{
    margin-left: 0;
}
/*========================others=========================*/
.tac
{
    text-align: center;
}
.tal
{
    text-align: left;
}
.tar
{
    text-align: right;
}
.fl
{
    float: left;
}
.fr
{
    float: right; /* Landscape phone to portrait tablet */
}
@media (max-width: 767px)
{
    .fr
    {
        float: none;
    }
}
.width1
{
    display: inline-block;
    width: 80px;
}
.extra_wrap
{
    overflow: hidden;
    display: block;
}
.img_indent
{
    float: left;
    margin-right: 30px; /* Landscape phone to portrait tablet */
}
@media (min-width: 768px) and (max-width: 979px)
{
    .img_indent
    {
        float: none;
        margin-right: 0px;
        padding-bottom: 20px;
    }
}
@media (max-width: 767px)
{
    .img_indent
    {
        float: none;
        margin-right: 0px;
        padding-bottom: 20px;
    }
}
.img_indent_1
{
    float: left;
    margin-right: 15px; /* Landscape phone to portrait tablet */
}
@media (max-width: 767px)
{
    .img_indent_1
    {
        float: none;
    }
}
.img_indent_2
{
    float: left;
    margin-right: 0px;
}
@media (max-width: 979px)
{
    .img_indent_2
    {
        float: none;
        width: 100%;
        height: auto;
    }
}
.pad_1
{
    padding: 0 28px;
}
@media (max-width: 979px)
{
    .pad_1
    {
        padding: 0;
    }
}
.pad_b_2
{
    padding-bottom: 20px;
}
.mar_t_05
{
    margin-top: 5px;
}
.mar_t_1
{
    margin-top: 10px;
}
.mar_t_15
{
    margin-top: 15px;
}
.mar_t_2
{
    margin-top: 20px;
}
.mar_t_25
{
    margin-top: 25px;
}
.mar_t_3
{
    margin-top: 30px;
}
.mar_t_35
{
    margin-top: 35px;
}
.mar_t_4
{
    margin-top: 40px; /* Landscape phone to portrait tablet */
}
@media (max-width: 1199px)
{
    .mar_t_4
    {
        margin-top: 27px;
    }
}
@media (min-width: 768px) and (max-width: 979px)
{
    .mar_t_4
    {
        margin-top: 15px;
    }
}
@media (max-width: 767px)
{
    .mar_t_4
    {
        margin-top: 10px;
    }
}
.mar_t_45
{
    margin-top: 45px; /* Landscape phone to portrait tablet */
}
@media (max-width: 1199px)
{
    .mar_t_45
    {
        margin-top: 30px;
    }
}
@media (min-width: 768px) and (max-width: 979px)
{
    .mar_t_45
    {
        margin-top: 20px;
    }
}
@media (max-width: 767px)
{
    .mar_t_45
    {
        margin-top: 15px;
    }
}
.mar_t_5
{
    margin-top: 50px; /* Landscape phone to portrait tablet */
}
@media (min-width: 979px) and (max-width: 1200px)
{
    .mar_t_5
    {
        margin-top: 30px;
    }
}
@media (min-width: 768px) and (max-width: 979px)
{
    .mar_t_5
    {
        margin-top: 20px;
    }
}
@media (max-width: 767px)
{
    .mar_t_5
    {
        margin-top: 20px;
    }
}
.mar_t_6
{
    margin-top: 60px; /* Landscape phone to portrait tablet */
}
@media (min-width: 979px) and (max-width: 1200px)
{
    .mar_t_6
    {
        margin-top: 40px;
    }
}
@media (min-width: 768px) and (max-width: 979px)
{
    .mar_t_6
    {
        margin-top: 20px;
    }
}
@media (max-width: 767px)
{
    .mar_t_6
    {
        margin-top: 20px;
    }
}
.mar_t_7
{
    margin-top: 70px; /* Landscape phone to portrait tablet */
}
@media (min-width: 979px) and (max-width: 1200px)
{
    .mar_t_7
    {
        margin-top: 40px;
    }
}
@media (min-width: 768px) and (max-width: 979px)
{
    .mar_t_7
    {
        margin-top: 20px;
    }
}
@media (max-width: 767px)
{
    .mar_t_7
    {
        margin-top: 20px;
    }
}
.mar_t_8
{
    margin-top: 80px; /* Landscape phone to portrait tablet */
}
@media (min-width: 979px) and (max-width: 1200px)
{
    .mar_t_8
    {
        margin-top: 50px;
    }
}
@media (min-width: 768px) and (max-width: 979px)
{
    .mar_t_8
    {
        margin-top: 30px;
    }
}
@media (max-width: 767px)
{
    .mar_t_8
    {
        margin-top: 25px;
    }
}
.mar_t_9
{
    margin-top: 90px; /* Landscape phone to portrait tablet */
}
@media (min-width: 979px) and (max-width: 1200px)
{
    .mar_t_9
    {
        margin-top: 50px;
    }
}
@media (min-width: 768px) and (max-width: 979px)
{
    .mar_t_9
    {
        margin-top: 30px;
    }
}
@media (max-width: 767px)
{
    .mar_t_9
    {
        margin-top: 30px;
    }
}
.mar_t_10
{
    margin-top: 100px; /* Landscape phone to portrait tablet */
}
@media (min-width: 979px) and (max-width: 1200px)
{
    .mar_t_10
    {
        margin-top: 60px;
    }
}
@media (min-width: 768px) and (max-width: 979px)
{
    .mar_t_10
    {
        margin-top: 40px;
    }
}
@media (max-width: 767px)
{
    .mar_t_10
    {
        margin-top: 30px;
    }
}
.mar_t_11
{
    margin-top: 110px; /* Landscape phone to portrait tablet */
}
@media (min-width: 979px) and (max-width: 1200px)
{
    .mar_t_11
    {
        margin-top: 60px;
    }
}
@media (min-width: 768px) and (max-width: 979px)
{
    .mar_t_11
    {
        margin-top: 40px;
    }
}
@media (max-width: 767px)
{
    .mar_t_11
    {
        margin-top: 35px;
    }
}
.bord_1
{
    background: url(../images/bord_1.png) no-repeat center 0;
    display: block;
    height: 66px;
}
.bord_2
{
    display: inline-block;
    width: 54px;
    height: 1px;
    background: #222 margin: 20px 0;
}
.bord_3
{
    display: block;
    width: 155px;
    height: 1px;
    background: #222 margin: 14px 0;
}
.bord_4
{
    background: url(../images/bord_2.png) no-repeat center 0;
    display: block;
    height: 66px;
}
/*========================================================
                    FOOTER styles
=========================================================*/
#footer
{
    padding-top: 15px;
    overflow: hidden;
    padding-bottom: 17px;
    text-align: center;
    display: block; /* ======= Social buttons 1 ======= */
}
#footer .privacy-block
{
    display: inline-block;
    color: #494949;
    font: 300 14px/14px 'Roboto' , sans-serif;
}
#footer .privacy-block a
{
    display: inline-block;
}
#footer .socials1
{
    float: right;
    display: inline-block; /* Landscape phone to portrait tablet */
}
@media (max-width: 767px)
{
    #footer .socials1
    {
        float: none;
    }
}
#footer .socials1 li
{
    display: inline-block;
}
#footer .socials1 li + li
{
    margin-left: 7px;
}
#footer .socials1 li a i
{
    width: 48px;
    height: 48px;
    line-height: 48px;
    color: #ffffff;
    background: #ffffff;
    text-align: center;
    font-size: 23px;
    display: block;
    border-radius: 200px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#footer .socials1 li a i:hover
{
    background: #222;
}
.bord_f
{
    border-top: 1px solid #222;
}
/*========================================================
                    Widget styles
=========================================================*/
/* UItoTop styles
========================================================*/
#toTop
{
    display: none;
    text-decoration: none;
    position: fixed;
    bottom: 80px;
    right: 30px;
    overflow: hidden;
    border: none;
    color: #494949;
    font-size: 43px;
    line-height: 38px;
    z-index: 20;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#toTop:hover
{
    outline: none;
    color: #33baaf;
}
@media only screen and (max-width: 1199px)
{
    #toTop
    {
        display: none !important;
    }
}
/*Core variables and mixins*/