.footerNews h4{
    margin-bottom: 20px;
}

.footerNews ul{
    list-style-type: none;
    padding: 0px;
}

.footerNews ul li a, .footerNews ul li a:visited{
    font-size: 14px;
    color: #ffffff;
}

.footerNews ul li{
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid rgba(106, 110, 112, 0.03);
}

.footerNews ul li:last-child{
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}

.footerNews ul li a:hover, .footerNews ul li a:focus{
    text-decoration: none;
}
.footerNews ul li a{
    color: #ffffff;
}.footerAbout .aboutText{
    font-size: 14px;
    margin-bottom: 30px;
}

.footerAbout h5 a, .footerAbout h5 a:visited {
    color: #fbfbfb;
    font-size: 18px;
}

.footerAbout h4 {
    font-size: 22px;
    font-weight: 400;
    line-height: 38px;
    margin: 0;
    padding-bottom: 12px;
    color: #ffffff;
}

.slick-slider{
    margin-bottom: 20px;
}


.bigPic{
  margin-bottom: 15px;
}
.slick_gallery{
  margin-top:20px;
}
.slick-prev, .slick-next{
    position:absolute;
    background-color: rgba(83, 215, 228, 0.8);
    color: #fff;
    width: 46px;
    height:74px;
    top:0;
    outline:none;
    border:none;
    height: 100%;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.slick-prev:hover, .slick-next:hover{
    background-color: rgba(0, 0, 0, 0.5);
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.slick-prev{
  left:0px; 
}
.slick-next{
  right:0px;
}
.slickitem{
  margin:0px 0px;
  cursor:pointer;
  width:167px;
}

.slick-slide img {
    margin: 0 auto;
}

.slider-nav .slickitem{
  margin:0px 4px;
}

/*--------------------------                          Laptops ( max 1400 ) --------------------------*/
@media (max-width:1400px){
  
}

/*--------------------------                          MD ( max 1200 ) --------------------------*/
@media (max-width:1200px){
  .slick-prev, .slick-next{
    position: absolute;
    font-size: 18px;
    background-color: rgba(83, 215, 228, 0.8);
    color: #fff;
    width: 28px;
    height: 74px;
    top: 0;
    outline: none;
    border: none;
    height: 100%;
  }   
}

/*--------------------------                           SM ( max 992 ) ----------------------*/
@media(max-width:992px){
  .slick-prev, .slick-next{
      position: absolute;
      font-size: 18px;
      background-color: rgba(83, 215, 228, 0.8);
      color: #fff;
      width: 28px;
      height: 74px;
      top: 0;
      outline: none;
      border: none;
      height: 100%;
  }
}

/*--------------------------                           XS ( max 768 ) ------------------*/
@media (max-width:768px){

  .slick-prev, .slick-next{
    font-size:20px;
    top:0;
  }

}

/*--------------------------                           max 480 ---------------------*/
@media (max-width:480px){
    
.slick-prev, .slick-next{
    font-size:18px;
      top:0;
    }

}.footer_form_2 .inputDiv .form-control{
    color:#000;
    display: block;
    width: 100%;
    height: 50px;
    padding: 8px 14px;
    font-size: 17px;
    text-align: right;
    line-height: 1.42857143;
    background-color: #ffffff;
    border:none;
    border-radius: 0px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -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;
}

.form-control formInput::-webkit-input-placeholder,
.form-control formInput::-webkit-input-placeholder
{
  color:    #FF0000;
}

.form-control formInput:-moz-placeholder,
.form-control formInput:-moz-placeholder
{
  color:    #FF0000;
}

.footer_form_2 #ftr_Email{
    direction: ltr;
}

.footer_form_2 label:first-of-type{
    margin:0px;
    height:0px;
}

.footer_form_2 .commentsTextarea{
    margin-top: 10px;
    margin-bottom: 10px;
}

.footer_form_2 .formInput::-webkit-input-placeholder {
    color: #5f5f5f;
    font-size:17px;
}

.footer_form_2 .formInput:-moz-placeholder { /* Firefox 18- */
    color: #5f5f5f;
    font-size:17px;
}

.footer_form_2 .formInput::-moz-placeholder {  /* Firefox 19+ */
    color: #5f5f5f;
    font-size:17px;
}

.footer_form_2 .formInput:-ms-input-placeholder {
    color: #5f5f5f;
    font-size:17px;
}

.footer_form_2 .inputDiv{
    margin-bottom: 14px;
    color:white;
}

.footer_form_2 .formArea input[type="checkbox"] {
    display:none;
}

.footer_form_2 .formArea input[type="checkbox"] + label {
    display: inline-block;
    height: 35px;
    padding-top: 7px;
    margin-bottom: 0;
    margin-top: 7px;
    font-size: 14px;
    font-weight: normal;
    cursor: pointer;
    padding-right: 30px;
    background: url(https://mail.sphera-lighting.co.il/modulefile/footer_form/lib/images/uncheck.png) right no-repeat;
}

.footer_form_2 .formArea label {
    padding-right: 20px;
}
.footer_form_2 .formArea input[type="checkbox"]:checked + label {
    background: url(https://mail.sphera-lighting.co.il/modulefile/footer_form/lib/images/check.png) right no-repeat;
}

.footer_form_2 .submitButton{
    border: 0px;
    background-color: #3d3d3d;
    border: 2px solid #3d3d3d;
    padding: 9px 25px;
    font-size: 18px;
    width: 100%;
    color: #ffffff;
    font-weight: 400;
}

.footer_form_2 .submitButton:hover,  .submitButton:active{
    background-color: transparent;
    color: #3d3d3d;
    border: 2px solid;

}

footer{
    position: relative;
    background-color: #222222;
    color:#fff;
}

.footerAbout {
    /*text-align: center;*/
    vertical-align: top;
    padding-top: 23px;
}

footer h4{
    color:#fff;
    margin-top: 30px;
    font-size: 22px;
    font-weight: 400;
    margin-bottom: 20px;
}
footer a{
    color:#ffd600;
    font-size: 14px;
    font-weight: 400;
    text-decoration: underline;
}
footer a:hover , footer a:active{
    color:#a68c04;
}
footer hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border-top: 1px solid #6a6e70;
    opacity: 0.3;
}
footer p {
    font-size: 14px;
}
.wrappfas{
    width: 100%;
    text-align: center;
}
.bottomCredit{
    text-align: right;
}

.bottomCredit a, .bottomCredit a:visited{
    text-align:left;
    font-size: 12px;
    font-weight: 400;
    color: #ffffff;
}


.bottomCredit, .bottomCredit a{
    font-size: 14px;
    color:#eee;
}

/*--------------------------  Laptops ( max 1400 ) --------------------------*/
@media (max-width:1400px){

}

/*--------------------------  MD ( max 1200 ) --------------------------*/
@media (max-width:1200px){

}

/*--------------------------  SM ( max 992 ) --------------------------*/
@media(max-width:992px){

}

/*--------------------------  XS ( max 768 ) --------------------------*/
@media (max-width:768px){
    .footerAbout, .footerNews, .footerPics, .footerForms, .contactFormsList{
        margin-bottom: 40px;
    }

    .bottomCredit{
        padding: 0px;
        text-align: center;
    }

    .footerSubtitle{
        margin-bottom: 25px;
}
}

/*--------------------------  max 480 --------------------------*/
@media (max-width:480px){
     .footerAbout, .footerNews, .footerPics, .footerForms, .contactFormsList{
        margin-bottom: 0px;
    }
}.innerPageBar{
    background-color: #F0F0F0;
    margin-bottom: 23px;
	    padding-top:35px;
	    padding-bottom:35px;
}

.innerPageBar h1{
    color: #868686;
}

/*--------------------------  Laptops ( max 1400 ) --------------------------*/
@media (max-width:1400px){
  
}

/*--------------------------  MD ( max 1200 ) --------------------------*/
@media (max-width:1200px){
    
}

/*--------------------------  SM ( max 992 ) --------------------------*/
@media(max-width:992px){
    
}

/*--------------------------  XS ( max 768 ) --------------------------*/
@media (max-width:768px){
    .innerPageBar h1, .breadCrumbs{
        text-align: center;
    }
    .innerPageBar{
	    padding-top:20px;
	    padding-bottom:20px;
	}
	#bs-example-navbar-collapse-1{
		margin-top:1px;
	}
}

/*--------------------------  max 480 --------------------------*/
@media (max-width:480px){
	#bs-example-navbar-collapse-1{
		margin-top:11px;
    	background-color: #fff;
	}
}.topMenu {
    margin-bottom: 0px;
    border: 0;
    border-radius: 0;
    background-color: transparent;
    width: 100%;
    margin:0 auto;
}

.mobile-navbar-background {
    z-index: 20;
    background-color: transparent;
}

.nav-icon {
  margin:25px;
  width: 35px;
}
.homepageLogo{
    margin-bottom: 15px;
    padding-top: 10px;
}

.nav-icon:after,
.nav-icon:before,
.nav-icon div {
  background-color: #999;
  -o-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  content: '';
  display: block;
  height: 3px;
  margin: 9px 0;
  -moz-transition: all .2s ease-in-out;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

.nav-icon.active:before {
  transform: translateY(12px) rotate(135deg);
  -moz-transform: translateY(12px) rotate(135deg);
  -webkit-transform: translateY(12px) rotate(135deg);
}

.nav-icon.active:after {
  transform: translateY(-12px) rotate(-135deg);
  -moz-transform: translateY(-12px) rotate(-135deg);
  -webkit-transform: translateY(-12px) rotate(-135deg);
}

.nav-icon.active div {
  -moz-transform: scale(0);
  -webkit-transform: scale(0);
  transform: scale(0);
}

.navbar-header{
    height: 80px;
    display: table;
}

.navbar-nav > li > a {
    padding-top: 3px;
    padding-bottom: 3px;
}

.topMenu .navbar-nav > li > a{
    font-size: 18px;    -o-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    /*text-shadow: -2px 2px 7px rgba(1, 2, 2, 0.35);*/
    color: #ffffff;
    font-size: 15px;
    font-weight: 700;
    padding-bottom: 5px;

}

.redbtn {
    display: inline-block;
    padding: 10px 20px;
    background: #BE1E2D;
    font-size: 16px;
    border-radius: 50px;
    margin-top: 17px;
    color: #FFF;
    cursor: pointer;
    text-align: center;
    position: relative;
    direction: rtl;
    vertical-align: top;
    border: solid 2px #BE1E2D;
    -webkit-transition: all 0.1s ease;
    -moz-transition: all 0.1s ease;
    -ms-transition: all 0.1s ease;
    -o-transition: all 0.1s ease;
    transition: all 0.1s ease;
}

.redbtn:hover, .redbtn:visited, .redbtn:active {
    -webkit-transition: all 0.1s ease;
    -moz-transition: all 0.1s ease;
    -ms-transition: all 0.1s ease;
    -o-transition: all 0.1s ease;
    transition: all 0.1s ease;
    background: transparent;
    color: #BE1E2D;
    border: solid 2px #BE1E2D;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover{
    background-color: inherit !important;
}
.redbtnMobile {
    display: block;
    margin: 0 auto;
    width: 160px;
    padding: 10px 20px;
    background: #BE1E2D;
    font-size: 16px;
    border-radius: 50px;
    margin-top: 17px;
    color: #FFF;
    cursor: pointer;
    text-align: center;
    position: relative;
    direction: rtl;
    vertical-align: top;
    border: solid 2px #BE1E2D;
    -webkit-transition: all 0.1s ease;
    -moz-transition: all 0.1s ease;
    -ms-transition: all 0.1s ease;
    -o-transition: all 0.1s ease;
    transition: all 0.1s ease;
}
.nav>li>a{
    margin-left: 21px;
    padding: 0;
}
.redbtnMobile:hover, .redbtnMobile:visited, .redbtnMobile:active {
    -webkit-transition: all 0.1s ease;
    -moz-transition: all 0.1s ease;
    -ms-transition: all 0.1s ease;
    -o-transition: all 0.1s ease;
    transition: all 0.1s ease;
    background: transparent;
    color: #BE1E2D;
    border: solid 2px #BE1E2D;
}

.topMenu .navbar-nav > li > a:hover, .topMenu .navbar-nav > li > a:focus{
    /*text-shadow: -2px 2px 7px rgba(1, 2, 2, 0.35);*/
    color: #ffd600;
    font-size: 15px;
    font-weight: 700;
}


.topMenu .menuItem a:hover ~ .submenu, .topMenu .menuItem a:focus ~ .submenu, .topMenu .menuItem a:active ~ .submenu{
    visibility: visible;
    opacity: 1;
}

.topMenu .navbar-nav{
    position: relative;
    width: 100%;
    margin-top: 20px;
    /* margin-right: 20px; */
    padding-right: 0;
}

.navbar-right{
    margin-right: 0px;
    /*float: left!important;*/
}

.navbar-left{
    margin-left: 0px;
    float: left!important;
}

.topMenu .submenu{
    padding: 0px;
    margin: 0px;
    min-width: 220px;
    position: absolute;
    top: 30px;
    z-index: 71;
    opacity: 0;
    height: auto;
    width: 100%;
    visibility: hidden;
}

.topMenu .submenu.open{
    visibility: visible;
    opacity: 1;
}

.topMenu .submenu li:last-child{
    border-bottom: none;
    overflow: hidden;
}

.topMenu .submenu:hover, .topMenu .submenu:focus, .topMenu .submenu:active{
    visibility: visible;
    opacity: 1;
}

.submenu li {
    list-style: none;
}

.topMenu .submenu li a, .topMenu .submenu li a:visited{
    background-color: #f8f8f8;
    color: #444;
    display: block;
    padding: 13px 20px;
    font-size: 16px;
    -webkit-transition: all 100ms ease-in;
    -o-transition: all 100ms ease-in;
    -moz-transition: all 100ms ease-in;
    transition: all 100ms ease-in;

}

.topMenu .submenu li a:hover, .topMenu .submenu li a:focus, .topMenu .submenu li a:active{
    color: #494949;
    background-color: #e2e2e2;
    text-decoration: none;
     outline: none;
}

.topMenu .navbar-brand{
    height: auto;
    padding: 0;
    float: none;
    display: table-cell;
    vertical-align: middle;
    padding-top:10px;
}



.topMenu .websiteLogo a:hover, .topMenu .websiteLogo a:focus{
    background: none !important;
}

li.websiteLogo a{
    padding: 0;
}
.navbar-nav, .navbar-nav>li{
    text-align: center;
}
.websiteLogo img{
    max-height: 90px;
    padding:0px 0px;
    margin: 0 auto;
}

.topMenu .navbar-nav li.homeIcon > a, li.homeIcon > a:visited{
    padding: 30px 0 0 30px;
    border: none;
}

.topMenu .navbar-nav li.homeIcon img{
    height: 28px;
}

.langAndSearch{
    font-size: 0px;
}

.navbar-default .navbar-toggle .icon-bar{
    background-color: #FFF;
}

.navbar-default .navbar-toggle:hover .icon-bar, .navbar-default .navbar-toggle:focus .icon-bar{
    background-color: #FFF;
}

#top_menu_mobile .panel{
    background: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{
    background: none !important;
}

.menuSocialBtns{
    position: fixed;
    width: 100%;
    bottom: 0;
    height: 90px;
    background-color: white;
}


/*--------------------------  Laptops ( max 1400 ) --------------------------*/
@media (max-width:1400px){

}

/*--------------------------  MD ( max 1200 ) --------------------------*/
@media (max-width:1200px){
    .navbar-nav > li > a{
        padding: 10px;
    }

    .websiteLogo img{
        padding:0px 0px;
    }
    .websiteLogo a{
        padding: 0px;
    }

    .topMenu .navbar-nav > li > a{
        padding: 30px 15px;
    }
}

/*--------------------------  SM ( max 992 ) --------------------------*/
@media(max-width:991px){
    .topMenu{
    background-color: #000000;
}
    .top-menu-shadow {
        height: 72px;
    }

    .topMenu {
        background-color: rgba(255,255,255,1);
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }

    .websiteLogo img{
        padding:0px 0px;
    }

    .websiteLogo a{
        padding: 0px;
    }

    /* FORCE COLLAPSE */
    .navbar-header {
        float: none;
        height: 72px;
        padding-right: 15px;
    }

    .navbar-toggle{
        display: block;
        position: absolute;
        left: 0px;
        top: 0;
        bottom: 1px;
        padding: 0;
        margin: 0;
        width: 55px;
        height: 72px;
        border: none;
        border-radius: 0;
        color: #000;
        font-size: 32px;
        text-align: left;
    }
    .mobilerow{
        background-color: #ffffff;

    }

    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin: 7.5px -15px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .navbar-text {
        float: none;
        margin: 15px 0;
    }
    /* since 3.1.0 */
    .navbar-collapse.collapse.in {
        display: block!important;
    }
    .collapsing {
        overflow: hidden!important;
    }
    /* END FORCE COLLAPSE */
    .mobile-navbar-background{
        background-color: #000000;
        margin: 0 -15px;
    }
    .topMenu .searchBox{
        width: 95%;
        height: 35px;
        margin: 0 auto 10px auto;
        padding: 0px;
    }
    .topMenu .searchBox input{
        height: 35px;
        padding-left: 34px;
    }

    .topMenu .formSearchButton{
        font-size: 18px;
        left: 10px;
        top: 6px;
    }

    .topMenu .searchForm{
        margin-top: 10px;
    }

    .topMenu {
        z-index: 100;
        padding-bottom: 0px;
        padding-top: 0px;
        top: 0;
        left: 0;
        right: 0;
    }

    .topMenu .navbar-brand{
        padding: 0;
    }


    /* mobile menu */
    .navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse{
        max-height:auto;
    }

    #bs-example-navbar-collapse-1 {
        margin-top: 0px!important;
        background-color: #fff;
        box-shadow: none;
        border: none;
    }
      .panel-group {
        margin-bottom: 0px;
      }
      #top_menu_mobile{
        z-index:1000;
        width: 100%;
        overflow-y: scroll;
        height: auto;
        padding-bottom: 40px;
        border-bottom: 1px solid #b3b3b3;
        background-color: #e0e0e0;
      }

      #top_menu_mobile .panel-heading {
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        color:#333;
        font-size:22px;
        background: none;
        border: none;
        padding: 0px;
      }

      #top_menu_mobile .panel-title > li{
        padding:10px 15px;
      }
      #top_menu_mobile .submenuArrow{
        float:left;
      }

      #top_menu_mobile .submenuArrow:after{
      /*
        font-family: 'Glyphicons Halflings';
        content: "\e259";
        */
      }
      #top_menu_mobile .submenuArrow span{
        font-size:20px;
        color:white;
      }
      #top_menu_mobile .panel-body{
          width: 100%;
          padding:0px 0;
      }


      #top_menu_mobile .panel-group .panel + .panel {
        margin-top: 0px;
      }
      #top_menu_mobile .panel-group .panel {
        border-radius: 0px;
      }
      #top_menu_mobile .panel-default {
        border:none;
      }

      #top_menu_mobile .panel-title > a {
        color: #000000;
        font-size: 22px;
        font-style: normal;
        font-weight: 300;
        outline: inherit;

      }
      #top_menu_mobile .panel-title > a:hover,#top_menu_mobile .panel-title > a:active,#top_menu_mobile .panel-title > a:focus {
        text-decoration: none;
        }
      #top_menu_mobile   .panel {
        margin: 0;
          background-color: #fff;
          border: none;
          -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
          box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
      }
      #top_menu_mobile > ul{
        list-style-type: none;
        height:auto;
        width: 100%;
        padding: 0;
      }
      #top_menu_mobile > li{
        height: 30px;
        width: 100%;
        margin-top: 10px;
        padding-top: 8px;
        border-top: 1px solid #E3E3E3;
      }
      #top_menu_mobile  li a{
        height: 30px;
        width: 100%;
        margin-top: 10px;
        padding-top: 8px;
        color: #444;
      }
      ul {
        margin-bottom: 10px;
        list-style-type: none;
        padding: 0;
        padding-right: 10px;
    }
    /* end mobile menu */


    .websiteLogo img{
        padding:0px 0px;
    }
    .websiteLogo a{
        padding: 0px;
    }

    .navbar-right{
        float: inherit !important;
    }

    .topMenu .navbar-brand{
        float: none;
    }

    .topMenu .navbar-brand img{
        height: 65px;
        width: 180px;
        padding-top: 12px;
        padding-bottom: 10px;
    }

    .topMenu > .container{
        padding: 0px;
        width: auto;
    }

    .panel-title{
        padding-left: 15px;
        padding-right: 35px;
        padding-bottom: 10px;
        border-bottom: 1px solid #eaeaea;
    }

    .menuWrap{
        display: none;
    }

    .menuWrap.active{
        margin-right: -15px;
        margin-left: -15px;
    }

    .menuTitle{
        display: none;
        color: #444;
        font-style: normal;
        font-weight: 400;
        text-transform: uppercase;
        text-align: center;
        font-size: 26px;
        line-height: 1;
        margin-bottom: 35px;
        margin-top: 15px;
    }

    .hiddenMenu {
        display: none!important;
    }
    #top_menu_mobile .panel-title > a.subMenuButton{
        color: #999999;
        font-size: 22px;
        font-style: normal;
        font-weight: 300;
        outline: inherit;
        float:left;
        vertical-align: top;
        padding-bottom: -3px;
        margin-left: 15px
    }


}

