@CHARSET "UTF-8";
@font-face {
    font-family: 'MyriadPro-Regular';
    src: url('../font/MyriadPro-Regular.eot?#iefix') format('embedded-opentype'),
    url('../font/MyriadPro-Regular.otf')  format('opentype'),
    url('../font/MyriadPro-Regular.woff') format('woff'),
    url('../font/MyriadPro-Regular.ttf')  format('truetype'),
    url('../font/MyriadPro-Regular.svg#MyriadPro-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'MyriadPro-Light';
    src: url('../font/MyriadPro-Light.eot?#iefix') format('embedded-opentype'),
    url('../font/MyriadPro-Light.otf')  format('opentype'),
    url('../font/MyriadPro-Light.woff') format('woff'),
    url('../font/MyriadPro-Light.ttf')  format('truetype'),
    url('../font/MyriadPro-Light.svg#MyriadPro-Light') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'MyriadPro-Semibold';
    src: url('../font/MyriadPro-Semibold.eot?#iefix') format('embedded-opentype'),
    url('../font/MyriadPro-Semibold.otf')  format('opentype'),
    url('../font/MyriadPro-Semibold.woff') format('woff'),
    url('../font/MyriadPro-Semibold.ttf')  format('truetype'),
    url('../font/MyriadPro-Semibold.svg#MyriadPro-Semibold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'MyriadPro-bold';
    src: url('../font/MyriadPro-Bold.eot?#iefix') format('embedded-opentype'),
    url('../font/MyriadPro-Bold.otf')  format('opentype'),
    url('../font/MyriadPro-Bold.woff') format('woff'),
    url('../font/MyriadPro-Bold.ttf')  format('truetype'),
    url('../font/MyriadPro-Bold.svg#MyriadPro-bold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'MyriadPro-CondIt';
    src: url('../font/MyriadPro-CondIt.eot?#iefix') format('embedded-opentype'),
    url('../font/MyriadPro-CondIt.otf')  format('opentype'),
    url('../font/MyriadPro-CondIt.woff') format('woff'),
    url('../font/MyriadPro-CondIt.ttf')  format('truetype'),
    url('../font/MyriadPro-CondIt.svg#MyriadPro-CondIt') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'MyriadPro-Cond';
    src: url('../font/MyriadPro-Cond.eot?#iefix') format('embedded-opentype'),
    url('../font/MyriadPro-Cond.otf')  format('opentype'),
    url('../font/MyriadPro-Cond.woff') format('woff'),
    url('../font/MyriadPro-Cond.ttf')  format('truetype'),
    url('../font/MyriadPro-Cond.svg#MyriadPro-Cond') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'MyriadPro-BoldCond';
    src: url('../font/MyriadPro-BoldCond.eot?#iefix') format('embedded-opentype'),
    url('../font/MyriadPro-BoldCond.otf')  format('opentype'),
    url('../font/MyriadPro-BoldCond.woff') format('woff'),
    url('../font/MyriadPro-BoldCond.ttf')  format('truetype'),
    url('../font/MyriadPro-BoldCond.svg#MyriadPro-Cond') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* Reset CSS
 * --------------------------------------- */
body,div,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,
form,fieldset,input,textarea,p,blockquote,th,td {
    padding: 0;
    margin: 0;
}
a{
    text-decoration:none;
    color: #58585a;
}
table {
    border-spacing: 0;
}
fieldset,img {
    border: 0;
}
address,caption,cite,code,dfn,em,strong,th,var {
    font-weight: normal;
    font-style: normal;
}
strong{
    font-weight: bold;
}

ol, ul {
    list-style: none;
    margin:0;
    padding:0;
}

caption,th {
    text-align: left;

}
h1,h2,h3,h4,h5,h6 {
    font-weight: normal;
    font-size: 100%;
    margin:0;
    padding:0;
    color:#444;
}
q:before,q:after {
    content:'';
}
abbr,acronym { border: 0;
}


/* Custom CSS
 * --------------------------------------- */
body{
    font-family: 'MyriadPro-Light', Arial;
    color: #58585a;
    font-size: 14px;
}

.slick-arrow{
    position: absolute;
    top: 34% !important;
    z-index: 100;
}

.news-and-events-box .slick-next.read-more {
    right: 12px;
}

.news-and-events-box .slick-prev.read-more {
    left: 1px;
}

.news-and-events-box .slick-prev:before,
.news-and-events-box .slick-next:before {
    font-size: 32px ;
    opacity: 0.95;
}

/**SEARCH BOX NAV BEGIN**/


.search-box-nav{
    position: absolute;
    width: 345px;
    top: 43px;
    left: -630px;
    background: #fff;
    box-shadow: 0px 5px 10px #a9a9a9;
    border-top: 5px solid #97c524;
    visibility: hidden;
    height: 0;
    opacity: 0;
    transition: .3s;
    z-index: 100;
}

.search-box-nav-visible{
    height: auto;
    visibility: visible;
    opacity: 1;
    min-height: 140px;
    transition: .3s;
}

.search-box-nav .title{
    width: 42%;
    padding: 16px 15% 16px 3%;
    float: left;
    color: #58585a;
    font-size: 16px;
    font-family: 'MyriadPro-Regular';
    border-bottom: 2px solid #eaebec;
}

.search-box-nav-close{
    width: 30%;
    padding: 16px 5%;
    float: left;
    color: #58585a;
    font-size: 16px;
    text-transform: none;
    border-bottom: 2px solid #eaebec;
    text-align: right;
    cursor: pointer;
}



/**SEARCH BOX NAV FORM BEGIN**/

.search-box-search-box-form{
    height: 100%;
    width: 100%;
    vertical-align: top;
    display: inline-block;
    text-align: center;
    margin: 0px auto;
    background: rgba(151,197,36,0.8);
}

.search-box-search-box-form input[type="text"]{
    width: 65%;
    padding: 5px 2%;
    height: 24px;
    border: 0px;
    outline: 0px;
    font-size: 16px;
    vertical-align: top;
    color: #58585a;
    margin: 44px 0px 10px 0px;
}

.search-box-search-box-form input[type="submit"]{
    width: 9%;
    height: 34px;
    background: #fff url('../../../img/icon/search_gray.png') center center no-repeat;
    background-size: 15px 15px;
    border: 0px;
    padding: 0px;
    vertical-align: top;
    cursor: pointer;
    margin: 44px 0px 10px 0px;
}
.search-box-search-box-form .form-down input[type="text"]{
    margin: 6px 0px 10px 0px;
    padding-left: 5px;
}
.search-box-search-box-form .form-down input[type="submit"]{
    margin: 6px 0px 10px 0px;
    width: 11%;
    background: #fff url(../../../img/icon/search_gray.png) 10px 10px no-repeat;
    background-size: 15px 15px;

}


/**SEARCH BOX NAV FORM END**/



/**SEARCH BOX NAV END**/


.wrap{
    margin-left: auto;
    margin-right: auto;
    width: 960px;
    position: relative;
}

.sum-line .sum .sum-price {
    display: inline-block;
}

.intro p{
    width: 50%;
    margin: 0 auto;
    font-size: 1.5em;
}
.section{
    text-align:center;
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #4b4a4a;
}
::-moz-placeholder { /* Firefox 19+ */
    color: #4b4a4a;
}
:-ms-input-placeholder { /* IE 10+ */
    color: #4b4a4a;
}
:-moz-placeholder { /* Firefox 18- */
    color: #4b4a4a;
}
.btn{
    display: inline-block;
    padding: 8px 10px;
    min-width: 108px;
    border: 1px solid #ccc;
    background: #ababab;
    font-size: 18px;
    text-align: center;
    text-transform: uppercase;
}
.btn:hover{
    background: #b5b5b5;
    color: #fff;

}
.btn-blue {
    background: #002c76;
    color: #fff;
}
.btn-blue:hover {
    background: #0040ac;
}
.section.container{
    max-width: 1280px;
}
/* MENU BEGIN */

.navbarKshk-color {
    border-top: 1px solid #7ea41d;
    border-bottom: 1px solid #92c300;
    background: #97c524;
}

.navbarKshk-intranet-color {
    border-top: 1px solid #002451;
    border-bottom: 1px solid #002C60;
    background: #002C76;
}

#navbarKshk{
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 172px;
    color: #fff;
    z-index: 1000;
    overflow: visible;
    transition: .3s height;
    font-family: 'MyriadPro-Light','MyriadPro-Regular', Arial;
}
#navbarKshk *{
    overflow: visible;

}
#navbarKshk li.dropdown{
    cursor: default;
}
#navbarKshk a{
    color: #fff;
}
#navbarKshk li a:hover img{
    opacity: 0.8;
}
#navbarKshk a i.fas{
    display:none;
}
#navbarKshk img.logo{
    width: 264px;
    padding-top: 32px;
    padding-left: 48px;
}

