@import "font-awesome/4.2.0/css/font-awesome.min.css";

@import "animate.css";

@import "touchTouch.css";

@import "https://fonts.googleapis.com/css?family=PT+Serif:400,700";



html,

body {

    margin: 0;

    padding: 0;

    height: 100%

}



body {

    min-width: 300px;

    background: #fff;

    color: #cccaca;

    font: 14px/20px Arial, sans-serif

}



a[href^="tel:"] {

    color: inherit;

    text-decoration: none

}



* {

    -webkit-text-size-adjust: none

}



h1 {

    position: relative;

    display: inline-block;

    margin: 0

}



h1 img {

    max-width: inherit

}



h2 {

    font: bold 1.70rem/34px 'PT Serif', Arial, sans-serif !important;

    color: #222;

    margin-top: 73px;

    letter-spacing: 1px;

    text-transform: uppercase;

}



.sub-title {

    font: bold 1.40rem/38px 'PT Serif', Arial, sans-serif !important;

    color: #222;

    letter-spacing: 1px;

    text-transform: uppercase;

}



.title {

    font: bold 1.40rem/38px 'PT Serif', Arial, sans-serif !important;

    color: #222;

    letter-spacing: 1px;

    text-transform: uppercase;

}



h3 {

    font: 700 20px/30px pt serif, Arial, sans-serif !important;

    color: #f59b29;

    margin-top: 29px;

    text-transform: uppercase;

    letter-spacing: 1px;

    margin-bottom: -12px

}



h4 {

    font: 300 20px/25px pt serif, Arial, sans-serif;

    color: #363f45;

    margin-top: 39px;

    text-transform: uppercase

}



#header {

    background: #fff;

    padding: 38px 0 41px;

    position: relative;

    z-index: 100

}



#header.content_header {

    border-bottom: 5px solid #f3f3f3

}



nav {

    margin-top: 40px;

    padding: 0;

    display: block

}



.sf-menu {

    display: inline-block

}



.sf-menu>li {

    float: left;

    position: relative;

    margin: 0 0 0 63px

}



.sf-menu>li:before {

    position: absolute;

    display: inline-block;

    content: '';

    width: 9px;

    height: 18px;

    right: -36px;

    top: 4px;

    background: url(../images/dot1.png) no-repeat

}



.sf-menu>li#last-li:before {

    display: none

}



.sf-menu>li:first-child,

.sf-menu>li#first-li:first-child {

    margin-left: 0

}



.sf-menu>li>a {

    display: inline-block;

    padding: 0;

    padding-bottom: 8px;

    font: 700 20px/24px pt serif, Arial, sans-serif;

    letter-spacing: 1px;

    color: #262626;

    -webkit-transition: .3s all ease;

    transition: .3s all ease

}



.sf-menu>li>a:hover {

    color: #d4d4d4;

    -webkit-transition: .3s all ease;

    transition: .3s all ease

}



.sf-menu>li>a:hover strong {

    width: 100%;

    opacity: 1

}



.sf-menu>li>a.sf-with-ul:after {

    content: '';

    position: absolute;

    width: 5px;

    bottom: 10px;

    left: 50%;

    pointer-events: none;

    z-index: 999;

    width: 0;

    height: 0

}



.sf-menu>li>a strong {

    width: 0%;

    height: 4px;

    position: absolute;

    display: inline-block;

    left: 0;

    bottom: 0;

    -webkit-transition: .3s all ease;

    transition: .3s all ease;

    z-index: 1;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    display: none;

    opacity: 0

}



.sf-menu>li.current>a {

    color: #d4d4d4

}



.sf-menu>li.current>a strong {

    width: 100%;

    opacity: 1

}



.sf-menu>li.sfHover>a {

    color: #d4d4d4

}



.sf-menu>li.sfHover>a strong {

    width: 100%;

    opacity: 1

}



.sf-menu a {

    -webkit-transition: .3s all ease;

    transition: .3s all ease

}



.sf-menu a:hover {

    -webkit-transition: .3s all ease;

    transition: .3s all ease

}



