accepted html,
 body {
   overflow-x: hidden;
 }
label.toggle-nav2 {
    display: block;
    width: 50px;
} 


 nav.navbar.navbar-toggleable-md.navbar-light.bg-faded.main-nav.nav-justified.navigation.sticky.is-sticky {
     -webkit-box-shadow: 0px 0px 11px 0px rgba(0,0,0,0.75) !important;
     -moz-box-shadow: 0px 0px 11px 0px rgba(0,0,0,0.75) !important;
     box-shadow: 0px 0px 11px 0px rgba(0,0,0,0.75);
 }
.BoardMemberClass2 {
    height: 30px;
    width: 30px;
    background-image: url(../files/logo2.png);
    position: absolute;
    top: 144px;
    left: 68px;
    background-repeat: no-repeat;
    background-size: contain;
}
 i.fa.fa-bars {
     padding: 5px;
     margin-top: -15px;
 }

 body {
   position: relative
 }

 .card-img-top.rounded-circle.align-items-center.d-flex.flex-column.justify-content-center {
   background-position: center;
 }
.menu {
    z-index: 999999;
}
 .main-totals .col-12.col-md-6.pt-3.pb-3.hidden-xs-down {
   border-right: solid #E7EFEF 2px;
   margin: 20px 0px;
 }

 .btn {
   cursor: pointer;
 }

 #Seder_Sponsors {
   padding-top: 20px;
   padding-bottom: 40px;
 }

 .team_list {
   padding-top: 20px;
 }

 .monitor_logo {
   display: none
 }

 .menu>ul {
   margin-top: 6px !important;
   border-top: 1px solid #333D4A;
 }

 .team_list {
   width: 100%;
 }

 .navigation ul {
   width: 1000px;
 }
 
 .carousel-item.active {
   display: block;
 }

