@import 'https://fonts.googleapis.com/css?family=Assistant:200,300,400,600,700,800&subset=hebrew';

body{
    font-size: 16px;
    font-family: 'Assistant', sans-serif;
    background: #fff;
    direction: rtl;
    overflow-x: hidden;
}
a {
    color: #a21730;
    text-decoration: none;
}
.text a{
  text-decoration: underline;
}
.htabs a{
  text-decoration: none;
}
strong , b{
    font-family: 'Assistant', sans-serif;
}
.desktop{
    display: block;
}
.mobile{
    display: none;
}
.left{
    float:left;
}
.right{
    float:right;
}
.center{
    text-align:center;
}
.wide{
    width: 100%;
}
.half{
    width: 50%;
}
.pad {
    height: 40px;
    width: 100%;
    float: right;
}
.first {
    margin-right: 0 !important;
}
.last {
    margin-left: 0 !important;
}
.screenwrapper{
    width:100%;
    position:relative;
    float:right;
}
.overflow{
    overflow:hidden;
}
.gray{
    color:#777;
}
.blue{
    color:#a21730;
}

.red {
    color: #89303f;
}

body > .pagewrapper {

}
.pagewrapper{
    max-width: 1200px;
    width: 100%;
    margin:auto;
    position:relative;
}


.screenwrapper.desktop.header_wrapper {
    position: fixed;
    top: 0;
    z-index: 99;
}
#header {
    background: #fff none repeat scroll 0 0;
    box-shadow: 0 6px 19px -8px #999;
    height: 150px;
    position: relative;
    z-index: 1000;
}
body.top .desktop.header_wrapper {
    margin: 0;
    padding: 0;
    position: fixed;
    top: 0;
    z-index: 999;
}


#header > .pagewrapper {
    height: 100px;
}

#logo {
    bottom: 0;
    display: block;
    height: 66px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 453px;
    z-index: 99;
}
#small_logo {
    bottom: 0;
    display: none;
    height: 42px;
    left: 0;
    margin: 0 auto;
    position: absolute;
    top: 12px;
    width: 171px;
    z-index: 99;
}
.menu ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}
.menu li {
    float: right;
    margin: 0 9px;
}

.menu ul > li:first-child {
    margin-right: 0;
}

.menu ul > li:last-child {
    margin-left: 0;
}

.right.menu {
    position: absolute;
    top: 30px;
    right:0;
}
.left.menu {
    left: 0;
    position: absolute;
    top: 30px;
}



#menu_wrap.screenwrapper {
    border-top: 1px solid #e1e1e1;
    height: 50px;
    position: absolute;
    top: 100px;
}
#menu > ul {
    display: table;
    list-style: outside none none;
    margin: auto;
    padding: 0;
    width: 100%;
}
#menu > ul > li {
    display: table-cell;
    float: none;
    height: 50px;
    margin: 0;
    text-align: center;
    width: auto;
    -webkit-transition: all 500ms ;
       -moz-transition: all 500ms ;
         -o-transition: all 500ms ;
            transition: all 500ms ; /* custom */
}
#menu > ul > li > a {
  border-left: 1px solid #e1e1e1;
  color: #777;
  cursor: pointer;
  display: block;
  font-size: 19px;
  height: 49px;
  padding: 0 15px;
  line-height: 50px;
  margin: 0;
  text-decoration: none;
  width: auto;
    -webkit-transition: all 500ms ;
       -moz-transition: all 500ms ;
         -o-transition: all 500ms ;
            transition: all 500ms ; /* custom */
}
.top #menu > ul > li > a{
    padding: 0;
}
#menu > ul > li:first-child > a {
  border-right: 1px solid #e1e1e1;
}

#menu > ul li a img {
    bottom: 0;
    margin: auto;
    max-height: 30px;
    max-width: 30px;
    position: absolute;
    right: 10px;
    top: 0;
}
#menu a:hover, #menu li.selected a {
    color:#000;
}
#menu > ul > li:hover ,
#menu > ul > li.selected {
  background: url(../images/menu_li_bg.png) repeat-x 0 0 ;
}
#menu  > ul > li > a > span {
    color: #fff;
    display: inline-block;
    float: right;
    line-height: 18px;
    padding-top: 16px;
    text-align: left;
    width: 50px;
}
#menu ul li label {
    display: block;
    line-height: 20px;
    text-align: left;
}
#menu > ul ul {
 	 margin-left: 0;
    margin-top: 0px;
    padding: 0;
    position: absolute;
    display: none;

}
#menu > ul > li:hover > ul {
	display:block;
}
#menu > ul > li ul > li {
    border-bottom: 1px solid #d1d1d1;
    border-top: 1px solid #fff;
    float: none;
    height: 39px;
    list-style: outside none none;
    margin: 0;
    min-width: 180px;
    overflow: hidden;
    padding: 0;
    text-align: right;
    z-index: 999;
    position: relative;
}


#menu > ul > li ul > li > a {
    background: rgba(255, 255, 255, 0.7) none repeat scroll 0 0;
    border-radius: 0;
    color: #a21730;
    cursor: pointer;
    display: block;
    font-size: 18px;
    height: 45px;
    line-height: 45px;
    padding: 0 10px;
    text-decoration: none;
    width: auto;
}
#menu > ul > li ul > li > a:hover {
    background: rgba(162, 23, 48, 0.7) none repeat scroll 0 0;
    color: #fff;
}
#menu > ul > li ul > li > a.img {
    padding-right: 50px;
}
#menu > ul > li ul > li > a.img span{
}
#menu > ul > li ul > li:first-child {
    border-top: 0 none !important;
}
#menu > ul > li ul > li:last-child {
    border-bottom: 0 none !important;
}


body.top #header {
    background: #fff none repeat scroll 0 0;
    height: 69px;
    position: fixed;
    top: 0;
}
body.top #logo {
    display:none;
}
body.top #small_logo {
    display:block;
}
body.top .menu {
  display: none;
}


body.top #menu.menu {
    display: block;
}
body.top #menu_wrap.screenwrapper {
    border: 0 none;
    top: 9px;
}
body.top #menu > ul {
    float: right;
    width: calc(100% - 200px);
}
body.top #menu > ul > li > a {
    font-size: 18px;
    border:0px;
}
body.top #menu > ul > li:hover ,
body.top #menu > ul > li.selected {
  background: none ;
}





















#cart_head {
    float: right;
    height: 80px;
    line-height: 80px;
    padding: 0 15px;
    width: auto;
    font-size: 20px;
}


.lang_menu {
    background: rgba(0, 0, 0, 0) url("../images/select_lang_bg.png") no-repeat scroll right center;
    border: 1px solid #ebebeb;
    border-radius: 4px;
    cursor: pointer;
    direction: ltr;
    height: 33px;
    margin-top: 13px;
    overflow: hidden;
    width: 111px;
}
.lang_menu select {
    background: none;
    border: 0 none;
    color: #777777;
    height: 31px;
    padding-left: 4px;
    text-align: left;
    width: 127px;
     cursor: pointer;
}

#menu_icons {
    position: relative;
    margin-top: 20px;
}
#menu_icons ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
    direction:ltr;
}
#menu_icons li {
    display: inline-block;
}
#menu_icons li:hover{
    opacity: 0.8;
}

#main {
    margin-bottom: 0px;
    margin-top: 0;
}
#main > div {
    background: #fff none repeat scroll 0 0;
    position: relative;
    z-index: 20;
    float: right;
}

/************* RotateBanner **************/

.banners_warp > div {
    border: 1px solid #fff;
    float: left;
    width: 25%;
}
.rotateBanner {
    overflow: hidden;
    position: relative;
    width: 100%;
    height: auto !important;
}
.rotateBanner > .inBanner first-child{
     opacity: 1;
}
.inBanner {
    background-size: cover !important;
    position: relative;
    width: 100%;
    opacity: 0;
}
.rotateBanner > .inBanner:first-child {
    opacity: 1;
}
.inBanner.current {
   /*position: relative;*/
}
.inBanner > img {
	position: relative;
}

.rotateBanner > .inBanner{
  height: auto !important;

}


.banner_button {
    background: url("../images/banner_buttons_bg.png") no-repeat scroll 0 0;
    bottom: 14px;
    height: 56px;
    right: 30px;
    padding: 14px 13px 14px 11px;
    position: absolute;
    width: 84px;
    z-index: 50;
}
.banner_button > a {
    display: inline-block;
    height: 28px;
    width: 28px;
	 cursor: pointer;
}
.banner_button > a:hover {
	opacity:0.7;
}
.banner_button > a.prev {
    background: url(../images/banner_next.png) no-repeat;
}
.banner_button > a.next {
    background: url(../images/banner_prev.png) no-repeat;
}

.rotateBanner .arrow {
    bottom: 240px;
    height: 1px;
    right: 0;
    position: absolute;
    width: 100%;
    z-index: 999;
}
.rotateBanner .arrow > span {
    background: url("../images/scroll_button.png") no-repeat scroll 0 0;
    display: block;
    height: 48px;
    margin: auto;
    position: relative;
    width: 48px;
}


.inBanner > .banner_text {
    position: absolute;
    text-align: center;
    top: 50%;
    width: 100%;
    z-index: 10;
}


.banner_text > div {
    margin: auto;
    width: 100%;
}
.banner_text > div {
    text-align: center;
    color: #fff;
}


