@font-face {
    font-family: 'MyriadPro-Bold';
    src: url('../fonts/MyriadPro-Bold.eot');
    src: local('☺'), url('../fonts/MyriadPro-Bold.woff') format('woff'), url('../fonts/MyriadPro-Bold.ttf') format('truetype'), url('../fonts/MyriadPro-Bold.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'MyriadPro-Regular';
    src: url('../fonts/MyriadPro-Regular.eot');
    src: local('☺'), url('../fonts/MyriadPro-Regular.woff') format('woff'), url('../fonts/MyriadPro-Regular.ttf') format('truetype'), url('../fonts/MyriadPro-Regular.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
body.site{
    background-color: #fff;
    font-family: 'MyriadPro-Regular';
    border-top:none;
}
.body .container{
    padding: 0;
    border: none;
    -moz-border-radius: none;
    -webkit-border-radius: none;
    border-radius: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
a, a:hover, a:focus{
    text-decoration: none;
    color: #000;
}
ul,ol{
    list-style: none;
}
footer div:nth-last-child(2) img{
    max-width: 200px;
    max-height: 60px;
}
footer div:nth-last-child(1) p{
    color: #808080;
    font-size: 12px;
    padding-bottom: 30px;
}
.container{
    max-width: 1200px;
}
.container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container{
    width: 1200px;
}
.header-inner{
    display: flex;
    justify-content: space-between;
    margin-bottom: -68px;
}
.contact{
    display: inline-block;
    font-size: 17px;
    color: #29a55a;
    letter-spacing: 1px;
    /*margin: 30px 0 0 0;*/
    margin:0;
    margin-left: -120px;
    height: 31px;
}
.contact a,
.contact a:hover,
.contact a:focus{
    color: #29a55a;
}
.contact .fa-align-justify{
    color: #808080;
}
.contact:hover .fa-align-justify{
    color: #219edc;
}
.header-search {
    display: inline-block;
    overflow: hidden;
    width: 325px;
    height: 31px;
    /*margin-top: 25px;*/
    margin-top: 0;
    margin-right: -120px;
}
.header-search form {
    margin: 0;
    position: relative;
}
.header-search .search-query {
    float: right;
    width: 75%;
    margin-top:2px;
}
.header-search .pull-right{
    position: relative;
}
.header-search form.form-inline{
    margin:0;
}
.header-search input[type="image"].button {
    position: absolute;
    right: 5px;
}
.nav-stan{
    text-align: center;
}
.nav-stan img:nth-child(2) {
    margin-top: -43px;
}

.nav-tabs > li:nth-last-child(1), .nav-pills > li:nth-last-child(1),
.nav-tabs > li:nth-last-child(2), .nav-pills > li:nth-last-child(2){
    float: right;
}
.nav-pills{
    background-image: url('/images/com_hikashop/upload/Stan.png');
    padding-bottom: 30px;
    background-repeat: repeat-x;
    background-position: bottom;
}
.nav-pills > li > a{
    margin: 1px -10px;
    padding-bottom: 0;
    outline: none;
}
.nav-pills > .active > a, .nav-pills > .active > a:hover, 
.nav-pills > .active > a:focus{
    background-color: none;
}
.nav-list > .active > a, .nav-list > .active > a:hover, 
.dropdown-menu li > a:hover, .dropdown-menu .active > a, 
.dropdown-menu .active > a:hover, .nav-pills > .active > a, 
.nav-pills > .active > a:hover, .btn-primary{
    background: none;
}
.nav-pills span{
    position: relative;
    bottom: -5px;
    font-family: 'MyriadPro-Bold';
    color: rgba(0,0,0,0.5);
    transition: .5s;
}
.nav-pills .item-101 {
    margin-right: 10px;
}
.nav-pills .item-101 span{
    left: -46px;
    margin-left: -41px;
}
.nav-pills .item-113 span{
    left: -30px;
    margin-left: -68px;
}
.nav-pills .item-127 {
    margin-left: 10px;
    margin-right: 9px;
}
.nav-pills .item-127 span{
    left: -19px;
    margin-left: -88px;
}
.nav-pills .item-114 span{
    left: -25px;
    margin-left: -57px;
}
.nav > li > a:hover,
.nav > li > a:focus{
    /*background-color: #fff;*/
    background-color: transparent;
}
.nav > li > a:hover span,
.nav > li > a:focus span{
    color: #fff;
}
.n2-ss-margin img {
    max-width: 600px;
    max-height: 400px;
}
.navigation{
    border:none;
}
.breadcrumb > li > .divider{
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}
.align-centr{
    display: block;
    margin: 0 auto;
    text-align: center;
}
#about{
    width: 350px;
    margin-top: -690px;
    margin-left: 500px;
    position: absolute;
}
#about p{
    font-size: 16px;
    line-height: 1.7em;
    text-align: left;
}
#about p:nth-child(1),
#about p:nth-last-child(1){
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 20px;
}
.item-page .contacts:nth-child(2){
    margin-top: -230px;
}
.item-page .contacts:nth-child(5){
    margin-top: 150px;
}
.contacts, 
.contacts a{
    margin: 20px 0;
    font-size: 33px;
    color: rgba(0,0,0,0.5);
}
.contacts a:hover{
    color: #219edc;
}
.contacts a:nth-child(1){
    font-size: 44px;
}
.hikashop_subcategories .hk-row-fluid{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.hikashop_category_name{
    font-size: 20px;
    text-align: center;
    margin: 0;
    padding: 0;
    display: block;
}
.hikashop_category_name a{
    color: rgba(0,0,0,0.5);
}
.hikashop_subcontainer:hover .hikashop_category_name a{
    color: rgba(0,0,0,1);
    font-weight: bold;
}
.hikashop_subcontainer > .hikashop_category_list{
    font-size: 16px;
    margin-top: 20px;
    height: 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: visibility 0.2s, opacity 0.5s linear;
    -moz-transition: visibility 0.2s, opacity 0.5s linear;
    -o-transition: visibility 0.2s, opacity 0.5s linear;
    transition: visibility 0.2s, opacity 0.5s linear;
}
.hikashop_subcontainer:hover > .hikashop_category_list{
    height: auto;
    opacity: 1;
    visibility: visible;
}
.hikashop_subcontainer .hikashop_product_name{
    float: left;
    font-weight: bold;
    color: #000;
    font-size: 13pt;
}
.hikashop_subcontainer span.hikashop_product_name{
    display: inline-block;
}
.hikashop_subcontainer .hikashop_product_code_list{
    opacity: 0.6;
    float: right;
}
.hikashop_category_list {
    text-align: left;
}
.hikashop_category_list a{
    color: #29a55a;
}
.hikashop_category_list a:hover{
    color: #219edc;
}
.hikashop_category_list li{
    margin-bottom: 10px;
}
.hikashop_category_description_content{
    border: 1px solid #29a55a;
    border-right: none;
    border-left: none;
    padding: 5px 0;
    margin-bottom: 5px;
}
.hikashop_products_listing .hikashop_products .hikashop_container{
    padding: 10px;
    -webkit-box-shadow: 2px 2px 7px -5px rgba(0,0,0,0.75);
    -moz-box-shadow: 2px 2px 7px -5px rgba(0,0,0,0.75);
    box-shadow: 2px 2px 7px -5px rgba(0,0,0,0.75);
    transition: .5s

}
.hikashop_products_listing .hikashop_products .hikashop_container:hover{
    background: none;
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.5);
    -moz-box-shadow: 0 0 5px rgba(0,0,0,0.5);
    box-shadow: 0 0 5px rgba(0,0,0,0.5);
}
img.hikashop_child_image {
    padding: 10px;
    border: 1px solid rgba(0,0,0,0.2);
}
img.hikashop_child_image_active {
    border: 1px solid rgba(255, 0, 0, 0.5);
}
.hk-row-fluid .hkc-md-6{
    padding-left:0;
    padding-right:0;
}

.background_category{
    width: 1200px;
    height: 630px;
    background-image: url('/images/com_hikashop/upload/Home/backgroundImg.png');
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    z-index: 0;
}
.sheet {
    margin-left: 140px;
    margin-top: 20px;
    position: relative;
    opacity: 0.7;
}
.ring{
    left: 180px;
    top: 30px;
    position: absolute;
}
input.radio {
    position: absolute;
    left: -9999px;
}
#scroll_left, #scroll_right {
    border-top: solid 1px #29A55A;
    border-bottom: solid 1px #29A55A;
    overflow: hidden;
    width: 220px;
    height: 629px;
    outline: none;
    position: relative;
    z-index: 3;
}
#scroll_left {
    float: left;
    left: 0;
    border-left: solid 1px #29A55A; 
}
#scroll_left .circus_href{
    margin-left: 30px;
    float: left;
}
#scroll_right {
    float: right;
    border-right: solid 1px #29A55A;
    right: 0;
}
#scroll_right .circus_href{
    margin-right: 30px;
    float: right;
}
.circus_href{
    width: 155px;
    height: 155px;
    border: 3px solid white;
    transition: ease .7s;
    border-radius: 50%;
    position: relative;
    opacity: 0.8;
    margin-bottom: 10px;
}
.circus_href:first-child{
    margin-top: 10px;
}
.circus_href:last-child{
    margin-bottom: 10px;
}
label[id*="t"] {
    cursor: pointer;
}
#tab_0:checked ~ div #lbl_0 .circus_href, 
#tab_1:checked ~ div #lbl_1 .circus_href, 
#tab_2:checked ~ div #lbl_2 .circus_href, 
#tab_3:checked ~ div #lbl_3 .circus_href, 
#tab_4:checked ~ div #lbl_4 .circus_href, 
#tab_5:checked ~ div #lbl_5 .circus_href, 
#tab_6:checked ~ div #lbl_6 .circus_href, 
#tab_7:checked ~ div #lbl_7 .circus_href, 
#tab_8:checked ~ div #lbl_8 .circus_href, 
#tab_9:checked ~ div #lbl_9 .circus_href, 
#tab_10:checked ~ div #lbl_10 .circus_href, 
#tab_11:checked ~ div #lbl_11 .circus_href, 
#tab_12:checked ~ div #lbl_12 .circus_href, 
#tab_13:checked ~ div #lbl_13 .circus_href, 
#tab_14:checked ~ div #lbl_14 .circus_href, 
#tab_15:checked ~ div #lbl_15 .circus_href, 
#tab_16:checked ~ div #lbl_16 .circus_href, 
#tab_17:checked ~ div #lbl_17 .circus_href, 
#tab_18:checked ~ div #lbl_18 .circus_href, 
#tab_19:checked ~ div #lbl_19 .circus_href, 
#tab_20:checked ~ div #lbl_20 .circus_href{
    border: 3px solid #d24f7a;
    opacity: 1;    
}
.circus_bkg{
    background: white;
    border-radius: 50%;
    border-image: none;
    left: 16px;
    top: 15px;
    width: 123px;
    height: 123px;
    position: absolute;
    display: none;
}
.circus_bkg:after{
    content: " ";
    position: absolute;
    width: 43px;
    height: 42px;
    background: #d24f7a;
    top: 96px;
    left: 37px;
    z-index: 2;
    opacity: 0.4;
    border-radius: 50%;
}
#tab_0:checked ~ div #lbl_0 div .circus_bkg, 
#tab_1:checked ~ div #lbl_1 div .circus_bkg, 
#tab_2:checked ~ div #lbl_2 div .circus_bkg, 
#tab_3:checked ~ div #lbl_3 div .circus_bkg, 
#tab_4:checked ~ div #lbl_4 div .circus_bkg, 
#tab_5:checked ~ div #lbl_5 div .circus_bkg, 
#tab_6:checked ~ div #lbl_6 div .circus_bkg, 
#tab_7:checked ~ div #lbl_7 div .circus_bkg, 
#tab_8:checked ~ div #lbl_8 div .circus_bkg, 
#tab_9:checked ~ div #lbl_9 div .circus_bkg, 
#tab_10:checked ~ div #lbl_10 div .circus_bkg, 
#tab_11:checked ~ div #lbl_11 div .circus_bkg, 
#tab_12:checked ~ div #lbl_12 div .circus_bkg, 
#tab_13:checked ~ div #lbl_13 div .circus_bkg, 
#tab_14:checked ~ div #lbl_14 div .circus_bkg, 
#tab_15:checked ~ div #lbl_15 div .circus_bkg, 
#tab_16:checked ~ div #lbl_16 div .circus_bkg, 
#tab_17:checked ~ div #lbl_17 div .circus_bkg, 
#tab_18:checked ~ div #lbl_18 div .circus_bkg, 
#tab_19:checked ~ div #lbl_19 div .circus_bkg, 
#tab_20:checked ~ div #lbl_20 div .circus_bkg{
    display: block;
}
.circus_bkg_mini{
    position: absolute;
    top: 110px;
    left: 53px;
}
.circus_name{
    display: table;
    width: 120px;
    height: 80px;
    position: relative;
    margin: 0 auto;
    top: -130px;
}
.circus_name p{
    font-size: 20px;
    width: 100px;
    opacity: 0.7;
    text-align: center;
    vertical-align: middle;
    display: table-cell;
}
.tabs_contentent{
    position: relative;
    z-index: 2;
    width: 836px;
    top: -505px;
    left: 260px;
}
.tabs_contentent > div {
    position: absolute;
    left: -9999px;
    top: 0;
    opacity: 0;
    transition: opacity .5s ease-in-out;
    width: 0;
    height: 0;
}
#tab_0:checked ~ .tabs_contentent #tab_contentent_0, 
#tab_1:checked ~ .tabs_contentent #tab_contentent_1, 
#tab_2:checked ~ .tabs_contentent #tab_contentent_2, 
#tab_3:checked ~ .tabs_contentent #tab_contentent_3, 
#tab_4:checked ~ .tabs_contentent #tab_contentent_4, 
#tab_5:checked ~ .tabs_contentent #tab_contentent_5, 
#tab_6:checked ~ .tabs_contentent #tab_contentent_6, 
#tab_7:checked ~ .tabs_contentent #tab_contentent_7, 
#tab_8:checked ~ .tabs_contentent #tab_contentent_8, 
#tab_9:checked ~ .tabs_contentent #tab_contentent_9, 
#tab_10:checked ~ .tabs_contentent #tab_contentent_10, 
#tab_11:checked ~ .tabs_contentent #tab_contentent_11, 
#tab_12:checked ~ .tabs_contentent #tab_contentent_12, 
#tab_13:checked ~ .tabs_contentent #tab_contentent_13, 
#tab_14:checked ~ .tabs_contentent #tab_contentent_14, 
#tab_15:checked ~ .tabs_contentent #tab_contentent_15, 
#tab_16:checked ~ .tabs_contentent #tab_contentent_16, 
#tab_17:checked ~ .tabs_contentent #tab_contentent_17, 
#tab_18:checked ~ .tabs_contentent #tab_contentent_18, 
#tab_19:checked ~ .tabs_contentent #tab_contentent_19, 
#tab_20:checked ~ .tabs_contentent #tab_contentent_20{
    position: static;
    left: 0;
    opacity: 1;
    width: auto;
    height: 300px;
}
.tabs_content_background {
    position: absolute;
    width: 700px;
    height: 600px;
}
#tab_contentent_0 .tabs_content_background:hover .content_background, 
#tab_contentent_1 .tabs_content_background:hover .content_background, 
#tab_contentent_2 .tabs_content_background:hover .content_background, 
#tab_contentent_3 .tabs_content_background:hover .content_background, 
#tab_contentent_4 .tabs_content_background:hover .content_background, 
#tab_contentent_5 .tabs_content_background:hover .content_background, 
#tab_contentent_6 .tabs_content_background:hover .content_background, 
#tab_contentent_7 .tabs_content_background:hover .content_background, 
#tab_contentent_8 .tabs_content_background:hover .content_background, 
#tab_contentent_9 .tabs_content_background:hover .content_background, 
#tab_contentent_10 .tabs_content_background:hover .content_background, 
#tab_contentent_11 .tabs_content_background:hover .content_background, 
#tab_contentent_12 .tabs_content_background:hover .content_background, 
#tab_contentent_13 .tabs_content_background:hover .content_background, 
#tab_contentent_14 .tabs_content_background:hover .content_background, 
#tab_contentent_15 .tabs_content_background:hover .content_background, 
#tab_contentent_16 .tabs_content_background:hover .content_background, 
#tab_contentent_17 .tabs_content_background:hover .content_background, 
#tab_contentent_18 .tabs_content_background:hover .content_background, 
#tab_contentent_19 .tabs_content_background:hover .content_background, 
#tab_contentent_20 .tabs_content_background:hover .content_background{
    opacity: 0.5;
}
#tab_contentent_0 .tabs_content_background:hover .content_circus, 
#tab_contentent_1 .tabs_content_background:hover .content_circus, 
#tab_contentent_2 .tabs_content_background:hover .content_circus, 
#tab_contentent_3 .tabs_content_background:hover .content_circus, 
#tab_contentent_4 .tabs_content_background:hover .content_circus, 
#tab_contentent_5 .tabs_content_background:hover .content_circus, 
#tab_contentent_6 .tabs_content_background:hover .content_circus, 
#tab_contentent_7 .tabs_content_background:hover .content_circus, 
#tab_contentent_8 .tabs_content_background:hover .content_circus, 
#tab_contentent_9 .tabs_content_background:hover .content_circus, 
#tab_contentent_10 .tabs_content_background:hover .content_circus, 
#tab_contentent_11 .tabs_content_background:hover .content_circus, 
#tab_contentent_12 .tabs_content_background:hover .content_circus, 
#tab_contentent_13 .tabs_content_background:hover .content_circus, 
#tab_contentent_14 .tabs_content_background:hover .content_circus, 
#tab_contentent_15 .tabs_content_background:hover .content_circus, 
#tab_contentent_16 .tabs_content_background:hover .content_circus, 
#tab_contentent_17 .tabs_content_background:hover .content_circus, 
#tab_contentent_18 .tabs_content_background:hover .content_circus, 
#tab_contentent_19 .tabs_content_background:hover .content_circus, 
#tab_contentent_20 .tabs_content_background:hover .content_circus{
    animation: opacityCircus 0.7s;
}
.content_circus {
    border-color: black;
    border: 1px solid;
    opacity: 0;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    position: absolute;
}
.tabs_content_name{
    position: absolute;
    left: -45px;
    top: -95px;
    font-size: 19px;
    width: 300px;
    opacity: 0.7;
}
.tabs_content_desc0, .tabs_content_desc1{
    position: absolute;
    top: -50px;
    font-size: 14px;
    width: 180px;
}
.tabs_content_desc0 {
    font-family: 'MyriadPro-Bold';
    left: -40px;
}
.tabs_content_desc1 {
    right: 90px;
    text-align: end;
}
.content_background{
    position: relative;
    transition: ease-in 1s;
    max-width: inherit;
}
.content_background_active{
    position: absolute;
}
.content_products {
    display: flex;
    justify-content: center;
    position: relative;
}
.content_products_slide,
.content_products {
    top: 600px;
    left:-90px;
    height: 150px;
    border: 1px solid #29a55a;
    border-top-color: transparent;
    border-bottom-color: transparent;
}
.search span.highlight{
    background-color: #219edc;
}