/*--------------------------  XS ( max 768 ) --------------------------*/
@media (max-width:767px){

}



/*--------------------------  max 480 --------------------------*/
@media (max-width:480px){

}.breadCrumbs, .breadCrumbs a, .breadCrumbs a:hover, .breadCrumbs a:focus, breadCrumbs a:visited, .breadCrumbs a:active{
    color: #444!important;
    font-size: 16px;
    text-decoration: none;
    text-align: left;
    margin-top: 10px;
}.searchBox{
    width: 200px;
    height: 40px;
    position: relative;
    margin-top: 2px;
}

.searchBox label{
    margin: 0px;
}

.searchInputText{
    color: #000000;
    height: 35px;
    width: 170px;
    margin: 0;
    /*border: none;*/
    left: 45px;
    font-size: 14px;
    background-color:#ffffff;
    display: inline-block;
    border: 1px solid #f0f0f0;
}

.searchBox{
    width: 152px;
    height: 24px;
    position: relative;
    margin-top: 2px;
}

.searchBox input{
    background: #ffffff;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    border: none;
    color: #202022;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    font-size: 14px;
    height: 40px;
    padding: 0px;
    padding-right: 15px;
    padding-left: 25px;
    transition: all 0.2s ease;
}

.searchBox input:hover, .searchBox input:focus, .searchBox input:active{
    background: #eee;
    color: #444;
    transition: all 0.2s ease;
}

.searchBox input:hover + .formSearchButton, .searchBox input:focus + .formSearchButton, .searchBox input:active + .formSearchButton{
    color: #444;
    transition: all 0.2s ease;
}

.formSearchButton{
    background: rgba(0, 0, 0, 0);
    border: none;
    font-size: 14px;
    color: #777;
    display: inline-block;
    height: 35px;
    vertical-align: top;
}



.searchBox input::-webkit-input-placeholder {
    color: #202022;
}

.searchBox input:-moz-placeholder { /* Firefox 18- */
    color: #202022;
}

.searchBox input::-moz-placeholder {  /* Firefox 19+ */
    color: #202022;
}

.searchBox input:-ms-input-placeholder {
    color: #202022;
}


.searchBox input:hover, .searchBox input:focus, .searchBox input:active{
    background-color: #e3e3e3;
    color: #444;
}

.searchBox input:focus::-webkit-input-placeholder, .searchBox input:hover::-webkit-input-placeholder {
    color: #444;
}

.searchBox input:focus:-moz-placeholder, .searchBox input:hover:-moz-placeholder { /* Firefox 18- */
    color: #444;
}

.searchBox input:focus::-moz-placeholder, .searchBox input:hover::-moz-placeholder {  /* Firefox 19+ */
    color: #444;
}

.searchBox input:focus:-ms-input-placeholder, .searchBox input:hover:-ms-input-placeholder {
    color: #444;
}
/*--------------------------  Laptop with HiDPI screen ( max 1440 ) --------------------------*/
@media (max-width:1440px){

}

/*--------------------------  MD ( max 1200 ) --------------------------*/
@media (max-width:1200px){

}

/*--------------------------  SM ( max 992 ) --------------------------*/
@media(max-width:992px){

    .formSearchButton .fa{
        font-size: 25px;
        color: #000000;
        font-weight: 400;
        display: inline-block;
    }

    
}

/*--------------------------  XS ( max 767 ) --------------------------*/
@media (max-width:767px){

}

/*--------------------------  max 480 --------------------------*/
@media (max-width:480px){

}

/*--------------------------  ZOOM 150% (max-width: 1280px) --------------------------*/
@media screen and (max-width:80em){

}

/*--------------------------  ZOOM 200% (max-width: 960px) --------------------------*/
@media screen and (max-width:60em){

}

/*--------------------------  ZOOM 200% IN Laptops (max-width: 720px) --------------------------*/
@media screen and (max-width:45em){

}

/*-------------------------- PRINT VERSION --------------------------*/
@media print{

}
/*-------------------------- END PRINT VERSION --------------------------*//* Language */


.langBtn > .fa{
    font-size: 22px;
    margin-right: 5px;
    color: #fff;
    vertical-align: middle;
}

.langBtn > .selectLangText{
    color: #ffffff;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
}

.langBtn:hover{
    background-color: #ffd600;
}
.langButton{
    float: left;
    margin-right: 23px;

}
ul.langDrop{
    display: none;
    list-style-type: none;
    width: 180px;
    position: absolute;
    background-color: #f8f8f8;
    top: 41px;
    left: auto;
    right: 23%;
    transform: translateX(50%);
    margin: 0 auto;
    text-align: left;
    color: #494949;
    z-index: 120;
    padding: 0;
}


ul.langDrop > li > a, ul.langDrop > li > a:visited{
    display: block;
    width: 100%;
    color: #494949;
    padding: 12px;
    padding-left: 20px;
    font-size: 14px;
    font-weight: 400;
}

ul.langDrop > li > a:hover, ul.langDrop > li > a:focus{
    background-color: #e2e2e2;
}


/*--------------------------  Laptop with HiDPI screen ( max 1440 ) --------------------------*/
@media (max-width:1440px){

}

/*--------------------------  MD ( max 1200 ) --------------------------*/
@media (max-width:1200px){

}

/*--------------------------  SM ( max 992 ) --------------------------*/
@media(max-width:992px){
    .langBtn{
        background-color: #f8f8f8;
    }
    .langBtn > .selectLangText{
        color: #ffd600;
    }
}

/*--------------------------  XS ( max 767 ) --------------------------*/
@media (max-width:767px){
    ul.langDrop{
        width: 140px;
    }

    .langButton{
        float: none;
        text-align: center;
    }

    .langBtn > .selectLangText{
        font-size: 16px;
    }
}

/*--------------------------  max 480 --------------------------*/
@media (max-width:480px){

}.headerBar{
    background-color: transparent;
    padding: 15px 0;
    padding-top: 25px;
}

.socialLinks{
    float: left;
}

.bloksWrapp ,.langButton{
    float: left;
}
#q_search_box_desktop{
    display: none;
}
.bloksWrapp{
    display: inline-block;
}

.headerBar .sepLine{
    background-color: #fff;
    width: 1px;
    height: 20px;
    margin: 2px 16px 0 16px;
    float: left;
}
.headerBar .container{
    padding-right:15px;
    padding-left:15px;
}
.headerBar .searchForm{
    float: left;
    margin-right: 32px;
}
.navbar{
    min-height: 30px;
}
/*--------------------------  Laptops ( max 1400 ) --------------------------*/
@media (max-width:1400px){

}

/*--------------------------  MD ( max 1200 ) --------------------------*/
@media (max-width:1200px){

}

/*--------------------------  SM ( max 992 ) --------------------------*/
@media(max-width:992px){
    .colorRow{
        background-color: #f8f8f8;
    }
    .headerBar{
        background-color: transparent;
        padding: 0px 0;
        padding-top: 0px;
    }

}

/*--------------------------  XS ( max 767 ) --------------------------*/
@media (max-width:767px){
    .headerBar .socialLinks, .headerBar .langButton, .headerBar .sepLine{
        display: inline-block;
        vertical-align: top;
        padding-bottom: 20px;
    }
    .langButton{
        float:right;
    }
    .socialLinks{
        float:left;
    }
    .bloksWrapp{
        padding-top: 15px;
        padding-bottom: 15px;
    }
}

/*--------------------------  max 480 --------------------------*/
@media (max-width:480px){

}

.openinghours {
    width: 100%;
    position: fixed;
    left: 0;
    bottom: 0;   
}
.openinghours img {
    max-width:100%;
}
.closeHours i{
    position: absolute;
    top: 5px;
    right: 5px;
    font-size: 30px;
    cursor:pointer;
}
.mobileNotice {display:none;}
@media (max-width:767px){
    .mobileNotice {display:inline-block;}
    .desktopNotice {display:none;}
    .closeHours i{
        right:10px;
        top:-10px;
    }
}
.socialLinks{
    list-style: none;
	padding: 0px;
    margin: 0px;
    padding-left: 20px;
    margin-bottom: 15px;
}

.socialLinks li{
    display: inline-block;
}

.socialLinks > li > a, .socialLinks > li > a:visited{
    display: block;
    font-size: 20px;
    color: #000000;
    text-align: center;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    background-color: #ffd600;
    margin-right: 9px;
    padding-left: 15px;
    padding-top: 8px;
    padding-right: 13px;
    padding-bottom: 9px;
    height: 44px;
    width: 44px;
}

.socialLinks > li > a:hover  , .socialLinks > li > a:visited{
    background-color: #ffffff;

}
.itemWrap{
    margin-bottom: 11px;
}
.socialLinks > li > a:hover, .socialLinks > li > a:focus{
    color: #000000;
}


/*--------------------------  Laptops ( max 1400 ) --------------------------*/
@media (max-width:1400px){

}

/*--------------------------  MD ( max 1200 ) --------------------------*/
@media (max-width:1200px){

}

/*--------------------------  SM ( max 992 ) --------------------------*/
@media(max-width:992px){
    .socialLinks {
        text-align: center !important;
        width: 100%;
    }
}

/*--------------------------  XS ( max 768 ) --------------------------*/
@media (max-width:768px){
    .socialLinks {
        text-align: center;
    }
}

/*--------------------------  max 480 --------------------------*/
@media (max-width:480px){

}

.shareButton{
    position: relative;
    font-size: 30px;
    color: #324da0;
    cursor: pointer;
    width: 60px;
    height: 60px;
    text-align: center;
    background-color: #ffd600;
}

.shareButton:hover ,  .shareButton:active , .shareButton:focus  {
    background-color: #232323;
}

.shareButton:hover .popupShare, .shareButton:active .popupShare, .shareButton:focus .popupShare{
    display: block;
}
.shareText{
    color: #000000;
    font-size: 13px;
    font-weight: 400;
}

.popupShare{
    position: absolute;
    width: 190px;
    list-style: none;
    top: 44px;
    padding: 0;
    right: -130px;
    z-index: 12;
    display: none;
    left: 0px;

}
.fonts_btn{
    padding-top: 8px;
}
.fonts_btn .fa{
    color: #ffffff;
}
.popupShareArrow{
    color: #324da0;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    top: -24px;
}

ul.shareList{
    list-style-type: none;
    padding: 0px;
    background-color: #f8f8f8;
    margin-top: 16px;

}

ul.shareList li{
    border-bottom: 1px solid #dcdcdc;
    height: 50px;
}

ul.shareList li:last-child{
    border-bottom: none;
}


ul.shareList li a, ul.shareList li a:visited{
    color: #ffffff;
    text-decoration: none;
}

ul.shareList li a:hover, ul.shareList li a:visited{
    color: #ffffff;
    text-decoration: none;
}

ul.shareList li:hover svg, ul.shareList li:focus svg{
    fill: #ffffff;
}

ul.shareList li:hover .shareIcon, ul.shareList li:focus .shareIcon{
    background-color: #ffd600;
}

ul.shareList .shareIcon{
    height: 50px;
    background-color: #232323;
    float: right;
    background-position: center center;
    background-repeat: no-repeat;
    padding: 10px 15px 0px 15px;
    font-size: 20px;
    width: 50px;
    text-align: center;
}

.shareIcon .fa{
    color: #ffffff;
    font-size: 21px;
    font-weight: 400;

}
ul.shareList .shareIcon svg{
    fill: #ffffff;
}


ul.shareList .shareText{
    margin-right: 16px;
    float: right;
    line-height: 50px;
    font-size: 12px;
}

.shareButton > svg *{
    fill: #324da0;
}


/*--------------------------  Laptops ( max 1400 ) --------------------------*/
@media (max-width:1400px){

}

/*--------------------------  MD ( max 1200 ) --------------------------*/
@media (max-width:1200px){
    .popupShare{
        right: 3px;
    }

    .popupShareArrow{
        left: inherit;
        right: 4px;
        color: #4469da;
    }
}

/*--------------------------  SM ( max 992 ) --------------------------*/
@media(max-width:992px){

}

/*--------------------------  XS ( max 768 ) --------------------------*/
@media (max-width:768px){

}

/*--------------------------  max 480 --------------------------*/
@media (max-width:480px){

}.shareButton{
    position: relative;
    font-size: 30px;
    color: #324da0;
    cursor: pointer;
    width: 60px;
    height: 60px;
    text-align: center;
    background-color: #ffd600;
}

.shareButton:hover ,  .shareButton:active , .shareButton:focus  {
    background-color: #232323;
}

.shareButton:hover .popupShare, .shareButton:active .popupShare, .shareButton:focus .popupShare{
    display: block;
}
.shareText{
    color: #000000;
    font-size: 13px;
    font-weight: 400;
}

.popupShare{
    position: absolute;
    width: 190px;
    list-style: none;
    top: 44px;
    padding: 0;
    right: -130px;
    z-index: 12;
    display: none;
    left: 0px;

}
.fonts_btn{
    padding-top: 8px;
}
.fonts_btn .fa{
    color: #ffffff;
}
.popupShareArrow{
    color: #324da0;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    top: -24px;
}

ul.shareList{
    list-style-type: none;
    padding: 0px;
    background-color: #f8f8f8;
    margin-top: 16px;

}

ul.shareList li{
    border-bottom: 1px solid #dcdcdc;
    height: 50px;
}

ul.shareList li:last-child{
    border-bottom: none;
}


ul.shareList li a, ul.shareList li a:visited{
    color: #ffffff;
    text-decoration: none;
}

ul.shareList li a:hover, ul.shareList li a:visited{
    color: #ffffff;
    text-decoration: none;
}

ul.shareList li:hover svg, ul.shareList li:focus svg{
    fill: #ffffff;
}

ul.shareList li:hover .shareIcon, ul.shareList li:focus .shareIcon{
    background-color: #ffd600;
}

ul.shareList .shareIcon{
    height: 50px;
    background-color: #232323;
    float: right;
    background-position: center center;
    background-repeat: no-repeat;
    padding: 10px 15px 0px 15px;
    font-size: 20px;
    width: 50px;
    text-align: center;
}

.shareIcon .fa{
    color: #ffffff;
    font-size: 21px;
    font-weight: 400;

}
ul.shareList .shareIcon svg{
    fill: #ffffff;
}


ul.shareList .shareText{
    margin-right: 16px;
    float: right;
    line-height: 50px;
    font-size: 12px;
}

.shareButton > svg *{
    fill: #324da0;
}


/*--------------------------  Laptops ( max 1400 ) --------------------------*/
@media (max-width:1400px){

}

/*--------------------------  MD ( max 1200 ) --------------------------*/
@media (max-width:1200px){
    .popupShare{
        right: 3px;
    }

    .popupShareArrow{
        left: inherit;
        right: 4px;
        color: #4469da;
    }
}

/*--------------------------  SM ( max 992 ) --------------------------*/
@media(max-width:992px){

}

/*--------------------------  XS ( max 768 ) --------------------------*/
@media (max-width:768px){

}

/*--------------------------  max 480 --------------------------*/
@media (max-width:480px){

}.shareButton{
    position: relative;
    font-size: 30px;
    color: #324da0;
    cursor: pointer;
    width: 60px;
    height: 60px;
    text-align: center;
    background-color: #ffd600;
}

.shareButton:hover ,  .shareButton:active , .shareButton:focus  {
    background-color: #232323;
}

.shareButton:hover .popupShare, .shareButton:active .popupShare, .shareButton:focus .popupShare{
    display: block;
}
.shareText{
    color: #000000;
    font-size: 13px;
    font-weight: 400;
}

.popupShare{
    position: absolute;
    width: 190px;
    list-style: none;
    top: 44px;
    padding: 0;
    right: -130px;
    z-index: 12;
    display: none;
    left: 0px;

}
.fonts_btn{
    padding-top: 8px;
}
.fonts_btn .fa{
    color: #ffffff;
}
.popupShareArrow{
    color: #324da0;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    top: -24px;
}

ul.shareList{
    list-style-type: none;
    padding: 0px;
    background-color: #f8f8f8;
    margin-top: 16px;

}

ul.shareList li{
    border-bottom: 1px solid #dcdcdc;
    height: 50px;
}

ul.shareList li:last-child{
    border-bottom: none;
}


ul.shareList li a, ul.shareList li a:visited{
    color: #ffffff;
    text-decoration: none;
}

ul.shareList li a:hover, ul.shareList li a:visited{
    color: #ffffff;
    text-decoration: none;
}

ul.shareList li:hover svg, ul.shareList li:focus svg{
    fill: #ffffff;
}

ul.shareList li:hover .shareIcon, ul.shareList li:focus .shareIcon{
    background-color: #ffd600;
}

ul.shareList .shareIcon{
    height: 50px;
    background-color: #232323;
    float: right;
    background-position: center center;
    background-repeat: no-repeat;
    padding: 10px 15px 0px 15px;
    font-size: 20px;
    width: 50px;
    text-align: center;
}

.shareIcon .fa{
    color: #ffffff;
    font-size: 21px;
    font-weight: 400;

}
ul.shareList .shareIcon svg{
    fill: #ffffff;
}


ul.shareList .shareText{
    margin-right: 16px;
    float: right;
    line-height: 50px;
    font-size: 12px;
}