body.slider_page .sf-menu ul.submenu {

    background: #fff

}



.sf-menu ul {

    position: absolute;

    top: 28px;

    left: -35px;

    background: #efefef;

    padding: 25px 0 10px;

    width: 212px;

    z-index: 2;

    display: none;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box

}



.sf-menu ul li {

    position: relative;

    text-align: left;

    text-indent: 40px;

    line-height: 31px

}



.sf-menu ul li a {

    padding: 0;

    font: 700 20px/31px pt serif, Arial, sans-serif;

    letter-spacing: 1px;

    color: #262626;

    display: block

}



.sf-menu ul li a:hover {

    color: #d4d4d4

}



.sf-menu ul li a.sf-with-ul:after {

    font-family: fontawesome;

    position: absolute;

    width: 5px;

    font-size: 13px;

    line-height: 13px;

    font-weight: 400;

    color: #000;

    right: -4px;

    bottom: 1px;

    pointer-events: none;

    z-index: 999

}



.sf-menu ul li.sfHover>a {

    color: #d4d4d4

}



.sf-menu ul ul {

    position: relative;

    top: -25px;

    left: 0;

    background: #efefef;

    background: 0 0;

    padding-bottom: 0;

    z-index: 4

}



.sf-menu ul ul li {}



.sf-menu ul ul li a {

    text-indent: 50px;

    color: #262626

}



.sf-menu ul ul li a:hover {

    color: #d4d4d4

}



@media only screen and (max-width:1199px) {

    nav {

        padding-right: 0

    }



    .sf-menu>li {

        margin-left: 20px

    }



    .sf-menu li:before {

        right: -15px

    }

}



@media only screen and (max-width:979px) {

    .sf-menu>li a {

        letter-spacing: 0;

        font: 18px/24px pt serif, Arial, sans-serif

    }



    .sf-menu li:before {

        display: none

    }



    .sf-menu>li {

        margin-left: 15px

    }

}



@media only screen and (max-width:767px) {

    .sf-menu {

        display: none

    }



    .select-menu {

        display: block;

        width: 100%;

        border-radius: 0 !important;

        -moz-border-radius: 0 !important;

        -webkit-border-radius: 0 !important;

        border: 2px solid #f59b29;

        position: relative;

        outline: none !important;

        z-index: 1000;

        margin-top: 10px

    }

}



.isStuck {

    background: #fff;

    padding: 0 0;

    z-index: 999;

    border-bottom: 1px solid #cccaca

}



.isStuck .txt1,

.isStuck .soc_icons {

    display: none

}



.isStuck h1,

.isStuck h1 img {

    height: 30px

}



.isStuck nav {

    margin-top: 0

}



.isStuck .sf-menu ul.submenu {

    top: 33px

}



@media only screen and (max-width:979px) {

    .isStuck {

        display: none !important

    }

}



a {

    text-decoration: none;

    cursor: pointer;

    color: inherit;

    -webkit-transition: .4s all ease;

    transition: .4s all ease

}



a:hover {

    color: #f59b29;

    text-decoration: none

}



a.link1:hover {

    color: #c1c1c1

}



a.link2 {

    text-decoration: underline

}



a.link2:hover {

    color: #f59b29;

    text-decoration: underline

}



a.link3 {

    color: #222

}



a.link3:hover {

    color: #f59b29

}



a.link4:hover {

    color: #a8157d

}



.txt1 {

    font: 700 20px/24px pt serif, Arial, sans-serif;

    color: #222;

    margin-top: 74px;

    letter-spacing: 2px

}



.txt2 {

    font: 700 48px/52px pt serif, Arial, sans-serif;

    color: #f59b29;

    margin-top: 14px;

    letter-spacing: 0;

    text-transform: uppercase

}



.txt3 {

    font: 700 30px/34px pt serif, Arial, sans-serif;

    color: #fff;

    margin-top: 22px;

    letter-spacing: 2px;

    text-transform: uppercase

}