.banner_text .txt {
    font-size: 64px;
    font-weight: 900;
    line-height: 68px;
    text-shadow: 0 0 2px #000;
}
.banner_text .title {
    color: #fff;
    font-size: 26px;
    font-weight: 300;
}
.banner_text .title h2 {
    font-size: 60px;
    font-weight: normal;
    line-height: 80px;
    text-shadow: 0 0 2px #000;
}

.banner_text > a.read_more {
    border: 2px solid #fff;
    border-radius: 4px;
    color: #fff;
    display: block;
    font-size: 18px;
    height: 40px;
    line-height: 39px;
    margin: 20px auto auto;
    width: 144px;
}

.banner_text > a:hover {
    background: #fff;
    color:#fff;
}

.rotateBanner.video {
    height: calc(0.42 * 100vw);
    width: 100vw;
}

.player.inBanner.current {
    height: calc(0.42 * 100vw);
    width: calc(100vw + 20px);
    left: -10px;
}

.player.inBanner .banner_loading {
    position: relative;
    width: 100%;
    height: 100%;
    background-size: cover !important;
    background-position: center center !important;
    z-index: -1;
    opacity: 1 !important;
}


.Flickerblocks .player.inBanner .banner_loading {
    z-index: 1;
}

.Flickerblocks .player .playerBox {
    z-index: 0 !important;
    opacity: 0 !important;
}


/****************************************/
.screenwrapper.welcome_wrap {
    padding-top: 30px;
    z-index: 999;
    background-color: #fff;
}
.welcome{
    overflow: hidden;
}

.welcome.col.right > .w_box:last-child ,

.welcome.col.left > .w_box {
    height: 285px;

    padding:25px 20px 0 35px;

}

.welcome.col.right > .w_box:last-child > div,
.welcome.col.left > .w_box > div {
    bottom: auto;
    left: auto;
    position: relative;
    right: auto;
    text-align: right;
    top: auto;
}
/* .welcome.col.right > .w_box:last-child .text *,
.welcome.col.left > .w_box .text *{
    color:#777 !important;
} */
.welcome.col.right > .w_box:last-child .readmore,
.welcome.col.left > .w_box .readmore{
    display:block;
}

.welcome > .w_box:nth-child(2n+1) * {
  color:#fff;
}
.welcome > .w_box:nth-child(2n) * {
  color:#fff;
}
.welcome > .w_box {
	-webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    transition: all 500ms ease;
    opacity: 1;
    height: 600px;
    width: 585px;
    float: right;
    margin-bottom:30px;
    position: relative;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
}
.welcome > .w_box.news_slider {
	-webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    transition: all 500ms ease;
    opacity: 1;
    height: 600px;
    width: 585px;
    float: right;
    margin-bottom:30px;
    position: relative;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
}
.welcome.left > .w_box {
    float: left;
}
.welcome > .w_box:hover {
    box-shadow: 0px 0px 3px #333;
    opacity: 0.85;
}
.welcome .w_box > div {
    bottom: 0;
    height: 214px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    width: 390px;
}
.welcome > .w_box h2, .welcome > .w_box .h2 {
    border-bottom: 1px solid;
    display: inline-block;
    font-size: 40px;
    font-weight: normal;
    margin-bottom: 10px;
    padding-bottom: 20px;
    line-height: 1;
}
.welcome > .w_box .text {
    float: right;
    line-height: 23px;
    padding: 0;
    width: 100%;
    margin-bottom: 10px;
}
.welcome > .w_box .text * {
    line-height: 24px;
}

.welcome .w_box a.readmore {
    border: 1px solid;
    border-radius: 4px;
    display: none;
    float: right;
    height: 32px;
    line-height: 30px;
    text-align: center;
    width: 86px;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    transition: all 500ms ease;
}

.welcome .w_box a.readmore:hover {
  background: #fff;
  color:#000;
}


.welcome .w_box.branches_slider > div , .welcome .w_box.news_slider > div {
    height: 100%;
    width: 100%;
}

.welcome > .w_box.branches_slider * , .welcome > .w_box.news_slider * {
    color: #fff;
}
.branches_slider .bx_banner , .news_slider .bx_banner {
    margin: 0;
    padding: 0;
}
.branches_slider .m_box > .title > a , .news_slider .m_box > .title > a {
    direction: rtl;
    display: block;
}
.branches_slider .bx-controls , .news_slider .bx-controls {
    bottom: 0;
    height: 1px;
    margin: auto;
    position: absolute;
    top: 0;
    width: 100%;
}
.branches_slider .bx-prev, .news_slider .bx-prev {
    display: block;
    font-size: 68px;
    position: absolute;
    right: 22px;
    top: -34px;
}
.branches_slider .bx-next , .news_slider .bx-next {
    display: block;
    font-size: 68px;
    position: absolute;
    left: 22px;
    top: -34px;
}
.branches_slider .bx-prev:hover , .branches_slider .bx-next:hover ,
.news_slider .bx-prev:hover , .news_slider .bx-next:hover{
    text-shadow:0px 0px 2px #333;
    opacity: 0.8;
}

.welcome .news_slider > div {
    bottom: 0;
    height: 214px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    width: 390px;
}

.news_slider .m_box.branches .title {
    width: 70%;
    height: 300px;
}
.news_slider .m_box.branches .title h2{
    line-height: 34px;
}

.welcome.row_2 {
    border: 10px solid #777;
    height: 390px;
}
.welcome.row_2:hover{
border-color: #777;
}
.welcome.row_2 > .w_box {
    border: 20px solid #fff;
    box-sizing: border-box;
    height: 100%;
    margin: 0;
    width: 100%;
}

.welcome.row_2 > .w_box .text {
    height: 100%;
    left: 0;
    padding: 30px;
    right: auto;
    text-align: justify;
    width: 53%;
}


.welcome.row_3 .text {
    padding: 30px 0;
    text-align: center;
}



.bx_banner li {
    text-align: center;
}
.bx_banner li > img {
    max-height: 100%;
    max-width: 100%;
    width: auto !important;
}









#reg_to_newsletter .text {
    text-align: center;
}

#reg_to_newsletter .pagewrapper > span {
    background: rgba(0, 0, 0, 0) url("../images/newsletter_bg.png") no-repeat scroll 0 0;
    display: block;
    height: 52px;
    margin: 50px auto 40px;
    width: 58px;
}

#reg_to_newsletter .text .gray {
    color: #777;
    font-size: 19px;
    font-weight: 500;
}

#reg_to_newsletter .text .blue {
    font-size: 30px;
    line-height: 32px;
}


#reg_to_newsletter {
    background: rgba(0, 0, 0, 0) url("../images/newsletter.png") no-repeat scroll 0 0;
    float: right;
    height: 248px;
    margin-top: 60px;
    padding: 30px;
    width: 258px;
}
#reg_to_newsletter input#newsletter_email {
    background: #e2e2e2 none repeat scroll 0 0;
    border: 0 none;
    color: #666;
    float: right;
    font-size: 18px;
    height: 34px;
    text-align: center;
    width: 100%;
    margin-top: 4px;
    border-radius: 6px;
    border-top:1px solid #c1c1c1;
    border-left:1px solid #c1c1c1;
}

#reg_to_newsletter div#newsletter_cbx {
    float: right;
    font-size: 16px;
    height: 40px;
    line-height: 14px;
    margin-top: 16px;
    width: 204px;
}
#reg_to_newsletter  span.chackbox {
    background: rgba(0, 0, 0, 0) url("../images/cbx_bg.png") no-repeat ;
    cursor: pointer;
    display: block;
    float: right;
    height: 23px;
    margin: 0px 0px 13px 10px;
    width: 23px;
}


#newsletter_cbx > span.chack {
    background-position: 0 0 !important;
}
#newsletter_cbx > span.unchack {
    background-position: 0px -23px !important;
}

#newsletter_cbx > div {
    font-size: 12px;
    margin: 0;
}

#newsletter_wrap > div#send_reg {
    color: #fff;
    float: left;
    text-align: center;
    width: 41px;
}




.p_box {
    background: #fff none repeat scroll 0 0;
    box-shadow: -3px 3px 10px -6px #999 inset;
    float: right;
    height: 348px;
    margin: 0 0px 4px;
    overflow: visible;;
    position: relative;
    width: 200px;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}
.p_box:hover{
    box-shadow: 0 0 15px -1px #a9a9a9;
    z-index: 10;

}
.p_box:hover .buttons{
    border-bottom: 3px solid #89303f;
}