.shareButton > svg *{
    fill: #324da0;
}


/*--------------------------  Laptops ( max 1400 ) --------------------------*/
@media (max-width:1400px){

}

/*--------------------------  MD ( max 1200 ) --------------------------*/
@media (max-width:1200px){
    .popupShare{
        right: 3px;
    }

    .popupShareArrow{
        left: inherit;
        right: 4px;
        color: #4469da;
    }
}

/*--------------------------  SM ( max 992 ) --------------------------*/
@media(max-width:992px){

}

/*--------------------------  XS ( max 768 ) --------------------------*/
@media (max-width:768px){

}

/*--------------------------  max 480 --------------------------*/
@media (max-width:480px){

}.shareButton{
    position: relative;
    font-size: 30px;
    color: #324da0;
    cursor: pointer;
    width: 60px;
    height: 60px;
    text-align: center;
    background-color: #ffd600;
}

.shareButton:hover ,  .shareButton:active , .shareButton:focus  {
    background-color: #232323;
}

.shareButton:hover .popupShare, .shareButton:active .popupShare, .shareButton:focus .popupShare{
    display: block;
}
.shareText{
    color: #000000;
    font-size: 13px;
    font-weight: 400;
}

.popupShare{
    position: absolute;
    width: 190px;
    list-style: none;
    top: 44px;
    padding: 0;
    right: -130px;
    z-index: 12;
    display: none;
    left: 0px;

}
.fonts_btn{
    padding-top: 8px;
}
.fonts_btn .fa{
    color: #ffffff;
}
.popupShareArrow{
    color: #324da0;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    top: -24px;
}

ul.shareList{
    list-style-type: none;
    padding: 0px;
    background-color: #f8f8f8;
    margin-top: 16px;

}

ul.shareList li{
    border-bottom: 1px solid #dcdcdc;
    height: 50px;
}

ul.shareList li:last-child{
    border-bottom: none;
}


ul.shareList li a, ul.shareList li a:visited{
    color: #ffffff;
    text-decoration: none;
}

ul.shareList li a:hover, ul.shareList li a:visited{
    color: #ffffff;
    text-decoration: none;
}

ul.shareList li:hover svg, ul.shareList li:focus svg{
    fill: #ffffff;
}

ul.shareList li:hover .shareIcon, ul.shareList li:focus .shareIcon{
    background-color: #ffd600;
}

ul.shareList .shareIcon{
    height: 50px;
    background-color: #232323;
    float: right;
    background-position: center center;
    background-repeat: no-repeat;
    padding: 10px 15px 0px 15px;
    font-size: 20px;
    width: 50px;
    text-align: center;
}

.shareIcon .fa{
    color: #ffffff;
    font-size: 21px;
    font-weight: 400;

}
ul.shareList .shareIcon svg{
    fill: #ffffff;
}


ul.shareList .shareText{
    margin-right: 16px;
    float: right;
    line-height: 50px;
    font-size: 12px;
}

.shareButton > svg *{
    fill: #324da0;
}


/*--------------------------  Laptops ( max 1400 ) --------------------------*/
@media (max-width:1400px){

}

/*--------------------------  MD ( max 1200 ) --------------------------*/
@media (max-width:1200px){
    .popupShare{
        right: 3px;
    }

    .popupShareArrow{
        left: inherit;
        right: 4px;
        color: #4469da;
    }
}

/*--------------------------  SM ( max 992 ) --------------------------*/
@media(max-width:992px){

}

/*--------------------------  XS ( max 768 ) --------------------------*/
@media (max-width:768px){

}

/*--------------------------  max 480 --------------------------*/
@media (max-width:480px){

}.shareButton{
    position: relative;
    font-size: 30px;
    color: #324da0;
    cursor: pointer;
    width: 60px;
    height: 60px;
    text-align: center;
    background-color: #ffd600;
}

.shareButton:hover ,  .shareButton:active , .shareButton:focus  {
    background-color: #232323;
}

.shareButton:hover .popupShare, .shareButton:active .popupShare, .shareButton:focus .popupShare{
    display: block;
}
.shareText{
    color: #000000;
    font-size: 13px;
    font-weight: 400;
}

.popupShare{
    position: absolute;
    width: 190px;
    list-style: none;
    top: 44px;
    padding: 0;
    right: -130px;
    z-index: 12;
    display: none;
    left: 0px;

}
.fonts_btn{
    padding-top: 8px;
}
.fonts_btn .fa{
    color: #ffffff;
}
.popupShareArrow{
    color: #324da0;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    top: -24px;
}

ul.shareList{
    list-style-type: none;
    padding: 0px;
    background-color: #f8f8f8;
    margin-top: 16px;

}

ul.shareList li{
    border-bottom: 1px solid #dcdcdc;
    height: 50px;
}

ul.shareList li:last-child{
    border-bottom: none;
}


ul.shareList li a, ul.shareList li a:visited{
    color: #ffffff;
    text-decoration: none;
}

ul.shareList li a:hover, ul.shareList li a:visited{
    color: #ffffff;
    text-decoration: none;
}

ul.shareList li:hover svg, ul.shareList li:focus svg{
    fill: #ffffff;
}

ul.shareList li:hover .shareIcon, ul.shareList li:focus .shareIcon{
    background-color: #ffd600;
}

ul.shareList .shareIcon{
    height: 50px;
    background-color: #232323;
    float: right;
    background-position: center center;
    background-repeat: no-repeat;
    padding: 10px 15px 0px 15px;
    font-size: 20px;
    width: 50px;
    text-align: center;
}

.shareIcon .fa{
    color: #ffffff;
    font-size: 21px;
    font-weight: 400;

}
ul.shareList .shareIcon svg{
    fill: #ffffff;
}


ul.shareList .shareText{
    margin-right: 16px;
    float: right;
    line-height: 50px;
    font-size: 12px;
}

.shareButton > svg *{
    fill: #324da0;
}


/*--------------------------  Laptops ( max 1400 ) --------------------------*/
@media (max-width:1400px){

}

/*--------------------------  MD ( max 1200 ) --------------------------*/
@media (max-width:1200px){
    .popupShare{
        right: 3px;
    }

    .popupShareArrow{
        left: inherit;
        right: 4px;
        color: #4469da;
    }
}

/*--------------------------  SM ( max 992 ) --------------------------*/
@media(max-width:992px){

}

/*--------------------------  XS ( max 768 ) --------------------------*/
@media (max-width:768px){

}

/*--------------------------  max 480 --------------------------*/
@media (max-width:480px){

}.shareButton{
    position: relative;
    font-size: 30px;
    color: #324da0;
    cursor: pointer;
    width: 60px;
    height: 60px;
    text-align: center;
    background-color: #ffd600;
}

.shareButton:hover ,  .shareButton:active , .shareButton:focus  {
    background-color: #232323;
}

.shareButton:hover .popupShare, .shareButton:active .popupShare, .shareButton:focus .popupShare{
    display: block;
}
.shareText{
    color: #000000;
    font-size: 13px;
    font-weight: 400;
}

.popupShare{
    position: absolute;
    width: 190px;
    list-style: none;
    top: 44px;
    padding: 0;
    right: -130px;
    z-index: 12;
    display: none;
    left: 0px;

}
.fonts_btn{
    padding-top: 8px;
}
.fonts_btn .fa{
    color: #ffffff;
}
.popupShareArrow{
    color: #324da0;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    top: -24px;
}

ul.shareList{
    list-style-type: none;
    padding: 0px;
    background-color: #f8f8f8;
    margin-top: 16px;

}

ul.shareList li{
    border-bottom: 1px solid #dcdcdc;
    height: 50px;
}

ul.shareList li:last-child{
    border-bottom: none;
}


ul.shareList li a, ul.shareList li a:visited{
    color: #ffffff;
    text-decoration: none;
}

ul.shareList li a:hover, ul.shareList li a:visited{
    color: #ffffff;
    text-decoration: none;
}

ul.shareList li:hover svg, ul.shareList li:focus svg{
    fill: #ffffff;
}

ul.shareList li:hover .shareIcon, ul.shareList li:focus .shareIcon{
    background-color: #ffd600;
}

ul.shareList .shareIcon{
    height: 50px;
    background-color: #232323;
    float: right;
    background-position: center center;
    background-repeat: no-repeat;
    padding: 10px 15px 0px 15px;
    font-size: 20px;
    width: 50px;
    text-align: center;
}

.shareIcon .fa{
    color: #ffffff;
    font-size: 21px;
    font-weight: 400;

}
ul.shareList .shareIcon svg{
    fill: #ffffff;
}


ul.shareList .shareText{
    margin-right: 16px;
    float: right;
    line-height: 50px;
    font-size: 12px;
}

.shareButton > svg *{
    fill: #324da0;
}


/*--------------------------  Laptops ( max 1400 ) --------------------------*/
@media (max-width:1400px){

}

/*--------------------------  MD ( max 1200 ) --------------------------*/
@media (max-width:1200px){
    .popupShare{
        right: 3px;
    }

    .popupShareArrow{
        left: inherit;
        right: 4px;
        color: #4469da;
    }
}

/*--------------------------  SM ( max 992 ) --------------------------*/
@media(max-width:992px){

}

/*--------------------------  XS ( max 768 ) --------------------------*/
@media (max-width:768px){

}

/*--------------------------  max 480 --------------------------*/
@media (max-width:480px){

}.shareButton{
    position: relative;
    font-size: 30px;
    color: #324da0;
    cursor: pointer;
    width: 60px;
    height: 60px;
    text-align: center;
    background-color: #ffd600;
}

.shareButton:hover ,  .shareButton:active , .shareButton:focus  {
    background-color: #232323;
}

.shareButton:hover .popupShare, .shareButton:active .popupShare, .shareButton:focus .popupShare{
    display: block;
}
.shareText{
    color: #000000;
    font-size: 13px;
    font-weight: 400;
}

.popupShare{
    position: absolute;
    width: 190px;
    list-style: none;
    top: 44px;
    padding: 0;
    right: -130px;
    z-index: 12;
    display: none;
    left: 0px;

}
.fonts_btn{
    padding-top: 8px;
}
.fonts_btn .fa{
    color: #ffffff;
}
.popupShareArrow{
    color: #324da0;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    top: -24px;
}

ul.shareList{
    list-style-type: none;
    padding: 0px;
    background-color: #f8f8f8;
    margin-top: 16px;

}

ul.shareList li{
    border-bottom: 1px solid #dcdcdc;
    height: 50px;
}

ul.shareList li:last-child{
    border-bottom: none;
}


ul.shareList li a, ul.shareList li a:visited{
    color: #ffffff;
    text-decoration: none;
}

ul.shareList li a:hover, ul.shareList li a:visited{
    color: #ffffff;
    text-decoration: none;
}

ul.shareList li:hover svg, ul.shareList li:focus svg{
    fill: #ffffff;
}

ul.shareList li:hover .shareIcon, ul.shareList li:focus .shareIcon{
    background-color: #ffd600;
}

ul.shareList .shareIcon{
    height: 50px;
    background-color: #232323;
    float: right;
    background-position: center center;
    background-repeat: no-repeat;
    padding: 10px 15px 0px 15px;
    font-size: 20px;
    width: 50px;
    text-align: center;
}

.shareIcon .fa{
    color: #ffffff;
    font-size: 21px;
    font-weight: 400;

}
ul.shareList .shareIcon svg{
    fill: #ffffff;
}


ul.shareList .shareText{
    margin-right: 16px;
    float: right;
    line-height: 50px;
    font-size: 12px;
}

.shareButton > svg *{
    fill: #324da0;
}


/*--------------------------  Laptops ( max 1400 ) --------------------------*/
@media (max-width:1400px){

}

/*--------------------------  MD ( max 1200 ) --------------------------*/
@media (max-width:1200px){
    .popupShare{
        right: 3px;
    }

    .popupShareArrow{
        left: inherit;
        right: 4px;
        color: #4469da;
    }
}

/*--------------------------  SM ( max 992 ) --------------------------*/
@media(max-width:992px){

}

/*--------------------------  XS ( max 768 ) --------------------------*/
@media (max-width:768px){

}

/*--------------------------  max 480 --------------------------*/
@media (max-width:480px){

}.shareButton{
    position: relative;
    font-size: 30px;
    color: #324da0;
    cursor: pointer;
    width: 60px;
    height: 60px;
    text-align: center;
    background-color: #ffd600;
}

.shareButton:hover ,  .shareButton:active , .shareButton:focus  {
    background-color: #232323;
}

.shareButton:hover .popupShare, .shareButton:active .popupShare, .shareButton:focus .popupShare{
    display: block;
}
.shareText{
    color: #000000;
    font-size: 13px;
    font-weight: 400;
}

.popupShare{
    position: absolute;
    width: 190px;
    list-style: none;
    top: 44px;
    padding: 0;
    right: -130px;
    z-index: 12;
    display: none;
    left: 0px;

}
.fonts_btn{
    padding-top: 8px;
}
.fonts_btn .fa{
    color: #ffffff;
}
.popupShareArrow{
    color: #324da0;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    top: -24px;
}

ul.shareList{
    list-style-type: none;
    padding: 0px;
    background-color: #f8f8f8;
    margin-top: 16px;

}

ul.shareList li{
    border-bottom: 1px solid #dcdcdc;
    height: 50px;
}

ul.shareList li:last-child{
    border-bottom: none;
}


ul.shareList li a, ul.shareList li a:visited{
    color: #ffffff;
    text-decoration: none;
}

ul.shareList li a:hover, ul.shareList li a:visited{
    color: #ffffff;
    text-decoration: none;
}

ul.shareList li:hover svg, ul.shareList li:focus svg{
    fill: #ffffff;
}

ul.shareList li:hover .shareIcon, ul.shareList li:focus .shareIcon{
    background-color: #ffd600;
}

ul.shareList .shareIcon{
    height: 50px;
    background-color: #232323;
    float: right;
    background-position: center center;
    background-repeat: no-repeat;
    padding: 10px 15px 0px 15px;
    font-size: 20px;
    width: 50px;
    text-align: center;
}

.shareIcon .fa{
    color: #ffffff;
    font-size: 21px;
    font-weight: 400;

}
ul.shareList .shareIcon svg{
    fill: #ffffff;
}


ul.shareList .shareText{
    margin-right: 16px;
    float: right;
    line-height: 50px;
    font-size: 12px;
}

.shareButton > svg *{
    fill: #324da0;
}


/*--------------------------  Laptops ( max 1400 ) --------------------------*/
@media (max-width:1400px){

}

/*--------------------------  MD ( max 1200 ) --------------------------*/
@media (max-width:1200px){
    .popupShare{
        right: 3px;
    }

    .popupShareArrow{
        left: inherit;
        right: 4px;
        color: #4469da;
    }
}

/*--------------------------  SM ( max 992 ) --------------------------*/
@media(max-width:992px){

}

/*--------------------------  XS ( max 768 ) --------------------------*/
@media (max-width:768px){

}

/*--------------------------  max 480 --------------------------*/
@media (max-width:480px){

}.shareButton{
    position: relative;
    font-size: 30px;
    color: #324da0;
    cursor: pointer;
    width: 60px;
    height: 60px;
    text-align: center;
    background-color: #ffd600;
}

.shareButton:hover ,  .shareButton:active , .shareButton:focus  {
    background-color: #232323;
}

.shareButton:hover .popupShare, .shareButton:active .popupShare, .shareButton:focus .popupShare{
    display: block;
}
.shareText{
    color: #000000;
    font-size: 13px;
    font-weight: 400;
}

.popupShare{
    position: absolute;
    width: 190px;
    list-style: none;
    top: 44px;
    padding: 0;
    right: -130px;
    z-index: 12;
    display: none;
    left: 0px;

}
.fonts_btn{
    padding-top: 8px;
}
.fonts_btn .fa{
    color: #ffffff;
}
.popupShareArrow{
    color: #324da0;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    top: -24px;
}

ul.shareList{
    list-style-type: none;
    padding: 0px;
    background-color: #f8f8f8;
    margin-top: 16px;

}

ul.shareList li{
    border-bottom: 1px solid #dcdcdc;
    height: 50px;
}

ul.shareList li:last-child{
    border-bottom: none;
}


ul.shareList li a, ul.shareList li a:visited{
    color: #ffffff;
    text-decoration: none;
}

ul.shareList li a:hover, ul.shareList li a:visited{
    color: #ffffff;
    text-decoration: none;
}

ul.shareList li:hover svg, ul.shareList li:focus svg{
    fill: #ffffff;
}

ul.shareList li:hover .shareIcon, ul.shareList li:focus .shareIcon{
    background-color: #ffd600;
}

ul.shareList .shareIcon{
    height: 50px;
    background-color: #232323;
    float: right;
    background-position: center center;
    background-repeat: no-repeat;
    padding: 10px 15px 0px 15px;
    font-size: 20px;
    width: 50px;
    text-align: center;
}

.shareIcon .fa{
    color: #ffffff;
    font-size: 21px;
    font-weight: 400;

}
ul.shareList .shareIcon svg{
    fill: #ffffff;
}


ul.shareList .shareText{
    margin-right: 16px;
    float: right;
    line-height: 50px;
    font-size: 12px;
}

.shareButton > svg *{
    fill: #324da0;
}


/*--------------------------  Laptops ( max 1400 ) --------------------------*/
@media (max-width:1400px){

}

/*--------------------------  MD ( max 1200 ) --------------------------*/
@media (max-width:1200px){
    .popupShare{
        right: 3px;
    }

    .popupShareArrow{
        left: inherit;
        right: 4px;
        color: #4469da;
    }
}

/*--------------------------  SM ( max 992 ) --------------------------*/
@media(max-width:992px){

}

/*--------------------------  XS ( max 768 ) --------------------------*/
@media (max-width:768px){

}

/*--------------------------  max 480 --------------------------*/
@media (max-width:480px){

}.shareButton{
    position: relative;
    font-size: 30px;
    color: #324da0;
    cursor: pointer;
    width: 60px;
    height: 60px;
    text-align: center;
    background-color: #ffd600;
}

.shareButton:hover ,  .shareButton:active , .shareButton:focus  {
    background-color: #232323;
}

.shareButton:hover .popupShare, .shareButton:active .popupShare, .shareButton:focus .popupShare{
    display: block;
}
.shareText{
    color: #000000;
    font-size: 13px;
    font-weight: 400;
}

.popupShare{
    position: absolute;
    width: 190px;
    list-style: none;
    top: 44px;
    padding: 0;
    right: -130px;
    z-index: 12;
    display: none;
    left: 0px;

}
.fonts_btn{
    padding-top: 8px;
}
.fonts_btn .fa{
    color: #ffffff;
}
.popupShareArrow{
    color: #324da0;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    top: -24px;
}

ul.shareList{
    list-style-type: none;
    padding: 0px;
    background-color: #f8f8f8;
    margin-top: 16px;

}

ul.shareList li{
    border-bottom: 1px solid #dcdcdc;
    height: 50px;
}

ul.shareList li:last-child{
    border-bottom: none;
}


ul.shareList li a, ul.shareList li a:visited{
    color: #ffffff;
    text-decoration: none;
}

ul.shareList li a:hover, ul.shareList li a:visited{
    color: #ffffff;
    text-decoration: none;
}

ul.shareList li:hover svg, ul.shareList li:focus svg{
    fill: #ffffff;
}