.txt3 span {

    color: #f59b29;

    font-size: 48px;

    line-height: 48px;

    -webkit-transition: .4s all ease;

    transition: .4s all ease

}



.txt4 {

    position: absolute;

    right: 0;

    bottom: 18px;

    font: 700 14px/18px pt serif, Arial, sans-serif;

    color: #573a94;

    letter-spacing: 2px;

    text-transform: uppercase;

    z-index: 10;

    text-align: center;

    -webkit-transform: rotate(-45deg);

    -ms-transform: rotate(-45deg);

    transform: rotate(-45deg);

    -webkit-transition: .4s all ease;

    transition: .4s all ease

}



.txt5 {

    font: 48px/50px pt serif, Arial, sans-serif;

    margin-top: 0;

    letter-spacing: 2px;

    padding-bottom: 10px;

    -webkit-transition: .4s all ease;

    transition: .4s all ease

}



.txt6 {

    font: 700 20px/30px pt serif, Arial, sans-serif;

    color: #c1c1c1;

    margin-top: 38px;

    letter-spacing: 1px;

    text-transform: uppercase

}



.txt7 {

    font: 700 14px/20px pt serif, Arial, sans-serif;

    margin-top: 0;

    letter-spacing: 1px;

    text-transform: uppercase

}



.color1 {

    color: #f59b29

}



.color2 {

    color: #a8157d

}



.color3 {

    color: #573a94

}



.color4 {

    color: #077cbf

}



.color5 {

    color: #fff

}



.color6 {

    color: #222

}



.color7 {

    color: #d5d5d5

}



.color8 {

    color: #ed68c6

}



.color9 {

    color: #ab96d9

}



.bg1 {

    background: #f59b29

}



.bg2 {

    background: #a8157d

}



.bg3 {

    background: #573a94

}



.bg4 {

    background: #077cbf

}



.box,

.box2,

.box3 {

    overflow: hidden

}



.bold {

    font-weight: 700

}



.fw400 {

    font-weight: 400

}



.fw600 {

    font-weight: 600

}



.fz15 {

    font-size: 15px

}



.circle {

    overflow: hidden;

    border-radius: 1000px

}



.fleft {

    float: left

}



.fright {

    float: right

}



.clear {

    clear: both;

    width: 100%;

    font-size: 0;

    line-height: 0

}



.wrapper {

    position: relative;

    overflow: hidden;

    width: 100%

}



.txt_upp {

    text-transform: uppercase

}



.txt_left {

    text-align: left

}



.txt_right {

    text-align: right

}



.txt_cntr {

    text-align: center

}



.txt_ital {

    font-style: italic

}



.txt_line_through {

    text-decoration: line-through

}



.pos_rel {

    position: relative

}



.txt_und {

    text-decoration: underline

}



.lh36 {

    line-height: 36px;

    letter-spacing: 3px

}



.padTop1 {

    padding-top: 10px

}



.padBot1 {

    padding-bottom: 10px

}



.padLeft1 {

    padding-left: 10px

}



.padRight1 {

    padding-right: 10px

}



.mar1 {

    margin: 0 7px

}



.marTop0 {

    margin-top: 0

}



.marTop1 {

    margin-top: 26px

}



.marTop2 {

    margin-top: 55px

}



.marTop3 {

    margin-top: 38px !important

}



.marTop4 {

    margin-top: 26px !important

}



.marTop5 {

    margin-top: 40px

}



.marTop6 {

    margin-top: 10px

}



.marTop7 {

    margin-top: 42px

}



.marTop8 {

    margin-top: 70px

}



.marTop9 {

    margin-top: 28px

}



.marTop10 {

    margin-top: 32px

}



.marTop11 {

    margin-top: 5px

}



.hline {

    width: 100%;

    height: 1px;

    background: #efefef;

    margin-top: 30px;

    margin-bottom: 0

}



p {

    margin-top: 19px

}



img {

    margin-bottom: 0;

    max-width: 100%;

    height: auto

}



.img_border {

    border: 1px solid #efefef;

    background: #f8f8f8;

    padding: 7px;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    margin-top: 10px

}