.p_box .ribbon {
  position: absolute;
  left: -3px; top: -3px;
  z-index: 1;
  overflow: hidden;
  width: 100px; height: 100px;
  text-align: right;
}
.p_box .ribbon span {
    background: rgba(0, 0, 0, 0) linear-gradient(#89303f 0%, #ab3c4f 100%) repeat scroll 0 0;
    box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
    color: #fff;
    display: block;
    font-family: 'Assistant', sans-serif;
    font-size: 23px;
    font-weight: bold;
    left: -32px;
    line-height: 31px;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    top: 18px;
    transform: rotate(-45deg);
    width: 130px;
}
.p_box .ribbon span::before {
  content: "";
  position: absolute; left: 0px; top: 100%;
  z-index: -1;
  border-left: 3px solid #AB3C4F;
  border-right: 3px solid transparent;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #AB3C4F;
}
.p_box .ribbon span::after {
  content: "";
  position: absolute; right: 0px; top: 100%;
  z-index: -1;
  border-left: 3px solid transparent;
  border-right: 3px solid #AB3C4F;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #AB3C4F;
}



.p_box  .sold_out_ribbon {
  position: absolute;
  left: -3px; top: -3px;
  z-index: 1;
  overflow: hidden;
  width: 140px; height: 140px;
  text-align: right;
}
.p_box .sold_out_ribbon span {
    background: rgba(0, 0, 0, 0) linear-gradient(#999 0%, #aeaeae 100%) repeat scroll 0 0;
    box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
    color: #fff;
    display: block;
    font-family: 'Assistant', sans-serif;
    font-size: 20px;
    font-weight: bold;
    left: -40px;
    line-height: 31px;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    top: 43px;
    transform: rotate(-45deg);
    width: 197px;
}
.p_box  .sold_out_ribbon span::before {
  content: "";
  position: absolute; left: 0px; top: 100%;
  z-index: -1;
  border-left: 3px solid #111;
  border-right: 3px solid transparent;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #111;
}
.p_box  .sold_out_ribbon span::after {
  content: "";
  position: absolute; right: 0px; top: 100%;
  z-index: -1;
  border-left: 3px solid transparent;
  border-right: 3px solid #111;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #111;
}

.p_box .img {
    height: 216px;
    margin: auto;
    position: relative;
    width: 194px;
}
.p_box .img img {
  bottom: 0;
  left: 0;
  margin: auto;
  max-height: 98%;
  position: absolute;
  right: 0;
  top: 0;
  max-width: 100%;
}
.p_box .title {
    color: #000;
    font-size: 16px;
    height: 38px;
    text-align: center;
    width: 98%;
}
.p_box .price {
    font-size: 20px;
    font-weight: 600;
    margin-top: 10px;
    text-align: center;
    width: 98%;
}

.price .red{
  margin-right:5px !important;
}

.p_box .buttons {
    bottom: 0;
    height: 47px;
    margin-top: 5px;
    position: absolute;
    width: 98%;
}
.p_box .buttons .add {
    background: url(../images/cart_icon.png) no-repeat center center;
    display: block;
    height: 25px;
    margin: auto;
    width: 23px;
    cursor: pointer;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

.p_box .buttons:hover .add {
    background-size: 100% auto;
}








.item_quantity > select , .addons_groups_warp > select {
    background: #e2e2e2 url("../images/drop_arrow.png") no-repeat scroll 25px center;
    border: 0 none;
    color: #777;
    cursor: pointer;
    font-family: "Assistant";
    font-size: 19px;
    height: 40px;
    padding-right: 15px;
    width: 333px;
}
.item_quantity , .addons_groups_warp {
    border-top: 1px solid #c1c1c1;
    border-left: 1px solid #c1c1c1;
    border-radius: 6px;
    height: 40px;
    margin: 20px 0;
    overflow: hidden;
    width: 308px;
}
.addons_groups_warp {
    display: none;
}


.product_page > div {
    border-left: 1px solid #dedede;
    float: left;
    position: relative;
}



.item_right {
    font-size: 18px;
    padding: 50px 0px;
}


.item_right .item_text {
    width: 100%;
}

.item_text > div {
    padding: 0 40px;
    width: calc(100% + 40px);
    padding-left: 80px;
}

.item_text ul {
    padding: 0;
}


.item_prices {
    height: auto;
    padding: 0 40px;
}
.price.small {
    font-size: 18px;
    font-weight: normal;
}

.old_price {
    color: #777;
    font-size: 15px;
    text-decoration: line-through;
}
.price {
    font-weight: 900;
    font-size: 21px;
}


.item_right > div#addToCartBtn {
    background: rgba(0, 0, 0, 0) url("../images/addToCartBtn.png") no-repeat scroll 0 0;
    border-radius: 2px;
    float: right;
    height: 55px;
    margin: 16px 40px 0 0;
    overflow: hidden;
    width: 190px;
}
.item_right > div#addToCartBtn:hover {
    box-shadow: 0 0 5px;
}

#addToCartBtn .addToCart {
    color: #fff;
    cursor: pointer;
    display: block;
    font-size: 25px;
    line-height: 52px;
    padding-right: 63px;
    text-shadow: 0 0 1px #000;
}


.item_right > div#addToCartBtn.sold_out {
    opacity: 0.4;
}
.item_right > div#addToCartBtn.sold_out .addToCart {
    cursor: none;
}

.item_right .secure {
    background: rgba(0, 0, 0, 0) url("../images/secure.png") no-repeat scroll 0 0;
    cursor: pointer;
    display: block;
    float: left;
    height: 29px;
    margin: 29px 0px 0 40px;
    width: 87px;
}

#left_col h2 {
    float: right;
    height: 80px;
    line-height: 80px;
    padding-right: 40px;
    width: 100%;
}



.serial_number {
    margin-top: 20px;
    padding: 0 40px;
}
.item_addons {
    padding: 50px 40px;
}

.item_addons h2 {
    font-size: 26px;
    font-weight: 600;
}
.smallImages {
    width: 100%;
}
.smallImages > ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
    width: 100%;
}

.smallImages li {
  background-position: center center !important;
  box-shadow: 0px 0px 1px #999;
  float: right;
  height: 50px;
  margin: 3px;
  padding: 0;
  position: relative;
  width: 50px;
  cursor: pointer;
  margin-right: -26px;
  background-size:100% auto !important;
}
.smallImages li:hover {
    box-shadow: 0px 0px 2px #666;
}
.smallImages li:nth-child(10n+1) {
}
.smallImages img {
    bottom: 0;
    cursor: pointer;
    height: auto;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 76px;
    box-shadow: 0 0 3px #787878;
}

.smallImages li:hover {
    box-shadow: 1 1 3px #787878;
}

.product_page{
  border-bottom: 1px solid #dedede;
}

.product_page > div {
    border-left: 1px solid #dedede;
    float: left;
    position: relative;
}

.product_page > div.item_addons{
  width:6%;
}
.product_page > div.item_left{
  width:50%;
}
.product_page > div.item_right{
  width:50%;
  border-right:1px solid #dedede;
}

.hidden_text{
  display: none;
}

.item_left > div {
    height: 440px;
    position: relative;
    width: 100%;
}
.item_left img.main_img {
    bottom: 0;
    left: 0;
    margin: auto;
    max-height: 100%;
    max-width: 100%;
    position: absolute;
    right: 0;
    top: 0;
}



.main_image {
    height: 100%;
    width: 100%;
}
.main.main_link {
    display: block;
    height: 100%;
    position: relative;
    width: 100%;
}

.main_image  .ribbon {
  position: absolute;
  left: -3px; top: -3px;
  z-index: 1;
  overflow: hidden;
  width: 100px; height: 100px;
  text-align: right;
}
.main_image  .ribbon span {
    background: rgba(0, 0, 0, 0) linear-gradient(#89303f 0%, #ab3c4f 100%) repeat scroll 0 0;
    box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
    color: #fff;
    display: block;
    font-family: 'Assistant', sans-serif;
    font-size: 20px;
    font-weight: bold;
    left: -32px;
    line-height: 31px;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    top: 18px;
    transform: rotate(-45deg);
    width: 130px;
}
.main_image  .ribbon span::before {
  content: "";
  position: absolute; left: 0px; top: 100%;
  z-index: -1;
  border-left: 3px solid #AB3C4F;
  border-right: 3px solid transparent;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #AB3C4F;
}
.main_image  .ribbon span::after {
  content: "";
  position: absolute; right: 0px; top: 100%;
  z-index: -1;
  border-left: 3px solid transparent;
  border-right: 3px solid #AB3C4F;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #AB3C4F;
}


.main_image  .sold_out_ribbon {
  position: absolute;
  left: -3px; top: -3px;
  z-index: 1;
  overflow: hidden;
  width: 140px; height: 140px;
  text-align: right;
}
.main_image .sold_out_ribbon span {
    background: rgba(0, 0, 0, 0) linear-gradient(#999 0%, #aeaeae 100%) repeat scroll 0 0;
    box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
    color: #fff;
    display: block;
    font-family: 'Assistant', sans-serif;
    font-size: 20px;
    font-weight: bold;
    left: -40px;
    line-height: 31px;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    top: 43px;
    transform: rotate(-45deg);
    width: 197px;
}
.main_image  .sold_out_ribbon span::before {
  content: "";
  position: absolute; left: 0px; top: 100%;
  z-index: -1;
  border-left: 3px solid #111;
  border-right: 3px solid transparent;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #111;
}
.main_image  .sold_out_ribbon span::after {
  content: "";
  position: absolute; right: 0px; top: 100%;
  z-index: -1;
  border-left: 3px solid transparent;
  border-right: 3px solid #111;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #111;
}


.zoom {
    background: rgba(0, 0, 0, 0) url("../images/zoom.png") no-repeat scroll 0 0;
    bottom: 0;
    height: 40px;
    left: 0;
    position: absolute;
    width: 40px;
}


.item_addons > div.texture {
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-size: auto auto !important;
    bottom: 30px;
    height: 200px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    width: 200px;
}

h2.related {
    display: block;
    float: right;
    font-weight: 600;
    height: 70px;
    line-height: 70px;
    padding: 0 40px;
    width: 100%;
}



.send_btn {
    background: #89303f none repeat scroll 0 0;
    border: 2px solid;
    border-radius: 6px;
    box-shadow: 0 0 3px #333;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    float: left;
    font-family: "Assistant",sans-serif;
    font-size: 17px;
    height: 52px;
    line-height: 52px;
    margin-right: 10px;
    min-width: 100px;
    padding: 0 10px;
    position: relative;
    text-align: center;
    text-decoration: none;
    text-indent: 0;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    transition: all 500ms ease;
}
.alert .send_btn{
    width: 48%;
    margin: 10px 1%;
}
.send_btn.purple {
    background: #38285b none repeat scroll 0 0;
    color: #fff;
}
.send_btn.black {
    background: #000 none repeat scroll 0 0;
    color: #fff;
}

.send_btn.purple:hover {
    background: #fff none repeat scroll 0 0;
    color: #38285b;
}
.send_btn.black:hover {
    background: #fff none repeat scroll 0 0;
    color: #000;
}









.alert #send_btn {
    background: #a21730 none repeat scroll 0 0;
    color: #fff;
    cursor: pointer;
    display: block;
    font-size: 20px;
    font-weight: normal;
    height: 32px;
    line-height: 32px;
    margin: 0;
    max-height: 100%;
    padding: 0;
    position: relative;
    text-align: center;
    text-decoration: none;
    width: 100%;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}
.alert #send_btn:hover {
    background: #000 none repeat scroll 0 0;
}