ul.shareList li:hover .shareIcon, ul.shareList li:focus .shareIcon{
    background-color: #ffd600;
}

ul.shareList .shareIcon{
    height: 50px;
    background-color: #232323;
    float: right;
    background-position: center center;
    background-repeat: no-repeat;
    padding: 10px 15px 0px 15px;
    font-size: 20px;
    width: 50px;
    text-align: center;
}

.shareIcon .fa{
    color: #ffffff;
    font-size: 21px;
    font-weight: 400;

}
ul.shareList .shareIcon svg{
    fill: #ffffff;
}


ul.shareList .shareText{
    margin-right: 16px;
    float: right;
    line-height: 50px;
    font-size: 12px;
}

.shareButton > svg *{
    fill: #324da0;
}


/*--------------------------  Laptops ( max 1400 ) --------------------------*/
@media (max-width:1400px){

}

/*--------------------------  MD ( max 1200 ) --------------------------*/
@media (max-width:1200px){
    .popupShare{
        right: 3px;
    }

    .popupShareArrow{
        left: inherit;
        right: 4px;
        color: #4469da;
    }
}

/*--------------------------  SM ( max 992 ) --------------------------*/
@media(max-width:992px){

}

/*--------------------------  XS ( max 768 ) --------------------------*/
@media (max-width:768px){

}

/*--------------------------  max 480 --------------------------*/
@media (max-width:480px){

}.shareButton{
    position: relative;
    font-size: 30px;
    color: #324da0;
    cursor: pointer;
    width: 60px;
    height: 60px;
    text-align: center;
    background-color: #ffd600;
}

.shareButton:hover ,  .shareButton:active , .shareButton:focus  {
    background-color: #232323;
}

.shareButton:hover .popupShare, .shareButton:active .popupShare, .shareButton:focus .popupShare{
    display: block;
}
.shareText{
    color: #000000;
    font-size: 13px;
    font-weight: 400;
}

.popupShare{
    position: absolute;
    width: 190px;
    list-style: none;
    top: 44px;
    padding: 0;
    right: -130px;
    z-index: 12;
    display: none;
    left: 0px;

}
.fonts_btn{
    padding-top: 8px;
}
.fonts_btn .fa{
    color: #ffffff;
}
.popupShareArrow{
    color: #324da0;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    top: -24px;
}

ul.shareList{
    list-style-type: none;
    padding: 0px;
    background-color: #f8f8f8;
    margin-top: 16px;

}

ul.shareList li{
    border-bottom: 1px solid #dcdcdc;
    height: 50px;
}

ul.shareList li:last-child{
    border-bottom: none;
}


ul.shareList li a, ul.shareList li a:visited{
    color: #ffffff;
    text-decoration: none;
}

ul.shareList li a:hover, ul.shareList li a:visited{
    color: #ffffff;
    text-decoration: none;
}

ul.shareList li:hover svg, ul.shareList li:focus svg{
    fill: #ffffff;
}

ul.shareList li:hover .shareIcon, ul.shareList li:focus .shareIcon{
    background-color: #ffd600;
}

ul.shareList .shareIcon{
    height: 50px;
    background-color: #232323;
    float: right;
    background-position: center center;
    background-repeat: no-repeat;
    padding: 10px 15px 0px 15px;
    font-size: 20px;
    width: 50px;
    text-align: center;
}

.shareIcon .fa{
    color: #ffffff;
    font-size: 21px;
    font-weight: 400;

}
ul.shareList .shareIcon svg{
    fill: #ffffff;
}


ul.shareList .shareText{
    margin-right: 16px;
    float: right;
    line-height: 50px;
    font-size: 12px;
}

.shareButton > svg *{
    fill: #324da0;
}


/*--------------------------  Laptops ( max 1400 ) --------------------------*/
@media (max-width:1400px){

}

/*--------------------------  MD ( max 1200 ) --------------------------*/
@media (max-width:1200px){
    .popupShare{
        right: 3px;
    }

    .popupShareArrow{
        left: inherit;
        right: 4px;
        color: #4469da;
    }
}

/*--------------------------  SM ( max 992 ) --------------------------*/
@media(max-width:992px){

}

/*--------------------------  XS ( max 768 ) --------------------------*/
@media (max-width:768px){

}

/*--------------------------  max 480 --------------------------*/
@media (max-width:480px){

}.shareButton{
    position: relative;
    font-size: 30px;
    color: #324da0;
    cursor: pointer;
    width: 60px;
    height: 60px;
    text-align: center;
    background-color: #ffd600;
}

.shareButton:hover ,  .shareButton:active , .shareButton:focus  {
    background-color: #232323;
}

.shareButton:hover .popupShare, .shareButton:active .popupShare, .shareButton:focus .popupShare{
    display: block;
}
.shareText{
    color: #000000;
    font-size: 13px;
    font-weight: 400;
}

.popupShare{
    position: absolute;
    width: 190px;
    list-style: none;
    top: 44px;
    padding: 0;
    right: -130px;
    z-index: 12;
    display: none;
    left: 0px;

}
.fonts_btn{
    padding-top: 8px;
}
.fonts_btn .fa{
    color: #ffffff;
}
.popupShareArrow{
    color: #324da0;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    top: -24px;
}

ul.shareList{
    list-style-type: none;
    padding: 0px;
    background-color: #f8f8f8;
    margin-top: 16px;

}

ul.shareList li{
    border-bottom: 1px solid #dcdcdc;
    height: 50px;
}

ul.shareList li:last-child{
    border-bottom: none;
}


ul.shareList li a, ul.shareList li a:visited{
    color: #ffffff;
    text-decoration: none;
}

ul.shareList li a:hover, ul.shareList li a:visited{
    color: #ffffff;
    text-decoration: none;
}

ul.shareList li:hover svg, ul.shareList li:focus svg{
    fill: #ffffff;
}

ul.shareList li:hover .shareIcon, ul.shareList li:focus .shareIcon{
    background-color: #ffd600;
}

ul.shareList .shareIcon{
    height: 50px;
    background-color: #232323;
    float: right;
    background-position: center center;
    background-repeat: no-repeat;
    padding: 10px 15px 0px 15px;
    font-size: 20px;
    width: 50px;
    text-align: center;
}

.shareIcon .fa{
    color: #ffffff;
    font-size: 21px;
    font-weight: 400;

}
ul.shareList .shareIcon svg{
    fill: #ffffff;
}


ul.shareList .shareText{
    margin-right: 16px;
    float: right;
    line-height: 50px;
    font-size: 12px;
}

.shareButton > svg *{
    fill: #324da0;
}


/*--------------------------  Laptops ( max 1400 ) --------------------------*/
@media (max-width:1400px){

}

/*--------------------------  MD ( max 1200 ) --------------------------*/
@media (max-width:1200px){
    .popupShare{
        right: 3px;
    }

    .popupShareArrow{
        left: inherit;
        right: 4px;
        color: #4469da;
    }
}

/*--------------------------  SM ( max 992 ) --------------------------*/
@media(max-width:992px){

}

/*--------------------------  XS ( max 768 ) --------------------------*/
@media (max-width:768px){

}

/*--------------------------  max 480 --------------------------*/
@media (max-width:480px){

}.shareButton{
    position: relative;
    font-size: 30px;
    color: #324da0;
    cursor: pointer;
    width: 60px;
    height: 60px;
    text-align: center;
    background-color: #ffd600;
}

.shareButton:hover ,  .shareButton:active , .shareButton:focus  {
    background-color: #232323;
}

.shareButton:hover .popupShare, .shareButton:active .popupShare, .shareButton:focus .popupShare{
    display: block;
}
.shareText{
    color: #000000;
    font-size: 13px;
    font-weight: 400;
}

.popupShare{
    position: absolute;
    width: 190px;
    list-style: none;
    top: 44px;
    padding: 0;
    right: -130px;
    z-index: 12;
    display: none;
    left: 0px;

}
.fonts_btn{
    padding-top: 8px;
}
.fonts_btn .fa{
    color: #ffffff;
}
.popupShareArrow{
    color: #324da0;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    top: -24px;
}

ul.shareList{
    list-style-type: none;
    padding: 0px;
    background-color: #f8f8f8;
    margin-top: 16px;

}

ul.shareList li{
    border-bottom: 1px solid #dcdcdc;
    height: 50px;
}

ul.shareList li:last-child{
    border-bottom: none;
}


ul.shareList li a, ul.shareList li a:visited{
    color: #ffffff;
    text-decoration: none;
}

ul.shareList li a:hover, ul.shareList li a:visited{
    color: #ffffff;
    text-decoration: none;
}

ul.shareList li:hover svg, ul.shareList li:focus svg{
    fill: #ffffff;
}

ul.shareList li:hover .shareIcon, ul.shareList li:focus .shareIcon{
    background-color: #ffd600;
}

ul.shareList .shareIcon{
    height: 50px;
    background-color: #232323;
    float: right;
    background-position: center center;
    background-repeat: no-repeat;
    padding: 10px 15px 0px 15px;
    font-size: 20px;
    width: 50px;
    text-align: center;
}

.shareIcon .fa{
    color: #ffffff;
    font-size: 21px;
    font-weight: 400;

}
ul.shareList .shareIcon svg{
    fill: #ffffff;
}


ul.shareList .shareText{
    margin-right: 16px;
    float: right;
    line-height: 50px;
    font-size: 12px;
}

.shareButton > svg *{
    fill: #324da0;
}


/*--------------------------  Laptops ( max 1400 ) --------------------------*/
@media (max-width:1400px){

}

/*--------------------------  MD ( max 1200 ) --------------------------*/
@media (max-width:1200px){
    .popupShare{
        right: 3px;
    }

    .popupShareArrow{
        left: inherit;
        right: 4px;
        color: #4469da;
    }
}

/*--------------------------  SM ( max 992 ) --------------------------*/
@media(max-width:992px){

}

/*--------------------------  XS ( max 768 ) --------------------------*/
@media (max-width:768px){

}

/*--------------------------  max 480 --------------------------*/
@media (max-width:480px){

}.shareButton{
    position: relative;
    font-size: 30px;
    color: #324da0;
    cursor: pointer;
    width: 60px;
    height: 60px;
    text-align: center;
    background-color: #ffd600;
}

.shareButton:hover ,  .shareButton:active , .shareButton:focus  {
    background-color: #232323;
}

.shareButton:hover .popupShare, .shareButton:active .popupShare, .shareButton:focus .popupShare{
    display: block;
}
.shareText{
    color: #000000;
    font-size: 13px;
    font-weight: 400;
}

.popupShare{
    position: absolute;
    width: 190px;
    list-style: none;
    top: 44px;
    padding: 0;
    right: -130px;
    z-index: 12;
    display: none;
    left: 0px;

}
.fonts_btn{
    padding-top: 8px;
}
.fonts_btn .fa{
    color: #ffffff;
}
.popupShareArrow{
    color: #324da0;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    top: -24px;
}

ul.shareList{
    list-style-type: none;
    padding: 0px;
    background-color: #f8f8f8;
    margin-top: 16px;

}

ul.shareList li{
    border-bottom: 1px solid #dcdcdc;
    height: 50px;
}

ul.shareList li:last-child{
    border-bottom: none;
}


ul.shareList li a, ul.shareList li a:visited{
    color: #ffffff;
    text-decoration: none;
}

ul.shareList li a:hover, ul.shareList li a:visited{
    color: #ffffff;
    text-decoration: none;
}

ul.shareList li:hover svg, ul.shareList li:focus svg{
    fill: #ffffff;
}

ul.shareList li:hover .shareIcon, ul.shareList li:focus .shareIcon{
    background-color: #ffd600;
}

ul.shareList .shareIcon{
    height: 50px;
    background-color: #232323;
    float: right;
    background-position: center center;
    background-repeat: no-repeat;
    padding: 10px 15px 0px 15px;
    font-size: 20px;
    width: 50px;
    text-align: center;
}

.shareIcon .fa{
    color: #ffffff;
    font-size: 21px;
    font-weight: 400;

}
ul.shareList .shareIcon svg{
    fill: #ffffff;
}


ul.shareList .shareText{
    margin-right: 16px;
    float: right;
    line-height: 50px;
    font-size: 12px;
}

.shareButton > svg *{
    fill: #324da0;
}


/*--------------------------  Laptops ( max 1400 ) --------------------------*/
@media (max-width:1400px){

}

/*--------------------------  MD ( max 1200 ) --------------------------*/
@media (max-width:1200px){
    .popupShare{
        right: 3px;
    }

    .popupShareArrow{
        left: inherit;
        right: 4px;
        color: #4469da;
    }
}

/*--------------------------  SM ( max 992 ) --------------------------*/
@media(max-width:992px){

}

/*--------------------------  XS ( max 768 ) --------------------------*/
@media (max-width:768px){

}

/*--------------------------  max 480 --------------------------*/
@media (max-width:480px){

}.shareButton{
    position: relative;
    font-size: 30px;
    color: #324da0;
    cursor: pointer;
    width: 60px;
    height: 60px;
    text-align: center;
    background-color: #ffd600;
}

.shareButton:hover ,  .shareButton:active , .shareButton:focus  {
    background-color: #232323;
}

.shareButton:hover .popupShare, .shareButton:active .popupShare, .shareButton:focus .popupShare{
    display: block;
}
.shareText{
    color: #000000;
    font-size: 13px;
    font-weight: 400;
}

.popupShare{
    position: absolute;
    width: 190px;
    list-style: none;
    top: 44px;
    padding: 0;
    right: -130px;
    z-index: 12;
    display: none;
    left: 0px;

}
.fonts_btn{
    padding-top: 8px;
}
.fonts_btn .fa{
    color: #ffffff;
}
.popupShareArrow{
    color: #324da0;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    top: -24px;
}

ul.shareList{
    list-style-type: none;
    padding: 0px;
    background-color: #f8f8f8;
    margin-top: 16px;

}

ul.shareList li{
    border-bottom: 1px solid #dcdcdc;
    height: 50px;
}

ul.shareList li:last-child{
    border-bottom: none;
}


ul.shareList li a, ul.shareList li a:visited{
    color: #ffffff;
    text-decoration: none;
}

ul.shareList li a:hover, ul.shareList li a:visited{
    color: #ffffff;
    text-decoration: none;
}

ul.shareList li:hover svg, ul.shareList li:focus svg{
    fill: #ffffff;
}

ul.shareList li:hover .shareIcon, ul.shareList li:focus .shareIcon{
    background-color: #ffd600;
}

ul.shareList .shareIcon{
    height: 50px;
    background-color: #232323;
    float: right;
    background-position: center center;
    background-repeat: no-repeat;
    padding: 10px 15px 0px 15px;
    font-size: 20px;
    width: 50px;
    text-align: center;
}

.shareIcon .fa{
    color: #ffffff;
    font-size: 21px;
    font-weight: 400;

}
ul.shareList .shareIcon svg{
    fill: #ffffff;
}


ul.shareList .shareText{
    margin-right: 16px;
    float: right;
    line-height: 50px;
    font-size: 12px;
}

.shareButton > svg *{
    fill: #324da0;
}


/*--------------------------  Laptops ( max 1400 ) --------------------------*/
@media (max-width:1400px){

}

/*--------------------------  MD ( max 1200 ) --------------------------*/
@media (max-width:1200px){
    .popupShare{
        right: 3px;
    }

    .popupShareArrow{
        left: inherit;
        right: 4px;
        color: #4469da;
    }
}

/*--------------------------  SM ( max 992 ) --------------------------*/
@media(max-width:992px){

}

/*--------------------------  XS ( max 768 ) --------------------------*/
@media (max-width:768px){

}

/*--------------------------  max 480 --------------------------*/
@media (max-width:480px){

}.shareButton{
    position: relative;
    font-size: 30px;
    color: #324da0;
    cursor: pointer;
    width: 60px;
    height: 60px;
    text-align: center;
    background-color: #ffd600;
}

.shareButton:hover ,  .shareButton:active , .shareButton:focus  {
    background-color: #232323;
}

.shareButton:hover .popupShare, .shareButton:active .popupShare, .shareButton:focus .popupShare{
    display: block;
}
.shareText{
    color: #000000;
    font-size: 13px;
    font-weight: 400;
}

.popupShare{
    position: absolute;
    width: 190px;
    list-style: none;
    top: 44px;
    padding: 0;
    right: -130px;
    z-index: 12;
    display: none;
    left: 0px;

}
.fonts_btn{
    padding-top: 8px;
}
.fonts_btn .fa{
    color: #ffffff;
}
.popupShareArrow{
    color: #324da0;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    top: -24px;
}

ul.shareList{
    list-style-type: none;
    padding: 0px;
    background-color: #f8f8f8;
    margin-top: 16px;

}

ul.shareList li{
    border-bottom: 1px solid #dcdcdc;
    height: 50px;
}

ul.shareList li:last-child{
    border-bottom: none;
}


ul.shareList li a, ul.shareList li a:visited{
    color: #ffffff;
    text-decoration: none;
}

ul.shareList li a:hover, ul.shareList li a:visited{
    color: #ffffff;
    text-decoration: none;
}

ul.shareList li:hover svg, ul.shareList li:focus svg{
    fill: #ffffff;
}

ul.shareList li:hover .shareIcon, ul.shareList li:focus .shareIcon{
    background-color: #ffd600;
}

ul.shareList .shareIcon{
    height: 50px;
    background-color: #232323;
    float: right;
    background-position: center center;
    background-repeat: no-repeat;
    padding: 10px 15px 0px 15px;
    font-size: 20px;
    width: 50px;
    text-align: center;
}

.shareIcon .fa{
    color: #ffffff;
    font-size: 21px;
    font-weight: 400;

}
ul.shareList .shareIcon svg{
    fill: #ffffff;
}


ul.shareList .shareText{
    margin-right: 16px;
    float: right;
    line-height: 50px;
    font-size: 12px;
}

.shareButton > svg *{
    fill: #324da0;
}


/*--------------------------  Laptops ( max 1400 ) --------------------------*/
@media (max-width:1400px){

}

/*--------------------------  MD ( max 1200 ) --------------------------*/
@media (max-width:1200px){
    .popupShare{
        right: 3px;
    }

    .popupShareArrow{
        left: inherit;
        right: 4px;
        color: #4469da;
    }
}

/*--------------------------  SM ( max 992 ) --------------------------*/
@media(max-width:992px){

}

/*--------------------------  XS ( max 768 ) --------------------------*/
@media (max-width:768px){

}

/*--------------------------  max 480 --------------------------*/
@media (max-width:480px){

}.shareButton{
    position: relative;
    font-size: 30px;
    color: #324da0;
    cursor: pointer;
    width: 60px;
    height: 60px;
    text-align: center;
    background-color: #ffd600;
}

.shareButton:hover ,  .shareButton:active , .shareButton:focus  {
    background-color: #232323;
}

.shareButton:hover .popupShare, .shareButton:active .popupShare, .shareButton:focus .popupShare{
    display: block;
}
.shareText{
    color: #000000;
    font-size: 13px;
    font-weight: 400;
}

.popupShare{
    position: absolute;
    width: 190px;
    list-style: none;
    top: 44px;
    padding: 0;
    right: -130px;
    z-index: 12;
    display: none;
    left: 0px;

}
.fonts_btn{
    padding-top: 8px;
}
.fonts_btn .fa{
    color: #ffffff;
}
.popupShareArrow{
    color: #324da0;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    top: -24px;
}