.img1 {

    margin-top: 7px;

    float: left;

    margin-right: 30px

}



.img2 {

    margin-top: 37px

}



.img3 {

    margin-top: 37px;

    margin-bottom: 8px

}



.img4 {

    margin-top: 37px

}



blockquote {

    padding-left: 54px;

    padding-right: 1px;

    background: url(../images/quote_sign.png) 0 6px no-repeat;

    margin-top: 29px;

    overflow: hidden

}



blockquote p {

    margin-top: 0

}



.num_section {

    float: left;

    font: 48px/50px pt serif, Arial, sans-serif;

    margin-top: 0;

    color: #222;

    letter-spacing: 2px;

    display: block;

    -webkit-transition: .4s all ease;

    transition: .4s all ease;

    width: 98px

}



.link_list1:hover .num_section,

.link_list1:hover .txt5 {

    color: #cacaca

}



.date_section {

    position: relative;

    width: 100%;

    max-width: 85px;

    text-align: center;

    margin-top: 37px;

    color: #fff;

    text-transform: uppercase;

    padding-bottom: 4px;

    margin-bottom: 25px

}



.day {

    font: 60px/60px pt serif, Arial, sans-serif;

    margin-top: 8px;

    display: block

}



.month {

    font: 14px/24px pt serif, Arial, sans-serif;

    margin-top: -5px;

    display: block;

    text-transform: uppercase

}



.listWithMarker {

    margin: 0;

    margin-top: 31px

}



.listWithMarker li {

    display: block;

    padding-left: 26px;

    margin-bottom: 0;

    padding-bottom: 15px;

    position: relative

}



.listWithMarker li:before {

    position: absolute;

    content: '\f00c';

    font: 14px/20px fontawesome;

    color: #f59b29;

    top: -1px;

    left: 0

}



.listWithMarker li a {

    color: #cccaca;

    text-decoration: none;

    font: 14px/20px roboto, Arial, sans-serif

}



.listWithMarker li a:hover,

.listWithMarker li.current a {

    color: #f59b29

}



.more_btn {

    display: inline-block;

    margin-top: 26px;

    text-decoration: none;

    font: 14px/18px pt serif, Arial, sans-serif;

    color: #fff;

    text-transform: uppercase;

    padding-right: 12px;

    background: url(../images/arr1.png) 100% 3px no-repeat;

    letter-spacing: 2px

}



.more_btn:hover {

    color: #000;

    padding-right: 15px

}



.more_btn2 {

    display: inline-block;

    margin-top: 21px;

    text-decoration: underline;

    font: 700 14px/20px pt serif, Arial, sans-serif;

    color: #222;

    text-transform: uppercase;

    letter-spacing: 1px

}



.more_btn2:hover {

    color: #cccaca;

    text-decoration: underline

}



.magnifier2 {

    position: relative;

    display: inline-block

}



.zoom {

    position: absolute;

    top: 0;

    left: 0;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    width: 100%;

    height: 100%;

    background: url(../images/magnifier2.png) 50% no-repeat;

    -webkit-transition: .6s all ease;

    transition: .6s all ease

}



a.magnifier2:hover .zoom {

    opacity: 1

}



a.magnifier2 .zoom {

    opacity: 0

}



.soc_icons {

    position: relative;

    display: block;

    margin-top: 23px;

    white-space: nowrap;

    text-align: left

}



.soc_icons>li {

    position: relative;

    display: inline-block;

    margin-right: 14px

}



.soc_icons>li>a {

    position: relative;

    line-height: 1em;

    -webkit-transition: .4s all ease;

    transition: .4s all ease;

    display: inline-block;

    color: #222;

    text-align: center

}



.soc_icons i {

    font: 29px/30px fontawesome

}



.soc_icons>li>a:hover {

    color: #f59b29;

    text-decoration: none

}



#content {

    padding: 0 0 71px;

    overflow: hidden

}



#content.content_pages {

    padding-bottom: 0

}