.blueBtn{
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1e3783), color-stop(1, #1f2c52) );
    background:-moz-linear-gradient( center top, #1e3783 5%, #1f2c52 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e3783', endColorstr='#1f2c52');
    background-color:#1e3783;
    -webkit-border-top-left-radius:6px;
    -moz-border-radius-topleft:6px;
    border-top-left-radius:6px;
    -webkit-border-top-right-radius:6px;
    -moz-border-radius-topright:6px;
    border-top-right-radius:6px;
    -webkit-border-bottom-right-radius:6px;
    -moz-border-radius-bottomright:6px;
    border-bottom-right-radius:6px;
    -webkit-border-bottom-left-radius:6px;
    -moz-border-radius-bottomleft:6px;
    border-bottom-left-radius:6px;
    text-indent:0;
    border:1px solid #1f2c52;
    display:inline-block;
    color:#ffffff;
    font-family: 'Assistant', sans-serif;
    font-size:15px;
    font-weight:bold;
    font-style:normal;
    height:40px;
    line-height:40px;
    width:100px;
    text-decoration:none;
    text-align:center;
    text-shadow:1px 1px 0px #1f2c52;
    margin-top:8px;
}
.blueBtn:hover {
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1f2c52), color-stop(1, #1e3783) );
    background:-moz-linear-gradient( center top, #1f2c52 5%, #1e3783 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1f2c52', endColorstr='#1e3783');
    background-color:#1f2c52;
}
.blueBtn:active {
    position:relative;
    top:1px;
}




.cart_content {
    overflow: hidden;
    padding: 50px 40px;
    width: 100%;
}
.row_cart_table {
    display: table;
    width: 100%;
}

.row_cart_table:nth-child(2n-1) {
    background: #edcece none repeat scroll 0 0;
}
.cart_table > .row_cart_table:first-child {
    background: rgba(0, 0, 0, 0) url("../images/breadcrumb.jpg") repeat-x scroll 0 0 / 100% 100%;
}

.cart_table > .row_cart_table:first-child > span {
    color: #a21730;
    font-family: "Assistant";
    height: auto;
    line-height: 30px;
    text-align: center;
}

.row_cart_table > span {
    display: table-cell;
    height: 40px;
    line-height: 32px;
    overflow: hidden;
    position: relative;
    text-align: center;
    width: 16.6%;
}
.row_cart_table > span:first-child {
    padding-left: 10px;
    width: 22%;

}

.row_cart_table > span.title > a {
    font-weight: 700;
     color: #a21730;
}
.row_cart_table > span:last-child {
    width: 5%;
}


.row_cart_table > span.image > img {
    bottom: 0;
    height: auto;
    left: 0;
    margin: auto;
    max-width: 90%;
    position: absolute;
    right: 0;
    top: 0;
    width: 80px;
}
.row_cart_table > span.remove a img {
    vertical-align: -18px;
    margin-left: 5px;

}

.co_table > div {
    float: right;
    overflow: hidden;
    width: 100%;
}
.co_table > div > div {
    float: right;
    overflow: hidden;
    width: 100%;
}
.co_table > div > div.half {
    float: right;
    overflow: hidden;
    width: 50%;
}



textarea.co_input {
    font-family: "Assistant",sans-serif;
    font-size: 14px;
    height: 104px;
    margin: 20px 120px;
    max-width: 802px;
    padding: 4px 10px;
    text-align: right;
    width: 80%;
}







.articles .item_image img {
    height: auto;
    margin: 0 7%;
    width: 86%;
}

.articles.m_box {
    box-shadow: 0 0 3px #333;
    margin: 20px 0;
    overflow: hidden;
    padding: 10px;
}
.articles.m_box .item_title > a {
    color: #a21730;
    font-weight: 700;
}
.articles .item_image {
    float: right;
    height: 20px;
    width: 120px;
}
.articles .item_details {
    float: left;
    width: calc(100% - 130px);
}

span.error {
    color: #f00;
}
.co_input {
    background: #e2e2e2 none repeat scroll 0 0;
    border: 0 none;
    color: #666;
    float: right;
    font-size: 18px;
    height: 34px;
    text-align: center;
    width: 271px;
    margin-top: 4px;
    border-radius: 6px;
    border-top:1px solid #c1c1c1;
    border-left:1px solid #c1c1c1;
}

.co_input.error {
    background: #f4b5b5 none repeat scroll 0 0;
}

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

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #555;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #555;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #555;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #555;
}

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

#search {
    float: right;
    padding: 0;
    position: relative;
    width: 306px;
}

.search_wrap {
    box-sizing: border-box;
    float: right;
    height: 40px;
    margin: 20px 0;
    padding: 0;
}

#search ::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #fff;
}
#search :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #fff;
   opacity:  1;
}
#search ::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #fff;
   opacity:  1;
}
#search :-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #fff;
}
#search > input {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border-color: rgba(255, 255, 255, 0.75);
    border-style: solid;
    border-width: 0 0 1px 0 ;
    color: #fff;
    float: right;
    height: 40px;
    padding: 0 40px 0 5px;
    width: 100%;
}
#search .searchBtn {
    color: #fff;
    float: right;
    font-size: 19px;
    height: 40px;
    line-height: 40px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    width: 22px;
}
body.top #search .searchBtn{
    color: #777;
}
body.top #search > input{
    color: #777;
    border-color: #777;
}
body.top #search ::-webkit-input-placeholder {
    color:    #777;
}
body.top #search :-moz-placeholder {
   color:    #777;
   opacity:  1;
}
body.top #search ::-moz-placeholder {
   color:    #777;
   opacity:  1;
}
body.top #search :-ms-input-placeholder {
   color:    #777;
}


#search_res {
    position: absolute;
    top: 61px;
    width: 306px;
    z-index: 9999;
}
#search_res > div {
    background: rgba(255,255,255,0.85);
    border: 1px solid #999999;
    cursor: pointer;
    display: block;
    height: 48px;
    margin: 0;
    overflow: hidden;
    width: 100%;
}
#search_res > div:hover {
    background: rgba(137,48,63,0.75);
    border: 1px solid #ffffff;
    color:#fff;
}
#search_res img {
    height: 40px;
    width: 45px;
}

#search_res .img {
    float: right;
    height: 39px;
    margin: 3px 3px 2px;
    width: 51px;
}
#search_res .res {
    float: right;
    line-height: 43px;
    width: 181px;
}
.removeRes {
    background: #000 none repeat scroll 0 0;
    border-radius: 14px;
    box-shadow: 0 0 3px #000;
    color: #fff;
    cursor: pointer;
    display: none;
    font-size: 21px;
    font-weight: bold;
    height: 24px;
    left: 0;
    line-height: 19px;
    position: absolute;
    text-align: center;
    top: 29px;
    width: 24px;
    z-index: 9999;
}





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



.social {
    border-top: 1px solid #ededed;
    bottom: 0;
    display: table;
    padding: 20px 0;
    position: absolute;
    width: 100%;
}
.social_div {
    direction: ltr;
    display: table-cell;
    text-align: center;
}

#sendToFriend {
    background: rgba(0, 0, 0, 0) url("../images/send_to_friend.png") no-repeat scroll right center;
    color: #000000;
    cursor: pointer;
    display: block;
    float: left;
    height: 29px;
    line-height: 69px;
    padding-right: 30px;
    width: 140px;
}
#printBtn {
    background: rgba(0, 0, 0, 0) url("../images/print_icon.png") no-repeat scroll right center;
    cursor: pointer;
    display: block;
    height: 70px;
    width: 120px;
    line-height: 69px;
    padding-right: 30px;
    color: #003975;
}




#side_lid {
    float: right;
    margin: 0 0 0 0;
    padding: 10px 20px 60px;
    position: relative;
    width: 100%;
}

#side_lid #form_wrap {
    margin-top: 30px;
    width: 100%;
}

#side_lid .input_wrap.textInp {
    float: right;
    width: 100%;
}
#side_lid #form_wrap .input_wrap.textAreaInp {
    float: right;
    width: 100%;
}