ul.shareList{
    list-style-type: none;
    padding: 0px;
    background-color: #f8f8f8;
    margin-top: 16px;

}

ul.shareList li{
    border-bottom: 1px solid #dcdcdc;
    height: 50px;
}

ul.shareList li:last-child{
    border-bottom: none;
}


ul.shareList li a, ul.shareList li a:visited{
    color: #ffffff;
    text-decoration: none;
}

ul.shareList li a:hover, ul.shareList li a:visited{
    color: #ffffff;
    text-decoration: none;
}

ul.shareList li:hover svg, ul.shareList li:focus svg{
    fill: #ffffff;
}

ul.shareList li:hover .shareIcon, ul.shareList li:focus .shareIcon{
    background-color: #ffd600;
}

ul.shareList .shareIcon{
    height: 50px;
    background-color: #232323;
    float: right;
    background-position: center center;
    background-repeat: no-repeat;
    padding: 10px 15px 0px 15px;
    font-size: 20px;
    width: 50px;
    text-align: center;
}

.shareIcon .fa{
    color: #ffffff;
    font-size: 21px;
    font-weight: 400;

}
ul.shareList .shareIcon svg{
    fill: #ffffff;
}


ul.shareList .shareText{
    margin-right: 16px;
    float: right;
    line-height: 50px;
    font-size: 12px;
}

.shareButton > svg *{
    fill: #324da0;
}


/*--------------------------  Laptops ( max 1400 ) --------------------------*/
@media (max-width:1400px){

}

/*--------------------------  MD ( max 1200 ) --------------------------*/
@media (max-width:1200px){
    .popupShare{
        right: 3px;
    }

    .popupShareArrow{
        left: inherit;
        right: 4px;
        color: #4469da;
    }
}

/*--------------------------  SM ( max 992 ) --------------------------*/
@media(max-width:992px){

}

/*--------------------------  XS ( max 768 ) --------------------------*/
@media (max-width:768px){

}

/*--------------------------  max 480 --------------------------*/
@media (max-width:480px){

}.shareButton{
    position: relative;
    font-size: 30px;
    color: #324da0;
    cursor: pointer;
    width: 60px;
    height: 60px;
    text-align: center;
    background-color: #ffd600;
}

.shareButton:hover ,  .shareButton:active , .shareButton:focus  {
    background-color: #232323;
}

.shareButton:hover .popupShare, .shareButton:active .popupShare, .shareButton:focus .popupShare{
    display: block;
}
.shareText{
    color: #000000;
    font-size: 13px;
    font-weight: 400;
}

.popupShare{
    position: absolute;
    width: 190px;
    list-style: none;
    top: 44px;
    padding: 0;
    right: -130px;
    z-index: 12;
    display: none;
    left: 0px;

}
.fonts_btn{
    padding-top: 8px;
}
.fonts_btn .fa{
    color: #ffffff;
}
.popupShareArrow{
    color: #324da0;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    top: -24px;
}

ul.shareList{
    list-style-type: none;
    padding: 0px;
    background-color: #f8f8f8;
    margin-top: 16px;

}

ul.shareList li{
    border-bottom: 1px solid #dcdcdc;
    height: 50px;
}

ul.shareList li:last-child{
    border-bottom: none;
}


ul.shareList li a, ul.shareList li a:visited{
    color: #ffffff;
    text-decoration: none;
}

ul.shareList li a:hover, ul.shareList li a:visited{
    color: #ffffff;
    text-decoration: none;
}

ul.shareList li:hover svg, ul.shareList li:focus svg{
    fill: #ffffff;
}

ul.shareList li:hover .shareIcon, ul.shareList li:focus .shareIcon{
    background-color: #ffd600;
}

ul.shareList .shareIcon{
    height: 50px;
    background-color: #232323;
    float: right;
    background-position: center center;
    background-repeat: no-repeat;
    padding: 10px 15px 0px 15px;
    font-size: 20px;
    width: 50px;
    text-align: center;
}

.shareIcon .fa{
    color: #ffffff;
    font-size: 21px;
    font-weight: 400;

}
ul.shareList .shareIcon svg{
    fill: #ffffff;
}


ul.shareList .shareText{
    margin-right: 16px;
    float: right;
    line-height: 50px;
    font-size: 12px;
}

.shareButton > svg *{
    fill: #324da0;
}


/*--------------------------  Laptops ( max 1400 ) --------------------------*/
@media (max-width:1400px){

}

/*--------------------------  MD ( max 1200 ) --------------------------*/
@media (max-width:1200px){
    .popupShare{
        right: 3px;
    }

    .popupShareArrow{
        left: inherit;
        right: 4px;
        color: #4469da;
    }
}

/*--------------------------  SM ( max 992 ) --------------------------*/
@media(max-width:992px){

}

/*--------------------------  XS ( max 768 ) --------------------------*/
@media (max-width:768px){

}

/*--------------------------  max 480 --------------------------*/
@media (max-width:480px){

}.shareButton{
    position: relative;
    font-size: 30px;
    color: #324da0;
    cursor: pointer;
    width: 60px;
    height: 60px;
    text-align: center;
    background-color: #ffd600;
}

.shareButton:hover ,  .shareButton:active , .shareButton:focus  {
    background-color: #232323;
}

.shareButton:hover .popupShare, .shareButton:active .popupShare, .shareButton:focus .popupShare{
    display: block;
}
.shareText{
    color: #000000;
    font-size: 13px;
    font-weight: 400;
}

.popupShare{
    position: absolute;
    width: 190px;
    list-style: none;
    top: 44px;
    padding: 0;
    right: -130px;
    z-index: 12;
    display: none;
    left: 0px;

}
.fonts_btn{
    padding-top: 8px;
}
.fonts_btn .fa{
    color: #ffffff;
}
.popupShareArrow{
    color: #324da0;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    top: -24px;
}

ul.shareList{
    list-style-type: none;
    padding: 0px;
    background-color: #f8f8f8;
    margin-top: 16px;

}

ul.shareList li{
    border-bottom: 1px solid #dcdcdc;
    height: 50px;
}

ul.shareList li:last-child{
    border-bottom: none;
}


ul.shareList li a, ul.shareList li a:visited{
    color: #ffffff;
    text-decoration: none;
}

ul.shareList li a:hover, ul.shareList li a:visited{
    color: #ffffff;
    text-decoration: none;
}

ul.shareList li:hover svg, ul.shareList li:focus svg{
    fill: #ffffff;
}

ul.shareList li:hover .shareIcon, ul.shareList li:focus .shareIcon{
    background-color: #ffd600;
}

ul.shareList .shareIcon{
    height: 50px;
    background-color: #232323;
    float: right;
    background-position: center center;
    background-repeat: no-repeat;
    padding: 10px 15px 0px 15px;
    font-size: 20px;
    width: 50px;
    text-align: center;
}

.shareIcon .fa{
    color: #ffffff;
    font-size: 21px;
    font-weight: 400;

}
ul.shareList .shareIcon svg{
    fill: #ffffff;
}


ul.shareList .shareText{
    margin-right: 16px;
    float: right;
    line-height: 50px;
    font-size: 12px;
}

.shareButton > svg *{
    fill: #324da0;
}


/*--------------------------  Laptops ( max 1400 ) --------------------------*/
@media (max-width:1400px){

}

/*--------------------------  MD ( max 1200 ) --------------------------*/
@media (max-width:1200px){
    .popupShare{
        right: 3px;
    }

    .popupShareArrow{
        left: inherit;
        right: 4px;
        color: #4469da;
    }
}

/*--------------------------  SM ( max 992 ) --------------------------*/
@media(max-width:992px){

}

/*--------------------------  XS ( max 768 ) --------------------------*/
@media (max-width:768px){

}

/*--------------------------  max 480 --------------------------*/
@media (max-width:480px){

}.shareButton{
    position: relative;
    font-size: 30px;
    color: #324da0;
    cursor: pointer;
    width: 60px;
    height: 60px;
    text-align: center;
    background-color: #ffd600;
}

.shareButton:hover ,  .shareButton:active , .shareButton:focus  {
    background-color: #232323;
}

.shareButton:hover .popupShare, .shareButton:active .popupShare, .shareButton:focus .popupShare{
    display: block;
}
.shareText{
    color: #000000;
    font-size: 13px;
    font-weight: 400;
}

.popupShare{
    position: absolute;
    width: 190px;
    list-style: none;
    top: 44px;
    padding: 0;
    right: -130px;
    z-index: 12;
    display: none;
    left: 0px;

}
.fonts_btn{
    padding-top: 8px;
}
.fonts_btn .fa{
    color: #ffffff;
}
.popupShareArrow{
    color: #324da0;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    top: -24px;
}

ul.shareList{
    list-style-type: none;
    padding: 0px;
    background-color: #f8f8f8;
    margin-top: 16px;

}

ul.shareList li{
    border-bottom: 1px solid #dcdcdc;
    height: 50px;
}

ul.shareList li:last-child{
    border-bottom: none;
}


ul.shareList li a, ul.shareList li a:visited{
    color: #ffffff;
    text-decoration: none;
}

ul.shareList li a:hover, ul.shareList li a:visited{
    color: #ffffff;
    text-decoration: none;
}

ul.shareList li:hover svg, ul.shareList li:focus svg{
    fill: #ffffff;
}

ul.shareList li:hover .shareIcon, ul.shareList li:focus .shareIcon{
    background-color: #ffd600;
}

ul.shareList .shareIcon{
    height: 50px;
    background-color: #232323;
    float: right;
    background-position: center center;
    background-repeat: no-repeat;
    padding: 10px 15px 0px 15px;
    font-size: 20px;
    width: 50px;
    text-align: center;
}

.shareIcon .fa{
    color: #ffffff;
    font-size: 21px;
    font-weight: 400;

}
ul.shareList .shareIcon svg{
    fill: #ffffff;
}


ul.shareList .shareText{
    margin-right: 16px;
    float: right;
    line-height: 50px;
    font-size: 12px;
}

.shareButton > svg *{
    fill: #324da0;
}


/*--------------------------  Laptops ( max 1400 ) --------------------------*/
@media (max-width:1400px){

}

/*--------------------------  MD ( max 1200 ) --------------------------*/
@media (max-width:1200px){
    .popupShare{
        right: 3px;
    }

    .popupShareArrow{
        left: inherit;
        right: 4px;
        color: #4469da;
    }
}

/*--------------------------  SM ( max 992 ) --------------------------*/
@media(max-width:992px){

}

/*--------------------------  XS ( max 768 ) --------------------------*/
@media (max-width:768px){

}

/*--------------------------  max 480 --------------------------*/
@media (max-width:480px){

}.shareButton{
    position: relative;
    font-size: 30px;
    color: #324da0;
    cursor: pointer;
    width: 60px;
    height: 60px;
    text-align: center;
    background-color: #ffd600;
}

.shareButton:hover ,  .shareButton:active , .shareButton:focus  {
    background-color: #232323;
}

.shareButton:hover .popupShare, .shareButton:active .popupShare, .shareButton:focus .popupShare{
    display: block;
}
.shareText{
    color: #000000;
    font-size: 13px;
    font-weight: 400;
}

.popupShare{
    position: absolute;
    width: 190px;
    list-style: none;
    top: 44px;
    padding: 0;
    right: -130px;
    z-index: 12;
    display: none;
    left: 0px;

}
.fonts_btn{
    padding-top: 8px;
}
.fonts_btn .fa{
    color: #ffffff;
}
.popupShareArrow{
    color: #324da0;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    top: -24px;
}

ul.shareList{
    list-style-type: none;
    padding: 0px;
    background-color: #f8f8f8;
    margin-top: 16px;

}

ul.shareList li{
    border-bottom: 1px solid #dcdcdc;
    height: 50px;
}

ul.shareList li:last-child{
    border-bottom: none;
}


ul.shareList li a, ul.shareList li a:visited{
    color: #ffffff;
    text-decoration: none;
}

ul.shareList li a:hover, ul.shareList li a:visited{
    color: #ffffff;
    text-decoration: none;
}

ul.shareList li:hover svg, ul.shareList li:focus svg{
    fill: #ffffff;
}

ul.shareList li:hover .shareIcon, ul.shareList li:focus .shareIcon{
    background-color: #ffd600;
}

ul.shareList .shareIcon{
    height: 50px;
    background-color: #232323;
    float: right;
    background-position: center center;
    background-repeat: no-repeat;
    padding: 10px 15px 0px 15px;
    font-size: 20px;
    width: 50px;
    text-align: center;
}

.shareIcon .fa{
    color: #ffffff;
    font-size: 21px;
    font-weight: 400;

}
ul.shareList .shareIcon svg{
    fill: #ffffff;
}


ul.shareList .shareText{
    margin-right: 16px;
    float: right;
    line-height: 50px;
    font-size: 12px;
}

.shareButton > svg *{
    fill: #324da0;
}


/*--------------------------  Laptops ( max 1400 ) --------------------------*/
@media (max-width:1400px){

}

/*--------------------------  MD ( max 1200 ) --------------------------*/
@media (max-width:1200px){
    .popupShare{
        right: 3px;
    }

    .popupShareArrow{
        left: inherit;
        right: 4px;
        color: #4469da;
    }
}

/*--------------------------  SM ( max 992 ) --------------------------*/
@media(max-width:992px){

}

/*--------------------------  XS ( max 768 ) --------------------------*/
@media (max-width:768px){

}

/*--------------------------  max 480 --------------------------*/
@media (max-width:480px){

}.shareButton{
    position: relative;
    font-size: 30px;
    color: #324da0;
    cursor: pointer;
    width: 60px;
    height: 60px;
    text-align: center;
    background-color: #ffd600;
}

.shareButton:hover ,  .shareButton:active , .shareButton:focus  {
    background-color: #232323;
}

.shareButton:hover .popupShare, .shareButton:active .popupShare, .shareButton:focus .popupShare{
    display: block;
}
.shareText{
    color: #000000;
    font-size: 13px;
    font-weight: 400;
}

.popupShare{
    position: absolute;
    width: 190px;
    list-style: none;
    top: 44px;
    padding: 0;
    right: -130px;
    z-index: 12;
    display: none;
    left: 0px;

}
.fonts_btn{
    padding-top: 8px;
}
.fonts_btn .fa{
    color: #ffffff;
}
.popupShareArrow{
    color: #324da0;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    top: -24px;
}

ul.shareList{
    list-style-type: none;
    padding: 0px;
    background-color: #f8f8f8;
    margin-top: 16px;

}

ul.shareList li{
    border-bottom: 1px solid #dcdcdc;
    height: 50px;
}

ul.shareList li:last-child{
    border-bottom: none;
}


ul.shareList li a, ul.shareList li a:visited{
    color: #ffffff;
    text-decoration: none;
}

ul.shareList li a:hover, ul.shareList li a:visited{
    color: #ffffff;
    text-decoration: none;
}

ul.shareList li:hover svg, ul.shareList li:focus svg{
    fill: #ffffff;
}

ul.shareList li:hover .shareIcon, ul.shareList li:focus .shareIcon{
    background-color: #ffd600;
}

ul.shareList .shareIcon{
    height: 50px;
    background-color: #232323;
    float: right;
    background-position: center center;
    background-repeat: no-repeat;
    padding: 10px 15px 0px 15px;
    font-size: 20px;
    width: 50px;
    text-align: center;
}

.shareIcon .fa{
    color: #ffffff;
    font-size: 21px;
    font-weight: 400;

}
ul.shareList .shareIcon svg{
    fill: #ffffff;
}


ul.shareList .shareText{
    margin-right: 16px;
    float: right;
    line-height: 50px;
    font-size: 12px;
}

.shareButton > svg *{
    fill: #324da0;
}


/*--------------------------  Laptops ( max 1400 ) --------------------------*/
@media (max-width:1400px){

}

/*--------------------------  MD ( max 1200 ) --------------------------*/
@media (max-width:1200px){
    .popupShare{
        right: 3px;
    }

    .popupShareArrow{
        left: inherit;
        right: 4px;
        color: #4469da;
    }
}

/*--------------------------  SM ( max 992 ) --------------------------*/
@media(max-width:992px){

}

/*--------------------------  XS ( max 768 ) --------------------------*/
@media (max-width:768px){

}

/*--------------------------  max 480 --------------------------*/
@media (max-width:480px){

}.shareButton{
    position: relative;
    font-size: 30px;
    color: #324da0;
    cursor: pointer;
    width: 60px;
    height: 60px;
    text-align: center;
    background-color: #ffd600;
}

.shareButton:hover ,  .shareButton:active , .shareButton:focus  {
    background-color: #232323;
}

.shareButton:hover .popupShare, .shareButton:active .popupShare, .shareButton:focus .popupShare{
    display: block;
}
.shareText{
    color: #000000;
    font-size: 13px;
    font-weight: 400;
}

.popupShare{
    position: absolute;
    width: 190px;
    list-style: none;
    top: 44px;
    padding: 0;
    right: -130px;
    z-index: 12;
    display: none;
    left: 0px;

}
.fonts_btn{
    padding-top: 8px;
}
.fonts_btn .fa{
    color: #ffffff;
}
.popupShareArrow{
    color: #324da0;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    top: -24px;
}

ul.shareList{
    list-style-type: none;
    padding: 0px;
    background-color: #f8f8f8;
    margin-top: 16px;

}

ul.shareList li{
    border-bottom: 1px solid #dcdcdc;
    height: 50px;
}

ul.shareList li:last-child{
    border-bottom: none;
}


ul.shareList li a, ul.shareList li a:visited{
    color: #ffffff;
    text-decoration: none;
}

ul.shareList li a:hover, ul.shareList li a:visited{
    color: #ffffff;
    text-decoration: none;
}

ul.shareList li:hover svg, ul.shareList li:focus svg{
    fill: #ffffff;
}

ul.shareList li:hover .shareIcon, ul.shareList li:focus .shareIcon{
    background-color: #ffd600;
}

ul.shareList .shareIcon{
    height: 50px;
    background-color: #232323;
    float: right;
    background-position: center center;
    background-repeat: no-repeat;
    padding: 10px 15px 0px 15px;
    font-size: 20px;
    width: 50px;
    text-align: center;
}

.shareIcon .fa{
    color: #ffffff;
    font-size: 21px;
    font-weight: 400;

}
ul.shareList .shareIcon svg{
    fill: #ffffff;
}


ul.shareList .shareText{
    margin-right: 16px;
    float: right;
    line-height: 50px;
    font-size: 12px;
}

.shareButton > svg *{
    fill: #324da0;
}


/*--------------------------  Laptops ( max 1400 ) --------------------------*/
@media (max-width:1400px){

}

/*--------------------------  MD ( max 1200 ) --------------------------*/
@media (max-width:1200px){
    .popupShare{
        right: 3px;
    }

    .popupShareArrow{
        left: inherit;
        right: 4px;
        color: #4469da;
    }
}

/*--------------------------  SM ( max 992 ) --------------------------*/
@media(max-width:992px){

}

/*--------------------------  XS ( max 768 ) --------------------------*/
@media (max-width:768px){

}

/*--------------------------  max 480 --------------------------*/
@media (max-width:480px){

}.shareButton{
    position: relative;
    font-size: 30px;
    color: #324da0;
    cursor: pointer;
    width: 60px;
    height: 60px;
    text-align: center;
    background-color: #ffd600;
}