.box-1 {

    padding: 0 0 50px;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    background-color: #f3f3f3;

    margin-top: 67px

}



.box-1.v2 {

    margin-top: 60px;

    margin-bottom: 22px;

    padding-top: 21px;

    padding-bottom: 59px

}



.box-2 {

    margin-top: 20px;

    padding-bottom: 10px;

    border-bottom: 1px solid #fff

}



.box-2.last {

    border: none

}



.box-22 {

    position: relative;

    width: 100%;

    margin-top: 30px;

    padding: 40px 0;

    color: #fff;

    text-align: center;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    background: url(../images/bg1.jpg) 50% no-repeat #9b9b9b

}



.banners_section {

    margin-top: -1000px

}



.banner1 {

    position: relative;

    z-index: 1;

    color: #ffcb89;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    -webkit-transition: .4s all ease;

    transition: .4s all ease;

    padding: 51px 60px 44px 0

}



.banner1:before {

    content: '';

    position: absolute;

    width: 5px;

    top: 0;

    right: 9px;

    pointer-events: none;

    z-index: 999;

    width: 0;

    height: 0;

    border-style: solid;

    border-width: 17px 18px;

    border-width: 0;

    border-color: transparent #fff transparent transparent;

    -webkit-transition: .4s all ease;

    transition: .4s all ease

}



.banner1:after {

    content: '';

    position: absolute;

    width: 0;

    top: 0;

    bottom: 200px;

    right: 0;

    pointer-events: none;

    z-index: 999;

    background-color: #fff;

    -webkit-transition: .4s all ease;

    transition: .4s all ease

}



.banner1:hover:before {

    top: 49px;

    border-width: 17px 18px

}



.banner1:hover:after {

    bottom: 0;

    width: 9px

}



.banner1 h2 {

    color: #fff;

    margin-top: 0

}



.banner1_plane1,

.banner1_plane2,

.banner1_plane3 {

    position: absolute;

    right: 0;

    top: 0;

    bottom: 0;

    width: 3000px;

    background-color: #f59b29;

    z-index: -1

}



.banner1_plane2 {

    background-color: #a8157d

}



.banner1_plane3 {

    background-color: #573a94

}



.link_banner2:hover .banner2 {

    background-color: #e1e1e1

}



.link_banner2:hover .txt3 span {

    color: #fff

}



.link_banner2:hover .txt4 {

    color: #e1e1e1

}



.banner2 {

    margin-top: 23px;

    position: relative;

    z-index: 1;

    background-color: #573a94;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    -webkit-transition: .4s all ease;

    transition: .4s all ease;

    padding: 1px 25px 28px

}



.banner2:before {

    content: '';

    position: absolute;

    bottom: 0;

    right: 0;

    pointer-events: none;

    z-index: 9;

    width: 0;

    height: 0;

    border-bottom: 107px solid #fff;

    border-left: 107px solid transparent;

    -webkit-transition: .4s all ease;

    transition: .4s all ease

}



.banner3_link {

    margin-top: 32px;

    display: block

}



.banner3 {

    margin-top: 0;

    overflow: hidden;

    position: relative;

    z-index: 1;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    padding: 27px 5px 33px;

    text-align: center;

    color: #fff;

    -webkit-transition: .4s all ease;

    transition: .4s all ease

}



.banner3_link:hover .banner3 {

    background-color: #cccaca

}



.banner3:before {

    content: '';

    position: absolute;

    bottom: 0;

    left: 50%;

    margin-left: -5px;

    pointer-events: none;

    z-index: 999;

    width: 0;

    height: 0;

    border-style: solid;

    border-width: 8px;

    border-color: transparent transparent #fff transparent;

    -webkit-transition: .4s all ease;

    transition: .4s all ease

}



.col1 {

    float: left;

    width: 236px;

    margin-right: 31px

}



.col1.last {

    margin-right: 0

}



.content_map {

    margin-top: 0;

    position: relative;

    height: 316px

}



.google-map-api {

    position: absolute;

    left: 0;

    right: 0;

    top: 0;

    bottom: 0

}



