@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700;800;900&display=swap');
@font-face{
    font-family:'Avalon';
    src:url('fonts/Avalon-Bold.woff2') format('woff2'),
        url('fonts/Avalon-Bold.woff') format('woff');
    font-weight:bold;
    font-style:normal
}
@font-face{
    font-family:'Avalon';
    src:url('fonts/AvalonPlain.woff2') format('woff2'),
        url('fonts/AvalonPlain.woff') format('woff');
    font-weight:normal;
    font-style:normal
}
*,*:before,*:after{
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    image-rendering:-webkit-optimize-contrast
}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{
    margin:0;
    padding:0;
    border:0;
    font-size:100%;
    font:inherit;
    vertical-align:baseline;
    -webkit-text-size-adjust:100%
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{
    display:block
}
body{
    line-height:1
}
ul{
    list-style:none
}
blockquote,q{
    quotes:none
}
blockquote:before,blockquote:after,q:before,q:after{
    content:'';
    content:none
}
table{
    border-collapse:collapse;
    border-spacing:0
}
button,html input[type=button],input[type=reset],input[type=submit]{
    -webkit-appearance:button;
    cursor:pointer
}
input,textarea,select{
    -webkit-appearance:none
}
mark{
    background-color:transparent
}
body{
    font-size:16px;
    line-height:37px;
    font-family:'Poppins',sans-serif;
    font-weight:400;
    color:#1a1a1a;
    width:100%;
    max-width:1920px;
    margin:0 auto;
    overflow-x:hidden
}
body.active{
    overflow:hidden;
    width:100%;
    height:100%;
    position:fixed!important
}
a{
    text-decoration:none;
    -webkit-transition:all .3s linear;
    transition:all .3s linear
}
img{
    max-width:100%;
    vertical-align:top;
    image-rendering:-webkit-optimize-contrast
}
textarea{
    resize:vertical
}
iframe{
    border:0;
    width:100%
}
ul,h1,h2,h3,h4{
    margin:0;
    padding:0;
    list-style:none
}
strong,b{
    font-weight:bold
}
em,i{
    font-style:italic
}
input[type="submit"]{
    cursor:pointer
}
a[href^="tel:"]{
    color:inherit!important;
    text-decoration:none
}
.clearfix:before,.clearfix:after{
    content:"";
    display:table;
    clear:both
}
.clearfix{
    clear:both;
    overflow:hidden
}
.comp{
    color:#0353a1;
    font-weight:bold
}
.comingsoon{
    color:red;
    font-style:italic;
    font-weight:bold
}
.col2{
    -webkit-column-count:2;
    -moz-column-count:2;
    column-count:2;
    -webkit-column-gap:10px;
    -moz-column-gap:10px;
    column-gap:10px
}
.col3{
    -webkit-column-count:3;
    -moz-column-count:3;
    column-count:3;
    -webkit-column-gap:10px;
    -moz-column-gap:10px;
    column-gap:10px
}
.col2 li,.col3 li{
    display:inline-block;
    width:100%
}
.main_phone{
    font-weight:bold
}
.back_top{
    display:none;
    background:#e4ab24;
    position:fixed;
    z-index:999;
    bottom:0;
    width:100%;
    height:45px;
    cursor:pointer
}
.back_top:before{
    content:"";
    position:absolute;
    top:45%;
    left:50%;
    transform:translate(-50%,-45%);
    border-bottom:15px solid #fff;
    border-left:10px solid transparent;
    border-right:10px solid transparent
}
.back_top:hover{
    background:#303030
}
.h1_hdng{
    font-size:22px;
    font-weight:700;
    color:#000
}
.thumb_left_dd,.thumb_left_dr{
    float:left;
    margin:-4px 19px 0 0
}
.thumb_right_dd,.thumb_right_dr{
    float:right;
    margin:-4px 0 0 19px
}
.thumb_center_dd,.thumb_center_dr{
    display:block;
    margin:10px auto
}
.text_left,.text_left p{
    text-align:left
}
.text_right,.text_right p{
    text-align:right
}
.text_center,.text_center p{
    text-align:center;
    display:block
}
::-webkit-input-placeholder{
    opacity:1;
    color:inherit
}
::-moz-placeholder{
    opacity:1;
    color:inherit
}
:-ms-input-placeholder{
    opacity:1;
    color:inherit
}
:-moz-placeholder{
    opacity:1;
    color:inherit
}
.wrapper{
    width:100%;
    max-width:1400px;
    margin:0 auto;
    position:relative
}
header {
    padding: 12px 15px 0;
    position: absolute;
    z-index: 20;
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
    background: transparent;
}
header .wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.main_logo{
    float:left;
    width:100%;
    max-width:394px;
    margin:11px 0 0
}

nav.page_nav{
    text-align:right;
    position:relative;
    z-index:10
}
nav.page_nav ul li{
    display:inline-block;
    position:relative
}
nav.page_nav ul li:first-child a{
    padding-left:0
}
nav.page_nav ul li:last-child a{
    padding-right:0
}
nav.page_nav ul li:after{
    content:'';
    position:absolute;
    top:5px;
    right:-4px;
    width:4px;
    height:4px;
    background:#fff;
    border-radius:50%
}
nav.page_nav ul li:last-child:after{
    content:"";
    display:none
}
nav.page_nav ul li a{
    display:block;
    font-size:16px;
    color:#fff;
    text-transform:uppercase;
    padding:0 10px;
    font-weight:400;
    line-height:100%
}
nav.page_nav ul li a:hover,nav.page_nav ul li a:active,nav.page_nav ul li.current_page_item>a,nav.page_nav ul li a:hover small,nav.page_nav ul li.current_page_item a small{
    text-decoration:none;
    color:#e4ab24
}
nav.page_nav ul li:hover>ul{
    display:block;
    visibility:visible
}
nav.page_nav ul ul{
    display:none;
    margin:0;
    padding:0;
    position:absolute;
    top:100%;
    left:0;
    z-index:999
}
nav.page_nav ul ul ul{
    left:100%;
    top:0
}
nav.page_nav ul ul li{
    display:block;
    width:100%;
    margin:0
}
nav.page_nav ul ul li a{
    background:#1e1d1d;
    width:150px;
    margin:auto;
    height:auto;
    display:block;
    padding:10px 15px!important;
    border-bottom:1px solid;
    line-height:100%;
    text-align:center;
    color:#fff
}
nav.page_nav ul ul li a:hover,nav.page_nav ul ul li a:active,nav.page_nav ul ul li.current_page_item>a{
    text-decoration:none;
    color:#fff;
    background:#bf901e
}
nav.page_nav span{
    position:absolute;
    right:25px;
    top:32px;
    display:none;
    padding:0;
    cursor:pointer;
    z-index:9;
    color:#fff;
    text-align:center
}
.fa{
    display:block;
    margin-top:-3px
}
.fa:before{
    position:absolute
}
.nav_toggle_button{
    display:none;
    text-align:left;
    position:relative
}
.nav_toggle_button.active{
    opacity:1
}
.nav_toggle_button i{
    cursor:pointer
}
.nav_toggle_button .toggle_holder{
    position:absolute;
    top:60%;
    right:8px;
    transform:translateY(-50%)
}
.nav_toggle_button .hamburger-inner,.nav_toggle_button .hamburger-inner:before,.nav_toggle_button .hamburger-inner:after{
    background:#fff
}
.nav_toggle_button small{
    text-transform:uppercase;
    font-weight:bold;
    font-size:13px;
    color:#fff;
    display:block;
    text-align:center;
    line-height:100%;
    position:relative;
    right:-5px
}
.hamburger-inner,.hamburger-inner::before,.hamburger-inner::after{
    width:42px!important
}
.hamburger{
    position:relative;
    z-index:99
}
.menu_slide_right{
    display:none
}
.menu_slide_right .hamburger-inner,.menu_slide_right .hamburger-inner:before,.menu_slide_right .hamburger-inner:after{
    background:#fff
}
.menu_slide_right .toggle_holder{
    position:absolute;
    top:60%;
    right:10px;
    transform:translateY(-50%)
}
.menu_slide_right small{
    text-transform:uppercase;
    color:#fff;
    font-weight:bold;
    font-size:11px;
    display:block;
    line-height:100%;
    position:relative;
    right:-3px;
    top:-9px
}
.fixed_nav{
    position:fixed;
    min-height:83px;
    background:#e4ab24;
    left:0;
    right:0;
    width:100%;
    max-width:1920px;
    margin:0 auto;
    z-index:100;
    padding:4px 25px 0;
    display:none
}
.fixed_logo{
    width:100%;
    max-width:197px;
    float:left
}
nav.page_nav.fixed_nav{
    text-align:right;
    position:relative;
    z-index:10;
    display:inline-block;
    float:right;
    width:986px;
    padding:21px 0 0
}
nav.page_nav.fixed_nav ul li{
    display:inline-block;
    position:relative
}
nav.page_nav.fixed_nav ul li:first-child a{
    padding-left:0
}
nav.page_nav.fixed_nav ul li:last-child a{
    padding-right:0
}
nav.page_nav.fixed_nav ul li:after{
    content:'';
    position:absolute;
    top:7px;
    right:-4px;
    width:4px;
    height:4px;
    background:#fff;
    border-radius:50%
}
nav.page_nav.fixed_nav ul li:last-child:after{
    content:"";
    display:none
}
nav.page_nav.fixed_nav ul li a{
    display:block;
    font-size:18px;
    color:#fff;
    text-transform:uppercase;
    padding:0 15px;
    font-weight:500;
    line-height:100%
}
nav.page_nav.fixed_nav ul li a:hover,nav.page_nav.fixed_nav ul li a:active,nav.page_nav.fixed_nav ul li.current_page_item>a,nav.page_nav.fixed_nav ul li a:hover small,nav.page_nav.fixed_nav ul li.current_page_item a small{
    text-decoration:none;
    color:#333
}
.show_nav{
    display:block!important
}
nav.page_nav.fixed_nav ul li:hover>ul{
    display:block;
    visibility:visible
}
nav.page_nav.fixed_nav ul ul{
    display:none;
    margin:0;
    padding:0;
    position:absolute;
    top:100%;
    left:0;
    z-index:999
}
nav.page_nav.fixed_nav ul ul ul{
    left:100%;
    top:0
}
nav.page_nav.fixed_nav ul ul li{
    display:block;
    width:100%;
    margin:0
}
nav.page_nav.fixed_nav ul ul li a{
    background:#111;
    width:200px;
    margin:auto;
    height:auto;
    display:block;
    padding:10px 15px!important;
    border-bottom:1px solid;
    line-height:100%;
    text-align:center;
    color:#fff
}
nav.page_nav.fixed_nav ul ul li a:hover,nav.page_nav.fixed_nav ul ul li a:active,nav.page_nav.fixed_nav ul ul li.current_page_item>a{
    text-decoration:none;
    color:#fff;
    background:#b78715
}
nav.page_nav.fixed_nav span{
    position:absolute;
    right:25px;
    top:32px;
    display:none;
    padding:0;
    cursor:pointer;
    z-index:9;
    color:#fff;
    text-align:center
}
#banner{
    background:url(images/bnr-bg.png) no-repeat right top,url(images/banner-bg.jpg) no-repeat right top;
    padding:120px 25px 0;
    position:relative;
    z-index:1;
    height:1038px
}
.slider{
    position:relative;
    z-index:1;
    width:684px;
    height:684px;
    float:right;
    border-radius:50%;
    overflow:hidden;
    border:15px solid #fff
}
.mobi_ban{
    display:none
}
.bnr_info{
    bottom:186px;
    left:0;
    position:absolute;
    text-align:left;
    z-index:22;
    width:497px;
    color:#fff;
    font-size:16px;
    line-height:37px
}
.bnr_info h2{
    font-size:45px;
    font-family:'Avalon';
    line-height:100%;
    font-weight:normal
}
.bnr_info h2 span{
    display:block;
    font-size:49px;
    line-height:100%;
    font-weight:bold
}
.bnr_info p{
    margin:38px 0 36px
}
.bnr_info a{
    display:inline-block;
    width:100%;
    max-width:204px;
    line-height:56px;
    border-radius:35px;
    color:#fff;
    text-transform:uppercase;
    font-size:16px;
    font-weight:400;
    background:#e4ab24;
    text-align:center
}
.bnr_info a:hover{
    background:#111
}
.non_ban{
    position:relative
}
.non_ban figure img{
    height:auto;
    vertical-align:top;
    max-width:1400px;
    margin-left:0
}
#main_area{
    padding:107px 25px 0;
    position:relative;
    z-index:4;
    background:#fff
}
main{
    float:right;
    width:701px;
    max-width:100%;
    text-align:left;
    margin:0 9px 0 0
}
main .h1_title{
    font-size:24px;
    font-weight:400;
    margin-bottom:45px;
    text-transform:uppercase;
    color:#545454
}
main .h1_title span{
    font-size:67px;
    font-weight:bold;
    font-family:'Avalon';
    display:block;
    color:#171717;
    text-transform:none;
    line-height:100%;
    margin:5px 0 9px
}
main .h1_title span q{
    color:#e4ab24
}
main .h1_title small{
    display:block;
    font-weight:normal;
    font-family:'Avalon';
    line-height:100%;
    font-size:50px;
    color:#1a1a1a;
    text-transform:none
}
main p{
    margin-bottom:35px
}
main ol{
    padding-left:35px;
    margin-bottom:15px
}
main .bullet{
    padding:0;
    margin-bottom:30px
}
main .bullet li{
    padding:0 0 0 20px;
    position:relative;
    text-align:left
}
main .bullet li:before{
    position:absolute;
    content:"";
    top:12px;
    left:0;
    width:13px;
    height:13px;
    background:#fff;
    border-radius:50% 50% 0;
    border:3px solid #e4ab24
}
.comp{
    font-weight:bold;
    color:#e4ab24
}
main a{
    font-weight:bold;
    color:#111;
    text-decoration:underline
}
main a:hover{
    text-decoration:none
}
main .main_p{
    margin:0 0 28px
}
.below_main{
    width:100%;
    max-width:550px;
    min-height:117px;
    border-radius:30px;
    background:#fff2ce;
    padding:29px 37px 10px
}
.below_main ul li{
    font-size:16px;
    color:#1a1a1a;
    line-height:29px;
    position:relative;
    display:block;
    padding-left:65px
}
.below_main ul li:before{
    content:url(images/list-arrow.png);
    position:absolute;
    left:0;
    top:60%;
    transform:translateY(-50%)
}
.sidebar{
    float:left;
    width:593px;
    position:relative;
    z-index:1;
    margin:9px 0 0 -73px
}
.sidebar:after{
    content:url(images/sidebar-deco.png);
    position:absolute;
    left:-186px;
    top:-223px;
    z-index:-1
}
.sidebar figure{
    width:100%;
    border-radius:50%;
    overflow:hidden;
    border:20px solid #fff
}
.sidebar figure img{
    width:100%
}
#bottom1{
    background:#fff;
    padding:140px 25px 147px;
    position:relative;
    z-index:3;
    text-align:center
}
.btm1_info{
    width:100%;
    max-width:979px;
    text-align:center;
    margin:0 auto;
    line-height:35px
}
.btm1_info h2{
    font-size:24px;
    font-weight:400;
    margin-bottom:15px;
    text-transform:uppercase;
    color:#545454
}
.btm1_info h2 span{
    font-size:60px;
    font-weight:bold;
    font-family:'Avalon';
    display:block;
    color:#171717;
    text-transform:none;
    line-height:100%;
    margin:6px 0 0
}
.btm1_info h2 span small{
    color:#e4ab24
}
.btm1_info p{
    margin:28px 0 0
}
.btm1_info p a{
    display:inline-block;
    color:#e4ab24;
    text-transform:uppercase;
    font-size:20px
}
.btm1_info p a:hover{
    color:#333
}
.btm1_con{
    width:100%;
    max-width:1212px;
    margin:87px auto 0;
    display:flex;
    justify-content:space-between
}
.btm1_con [class^="btm1_box"]{
    background:#fff;
    display:inline-block;
    vertical-align:top;
    width:368px;
    min-height:470px;
    text-align:center;
    padding:35px 36px 10px;
    box-shadow:0 0 30px rgba(0,0,0,.08);
    font-size:16px;
    color:#4d4d4d;
    line-height:34px;
    border-radius:46px
}
.btm1_con [class^="btm1_box"] figure{
    width:186px;
    border-radius:50%;
    margin:0 auto 25px;
    display:block;
    overflow:hidden
}
.btm1_con [class^="btm1_box"] h2{
    font-size:25px;
    font-weight:bold;
    font-family:'Avalon';
    line-height:100%;
    color:#333
}
.btm1_con [class^="btm1_box"] p{
    margin:10px 0 19px;
    min-height:68px
}
.btm1_con [class^="btm1_box"] a{
    display:inline-block;
    width:100%;
    max-width:171px;
    line-height:56px;
    border-radius:35px;
    color:#fff;
    text-transform:uppercase;
    font-size:16px;
    font-weight:400;
    background:#171717;
    text-align:center
}
.btm1_con [class^="btm1_box"] a:hover{
    background:#e4ab24
}
#bottom2{
    background:url(images/btm2-bg.png) repeat-y left top,url(images/btm2-bg.jpg) no-repeat center bottom;
    text-align:center;
    padding:125px 25px 0;
    position:relative;
    z-index:3;
    min-height:565px
}
.btm2_info{
    width:100%;
    max-width:1009px;
    margin:0 auto;
    text-align:center;
    font-size:16px;
    font-weight:400;
    line-height:32px;
    color:#fff
}
.btm2_info h2{
    font-size:24px;
    text-transform:uppercase;
    line-height:100%
}
.btm2_info h2 span{
    display:block;
    font-size:48px;
    font-weight:bold;
    line-height:100%;
    font-family:'Avalon';
    text-transform:none;
    margin:15px 0 0
}
.btm2_info p{
    margin:40px 0 31px
}
.btm2_info a{
    display:inline-block;
    width:100%;
    max-width:204px;
    line-height:56px;
    border-radius:35px;
    color:#fff;
    text-transform:uppercase;
    font-size:16px;
    font-weight:400;
    background:#e4ab24;
    text-align:center
}
.btm2_info a:hover{
    background:#333
}
#bottom3{
    position:relative;
    z-index:3;
    background:#fff;
    padding:167px 25px 62px
}
.btm3_left{
    width:789px;
    float:left
}
.btm3_left ul{
    display:flex;
    justify-content:space-between;
    flex-wrap:wrap
}
.btm3_left ul li{
    width:326px;
    text-align:left;
    margin:0 0 88px;
    font-size:20px;
    color:#4d4d4d;
    line-height:30px
}
.btm3_left ul li h2{
    font-size:30px;
    font-family:'Avalon';
    line-height:100%;
    font-weight:bold;
    color:#1f1f1f;
    position:relative
}
.btm3_left ul li h2:before{
    position:relative;
    display:block;
    margin:0 0 32px
}
.btm3_left ul li:nth-child(1) h2:before{
    content:url(images/btm2-icon1.png)
}
.btm3_left ul li:nth-child(2) h2:before{
    content:url(images/btm2-icon2.png)
}
.btm3_left ul li:nth-child(3) h2:before{
    content:url(images/btm2-icon3.png)
}
.btm3_left ul li:nth-child(4) h2:before{
    content:url(images/btm2-icon4.png)
}
.btm3_left ul li p{
    margin:32px 0 39px;
    min-height:90px
}
.btm3_left ul li a{
    display:inline-block;
    width:100%;
    max-width:171px;
    line-height:56px;
    text-align:center;
    background:#fff;
    color:#1a1a1a;
    font-size:16px;
    text-transform:uppercase;
    border-radius:35px;
    border:1px solid #363636
}
.btm3_left ul li a:hover{
    background:#e4ab24
}
.btm3_right{
    float:right;
    width:593px;
    position:relative;
    z-index:1;
    margin:103px -61px 0 0
}
.btm3_right:after{
    content:url(images/btm3-img-deco.jpg);
    position:absolute;
    right:-198px;
    top:-107px;
    z-index:-1
}
.btm3_right figure{
    width:100%;
    border-radius:50%;
    overflow:hidden;
    border:20px solid #fff
}
.btm3_right figure img{
    width:100%
}
footer{
    position:relative;
    z-index:5;
    background:url(images/ftr-bg.png) no-repeat left bottom,#fff;
    color:#fff;
    min-height:990px
}
.footer_top{
    padding:199px 25px 0;
    position:relative;
    z-index:3
}
.contact_info{
    text-align:left;
    position:relative
}
.contact_info h2{
    font-size:24px;
    text-transform:uppercase;
    line-height:100%
}
.contact_info h2 span{
    display:block;
    font-size:60px;
    font-family:'Avalon';
    font-weight:bold;
    line-height:100%;
    text-transform:none;
    margin:10px 0 0
}
.contact_info h2 span small{
    color:#e4ab24
}
.contact_info p{
    display:block;
    width:47%;
    margin:26px 0 45px
}
.contact_info ul{
    padding:0;
    width:100%;
    max-width:1026px
}
.contact_info ul li{
    display:inline-block;
    vertical-align:top;
    padding-left:98px;
    text-align:left;
    position:relative;
    font-size:23px;
    line-height:39px;
    margin:0 0 40px;
    width:49%
}
.contact_info ul li a{
    color:inherit
}
.contact_info ul li mark{
    font-weight:inherit;
    color:inherit
}
.contact_info ul li span{
    display:block
}
.contact_info ul li a[href^="tel:"]{
    color:inherit
}
.contact_info ul li a:hover{
    text-decoration:underline
}
.contact_info ul li:before{
    position:absolute;
    left:0;
    top:57%;
    transform:translateY(-50%)
}
.contact_info ul li:first-child:before{
    content:url(images/ftr-icon1.png)
}
.contact_info ul li:nth-child(2):before{
    content:url(images/ftr-icon1.png)
}
.contact_info ul li:nth-child(3):before{
    content:url(images/ftr-icon2.png)
}
.contact_info ul li:last-child:before{
    content:url(images/ftr-icon3.png)
}
.services_area_btn{
    display:inline-block;
    width:100%;
    max-width:204px;
    line-height:56px;
    border-radius:35px;
    color:#fff;
    text-transform:uppercase;
    font-size:16px;
    font-weight:400;
    background:#e4ab24;
    text-align:center;
    position:absolute;
    left:0;
    bottom:-86px
}
.services_area_btn:hover{
    background:#333
}
.footer_btm{
    padding:0 25px;
    text-align:center
}
.footer_nav{
    width:631px;
    float:left;
    position:relative;
    margin:147px 0 0;
    padding-top:36px
}
.footer_nav:before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:100%;
    max-width:624px;
    height:1px;
    background:#fff
}
.footer_nav ul{
    margin:auto 0;
    padding:0;
    text-align:left;
    list-style:none
}
.footer_nav ul li{
    display:inline-block;
    vertical-align:top;
    position:relative
}
.footer_nav ul li:after{
    top:17px;
    right:-6px;
    content:"";
    width:4px;
    background:#fff;
    height:4px;
    position:absolute;
    border-radius:50%
}
.footer_nav ul li:last-child:after{
    background:0;
    display:none
}
.footer_nav ul li a{
    display:block;
    padding:0 15px;
    font-size:16px;
    color:#fff;
    text-transform:uppercase
}
.footer_nav ul li:first-child a{
    padding-left:0
}
.footer_nav ul li:last-child a{
    padding-right:0
}
.footer_nav ul li a:hover,.footer_nav ul li a:active,.footer_nav ul li.current_page_item a{
    text-decoration:underline
}
.ftr_right{
    width:334px;
    float:right;
    margin:0 227px 0 0
}
.footer_logo{
    width:100%;
    max-width:334px;
    margin:0 auto
}
.copyright{
    font-size:19px;
    font-weight:bold;
    color:#fff;
    margin-top:23px;
    text-align:center
}
.copyright a{
    color:#fff
}
.copyright a:hover{
    text-decoration:underline
}
.cp_right{
    position:relative;
    display:block;
    font-weight:400
}
.footer_comp{
    display:inline-block;
    margin:0 20px;
    position:relative
}
.footer_comp:before{
    content:"\2022";
    left:-15px;
    top:0;
    position:absolute
}
.footer_comp:after{
    content:"\2022";
    right:-15px;
    top:0;
    position:absolute
}
.page_title{
    text-align:center;
    width:100%;
    z-index:2;
    position:relative;
    bottom:0;
    font-size:44px;
    line-height:100%;
    text-transform:uppercase;
    padding:10px;
    background:#fdc302;
    color:#fff;
    font-weight:900;
    color:#333
}
.page_title:after{
    content:"";
    position:absolute;
    right:-412px;
    top:0;
    width:420px;
    height:100%;
    background:#ffa400;
    display:none
}
.page_title:before{
    content:"";
    position:absolute;
    left:-420px;
    top:0;
    width:420px;
    height:100%;
    background:#ffa400;
    display:none
}
.intro_txt{
    margin-bottom:40px;
    padding:0;
    font-size:25px;
    text-align:center;
    line-height:110%;
    color:#e4ab24;
    position:relative;
    font-weight:bold
}
.intro_txt:after{
    content:"";
    position:absolute;
    left:0;
    bottom:-10px;
    width:100%;
    max-width:900px;
    height:5px;
    background:#e4ab24;
    right:0;
    margin:0 auto
}
.resources{
    margin-top:10px
}
.resources a{
    display:block;
    font-weight:bold;
    -webkit-transition:all .3s linear;
    -moz-transition:all .3s linear;
    transition:all .3s linear
}
.resources a:hover{
    padding-left:2px;
    text-decoration:none!important;
    color:red
}
.resources ul,.resources li{
    list-style-type:none;
    margin:0;
    padding:0
}
.resources ul li{
    margin-bottom:8px;
    padding:12px;
    background:#fafdfe;
    border:1px solid #ececec
}
.resources ul li:before{
    content:""
}
.resources ul li:after{
    content:""
}
.resources ul li span{
    font-size:16px;
    color:#666;
    letter-spacing:1px;
    display:block;
    overflow-wrap:break-word;
    word-wrap:break-word;
    -webkit-hyphens:auto;
    -ms-hyphens:auto;
    -moz-hyphens:auto;
    hyphens:auto
}
.lt-ie8 .dang-ie{
    width:100%;
    height:100%;
    position:fixed;
    background-color:#00abdd
}
.message{
    text-align:center;
    color:#fff;
    font-size:20px;
    position:absolute;
    top:20%;
    left:0;
    right:0
}
.inner-message{
    position:relative;
    top:-20%;
    left:0;
    right:0;
    text-align:center;
    margin:auto
}
.inner-message img{
    position:relative;
    left:0;
    margin-bottom:20px
}
.inner-message a.download{
    display:block;
    width:300px;
    padding:10px;
    color:#fff;
    margin:2em auto;
    border:1px solid #fff
}
.terms{
    color:#fff;
    font-size:13px;
    padding:20px;
    position:absolute;
    right:0;
    bottom:0
}
.terms a{
    color:#fff;
    font-weight:700
}
.lt-ie8 .protect-me{
    display:none
}
.sitemap{
    list-style-type:none;
    padding:0;
    -webkit-column-count:2;
    -moz-column-count:2;
    column-count:2;
    -webkit-column-gap:3px;
    -moz-column-gap:3px;
    column-gap:3px
}
.sitemap li{
    counter-increment:step-counter;
    overflow:hidden;
    display:inline-block;
    width:100%
}
.sitemap li{
    padding:5px 15px;
    background:#e3e3e3
}
.sitemap li:nth-child(odd){
    background:#f2f2f2
}
.sitemap li a{
    display:block
}
.sitemap li a:before{
    content:counter(step-counter) '. '
}
.sitemap ul{
    margin-top:5px
}
.sitemap ul li:nth-child(odd){
    background:#e3e3e3
}
.sitemap ul li:nth-child(even){
    background:#f2f2f2
}
.sitemap ul li{
    counter-increment:sub-counter
}
.sitemap ul li a:before{
    content:counter(step-counter) '.' counter(sub-counter) ' '
}
.breadcrumbs span[property='name']{
    display:inline-block;
    padding:0;
    margin-top:-3px;
    vertical-align:bottom;
    max-width:270px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis
}
.breadcrumbs{
    margin-bottom:34px;
    border-bottom:1px dotted gray;
    padding-bottom:11px
}
.breadcrumbs .post{
    border-radius:0;
    padding:0;
    margin:0;
    border:0;
    word-wrap:normal;
    background:transparent!important
}
.breadcrumbs span[class='post post-page current-item']{
    display:inline-block;
    padding:0;
    vertical-align:middle;
    max-width:250px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis
}
.nh_header{
    font-size:22px;
    line-height:100%;
    font-weight:bold;
    padding-left:15px;
    border-left:10px solid #e4ab24;
    color:#333;
    margin:30px 0 15px
}
.sub_nh_header{
    font-weight:bold;
    color:#333;
    margin:0 0 10px
}
.nh_m{
    color:#171717;
    padding:40px 10px;
    text-align:center;
    position:relative;
    margin:0 0 20px 0;
    z-index:25
}
.nh_m::before{
    background:#fff9e6;
    width:2000px;
    left:50%;
    height:100%;
    display:block;
    position:absolute;
    top:0;
    content:'';
    z-index:-1;
    -ms-transform:translateX(-50%);
    -webkit-transform:translateX(-50%);
    transform:translateX(-50%)
}
.nh_m h5{
    font-size:22px;
    font-weight:300;
    letter-spacing:5px;
    display:block;
    margin-bottom:15px;
    border-bottom:groove 3px #fdc302;
    padding-bottom:15px;
    line-height:100%
}
.nh_m p{
    margin:0;
    letter-spacing:2px
}
.serv_list{
    margin:25px auto 0;
    text-align:center
}
.serv_list ul li{
    overflow:hidden;
    position:relative;
    text-align:center;
    max-width:400px;
    padding:0!important;
    width:30%;
    display:inline-block;
    vertical-align:top;
    margin:0 10px 20px;
    background:#fff
}
.serv_list ul li img{
    display:block;
    width:100%
}
.serv_list ul li a{
    text-decoration:none;
    font-size:20px;
    font-weight:bold;
    text-align:center;
    width:100%;
    display:block;
    height:100%;
    position:absolute;
    top:0;
    left:0
}
.serv_list ul li a span{
    -webkit-transition:all .3s linear;
    transition:all .3s linear;
    background:rgba(0,0,0,.8);
    color:#fff;
    font-size:16px;
    width:95%;
    padding:13px 10px;
    position:absolute;
    line-height:100%;
    left:50%;
    bottom:5px;
    -ms-transform:translateX(-50%);
    -webkit-transform:translateX(-50%);
    transform:translateX(-50%);
    line-height:100%
}
.serv_list ul li a:hover span{
    bottom:-50px
}
.serv_list ul li a::before{
    z-index:99;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(255,255,255,0.5);
    content:'';
    -webkit-transition:-webkit-transform .6s;
    transition:transform .6s;
    -webkit-transform:scale3d(3,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);
    transform:scale3d(3,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0)
}
.serv_list ul li a:hover:before{
    -webkit-transform:scale3d(3,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);
    transform:scale3d(3,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0)
}