#side_lid #form_wrap .input_wrap.submit {
    float: right;
    margin-top: 10px;
    width: 190px;
}
#side_lid .input_wrap.textInp > input {
    border: 1px solid #d5d5d5;
    height: 34px;
    margin: 3px 0;
    padding: 0 4px;
    width: 178px;
}

#side_lid #form_wrap .textAreaInp textarea {
    border: 1px solid #d5d5d5;
    height: 87px;
    width: 184px;
}


#side_lid #form_wrap div#txt_bottom {
     display: none;
}


#side_image {
    background:  url("../images/side_image.png") no-repeat scroll 0 0;
    height: 296px;
    position: relative;
    right: -100px;
    width: 127px;
    z-index: 120;
}









.article_box {
    float: right;
    font-size: 13px;
    height: 380px;
    margin: 10px;
    overflow: hidden;
    width: 320px;
}
#p_right .article_box {
    width: 300px;
    height: 400px;
}
.article_box .item_image {
    border-radius: 8px;
    box-shadow: 0 0 3px #555;
    float: right;
    height: 200px;
    overflow: hidden;
    width: 100%;
}
.article_box .item_image > a > img {
    height: 100%;
    width: 100%;
}
.article_box .item_title {
    float: right;
    height: 48px;
    padding: 0 10px;
    width: 100%;
    position: relative;
}
.article_box .item_title > a {
    color: #684b2c;
    display: block;
    font-size: 16px;
   font-weight: 700;
    height: 100%;
    line-height: 48px;
    text-decoration: none;
    width: 100%;
}
.article_box .item_summery {
    color: #555555;
    display: block;
    float: right;
    height: 90px;
    padding: 10px;
    width: 100%;
}

#p_right .article_box .item_summery {
    height: 108px;
}
.article_box .item_link {
    color: #555555;
    height:100px;
    padding: 0 10px;
    width: 100%;
    display: block;
}
.article_box .item_link a{
    background: none repeat scroll 0 0 #152868;
    border-radius: 5px;
    color: #fff;
    display: inline-block;
    font-size: 16px;
    margin-left: 10px;
    padding: 6px 10px;
}




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


h1 {
    border-bottom: 1px solid #dedede;
    color: #a21730;
    float: right;
    font-size: 30px;
    font-weight: 400;
    height: 93px;
    line-height: 93px;
    padding-right: 40px;
    text-align: right;
    width: 100%;
}
.welcome > .w_box h1 {
    height: auto;
    padding: 0;
    border: 0;
    font-weight: bold;
    font-size: 18px;
    margin-bottom: 10px;
}

.breadcrumb {
  padding: 0;
  background: rgba(0, 0, 0, 0) url(../images/breadcrumb.jpg) repeat-x scroll 0 bottom;
  color: #777;
  float: right;
  height: 29px;
  line-height: 29px;
  padding-right: 40px;
  width: 100%;
  clear: both;
  float: none;
  margin-bottom: -1px;
}
.breadcrumb > a {
    color: #777;
}
.breadcrumb > a.current {
    color: #a21730;
}


/* Content
-----------------------------------------------------------------------------*/
#top_banner {
    background-size: auto 100% !important;
    box-shadow: 0 0 5px #999;
    height: auto;
    margin-top: 0;
    width: 100%;
}

#top_banner > img {
    height: auto;
    width: 100%;
    display: flex;
}

#top_banner .logo {
    bottom: 0;
    color: #fff;
    height: 100px;
    margin: auto;
    position: absolute;
    right: calc((100vw - 1200px) / 2);
    text-align: center;
    top: 0;
    line-height: 40px;
    width: auto;
}


#left_col {
    float: left;
    position: relative;
    width: calc(100% - 270px);
}
#left_col.wide {
    width: 100%;
}

#right_col {
    float: right;
    width: 270px;
    background: rgb(230,230,230); /* Old browsers */
    background: -moz-linear-gradient(left,  rgba(230,230,230,1) 0%, rgba(238,238,238,1) 15%, rgba(245,245,245,1) 63%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  rgba(230,230,230,1) 0%,rgba(238,238,238,1) 15%,rgba(245,245,245,1) 63%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  rgba(230,230,230,1) 0%,rgba(238,238,238,1) 15%,rgba(245,245,245,1) 63%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6e6e6', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
}
#right_col .right_div {
    background: #fff;
    border-radius: 3px;
    box-shadow: -3px 2px 16px -5px #a1a1a1;
    float: right;
    margin: 43px 16px 0;
    overflow: hidden;
    position: relative;
    width: 234px;
}
#right_col .right_div > a {
    background: #fff none repeat scroll 0 0;
    border-bottom: 1px solid #e1e1e1;
    border-top: 1px solid #fff;
    color: #555;
    display: block;
    font-size: 16px;
    line-height: 48px;
    padding-right: 10px;
    position: relative;
    width: 100%;
    z-index: 3;
}



#right_col .right_div > a.first,
#right_col .right_div > a.selected,
#right_col .right_div > a:hover {
    color: #a21730;
}

#right_col .right_div.form {
    padding: 22px;
}

#right_col > h2 {
    color: #a21730;
    display: block;
    float: right;
    font-size: 24px;
    font-weight: normal;
    margin: 20px 16px 0;
    width: 234px;
}

#right_col > .hr {
    border-color: #d7d7d7 #fff #fff;
    border-style: solid;
    border-width: 1px 0;
    float: right;
    height: 1px;
    margin: 43px 16px 0;
    width: 234px;
}
#left_col .text {
    color: #000;
    float: right;
    font-size: 18px;
    line-height: 31px;
    padding: 30px 40px 25px 0;
    width: 100%;
    /* min-height: 594px; */
}
#left_col.wide .text {
    padding-right: 0;
}
#left_col .text div.wide {
    width: 100%;
    float: right;
}
#left_col .text > p {
    margin-bottom: 14px;
}








.text .news_scroll {
    border-right: 1px solid #dedede;
    float: left;
    height: 340px;
    padding-right: 20px;
    width: 260px;
}
.news_scroll #news_wrap ,  .news_scroll .bx-wrapper,  .news_scroll .bx-viewport{
    height: 280px !important;

}

#left_col .news_scroll > h2 {
    border-bottom: 1px solid #dedede;
    font-size: 26px;
    font-weight: normal;
    height: 40px;
    margin-bottom: 24px;
    padding: 0;
}
#newsmarquee.bxslider {
    margin: 0;
    padding: 0;
}
#news_wrap #newsmarquee > li {
    min-height: 110px;
    border-bottom: 1px solid #dedede;
    float: right !important;
    padding: 0px 0 20px;
}

#news_wrap .bx-wrapper {
    position: relative;
}
#news_wrap .bx-controls {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 1px;
}
#news_wrap .bx-controls-direction a > i  {
    font-size:20px;
}


#news_wrap .bx-next {
    top: 0;
    position: absolute;
}
#news_wrap .bx-prev {
    bottom: 0;
    position: absolute;
}
#left_col .text #newsmarquee h3 {
    color: #000;
    display: block;
    float: right;
    font-weight: 400;
    padding: 0;
    width: 100%;
}

#left_col .text #newsmarquee li div {
    float: right;
    margin-top: 10px;
    width: 100%;
}

#left_col .text #newsmarquee li a.read_more {
    display: block;
    float: right;
    margin-top: 14px;
}
#left_col .text #newsmarquee li * {
    font-size: 16px;
    line-height: 18px;
}















.text li {
    background: rgba(0, 0, 0, 0) url("../images/triangle.png") no-repeat scroll 0 16px;
    line-height: 40px;
    list-style: outside none none;
    padding-right: 20px;
}
#left_col .text * {
    font-size: 18px;
    line-height: 28px;
}
#left_col .text p {
    margin-bottom:10px;
}


#left_col .text .wide.content ,
#left_col .text .wide.categories {
    border: 0 none;
    margin: 0;
    padding: 0;
}
#left_col .text .wide {
    border-bottom: 1px solid #dedede;
    float: left;
    margin: 20px 0;
    overflow: hidden;
    padding: 20px 0;
}

#left_col .text .wide.content .wide:last-child {
    border-bottom: 0 none;
    margin-bottom: 0;
}
.text .half {
    width: 48%;
}




/***********************************/
/*********** Branches ***************/
/***********************************/

.m_box.branches {
    float: right;
    height: 600px;
    margin-bottom: 30px;
    width: 585px;
    color:#fff;
    position: relative;
    background-position: center !important;
    background-size: cover !important;
    -webkit-transition: background-size 500ms ease;
    -moz-transition: background-size 500ms ease;
    transition: background-size 500ms ease;
    cursor: pointer;
}

.m_box.branches:hover {
  box-shadow:0px 0px 3px #333;
}
.m_box.branches:nth-child(2n) {
    float: left;
}
.m_box.branches .title {
    height: 90px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 25px;
    text-align: right !important;
}
#left_col .text .m_box.branches .title h2 {
    border-bottom: 1px solid;
    color: #fff;
    display: inline-block;
    float: none;
    font-size: 50px;
    font-weight: normal;
    height: 56px;
    margin: 0 auto 10px;
    padding: 0;
    width: auto;
}
#left_col .text .m_box.branches .title a {
    color: #fff;
    display: block;
    float: right;
    width: 100%;
}
.m_box.branches .logo {
    bottom: 26px;
    height: 120px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    text-align: center;
    width: 290px;
}
.m_box.branches .logo > img {
    margin-bottom: 18px;
}