#video-background {
    height: 130%  !important;
    width: 100%  !important;
    display: block;
    position: absolute;
    top: 0;
    z-index: -100;
    object-fit: cover  !important;
}

 span.edit_link {
   font-size: 10px;
 }

 a.edit_admin {
   z-index: 99;
   left: 10px;
   position: absolute;
   /* top: 0px; */
   display: block;
   /* margin-left: 10px; */
   background-color: black !important;
   padding-left: 5px !important;
   padding-top: 5px;
   padding-right: 5px !important;
   padding-bottom: 5px;
 }

 a.edit_admin:hover {
   color: black !important;
   background-color: white !important;
 }

 ul.dropdown-menu.dropdown-menu-right {
   margin-top: 22px;
 }

 input#txtSearch2::placeholder,
 #txtSearch::placeholder {
   font-family: Rubik;
   font-weight: 500 !important;
   font-size: 18px;
   line-height: 22px;
   color: #9b9b9b;
   padding-left: 0px !important;
 }

 input#txtSearch2,
 #txtSearch {
   padding-left: 30px !important;
   font-family: Rubik;
   font-weight: 500 !important;
   font-size: 18px;
   line-height: 22px;
 }

 #txtSearch {
   line-height: 20px;
 }

 .div_clear {
   clear: both;
   position: relative;
 }

 .div_clear {
   clear: both;
   position: relative;
 }

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

 #div_cont {
   margin: 0 auto;
 }

 #div_cont {
   background-repeat: repeat-y;
   background-color: #FFFFFF;
 }

 #div_cont #div_middle_left {
   width: 215px;
   float: left;
   padding-bottom: 140px;
 }

 #div_cont #div_middle_left #logo {
   margin-top: 32px;
   display: block;
   margin-left: 8px;
 }

 #div_cont #div_middle_right {
   float: left;
   width: 740px;
   padding: 15px 15px 15px 30px;
 }

 #div_cont #div_middle_left #left_info {
   margin: 10px;
   background-color: #DBDBDB;
   padding-bottom: 25px;
 }

 #left_info h2 {
   color: #FFFFFF;
   font-size: 12px;
   font-style: italic;
   font-family: Geneva, Arial, Helvetica, sans-serif;
 }

 #div_cont #div_bottom {}

 #left_info {
   color: #383838;
 }

 #message {
   text-align: center;
   width: 50%;
   padding: 10px;
   border: 3px solid white;
   margin: 100px auto;
 }

 #div_cont #div_top {}

 #div_cont #div_top #div_logo {
   height: 95px;
   width: 265px;
   float: left;
   padding-top: 30px;
   padding-left: 60px;
 }

 #div_cont #div_top #div_banners {
   float: right;
   width: 365px;
   margin-right: 12px;
   position: relative;
 }

 #div_cont #top_items_scroll {
   height: 75px;
   width: 1000px;
   clear: both;
   background-color: #EFEFEF;
 }

 #div_cont #div_top #div_banners #top_banner {
   padding-top: 10px;
 }

 .anyClass .product_small_scroll {
   float: left;
   margin: 0px 5px;
   border: solid 1px #cccccc;
   width: 165px;
   height: 253px;
   padding: 5px;
   overflow: hidden;
 }

 .anyClass .product_small_scroll .product_price {
   font-size: 14px;
   color: #B4142A;
   font-weight: bold;
 }

 .anyClass .product_small_scroll .product_price #caption {
   color: #000000;
 }

 .anyClass .product_small_scroll .product_id {
   font-weight: bold;
 }

 #top_items_scroll .prev,
 #top_items_scroll .next {
   height: 205px;
   width: 38px;
   border: none;
   cursor: pointer;
   padding-top: 100px;
   margin: 0px 15px;
   float: left;
   background-color: #EFEFEF;
   display: block;
 }

 #top_items_scroll .next {
   float: left;
 }

 #top_menu_links {
   height: 35px;
   width: 640px;
   font-weight: bold;
   font-size: 16px;
   margin-left: 80px;
   float: left;
   margin-top: 2px;
 }

 #top_menu_links span {
   font-weight: lighter;
   font-size: 9px;
   padding: 0px 10px;
 }

 .anyClass {
   float: left;
   overflow: hidden;
   width: 750px;
 }

 #wrap_scroll_items {
   margin-left: 10px;
   margin-bottom: 10px;
   padding-bottom: 5px;
 }

 #div_cont #top_items_scroll #form_keyword2 {
   width: 250px;
   float: left;
   padding-top: 25px;
 }

 #div_cont #top_line {
   background-image: url(../top_line.jpg);
   background-repeat: no-repeat;
   height: 3px;
   clear: both;
   margin-bottom: 2px;
 }

 .menu_head a {
   line-height: 15px;
   display: block;
 }

 #left_info h2 {
   color: #FFFFFF;
   background-repeat: no-repeat;
   display: block;
   height: 20px;
   margin-top: 15px;
   margin-bottom: 5px;
   padding-left: 20px;
   padding-top: 10px;
   clear: both;
   position: relative;
   background-color: #222222;
 }

 #sign_in_boxes label {
   font-weight: bold;
 }

 #user_info label {
   font-size: 14px;
   font-weight: bold;
   color: #B4142A;
 }

 #left_info #sign_in {
   padding: 10px;
 }

 #user_info span {
   font-weight: bold;
 }

 #sign_in #user_info {
   margin-left: 20px;
 }

 #div_middle_right #page_title {
   padding-bottom: 10px;
   padding-left: 15px;
   font-size: 24px;
   color: #BC1F45;
   font-weight: lighter;
   background-image: url(../title_arrow.jpg);
   background-repeat: no-repeat;
   background-position: 0px 4px;
   line-height: 28px;
 }

 #div_cont #div_info #div_middle_left #left_info #sign_in #sign_in_boxes {
   padding-left: 20px;
 }

 #message span {
   font-size: 16px;
   line-height: 22px;
 }

 #sign_in_boxes #submit_search {
   margin-top: 5px;
   margin-bottom: 15px;
 }

 .product_small_fp {
   width: 200px;
   float: left;
   padding: 0px;
   border: solid 1px #ffffff;
   height: 282px;
 }

 .product_small_fp .product_price {
   font-weight: bold;
   color: #B4142A;
   margin: 10px 0px;
 }

 .product_small_fp .product_linke .product_image {
   color: #CC246A;
   text-decoration: underline;
 }

 .product_small_fp .product_linke .product_image:hover {
   color: #000000;
 }

 .product_small_fp .product_name {
   text-align: center;
   font-size: 17px;
   font-weight: lighter;
   color: #FFFFFF;
   position: relative;
   display: block;
   float: none;
   margin-top: 45px;
 }

 .product_small_scroll .product_name {
   height: 35px;
   overflow: hidden;
 }

 #div_body {
   background-color: #36ADEF;
 }

 #div_body #div_cont #div_info #div_middle_right .product_small_fp .product_image .wrap_img .col_image {
   vertical-align: top;
   display: table-cell;
 }

 #div_body #div_cont #div_info #div_middle_right .product_small_fp .product_image .wrap_img .div_wrap_table {}

 #div_body #div_cont #div_bottom #botoom_top_line {
   background-color: #333333;
   line-height: 1px;
   height: 8px;
 }

 #div_body #div_cont #div_bottom #bottom_text_and_links {
   padding-bottom: 5px;
   font-size: 14px;
 }

 #div_body #div_cont #div_bottom #bottom_logos {
   float: right;
   width: 300px;
   padding-right: 20px;
   text-align: right;
 }

 #div_body #div_cont #div_bottom #bottom_text_and_links #main_info_bottom {
   margin-top: 5px;
   margin-bottom: 0px;
 }

 #div_body #div_cont #div_bottom #bottom_text_and_links #main_info_bottom span {
   margin-right: 5px;
   margin-left: 5px;
 }

 #page_caption .cat_path_links {
   font-size: 11px;
   text-transform: uppercase;
 }

 #left_info #news {
   margin-right: 15px;
   margin-left: 20px;
   margin-top: 10px;
   margin-bottom: 0px;
 }

 #news {
   overflow: hidden;
   height: 125px;
   border: solid 0px #000;
 }

 #news div {
   display: block;
   overflow: hidden;
   background-color: #EFEFEF;
   height: 125px;
   margin: 5px;
   padding: 5px;
 }

 .news_title {
   font-weight: bold;
   display: block;
   margin: 5px 0px 3px 0px;
 }

 #wrap_product_acc h2 {
   font-size: 11px;
   text-transform: uppercase;
   color: #BE2F2F;
   margin-left: 4px;
 }

 #INFO #product_name {
   margin-bottom: 15px;
 }

 #dv_phone {
   font-size: 16px;
   text-align: center;
   margin-top: 5px;
 }

 #div_body #div_cont #div_info #div_middle_right #wrap_form_big #product_big #product_options #dv_product_id {
   font-size: 18px;
 }

 #div_body #div_cont #div_info #div_middle_right .product_small_fp .product_price #caption {
   color: #000000;
 }

 #div_body #div_cont #top_items_scroll .anyClass .product_small_scroll .product_image .wrap_img {
   background-color: #FFFFFF;
   text-align: center;
   height: 233px;
   width: 175px;
   vertical-align: middle;
   display: table;
 }

 #div_body #div_cont #top_items_scroll .anyClass .product_small_scroll .product_image .wrap_img .inner_img {
   vertical-align: middle;
   display: table-cell;
 }

 #div_body #div_cont #top_items_scroll .anyClass .product_small_scroll .product_image {}

 #div_body #div_cont #div_bottom #bottom_logos #fb #fb-root {
   float: left;
 }

 #div_body #div_cont #top_items_scroll .anyClass li {
   margin: 0px;
   padding: 0px;
   float: left;
   list-style-type: none;
   outline: 0;
 }

 #div_bottom #bottom_left {
   position: absolute;
   margin-left: 55px;
   margin-top: -135px;
 }

 #div_middle_left {
   z-index: 1;
 }

 #main_info_bottom {
   z-index: 99999;
 }

 #membres_quick_links {
   background-image: url(../cart/quick_icon_small.png);
   background-repeat: no-repeat;
   background-position: 0px 0px;
   margin: 3px 0px 5px 10px;
   display: block;
   padding-left: 18px;
 }

 #membres_quick_links_account {
   background-image: url(../cart/account_icon_small.png);
   background-repeat: no-repeat;
   background-position: 0px 0px;
   margin: 10px 0px 0px 10px;
   display: block;
   padding-left: 18px;
 }

 #div_body #div_cont #div_top #div_b_logo {
   float: left;
   height: 50px;
   width: 50px;
   margin-top: 23px;
 }

 #div_body #div_cont #div_info #div_middle_right .anyClass li {
   margin: 0px;
   padding: 0px;
   list-style-type: none;
   float: left;
 }

 #div_body #div_cont #div_info #div_middle_right .anyClass ul {
   width: 1500px;
   display: block;
   margin: 0px;
   padding: 0px;
 }

 #div_body #div_cont #div_top {
   overflow: hidden;
 }

 .anyClass .product_small_scroll .product_image .wrap_img .inner_img {
   text-align: center;
   height: 175px;
   width: 175px;
 }

 #top_menu_links {
   z-index: 99;
 }

 .MainDropBox {
   min-height: 15px;
   height: auto !important;
   height: 15px;
 }

 #wrap_top_items .MenuDivElement {
   float: left;
 }

 .text_no_wrap {
   white-space: nowrap;
 }

 table.results .header {
   font-size: 12px !important;
 }

 #div_login_info {
   margin-top: 23px !important;
 }

 body>.container {
   padding: 35px 0;
 }

 div#top-login {
   padding: 20px;
   width: 270px;
 }

 #top-login input {
   width: 100% !important;
 }

 form#frm_SignInTopFixed {
   font-weight: normal;
   line-height: 21px;
 }

 .btn-warning {
   color: #fff !important;
 }

 #top-login a:not(.btn) {
   color: #000 !important;
 }

 .btn-warning:hover {
   color: #fff;
 }

 a.btn.btn-danger.btn-block {
   border: none;
 }

 a.btn.btn-danger.btn-block:hover {
   border: none;
 }

 .dropdown-menu-right .sticky.is-sticky a.btn {
   color: #fff;
 }

 #top-login label {
   font-size: 12px;
   padding: 3px;
 }

 .sticky.is-sticky ul.dropdown-menu.dropdown-menu-right {
   padding-bottom: 20px;
 }

 .sticky.is-sticky ul.dropdown-menu.dropdown-menu-right a {
   color: white !important;
 }

 .check_out,
 #div_login_info,
 form#formsend>div>table {
   display: block;
   padding: 15px;
   border-radius: 0px;
   border-top-color: #666666;
   border-right-color: #666666;
   border-bottom-color: #666666;
   border-left-color: #666666;
   border-top-width: 2px;
   border-right-width: 2px;
   border-bottom-width: 2px;
   border-left-width: 2px;
   width: 100%;
   max-width: 600px;
   margin: 0 auto;
 }

 .info {
   background-color: transparent !important;
 }

 .login_image {
   height: 90px;
   width: 90px;
   background-size: cover;
   background-position: center;
 }

 /*cpp cart*/

 form#formsend>table222 {
   width: 97%;
   max-width: 500px;
   margin: 0 auto;
 }

 td.caption {
   font-weight: normal;
   font-size: 17px;
   text-align: left;
   padding-right: 10px;
   width: 30% !important;
 }

 .header div {
   margin-left: -17px;
 }

 td.info {
   margin: 3px !important;
   padding: 3px;
 }

 td.header {
   font-size: 23px !important;
   color: black;
   line-height: 36px !important;
   margin-left: -1em;
 }

 .m_div {
   width: 100% !important;
   margin: 20px auto;
   border: #666666 solid 0px;
   padding: 2px;
 }

 .header label {
   line-height: 27px !important;
 }

 input:not([type="image"])input:not([type="radio"]),
 input[type="text"],
 textarea {
   display: block;
   width: 100%;
   padding: .5rem .75rem;
   padding-left: 3px;
   font-size: 1rem;
   line-height: 1.25;
   color: #464a4c;
   background-color: #fff;
   background-image: none;
   -webkit-background-clip: padding-box;
   background-clip: padding-box;
   border: 1px solid rgba(0, 0, 0, .15);
   border-radius: .25rem;
   -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
   transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
   -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
   transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
   transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
 }

 input:not([type="image"])input:not([type="radio"]),
 input[type="text"],
 textarea {
   -webkit-transition: all 0.30s ease-in-out;
   -moz-transition: all 0.30s ease-in-out;
   -ms-transition: all 0.30s ease-in-out;
   -o-transition: all 0.30s ease-in-out;
   outline: none;
   padding: 2px 0px 3px 2px;
   margin: 2px 1px 3px 0px;
   border: 1px solid #DDDDDD;
 }