.shareButton:hover ,  .shareButton:active , .shareButton:focus  {
    background-color: #232323;
}

.shareButton:hover .popupShare, .shareButton:active .popupShare, .shareButton:focus .popupShare{
    display: block;
}
.shareText{
    color: #000000;
    font-size: 13px;
    font-weight: 400;
}

.popupShare{
    position: absolute;
    width: 190px;
    list-style: none;
    top: 44px;
    padding: 0;
    right: -130px;
    z-index: 12;
    display: none;
    left: 0px;

}
.fonts_btn{
    padding-top: 8px;
}
.fonts_btn .fa{
    color: #ffffff;
}
.popupShareArrow{
    color: #324da0;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    top: -24px;
}

ul.shareList{
    list-style-type: none;
    padding: 0px;
    background-color: #f8f8f8;
    margin-top: 16px;

}

ul.shareList li{
    border-bottom: 1px solid #dcdcdc;
    height: 50px;
}

ul.shareList li:last-child{
    border-bottom: none;
}


ul.shareList li a, ul.shareList li a:visited{
    color: #ffffff;
    text-decoration: none;
}

ul.shareList li a:hover, ul.shareList li a:visited{
    color: #ffffff;
    text-decoration: none;
}

ul.shareList li:hover svg, ul.shareList li:focus svg{
    fill: #ffffff;
}

ul.shareList li:hover .shareIcon, ul.shareList li:focus .shareIcon{
    background-color: #ffd600;
}

ul.shareList .shareIcon{
    height: 50px;
    background-color: #232323;
    float: right;
    background-position: center center;
    background-repeat: no-repeat;
    padding: 10px 15px 0px 15px;
    font-size: 20px;
    width: 50px;
    text-align: center;
}

.shareIcon .fa{
    color: #ffffff;
    font-size: 21px;
    font-weight: 400;

}
ul.shareList .shareIcon svg{
    fill: #ffffff;
}


ul.shareList .shareText{
    margin-right: 16px;
    float: right;
    line-height: 50px;
    font-size: 12px;
}

.shareButton > svg *{
    fill: #324da0;
}


/*--------------------------  Laptops ( max 1400 ) --------------------------*/
@media (max-width:1400px){

}

/*--------------------------  MD ( max 1200 ) --------------------------*/
@media (max-width:1200px){
    .popupShare{
        right: 3px;
    }

    .popupShareArrow{
        left: inherit;
        right: 4px;
        color: #4469da;
    }
}

/*--------------------------  SM ( max 992 ) --------------------------*/
@media(max-width:992px){

}

/*--------------------------  XS ( max 768 ) --------------------------*/
@media (max-width:768px){

}

/*--------------------------  max 480 --------------------------*/
@media (max-width:480px){

}.shareButton{
    position: relative;
    font-size: 30px;
    color: #324da0;
    cursor: pointer;
    width: 60px;
    height: 60px;
    text-align: center;
    background-color: #ffd600;
}

.shareButton:hover ,  .shareButton:active , .shareButton:focus  {
    background-color: #232323;
}

.shareButton:hover .popupShare, .shareButton:active .popupShare, .shareButton:focus .popupShare{
    display: block;
}
.shareText{
    color: #000000;
    font-size: 13px;
    font-weight: 400;
}

.popupShare{
    position: absolute;
    width: 190px;
    list-style: none;
    top: 44px;
    padding: 0;
    right: -130px;
    z-index: 12;
    display: none;
    left: 0px;

}
.fonts_btn{
    padding-top: 8px;
}
.fonts_btn .fa{
    color: #ffffff;
}
.popupShareArrow{
    color: #324da0;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    top: -24px;
}

ul.shareList{
    list-style-type: none;
    padding: 0px;
    background-color: #f8f8f8;
    margin-top: 16px;

}

ul.shareList li{
    border-bottom: 1px solid #dcdcdc;
    height: 50px;
}

ul.shareList li:last-child{
    border-bottom: none;
}


ul.shareList li a, ul.shareList li a:visited{
    color: #ffffff;
    text-decoration: none;
}

ul.shareList li a:hover, ul.shareList li a:visited{
    color: #ffffff;
    text-decoration: none;
}

ul.shareList li:hover svg, ul.shareList li:focus svg{
    fill: #ffffff;
}

ul.shareList li:hover .shareIcon, ul.shareList li:focus .shareIcon{
    background-color: #ffd600;
}

ul.shareList .shareIcon{
    height: 50px;
    background-color: #232323;
    float: right;
    background-position: center center;
    background-repeat: no-repeat;
    padding: 10px 15px 0px 15px;
    font-size: 20px;
    width: 50px;
    text-align: center;
}

.shareIcon .fa{
    color: #ffffff;
    font-size: 21px;
    font-weight: 400;

}
ul.shareList .shareIcon svg{
    fill: #ffffff;
}


ul.shareList .shareText{
    margin-right: 16px;
    float: right;
    line-height: 50px;
    font-size: 12px;
}

.shareButton > svg *{
    fill: #324da0;
}


/*--------------------------  Laptops ( max 1400 ) --------------------------*/
@media (max-width:1400px){

}

/*--------------------------  MD ( max 1200 ) --------------------------*/
@media (max-width:1200px){
    .popupShare{
        right: 3px;
    }

    .popupShareArrow{
        left: inherit;
        right: 4px;
        color: #4469da;
    }
}

/*--------------------------  SM ( max 992 ) --------------------------*/
@media(max-width:992px){

}

/*--------------------------  XS ( max 768 ) --------------------------*/
@media (max-width:768px){

}

/*--------------------------  max 480 --------------------------*/
@media (max-width:480px){

}.shareButton{
    position: relative;
    font-size: 30px;
    color: #324da0;
    cursor: pointer;
    width: 60px;
    height: 60px;
    text-align: center;
    background-color: #ffd600;
}

.shareButton:hover ,  .shareButton:active , .shareButton:focus  {
    background-color: #232323;
}

.shareButton:hover .popupShare, .shareButton:active .popupShare, .shareButton:focus .popupShare{
    display: block;
}
.shareText{
    color: #000000;
    font-size: 13px;
    font-weight: 400;
}

.popupShare{
    position: absolute;
    width: 190px;
    list-style: none;
    top: 44px;
    padding: 0;
    right: -130px;
    z-index: 12;
    display: none;
    left: 0px;

}
.fonts_btn{
    padding-top: 8px;
}
.fonts_btn .fa{
    color: #ffffff;
}
.popupShareArrow{
    color: #324da0;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    top: -24px;
}

ul.shareList{
    list-style-type: none;
    padding: 0px;
    background-color: #f8f8f8;
    margin-top: 16px;

}

ul.shareList li{
    border-bottom: 1px solid #dcdcdc;
    height: 50px;
}

ul.shareList li:last-child{
    border-bottom: none;
}


ul.shareList li a, ul.shareList li a:visited{
    color: #ffffff;
    text-decoration: none;
}

ul.shareList li a:hover, ul.shareList li a:visited{
    color: #ffffff;
    text-decoration: none;
}

ul.shareList li:hover svg, ul.shareList li:focus svg{
    fill: #ffffff;
}

ul.shareList li:hover .shareIcon, ul.shareList li:focus .shareIcon{
    background-color: #ffd600;
}

ul.shareList .shareIcon{
    height: 50px;
    background-color: #232323;
    float: right;
    background-position: center center;
    background-repeat: no-repeat;
    padding: 10px 15px 0px 15px;
    font-size: 20px;
    width: 50px;
    text-align: center;
}

.shareIcon .fa{
    color: #ffffff;
    font-size: 21px;
    font-weight: 400;

}
ul.shareList .shareIcon svg{
    fill: #ffffff;
}


ul.shareList .shareText{
    margin-right: 16px;
    float: right;
    line-height: 50px;
    font-size: 12px;
}

.shareButton > svg *{
    fill: #324da0;
}


/*--------------------------  Laptops ( max 1400 ) --------------------------*/
@media (max-width:1400px){

}

/*--------------------------  MD ( max 1200 ) --------------------------*/
@media (max-width:1200px){
    .popupShare{
        right: 3px;
    }

    .popupShareArrow{
        left: inherit;
        right: 4px;
        color: #4469da;
    }
}

/*--------------------------  SM ( max 992 ) --------------------------*/
@media(max-width:992px){

}

/*--------------------------  XS ( max 768 ) --------------------------*/
@media (max-width:768px){

}

/*--------------------------  max 480 --------------------------*/
@media (max-width:480px){

}.shareButton{
    position: relative;
    font-size: 30px;
    color: #324da0;
    cursor: pointer;
    width: 60px;
    height: 60px;
    text-align: center;
    background-color: #ffd600;
}

.shareButton:hover ,  .shareButton:active , .shareButton:focus  {
    background-color: #232323;
}

.shareButton:hover .popupShare, .shareButton:active .popupShare, .shareButton:focus .popupShare{
    display: block;
}
.shareText{
    color: #000000;
    font-size: 13px;
    font-weight: 400;
}

.popupShare{
    position: absolute;
    width: 190px;
    list-style: none;
    top: 44px;
    padding: 0;
    right: -130px;
    z-index: 12;
    display: none;
    left: 0px;

}
.fonts_btn{
    padding-top: 8px;
}
.fonts_btn .fa{
    color: #ffffff;
}
.popupShareArrow{
    color: #324da0;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    top: -24px;
}

ul.shareList{
    list-style-type: none;
    padding: 0px;
    background-color: #f8f8f8;
    margin-top: 16px;

}

ul.shareList li{
    border-bottom: 1px solid #dcdcdc;
    height: 50px;
}

ul.shareList li:last-child{
    border-bottom: none;
}


ul.shareList li a, ul.shareList li a:visited{
    color: #ffffff;
    text-decoration: none;
}

ul.shareList li a:hover, ul.shareList li a:visited{
    color: #ffffff;
    text-decoration: none;
}

ul.shareList li:hover svg, ul.shareList li:focus svg{
    fill: #ffffff;
}

ul.shareList li:hover .shareIcon, ul.shareList li:focus .shareIcon{
    background-color: #ffd600;
}

ul.shareList .shareIcon{
    height: 50px;
    background-color: #232323;
    float: right;
    background-position: center center;
    background-repeat: no-repeat;
    padding: 10px 15px 0px 15px;
    font-size: 20px;
    width: 50px;
    text-align: center;
}

.shareIcon .fa{
    color: #ffffff;
    font-size: 21px;
    font-weight: 400;

}
ul.shareList .shareIcon svg{
    fill: #ffffff;
}


ul.shareList .shareText{
    margin-right: 16px;
    float: right;
    line-height: 50px;
    font-size: 12px;
}

.shareButton > svg *{
    fill: #324da0;
}


/*--------------------------  Laptops ( max 1400 ) --------------------------*/
@media (max-width:1400px){

}

/*--------------------------  MD ( max 1200 ) --------------------------*/
@media (max-width:1200px){
    .popupShare{
        right: 3px;
    }

    .popupShareArrow{
        left: inherit;
        right: 4px;
        color: #4469da;
    }
}

/*--------------------------  SM ( max 992 ) --------------------------*/
@media(max-width:992px){

}

/*--------------------------  XS ( max 768 ) --------------------------*/
@media (max-width:768px){

}

/*--------------------------  max 480 --------------------------*/
@media (max-width:480px){

}.shareButton{
    position: relative;
    font-size: 30px;
    color: #324da0;
    cursor: pointer;
    width: 60px;
    height: 60px;
    text-align: center;
    background-color: #ffd600;
}

.shareButton:hover ,  .shareButton:active , .shareButton:focus  {
    background-color: #232323;
}

.shareButton:hover .popupShare, .shareButton:active .popupShare, .shareButton:focus .popupShare{
    display: block;
}
.shareText{
    color: #000000;
    font-size: 13px;
    font-weight: 400;
}

.popupShare{
    position: absolute;
    width: 190px;
    list-style: none;
    top: 44px;
    padding: 0;
    right: -130px;
    z-index: 12;
    display: none;
    left: 0px;

}
.fonts_btn{
    padding-top: 8px;
}
.fonts_btn .fa{
    color: #ffffff;
}
.popupShareArrow{
    color: #324da0;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    top: -24px;
}

ul.shareList{
    list-style-type: none;
    padding: 0px;
    background-color: #f8f8f8;
    margin-top: 16px;

}

ul.shareList li{
    border-bottom: 1px solid #dcdcdc;
    height: 50px;
}

ul.shareList li:last-child{
    border-bottom: none;
}


ul.shareList li a, ul.shareList li a:visited{
    color: #ffffff;
    text-decoration: none;
}

ul.shareList li a:hover, ul.shareList li a:visited{
    color: #ffffff;
    text-decoration: none;
}

ul.shareList li:hover svg, ul.shareList li:focus svg{
    fill: #ffffff;
}

ul.shareList li:hover .shareIcon, ul.shareList li:focus .shareIcon{
    background-color: #ffd600;
}

ul.shareList .shareIcon{
    height: 50px;
    background-color: #232323;
    float: right;
    background-position: center center;
    background-repeat: no-repeat;
    padding: 10px 15px 0px 15px;
    font-size: 20px;
    width: 50px;
    text-align: center;
}

.shareIcon .fa{
    color: #ffffff;
    font-size: 21px;
    font-weight: 400;

}
ul.shareList .shareIcon svg{
    fill: #ffffff;
}


ul.shareList .shareText{
    margin-right: 16px;
    float: right;
    line-height: 50px;
    font-size: 12px;
}

.shareButton > svg *{
    fill: #324da0;
}


/*--------------------------  Laptops ( max 1400 ) --------------------------*/
@media (max-width:1400px){

}

/*--------------------------  MD ( max 1200 ) --------------------------*/
@media (max-width:1200px){
    .popupShare{
        right: 3px;
    }

    .popupShareArrow{
        left: inherit;
        right: 4px;
        color: #4469da;
    }
}

/*--------------------------  SM ( max 992 ) --------------------------*/
@media(max-width:992px){

}

/*--------------------------  XS ( max 768 ) --------------------------*/
@media (max-width:768px){

}

/*--------------------------  max 480 --------------------------*/
@media (max-width:480px){

}.shareButton{
    position: relative;
    font-size: 30px;
    color: #324da0;
    cursor: pointer;
    width: 60px;
    height: 60px;
    text-align: center;
    background-color: #ffd600;
}

.shareButton:hover ,  .shareButton:active , .shareButton:focus  {
    background-color: #232323;
}

.shareButton:hover .popupShare, .shareButton:active .popupShare, .shareButton:focus .popupShare{
    display: block;
}
.shareText{
    color: #000000;
    font-size: 13px;
    font-weight: 400;
}

.popupShare{
    position: absolute;
    width: 190px;
    list-style: none;
    top: 44px;
    padding: 0;
    right: -130px;
    z-index: 12;
    display: none;
    left: 0px;

}
.fonts_btn{
    padding-top: 8px;
}
.fonts_btn .fa{
    color: #ffffff;
}
.popupShareArrow{
    color: #324da0;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    top: -24px;
}

ul.shareList{
    list-style-type: none;
    padding: 0px;
    background-color: #f8f8f8;
    margin-top: 16px;

}

ul.shareList li{
    border-bottom: 1px solid #dcdcdc;
    height: 50px;
}

ul.shareList li:last-child{
    border-bottom: none;
}


ul.shareList li a, ul.shareList li a:visited{
    color: #ffffff;
    text-decoration: none;
}

ul.shareList li a:hover, ul.shareList li a:visited{
    color: #ffffff;
    text-decoration: none;
}

ul.shareList li:hover svg, ul.shareList li:focus svg{
    fill: #ffffff;
}

ul.shareList li:hover .shareIcon, ul.shareList li:focus .shareIcon{
    background-color: #ffd600;
}

ul.shareList .shareIcon{
    height: 50px;
    background-color: #232323;
    float: right;
    background-position: center center;
    background-repeat: no-repeat;
    padding: 10px 15px 0px 15px;
    font-size: 20px;
    width: 50px;
    text-align: center;
}

.shareIcon .fa{
    color: #ffffff;
    font-size: 21px;
    font-weight: 400;

}
ul.shareList .shareIcon svg{
    fill: #ffffff;
}


ul.shareList .shareText{
    margin-right: 16px;
    float: right;
    line-height: 50px;
    font-size: 12px;
}

.shareButton > svg *{
    fill: #324da0;
}


/*--------------------------  Laptops ( max 1400 ) --------------------------*/
@media (max-width:1400px){

}

/*--------------------------  MD ( max 1200 ) --------------------------*/
@media (max-width:1200px){
    .popupShare{
        right: 3px;
    }

    .popupShareArrow{
        left: inherit;
        right: 4px;
        color: #4469da;
    }
}

/*--------------------------  SM ( max 992 ) --------------------------*/
@media(max-width:992px){

}

/*--------------------------  XS ( max 768 ) --------------------------*/
@media (max-width:768px){

}

/*--------------------------  max 480 --------------------------*/
@media (max-width:480px){

}.shareButton{
    position: relative;
    font-size: 30px;
    color: #324da0;
    cursor: pointer;
    width: 60px;
    height: 60px;
    text-align: center;
    background-color: #ffd600;
}

.shareButton:hover ,  .shareButton:active , .shareButton:focus  {
    background-color: #232323;
}

.shareButton:hover .popupShare, .shareButton:active .popupShare, .shareButton:focus .popupShare{
    display: block;
}
.shareText{
    color: #000000;
    font-size: 13px;
    font-weight: 400;
}

.popupShare{
    position: absolute;
    width: 190px;
    list-style: none;
    top: 44px;
    padding: 0;
    right: -130px;
    z-index: 12;
    display: none;
    left: 0px;

}
.fonts_btn{
    padding-top: 8px;
}
.fonts_btn .fa{
    color: #ffffff;
}
.popupShareArrow{
    color: #324da0;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    top: -24px;
}

ul.shareList{
    list-style-type: none;
    padding: 0px;
    background-color: #f8f8f8;
    margin-top: 16px;

}

ul.shareList li{
    border-bottom: 1px solid #dcdcdc;
    height: 50px;
}

ul.shareList li:last-child{
    border-bottom: none;
}


ul.shareList li a, ul.shareList li a:visited{
    color: #ffffff;
    text-decoration: none;
}

ul.shareList li a:hover, ul.shareList li a:visited{
    color: #ffffff;
    text-decoration: none;
}

ul.shareList li:hover svg, ul.shareList li:focus svg{
    fill: #ffffff;
}

ul.shareList li:hover .shareIcon, ul.shareList li:focus .shareIcon{
    background-color: #ffd600;
}

ul.shareList .shareIcon{
    height: 50px;
    background-color: #232323;
    float: right;
    background-position: center center;
    background-repeat: no-repeat;
    padding: 10px 15px 0px 15px;
    font-size: 20px;
    width: 50px;
    text-align: center;
}

.shareIcon .fa{
    color: #ffffff;
    font-size: 21px;
    font-weight: 400;

}
ul.shareList .shareIcon svg{
    fill: #ffffff;
}


ul.shareList .shareText{
    margin-right: 16px;
    float: right;
    line-height: 50px;
    font-size: 12px;
}

.shareButton > svg *{
    fill: #324da0;
}