.htabs {
    border-bottom: 1px solid #dedede;
    overflow: hidden;
    position: relative;
    width: 100%;
    z-index: 4;
    display: table;
}
#left_col .text .htabs > a {
    border-radius: 3px 3px 0 0;
    color: #000;
    cursor: pointer;
    float: right;
    font-size: 20px;
    font-weight: normal;
    height: 44px;
    line-height: 44px;
    margin: 0 0 0 4px;
    padding: 0 10px;
    text-align: center;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
    background-color: #f1f1f1;
    margin-bottom: 5px;

}
#left_col .text .htabs > a:hover,
#left_col .text .htabs > a.selected,
#left_col .text  .htabs > a.first {
    background: #a21730 none repeat scroll 0 0;
    color: #fff;
}
.tabs {
    margin-top: -4px;
    position: relative;
}

.tabs > div > div {
    padding: 15px 20px;
}
.tabs > div.selected  , .tabs > div.first {
    display: block;
}
.htabs > a.active {
    cursor:pointer;
}

.tabs > div {
    display: none;
    float: right;
    margin-bottom: 20px;
    /* min-height: 300px; */
    overflow: hidden;
    padding-top: 20px;
    width: 100%;
}
.tabs > div.selected  {
    display: block;
}

.text.form_content > div#txt_top ,
.text.form_content > div.form_fields{
    float: right;
    width: 50%;
}

.text.form_content > div#txt_bottom {
    float: right;
    width: 100%;
    margin-top:40px;
}



.text.tabs_content, .text.form_content, .text.gallery_content {
}

#left_col h2.gallery_head {
    border-top: 1px solid #dedede;
    font-size: 22px;
    font-weight: normal;
    height: 60px ;
    line-height: 60px;
}

#left_col .text a.red_btn {
    background: #781123 none repeat scroll 0 0;
    color: #fff;
    display: inline-block;
    height: 36px;
    line-height: 36px;
    margin: 4px 0 0 10px;
    padding: 0 20px;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}
#left_col .text a.red_btn:hover {
    background: #000 none repeat scroll 0 0;
}

#left_col .text a.black_btn {
    background: #000 none repeat scroll 0 0;
    color: #fff;
    display: inline-block;
    height: 36px;
    line-height: 36px;
    margin: 4px 0 0 10px;
    padding: 0 20px;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

#left_col .text a.black_btn:hover {
    background: #781123 none repeat scroll 0 0;
}


.team {
    border-bottom: 1px solid #dedede;
    float: right;
    margin-bottom: 20px;
    padding: 20px 0 !important;
    width: 100%;
}
#left_col .text .team *{
    line-height: 24px;
}
.team > img {
    float: right;
    margin-left: 40px;
}
/***********************************/
/*********** Cuorses ***************/
/***********************************/

.m_box.courses {
    background: #fff none repeat scroll 0 0;
    box-shadow: 0 0 18px -4px #a1a1a1;
    float: right;
    height: auto;
    margin-bottom: 30px;
    padding: 22px;
    width: 100% ;
}

.m_box.courses > div{
    overflow: hidden;
    height: 300px;
    background-position: center center !important;
    background-size: cover !important;
    cursor: pointer;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	transition: all 300ms ease;
}
.m_box.courses> div.title {
    padding: 30px;
    text-align: center;
}
.m_box.courses > div.image:hover {
    opacity: 0.85;
}
.m_box.courses:nth-child(2n+1) > div.image {
    float: right;
    width: 550px;
}
.m_box.courses:nth-child(2n+1) > div.title {
    float: left;
    width: 280px;
    background: #ebebeb;
}
.m_box.courses:nth-child(2n) > div.image {
    float: left;
    width: 550px;
}
.m_box.courses:nth-child(2n) > div.title {
    float: right;
    width: 280px;
    background: #ebebeb;
}


#left_col .m_box.courses .title > h2 {
    border-bottom: 1px solid #dedede;
    display: block;
    font-size: 30px;
    font-weight: normal;
    height: auto;
    margin-top: 20%;
    padding: 0 0 20px;
    margin: 30% 0 20px;
    text-align: center;
    width: 100%;
}


#left_col .m_box.courses .title div > a {
    color: #000;
}


/***********************************/
/*********** Catalog ***************/
/***********************************/


.cat_box {
    border-radius: 8px;
    cursor: pointer;
    float: right;
    height: 304px;
    margin: 20px 0;
    overflow: hidden;
    width: 582px;
}
.cat_box:nth-child(2n) {
    float: left;
}
.cat_box:hover {
  box-shadow: 0 0 14px -4px #333;
}

.cat_box .img  {
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  transition: all 300ms ease;
  height: 249px;
  overflow: hidden;
  position: relative;
  border-bottom:1px solid #dedede;
}

.cat_box .img:hover  {
  -ms-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.cat_box .img > img {
    display: flex;
    width: 100%;
    top:0;
    bottom:0px;
    right:0;
    left:0px;
    margin: auto;
}
.cat_box .title {
    background: #fff none repeat scroll 0 0;
    height: 54px;
    line-height: 54px;
    padding-right: 20px;
    position: relative;
    width: 100%;
    z-index: 9;
}
.cat_box .title a{
  font-size: 20px;
  font-weight: 800;
}
.cat_box .title a i {
    font-size: 24px !important;
    margin-left: 14px;
    vertical-align: -2px;
}









#calendar {
    float: right;
    height: 289px;
    width: 100%;
}
.EventsTable tbody td{
    position: relative;
}
.EventsTable tbody td:hover > .play_event {
    display: block;
}




div.txt_top {
    float: right;
    margin: 10px 2% 0px 0;
    padding: 30px 40px 0;
    width: 98%;
}
div.fields {
    float: right;
    margin: 0px 2% 0px 0;
    padding: 0px 40px 0;
    width: 98%;
}
div.txt_bottom {
    float: right;
    margin: 10px 0 10px 2%;
    padding: 0px;
    width: 98%;
}

.row {
    float: right;
    width: 100%;
}
.td > .csform:first-child {
    float: right;
}
.td > .csform:last-child {
    float: right;
}

.td > .csform:last-child {
    float: right;
}
.csform .csholder .csinput {
    font-family: 'Assistant', sans-serif;
    height: 50px;
    width: 98%;
    font-size: 18px;
    box-sizing: border-box;
    padding-right: 6px;
}
.csform .csholder .csinput.cstextarea {
    height: 100px;
    width: 100%;
}
.csholder .input_wrap.select_wrap{
  width: 94%;
}
.input_wrap.select_wrap {
    display: block;
     width: 100%; /*84*/
    overflow: hidden;
background: #fefefe none repeat scroll 0 0;
    border: 1px solid #acacac;
    border-radius: 3px;
    box-shadow: 0 0 3px #eee;
}

.submit-wrap .send_btn {
  background: #48a5dd none repeat scroll 0 0;
  box-shadow: none;
  float: right;
  margin-right: 13px;
  margin-bottom: 22px;
  width: 63%;
  margin-top: -11px;
}
.csinput::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #a21730;
}
.csinput:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #a21730;
   opacity:  1;
}
.csinput::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #a21730;
   opacity:  1;
}
.csinput:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #a21730;
}
.submit-wrap {
    float: right;
    margin: 10px 0;
    text-align: left;
    width: 100%;
}








#footerLid {
    float: left;
    height: 120px;
    width: 300px;
}

#footer_wrap {
    background: #f2f2f2 none repeat scroll 0 0;
    border-top: 1px solid #dedede;
    box-shadow: 0 16px 36px -30px #aaa inset;
    color: #777;
    float: right;
    min-height: 90px;
    overflow: hidden;
    position: relative;
    width: 100%;
    z-index: 801;
}

.footer_1 {
    margin-top: 24px;
    overflow: auto;
    padding: 36px 0;
}

.footer_seo {
    float: right;
    width: 100% ;
}

.footer_seo ul {
    color: #777;
    float: right;
    font-size: 14px;
    line-height: 26px;
    list-style: outside none none;
    margin: 0;
    padding: 0;
    width: 16.6%;
}

.footer_seo ul > li:first-child {
    color: #000;
    font-size: 20px;
    margin-bottom: 10px;
}

.footer_seo li a {
    color: #777;
}
.footer_seo li a:hover {
   border-bottom: 1px solid;
   color: #000;
}

#footer_wrap .footer_2 {
    color: #000;
}


.footer_2 > .pagewrapper {
    border-top: 1px solid #cfcfcf;
    padding-top: 20px;
}
.footer_info {
    float: left;
    text-align: right;
    width: 200px;
}

.footer_info img {
    margin: 0 7px;
    vertical-align: -3px;
}

.newsletter_lid {
    float: right;
    width: calc(100% - 215px);
    z-index: 20;
}

.newsletter_lid #txt_top {
    float: right;
    font-size: 17px;
    height: 40px;
    line-height: 23px;
    /*width: 438px;*/
    margin-left: 20px;
    overflow: hidden;
}
.newsletter_lid > div#fields {
    float: right;
    width: calc(100% - 439px);
}
.newsletter_lid .form_wrap {
    position: relative;
    width: 100%;
}
.newsletter_lid .input_wrap {
    border: 1px solid rgba(148, 148, 148, 0.5);
    border-radius: 1px;
    float: right;
    height: 32px;
    margin-left: 14px;
    overflow: hidden;
    position: relative;
    width: 195px;
}