#navbarKshk .search-box-nav-visible .search-box-search-box-form{
    padding-bottom: 25px;
    border-top: 2px solid #eaebec;
}
#navbarKshk .search-box-nav-visible .title{
    padding-left: 33px;
    width: auto;
    margin-top: 0px;
    padding-right: 28%;
    border-bottom: none;
}

#navbarKshk .search-box-nav-visible .search-box-nav-close{
    border-bottom: none;
}

#navbarKshk .search-box-nav-visible {
    right: auto;
    position: absolute;
    padding-top: 5px;
    top: 168px;
    left: 66%;
}

.small #navbarKshk .search-box-nav-visible {
    right: auto;
    position: absolute;
    padding-top: 5px;
    top: 31px;
    left: -250px;
}

.navbar-toggler{
    display: none;
}
ul.iconset,
ul.navbar{
    float: right;
}
ul.iconset{
    margin-top: 45px;
}
ul.navbar{
    margin-top: 30px;
}
ul.iconset li{
    display: inline-block;
    text-transform: uppercase;
    vertical-align: middle;
    overflow: hidden;
    padding: 10px 8px;
}

.default-background-green {
    background: #92c300;
}
.intranet-background-blue {
    background: #002C76;
}

ul.iconset li.lang select{
    text-transform: uppercase;
    border: 1px solid #fff;
    color:#fff;
    padding-top: 2px;
    padding-left: 6px;
    width: 50px;
    height: 26px;
    text-align: center;
}
ul.navbar li{
    display: block;
    float: left;
    text-transform: uppercase;
    vertical-align: top;
    overflow: hidden;
    padding: 10px 17px;
    font-size: 18px;
}
#navbarKshk ul.navbar li a{
    color: #fff;
    transition: .3s;
    /* font-size: 1em; */
    /* font-weight: bold; */
}
#navbarKshk ul.navbar li.active a,
#navbarKshk ul.navbar li:hover a{
    color: #002c76;
    cursor:pointer;
    transition: .3s;
}

#navbarKshk ul.navbar li:hover a.delete-icon img{
    width: 10px;
}

#navbarKshk ul.navbar li.mobileBorderIntranet.active a,
#navbarKshk ul.navbar li.mobileBorderIntranet:hover a{
    color: #fff;
    transition: .3s;
}
#navbarKshk ul.navbar .search-box-search-box-form li a{
    text-decoration: none;
    color: #888;
    transition: .3s;
    font-size: 16px;
}
#navbarKshk ul.navbar .search-box-search-box-form li{
    display: contents;
}
#navbarKshk ul.navbar .search-box-search-box-form li div.eac-item:hover{
    background: none repeat scroll 0 0 #ebebeb;
    cursor: pointer;
}

#navbarKshk ul.navbar .search-box-search-box-form li div.eac-item{
    padding: 9px 7px;
}

#navbarKshk ul.navbar .search-box-search-box-form .right-list a{
    text-decoration: none;
    color: #bbb;
    transition: .3s;
}
#navbarKshk ul.navbar .search-box-search-box-form .right-list li a{
    margin: 10px 0;
    text-transform: uppercase;
    color: #97c524;
    font-size: 16px;
    text-align: left;
    font-family: 'MyriadPro-Light','MyriadPro-Regular', Arial;
}

#navbarKshk ul.navbar .search-box-search-box-form .easy-autocomplete-container

ul.navbar li.clr{
    height: 0px;
    padding: 0px;
    margin: 0px;
    float: none;
    clear: both;
}
ul.navbar li:nth-child(6){
    padding-right: 7px;
}
ul.navbar li.dropdown{
    position: relative;
    padding-bottom: 25px;
}

#navbarKshk  ul.navbar ul.dropdown-menu{
    position: fixed;
    top: 173px;
    /*left: 16px;*/
    height: 0px;
    overflow: hidden;
    border-top: 1px solid transparent;
    box-shadow: 0px 0px 10px #ccc;
}
#navbarKshk  ul.navbar ul.dropdown-menu li{
    background: #fff;
    float: none;
    padding: 0px;
    border: 1px solid white;
    min-width: 220px;
}
#navbarKshk ul.navbar ul.dropdown-menu li a{
    color:#6d6e6e;
    display: block;
    width: 90%;
    height: 90%;
    padding: 11px 20px;
    font-size: 16px;
    text-transform: none;
    white-space: normal;
}

#navbarKshk ul.navbar ul.dropdown-menu li a.mobileTextColorIntranet{
    color: #002c76;
}

#navbarKshk ul.navbar ul.dropdown-menu li:hover a{
    background: #eceded;
}
#navbarKshk  ul.navbar ul.dropdown-menu li:hover{
}
#navbarKshk ul.navbar li:hover ul.dropdown-menu{
    display: table;
    /*display: block;*/
    /*height: auto;*/
}
#navbarKshk ul.navbar ul.dropdown-menu li{
    display: block;
}

.small #navbarKshk{
    height: 75px;
    border-bottom: 1px solid #79a004;
    transition: .3s height;
}

.small #navbarKshk.navbarKshk-intranet-color {
    height: 75px;
    border-bottom: 1px solid #4c5971;
    transition: .3s height;
}

.small #navbarKshk  ul.navbar ul.dropdown-menu{
    border-top: 1px solid transparent;

}
.small #navbarKshk  ul.navbar ul.dropdown-menu{
    top: 76px;
}
.small #navbarKshk .container{
    position: relative;
}
.small #navbarKshk img.logo{
    width: 264px;
    padding-top: 0px;
    position: absolute;
    top: 5px;
}
.small #navbarKshk ul.iconset{
    position: absolute;
    right: 0px;
    top: 0px;
    margin-top: 0px;
}

.small #navbarKshk ul.navbar.search-cart-icons {
    margin-left: 3px;
    max-width: 49px;
}

.small #navbarKshk ul.navbar{
    position: inherit;
    right: 0px;
    top: 40px;
    margin-top: 0px;
    max-width: 79%;
    margin-left: 10%;
}
#navbarKshk{
    display: block;
}
#navbarKshkMobile{
    display: none;
}
.letter span{
    display: none;
}
#help-btn span{
    display: none;
}
#newsletter-input{
    display: inline-block;
    vertical-align: top;
    height: 20px;
    padding: 5px 8px 3px 15px;
    width: 161px;
    font-size: 16px;
    border: 1px solid #fff;
}
.newsletter-btn{
    vertical-align: top;
}
.search-link img{
    padding: 0px 13px 0px 50px;
}
.cart-link{
    margin-right: -8px;
}
#online-catalog-btn {
    background: #002c76; padding: 10px 20px; text-transform: uppercase; vertical-align: middle;
    display: inline-block;
    vertical-align: top;
    height: 16px;
    padding: 7px 20px 7px 20px;
    font-size: 14px;
    margin-right: 10px;
}


.mobile-cart {
    margin: 5px;
}

/* MENU END */

/* FOOTER BEGIN */
.partners{
    min-height: 74px;
    padding-top: 470px;
    background: #fff;
}
.partners img{
    height: 54px;
    padding: 10px 25px;
}
footer{
    background: #002c76;
    color: #fff;
    text-align: left;
    font-size: 16px;
    font-family: 'MyriadPro-Light','MyriadPro-Regular', Arial;
}
footer .container{
    max-width: 1180px;
    padding: 30px 15px;
    margin: 0px auto;
}
footer a.navbar-brand-footer img{
    height: 41px;
}
footer ul {
    padding-left: 30px;
    padding-bottom: 20px;

}
footer h5{
    padding-left: 30px;
    font-size: 16px;
    color: #fff;
}

footer ul a{
    color: #fff;
}
footer ul span{
    display: inline-block;
    width: 50%;
}
footer ul span.phone,
footer ul span.email{
    width: 100%;
}
footer ul li{
    font-size: 16px;
}
footer ul.list-open{
    padding-top: 20px;
    padding-bottom: 65px;
}
footer .copyright{
    /* margin-top: 210px;*/
}
/* FOOTER END */