/*--------------------------  Laptops ( max 1400 ) --------------------------*/
@media (max-width:1400px){

}

/*--------------------------  MD ( max 1200 ) --------------------------*/
@media (max-width:1200px){
    .popupShare{
        right: 3px;
    }

    .popupShareArrow{
        left: inherit;
        right: 4px;
        color: #4469da;
    }
}

/*--------------------------  SM ( max 992 ) --------------------------*/
@media(max-width:992px){

}

/*--------------------------  XS ( max 768 ) --------------------------*/
@media (max-width:768px){

}

/*--------------------------  max 480 --------------------------*/
@media (max-width:480px){

}.shareButton{
    position: relative;
    font-size: 30px;
    color: #324da0;
    cursor: pointer;
    width: 60px;
    height: 60px;
    text-align: center;
    background-color: #ffd600;
}

.shareButton:hover ,  .shareButton:active , .shareButton:focus  {
    background-color: #232323;
}

.shareButton:hover .popupShare, .shareButton:active .popupShare, .shareButton:focus .popupShare{
    display: block;
}
.shareText{
    color: #000000;
    font-size: 13px;
    font-weight: 400;
}

.popupShare{
    position: absolute;
    width: 190px;
    list-style: none;
    top: 44px;
    padding: 0;
    right: -130px;
    z-index: 12;
    display: none;
    left: 0px;

}
.fonts_btn{
    padding-top: 8px;
}
.fonts_btn .fa{
    color: #ffffff;
}
.popupShareArrow{
    color: #324da0;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    top: -24px;
}

ul.shareList{
    list-style-type: none;
    padding: 0px;
    background-color: #f8f8f8;
    margin-top: 16px;

}

ul.shareList li{
    border-bottom: 1px solid #dcdcdc;
    height: 50px;
}

ul.shareList li:last-child{
    border-bottom: none;
}


ul.shareList li a, ul.shareList li a:visited{
    color: #ffffff;
    text-decoration: none;
}

ul.shareList li a:hover, ul.shareList li a:visited{
    color: #ffffff;
    text-decoration: none;
}

ul.shareList li:hover svg, ul.shareList li:focus svg{
    fill: #ffffff;
}

ul.shareList li:hover .shareIcon, ul.shareList li:focus .shareIcon{
    background-color: #ffd600;
}

ul.shareList .shareIcon{
    height: 50px;
    background-color: #232323;
    float: right;
    background-position: center center;
    background-repeat: no-repeat;
    padding: 10px 15px 0px 15px;
    font-size: 20px;
    width: 50px;
    text-align: center;
}

.shareIcon .fa{
    color: #ffffff;
    font-size: 21px;
    font-weight: 400;

}
ul.shareList .shareIcon svg{
    fill: #ffffff;
}


ul.shareList .shareText{
    margin-right: 16px;
    float: right;
    line-height: 50px;
    font-size: 12px;
}

.shareButton > svg *{
    fill: #324da0;
}


/*--------------------------  Laptops ( max 1400 ) --------------------------*/
@media (max-width:1400px){

}

/*--------------------------  MD ( max 1200 ) --------------------------*/
@media (max-width:1200px){
    .popupShare{
        right: 3px;
    }

    .popupShareArrow{
        left: inherit;
        right: 4px;
        color: #4469da;
    }
}

/*--------------------------  SM ( max 992 ) --------------------------*/
@media(max-width:992px){

}

/*--------------------------  XS ( max 768 ) --------------------------*/
@media (max-width:768px){

}

/*--------------------------  max 480 --------------------------*/
@media (max-width:480px){

}.shareButton{
    position: relative;
    font-size: 30px;
    color: #324da0;
    cursor: pointer;
    width: 60px;
    height: 60px;
    text-align: center;
    background-color: #ffd600;
}

.shareButton:hover ,  .shareButton:active , .shareButton:focus  {
    background-color: #232323;
}

.shareButton:hover .popupShare, .shareButton:active .popupShare, .shareButton:focus .popupShare{
    display: block;
}
.shareText{
    color: #000000;
    font-size: 13px;
    font-weight: 400;
}

.popupShare{
    position: absolute;
    width: 190px;
    list-style: none;
    top: 44px;
    padding: 0;
    right: -130px;
    z-index: 12;
    display: none;
    left: 0px;

}
.fonts_btn{
    padding-top: 8px;
}
.fonts_btn .fa{
    color: #ffffff;
}
.popupShareArrow{
    color: #324da0;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    top: -24px;
}

ul.shareList{
    list-style-type: none;
    padding: 0px;
    background-color: #f8f8f8;
    margin-top: 16px;

}

ul.shareList li{
    border-bottom: 1px solid #dcdcdc;
    height: 50px;
}

ul.shareList li:last-child{
    border-bottom: none;
}


ul.shareList li a, ul.shareList li a:visited{
    color: #ffffff;
    text-decoration: none;
}

ul.shareList li a:hover, ul.shareList li a:visited{
    color: #ffffff;
    text-decoration: none;
}

ul.shareList li:hover svg, ul.shareList li:focus svg{
    fill: #ffffff;
}

ul.shareList li:hover .shareIcon, ul.shareList li:focus .shareIcon{
    background-color: #ffd600;
}

ul.shareList .shareIcon{
    height: 50px;
    background-color: #232323;
    float: right;
    background-position: center center;
    background-repeat: no-repeat;
    padding: 10px 15px 0px 15px;
    font-size: 20px;
    width: 50px;
    text-align: center;
}

.shareIcon .fa{
    color: #ffffff;
    font-size: 21px;
    font-weight: 400;

}
ul.shareList .shareIcon svg{
    fill: #ffffff;
}


ul.shareList .shareText{
    margin-right: 16px;
    float: right;
    line-height: 50px;
    font-size: 12px;
}

.shareButton > svg *{
    fill: #324da0;
}


/*--------------------------  Laptops ( max 1400 ) --------------------------*/
@media (max-width:1400px){

}

/*--------------------------  MD ( max 1200 ) --------------------------*/
@media (max-width:1200px){
    .popupShare{
        right: 3px;
    }

    .popupShareArrow{
        left: inherit;
        right: 4px;
        color: #4469da;
    }
}

/*--------------------------  SM ( max 992 ) --------------------------*/
@media(max-width:992px){

}

/*--------------------------  XS ( max 768 ) --------------------------*/
@media (max-width:768px){

}

/*--------------------------  max 480 --------------------------*/
@media (max-width:480px){

}.shareButton{
    position: relative;
    font-size: 30px;
    color: #324da0;
    cursor: pointer;
    width: 60px;
    height: 60px;
    text-align: center;
    background-color: #ffd600;
}

.shareButton:hover ,  .shareButton:active , .shareButton:focus  {
    background-color: #232323;
}

.shareButton:hover .popupShare, .shareButton:active .popupShare, .shareButton:focus .popupShare{
    display: block;
}
.shareText{
    color: #000000;
    font-size: 13px;
    font-weight: 400;
}

.popupShare{
    position: absolute;
    width: 190px;
    list-style: none;
    top: 44px;
    padding: 0;
    right: -130px;
    z-index: 12;
    display: none;
    left: 0px;

}
.fonts_btn{
    padding-top: 8px;
}
.fonts_btn .fa{
    color: #ffffff;
}
.popupShareArrow{
    color: #324da0;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    top: -24px;
}

ul.shareList{
    list-style-type: none;
    padding: 0px;
    background-color: #f8f8f8;
    margin-top: 16px;

}

ul.shareList li{
    border-bottom: 1px solid #dcdcdc;
    height: 50px;
}

ul.shareList li:last-child{
    border-bottom: none;
}


ul.shareList li a, ul.shareList li a:visited{
    color: #ffffff;
    text-decoration: none;
}

ul.shareList li a:hover, ul.shareList li a:visited{
    color: #ffffff;
    text-decoration: none;
}

ul.shareList li:hover svg, ul.shareList li:focus svg{
    fill: #ffffff;
}

ul.shareList li:hover .shareIcon, ul.shareList li:focus .shareIcon{
    background-color: #ffd600;
}

ul.shareList .shareIcon{
    height: 50px;
    background-color: #232323;
    float: right;
    background-position: center center;
    background-repeat: no-repeat;
    padding: 10px 15px 0px 15px;
    font-size: 20px;
    width: 50px;
    text-align: center;
}

.shareIcon .fa{
    color: #ffffff;
    font-size: 21px;
    font-weight: 400;

}
ul.shareList .shareIcon svg{
    fill: #ffffff;
}


ul.shareList .shareText{
    margin-right: 16px;
    float: right;
    line-height: 50px;
    font-size: 12px;
}

.shareButton > svg *{
    fill: #324da0;
}


/*--------------------------  Laptops ( max 1400 ) --------------------------*/
@media (max-width:1400px){

}

/*--------------------------  MD ( max 1200 ) --------------------------*/
@media (max-width:1200px){
    .popupShare{
        right: 3px;
    }

    .popupShareArrow{
        left: inherit;
        right: 4px;
        color: #4469da;
    }
}

/*--------------------------  SM ( max 992 ) --------------------------*/
@media(max-width:992px){

}

/*--------------------------  XS ( max 768 ) --------------------------*/
@media (max-width:768px){

}

/*--------------------------  max 480 --------------------------*/
@media (max-width:480px){

}.shareButton{
    position: relative;
    font-size: 30px;
    color: #324da0;
    cursor: pointer;
    width: 60px;
    height: 60px;
    text-align: center;
    background-color: #ffd600;
}

.shareButton:hover ,  .shareButton:active , .shareButton:focus  {
    background-color: #232323;
}

.shareButton:hover .popupShare, .shareButton:active .popupShare, .shareButton:focus .popupShare{
    display: block;
}
.shareText{
    color: #000000;
    font-size: 13px;
    font-weight: 400;
}

.popupShare{
    position: absolute;
    width: 190px;
    list-style: none;
    top: 44px;
    padding: 0;
    right: -130px;
    z-index: 12;
    display: none;
    left: 0px;

}
.fonts_btn{
    padding-top: 8px;
}
.fonts_btn .fa{
    color: #ffffff;
}
.popupShareArrow{
    color: #324da0;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    top: -24px;
}

ul.shareList{
    list-style-type: none;
    padding: 0px;
    background-color: #f8f8f8;
    margin-top: 16px;

}

ul.shareList li{
    border-bottom: 1px solid #dcdcdc;
    height: 50px;
}

ul.shareList li:last-child{
    border-bottom: none;
}


ul.shareList li a, ul.shareList li a:visited{
    color: #ffffff;
    text-decoration: none;
}

ul.shareList li a:hover, ul.shareList li a:visited{
    color: #ffffff;
    text-decoration: none;
}

ul.shareList li:hover svg, ul.shareList li:focus svg{
    fill: #ffffff;
}

ul.shareList li:hover .shareIcon, ul.shareList li:focus .shareIcon{
    background-color: #ffd600;
}

ul.shareList .shareIcon{
    height: 50px;
    background-color: #232323;
    float: right;
    background-position: center center;
    background-repeat: no-repeat;
    padding: 10px 15px 0px 15px;
    font-size: 20px;
    width: 50px;
    text-align: center;
}

.shareIcon .fa{
    color: #ffffff;
    font-size: 21px;
    font-weight: 400;

}
ul.shareList .shareIcon svg{
    fill: #ffffff;
}


ul.shareList .shareText{
    margin-right: 16px;
    float: right;
    line-height: 50px;
    font-size: 12px;
}

.shareButton > svg *{
    fill: #324da0;
}


/*--------------------------  Laptops ( max 1400 ) --------------------------*/
@media (max-width:1400px){

}

/*--------------------------  MD ( max 1200 ) --------------------------*/
@media (max-width:1200px){
    .popupShare{
        right: 3px;
    }

    .popupShareArrow{
        left: inherit;
        right: 4px;
        color: #4469da;
    }
}

/*--------------------------  SM ( max 992 ) --------------------------*/
@media(max-width:992px){

}

/*--------------------------  XS ( max 768 ) --------------------------*/
@media (max-width:768px){

}

/*--------------------------  max 480 --------------------------*/
@media (max-width:480px){

}.shareButton{
    position: relative;
    font-size: 30px;
    color: #324da0;
    cursor: pointer;
    width: 60px;
    height: 60px;
    text-align: center;
    background-color: #ffd600;
}

.shareButton:hover ,  .shareButton:active , .shareButton:focus  {
    background-color: #232323;
}

.shareButton:hover .popupShare, .shareButton:active .popupShare, .shareButton:focus .popupShare{
    display: block;
}
.shareText{
    color: #000000;
    font-size: 13px;
    font-weight: 400;
}

.popupShare{
    position: absolute;
    width: 190px;
    list-style: none;
    top: 44px;
    padding: 0;
    right: -130px;
    z-index: 12;
    display: none;
    left: 0px;

}
.fonts_btn{
    padding-top: 8px;
}
.fonts_btn .fa{
    color: #ffffff;
}
.popupShareArrow{
    color: #324da0;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    top: -24px;
}

ul.shareList{
    list-style-type: none;
    padding: 0px;
    background-color: #f8f8f8;
    margin-top: 16px;

}

ul.shareList li{
    border-bottom: 1px solid #dcdcdc;
    height: 50px;
}

ul.shareList li:last-child{
    border-bottom: none;
}


ul.shareList li a, ul.shareList li a:visited{
    color: #ffffff;
    text-decoration: none;
}

ul.shareList li a:hover, ul.shareList li a:visited{
    color: #ffffff;
    text-decoration: none;
}

ul.shareList li:hover svg, ul.shareList li:focus svg{
    fill: #ffffff;
}

ul.shareList li:hover .shareIcon, ul.shareList li:focus .shareIcon{
    background-color: #ffd600;
}

ul.shareList .shareIcon{
    height: 50px;
    background-color: #232323;
    float: right;
    background-position: center center;
    background-repeat: no-repeat;
    padding: 10px 15px 0px 15px;
    font-size: 20px;
    width: 50px;
    text-align: center;
}

.shareIcon .fa{
    color: #ffffff;
    font-size: 21px;
    font-weight: 400;

}
ul.shareList .shareIcon svg{
    fill: #ffffff;
}


ul.shareList .shareText{
    margin-right: 16px;
    float: right;
    line-height: 50px;
    font-size: 12px;
}

.shareButton > svg *{
    fill: #324da0;
}


/*--------------------------  Laptops ( max 1400 ) --------------------------*/
@media (max-width:1400px){

}

/*--------------------------  MD ( max 1200 ) --------------------------*/
@media (max-width:1200px){
    .popupShare{
        right: 3px;
    }

    .popupShareArrow{
        left: inherit;
        right: 4px;
        color: #4469da;
    }
}

/*--------------------------  SM ( max 992 ) --------------------------*/
@media(max-width:992px){

}

/*--------------------------  XS ( max 768 ) --------------------------*/
@media (max-width:768px){

}

/*--------------------------  max 480 --------------------------*/
@media (max-width:480px){

}.shareButton{
    position: relative;
    font-size: 30px;
    color: #324da0;
    cursor: pointer;
    width: 60px;
    height: 60px;
    text-align: center;
    background-color: #ffd600;
}

.shareButton:hover ,  .shareButton:active , .shareButton:focus  {
    background-color: #232323;
}

.shareButton:hover .popupShare, .shareButton:active .popupShare, .shareButton:focus .popupShare{
    display: block;
}
.shareText{
    color: #000000;
    font-size: 13px;
    font-weight: 400;
}

.popupShare{
    position: absolute;
    width: 190px;
    list-style: none;
    top: 44px;
    padding: 0;
    right: -130px;
    z-index: 12;
    display: none;
    left: 0px;

}
.fonts_btn{
    padding-top: 8px;
}
.fonts_btn .fa{
    color: #ffffff;
}
.popupShareArrow{
    color: #324da0;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    top: -24px;
}

ul.shareList{
    list-style-type: none;
    padding: 0px;
    background-color: #f8f8f8;
    margin-top: 16px;

}

ul.shareList li{
    border-bottom: 1px solid #dcdcdc;
    height: 50px;
}

ul.shareList li:last-child{
    border-bottom: none;
}


ul.shareList li a, ul.shareList li a:visited{
    color: #ffffff;
    text-decoration: none;
}

ul.shareList li a:hover, ul.shareList li a:visited{
    color: #ffffff;
    text-decoration: none;
}

ul.shareList li:hover svg, ul.shareList li:focus svg{
    fill: #ffffff;
}

ul.shareList li:hover .shareIcon, ul.shareList li:focus .shareIcon{
    background-color: #ffd600;
}

ul.shareList .shareIcon{
    height: 50px;
    background-color: #232323;
    float: right;
    background-position: center center;
    background-repeat: no-repeat;
    padding: 10px 15px 0px 15px;
    font-size: 20px;
    width: 50px;
    text-align: center;
}

.shareIcon .fa{
    color: #ffffff;
    font-size: 21px;
    font-weight: 400;

}
ul.shareList .shareIcon svg{
    fill: #ffffff;
}


ul.shareList .shareText{
    margin-right: 16px;
    float: right;
    line-height: 50px;
    font-size: 12px;
}

.shareButton > svg *{
    fill: #324da0;
}


/*--------------------------  Laptops ( max 1400 ) --------------------------*/
@media (max-width:1400px){

}

/*--------------------------  MD ( max 1200 ) --------------------------*/
@media (max-width:1200px){
    .popupShare{
        right: 3px;
    }

    .popupShareArrow{
        left: inherit;
        right: 4px;
        color: #4469da;
    }
}

/*--------------------------  SM ( max 992 ) --------------------------*/
@media(max-width:992px){

}

/*--------------------------  XS ( max 768 ) --------------------------*/
@media (max-width:768px){

}

/*--------------------------  max 480 --------------------------*/
@media (max-width:480px){

}.shareButton{
    position: relative;
    font-size: 30px;
    color: #324da0;
    cursor: pointer;
    width: 60px;
    height: 60px;
    text-align: center;
    background-color: #ffd600;
}

.shareButton:hover ,  .shareButton:active , .shareButton:focus  {
    background-color: #232323;
}

.shareButton:hover .popupShare, .shareButton:active .popupShare, .shareButton:focus .popupShare{
    display: block;
}
.shareText{
    color: #000000;
    font-size: 13px;
    font-weight: 400;
}

.popupShare{
    position: absolute;
    width: 190px;
    list-style: none;
    top: 44px;
    padding: 0;
    right: -130px;
    z-index: 12;
    display: none;
    left: 0px;

}
.fonts_btn{
    padding-top: 8px;
}
.fonts_btn .fa{
    color: #ffffff;
}
.popupShareArrow{
    color: #324da0;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    top: -24px;
}

ul.shareList{
    list-style-type: none;
    padding: 0px;
    background-color: #f8f8f8;
    margin-top: 16px;

}

ul.shareList li{
    border-bottom: 1px solid #dcdcdc;
    height: 50px;
}

ul.shareList li:last-child{
    border-bottom: none;
}


ul.shareList li a, ul.shareList li a:visited{
    color: #ffffff;
    text-decoration: none;
}

ul.shareList li a:hover, ul.shareList li a:visited{
    color: #ffffff;
    text-decoration: none;
}

ul.shareList li:hover svg, ul.shareList li:focus svg{
    fill: #ffffff;
}

ul.shareList li:hover .shareIcon, ul.shareList li:focus .shareIcon{
    background-color: #ffd600;
}