input:not([type="image"]):not([id="txtSearch"]):not([type="button"]):not([id="txtSearch2"]):focus,
 input[type="text"] textarea:focus {
   box-shadow: 0 0 5px rgba(81, 203, 238, 1);
   padding: 3px 0px 3px 2px;
   margin: 2px 1px 3px 0px;
   border: 1px solid rgba(81, 203, 238, 1);
 }

 



 #wrapper {
   width: 100%;
   top: -100%
 }

 .don_info.card.p-3 {
   padding: 22px !important;
 }

 .menu ul li a,
 .menu ul li label {
   padding-left: 10% !important;
   display: block;
   text-align: left;
   padding: 0 11px;
   line-height: 42px;
   text-decoration: none;
   color: white;
   border-bottom: 1px solid #333D4A;
 }

 #Shasathon_Memories {
   display: none !important
 }

 #Latest_Activity {
   padding-bottom: 40px;
 }

 * {
   padding: 0;
   margin: 0;
 }

 body2 {
   position: relative;
   font-family: 'Open Sans', sans-serif;
   .wrapper-video {
     width: 100%;
     height: 100vh;
    /* background: #1D1313;*/
     position: absolute;
     overflow: hidden;
     span {
       z-index: 9999;
       position: absolute;
       top: 20px;
       left: 10px;
       width: 35px;
       height: 4px;
       background: #ffffff;
       cursor: pointer;
       &:before,
       &:after {
         display: block;
         position: absolute;
         content: '';
         left: 0;
         height: 4px;
         width: 35px;
         background: #ffffff;
       }
       &:before {
         top: -8px;
       }
       &:after {
         bottom: -8px;
       }
     }
     .title {
       position: absolute;
       top: 50%;
       left: 50%;
       height: 100px;
       margin-top: -50px;
       width: 50%;
       margin-left: -25%;
       text-align: center;
       h1 {
         color: #30C4C9;
       }
     }
     .overlay {
       position: absolute;
       bottom: -99%;
       height: 100%;
       background: #30C4C9;
       left: 0;
       width: 100%;
       transition: all 0.5s ease;
       &.anim {
         left: 0;
         bottom: 0;
         animation: menu-anim 1.5s 1 ease-out normal;
         width: 25%;
         transition: all 0.5s ease;
         &.reverse-anim {
           left: 0;
           bottom: 0;
           animation: menu-anim 1.5s 1 ease-out reverse;
           width: 25%;
           transition: all 0.5s ease;
         }
       }
       ul {
         width: 100%;
         text-align: center;
         margin-top: 100px;
         padding-left: 0;
         margin-left: -10px;
         font-size: 2em;
         font-weight: 800;
         li {
           margin: 10px 0;
           a {
             text-decoration: none;
             color: white;
             position: relative;
             display: inline-block;
             padding: 10px 0;
             overflow: hidden;
             &:after {
               display: block;
               border-radius: 2px;
               content: '';
               left: 0;
               bottom: -10px;
               height: 5px;
               background: #ffffff;
               transform: translateX(-101%);
             }
             &:hover {
               text-decoration: none;
               &:after {
                 animation: border-anim 0.5s 1 ease normal;
                 transform: translateX(0);
               }
             }
           }
           @-webkit-keyframes border-anim {
             0% {
               transform: translateX(-100%);
             }
             100% {
               transform: translateX(0);
             }
           }
         }
       }
     }
     @-webkit-keyframes menu-anim {
       0% {
         left: 0;
         bottom: -99%;
         width: 100%;
       }
       33% {
         left: -99.5%;
         bottom: -99%;
         width: 100%;
       }
       66% {
         left: -99.5%;
         bottom: 0;
         width: 100%;
       }
       100% {
         bottom: 0;
         left: 0;
         width: 25%;
       }
     }
   }
 }

 #wrap-form .fa-search {
   cursor: pointer;
 }

 .sticky.is-sticky .nav.login {
   display: block !important;
   margin-top: -9px;
   left: -21px;
   position: absolute;
 }

 #wrap-form {
   margin: 0;
   display: inline-block;
   position: relative;
   height: 0px;
   float: right;
   padding: 0;
   position: relative;
   top: -29px;
   left: 10px;
 }

 #wrap-form input[type="text"] {
   height: 60px;
   display: inline-block;
   font-weight: 100;
   border: none;
   outline: none;
   color: #555;
   padding: 3px;
   padding-right: 60px;
   width: 0px;
   position: absolute;
   top: 0;
   right: 0;
   background: none;
   z-index: 3;
   transition: width .4s cubic-bezier(0.000, 0.795, 0.000, 1.000);
   -webkit-transition: all 0.5s ease-in-out;
   -moz-transition: all 0.5s ease-in-out;
   -o-transition: all 0.5s ease-in-out;
   -ms-transition: all 0.5s ease-in-out;
   transition: all 0.5s ease-in-out;
   cursor: pointer;
 }

 #wrap-form input[type="text"]:focus:hover {
   border-bottom: 1px solid #BBB;
   background-color: white;
 }

 #wrap-form .navbar i.fa.fa-search {
   top: 19px;
 }

 #wrap-form i.fa.fa-search {
   z-index: 1;
   color: white;
   font-size: 20px;
   position: absolute;
   float: right;
   right: 15px;
   top: 19px;
 }



 #wrap-form .input-group .form-control:not(:last-child),
 #wrap-form .input-group-addon:not(:last-child),
 #wrap-form .input-group-btn:not(:first-child)>.btn-group:not(:last-child)>.btn,
 #wrap-form .input-group-btn:not(:first-child)>.btn:not(:last-child):not(.dropdown-toggle),
 #wrap-form .input-group-btn:not(:last-child)>.btn,
 #wrap-form .input-group-btn:not(:last-child)>.btn-group>.btn,
 #wrap-form .input-group-btn:not(:last-child)>.dropdown-toggle {
   border-bottom-right-radius: 50px !important;
   border-top-right-radius: 50px!important;
 }

 #wrap-form input[type="text"]:focus {
   width: 430px;
   background-color: white;
   z-index: 1;
   border-bottom: 1px solid #BBB;
   cursor: text;
 }

 #wrap-form input[type="submit"] {
   background: none;
   height: 67px;
   width: 63px;
   display: inline-block;
   color: white;
   float: right;
   text-indent: -10000px;
   border: none;
   position: absolute;
   top: 0;
   right: 0;
   z-index: 2;
   cursor: pointer;
   opacity: 0.4;
   cursor: pointer;
   transition: opacity .4s ease;
 }

 .toggle-nav {
   cursor: pointer;
   margin-top: -4px;
 }

 #wrapper {
   position: absolute;
   width: 100%;
   height: 100%;
   overflow: hidden;
 }

 label {
   cursor: pointer;
 }

 label:focus {
   outline: none;
 }

 .menu>ul {
   border-top: 1px solid #333D4A;
 }

 i.fa.fa-chevron-left {
   color: white;
 }

 .back-to-top {
   cursor: pointer;
   position: fixed;
   bottom: 20px;
   right: 20px;
   display: none;
 }

 .menu {
   z-index: 9999;
   position: fixed;
   top: 0;
   background: #2B343F;
   width: 20%;
   height: 100%;
   transform: translate(-100%, 0);
   -o-transform: translate(-100%, 0);
   /* Opera */
   -ms-transform: translate(-100%, 0);
   /* IE 9 */
   -moz-transform: translate(-100%, 0);
   /* Firefox */
   -webkit-transform: translate(-100%, 0);
   transition: transform 0.35s;
 }

 .menu label.menu-toggle {
   position: absolute;
   right: 0px;
   width: 60px;
   height: 60px;
   line-height: 0px;
   display: block;
   padding: 20px;
   /* text-indent: -9999px; */
   background: none;
   color: white;
 }

 .menu ul li>label {
   background: url(https://cdn4.iconfinder.com/data/icons/ionicons/512/icon-arrow-right-b-128.png) 95% 50%/16px 16px no-repeat;
 }

 i.fa.fa-bars {
   font-size: 29px;
   position: absolute;
   color: white;
   font-weight: lighter;
 }

 .menu ul li a:hover,
 .menu ul li label:hover {
   color: #fff;
   background-color: #4a5a6c;
 }

 /* hide inputs */

 .menu-checkbox {
   display: none;
 }

 /* fade in checked menu */

 .menu-checkbox:checked+.menu {
   transform: translate(0px, 0);
   -o-transform: translate(0px, 0);
   /* Opera */
   -ms-transform: translate(0px, 0);
   /* IE 9 */
   -moz-transform: translate(0px, 0);
   /* Firefox */
   -webkit-transform: translate(0px, 0);
   transform: translate3d(0, 0, 0);
 }

 .fotter-bar a {
   color: #fff  !important;
   font-family: Rubik;
   font-size: 14px;
   line-height: 33px;
 }

 .card:hover .card-img-top:not(.no-img) {
   transition-timing-function: ease-out;
   transition: 0.5s;
   background-blend-mode: soft-light !important;
  }

 .card .card-img-top:not(.no-img)>div {
   display: none;
 }

 .card:hover .card-img-top:not(.no-img)>div {
   display: block
 }

 .card-img-top.no-img {
   display: block
 }

 .card-img-top.no-img div {
  }

 @font-face {
   font-family: 'TungstenCondSemibold';
   src: url("../user/templates/images/fonts/TungstenCond-Semibold.woff?iefix") format("woff");
 }

 @font-face {
   font-family: 'PTSansBold';
   src: url("../user/templates/images/fonts/PTS75F.ttf?iefix") format("opentype");
 }

 @font-face {
   font-family: 'Vilna';
   src: url("../user/templates/images/fonts/Vilna VTV.ttf?iefix") format("opentype");
 }

 @font-face {
   font-family: 'VilnaBold';
   src: url("../user/templates/images/fonts/Vilna VTV bold.ttf?iefix") format("opentype");
 }

 h4.card-title {
   margin: 0 !important;
   padding: 0px !important;
   width: 100% !important;
 }

 .card-block {
   padding: 5px 0px !important;
 }

 i.fa.fa-angle-down {
   font-size: 22px;
   margin-top: 2px;
   margin-left: 10px;
 }

 div#lm {
   display: inline;
 }

 .arrow {
   border: solid #C5C5C3;
   border-width: 0 3px 3px 0;
   display: inline-block;
   padding: 3px;
   margin-top: 10px;
   width: 10px;
   height: 10px;
   transform: rotate(45deg);
   -webkit-transform: rotate(45deg);
   position: relative;
 }

 #load_more {
   text-align: center;
   width: auto;
   height: 39px;
   overflow: hidden;
 }

 .seder-box img {
   max-width: 130px !important;
 }

 ul#ui-id-1 {
   margin-left: 0 auto!important;
 }

 ul#ui-id-2 {
   padding: 20px;
   margin-left: 396.5px !important;
 }

 .atime {
   height: 14px;
   width: 35px;
   color: #C5C5C3;
   font-family: Rubik;
   font-size: 12px;
   line-height: 14px;
 }

 .only-1-week-left-to {
   text-transform: uppercase;
   height: 14px;
   width: 296px;
   color: #4A4A4A;
   font-family: Rubik;
   font-size: 12px;
   font-weight: bold;
   line-height: 14px;
 }

 .login {
   margin-right: 5px;
   height: 14px;
   width: 31px;
   font-family: Rubik;
   font-size: 12px;
   line-height: 14px;
 }

 .dropdown i.fa.fa-user,
 .dropdown a {
   color: #000;
 }

 .play-button img {
   -webkit-transition: all .3s ease;
   /* Safari and Chrome */
   -moz-transition: all .3s ease;
   /* Firefox */
   -o-transition: all .3s ease;
   /* IE 9 */
   -ms-transition: all .3s ease;
   /* Opera */
   transition: all .3s ease;
 }

 .play-button img:hover {
   -webkit-backface-visibility: hidden;
   backface-visibility: hidden;
   -webkit-transform: translateZ(0) scale(1.20);
   /* Safari and Chrome */
   -moz-transform: scale(1.20);
   /* Firefox */
   -ms-transform: scale(1.20);
   /* IE 9 */
   -o-transform: translatZ(0) scale(1.20);
   /* Opera */
   transform: translatZ(0) scale(1.20);
 }