/* EXAMPLE BEGIN */
#examplesList{
    display:none;
    background: #282828;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    padding: 20px;
    float: left;
    position: absolute;
    bottom: 29px;
    right: 0;
    width:638px;
    text-align:left;
}
#examplesList ul{
    padding:0;
}
#examplesList ul li{
    display:block;
    margin: 5px 0;
}
#examplesList ul li a{
    color: #BDBDBD;
    margin:0;
}
#examplesList ul li a:hover{
    color: #f2f2f2;
}
#examplesList .column{
    float: left;
    margin: 0 20px 0 0;
}
#examplesList h3{
    color: #f2f2f2;
    font-size: 1.2em;
    margin: 0 0 15px 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1);
    -moz-box-shadow: 0 1px 0 rgba(255,255,255,0.1);
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1);
    padding: 0 0 5px 0;
}
/* EXAMPLE END */

/* GRID BEGIN */
.col-lg-12{
    width: 100%;
    float: none;
}
.col-lg-8{
    width: 66.6%;
    float: left;
}
.col-lg-9{
    width:75%;
    float: left;
}
.col-lg-6{
    width: 50%;
    float: left;
}
.col-lg-3{
    width: 25%;
    float: left;
}
.col-lg-4{
    width: 33.3%;
    float: left;
}
.clr,
.clearfix{
    clear: both;
    height: 0px;
    width: 0px;
    margin: 0px;
    padding: 0px;
}
.container{
    width: 1280px;
    margin: 0px auto;
}
/* GRID END */

/* SEARCH BOX BEGIN */
.search-box{
    position: relative;
    height: 100%;
    background-position: 0px 174px ;
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-origin: content-box;
}
.search-box-form{
    width: 636px;
    display: inline-block;
    margin-top: 406px;
    height: 172px;
    text-transform: uppercase;
    background-color: rgba(255,255,255,0.8);
    /* padding: 25px;  */
}
.where-in{
    height: 34px;
    max-width: 490px;
    margin: 0px auto;
    background: -moz-linear-gradient(45deg, rgba(0,44,118,1) 0%, rgba(0,44,118,1) 49.9%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%); /* ff3.6+ */
    background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, rgba(0,44,118,1)), color-stop(49.9%, rgba(0,44,118,1)), color-stop(50%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,1))); /* safari4+,chrome */
    background: -webkit-linear-gradient(45deg, rgba(0,44,118,1) 0%, rgba(0,44,118,1) 49.9%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%); /* safari5.1+,chrome10+ */
    background: -o-linear-gradient(45deg, rgba(0,44,118,1) 0%, rgba(0,44,118,1) 49.9%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%); /* opera 11.10+ */
    background: -ms-linear-gradient(45deg, rgba(0,44,118,1) 0%, rgba(0,44,118,1) 49.9%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%); /* ie10+ */
    background: linear-gradient(45deg, rgba(0,44,118,1) 0%, rgba(0,44,118,1) 49.9%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%); /* w3c */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#002c76',GradientType=1 ); /* ie6-9 */
}
.where-in.right{
    background: -moz-linear-gradient(45deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 49.9%, rgba(0,44,118,1) 50%, rgba(0,44,118,1) 100%); /* ff3.6+ */
    background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, rgba(255,255,255,1)), color-stop(49.9%, rgba(255,255,255,1)), color-stop(50%, rgba(0,44,118,1)), color-stop(100%, rgba(0,44,118,1))); /* safari4+,chrome */
    background: -webkit-linear-gradient(45deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 49.9%, rgba(0,44,118,1) 50%, rgba(0,44,118,1) 100%); /* safari5.1+,chrome10+ */
    background: -o-linear-gradient(45deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 49.9%, rgba(0,44,118,1) 50%, rgba(0,44,118,1) 100%); /* opera 11.10+ */
    background: -ms-linear-gradient(45deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 49.9%, rgba(0,44,118,1) 50%, rgba(0,44,118,1) 100%); /* ie10+ */
    background: linear-gradient(45deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 49.9%, rgba(0,44,118,1) 50%, rgba(0,44,118,1) 100%); /* w3c */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002c76', endColorstr='#FFFFFF',GradientType=1 ); /* ie6-9 */

}

.where-in a{
    display: block;
    width: 200px;
    height: 20px;
    padding: 7px 10px;
    font-size: 16px;
    color: #9c9e9f;
}
.where-in a.active{
    color: #fff;
}
.where-in a.left{
    float: left;
    text-align: left;
}
.where-in a.right{
    float: right;
    text-align: right;
}
.search-form{
    height: 100%;
    width: 44%;
    vertical-align: top;
    display: inline-block;
    margin: 0px auto;
    background: rgba(151,197,36,0.7);
}
.open-info-box{
    width: 54%;
    margin-right: 1%;
    vertical-align: top;
    display: inline-block;
    font-family: 'MyriadPro-Light','MyriadPro-Regular', Arial;

}

.open-info-box div{
    background: rgba(0,44,118,0.7);
    color:#fff;
}
.open-info-box a{
    background: rgba(168, 168, 168, 0.75);
    display: inline-block;
    width: 100%;
    color: #fff;
    margin-top: 8px;
    font-size: 16px;
    padding: 14px 0px;

}
.open-info-box a:hover {
    background: rgba(112, 112, 112, 0.7);
}
.open-info-box .open-time{
    font-size: 22px;
    width: 35%;
    height: 82px;
    padding-top: 34px; 
/*     height: 96px;
    padding-top: 20px; */

    display: inline-block;
    vertical-align: top;
}
.open-info-box .open-info{
    box-sizing: border-box;
    font-size: 13px;
    width: 65%;
    height: 116px;
    display: inline-block;
    vertical-align: top;
    padding: 7px 0px 0px 0px;
    text-align: left;
    line-height: 14px;
    /* line-height: 19px; */
}
.search-box-form .special-message{
    background: rgba(0,44,118,0.7);
    color:#fff;
    height: 125px;
    padding: 20px 0px 0px  0px;
    margin-top: 8px;
    width: 100%;
    text-transform:none;
    font-size: 22px;
    font-family: 'MyriadPro-Light','MyriadPro-Regular', Arial;

}
.search-form input[type="text"]{
    width: 65%;
    padding: 5px 2%;
    height: 24px;
    border: 0px;
    outline: 0px;
    font-size: 16px;
    vertical-align: top;
    color: #58585a;
    margin: 44px 0px 10px 0px;
}
.search-form input[type="submit"]{
    width: 9%;
    height: 34px;
    background: #fff url('../../../img/icon/search_gray.png') center center no-repeat;
    background-size: 15px 15px;
    border: 0px;
    padding: 0px;
    vertical-align: top;
    cursor: pointer;
    margin: 44px 0px 10px 0px;
}
.search-form .form-down input[type="text"]{
    margin: 6px 0px 10px 0px;
    padding-left: 5px;
}
.search-form .form-down input[type="submit"]{
    margin: 6px 0px 10px 0px;
    width: 11%;
    background: #fff url(../../../img/icon/search_gray.png) 10px 10px no-repeat;
    background-size: 15px 15px;

}
.width-100{
    width: 100%;
}

.hide-element {
    display: none;
}
/* SEARCH BOX END */
/* POPUP BEGIN */
.newsletter-popup-container .popup-text {
    text-align: left;
    padding-bottom: 18px;
    color: rgb(103, 117, 124);
    font-size: 18px;
}

.newsletter-popup-container,
.popup-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    background: rgba(0,0,0,0.5);
    transition: .3s;
    display: none;
    opacity: 0;
    visibility: hidden;
    transition: visibility 0s .4s, opacity .4s linear;
}
.newsletter-popup-container.show,
.popup-container.show{
    display: block;
    visibility: visible;
    opacity: 1;
    transition: opacity .4s linear;
}

.newsletter-popup-container .error-text ul li {
    margin: 7px 0 14px;
}

.newsletter-popup-container .popup,
.popup-container .popup{
    margin: 0px auto;
    margin-top: 14.5%;
    position: relative;
    background: #fff;
    width: 625px;
    max-width: 90%;
    min-height: 254px;
    text-align: center;
}
/*.newsletter-popup-container .popup h5,*/
/*.popup-container .popup h5{*/
/*    font-family: 'MyriadPro-BoldCond';*/
/*    font-size: 28px;*/
/*    margin: 30px;*/
/*    padding-top: 30px;*/