ul.shareList .shareIcon{
    height: 50px;
    background-color: #232323;
    float: right;
    background-position: center center;
    background-repeat: no-repeat;
    padding: 10px 15px 0px 15px;
    font-size: 20px;
    width: 50px;
    text-align: center;
}

.shareIcon .fa{
    color: #ffffff;
    font-size: 21px;
    font-weight: 400;

}
ul.shareList .shareIcon svg{
    fill: #ffffff;
}


ul.shareList .shareText{
    margin-right: 16px;
    float: right;
    line-height: 50px;
    font-size: 12px;
}

.shareButton > svg *{
    fill: #324da0;
}


/*--------------------------  Laptops ( max 1400 ) --------------------------*/
@media (max-width:1400px){

}

/*--------------------------  MD ( max 1200 ) --------------------------*/
@media (max-width:1200px){
    .popupShare{
        right: 3px;
    }

    .popupShareArrow{
        left: inherit;
        right: 4px;
        color: #4469da;
    }
}

/*--------------------------  SM ( max 992 ) --------------------------*/
@media(max-width:992px){

}

/*--------------------------  XS ( max 768 ) --------------------------*/
@media (max-width:768px){

}

/*--------------------------  max 480 --------------------------*/
@media (max-width:480px){

}.shareButton{
    position: relative;
    font-size: 30px;
    color: #324da0;
    cursor: pointer;
    width: 60px;
    height: 60px;
    text-align: center;
    background-color: #ffd600;
}

.shareButton:hover ,  .shareButton:active , .shareButton:focus  {
    background-color: #232323;
}

.shareButton:hover .popupShare, .shareButton:active .popupShare, .shareButton:focus .popupShare{
    display: block;
}
.shareText{
    color: #000000;
    font-size: 13px;
    font-weight: 400;
}

.popupShare{
    position: absolute;
    width: 190px;
    list-style: none;
    top: 44px;
    padding: 0;
    right: -130px;
    z-index: 12;
    display: none;
    left: 0px;

}
.fonts_btn{
    padding-top: 8px;
}
.fonts_btn .fa{
    color: #ffffff;
}
.popupShareArrow{
    color: #324da0;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    top: -24px;
}

ul.shareList{
    list-style-type: none;
    padding: 0px;
    background-color: #f8f8f8;
    margin-top: 16px;

}

ul.shareList li{
    border-bottom: 1px solid #dcdcdc;
    height: 50px;
}

ul.shareList li:last-child{
    border-bottom: none;
}


ul.shareList li a, ul.shareList li a:visited{
    color: #ffffff;
    text-decoration: none;
}

ul.shareList li a:hover, ul.shareList li a:visited{
    color: #ffffff;
    text-decoration: none;
}

ul.shareList li:hover svg, ul.shareList li:focus svg{
    fill: #ffffff;
}

ul.shareList li:hover .shareIcon, ul.shareList li:focus .shareIcon{
    background-color: #ffd600;
}

ul.shareList .shareIcon{
    height: 50px;
    background-color: #232323;
    float: right;
    background-position: center center;
    background-repeat: no-repeat;
    padding: 10px 15px 0px 15px;
    font-size: 20px;
    width: 50px;
    text-align: center;
}

.shareIcon .fa{
    color: #ffffff;
    font-size: 21px;
    font-weight: 400;

}
ul.shareList .shareIcon svg{
    fill: #ffffff;
}


ul.shareList .shareText{
    margin-right: 16px;
    float: right;
    line-height: 50px;
    font-size: 12px;
}

.shareButton > svg *{
    fill: #324da0;
}


/*--------------------------  Laptops ( max 1400 ) --------------------------*/
@media (max-width:1400px){

}

/*--------------------------  MD ( max 1200 ) --------------------------*/
@media (max-width:1200px){
    .popupShare{
        right: 3px;
    }

    .popupShareArrow{
        left: inherit;
        right: 4px;
        color: #4469da;
    }
}

/*--------------------------  SM ( max 992 ) --------------------------*/
@media(max-width:992px){

}

/*--------------------------  XS ( max 768 ) --------------------------*/
@media (max-width:768px){

}

/*--------------------------  max 480 --------------------------*/
@media (max-width:480px){

}.shareButton{
    position: relative;
    font-size: 30px;
    color: #324da0;
    cursor: pointer;
    width: 60px;
    height: 60px;
    text-align: center;
    background-color: #ffd600;
}

.shareButton:hover ,  .shareButton:active , .shareButton:focus  {
    background-color: #232323;
}

.shareButton:hover .popupShare, .shareButton:active .popupShare, .shareButton:focus .popupShare{
    display: block;
}
.shareText{
    color: #000000;
    font-size: 13px;
    font-weight: 400;
}

.popupShare{
    position: absolute;
    width: 190px;
    list-style: none;
    top: 44px;
    padding: 0;
    right: -130px;
    z-index: 12;
    display: none;
    left: 0px;

}
.fonts_btn{
    padding-top: 8px;
}
.fonts_btn .fa{
    color: #ffffff;
}
.popupShareArrow{
    color: #324da0;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    top: -24px;
}

ul.shareList{
    list-style-type: none;
    padding: 0px;
    background-color: #f8f8f8;
    margin-top: 16px;

}

ul.shareList li{
    border-bottom: 1px solid #dcdcdc;
    height: 50px;
}

ul.shareList li:last-child{
    border-bottom: none;
}


ul.shareList li a, ul.shareList li a:visited{
    color: #ffffff;
    text-decoration: none;
}

ul.shareList li a:hover, ul.shareList li a:visited{
    color: #ffffff;
    text-decoration: none;
}

ul.shareList li:hover svg, ul.shareList li:focus svg{
    fill: #ffffff;
}

ul.shareList li:hover .shareIcon, ul.shareList li:focus .shareIcon{
    background-color: #ffd600;
}

ul.shareList .shareIcon{
    height: 50px;
    background-color: #232323;
    float: right;
    background-position: center center;
    background-repeat: no-repeat;
    padding: 10px 15px 0px 15px;
    font-size: 20px;
    width: 50px;
    text-align: center;
}

.shareIcon .fa{
    color: #ffffff;
    font-size: 21px;
    font-weight: 400;

}
ul.shareList .shareIcon svg{
    fill: #ffffff;
}


ul.shareList .shareText{
    margin-right: 16px;
    float: right;
    line-height: 50px;
    font-size: 12px;
}

.shareButton > svg *{
    fill: #324da0;
}


/*--------------------------  Laptops ( max 1400 ) --------------------------*/
@media (max-width:1400px){

}

/*--------------------------  MD ( max 1200 ) --------------------------*/
@media (max-width:1200px){
    .popupShare{
        right: 3px;
    }

    .popupShareArrow{
        left: inherit;
        right: 4px;
        color: #4469da;
    }
}

/*--------------------------  SM ( max 992 ) --------------------------*/
@media(max-width:992px){

}

/*--------------------------  XS ( max 768 ) --------------------------*/
@media (max-width:768px){

}

/*--------------------------  max 480 --------------------------*/
@media (max-width:480px){

}.shareButton{
    position: relative;
    font-size: 30px;
    color: #324da0;
    cursor: pointer;
    width: 60px;
    height: 60px;
    text-align: center;
    background-color: #ffd600;
}

.shareButton:hover ,  .shareButton:active , .shareButton:focus  {
    background-color: #232323;
}

.shareButton:hover .popupShare, .shareButton:active .popupShare, .shareButton:focus .popupShare{
    display: block;
}
.shareText{
    color: #000000;
    font-size: 13px;
    font-weight: 400;
}

.popupShare{
    position: absolute;
    width: 190px;
    list-style: none;
    top: 44px;
    padding: 0;
    right: -130px;
    z-index: 12;
    display: none;
    left: 0px;

}
.fonts_btn{
    padding-top: 8px;
}
.fonts_btn .fa{
    color: #ffffff;
}
.popupShareArrow{
    color: #324da0;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    top: -24px;
}

ul.shareList{
    list-style-type: none;
    padding: 0px;
    background-color: #f8f8f8;
    margin-top: 16px;

}

ul.shareList li{
    border-bottom: 1px solid #dcdcdc;
    height: 50px;
}

ul.shareList li:last-child{
    border-bottom: none;
}


ul.shareList li a, ul.shareList li a:visited{
    color: #ffffff;
    text-decoration: none;
}

ul.shareList li a:hover, ul.shareList li a:visited{
    color: #ffffff;
    text-decoration: none;
}

ul.shareList li:hover svg, ul.shareList li:focus svg{
    fill: #ffffff;
}

ul.shareList li:hover .shareIcon, ul.shareList li:focus .shareIcon{
    background-color: #ffd600;
}

ul.shareList .shareIcon{
    height: 50px;
    background-color: #232323;
    float: right;
    background-position: center center;
    background-repeat: no-repeat;
    padding: 10px 15px 0px 15px;
    font-size: 20px;
    width: 50px;
    text-align: center;
}

.shareIcon .fa{
    color: #ffffff;
    font-size: 21px;
    font-weight: 400;

}
ul.shareList .shareIcon svg{
    fill: #ffffff;
}


ul.shareList .shareText{
    margin-right: 16px;
    float: right;
    line-height: 50px;
    font-size: 12px;
}

.shareButton > svg *{
    fill: #324da0;
}


/*--------------------------  Laptops ( max 1400 ) --------------------------*/
@media (max-width:1400px){

}

/*--------------------------  MD ( max 1200 ) --------------------------*/
@media (max-width:1200px){
    .popupShare{
        right: 3px;
    }

    .popupShareArrow{
        left: inherit;
        right: 4px;
        color: #4469da;
    }
}

/*--------------------------  SM ( max 992 ) --------------------------*/
@media(max-width:992px){

}

/*--------------------------  XS ( max 768 ) --------------------------*/
@media (max-width:768px){

}

/*--------------------------  max 480 --------------------------*/
@media (max-width:480px){

}.shareButton{
    position: relative;
    font-size: 30px;
    color: #324da0;
    cursor: pointer;
    width: 60px;
    height: 60px;
    text-align: center;
    background-color: #ffd600;
}

.shareButton:hover ,  .shareButton:active , .shareButton:focus  {
    background-color: #232323;
}

.shareButton:hover .popupShare, .shareButton:active .popupShare, .shareButton:focus .popupShare{
    display: block;
}
.shareText{
    color: #000000;
    font-size: 13px;
    font-weight: 400;
}

.popupShare{
    position: absolute;
    width: 190px;
    list-style: none;
    top: 44px;
    padding: 0;
    right: -130px;
    z-index: 12;
    display: none;
    left: 0px;

}
.fonts_btn{
    padding-top: 8px;
}
.fonts_btn .fa{
    color: #ffffff;
}
.popupShareArrow{
    color: #324da0;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    top: -24px;
}

ul.shareList{
    list-style-type: none;
    padding: 0px;
    background-color: #f8f8f8;
    margin-top: 16px;

}

ul.shareList li{
    border-bottom: 1px solid #dcdcdc;
    height: 50px;
}

ul.shareList li:last-child{
    border-bottom: none;
}


ul.shareList li a, ul.shareList li a:visited{
    color: #ffffff;
    text-decoration: none;
}

ul.shareList li a:hover, ul.shareList li a:visited{
    color: #ffffff;
    text-decoration: none;
}

ul.shareList li:hover svg, ul.shareList li:focus svg{
    fill: #ffffff;
}

ul.shareList li:hover .shareIcon, ul.shareList li:focus .shareIcon{
    background-color: #ffd600;
}

ul.shareList .shareIcon{
    height: 50px;
    background-color: #232323;
    float: right;
    background-position: center center;
    background-repeat: no-repeat;
    padding: 10px 15px 0px 15px;
    font-size: 20px;
    width: 50px;
    text-align: center;
}

.shareIcon .fa{
    color: #ffffff;
    font-size: 21px;
    font-weight: 400;

}
ul.shareList .shareIcon svg{
    fill: #ffffff;
}


ul.shareList .shareText{
    margin-right: 16px;
    float: right;
    line-height: 50px;
    font-size: 12px;
}

.shareButton > svg *{
    fill: #324da0;
}


/*--------------------------  Laptops ( max 1400 ) --------------------------*/
@media (max-width:1400px){

}

/*--------------------------  MD ( max 1200 ) --------------------------*/
@media (max-width:1200px){
    .popupShare{
        right: 3px;
    }

    .popupShareArrow{
        left: inherit;
        right: 4px;
        color: #4469da;
    }
}

/*--------------------------  SM ( max 992 ) --------------------------*/
@media(max-width:992px){

}

/*--------------------------  XS ( max 768 ) --------------------------*/
@media (max-width:768px){

}

/*--------------------------  max 480 --------------------------*/
@media (max-width:480px){

}.shareButton{
    position: relative;
    font-size: 30px;
    color: #324da0;
    cursor: pointer;
    width: 60px;
    height: 60px;
    text-align: center;
    background-color: #ffd600;
}

.shareButton:hover ,  .shareButton:active , .shareButton:focus  {
    background-color: #232323;
}

.shareButton:hover .popupShare, .shareButton:active .popupShare, .shareButton:focus .popupShare{
    display: block;
}
.shareText{
    color: #000000;
    font-size: 13px;
    font-weight: 400;
}

.popupShare{
    position: absolute;
    width: 190px;
    list-style: none;
    top: 44px;
    padding: 0;
    right: -130px;
    z-index: 12;
    display: none;
    left: 0px;

}
.fonts_btn{
    padding-top: 8px;
}
.fonts_btn .fa{
    color: #ffffff;
}
.popupShareArrow{
    color: #324da0;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    top: -24px;
}

ul.shareList{
    list-style-type: none;
    padding: 0px;
    background-color: #f8f8f8;
    margin-top: 16px;

}

ul.shareList li{
    border-bottom: 1px solid #dcdcdc;
    height: 50px;
}

ul.shareList li:last-child{
    border-bottom: none;
}


ul.shareList li a, ul.shareList li a:visited{
    color: #ffffff;
    text-decoration: none;
}

ul.shareList li a:hover, ul.shareList li a:visited{
    color: #ffffff;
    text-decoration: none;
}

ul.shareList li:hover svg, ul.shareList li:focus svg{
    fill: #ffffff;
}

ul.shareList li:hover .shareIcon, ul.shareList li:focus .shareIcon{
    background-color: #ffd600;
}

ul.shareList .shareIcon{
    height: 50px;
    background-color: #232323;
    float: right;
    background-position: center center;
    background-repeat: no-repeat;
    padding: 10px 15px 0px 15px;
    font-size: 20px;
    width: 50px;
    text-align: center;
}

.shareIcon .fa{
    color: #ffffff;
    font-size: 21px;
    font-weight: 400;

}
ul.shareList .shareIcon svg{
    fill: #ffffff;
}


ul.shareList .shareText{
    margin-right: 16px;
    float: right;
    line-height: 50px;
    font-size: 12px;
}

.shareButton > svg *{
    fill: #324da0;
}


/*--------------------------  Laptops ( max 1400 ) --------------------------*/
@media (max-width:1400px){

}

/*--------------------------  MD ( max 1200 ) --------------------------*/
@media (max-width:1200px){
    .popupShare{
        right: 3px;
    }

    .popupShareArrow{
        left: inherit;
        right: 4px;
        color: #4469da;
    }
}

/*--------------------------  SM ( max 992 ) --------------------------*/
@media(max-width:992px){

}

/*--------------------------  XS ( max 768 ) --------------------------*/
@media (max-width:768px){

}

/*--------------------------  max 480 --------------------------*/
@media (max-width:480px){

}.tabmenu{
	position: absolute;
	top: 0px;
	z-index: 99999;
	display: none;
	text-align: center;
	background-color: #000000;
	width: 400px;
	height: 20px;
	left: 100px;
}

.tabmenu a{
	color: #000000;
}

.tabmenu ul li ul{
	display: none;
}

.tabmenu li{
	list-style-type: none;
	width: 400px;
	z-index: 0;
	top: 0px;
	left: 0px;
	position: absolute;
}

.tabmenu li a{
	font-weight: bold;
	text-decoration: none;
	opacity: 0.0;
    	filter: alpha(opacity=0);
	color: #000000;
}


.tabmenu a:focus{
	opacity: 1;
   	filter: alpha(opacity=100);
	color: #ffff00 !important;
}

#BNagish {
	position: absolute;
	top: 152px;
	right: 0px;
	z-index: 999999;
}

#BNagishMenu {
	position: absolute;
	top: 0;
    width: 340px;
	right: 60px;
	display: none;
	background: #f1f1f1;
	padding: 0;
	color: #000;
	-webkit-box-shadow: -1px 2px 5px 0px rgba(50, 50, 50, 0.2);
	-moz-box-shadow:    -1px 2px 5px 0px rgba(50, 50, 50, 0.2);
	box-shadow:         -1px 2px 5px 0px rgba(50, 50, 50, 0.2);
}

#BNagishMenu a, #BNagishMenu a:visited{
	display: block;
	padding-right: 16px;
	font-size: 14px;
	color: #000;
	padding-top: 10px;
	padding-bottom: 10px
}

#BNagishMenu a.active, #BNagishMenu a.active:visited{
	color: #fff;
}

#BNagishMenu a:hover, #BNagishMenu a:focus, #BNagishMenu a:active{
    background-color: #444;
    color: #fff;
}

#BNagishMenu strong {
	display: block;
	padding: 0px 0px 0px 0px;
	padding-right: 16px;
	font-size: 18px;
}

#BNagishMenu span {
	display: block;
	padding: 0 16px 12px;
	font-size: 14px;
	color: #333;
}

#toggleBNagish {
    background: #444;
    text-align: center;
    color: #FFF;
    padding: 18px;
    display: block;
    font-size: 16px;
    text-align: center;
    width: 60px;
    height: 60px;
    -o-transition: none;
    -ms-transition: none;
    -moz-transition: none;
    -webkit-transition: none;
    transition: none;
}

#toggleBNagish #angle {
	margin-right: 5px;
}


.toggleBNagishSize {
    background: none repeat scroll 0 0 #141414;
    color: #e6e6e6;
    display: block;
    font-size: 16px;
    padding: 19px 0px;
    font-weight: bold;
    width: 60px;
    height: 60px;
    text-align: center;
    cursor: pointer;
}

#BNagish a:hover, #BNagish a:focus {
	background-color: #222;
	color: #fff;
}

#BNagish .active {
	font-weight: bold;
	background: #666;
	color: #fff;
}

#BNagish .webColors {

}

#BNagish .webColors:hover, #BNagish .webColors:focus{
    background: #444;
    color: #fff;
}

.Nagish-Inverted {
	filter: invert(1);
	-webkit-filter: invert(1);
	-moz-filter: invert(1);
	-o-filter: invert(1);
	-ms-filter: invert(1);
}

.Nagish-Grayscale {
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	filter: grayscale(100%);
}

#BNagish a#BNagish_Close{
    background: #444;
    color: #fff;
    font-size: 16px;
    padding: 10px;
    font-weight: bold;
    text-align: center;
}


#BNagish a#BNagish_Close:hover, #BNagish a#BNagish_Close:focus, #BNagish a#BNagish_Close:active{
    background: #141414;
}

.firefoxTransformFix{
		-moz-transform-origin: 100% 0 0;
	}