.newsletter_lid .input_wrap > input {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 0 none;
    font-size: 14px;
    font-weight: normal;
    height: 100%;
    margin: 0;
    padding-right: 8px;
    text-align: right;
    width: 100%;
}
.newsletter_lid .input_wrap.checkbox_wrap {
    color: #000;
    line-height: 40px;
    padding-right: 40px;
    width: 330px;
}

.newsletter_lid .checkbox_wrap{
  border: 0;
}


.newsletter_lid .input_wrap.submit_wrap {

    border: medium none;

    float: left;

    margin: 0;

    width: 128px;

}
.checkbox{
    background: rgba(0, 0, 0, 0) url("../images/checkbox_bg.png") no-repeat scroll  0 -25px;
    height: 25px;
    position: absolute;
    right: 5px;
    top: 11px;
    width: 24px;
}
.checkbox.chack{
    background-position: 0 0 !important;
}

.checkbox_wrap > input {
    vertical-align: -15px;
    width: 20px !important;
}
.newsletter_lid .miBtn {
    background: #a21730 none repeat scroll 0 0;
    color: #fff;
    cursor: pointer;
    display: block;
    font-size: 20px;
    font-weight: normal;
    height: 32px;
    line-height: 32px;
    margin: 0;
    max-height: 100%;
    padding: 0;
    position: relative;
    text-align: center;
    text-decoration: none;
    width: 100%;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}
.newsletter_lid .miBtn:hover {
    background: #000 none repeat scroll 0 0;
}
.newsletter_lid ::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #777;
}
.newsletter_lid :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #777;
   opacity:  1;
}
.newsletter_lid ::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #777;
   opacity:  1;
}
.newsletter_lid :-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #777;
}



.screenwrapper.footer_3 {
    background: #000 none repeat scroll 0 0;
    color: #fff;
    height: 40px;
}


.footer_3 .pagewrapper > div {
    float: right;
    line-height: 40px;
    width: auto;
}
.footer_3 .pagewrapper.credit_wrap {
    float: left;
    overflow: hidden;
}
.simply_credit {
    animation: 3s steps(19) 0s normal none infinite running animated_cs_logo;
    background: rgba(0, 0, 0, 0) url("../images/simplysmart.png") no-repeat scroll 0 0;
    display: block;
    margin: 15px auto;
    height: 22px;
    transition: all 0.5s ease 0s;
    width: 163px;
}

.credit {
    margin: auto;
    max-width: 25%;
    width: 200px;
}

@-webkit-keyframes animated_cs_logo{
    0%{background-position:0 0;}
    100%{background-position: 0 -418px;}
}
@keyframes animated_cs_logo{
    0%{background-position:0 0;}
    100%{background-position: 0 -418px;}
}





div#black_warp , div#alert_wrap{
    background: rgba(255,255,255,0.6) repeat scroll 0 0 ;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 900;
    display:none;
}

div#alert_wrap{
  z-index: 9999;
}

#alert_wrap > div {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #ccc;
    border-radius: 0;
    margin: 160px auto auto;
    padding: 0;
    position: relative;
    width: 355px;
}

#alert_wrap > div .close {
    background: #fff none repeat scroll 0 0;
    border-radius: 0;
    box-shadow: 0 0 3px #333;
    color: #a21730;
    cursor: pointer;
    font-size: 28px;
    font-weight: normal;
    left: -31px;
    opacity: 1;
    padding: 5px 10px;
    position: absolute;
    text-align: center;
    text-shadow: 0 0 1px #000;
    top: -35px;
    width: 41px;
    z-index: 1;
}
#alert_wrap .alert {
    background: #fff none repeat scroll 0 0;
    box-shadow: 0 0 4px #333;
    display: block;
    font-size: 16px;
    min-height: 160px;
    padding: 15px;
    position: relative;
    z-index: 2;
    overflow: hidden;
}
#alert_wrap .alert > ul {
    margin: 0;
    padding: 15px;
}

#alert_wrap .alert li  {
    list-style:none;
}
.errors {
    padding: 5px;
}
.errors  li {
    color: #f00;
}


.alert .head_title ,.nalert .head_title {
    line-height: 56px;
    margin: 0 -15px 20px;
    width: 353px;
    border-bottom: 1px solid #152868;
}

.content_page > .nalert {
    margin: 40px auto;
    width: 340px;
}
.alert .input_wrap > input ,
.alert .input_wrap > textarea  {
    height: 32px;
    margin: 10px;
    padding: 2px 5px;
    width: 86%;
    font-family: 'Assistant', sans-serif;
    font-size: 16px;
    border: 1px solid #a4a4a4;
}

.alert .input_wrap > textarea  {
    height: 80px;
}

#login_form > div#quick_login {
    overflow: hidden;
}

#quick_login {
    overflow: hidden;
}
.alert .half {
    padding: 8px 10px 8px 25px;
}
div#white_warp.loading {
   /* background: none repeat scroll 0 0 #fff;*/
    display: none;
    height: 1px;
    left: 0;
    /*opacity: 0.5;*/
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999;
}
#loading {
    background: url("../images/loading.gif") no-repeat scroll center 0 ;
    height: 380px;
    position: absolute;
    top: 230px;
    width: 100%;
    z-index: 999;
}



.register_div {
    overflow: hidden;
}
.register_div_row {
    width: 100%;
}
.register_div_row {
    height: 50px;
    line-height: 33px;
    text-align: right;
}
.register_div_row > div {
    float: right;
    width: 50%;
}
.register_div_row input {
    height: 32px;
    margin: 10px;
    max-width: 320px;
    width: 80%;
}
.register_div_row .checkbox {
    border: 1px solid #aaa;
    border-radius: 5px;
    color: #152868;
    cursor: pointer;
    float: right;
    font-size: 22px;
   font-weight: 700;
    height: 30px;
    line-height: 28px;
    margin: 0 3px;
    text-align: center;
    width: 32px;
}
label.requierd {
    color: #a00;
    display: inline-block;
    width: 32px;
}




#welcome_boxes.wide.content {
    height: 400px !important;
    margin: 0 5%;
    width: 90%;
}
#welcome_boxes.wide.content > div:first-child {
    right: 2px;
    top: 12px;

}
#welcome_boxes.wide.content > div:last-child {
    left: 3px;
    top: 27px;
}


.formwrap {
    background: #a21730 none repeat scroll 0 0;
    border-radius: 0 0 10px;
    height: 319px;
    left: 0;
    padding: 10px 6px 0 0;
    position: absolute;
    width: 275px;
}
#order_form {
    background: rgba(0, 0, 0, 0) url("../images/order_form.png") no-repeat scroll 0 0;
    height: 350px;
    left: -196px;
    position: fixed;
    top: 141px;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
    width: 256px;
    z-index: 900;
}

.toggleForm {
    cursor: pointer;
    height: 46px;
    position: absolute;
    right: 9px;
    top: 65px;
    width: 49px;
}
.toggleForm.close {
    background: url(../images/order_form_close.png) no-repeat center center;
}
.toggleForm.open {
    background: url(../images/order_form_open.png) no-repeat center center;
}



/***************************************/
/***********    FORMS    ***************/
/***************************************/


#order_form > div#txt_top {
    color: #a21730;
    font-weight: 700;
    font-size: 24px;
    height: 67px;
    line-height: 72px;
    padding-right: 70px;
    width: 100%;
    margin-bottom: 20px;
}
#order_form .input_wrap {
    float: right;
    height: 36px;
    margin: 2px 0 2px auto;
    overflow: hidden;
    width: 237px;
    color: #a21730;
}
#order_form .input_wrap.submit_wrap {
    margin-right: 72px;
    margin-top: 10px;
    width: 165px;
}
#order_form .input_wrap.textarea_wrap {
    height: 80px;
}
#order_form .input_wrap label {
    float: right;
    font-size: 16px;
    line-height: 40px;
    width: 91px;
}


#order_form .input_wrap > div {
    border: 1px solid #e2e2e2;
    border-radius: 3px;
    float: left;
    height: 32px;
    overflow: hidden;
    width: 165px;
}
#order_form .input_wrap.textarea_wrap > div {
    height: 80px;
}
#order_form .input_wrap input , #order_form .input_wrap textarea {
    background: #f9f9f9 none repeat scroll 0 0;
    border: 0 none;
    display: inline-block;
    height: 100%;
    width: 100%;
    font-family: 'Assistant';
    font-size: 16px;
}


#order_form .input_wrap input.datepicker {
    background: #f9f9f9 url("../images/datepicker_bg.png") no-repeat scroll 7px center;
}

#order_form .input_wrap select {
    background: #f9f9f9 url("../images/gray_arrow.png") no-repeat scroll 26px center;
    border: 0 none;
    display: inline-block;
    height: 30px;
    width: 153px;
}



.select_warp {
    float: right;
    margin: 5px 20px;
    overflow: hidden;
    width: 374px;
}

.select_warp select {
    background: #e9e9e9 url("../images/select_bg.png") no-repeat scroll 13% center;
    border-right: 1px solid #c6c6c6;
    border-top: 1px solid #c6c6c6;
    height: 38px;
    width: 110%;
}