/*}*/
.newsletter-popup-container .popup p,
.popup-container .popup p{
    width: 65%;
    margin: 20px auto;
    padding: 10px;
    font-size: 18px;
    font-family: 'MyriadPro-Light';
    -moz-box-shadow:    inset 0 -7px 5px #bbb;
    -webkit-box-shadow: inset 0 -7px 5px #bbb;
    box-shadow:         inset 0 -7px 5px #bbb;
}
.newsletter-popup-container .button-line,
.popup-container .button-line{
    padding: 20px;
    background: #97c524;
    margin-top: 41px;
}
.newsletter-popup-container .button-line a,
.popup-container .button-line a{
    display: inline-block;
    width: 108px;
    padding: 10px;
    text-transform: uppercase;
    background:#ffffff;
    transition: .3s;
}
.newsletter-popup-container .button-line a:hover,
.popup-container .button-line a:hover{
    background:#002c76;
    transition: .3s;
    color: #fff;
}
.newsletter-popup-container .close-btn,
.popup-container .close-btn{
    position: absolute;
    display: block;
    top: 40px;
    right: 30px;
}
.newsletter-popup-container .error-list {
    text-align: left;
}


.popup .popup-body {
    font-size: 22px;
    padding: 35px 75px 25px 75px;
    width: initial;
}

.newsletter-popup-container .remove-popup,
.popup-container .remove-popup {
    cursor: pointer;
}

.error-text ul li {
    font-size: 15px;
    margin: 7px 0 0 7px;
}

.newsletter-popup-container .button-close,
.popup-container .button-close {
    height: 25px;
    position: relative;
    text-align: center;
    margin: 40px auto 10px;
    width: 100%;
}
.newsletter-popup-container .close-btn,
.popup-container .close-btn {
    top: 0;
}

.newsletter-popup-container .button-line a.popup-close,
.popup-container .button-line a.popup-close {
    height: 25px;
    background-color: #97c524;
    top: 15px;
    width: 25px;
    padding: 10px 0px 10px 10px;
}

.popup-title {
    font-family: 'MyriadPro-BoldCond';
    font-size: 28px;
    color: #eee;
    padding-top: 5px;
    display: inline-block;
}

#navbarKshk .container .navbar-menu-list {
    max-width: 86%;
    margin-left: 3%;
    float: left;
    display: flex;
    overflow-x: hidden;
    overflow-y: hidden;
    white-space: nowrap;
}
#navbarKshk .container .navbar-menu-list:hover {
    overflow-x: auto;
}

ul.navbar.search-cart-icons {
    max-width: 100px;
    display: flex;
    float: left;
}

#navbarKshk .container .navbar-menu-list::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 1px rgba(200,200,200,0.4);
    background-color: white;

}

#navbarKshk .container .navbar-menu-list::-webkit-scrollbar {
    height: 4px;
    width: 2px;
    background-color: #F5F5F5;
}

#navbarKshk .container .navbar-menu-list::-webkit-scrollbar-thumb {
    background-color: rgba(200,200,200,0.4);
    border: 0px solid #555555;
}


@media screen and (max-width: 768px) {
    .popup-title {
        font-size: 22px;
    }
    .popup .popup-body {
        padding: 35px 25px 25px 25px;
    }
}

.newsletter-popup-container .button-line,
.popup-container .button-line {
    padding: 20px 0;
}

.has-danger {
    border-color: #f44336;
}

.newsletter-popup-container .submit-button:disabled {
    background: #b5b5b5;
    color: #fff;
}

.newsletter-popup-container .submit-button {
    text-align: center;
    display: inline-block;
    background: #97c524;
    transition: .3s;
    color: #fff;
    text-transform: uppercase;
    min-width: 88px;
    font-size: 18px;
    padding: 8px 20px 8px 20px;
}

.newsletter-popup-container h5 {
    line-height: 18px;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 10px;
    font-family: 'MyriadPro-Light', Arial;
    color: rgb(103, 117, 124);
    text-align: left;
}

.newsletter-popup-container .form-control {
    border-radius: 0;
    box-shadow: none;
    box-sizing: border-box;
    height: 2.573rem;
    transition: box-shadow .25s linear, border .25s linear, color .25s linear, background-color .25s linear;
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    font-family: 'MyriadPro-Regular', Arial;
}

/* POPUP END */
.text-danger, .text-red {
    color: #ef5350;
}
/* PAGER BOX BEGIN */
.pager{
    padding: 30px 10px;
    letter-spacing: 2px;
}
.pager a{
    font-size: 20px;
    color: #aaacad;
}
.pager a.active{
    color:#97c524;
}
/* PAGER BOX END */
/* TAGS BEGIN */
a.big{
    font-size: 16px;
    color: #7fa429;
}
a.bigger{
    font-size: 20px;
    color: #7fa429;
}
a.large{
    font-size: 22px;
    color: #678723;
}
/* TAGS END */

/* CUSTOM CHECKBOX BEGIN */
.cb-container {
    display: inline-block;
    position: relative;
    padding-left: 65px;
    padding-top: 2px;
    margin-bottom: 12px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.cb-container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 30px;
    width: 30px;
    background-color: #fff;
    border: 1px solid #b7b7b7;
}
.checkmark.error {
    background-color: #fcd1d1;
    border: 1px solid #dd5044;
}
.cb-container:hover input ~ .checkmark {
    background-color: #ccc;
}
.cb-container input:checked ~ .checkmark {
    border: 1px solid #b7b7b7;
}
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}
.cb-container input:checked ~ .checkmark:after {
    display: block;
}
.cb-container .checkmark:after {
    left: 9px;
    top: 5px;
    width: 8px;
    height: 14px;
    border: solid #002c76;
    border-width: 0 4px 4px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
/* CUSTOM CHECKBOX END */
/* EFFECTS, ETC... BEGIN*/
.book-cover img,
.flyer a img,
.image a img,
.blog-item .left a img{
    opacity: 1;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}
div.book-cover{
    background: #fff;
}
div.book-cover:hover img,
.flyer a:hover img,
.image a:hover img,
.blog-item .left a:hover img{
    opacity: .7;
}

#navbarKshk .cart-item-list .cart-item .info .quantity a i.fas{
    display:block;
}

#navbarKshkMobile .cart-item-list .cart-item .info{
    width: 55%;
    padding-left: 120px;
    padding-right: 76px;
    font-size: 15px;
}

#navbarKshk .cart-item-list .cart-item .info{
    padding-left: 120px;
    padding-right: 10px;
    width: 56%;
}


input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance:textfield;
}

/* EFFECTS, END... BEGIN*/
/* CART BEGIN */
.cart-link{
    float: right;
    left: -7px;
    position: relative;
}
.has-cart a.cart-link span{
    display: block;
    position: absolute;
    right: -18px;
    top: -9px;
    text-align: center;
    width: 25px;
    padding: 4px 0;
    border-radius: 15px;
    font-size: 14px;
    color: #fff;
    background: #002c76;
    height: 15px;
}
.cart-list{
    position: absolute;
    width: 345px;
    top: 43px;
    left: -278px;
    background: #fff;
    box-shadow: 0px 5px 10px #a9a9a9;
    border-top: 5px solid #97c524;
    visibility: hidden;
    height: 0;
    opacity: 0;
    transition: .3s;
    z-index: 100;
}
li.cart-link:hover .cart-list{
    height: auto;
    visibility: visible;
    opacity: 1;
    min-height: 140px;
    transition: .3s;
}
.small .cart-list{
    top: 31px;
}
.cart-list .title{
    width: 42%;
    padding: 16px 15% 16px 3%;
    float: left;
    color: #58585a;
    font-size: 16px;
    font-family: 'MyriadPro-Regular';
    border-bottom: 2px solid #eaebec;
}

.cart-item .info h3 {
    min-height: 68px;
}

.cart-list .nbr{
    width: 30%;
    padding: 16px 5%;
    float: left;
    color: #58585a;
    font-size: 16px;
    text-transform: none;
    border-bottom: 2px solid #eaebec;
    text-align: right;
}

.cart-link .cart-item-list {
    overflow-y: auto !important;
    max-height: 620px;
}

.cart-item{
    position: relative;
    border-bottom: 2px solid #eaebec;
}
.cart-item .img {
    width: 57px;
    min-height: 65px;
    padding: 26px 32px;
    float: left;
}
.cart-item .img img {
    width: 100%;
}
.cart-item .info {
    color: #58585a;
    width: 91%;
    padding: 26px 0px;
    font-size: 16px;
    font-family: 'MyriadPro-bold';
    text-transform: none;
}
.cart-item .info h3{
    width: 89%;
    padding-bottom: 7px;
}
#navbarKshk ul.navbar li .cart-item .info h3 a{
    color: #58585a;
    transition: .3s;
    word-break: break-word;
}
#navbarKshk ul.navbar li .cart-item .info h3 a:hover{
    color: #002c76;
    transition: .3s;
}
.cart-item .info .price{
    font-family: 'MyriadPro-Regular';
    color: #9c9e9f;
    display: inline-block;
    padding-right: 10px;
    padding-top: 10px;
}

