* {margin:0;padding:0}
body {font-family:Tahoma, Geneva, sans-serif;font-size:100%;line-height:.9375em;color:#000;position:relative;background:url(/images/site10/body-bg.gif) center top repeat-y}
input, textarea, select {font-family:Tahoma, Geneva, sans-serif;font-size:1em}
.fleft {float:left}
.fright {float:right}
.clear {clear:both}
.col-1, .col-2, .col-3 {float:left}
.alignright {text-align:right}
.aligncenter {text-align:center}
.wrapper, .wrapper_button {width:100%;overflow:hidden}
.wrapper_button{margin-top: -40px; float: right;}
.container {width:100%}
p {margin-bottom:15px}
/* GLOBAL */
#main {max-width:1100px;margin:0 auto;height:auto !important;height:100%;min-height:100%;position:relative}
#header, #content, #footer {font-size:0.75em}
.top-bg {background:url(/images/site10/bg-top.jpg) no-repeat center top;position:relative;min-height:100%;height:auto !important;height:100%}
.bot-bg {background:url(/images/site10/bg-bottom.jpg) no-repeat center bottom;position:relative;min-height:100%;height:auto !important;height:100%}
.tail-top {background:url(/images/site10/tail-top.gif) left top repeat-x ##F5ECCE;min-height:100%;height:auto !important;height:100%}
.tail-bottom {background:url(/images/site10/tail-bottom.gif) left bottom repeat-x;position:relative;min-height:100%;height:auto !important;height:100%}
.tail-bg {background:url(/images/site10/bg-tail.jpg) center top repeat-y;position:relative;min-height:100%;height:auto !important;height:100%}
.tail-right-top {background:url(/images/site10/tail-right.gif) right top repeat-x;position:absolute;height:550px;right:0;top:0;width:50%}
.tail-right-bot {position:absolute;height:459px;right:2px;bottom:0;width:18px}
.tail-right {background:#ffe0bd;height:auto;position:absolute;right:0;top:427px;bottom:42px;width:100%}
/* txt, links, lines, titles */
a {color:#ffffff;outline:none;text-decoration:none;-moz-text-decoration-line:none;}
a:hover{text-decoration:none;-moz-text-decoration-line:none;}
.news-border {padding-bottom: 20px}
@font-face{
    font-family: 'MaiandraGDRegular';
    src: url('fonts/MaiandraGDRegular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.logo_title 
{
    padding:0px 0 0 10px;
    margin-top: 320px;
    font-size:3em;
    /*line-height:1em;*/
    float:left;
}
.logo_title   a {text-decoration:none}

.brand__info {
    font-family: MaiandraGDRegular, sans-serif;
    font-size: 2em;
    line-height: 1.5;
    letter-spacing: .02em;
    color: rgba(55, 55, 55, .5);
}

.logo_title  div
{
    color: #a9a9a9;
    font-size: 10pt; 
    text-shadow: 1px 1px 1px #CCCCCC;
    text-transform: uppercase;

}

h1, .title {font-family: 'Underdog', cursive; sans-serif;font-size:2.08em;line-height:1.1em;text-transform:uppercase;font-weight:normal;margin-bottom:23px}
h3 {font-size:1em;padding:2px 0 0 0;margin-bottom:10px}
/* header */
#header {height:425px}
#header .top-links {float:left;background:url(/images/site10/mail.png);margin:290px 0 0 0;}
#header .top-links:hover{background:url(/images/site10/mail2.png)}
#header .top-links li {float:left}
/* nav1 */

#menu_border_left {
    height:39px;
    width: 38px;
    position:absolute;top:427px;left:212px;
}
#menu_border_right {
    height:39px;
    width: 38px;
    position:absolute;top:427px;left:881px;
}
#nav1  {
    background: #ffffff url('/images/site10/menu_bg.png') repeat-x 0 0;
    font-family: 'Underdog', cursive;, sans-serif;font-size:12px;text-transform:uppercase;color:#fff;text-decoration:none;z-index:10;
    border-radius: 5px;
    margin: 0 auto;
    height: 41px;
    margin-bottom: 5px;
    font-size: 12pt;
    display: table;
    /*text-shadow: #000 1px 1px 1px;*/
}
#nav1 li {
    display: table-cell;
    padding: 14px 18px 0px 15px;
    background: url('/images/site10/menu_border.png') no-repeat 100% 0;
    height: 27px;
    text-align: center;
    font-weight: bold;
    text-decoration:none;
}
#nav1 ul li a:hover 
#nav1 ul li a {
    color: #FFF;
    font-size:18px;
    text-transform:uppercase;
    color:#fff;
    text-decoration:none;
    text-indent:30px;
}

#nav1 ul li a:hover {
    text-decoration:none;
    color:#f91500
}