.nav #dv_login2 {
    display: none !important;
}
#wrap-form {
 
    top: -28px!important;
    right: 0px!important;
}
.sticky.is-sticky .nav #dv_login2 {
    display: block !important;
    margin-top: 0px;
    right: -9px;
    position: relative;
}
  .sticky.is-sticky  #wrap-form {
    top: -21px!important;
    right: -59px!important;
}
 

 .sticky.is-sticky.navbar i.fa.fa-search {
   top: -5px;
 }

 .sticky.is-sticky {
   position: fixed;
   left: 0;
   right: 0;
   top: 0;
   z-index: 1000;
   width: 100%;
   background-color: #fff;
   font-weight: bold;
 }




 .sticky.is-sticky.navbar {
   padding: 0px !important;
 }

 .search-box {
   max-width: 542px;
   margin-top: 2px !important;
 }

 .seder-box:hover {
   cursor: pointer;
   box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 6px 20px 0 rgba(0, 0, 0, 0.1);
 }

 .seder-box22:hover .view-team22 a {
   font-size: 14px;
 }

 .main-banner>.container {
   height: 100%
 }

 .fotter-bar {
   height: 300px;
 }

 .main-banner {
   margin-bottom: -172px;
   height: 100%;
   overflow: hidden;
   position: relative;
 }

 #wrap_inner_top_banner {
   min-height: 50%;
   width: 100%
 }

 .main-totals {
   width: 100%;
 }
 

 .navbar-login {
   width: 305px;
   padding: 10px;
   padding-bottom: 0px;
 }

 .navbar-login-session {
   padding: 10px;
   padding-bottom: 0px;
   padding-top: 0px;
 }

 .icon-size {
   font-size: 87px;
 }

 ul.dropdown-menu {
   border-top: 0px;
   border-radius: 0;
 }

 a:-webkit-any-link {
   text-decoration: none;
 }

 .dropdown i.fa.fa-user,
 .dropdown a {
   color: #BBBDBF;
 }

 .dropdown a {
   color: #fff;
 }

 .main-nav {
   background-color: transparent;
   position: relativemain-banner
 }

 #video-background {
   height: auto;
   width: 100%;
   display: block;
   position: absolute;
   top: 0;
   z-index: -100;
 }

 #navbarNav {
   margin: 0 auto;
 }

 #navbarNav .nav-item {
   display: flex;
   justify-content: center;
   align-self: center;
 }

 #navbarNav .nav-item a {
   color: #FFFFFF;
   font-family: Rubik;
   font-size: 14px;
   font-weight: 500;
   line-height: 17px;
 }



 ul.dropdown-menu.dropdown-menu-right {
   display: none;
 }

 .bringing-hope-throug {
   color: #fff;
   font-family: Rubik;
   font-size: 50px;
   font-weight: 500;
   line-height: 60px;
   text-align: center;
   text-shadow: 0 4px 14px 0 rgba(0, 0, 0, 0.5);
 }

 .the-entire-shas-in-o {
   color: #fff;
   font-family: Rubik;
   font-size: 24px;
   font-weight: 300;
   line-height: 28px;
   text-align: center;
   text-shadow: 0 4px 14px 0 rgba(0, 0, 0, 0.5);
 }

 .form-rounded {
   border: none;
   border-radius: 50px;
 }

 .search-icon {
   border: none;
   height: 52px;
   padding: .5rem .75rem;
   margin-bottom: 0;
   font-size: 1rem;
   font-weight: 400;
   line-height: 1.25;
   color: #464a4c;
   text-align: center;
   background-color: #fff;
   border-radius: .25rem;
   border-radius: 50px;
   margin-top: 0px;
   margin-left: -1px;
 }

 .team_big_image {
   background-size: auto !important;
   background-position: center;
   background-repeat: no-repeat;
 }

 .dafim1701 {
   color: #FFFFFF;
   font-family: Rubik;
   font-size: 50px;
   font-weight: 300;
   line-height: 60px;
   text-align: center;
 }

 .beinglearnedof271 {
   text-transform: uppercase;
   clear: both;
   color: #C5C5C3;
   font-family: Rubik;
   font-size: 10px;
   font-weight: 500;
   line-height: 14px;
   text-align: left;
 }

 .main-totals .beinglearnedof271 {
   font-size: 12px;
   text-align: center;
 }



 .main-totals .container {
   height: 100%;
   text-align: center
 }

 .button-background {
   border-radius: 25px;
   white-space: nowrap;
   padding-top: 7px;
   padding-bottom: 5px;
   height: 36px;
   line-height: 24px !important;
   position: absolute;
   width: 180px !important;
   margin-left: 15px;
   margin-top: -17px;
 }

 #navbarNav .nav-item a.button-background {
   transition: all 300ms;
 }

 #navbarNav .nav-item a.button-background:hover {
   color: white !important;
   -webkit-backface-visibility: hidden;
   backface-visibility: hidden;
   -webkit-transform: translateZ(0) scale(1.20);
   -moz-transform: scale(1.20);
   -ms-transform: scale(1.20);
   -o-transform: translatZ(0) scale(1.20);
   transform: translatZ(0) scale(1.20);
   transition: all 300ms;
 }

 .seder-box,
 .viewalllomdim {
   transition: all 300ms;
 }

 .seder-box:hover,
 .viewalllomdim:hover {
   -webkit-backface-visibility: hidden;
   backface-visibility: hidden;
 /*  -webkit-transform: translateZ(0) scale(1.02);*/
   -moz-transform: scale(1.02);
   -ms-transform: scale(1.02);
   -o-transform: translatZ(0) scale(1.02);
   transform: translatZ(0) scale(1.02);
   transition: all 300ms;
 }

 .card {
   transition: all 300ms;
 }

 .card:hover {


 }

 #navbarNav .nav-item {
   width: 177px;
   margin: 0 0px;
 }

 .wrapper-video {
   float: left;
   width: 100%;
   min-height: 250px;
 }

 .navigation {
   float: left;
   width: 100%;
   text-align: center;
 }

 .navigation ul {
   margin: 0;
   padding: 0;
   float: none;
   width: auto;
   list-style: none;
   display: inline-block;
 }

 .navigation ul li {
   float: left;
   width: auto;
   position: relative;
 }

 .navigation ul li:last-child {
   margin: 0;
 }

 .btn-primary {
   color: #fff;

 }

 .btn-primary:hover {
   color: #fff;
 }

 .navigation ul li a {
   float: left;
   color: #333;
   font-size: 16px;
   line-height: normal;
   text-decoration: none;
   box-sizing: border-box;
   text-transform: uppercase;
   font-family: 'Montserrat', sans-serif;
   -webkit-transition: color 0.3s ease;
   transition: color 0.3s ease;
 }

 .navigation .children {
   position: absolute;
   top: 100%;
   z-index: 1000;
   margin: 0;
   padding: 0;
   left: 0;
   min-width: 240px;
   background-color: #fff;
   border: solid 1px #dbdbdb;
   opacity: 0;
   -webkit-transform-origin: 0% 0%;
   transform-origin: 0% 0%;
   -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
   transition: opacity 0.3s, -webkit-transform 0.3s;
   transition: transform 0.3s, opacity 0.3s;
   transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s;
 }

 .navigation ul li .children {
   -webkit-transform-style: preserve-3d;
   transform-style: preserve-3d;
   -webkit-transform: rotateX(-75deg);
   transform: rotateX(-75deg);
   visibility: hidden;
 }

 .navigation ul li:hover>.children {
   -webkit-transform: rotateX(0deg);
   transform: rotateX(0deg);
   opacity: 1;
   visibility: visible;
 }

 .navigation ul li .children .children {
   left: 100%;
   top: 0;
 }

 .navigation ul li.last .children {
   right: 0;
   left: auto;
 }

 .navigation ul li.last .children .children {
   right: 100%;
   left: auto;
 }

 .navigation ul li .children li {
   float: left;
   width: 100%;
   margin: 0;
 }

 .navigation ul li .children a {
   display: block;
   text-transform: uppercase;
   font-weight: 700;
   font-size: 11px;
   color: #000 !important;
   text-align: left;
   line-height: 1.5em;
   padding: 16px 30px;
   letter-spacing: normal;
   -webkit-transition: background-color 0.3s ease;
   transition: background-color 0.3s ease;
 }



 button.navbar-toggler.navbar-toggler-right {
   display: block;
   border: none;
   left: 8px;
   top: 17px;
   cursor: pointer;
   right: auto;
 }

 .navbar i.fa.fa-search {
   color: white;
   font-size: 20px;
   position: absolute;
   float: right;
   right: 0px;
   top: -9px;
 }

 .becomealoimed {
   height: 36px;
   width: 180px;
   border-radius: 25px;
   font-family: Rubik;
   font-size: 14px;
   font-weight: 500;
   line-height: 17px;
   text-align: center;
 }

 .sunday-february-2 {
   font-family: Rubik;
   font-size: 16px;
   font-weight: bold;
   line-height: 19px;
   text-align: center;
 }

 h2.p40 {
   text-align: center;
   font-family: Rubik;
   font-size: 24px;
   font-weight: 200;
   line-height: 28px;
   padding: 40px;
 }

 h3.p40 {
   text-align: left;
   font-family: Rubik;
   font-size: 24px;
   font-weight: 300;
   line-height: 28px;
   padding: 60px 0 0;
 }

 .BoardMemberClass1 {
   height: 30px;
   width: 30px;
   background-image: url(../files/logo1.png);
   position: absolute;
   top: 144px;
   left: 68px;
   background-repeat: no-repeat;
       background-size: contain;

 }

 

 .masecte_name {
   font-family: VilnaBold;
   font-size: 28px;
   line-height: 24px;
   text-align: center;
   color: white;
 }

 .daf_name {
   font-family: VilnaBold;
   font-size: 20px;
   line-height: 24px;
   text-align: center;
   direction: rtl;
   color: white;
 }

 .card-img-top {
   height: 157px;
   width: 157px;
   text-align: center;
   background-size: cover;
 }

 #Leaderboard {
   background-color: white !important
 }

 .card {
   width: 157px;
   border: 0px;
 }

 .card-title {
   height: 40px;
   color: #4A4A4A;
   font-family: Rubik;
   font-size: 12px;
   font-weight: bold;
   line-height: 20px;
   text-align: center;
 }

 .card-block {
   padding: 23px 0px 4px !important;
 }

 .card-total {
   height: 15px;
   float: left;
   color: #4A4A4A;
   font-family: Rubik;
   font-size: 18px;
   font-weight: 300;
   line-height: 15px;
 }

 .card-number {
   height: 26px;
   width: 27px;
   float: right;
   color: #C5C5C3;
   font-family: Rubik;
   font-size: 12px;
   font-weight: 500;
   line-height: 36px;
   text-align: right;
 }

 .viewalllomdim {
   color: white !important;
   height: 36px;
   width: 180px;
   border-radius: 25px;
   padding-top: 6px;
   -webkit-transition: opacity 0.2s ease-in-out;
   -moz-transition: opacity 0.2s ease-in-out;
   -ms-transition: opacity 0.2s ease-in-out;
   -o-transition: opacity 0.2s ease-in-out;
   transition: opacity 0.2s ease-in-out;
   opacity: 1;
 }

 .viewalllomdim:hover {
   opacity: 0.5;
 }

 #Seder_Sponsors {
   padding-bottom: 40px;
 }

 .seder-box {
   height: 291px;
   background-color: #FFFFFF;
   margin-bottom: 15px;
 }

 .seder-title {
   height: 20px;
   font-family: Rubik;
   font-size: 24px;
   font-weight: bold;
   line-height: 20px;
   text-align: center;
 }

 .view-team a {
   height: 18px;
   width: 80px;
   color: #C5C5C3;
   font-family: Rubik;
   font-size: 14px;
   font-weight: bold;
   line-height: 18px;
   text-align: center;
 }

 .seder-total {
   height: 26px;
   width: 159px;
   color: #4A4A4A;
   font-family: Rubik;
   font-size: 24px;
   line-height: 26px;
   text-align: center;
 }

 .seder-box .progress {
   width: 131px;
 }

 .seder-logo {
   height: 150px;
 }


 #Latest_Activity .card-box {
   height: 150px;
   background-color: #FFFFFF;
   margin-bottom: 15px
 }

 #Latest_Activity .card-amount {
   height: 12px;
   color: #4A4A4A;
   font-family: Rubik;
   font-size: 18px;
   font-weight: 300;
   line-height: 12px;
 }

 .card-sponsor {
   width: 160px;
   color: #4A4A4A;
   font-family: Rubik;
   font-size: 12px;
   font-weight: bold;
   line-height: 13px;
 }

 .card-Inhonorof {
   height: 9px;
   width: 52px;
   color: #4A4A4A;
   font-family: Rubik;
   font-size: 10px;
   line-height: 9px;
 }

 .card-loimed {
   height: 13px;
   width: 163px;
   color: #4A4A4A;
   font-family: Rubik;
   font-size: 12px;
   line-height: 13px;
 }

 .card-time {
   opacity: 0.5;
   color: #4A4A4A;
   font-family: Rubik;
   font-size: 9px;
   font-style: italic;
   line-height: 9px;
 }



 .carousel-item {}

 .we-just-finished {
   font-family: Rubik;
   padding: 10px 0;
   color: #FFFFFF;
   font-size: 16px;
   line-height: 24px;
 }

 .carousel-name {
   margin-top: 10px;
   font-family: Rubik;
   font-size: 14px;
   font-weight: 500;
   line-height: 18px;
 }

 .carousel-title {
   color: #fff;
   font-family: Rubik;
   font-size: 10px;
   font-weight: 500;
   line-height: 18px;
 }

 #Shasathon_Memories {
   background-color: white;
 }

 .slick-prev {
   left: 20px !important;
 }

 .slick-next {
   right: 20px !important;
 }

 #Shasathon_Memories h2 {
   padding-bottom: 0px;
 }

 .slick-center {
   -moz-transform: scale(1.15) !important;
   -ms-transform: scale(1.15) !important;
   -o-transform: scale(1.15) !important;
   -webkit-transform: scale(1.15) !important;
   opacity: 1 !important;
   /* transform: scale(1.08); */
 }
 #navbarNav {
     border-bottom: 0px solid %cpp_dark_color2%;
 }
 .progress {
   border-radius: 0;
 }

 .carusale-gallery .nav-item {
   color: #9B9B9B;
   font-size: 14px;
   font-weight: 300;
   line-height: 17px;
   font-family: Rubik;
   cursor: pointer !important
 }

 .carusale-gallery .nav-item.active .nav-link {
   font-weight: bold;
 }

 #Shasathon_Memories nav.navbar {
   padding: 0 !important;
 }

 .carusale-gallery-top .nav-item {
   color: #C5C5C3;
   font-family: Rubik;
   font-size: 14px;
   line-height: 18px;
   text-align: center;
   cursor: pointer !important
 }

 .carusale-gallery-top .nav-item.active .nav-link {
   font-weight: bold;
 }

 .carusale-gallery-top li:last-child {
   border-left: 1px solid #475d88;
 }

 .carusale-gallery-top li .nav-link {
   padding: 0px 20px !important;
 }

 .carusale-gallery-top li {
   margin: 20px 0px !important;
 }

 button.navbar-toggler.navbar-toggler-right {
   border: none;
   right: 8px;
   top: 17px;
   cursor: pointer;
 }

 .show_hide_activities {
   cursor: pointer
 }

 @media (min-width: 992px) {
   #Latest_Activity .col-12:nth-child(n+6) {
     display: none;
   }
 }

 @media (max-width: 992px) {
	 
	 span.num_per_team {
 
    margin-top: 20px !important;
}
.team_list .seder-box .seder-title {
    font-size: 16px !important;
}#fundraising .col-md-6 {
    margin-left: 30px !important;
}