#map-canvas {

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0

}



#map-canvas img {

    max-width: none !important

}



.map {

    margin-top: 15px;

    overflow: hidden

}



.map figure {

    position: relative;

    display: block;

    width: 100%;

    margin-bottom: 3px;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box

}



.map figure iframe {

    width: 100%;

    height: 321px;

    max-width: 100%

}



.img_border.map {

    max-width: 535px

}



.address1 {

    padding-top: 19px;

    display: block

}



.address1 dt {

    margin-bottom: 21px

}



.address1 dd span {

    min-width: 84px;

    display: inline-block;

    text-align: left

}



.address1 dd span.col1 {

    min-width: 0

}



#footer {

    padding: 70px 0 30px;

    color: #cccaca;

    overflow: hidden

}



#footer h1 {

    float: left;

    margin-right: 17px

}



.txt_priv {

    font-size: 14px;

    line-height: 18px;

    letter-spacing: 1px;

    margin-top: 56px

}



.fw_video {

    margin-top: 16px;

    width: 100%;

    height: 435px;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    overflow: hidden

}



.fw_video iframe {

    position: relative;

    display: inline-block;

    outline: none;

    width: 100%;

    height: 100%;

    border: none;

    overflow: hidden

}



#toTop {

    display: none;

    text-decoration: none;

    position: fixed;

    bottom: 80px;

    right: 30px;

    overflow: hidden;

    border: none;

    color: #222;

    width: 40px;

    height: 43px;

    font-size: 43px;

    line-height: 38px;

    z-index: 20;

    -webkit-transition: color .5s ease;

    transition: color .5s ease

}



#toTop:hover {

    outline: none;

    color: #f59b29

}



@media only screen and (max-width:1199px) {

    #toTop {

        display: none !important

    }

}



@media only screen and (max-width:1199px) {



    figure a,

    figure a img {

        width: 100%

    }



    .img1 {

        float: none;

        margin-right: 0

    }



    .banner1 {

        padding: 0;

        padding-right: 15px;

        padding-bottom: 20px;

        padding-top: 10px

    }



    .txt5 {

        font: 27px/40px pt serif, Arial, sans-serif;

        letter-spacing: 0

    }

}



@media only screen and (max-width:979px) {



    .map figure,

    .map figure iframe,

    #form input,

    #form textarea,

    #form .success {

        width: 100% !important;

        float: none !important

    }



    #form .success {

        -webkit-box-sizing: border-box;

        -moz-box-sizing: border-box;

        box-sizing: border-box

    }



    .map figure {

        height: auto !important;

        margin-bottom: 15px

    }



    .marTop1 {

        margin-top: 21px

    }



    .txt7 {

        font: 11px/20px pt serif, Arial, sans-serif

    }



    .txt2 {

        font: 700 38px/42px pt serif, Arial, sans-serif

    }



    .txt3 {

        font: 700 20px/28px pt serif, Arial, sans-serif

    }



    .txt3 span {

        color: #f59b29;

        font-size: 28px;

        line-height: 53px

    }



    h3 {

        font: 700 18px/30px pt serif, Arial, sans-serif

    }



    header h1 {

        width: 100%;

        margin-top: 27px

    }



    h1 img {

        width: 100%

    }

}



@media only screen and (max-width:767px) {

    img {

        width: 100%

    }



    img.no_resize,

    h1 img {

        width: auto

    }



    h1 {

        margin-top: 0

    }



    .txt1 {

        margin-top: 15px

    }



    .map figure iframe {

        height: 300px

    }



    figure a {

        width: 100%

    }



    .txt7 {

        font: 700 14px/20px pt serif, Arial, sans-serif

    }



    #footer {

        padding-top: 30px;

        padding-bottom: 20px

    }



    #footer h1 {

        float: none;

        margin-right: 0

    }



    .txt_priv {

        margin-top: 10px

    }



    .banner1 {

        padding-bottom: 40px;

        padding-top: 30px

    }

}



@media only screen and (max-width:479px) {}