@keyframes opacityCircus {
    1% {
        opacity: 0;
    }

    20% {
        opacity: 0.17;
        transform: scale(1);
    }

    30% {
        opacity: 0.35;
        transform: scale(1);
    }

    35% {
        opacity: 0.15;
    }

    39% {
        opacity: 0;
    }

    40% {
        opacity: 0.17;
        transform: scale(1.5);
    }

    50% {
        opacity: 0.35;
        transform: scale(1.5);
    }

    55% {
        opacity: 0.15;
    }

    59% {
        opacity: 0;
    }

    60% {
        opacity: 0.17;
        transform: scale(2);
    }

    70% {
        opacity: 0.35;
        transform: scale(2);
    }

    75% {
        opacity: 0.15;
    }

    77% {
        opacity: 0;
    }

    99% {
        opacity: 0;
    }
}

@media (min-width: 980px) and (max-width: 1199px) {
	.container, 
	.navbar-static-top .container, 
	.navbar-fixed-top .container, 
	.navbar-fixed-bottom .container{
		width: 880px;
	}
	.contact{
		margin-left: 0; 
    }
    .header-search{
        width: 205px;
        margin-right: 0;
    }
    .header-search .search-query {
        width: 85%;
    }
    .nav-pills > li > a{
        padding-right: 0;
    }
}