.hidden_label {
    display: block;
    height: 1px;
    overflow: hidden;
    position: absolute;
    width: 1px;
}

.bluebtn {
    background: #a21730 none repeat scroll 0 0;
    border-radius: 5px;
    color: #fff;
    display: block;
    font-size: 16px;
   font-weight: 700;
    height: 32px;
    line-height: 32px;
    margin: auto;
    text-align: center;
    width: 100%;
    cursor:pointer;
}


#left_col .text div.g_box {
    /* height: 270px; */
    width: 270px;
    /* overflow: hidden; */
    position: relative;
    margin: 5px;
    float:right;
    background-position: center !important;
    background-size: cover !important;
}
#left_col .text div.g_box:nth-child(3n+2) {
    /* margin: 0 40px 40px; */
}
#left_col .text .g_box.video > i.red {
    position: absolute;
    width: 100%;
    font-size: 60px;
    display: block;
    height: 60px;
    margin: auto;
    top: 0;
    bottom: 0;
    text-align: center;
    line-height: 60px;
    color: #c81414;
}

.g_box .lg_item{
  position: relative;
}

.g_box .lg_item::after{
  content: "";
  background: rgba(0, 0, 0, 0.6);
  cursor: pointer;
  height: 0;
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
 -webkit-transition: all 150ms ease-out 0.2s;
  -moz-transition: all 150ms ease-out 0.2s;
  -o-transition: all 150ms ease-out 0.2s;
  transition: all 150ms ease-out 0.2s;
}
.g_box .txt.black {
  height: 270px;
  width: 270px;
  overflow: hidden; 
    /* background: rgba(0, 0, 0, 0.6);
    cursor: pointer;
    height: 0;
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
   -webkit-transition: all 350ms ease-out 0.2s;
    -moz-transition: all 350ms ease-out 0.2s;
    -o-transition: all 350ms ease-out 0.2s;
    transition: all 350ms ease-out 0.2s; */
}
.g_box:hover .lg_item::after{
  opacity: 1
}

.g_box:hover .txt.black {
    /* opacity: 1; */
}

.g_box:hover .txt.black a i {
  opacity:1;
  
}

.g_box .txt.black a {
    color: #fff;
    display: block;
    font-size: 82px;
    height: 100%;
    line-height: 300px;
    text-align: center;
    width: 100%;
}
.g_box .txt.black a i {
    bottom: 0;
    display: block;
    font-size: 60px !important;
    height: 60px;
    line-height: 60px !important;
    margin: auto;
    position: absolute;
    top: 0;
    width: 100%;
    opacity: 0;
    z-index: 5;
    transition: all 150ms ease-out 0.2s;
}







.form_wraps {
    overflow: hidden;
    width: 100%;
    height: auto;;
    border:1px solid #dedede  ;
    margin: 5px auto;
    border-radius:3px;
}
.form_wraps.submit_wrap {
    border: 0 none;
    display: block;
}
.input_wrap > input ,
.input_wrap > textarea ,
.input_wrap > select ,
.inp2 {
    background:#fff;
    border: 0 none;
    color: #666;
    font-size: 16px;
    font-family: 'Assistant', sans-serif;
    border:0px;
    display: block;
    float: none;
    width: 100%;
    height: 32px;
    box-sizing: border-box;
    padding: 4px;
}

.input_wrap > select {
    background: #fff url("../images/select_bg.png") no-repeat scroll 26px center;
    height: 39px;
    width: calc(100% + 20px);
    color:#a21730;
    font-weight:bold;
}
.input_wrap > textarea {
    height: 60px;
}

.form_wraps.submit_wrap {
    border: 0 none;
    display: block;
    margin-top: 14px;
}
.send_lid {
    background: #a21730 none repeat scroll 0 0;
    color: #fff;
    cursor: pointer;
    display: block;
    height: 38px;
    line-height: 38px;
    text-align: center;
    -webkit-transition: all 500ms ;
       -moz-transition: all 500ms ;
         -o-transition: all 500ms ;
            transition: all 500ms ; /* custom */
}
.send_lid:hover {
    background: #000 none repeat scroll 0 0;
}


#left_col .text table {
    border-collapse: collapse;
    box-shadow: 0 0 10px -4px;
    display: table;
    margin: 20px auto 40px;
    max-width: 99%;
    overflow: hidden;
    padding: 0 0 1em;
}
#left_col .text table  th h1 {
    font-weight: bold;
    font-size: 1em;
}

#left_col .text table td p, #left_col .text table td {
    font-size: 1em;
    line-height: 1.4em;
    margin: 0;
}
#left_col .text table td, #left_col .text table th {
    padding: 10px 5px;
    vertical-align: top;
}

#left_col .text table  tr:nth-child(odd) {
     background-color: #fbfbfb;
}
#left_col .text table  tr:nth-child(even) {
      background-color: #fff;
}

#left_col .text table th {
    background-color: #f0f0f0;
    border: 0 none;
}

#left_col .text table  td:first-child { }

#left_col .text table  tr:hover {
    background-color: #ebebeb;
}

#left_col .text table  td:hover {
    background-color: #eee;
}

@media (max-width: 800px) {
    #left_col .text table  td:nth-child(4),
    #left_col .text table  th:nth-child(4) { display: none; }
}



#popup_warp {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: rgba(255,255,255,0.75);
    display:none;
}
#popup_warp > div {
    background: #fff none repeat scroll 0 0;
    border-radius: 8px;
    box-shadow: 0 0 6px #000;
    left: 0;
    margin: auto;
    overflow: hidden;
    padding: 20px;
    position: absolute;
    right: 0;
    top: -100%;
    -webkit-transition: all 1200ms ;
       -moz-transition: all 1200ms ;
         -o-transition: all 1200ms ;
            transition: all 1200ms ; /* custom */
}
#popup_warp .close_popUp {
    background: #fff none repeat scroll 0 0;
    border: 3px solid;
    border-radius: 20px;
    box-shadow: 0 0 1px #000;
    color: #800;
    cursor: pointer;
    font-size: 18px;
    font-weight: bold;
    left: 13px;
    padding: 0 5px;
    position: absolute;
    text-align: center;
    top: 6px;
    width: 33px;
}
#popup_warp .close_popUp:hover {
    background: #eee none repeat scroll 0 0;
}

.wrapper-events{
  width: 100%;
  position: relative;
}

.wrapper-events .articles .item_image{
  height: auto;
}

.content-events-right{
  width: 60%;
  position: relative;
  float: right; 
  padding: 15px 0 15px 15px;
}

.content-events-left{
  width: 40%;
  position: relative;
  float: left; 
  padding: 15px 15px 15px 0;
}

.event-banner{
  width: 100%;
  /* min-height: 450px;   */
  background-color: #ccc;
  position: relative;
  z-index: 25;
  /* background: url('../files/BannerFestival2018.jpg') no-repeat center/cover; */
}

.event-banner img{
  max-width: 100%;
}

@media(max-width: 1200px){
  .event-banner img{
    display: none;
  }
  .event-banner{
    min-height: 320px;
    background: url('../files/BubotSvivonimNewsc.jpg') no-repeat center/cover;
  }
}

@media(max-width: 1000px){
  .event-banner{
    min-height: 450px;
    background-position-x: right;
  }
}

.wrapper-search-events{
  width: 64%;
  min-height: 100px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); 
  padding: 15px 0;
}

@media(max-width: 1400px){
  .wrapper-search-events{
    width: 90%;
  }
}

.selection-filter-style{
  width: 100%;
  height: 50px;
  font-size: 18px;
  color: #6b7379;
}

.selection-filter-label{
  font-size: 20px;
  display: block;
  margin-bottom: 5px;
  font-weight: 600;
}

.selection-filter-style.bootstrap-select.btn-group .dropdown-toggle .filter-option{
  text-align: right;
}

.selection-filter-style.bootstrap-select>.dropdown-toggle{
  height: 100%;
}

.selection-filter-style.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn){
  width: 100%;
}

.content-events-right p,
.content-events-left p{
  color: #000;
  font-size: 18px;
}

.wrap-event-page p{
  color: #000;
  font-size: 18px;
}

.bootstrap-select.btn-group .dropdown-menu li a span.text{
  font-size: 16px;
}

@media(max-width: 1300px){

  .content-events-right,
  .content-events-left{
    padding: 15px;
  }
}

@media(max-width: 1100px){

  .content-events-right,
  .content-events-left{
    padding: 15px;
    width: 100%;
  }

  .wrapper-events h1{
    padding: 15px !important; 
  }

  .title-event-page{
    padding: 15px !important; 
  }

  .wrap-event-page .col-xs-12{
    padding-right: 30px;
  }

  .wrap-event-page img{
    float: none !important;
    width: auto !important;
    height: auto !important;
  }
  
}

.wrapper-search-events .btn.btn-lg.btn-primary:hover,
.wrapper-search-events .btn.btn-lg.btn-primary:focus{
  color: #ffffff !important;
  background-color: #81152f !important;
  border-color: #81152f !important; 
} 

.tabs > .content-tab.selected{
  display: block !important;
}

@media (max-width: 996px){
  #left_col .text .htabs > a{
    padding: 7px 10px;
  }
}

.lg-sub-html{
  bottom: 100px !important;
}
@media (max-width: 996px){
  .lg-sub-html{
    bottom: 0px !important;
  }
  
}