.cart-item .info .currency{
    font-family: 'MyriadPro-Regular';
    color: #9c9e9f;
    display: inline-block;
    padding-right: 10px;
}
.cart-item .info .quantity{
    font-family: 'MyriadPro-Regular';
    color: #9c9e9f;
    display: inline-block;
    /*width: 48%;*/
    text-align: right;
    float:right;
    padding-top: 10px;
}
#navbarKshk ul.navbar li .cart-item .info .quantity *{
    vertical-align: top;

}
#navbarKshk ul.navbar li .cart-item .info .quantity a{
    color: #9c9e9f;
    transition: .3s;
    display: inline-block;
}
#navbarKshk ul.navbar li .cart-item .info .quantity a.plus{
    padding-left: 9px;
    margin-top: 3px;
}
#navbarKshk ul.navbar li .cart-item .info .quantity a.minus{
    padding-right: 8px;
}
#navbarKshk ul.navbar li .cart-item .info .quantity span{
    display: inline-block;

}
#navbarKshk ul.navbar li .cart-item .info .quantity a:hover{
    color: #002c76;
    transition: .3s;

}
.delete-icon{
    display: block;
    position: absolute;
    top: 20px;
    right: 30px;
}
.cart-list .sum-line .sum{
    width: 36%;
    padding: 25px 14% 25px 4%;
    float: left;
    color: #58585a;
    font-size: 16px;
    font-family: 'MyriadPro-Regular';
    text-transform: none;
}
.cart-list .sum-line .sum span{
    font-size: 12px;
    color: #9c9e9f;
    display: block;
    margin-bottom: 5px;

}
.cart-list .sum-line .more{
    width: 36%;
    padding: 25px 5%;
    float: left;
    color: #58585a;
    font-size: 16px;
    text-transform: none;
    text-align: right;
}
.cart-list .sum-line .more a{
    min-width: 95px;
    padding: 6px 0;
    text-align: center;
    font-size: 16px;
    color: #fff !important;
    background: #002c76;
    transition: .3s;
    text-transform: uppercase;
}
.cart-list .sum-line .more a:hover {
    background: #00399a;
    transition: .3s;
}
/* CART END */
/* ERROR PAGES BEGIN */
.page-error{
    width: 70%;
    max-width: 600px;
    margin: 0px auto;
    padding-top: 235px;
}
.page-error h1{
    font-size: 120px;
    text-align: right;
    color: #97c524;
    border-right: 5px solid #97c524;
    padding-right: 45px;
    line-height: 110px;
}

.page-error h1.intranet-colors {
    color: #002C76;
    border-right: 5px solid #002C76;
}

.page-error.error-500 h1{
    color: red;
    border-right: 5px solid red;

}
.page-error.error-500 h2,
.page-error.error-500 p{
    color: red;
}
.page-error h2{
    padding: 10px 30px;
    font-size: 24px;
}
.page-error p{
    padding: 0px 30px;

}
.page-error a{
    display: block;
    font-size: 18px;
    padding: 10px 30px;
    color: #97c524;
    transition: .3s;
}
.page-error a.intranet-colors {
    color: #002C76;
}

.page-error a:hover{
    color: #00399a;
    transition: .3s;
}
/* ERROR PAGES END */
/* RESPONSIVE BEGIN */
@media screen and (min-width: 1301px) and (min-height: 801px) {
    .page-error{
        margin-bottom: -350px;
    }
    .news-box,
    .menu-box{
        padding-top: 150px;
    }
    .book-box{
        /* padding-top: 120px; */
    }
}