.main_logo a {
    display: block;
    margin-top: 10px;
}
     i.fa.fa-bars {
         margin-top: 15px;
         padding: 5px;
     }
 
    



   .menu {
     width: 30%
   }
   #line_between {
     display: none;
   }
   .sticky.is-sticky #navbarNav .nav-item a,
   .sticky.is-sticky i.fa,
   .sticky.is-sticky i.fa.fa-search {
     z-index: 99999;
     text-align: right !important;
     float: right;
     right: 15px !important;
     position: absolute !important;
     width: 100%;
     top: 45px;
     left: auto !important;
     display: block;
   }
   .sticky.is-sticky .container {
     width: 100%;
   }
   #video-background {
     height: 100%;
     width: auto;
   }
   .toggle-nav {
     cursor: pointer;
     margin-top: -4px;
     position: absolute;
     right: 19px;
     top: 10px;
   }
   .sticky.is-sticky {
     height: 0px;
     position: fixed;
     left: 0;
     right: 0;
     top: 0;
     z-index: 1000;
     width: 100%;
     background-color: #fff;
     font-weight: bold;
   }
 }

 /* mobile length */

 @media (max-width: 700px) {
     table.check_out1 label.opt-chavrusa {

         width: 46.5%;

     }


   .play-button {
     margin-top: 15px;
     padding-top: 0px;
   }
   .main-banner {
     margin-bottom: 0px;
   }
   .sticky.is-sticky {
     padding: 0;
   }
   .main-banner {
     padding-top: 0px;
   }
   .sticky-wrapper {
     display: none;
   }
   .button-background {
     border-radius: 25px;
     white-space: nowrap;
     padding-top: 7px;
     padding-bottom: 5px;
     height: 36px;
     line-height: 24px !important;
     position: relative !important;
     width: 180px !important;
     margin-left: 0px;
     margin-top: 20px;
   }
   .play-button img {
     height: 50px;
   }
   .the-entire-shas-in-o {
     color: #fff;
     font-family: Rubik;
     font-size: 12px;
     font-weight: 300;
     line-height: 2px;
     text-align: center;
     text-shadow: 0 4px 14px 0 rgba(0, 0, 0, 0.5);
   }
   .bringing-hope-throug {
     color: #fff;
     font-family: Rubik;
     font-size: 20px;
     font-weight: bold;
     line-height: 10px;
     text-align: center;
     text-shadow: 0 4px 14px 0 rgba(0, 0, 0, 0.5);
   }
   #Latest_Activity .col-12:nth-child(n+7) {
     display: none;
   }
   .card-sponsor {
     width: auto;
     font-size: 15px;
   }
   .card-loimed {
     width: auto;
     font-size: 14px;
   }
   .card-Inhonorof {
     width: auto;
     font-size: 12px;
   }
   #Latest_Activity {
     padding-top: 0px;
   }
   #Latest_Activity .card-box {
     height: 150px;
     background-color: #FFFFFF;
     margin-bottom: 5px;
     padding: 15px !important;
   }
   .container {
     padding-right: 5px;
     padding-left: 5px;
   }
   .card-block {
     height: 60px !important;
     padding: 12px 0;
   }
   .card-img-top {
     height: 140px;
     width: 140px;
     text-align: center;
   }
   .card {
     margin: 0 auto;
     width: 140px;
     border: 0px;
   }
   .search-box .form-control {
     height: 40px;
     margin-top: 0px;
   }
   .search-icon {
     height: 40px;
     margin-top: 0px;
   }
   #navbarNav .nav-item {
     padding-top: 20px;
     padding-bottom: 20px;
     float: none
   }
   #navbarNav {
     padding-top: 10px;
     padding-bottom: 60px;
   }
   .main-totals {
     height: auto !important;
     padding: 20px;
   }
 }

 /* mobile regular */

   @media ( max-width: 1000px) {
   .BoardMemberClass2,
   .BoardMemberClass1 {
     top: 126px;
    left: 57px;
   }
   
   
   }
 @media ( max-width: 400px) {
   .card-title {
     font-size: 12px;
   }
   .BoardMemberClass2,
   .BoardMemberClass1 {
     top: 128px;
     left: 59px;
   }
   .menu {
     width: 75%
   }
   .fa-navicon:before,
   .fa-reorder:before,
   .fa-bars:before {
     content: "\f0c9";
     padding: 5px 0px;
     margin: -7px;
   }
   label.toggle-nav {
     display: block;
     width: 40px;
     height: 40px;
     background-color: rgba(55, 44, 95, 0.5);
     /* padding: 5px; */
     border-radius: 2px;
   }
   #Seder_Sponsors .row {
     margin: -10px 10px 0 -8px;
   }
   #Seder_Sponsors .col-6 {
     padding-right: 0;
   }
   .menu ul li a,
   .menu ul li label {
     padding-left: 5% !important;
     display: block;
     text-align: left;
     padding: 0 11px;
     line-height: 35px;
     text-decoration: none;
     color: white;
     border-bottom: 1px solid #333D4A;
   }
   .fotter-bar a {
     color: #fff  !important;
     font-family: Rubik;
     font-size: 13px;
     line-height: 18px;
     padding: 0;
     display: block;
     padding-left: 12px;
     padding-top: 5px;
     padding-bottom: 5px;
   }
   .play-button {
     margin-top: -35px;
     padding-top: 0px;
   }
   .main-banner {
     margin-bottom: -130px;
   }



 }