#nav1 li.current {
    background-color: rgba(255, 255, 255, 0.2);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#33ffffff', endColorstr='#33ffffff');
}

/* nav_mobile */
#nav_mobile  {
    background: #ffffff url('/images/site10/menu_bg.png') repeat-x 0 0;
    font-family: 'Underdog', cursive;, sans-serif;font-size:12px;text-transform:uppercase;color:#fff;text-decoration:none;z-index:10;
    border-radius: 5px;
    height: auto;
    margin: 1% auto;
    font-size: x-large;
    display: none;

}
#nav_mobile li {
    display: table-cell;
    padding: 14px 18px 0px 15px;
    background: url('/images/site10/menu_border.png') no-repeat 100% 0;
    height: 27px;
    text-align: center;
    font-weight: bold;
    text-decoration:none;
}
#nav_mobile ul li a:hover 
#nav_mobile ul li a {
    color: #FFF;
    font-size:18px;
    text-transform:uppercase;
    color:#fff;
    text-decoration:none;
    text-indent:30px;
}

#nav_mobile ul li a:hover {
    text-decoration:none;
    color:#f91500
}

#nav_mobile li.current {
    background-color: rgba(255, 255, 255, 0.2);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#33ffffff', endColorstr='#33ffffff');
}

/* nav */
#nav {float:left;width:209px;margin-right:40px;padding:40px 0 0 0;position:relative}
#nav ul li {width:100%}
#nav ul li a {display:block;background:url(/images/site10/nav-bg.png) no-repeat left top;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;width:209px;height:32px;line-height:32px;font-size:18px;text-transform:uppercase;color:#fff;text-decoration:none;text-indent:30px;margin-bottom:7px;position:relative;z-index:10}
#nav ul li a:hover {color:#f91500}
.extra-img {position:absolute;top:316px;left:-11px}
/* content */
#content {float:left;max-width:680px;min-height:680px;height:auto !important;height:680px}
#content {padding:25px 0}
#content .section {padding:0 0 34px 0}
/* list */
ul {list-style:none}
#content ul {padding-bottom:15px}
#content ul li {font-weight:bold;padding-bottom:0px;}
#content ul li a {color:#000}
/* #content ul li ul {padding:10px 0 0 12px}*/
#content ul li ul li {font-weight:normal}
#content .items-list {padding:0}
#content .items-list li {border: 1px solid #FFD2A4;width:100%;overflow:hidden;margin-bottom:20px;font-weight:normal}
#content .items-list li img {float:left;margin-right:20px}
#content .items-list li h3  {margin-top: 30px}
#content .articles {padding:0}
#content .articles li {width:100%;overflow:hidden;padding-bottom:30px; font-weight:normal}
#content .articles li img {float:left;margin-right:20px}
#content .articles li a {color:#abe3fd}
.article-main {max-width: 590px;}
.article-main span {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;font-size:16px;line-height: 1.5;text-align:justify;padding-left: 40px;}
.article-main span a {font-size: 16px;font-weight: bold;}
.article-main span a:hover {text-shadow: 0 0 2px #FFF,0 0 4px #FFF  !important}
.article-main h1 {text-align:center;line-height: 1.3; font-size: 20px; color:#D22312;}
.article-main span p {text-indent: 40px;}
.quote { color: #E92714; border-left: solid #D22312 6px;border-radius: 0 10px 10px 0;position: absolute; left:50px;top:825px; width:820px; height: 30px; padding: 15px 0 0 40px; background: #fff; font-size: 18px;}



.line { 
    width: 480px; 
    margin: 0 auto;  
    position: relative;
    z-index: 1;
    overflow: hidden;
    text-align: center;
}
.line:before,
.line:after {
    content: '';
    display: inline-block;
    width: 100%;
    height: 1px;
    background: #000;
    z-index: -1;
    position: relative;
    vertical-align: middle;
}
.line:before {
    right: 15px;
    margin: 0 0 0 -100%;
}
.line:after {
    left: 15px;
    margin: 0 -100% 0 0;
}


/* forms */
input, select {vertical-align:middle;font-weight:normal}
img {border:0;vertical-align:top;text-align:left}

.news_img
{
    margin: 0px 10px 3px 0px; 
}
.current, .page_link, .ctrl
{
    margin-right: 5px;
}
.bread_crumbs
{
    color: green;   
    margin: -25px 0px 0px 0px;  
    position: absolute;     
}
.bread_crumbs .path_arrow
{
    margin: 0px 5px;
}

.bread_crumbs a {   color: #000}

.bread_crumbs a:hover{ color:red}

#contacts-form {clear:right;width:100%;overflow:hidden;padding:15px 0 0 0}
#contacts-form fieldset {border:none;float:left}
#contacts-form .field {clear:both}
#contacts-form label {float:left;width:97px;line-height:20px;padding-bottom:5px;font-weight:bold}
#contacts-form input {width:246px;padding:2px 0 2px 3px;background:#16acf1;border:1px solid #91dcfe;color:#000}
#contacts-form textarea {width:475px;height:293px;padding:2px 0 2px 3px;background:#16acf1;border:1px solid #91dcfe;color:#000;margin-bottom:15px;overflow:auto}

#captcha
{
    padding: 0px;
    font-size: 75%;
}
#captcha, #captcha a:link, #captcha a:hover, #captcha a:visited
{
    color: #ccc;
}

#captcha img
{
    margin-bottom: -5px;
}
#error
{
    margin-top: 5px;
    margin-bottom: 5px;
    padding: 5px 5px 5px 25px;
    position: relative;
    font-size: 8pt;
    border-collapse: collapse;
    border: 1px #CA1D13 dashed;
    color: #CA1D13;
    background-color: #F2EDE9;
    background: url('/hostcmsfiles/images/error.gif') no-repeat 5px 50%;
    width: 450px;
}

#message
{
    margin-top: 5px;
    margin-bottom: 5px;
    padding: 5px 5px 5px 25px;
    position: relative;
    font-size: 8pt;
    border-collapse: collapse;
    border: 1px #4ba749 dashed;
    color: #4ba749;
    background: url('/hostcmsfiles/images/message.gif') no-repeat 5px 50%;
    width: 450px;
}

.image
{
    border: 1px solid #DADADA;
}


/* boxes */
.box {
    width: 100%;
    box-shadow:
    0 0 4px rgba(0, 0, 0, .1),
    -23px 0 20px -23px rgba(0, 0, 0, .8),
    23px 0 20px -23px rgba(0, 0, 0, .8),
    0 0 40px rgba(0, 0, 0, .1) inset;
}


.box .left-top-corner {background:url(/images/site10/left-top-corner.png) no-repeat left top;padding-left:24px}
.box .right-top-corner {background:url(/images/site10/right-top-corner.png) no-repeat right top;padding-right:25px}
.box .border-top {background:url(/images/site10/border-top.png) left top repeat-x;height:32px;overflow:hidden;font-size:0;line-height:0}
.box a {color:#000; font-size: 14pt; font: bold italic;}
.box .inside {background:url(/images/site10/box-bg.png) left top; padding:2%;}
.box .left-bot-corner {background:url(/images/site10/left-bot-corner.png) no-repeat left top;padding-left:25px}
.box .right-bot-corner {background:url(/images/site10/right-bot-corner.png) no-repeat right top;padding-right:25px}
.box .border-bot {background:url(/images/site10/border-bot.png) left top repeat-x;height:32px;overflow:hidden;font-size:0;line-height:0}

/* boxs */
.boxs {
    display: flex;
    flex-direction: column;
    margin-right: 20px;
    box-shadow:
    0 0 4px rgba(0, 0, 0, .1),
    -23px 0 20px -23px rgba(0, 0, 0, .8),
    23px 0 20px -23px rgba(0, 0, 0, .8),
    0 0 40px rgba(0, 0, 0, .1) inset;
}
.boxs .left-top-corner {background:url(/images/site10/left-top-corner.png) no-repeat left top;padding-left:24px}
.boxs .right-top-corner {background:url(/images/site10/right-top-corner.png) no-repeat right top;padding-right:25px}
.boxs .border-top {background:url(/images/site10/border-top.png) left top repeat-x;height:32px;overflow:hidden;font-size:0;line-height:0}
.boxs a {color:#000; font-size: 14pt; font: bold italic;}
.boxs .inside {background:url(/images/site10/box-bg.png) left top; padding:14px 39px 23px 39px}
.boxs .left-bot-corner {background:url(/images/site10/left-bot-corner.png) no-repeat left top;padding-left:25px}
.boxs .right-bot-corner {background:url(/images/site10/right-bot-corner.png) no-repeat right top;padding-right:25px}
.boxs .border-bot {background:url(/images/site10/border-bot.png) left top repeat-x;height:32px;overflow:hidden;font-size:0;line-height:0}
/* boxs end*/
.button {float:right;font-size:1.5em;line-height:1.1em;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;width:200px;text-align:center}
.button span {display:block;background:url(/images/site10/button-left.png) no-repeat left top;padding-left:11px}
.button span span {background:url(/images/site10/button-right.png) no-repeat right top;padding-right:12px;padding-left:0}
.button span span a {display:block;background:url(/images/site10/button-bg.png) left top repeat-x;padding:6px;color:#fff;text-decoration:none;text-transform:uppercase}
.button span span a:hover {color:#000}
/* footer */
#footer {height:266px;position:relative;margin:0 auto 0 auto;width:910px}
#footer {color:#acc3de}
#footer .indent {padding:15px 0 0 249px; height:80px;position:relative;margin:-80px auto 0 auto;}
#footer .fleft {margin:20px 0px 0px -50px;color:#fff;font-size:2em;text-shadow: 1px 1px 2px black, 0 0 1em #666666;}
#footer .fleft p {color:#000;text-shadow:none;font-size:12pt;line-height: 7px;}
#footer .fright {text-align: right; margin:20px 75px 0px 0px;color:#fff;font-size:2em;text-shadow: 1px 1px 2px black, 0 0 1em #666666;}
#footer .fright p {color:#000;text-shadow:none;font-size:12pt;line-height: 7px;}
#footer a {color:#000}
#footer a:hover {text-shadow: 0 0 2px #FFF,0 0 4px #FFF  !important}
#footer img {position:relative;top:-4px}
#content .inner_copy {border:0;color:#f00;float:left;width:50%!important;margin:-202px 0 0 0;overflow:hidden;line-height:0;padding:0;font-size:12px}
/*íîâîñòè*/
.bottom-plate{background:url(/images/site10/foter-bounce.gif) no-repeat left top; width:560px; height:45px; margin: 0 auto;}

/*ùåíêè */
.articless{
    min-width: 460px;
    height: auto;
    margin-left: -15px;
}
#article{position: absolute; width: 620px; height: auto;margin-left: -15px;}
#article2{position: relative; height: auto;margin: 0 auto;;}
#article p {margin-top: 0px;text-align: center; font-size: x-large;}
#article2 p  {
    margin-top: 0px;
    text-align: center; 
    font-size: x-large;
}

#articlebox{position:relative ;height: auto;z-index: 0}
#articlebox-puppies{position:relative ;height: 1030px;z-index: 0}
#articlebox2{position:relative ;height: 1030px;;z-index: 0}
#articlebox3{position:relative ;height: 1030px;z-index: 0}
#articlebox4{position:relative ;height: 900px;z-index: 0}
#articlebox5{position:relative ;height: 820px;z-index: 0}
#articlebox6{position:relative ;height: 830px;z-index: 0}
#articlebox7{position:relative ;height: 830px;z-index: 0}
#heart1{ position:relative ;top: 0px; width: 600px; height: 463px; z-index: 1; text-align: center;background-image: url(http://sunshiba.ru/images/site10/hart.png); }
#egoshik{position:relative; float:left;margin: 66px 67px 0px; z-index: 0}
#egoshik p{text-align: right; font-size: medium;}
#pinku{position:relative; float:left;margin: 66px 0px;text-align: center; z-index: 0;}
#pinku p{text-align: left; font-size: medium;}
#footl {position:relative; margin-top: calc(100% + 2600px) ;color: #f2d0a3;}
#nika{cursor:pointer;position: relative;float:left;padding: 0 1.6em;}
#nika p{text-align: center; font-size: medium;}
#lichi{cursor:pointer;position:relative; float:left;padding: 0 1.6em;}
#lichi p{text-align: center; font-size: medium;}
#yumi{cursor:pointer;position:relative; float:left;padding: 0 1.6em;}
#yumi p{text-align: center; font-size: medium;}
#egoshik2{cursor:pointer;position:relative; float:left;padding: 0 1.6em;}
#egoshik2 p{text-align: center; font-size: medium;}
#Ai{cursor:pointer;position:relative; float:left;padding: 0 1.6em;}
#Ai p{text-align: center; font-size: medium;}
#Risako{cursor:pointer;position:relative; float:left;padding: 0 1.6em;}
#Risako p{text-align: center; font-size: medium;}
#gvozd{position: relative; left: 0px; top:5px; width: 20px; height: 44px;}
#name-under{position: relative; left: 20px; bottom: 35px; width: 179px; height: 127px;}
#name-under span{position: absolute;top:94px; right:68px;}
#name-under span a{color:#440000;text-decoration:underline; text-transform:uppercase;text-decoration-style:dotted;-moz-text-decoration-style:dotted; text-shadow: 1px 1px 1px #6c1010;}


/* êîíòàêòû*/
#cont{
     width: 50%;
    float: left;
    top: 5px;
    position: relative;
}
#dot{margin-top: 55px;}
#konttekst{ z-index: 0;text-align: center;font-size: large; font-family: trebuchet ms,geneva;top: -22px;position: relative;}
#wright{
    padding-top: 30px;
    font-size: large;
    font-family: trebuchet ms,geneva;
    float: left;
}
#wright p img{vertical-align:middle;}
#wright p span{padding: 0 0 0 10px;}
.seasons{position:relative;z-index: 2}
.seasons_stone{position: absolute; left: 85px; top: 465px;z-index: 1}
.linkblock1 {cursor:pointer; position: absolute; left: 47px; top: 45px;z-index: 1}
.linkblock2 {cursor:pointer; position: absolute; left: 302px; top: 41px;z-index: 1}
.linkblock3 {cursor:pointer; position: absolute; left: 50px; top: 249px;z-index: 1}
.linkblock4 {cursor:pointer; position: absolute; left: 302px; top: 249px;z-index: 1}


/* Nashi shenki */
.birthday {
    display: block;
    margin: 1.4em 0 0 0;
    position: relative;
    width: 100%;
    text-align: center;
    font-weight: 600;
    font-size: 2em;
    text-shadow: 1px 1px 1px silver, -1px 1px 1px silver;
    color: #985746;
    transition: all .5s;
}

.cont_tel {
    display: block;
    margin: 0.4em 0 0 0;
    position: relative;
    width: 100%;
    text-align: center;
    font-weight: 400;
    font-size: 1.4em;
    text-shadow: 1px 1px 1px silver, -1px 1px 1px silver;
    color: #985746;
    transition: all .5s;
     line-height: 1.1em;
}

.inner{
    background: url(/images/site10/box-bg.png) left top;
}

/*Blog from instagram */
.blog_text {
    padding: 0 0 0 10px;
    margin: 20px 10px 0 10px;
}
.blog_text p{
  text-align: justify;
    margin-right: 15px;
    line-height: 20px;
}
.blog_img img{
     width: 650px;
}

#content .items-list-blog {padding:0}
#content .items-list-blog li {width:100%;overflow:hidden;margin-bottom:20px;font-weight:normal}
#content .items-list-blog li img {float:left;margin-right:20px}
#content .items-list-blog li h3  {margin-top: 30px}
#content .items-list-blog li h3 a  {font-size: 1em;}

/* Íàøè ÑÈÁÛ */
.link-eshi { position: relative;float: left; width: 300px; top: 20px;z-index: 0; height: 460px}
.text-eshi {position: relative;float: right; top: 20px;width: 300px;}
.text-eshi p { font-size: medium;margin-left: 10px;}
.link-lichi {position: relative;float: left; width: 45%; top: 20px;z-index: 0;left: 1em;}
.text-lichi {position: relative;float: right; top: 20px;width: 50%;}
.text-lichi p { font-size: medium;margin-left: 10px;}
.waterlo {position: relative; top: 10px;width: auto; height: 650px}
.foto-centr {position: relative;margin:0 0 0 15px;padding-top: 40px;}
.foto-centr2 {position: relative; top: 3em; margin:0 auto;width: 100%;}
.regals{position:relative; margin: 10px 0 10px 0; width: 300px; height: 100px;}
.regals-glob{position:relative; top:-35px;}
.content-country{float:left; width:240px;height: 80px;}
.kubok{height: 80px;float:left;width:35px;}
.kubok img{margin-top: 30px;}
.titul{float:left; width:240px;height: 20px;margin:0 0 10px 0; }
.titul span{font-size: 14pt; margin:0px 0px 0px 10px;}
.img{float:left; width:30px;height: 20px;margin: 5px 0 0 10px;}
.country{float:left; width:80px;height: 20px;margin: 5px 0 0 0;font-size:13pt;}
.other{margin: 0 auto;padding: 2% 2%;display: block; float: left;width: 90%;height: auto;}
.img-down{float: left;height: 100%;display: block;width: 40%;margin: 0 auto;}
.img-down-full{float: left;height: 100%;display: block;width: 100%;margin: 0 auto;}
.text-down{height: 100%;width: 60%;float: left;}
.text-down span{font-size: 13pt;display: block; margin: 20px 0 0 0;}

.under-foto {
    position: absolute;
    top: 430px;
    left: 20px;
    /*text-shadow: 1px 1px 2px black, 0 0 1em #666666; /* Ïàðàìåòðû òåíè */
    color: #000;
    font-size: 20px;
    -webkit-animation: under-foto 1s linear infinite;
    animation: under-foto 1s linear infinite;
}

@-webkit-keyframes under-foto {
    100% { color: rgba(34, 34, 34, 0); }
}

@keyframes under-foto {
    100% { color: rgba(34, 34, 34, 0); }

}


/*Êîíåö. Íàøè ÑÈÁÛ */


.randomize{position:relative;margin-top: -20px; padding-bottom: 40px;padding-left: 10px}
.randomize img{padding-left: 10px}
.polaroids{margin: 0px auto;}
.polaroids div { 
    width: 600px;
    box-shadow:
    0 0 4px rgba(0, 0, 0, .1),
    -23px 0 20px -23px rgba(0, 0, 0, .8),
    23px 0 20px -23px rgba(0, 0, 0, .8),
    0 0 40px rgba(0, 0, 0, .1) inset;
}
}    
.polaroids a img { text-align:bottom;}
.polaroids li {  
    display: inline-block; /* Îòîáðàæàòü êàê ñòðî÷íûé ýëåìåíò */
    margin:3px auto;
    border: 4px ridge #65eb1c;

}
/* insta_box for photo */

.insta_box div{ min-width: 100%;}
.insta_box div img{min-width: 100%;}
.insta_box{display: inline-block;margin: 0px auto;background: rgba(255, 255, 255, 0.57);padding: 1%;}
.insta_box div { 
    width: 600px;
    box-shadow:
    0 0 4px rgba(0, 0, 0, .1),
    -23px 0 20px -23px rgba(0, 0, 0, .8),
    23px 0 20px -23px rgba(0, 0, 0, .8),
    0 0 40px rgba(0, 0, 0, .1) inset;
}
}    
.insta_box a img { text-align:bottom;}
.insta_box li {  
    display: inline-block; 
    margin: 4px auto;
    padding: 0.6em;

}

.title_dogs {
    text-align: center;
    margin-top: 0.6em;
    font-size: 2em;
    font-family: 'Underdog', cursive;
    font-weight: 600;
    text-shadow: 1px 1px 1px #000000, -1px 1px 1px silver;
    color: #985746;
    transition: all .5s;
}

.boxShadow-main {
    width: 97%;
    max-width: 1246px;
    margin: 0 auto;
    box-shadow:
    0 1px 4px rgba(0, 0, 0, .3),
    -23px 0 20px -23px rgba(0, 0, 0, .8),
    23px 0 20px -23px rgba(0, 0, 0, .8),
    0 0 40px rgba(0, 0, 0, .1) inset;
}

.boxShadow-img {
    width: 100%;
    box-shadow:
    0 1px 4px rgba(0, 0, 0, .3),
    -23px 0 20px -23px rgba(0, 0, 0, .8),
    23px 0 20px -23px rgba(0, 0, 0, .8),
    0 0 40px rgba(0, 0, 0, .1) inset;
}
.boxShadow-img-vert {
    box-shadow:
    0 1px 4px rgba(0, 0, 0, .3),
    -23px 0 20px -23px rgba(0, 0, 0, .8),
    23px 0 20px -23px rgba(0, 0, 0, .8),
    0 0 40px rgba(0, 0, 0, .1) inset;
}

/* Float Shadow */
.curved-vt-2 {
    position:relative;
    width:99%;
    padding:1em;
    margin:2em 10px 4em;
    background:#fff;
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}

.curved-vt-2:before,
.curved-vt-2:after {
    content:"";
    position:absolute;
    z-index:-2;
}

.curved-vt-2:before {
    top:10px;
    bottom:10px;
    left:0;
    right:0;
    -webkit-box-shadow:0 0 15px rgba(0,0,0,0.6);
    -moz-box-shadow:0 0 15px rgba(0,0,0,0.6);
    box-shadow:0 0 15px rgba(0,0,0,0.6);
    -moz-border-radius:10px / 100px;
    border-radius:10px / 100px;
}

.float-shadow {
    display: inline-block;
    position: relative;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.float-shadow:before {
    pointer-events: none;
    position: absolute;
    z-index: -1;
    content: '';
    top: 100%;
    left: 5%;
    height: 10px;
    width: 90%;
    opacity: 0;
    background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
    /* W3C */
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform, opacity;
    transition-property: transform, opacity;
}
.float-shadow:hover, .float-shadow:focus, .float-shadow:active {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
    /* move the element up by 5px */
}
.float-shadow:hover:before, .float-shadow:focus:before, .float-shadow:active:before {
    opacity: 1;
    -webkit-transform: translateY(5px);
    transform: translateY(5px);
    /* move the element down by 5px (it will stay in place because it's attached to the element that also moves up 5px) */
}

.ytb{
    width: 560px; 
    margin: 0 auto;
}

.curved-hz-2 {
    font-family: 'Underdog', cursive;
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}

.curved-hz-2:before,
.curved-hz-2:after {
    content:"";
    position:absolute;
    z-index:-2;
}

.curved-hz-2:before {
    top:0px;
    bottom:0px;
    left:10px;
    right:10px;
    -webkit-box-shadow:0 0 15px rgba(0,0,0,0.6);
    -moz-box-shadow:0 0 15px rgba(0,0,0,0.6);
    box-shadow:0 0 15px rgba(0,0,0,0.6);
    -moz-border-radius:100px / 10px;
    border-radius:100px / 10px;
}

.photo_inst{
    display: none;
}


/* SHADOW/GLOW TRANSITIONS */
/* Glow */
.glow {
    display: inline-block;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: box-shadow;
    transition-property: box-shadow;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.glow:hover, .glow:focus, .glow:active {
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
}


/* Grow */
.grow {
    display: inline-block;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 2px rgba(0, 0, 0, 0);
}


.grow:hover, .grow:focus, .grow:active {
    -webkit-transform: scale(1.03);
    transform: scale(1.03);
}
#siba-main{position:absolute;right:81%;top:895px;width:244px; }
#siba-right{position:absolute;left: 88%;bottom: 100px;width:200px; }
#siba-left{position:absolute;right:87%;bottom: 90px;width:200px; }


/*Now the CSS*/
* { 
    margin: 0; 
    padding: 0;
}

.tree {
    flex: 1 0 auto;
    background: url(/images/site10/box-bg.png) left top;
    font-family: 'Avenir Book', sans-serif;
    width:100%;
    margin:0 auto;

}

.tree ul {
    padding-top: 20px; 
    position: relative;
    display: inline-block;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
}

.tree li {
    float: left; 
    text-align: center;
    list-style-type: none;
    position: relative;
    padding: 20px 5px 0 5px;

    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
}

/*We will use ::before and ::after to draw the connectors*/

.tree li::before, .tree li::after{
    content: '';
    position: absolute; top: 0; right: 50%;
    border-top: 1px solid #ccc;
    width: 50%; height: 20px;
}
.tree li::after{
    right: auto; left: 50%;
    border-left: 1px solid #ccc;
}

/*We need to remove left-right connectors from elements without 
any siblings*/
.tree li:only-child::after, .tree li:only-child::before {
    display: none;
}

/*Remove space from the top of single children*/
.tree li:only-child{ padding-top: 0;}

/*Remove left connector from first child and 
right connector from last child*/
.tree li:first-child::before, .tree li:last-child::after{
    border: 0 none;
}
/*Adding back the vertical connector to the last nodes*/
.tree li:last-child::before{
    border-right: 1px solid #ccc;
    border-radius: 0 5px 0 0;
    -webkit-border-radius: 0 5px 0 0;
    -moz-border-radius: 0 5px 0 0;
}
.tree li:first-child::after{
    border-radius: 5px 0 0 0;
    -webkit-border-radius: 5px 0 0 0;
    -moz-border-radius: 5px 0 0 0;
}

/*Time to add downward connectors from parents*/
.tree ul ul::before{
    content: '';
    position: absolute; top: 0; left: 50%;
    border-left: 1px solid #ccc;
    width: 0; height: 20px;
}

/************************************************
 * Third Level Styles
 ************************************************/

 .tree ul ul ul {
    max-width:140px;
 }
 .tree ul ul ul li {
    float: left; 
    text-align: center;
    list-style-type: none;
    position: relative;
    padding: 0 5px 10px 5px;
    border-left: 1px solid #ccc;
    border-left:0;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    margin-left:10px;
    top:-10px;
 }

 /*We will use ::before and ::after to draw the connectors*/

 .tree ul ul ul li:before {
    border-top: 1px solid #ccc;
    position:relative;
    top:20%;
    width:10%;
 }
 .tree ul ul ul li::after{
    right: auto; 
    left: -1px;
    border-left: 1px solid #ccc;
    border-bottom:1px;
    height:70px;
 }

/*We need to remove left-right connectors from elements without 
any siblings*/
.tree ul ul ul li:only-child::after, .tree ul ul ul li:only-child::before {
    display: none;
}

/*Remove space from the top of single children*/
.tree ul ul ul li:only-child{ padding-top: 0;}

/*Remove left connector from first child and 
right connector from last child*/
.tree ul ul ul li:first-child::before, 
.tree ul ul ul li:last-child::after{
    border:none;

}

.tree ul ul ul li:last-child::after {
    border-bottom:1px solid #ccc;
    top:-52px;
    width:7px;
}
/*Adding back the vertical connector to the last nodes*/
.tree ul ul ul li:last-child::before{
    border-right: 0;
    border-radius: 0 0 0 0;
    -webkit-border-radius: 0 0 0 0;
    -moz-border-radius: 0 0 0 0;

}
.tree ul ul ul li:first-child::after{
    border-radius: 0 0 0 0;
    -webkit-border-radius: 0 0 0 0;
    -moz-border-radius: 0 0 0 0;
}

/*Time to add downward connectors from parents*/
.tree ul ul ul::before{
    content: '';
    position: absolute; 
    top: 0; 
    left:9px;
    border-left: 1px solid #ccc;
    width: 0; 
    height: 100;
}

.tree ul ul ul li img {
    margin:0;
    padding:0;
    padding-right:3px;
}

/*******************************/

.tree li a{
    border: 1px solid #ccc;
    padding: 5px 10px;
    text-decoration: none;
    color: #666;
    font-family: 'Fira Sans', sans-serif;
    font-size: 12px;
    display: inline-block;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
}

/*Time for some hover effects*/
/*We will apply the hover effect the the lineage of the element also*/
.tree li a:hover, .tree li a:hover+ul li a {
    background: #A0CE4E; color: #fff; border: 1px solid #A0CE4E;
}

.tree ul ul ul li a:hover {
    border-color: #ccc;
}
/*Connector styles on hover*/
.tree li a:hover+ul li::after, 
.tree li a:hover+ul li::before, 
.tree li a:hover+ul::before, 
.tree li a:hover+ul ul::before {
    border-color:  #A0CE4E;
}

.tree li a {
    max-width:200px;
}
.tree li a img {
    float:left;
    margin-bottom:5px;
    border-radius:5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;  
}

@media screen and (max-width: 1090px) {
    .insta_box {
     display: inline-block;
     width: 100%;
    }
        #widget {
            display: none;
        }
        .copyright {
            display: none;
        }
        #header .top-links {
            display: none;
        }
        iframe {
           width: 100%;
        }
        #siba-left {
            display: none;
        }
        #nav{
            display: none;
        }
        #nav_mobile{
            display: table;
        }

        #siba-main{
            display: none;
        }
        .quote{
            display: none;
        }
        .article-main{
            max-width: 980px;
        }
        #content {
            max-width: none;
            min-width: 100%;
        }
        .polaroids div{
            min-width: 100%;
        }
        .polaroids div img{
            min-width: 100%;
        }


        html {
            -webkit-text-size-adjust: none;
        }
        #main-nav a {
            font-size: 90%;
            padding: 10px 8px;
        }
        #articlebox {
            height:100%;
        }
        .waterlo{
            height: auto;
        }
        .link-eshi {
            position: none;
            float: none;
            width: 80%;
            padding: 5% 15%;
            top: none;
            z-index: 0;
            height: auto;
        }
        .link-eshi img{
            width: 90%;
            height: auto;
        }

        .text-eshi{
            float: left;
            width: 90%;
        }
        .text-eshi span{
            font-size: xx-large;
            width: 100%;
            display: block;
            height: auto;
            text-align: center;
        }
        .text-eshi{
            padding: 2% 8%;
        }
        .regals-glob{
            top: 0px;
        }
        .regals {
            margin: 0 auto;
            width: 96%;
            height: 100%;
            float: left;
            padding: 2% 4%;
        }
        .other {
            margin: 0 auto;
            width: 96%;
            height: 100%;
            float: left;
            padding: 2% 4%;
            position: unset;
        }
        .text-down {
            position: relative;
            height: 100%;
            width: 60%;
            float: left;
            padding: 2% 2%;
        }

        .img-down {
            float: left;
            height: auto;
            width: 30%;
            padding: 2%;
        }

        .img-down img {
            width: 100%;
        }
        .under-foto{
            display: block;
            margin: 0 auto;
            width: 90%;
            height: 100%;
            float: left;
            padding: 2% 8%;
            position: unset;
        }
        .under-foto span{
            font-size: 48pt;
            text-align: center;
        }

        #article2 p{
            font-size: x-large;
        }

        #content .section {
            padding: 0 4%;
            width: 92%;
        }
        .kubok {
            height: auto;
            float: left;
            width: 10%;
        }
        .kubok img {
            margin-top:0px;
            width: 100%;
            height: auto;
        }
        .titul {
            float: left;
            width: 50%;
            height: auto;
            margin: 0 auto;
        }
        .content-country {
            float: left;
            width: 36%;
            height: auto;
        }
        .text-down span {
            font-size: x-large;
            display: block;
            margin: auto 0;
            line-height: 1.5;
        }
        .photo_inst{
            display: block;
        }
        .article-main h1{
            font-size: 3em;
        }
        .article-main span{
            font-size: 3em;
        }
        .article-main span a{
            font-size: 1em;
        }

        .ytb{
            width: 100%;
        }

        .article-main span a:hover{
            color: #D22312
        }
        #content ul li a{
            font-size: 3em;
            font-weight: 400;
        }
        #content .items-list li h3 a{
            font-size: 3em;
            font-weight: 400;
        }
        #content .items-list li p span{
            font-size: 2.5em !important;
            font-weight: 400;
            line-height: 1.2;
        }
        #content .items-list li{
            border: 3px solid #FFD2A4;
        }
        .blog_text p{
            font-size: 3em !important;
            line-height: 1.5;
        }
        .box{
            width: 86%;
        }
        .blog_img img{
            width: 100%;
        }

        .link-lichi {
            position: none;
            float: none;
            width: 80%;
            padding: 5% 15%;
            top: none;
            z-index: 0;
            height: auto;
        }
        .link-lichi img{
            width: 90%;
            height: auto;
        }

        .text-lichi{
            float: left;
            width: 90%;
        }
        .text-lichi span{
            font-size: xx-large;
            width: 100%;
            display: block;
            height: auto;
            text-align: center;
        }
        .text-lichi{
            padding: 2% 8%;
        }


    }