@media screen and (max-height: 750px) {
    .news-box{
        max-width: 980px;
        margin: 0px auto;
    }
    div.news a.lead-img{
        max-height: 328px;
    }
    div.news a.lead-img img{
        width: 100.5%;
    }
    .section.container.book-section{
        max-width: 980px;
        margin: 0px auto;
    }
    .book-box{
        max-width: 920px;
    }
    .book-cover{
        margin-bottom: 20px;
    }
    .book-cover,
    .book-cover img{
        max-width: 185px;
        max-height: 259px;
    }
    .book-lead {
        width: 250px;
        height: 259px;
        margin: 0px;
    }
    .book-lead h3 {
        font-size: 18px;
        margin: 15px 15px 5px 15px;
    }
    .book-lead span.date{
        margin: 0px 15px;
    }
    .book-lead .btn-blue {
        margin-left: 15px;
    }
    .partners {
        padding-top: 200px;
    }
}
@media screen and (max-width: 1300px) {
    .cart-list{
        left: -288px;
    }
    .search-link img{
        padding: 0px;
    }
    .container{
        max-width: 980px;
    }
    .news-box{
        max-width: 980px;
        margin: 0px auto;
    }
    div.news a.lead-img{
        max-height: 370px;
    }
    div.news a.lead-img img{
        width: 100.5%;
    }
    .section.container.book-section{
        max-width: 980px;
        margin: 0px auto;
    }
    .book-box{
        max-width: 920px;
    }
    .book-cover{
        margin-bottom: 20px;
    }
    .book-cover,
    .book-cover img{
        max-width: 185px;
        max-height: 259px;
    }
    .book-lead {
        width: 250px;
        height: 259px;
        margin: 0px;
    }

    .book-lead h3 {
        font-size: 18px;
        margin: 15px 15px 5px 15px;
    }
    .book-lead span.date{
        margin: 0px 15px;
    }
    .book-lead .btn-blue {
        margin-left: 15px;
    }
    .partners {
        padding-top: 200px;
    }
    .search-box-form{
        margin-top: 380px;
    }
    .news-box h1,
    .news-box h2{
        height: 58px;
    }
    .news-box h1 a {
        padding: 12px 30px 10px 30px;
        font-size: 30px;
    }
    .news-box h2 a {
        padding: 12px 30px 10px 30px;
        font-size: 30px;
    }
    .menu-section{
        max-width: 980px;
    }
    .menu-box a, div.menu-info-box {
        width: 210px;
        height: 210px;
    }
    .menu-box a span {
        width: 80%;
        height: 35%;
        padding: 40% 10% 25% 10%;
    }
    .menu-info-box h4 {
        padding-top: 84px;
        margin: 0px 15px;
        background: url(../img/icon/clock.png) 0px 30px no-repeat;
        background-size: auto 53px;
    }
    #navbarKshk img.logo {
        width: 210px;
        padding-left: 0px;
    }
    .small #navbarKshk img.logo {
        width: 210px;
        top: 10px;
    }
    footer .container{
        max-width: 980px;
        padding: 15px;
    }
    footer .container .col-md-8 {
        width: 66%;
    }
    footer .container .col-md-4 {
        width: 33%
    }
    footer ul.list-open{
        padding-bottom: 15px;
    }
    footer .copyright {
        /*margin-top: 130px;*/
    }
    ul.navbar li{
        padding: 10px 10px;
    }
}
/* TABLES & MOBILE VIEW BEGIN*/
/* TABLET LANDSCAPE */
@media screen and (max-width: 992px) {
    #navbarKshkMobile .cart-item-list .cart-item .info {
        width: auto;
        padding-right: 32px;
    }

    .page-error{
        padding-top: 100px;
        width: 90%;
    }
    .book-section .book-box .clr{
        display: none;
    }
    .search-box{
        background: #fff !important;
    }
    .navbar.small img.logo.logo {
        display: block;
    }
    .open-info-box .open-time{
        word-spacing: 100vw;
    }
    .open-info-box .open-info{
        /* line-height: inherit; */
        line-height: 15px;
    }
    ul.iconset li:first-child{
        vertical-align: top;
    }
    #online-catalog-btn {
        color: white;
        max-height: 26px;
    }
    .newsletter-btn{
        max-height: 26px;
    }
    #newsletter-input-mobile{
        display: inline-block;
        vertical-align: top;
        height: 16px;
        padding: 5px 8px 3px 10px;
        width: 58px;
        font-size: 14px;
        border: 1px solid #fff;
    }
    .container,
    .book-box,
    .section.container {
        width: 100%;
        max-width: 100%;
        padding: 0;
        /*overflow: hidden;*/
    }

    div.easy-autocomplete-container{
        z-index: 1000;
        width: 116%;
        background: #fff;
        text-align: left;
        border: 1px solid rgba(200,200,200,0.3);
    }
    #navbarKshk ul.navbar .search-box-search-box-form .easy-autocomplete-container{
        width: 100%;
    }
    #navbarKshk ul.navbar .search-box-search-box-form .easy-autocomplete-container{
        width: 50%;
    }
    #navbarKshk ul.navbar .search-box-search-box-form .easy-autocomplete-container .right-list{
        width: 50%;
        text-align: right;
    }
    .search-form .form-down input[type="text"]{
        color: #9c9e9f;

    }
    .easy-autocomplete-container{
        z-index: 200 !important;
    }
    .easy-autocomplete-container ul{
        min-width: 30%;
        max-width: 60%;
        padding-top: 70px;
        float: left;
        border-top: 0px;
    }
    .easy-autocomplete-container ul li:last-child{
        border-bottom: 0px !important;
    }
    .easy-autocomplete-container ul li{
        border-right-width: 2px !important;
    }
    .easy-autocomplete-container div.right-list{
        max-width: 38%;
        padding-top: 80px;
        padding-bottom: 40px;
        margin-right: 15px;
        float: right;
        display: block !important;
        color: #97c524;
    }
    .easy-autocomplete-container div.right-list li{
        padding-bottom: 20px;
    }
    .easy-autocomplete-container div.right-list a {
        color:#97c524;
    }
    .easy-autocomplete-container div.right-list h3{
        position: absolute;
        top: 0px;
        left: 0;
        padding-top: 20px;
        padding-right: 5%;
        width: 95%;
        z-index: 100;
        border-top: 1px solid #ccc;
        text-transform: none;
        font-size: 20px;
        color: #9c9e9f;
        text-align: right;

    }
    .easy-autocomplete-container div.right-list h3 span{
        color:#97c524;
    }
    .easy-autocomplete-container div.right-list h3 a{
        display: inline-block;
        padding-left: 10px;
        vertical-align: top;
        font-size: 24px;
        margin-top: -4px;
        color: #999999;
    }
    .menu-section .menu-box{
        padding-top: 13px;
    }
    .menu-section .menu-box a{
        display: inline-block;
        width: 23.4%;
        height: calc(100vw * 0.234);
        padding: 0;
        margin: 0.4%;
    }
    .menu-section .menu-box a span{
        position: inherit;
        font-size: 14px;
        width: 80%;
        height: 60%;
        padding: 40% 10% 0 10%;
        background: rgba(0,0,0,0.6);
        text-align: center;
    }
    .news-box{
        max-width: 100%;
    }

    .navbarKshk-color {
        border-top: 1px solid #7ea41d;
        border-bottom: 1px solid #92c300;
        background: #97c524;
    }

    .navbarKshk-intranet-color {
        border-top: 1px solid #002451;
        border-bottom: 1px solid #002C60;
        background: #002C76;
    }

    #navbarKshk{
        display: none;
    }
    #navbarKshkMobile{
        display: block;
        position: fixed;
        top: 0px;
        left: 0px;
        width: 100%;
        min-height: 50px;
        /*border-top: 1px solid #7ea41d;*/
        /*border-bottom: 1px solid #92c300;*/
        /*background: #97c524;*/
        color: #fff;
        z-index: 1000;
        overflow: visible;
        transition: .3s height;
    }
    #navbarKshkMobile .logo{
        position: absolute;
        top: 5px;
        left: 14px;
        height: 35px;
    }
    #navbarKshkMobile .search-link{
        display: block;
        position: absolute;
        top: 15px;
        right: 58px;
    }
    #navbarKshkMobile ul.iconset{
        display: block;
        position: absolute;
        right: 88px;
        width: 380px;
        top: 2px;
        margin-top: 0px;
    }
    #navbarKshkMobile ul.iconset li{
        padding: 10px 5px;
    }
    #navbarKshkMobile ul.navbar{
        margin-top: 51px;
        float: none;
        overflow: hidden;
        height: 0;
        min-height: 0;
        transition: min-height 0.15s ease-out;
    }
    #navbarKshkMobile ul.navbar.opened{
        min-height: 250px;
        height:auto;
        transition: min-height 0.25s ease-in;
    }
    #navbarKshkMobile ul.navbar li select {
        text-transform: uppercase;
        border: 1px solid #fff;
        /*background: #92c300;*/
        color: #fff;
        padding-top: 2px;
        padding-left: 6px;
        width: 50px;
        height: 26px;
        text-align: center;
    }

    .mobileBorder {
        border: 1px solid #97c524;
    }

    .mobileBorderIntranet {
        border: 1px solid #002C76;
    }

    #navbarKshkMobile .cart-list {
        left: 0px;
        top: 96px;
        height: max-content;
        opacity: 1;
        width: 100%;
        position: fixed;
    }

    #navbarKshkMobile ul.navbar li{
        margin: 0;
        display: block;
        float: none;
        /*border: 1px solid #97c524;*/
        background: #fff;
        border-bottom: 0px;
        border-left: 0px;
        padding: 8px 15px;
        font-size: 16px;
    }
    /* MENU DROP DOWN*/
    #navbarKshkMobile ul.navbar li .dropdown-menu{
        display: none;
    }
    #navbarKshkMobile ul.navbar li.active .dropdown-menu{
        display: block;
    }
    #navbarKshkMobile ul.navbar li.dropdown a{
        width: 100%;
        display: block;
        position: relative;
    }
    #navbarKshkMobile ul.navbar li.dropdown a i{
        position: absolute;
        right: 0px;
        top: 3px;
    }
    #navbarKshkMobile ul.navbar li.active.dropdown a i:before {
        content: "\f0d7";
    }
    #navbarKshkMobile ul.navbar li.active.dropdown ul li a{
        background: none;
    }
    /* MENU DROP DOWN*/
    #navbarKshkMobile ul.navbar li:hover.dropdown{
        background: #fff;
    }
    #navbarKshkMobile ul.navbar li:hover.dropdown a.dropdown-toggle{
        color: #58585a;
    }
    #navbarKshkMobile ul.navbar ul.dropdown-menu li{
        border: 0px;
        border-bottom: 1px solid #97c524;
        padding: 3px 15px;
    }
    #navbarKshkMobile ul.navbar ul.dropdown-menu li{
        border-bottom: 0px;
    }
    #navbarKshkMobile ul.navbar ul.dropdown-menu li:last-child{
        border-bottom: 1px solid transparent;
    }
    #navbarKshkMobile ul.navbar ul.dropdown-menu li a.mobileTextColor{
        color: #97c524;
    }
    #navbarKshkMobile ul.navbar ul.dropdown-menu li a.mobileTextColorIntranet{
        color: #002c76;
    }
    #navbarKshkMobile ul.navbar ul.dropdown-menu li a {
        /*color: #97c524;*/
        display: block;
        padding: 5px;
        font-size: 16px;
        text-transform: none;
    }
    #navbarKshkMobile ul.navbar li:hover a,
    #navbarKshkMobile ul.navbar ul.dropdown-menu  li:hover a{
        /*color:#fff;*/
    }
    #navbarKshkMobile ul.navbar li:hover,
    #navbarKshkMobile  ul.navbar ul.dropdown-menu ul li:hover{
        background: #002c76;
    }
    #navbarKshkMobile .search-box-nav .search-box-search-box-form .form-down input[type="submit"] {
        background: #fff url(../../../img/icon/search_gray.png) center center no-repeat;
        background-size: 15px 15px;
    }
    #navbarKshkMobile .search-box-nav{
        opacity: 1;
        position: fixed;
        width: 100%;
        top: 47px;
        left: 0;
        height: 50px;
    }
    #navbar-toggle {
        position: absolute;
        right: 10px;
        top: 11px;
        cursor: pointer;
        border-radius: 0;
        text-align: center;
        padding: 0px;
        margin: 0;
        width: 31px;
        background: transparent;
        border: none;
        outline: 0;
    }
    #navbar-toggle .bar-bottom, #navbar-toggle .bar-mid, #navbar-toggle .bar-top {
        display: block;
        width: 28px;
        height: 3px;
        background-color: #fff;
        margin: 5px 0;
        transition: .4s;
    }
    #navbar-toggle.opened .bar-top {
        -webkit-transform: rotate(-45deg) translate(-7px,6px);
        -ms-transform: rotate(-45deg) translate(-7px,6px);
        transform: rotate(-45deg) translate(-7px,6px);
    }
    #navbar-toggle.opened .bar-mid {
        opacity: 0;
    }
    #navbar-toggle.opened .bar-bottom {
        -webkit-transform: rotate(45deg) translate(-5px,-5px);
        -ms-transform: rotate(45deg) translate(-5px,-5px);
        transform: rotate(45deg) translate(-5px,-5px);
    }
    .search-box{
        /*display: none;*/
        background: transparent;
    }
    .search-box-form {
        margin-top:65px;
        width: 100%;
    }
    #navbarKshkMobile span.iconset.lower{
        display: none;
    }
    #navbarKshkMobile ul.navbar li.lang.mobileNavbar{
        background: #97c524;
        border-top: 1px solid #86af1f;
    }
    #navbarKshkMobile ul.navbar li.lang.mobileNavbarIntranet{
        background: #002C76;
        border-top: 1px solid #fff;
    }

    footer{
        position: relative;
    }
    footer .container{
        width: 100%;
        max-width: 100%;
        overflow: hidden;
        padding: 20px 0px 15px 0px;
        font-size: 18px;
    }
    footer .container h5{
        font-size: 18px;
    }
    footer .container .col-md-8{
        float: none;
        width: 100%;
    }
    footer ul li{
        font-size: 18px;
    }
    footer .container .col-md-4.footer-menu-1{
        float: left;
        width: 60%;
    }
    footer .container .col-md-4.footer-menu-3{
        float: right;
        width: 40%;
    }
    footer a.navbar-brand-footer img {
        height: 43px;
        padding-left: 30px;
        padding-top: 18px;
    }
    footer .address{
        font-size: 18px;
        padding-left: 30px;
    }
    footer .container .col-md-8{
        padding-left: 30px;
        margin-bottom: 65px;
    }
    footer .copyright{
        position: absolute;
        margin: 0px;
        bottom: 15px;
        left: 30px;
    }
    footer ul.list-open span{
        max-width: 140px;
    }
    footer ul.list-open,
    footer ul.contact{
        margin-bottom: 55px;
    }

    .menu-box .blog-item .right .tag-line .tags a{
        border-bottom: none;
        display: inline;
    }

    .menu-box a, div.menu-info-box {
        display: block;
        width: auto;
        height: auto;
        margin: 0px;
        height: auto;
        /*border-bottom: 1px solid #fff;*/
        text-align: left;
        padding: 0px 15px 0px 24px;
    }
    .menu-box a.menu-1,
    .menu-box a.menu-2,
    .menu-box a.menu-3,
    .menu-box a.menu-4,
    .menu-box a.menu-5,
    .menu-box a.menu-6,
    .menu-box a.menu-7,
    .menu-box a.menu-8,
    .menu-box a.menu-9{
        background: #58585a;
    }
    .menu-box a:hover span{
        background: rgba(0,0,0,0.6);
    }
    .menu-info-box h4 {
        padding-top: 15px;
        margin: 0px;
        background: none;
        font-size: 30px;
    }
    .menu-info-box p {
        color: #fff;
        font-size: 26px;
        text-align: left;
        padding: 15px 0px;
    }
    .partners,
    .index .partners {
        text-align: center;
        min-height: 50px;
        padding-top: 50px;
    }
    .partners img {
        height: 40px;
        padding: 0px 5px 10px 10px;
    }
    .book.col-lg-6{
        padding: 25px 2%;
        width: 44%;
        float: none;
        display: inline-block;
        vertical-align: top;
    }
    div.book-cover{
        width: 100%;
        height: auto;
        max-width: 100%;
        max-height: none;
        padding: 0px;
        margin: 0px;
        float: none;
    }
    div.book-cover img {
        width: 100%;
        height: auto;
        max-width: 100%;
        max-height: none;
        display: block;
    }
    div.book-lead {
        width: 94%;
        height: 149px;
        margin: 0px auto;
        text-align: center;
        margin-left: 3%;
        overflow: hidden;
    }

    div.book-lead h3 {
        font-size: 18px;
        margin: 15px 15px 5px 15px;
    }
    div.book-lead h3 a {
        color: #707173;
        font-size: 30px;
    }
    div.book-lead span.date,
    div.book-lead .btn-blue {
        display: none;
    }
    .book-section .book-box{
        width: 100%;
        padding-top: 30px;
        padding-bottom: 10px;
        padding-left: 0;
        padding-right: 0;
        margin-top: 15px;
    }
    div.news-box h1, div.news-box h2 {
        height: 45px;
    }
    div.news-box h1 a,
    div.news-box h2 a{
        font-size: 22px;
        padding: 10px 23px 10px 23px;
    }
    div.news-box {
        padding-top: 15px;
    }
    div.news-box .news h3 a{
        font-size: 14px;
        letter-spacing: 2px;
    }
    div.news-box .news div{
        height: auto;
        min-height: 65px;
        max-height: none;
    }
    .menu-box {
        padding-top: 25px;
    }
    .news-box h1 a.events-link{
        color: #707173;
        display: inline-block;
        float: none;
        width: auto;
        padding: 5px 4px 5px 4px;
        vertical-align: top;
        text-align: left;
        font-size: 24px;
    }
    .news-box div.news{
        width: 50%;
    }
    .news-box div:nth-child(2).news,
    .news-box div:nth-child(3).news{
        display: block;
    }
    div.news a.lead-img{
        max-height: none;
    }
}
/* TABLET PORTRAIT */
@media screen and (min-width: 768px) and (max-width: 992px) and (orientation: portrait) {
    /*#navbarKshkMobile{
        background: red;
    }*/
    div.news-box .left-box{
        width: 100%;
        margin: 0;
    }
    div.news-box .right-box {
        margin: 0;
        width: 100%;
    }
    div.news-box h1 a, div.news-box h2 a {
        font-size: 24px;
        padding: 11px 23px 10px 23px;
    }
    div.news-box h1, div.news-box h2 {
        height: 50px;
    }
    div.news-box .news h3 a {
        font-size: 18px;
        letter-spacing: 2px;
    }
    .partners img {
        height: 54px;
    }
    footer .container .col-md-3,
    footer .container .col-md-4,
    footer .container .col-md-6,
    footer .container .col-md-4.footer-menu-1,
    footer .container .col-md-4.footer-menu-3{
        width: 100%;
    }
}
/* MOBILE */
@media screen and (max-width: 767px) {
    .page-error {
        padding-top: 100px;
        width: 100%;
    }
    .page-error h1 {
        font-size: 90px;
        padding-right: 20px;
        line-height: 90px;
    }
    .page-error h2 {
        padding: 5px 20px;
        font-size: 20px;
    }
    .page-error p {
        padding: 0px 20px;
    }
    .page-error a {
        padding: 10px 20px;
    }
    div.news-box .left-box{
        width: 100%;
        margin: 0;
    }
    div.news-box .right-box {
        margin: 0;
        width: 100%;
    }
    div.news-box h1 a, div.news-box h2 a {
        font-size: 24px;
        padding: 11px 23px 10px 23px;
    }
    div.news-box h1, div.news-box h2 {
        height: 50px;
    }
    div.book-lead h3 a {
        color: #707173;
        font-size: 24px;
    }
    div.book-lead h3 {
        margin: 12px 15px 5px 15px;
    }
    div.news-box .news h3 a {
        font-size: 18px;
    }
    div.easy-autocomplete-container {
        z-index: 1000;
        /*width: 200%;*/
        /*margin-left: -80%;*/
    }
    .search-form .form-down input[type="submit"] {
        width: 13%;
    }
    .search-form input[type="submit"] {
        width: 11%;
    }
    footer .container .col-md-4.footer-menu-1{
        float: left;
        width: 100%;
    }
    footer .container .col-md-4.footer-menu-3{
        float: right;
        width: 100%;
    }
}

@media screen and (max-width: 600px) {
    #navbarKshkMobile .cart-item-list .cart-item .info {
        width: auto;
        padding-right: 29px;
    }

    #navbarKshkMobile ul.iconset.upper{
        display: none;
    }
    #navbarKshkMobile span.iconset.lower {
        display: inline-block;
        vertical-align: top;
    }
    #navbarKshkMobile span.iconset.lower a{
        padding-left:10px;
    }
    .menu-section .menu-box a span {
        font-size: 14px;
        width: 100%;
        height: 60%;
        padding: 40% 0% 0 0%;
    }
    .menu-section .menu-box a:nth-child(5) span{
        font-size: 12px;
    }
    .open-info-box .open-info {
        font-size: 13px;
        line-height: 15px;
    }
    .open-info-box .open-info a {
        font-size: 13px;
    }
    .book-lead {
        width: 94%;
        height: 167px;
    }

    footer .container ul li,
    footer .container h5,
    footer .address,
    footer .copyright{
        font-size: 16px;
    }
    footer a.navbar-brand-footer img{
        height: 36px;
    }
}
@media screen and (max-width: 479px) {


    .search-box-form .special-message{
        height: 150px;
    }


    #navbarKshkMobile .cart-item-list .cart-item .info {
        width: auto;
        padding-right: 29px;
    }
    .blog-article table {
        width: 100%;
        border-collapse: collapse;
        table-layout: fixed;
        display: block;
        overflow: scroll;
        padding-left: 5px;
    }
    /* Zebra striping */
    .blog-article table tr:nth-of-type(odd) {
        background: #eee;
    }
    .blog-article table th {
        background: #333;
        color: white;
        font-weight: bold;
    }
    .blog-article table td, .blog-article table th {
        padding: 6px;
        border: 1px solid #ccc;
        text-align: left;
    }



    .page-error{
        padding: 54px 0px 10px 0px;
    }
    .page-error .col-md-6{
        float: none;
        width: 240px;
        margin: 0px auto;
        text-align: left;
    }
    .page-error .col-md-6 h1{
        text-align: center;
        border-right: 0px;
    }
    .open-info-box .open-info {
        font-size: 13px;
        line-height: inherit;
    }
    .search-box-form{
        height: auto;
        margin-top: 53px;
    }
    .open-info-box{
        width: 100%;
        margin-right: 0;
    }
    .open-info-box a,
    .search-form{
        display: none;
    }
    .menu-section .menu-box{
        margin: 10px 0;
    }
    .menu-section .menu-box a {
        display: inline-block;
        width: 44%;
        height: calc(100vw * 0.44);
        padding: 0;
        margin: 1%;
    }
    .menu-section .menu-box a span {
        position: inherit;
        font-size: 16px;
    }
    .menu-section .menu-box a span {
        width: 80%;
        height: 50%;
        padding: 50% 10% 0 10%;
    }
    .news-box .news h3 a {
        font-size: 14px;
    }
    div.book-lead {
        height: 146px;
    }
    .book.col-lg-6 {
        padding: 25px 2%;
        width: 90%;
    }
    div.book-lead h3 a {
        font-size: 24px;
    }
    div.book-lead p {
        font-size: 16px;
    }
    .partners, .index .partners{
        display: none;
    }
    footer a.navbar-brand-footer img {
        height: 43px;
        padding-left: 20px;
    }
    footer h5,
    footer .address,
    footer ul.list-open,
    footer ul{
        padding-left: 20px;
    }
    footer .copyright{
        font-size: 14px;
        left: 20px;
    }
    .menu-section .menu-box a span {
        height: 60%;
        padding: 40% 10% 0 10%;
    }
    div.news-box .news h3 a {
        font-size: 12px;
    }
    .open-info-box .open-time {
        font-size: 24px;
        /* font-size: 12px; */

        /* line-height: 30px; */
    }
}
/* TABLES & MOBILE VIEW END*/
/* RESPONSIVE END */


.navbar img.logo.logo-small{
    display: none;
}

.navbar.small img.logo.logo{
    display: none;
}

.navbar.small #navbarKshk img.logo.logo-small{
    display: block;
    /* width: 80px; */
    height: 59px;
    width: auto;
}

.visibleOpacity {
    visibility: visible;
    opacity: 1;
    transition: opacity 1s;
    -moz-transition: opacity 1s;
    -webkit-transition: opacity 1s;
}

.cart-item-list .cart-item .info .quantity .minus,
.cart-item-list .cart-item .info .quantity .plus{
    margin-top:3px;
    color: #9c9e9f;
}

.blog-article table {
    /*width: 100%;*/
    border-collapse: collapse;
    table-layout: fixed;
    display: block;
    overflow: auto;
}
/* Zebra striping */
.blog-article table tr:nth-of-type(odd) {
    background: #eee;
}
.blog-article table th {
    background: #333;
    color: white;
    font-weight: bold;
}
.blog-article table td, .blog-article table th {
    padding: 6px;
    border: 1px solid #ccc;
    text-align: left;
}



/** intranet color */
body.intranet .tags a {
    color: #002c76;
}
body.intranet .blog-item .right a.btn-green {
    background: #002c76;
}
body.intranet .right-menu-box h2 span {
    background: #002c76;
}
body.intranet .right-menu-box .calendar h3.events {
    background: #002c76;
}
body.intranet #calTbody .a-date.current {
    border-color: #002c76;
}
body.intranet .right-menu-box a {
    color: #002c76;
}
body.intranet .blog-main h1 {
    background: #002c76;
}
body.intranet .book-box {
    background: #002c76;
}
body.intranet .blog-article .right h1 {
    background: #002c76;
}
body.intranet .users h1 {
    border-bottom: 2px solid #002c76;
}

body.intranet .user-item .user-info a.name {
    color: #002c76;
}
span.emailCloakHide {
    visibility: hidden;
}
span.emailCloakShow {
    visibility: visible;
}
.text-center {
    text-align: center;
}
.d-none {
    display: none;
}
.blog-section ul[style*="list-style-type:disc"] li,
.blog-section ul[style*="list-style-type:circle"] li,
.blog-section ul[style*="list-style-type:square"] li,
.blog-section ul li,
.book-section ul[style*="list-style-type:disc"] li,
.book-section ul[style*="list-style-type:circle"] li,
.book-section ul[style*="list-style-type:square"] li,
.book-section .description .long ul li
{
    list-style: none;
    position: relative;
    margin-left: 2rem;
}

.book-section ul.meta-info {
    max-width: 60%;
}
.book-section ul.meta-info li{
    margin-top: 3px;
}

.blog-section ul[style*="list-style-type:disc"] li::before,
.blog-section ul[style*="list-style-type:circle"] li::before,
.blog-section ul[style*="list-style-type:square"] li::before,
.blog-section .description .long ul li::before,
.book-section .description .long ul li::before,
.blog-section ul li::before
{
    color: #97c524;
    font-weight: bold;
    /* display: inline-block; */
    /* width: 1em; */
    /* margin-left: -1em; */
    /* padding-inline-start: 40px; */
    position: absolute;
    left: -1rem;
}
.blog-section ul[style*="list-style-type:circle"] li::before,
.book-section .description .long ul[style*="list-style-type:circle"] li::before
{
    content: "\25e6";
}
.blog-section ul[style*="list-style-type:square"] li::before,
.book-section .description .long ul[style*="list-style-type:square"] li::before
{
    content: "\25a0";
}
.blog-section ul[style*="list-style-type:disc"] li::before,
.blog-section ul li::before,
.book-section .description .long ul[style*="list-style-type:disc"] li::before,
.book-section .description .long ul li::before{
    content: "\2022";
}
em {
    font-style: italic !important;
}
.book-box .book-lead .lead2 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    margin: 10px 15px 0 15px;
}
.book-box .book-lead .btn.btn-blue {
    margin-top: 15px;
}

.cc-window:not(.cc-invisible) {
    opacity: 0.9;
}
input {
    font-family: 'MyriadPro-Light','MyriadPro-Regular', Arial;
}
::-webkit-input-placeholder {
    font-family: 'MyriadPro-Light','MyriadPro-Regular', Arial;
}
:-moz-placeholder {
    font-family: 'MyriadPro-Light','MyriadPro-Regular', Arial;
}
::-moz-placeholder {
    font-family: 'MyriadPro-Light','MyriadPro-Regular', Arial;
}
:-ms-input-placeholder {
    font-family: 'MyriadPro-Light','MyriadPro-Regular', Arial;
}

.olib-box {
    padding-top: 215px;
    margin-left: 2.5%;
    width: 100%;
}

#landing {
    background-image: url('/img/kozponti_statisztikai_hivatal.jpg');
    background-repeat: no-repeat;
    background-position: center 174px;
}

.book-promo {
    padding: 19px 0 19px 10px; 
    font-size: 36px; 
    color: #fff; 
    text-align: left;
    text-transform: uppercase;
}
.book-promo a {
    color: #fff;
}

.info-blue a {
    color: #fff;
}
.info-blue a:hover {
    color: #ddd;
}