* {
    outline: 0 none !important;
    }
    
    ul
    {
    margin: 0px;
    padding: 0px;
    }
    
    
    body
    {
    color:#3f3f3f; 
    font-family: lato; 
    background-color: #f9fbf8;
    overflow-x: hidden;
    }
    
    body.index
    {
    background-color: #98bd7f;
    }
    
    .width-100p.fl-left.mg-tp-20.f-size-12 > ul {
        padding-left: 15px;
    }
    
    
    @font-face {
        font-family:lato;
        font-display: auto;
        src: url(../fonts/Lato-Regular.ttf);
    }
    
    .sharing {
        position: absolute;
        /* background: #8e8e8e; */
        left: 5px;
        bottom: 0px;
        width: auto;
        padding: 5px 0px;
    }
    
    img.back-arrow {
        width: 23%;
    }
    
    button#reset {
        margin-right: 10px;
    }
    
    .fl-left.col-lg-1.col-xs-4.padding-0 {
        width: 82px;
    }
    
    .width-100p.fl-left.mg-tp-50 {
        margin-top: 45px;
    }
    
    .col-lg-12.fl-left.text-left.pos-abs.top-0 {
        padding-left: 0;
    }
    
    .col-lg-9.col-md-9.col-sm-8.col-xs-12.fl-left > .width-100p.fl-left > .container {
        padding-left: 0;
    }
    
    .fl-left.col-xs-7.mg-tp-20 {
        padding-left: 5px;
    }
    
    .sharing img {
        width: 23px;
        float: left;
        margin-right: 5px;
        background: white;
        border-radius: 50%;
    }
    
    .sharing-icons {
      display:none;
        float: left;
        border-left: 2px solid white;
    }
    
    .width-100p.fl-left.ChooseGender {
        direction: ltr;
        bottom: 10px;
        position: absolute;
        font-size: 16px;
    }
    
    .col-lg-3.margin-auto.float-none.text-center:first-child {
          color: #98bd7f;
    }
    
    .col-lg-3.margin-auto.float-none.text-center:last-child {
        margin-top: 10px;
    }
    
    .sh-icons {
        float: left;
        margin: 0px 5px;
    }
    
    .back.fl-left {
        padding-left: 10px;
      width:100%;
    }
    
    .fl-left.mg-tp-5.mg-l-5 {
        width: 19px;
    }
    .fl-left.mg-tp-5.mg-l-5 img {
        width: 100%;
    }
    
    div#LanguageBlock {
        float: left;
        width: 100%;
        border-left: 1px solid;
        margin-top: 10px;
    }
    
    .col-lg-12.col-md-12.col-sm-12.col-xs-12.fl-left.gray-bg.padding-0.legalParagraph {
        border-top: 8px solid #98bd7f;
    }
    
    .col-lg-12.col-md-12.col-sm-12.col-xs-12.fl-left.gray-bg.padding-0.legalParagraph > p {
      padding: 10px;
        text-align: left;
      font-size: 9px;
    }
    
    .Language:hover, .Language.active, .Language:focus {
      color: #98bd7f;
    }
    
    .width-100p.fl-left.bg-green.footer.height-43, .width-100p.fl-left.bg-green.height-30.mg-tp-50 {
        position: absolute;
        bottom: 0;
    }
    
    /* .col-lg-3.col-md-3.col-sm-3.col-xs-6.mg-bt-70.padding-0.ChooseArticles.fl-left {
        min-height: 160px !important;
    }
    .col-lg-6.col-md-6.col-sm-6.col-xs-6.mg-bt-70.padding-0.ChooseArticles.fl-left {
        min-height: 165px;
    } */
    
    .ChooseArticles {
        cursor: pointer;
        min-height: 22%;
        max-height: 200px;
        margin-bottom: 20px;
    }
    
    .width-100p.fl-left.text-center.f-size-12 {
        height: 44px;
        overflow: hidden;
        width: 70% !important;
        margin: 0px auto !important;
        display: block;
        float: none !important;
        padding-top: 10px;
    }
    
    div#loader {
        position: fixed;
        width: 100%;
        height: 100%;
        z-index: 2000;
        background: white;
    }
    
    #loader img {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        margin: auto;
        width: 6%;
    }
    
    div#NumberDisplay {
        height: 370px;
    }
    
    .text.fl-left.f-size-12.f-size-11-small.gray.mg-tp-20 > ul {
        padding-left: 40px;
    }
    
    .fl-left
    {
    float:left;  
    }
    
    .fl-right
    {
    float:right; 
    }
    
    .white
    {
    color:white;  
    }
    
    .width-100p
    {
    width:100% !important;
    }
    
    .pos-abs
    {
    position:absolute; 
    }
    
    .pos-rel
    {
    position:relative;  
    }
    
    .back-trans
    {
    background: transparent;  
    }
    
    img.img-responsive.margin-auto.padd-small-5 {
      height: 95px;
    }
    
    img.centered-axis-xy.width-small-30 {
        width: 30px;
    }
    
    .centered-axis-xy.z-index-1 > img {
      width:64px;
    }
    
    .navbar-nav li a
    {color: #000;font-size: 16px;}
    
    .active
    {
    font-weight: bold;  
    }
    
    .Pages.active {
        pointer-events: none;
        color: #fff;
        float: left;
        padding: 6px;
        border: 1px solid #ccc;
        border-radius: 360px;
        width: 34px;
        background-color: #98bd7f;
    }
    
    .Page.BottomDisplay.active {
      text-decoration: underline;
      font-weight: normal;
      pointer-events: none;
      color: white;
    }
    
    .border-0
    {
    border:0px;  
    }
    
    .navbar-toggle .icon-bar {
      display: block;
      width: 22px;
      height: 2px;
      background-color: 000;
      border-radius: 1px;
    }
    
    .image-text
    {
    right:20px;
    bottom: 100px; 
    }
    
    .right-0
    {
    right:0px; 
    }
    
    .center-div {position: absolute;left: 50%;top: 50%;-webkit-transform: translate(0%, -50%);transform: translate(0%, -45%);}
    
    
    .font-weight-bold
    {
    font-weight: bold;  
    }
    
    .mg-tp-2em
    {
    margin-top:2em;  
    }
    
    
    .f-size-16
    {
    font-size: 16px;
    }
    
    .f-size-28
    {
    font-size: 28px;
    }
    
    .padding-0
    {
    padding: 0px;  
    }
    
    .cursor-pointer
    {
    cursor: pointer;;  
    }
    
    
    .mg-bt-10
    {
    margin-bottom: 10px;
    }
    
    .padd-tp-10
    {
    padding-top: 10px; 
    }
    
    .f-size-34
    {
    font-size:34px;
    }
    
    .font-weight-regular {
      font-weight: 100 !important;
    }
    
    .float-none
    {
    float: none;  
    }
    
    .margin-auto
    {
    margin:auto;  
    }
    
    .f-size-20
    {
    font-size: 20px;  
    }
    
    .gray
    {
    color:#3f3f3f !important;  
    }
    
    .margin-0
    {
    margin:0px;  
    }
    
    .mg-tp-20
    {
    margin-top: 20px  
    }
    
    .width-100p.fl-left.green.text-center.mg-tp-20 {
      margin-top: 15px;
    }
    
    .green
    {
    color:#98bd7f;  
    }
    
    .border-radius-180
    {
    border-radius: 180px;  
    }
    
    .border-0
    {
    border:0px;  
    }
    
    .border-1
    {
    border:1px solid;  
    }
    
    .f-size-12
    {
    font-size: 12px;  
    }
    
    button
    {
    padding-left:15px;
    padding-right: 15px;  
    }
    
    .mg-tp-100
    {
    margin-top: 100px;
    }
    
    .mg-tp-10
    {
    margin-top:10px;
    }
    
    .mg-tp-50
    {
    margin-top: 50px;
    }
    
    .mg-tp-30
    {
    margin-top: 30px;  
    }
    
    .bg-green
    {
    background-color: #98bd7f;  
    }
    
    .green-section
    {
    padding-top:4em;
    padding-bottom: 4em;
    }
    
    .image {
      margin-bottom: 30px;
      width: 272px;
      float: none;
       cursor: pointer;
    }
    
    .image img
    {
    float:left !important;  
    }
    
    .image .text
    {
    padding-top: 25px;
    position: absolute;
    right: -15px;
    text-align: left;
    width: 150px;
    top: 38%;
    -webkit-transform: translate(0%, -50%);
      transform: translate(0%, -45%);
    
    }
    
    .mg-bt-30
    {
    margin-bottom: 30px; 
    }
    
    .bg-gray
    {
    background-color: rgba(99, 101, 103, 0.1);  
    }
    
    .padding-30
    {
    padding:30px;  
    }
    
    .slick-prev:before {
    content: "\f104" !important;
    font-family: FontAwesome !important;
    font-size: 38px !important;
    color: #636567;
    }
    
    .slick-next:before {
    content: "\f105" !important;
    font-family: FontAwesome !important;
    font-size: 38px !important;
    color: #636567;
    }
    
    
    .image-slide
    {
    height: auto !important;
    cursor: pointer;
    padding-bottom: 10px;
    }
    
    .image-slide img {
        width: 100%;
        box-shadow: 3px 2px 2px 1px #ddd;
    }
    
    .f-size-26
    {
    font-size: 26px;  
    }
    
    
    .f-size-14
    {
    font-size: 14px;  
    }
    
    .padd-tp-bt-5
    {
    padding-top:5px;
    padding-bottom:5px;   
    }
    
    .padd-l-0
    {
    padding-left: 0px;
    }
    
    .border-tp-bt
    {
    border-top:1px solid #ccc;  
    border-bottom: 1px solid #ccc;
    }
    
    .padd-tp-bt-25
    {
    padding-top:25px;
    padding-bottom: 25px;
    }
    
    .mg-r-20
    {
    margin-right: 20px;  
    }
    
    .mg-r-30
    {
    margin-right:30px;  
    }
    
    .mg-bt-20
    {
    margin-bottom: 10px;  
    }
    
    .top-menu
    {
    width: 100%;
    z-index: 1;
    }
    
    .backtop {
      display:none;
      position: fixed;
      bottom: 220px;
      right: 20px;
      width: 30px;
      height: 30px;
      z-index: 10000;
      background-size: 100%;
      cursor: pointer;
    }
    
    .navbar-nav>li a
    {
    background-color: transparent !important;  
    }
    
    .navbar-nav>li a:hover
    {
    font-weight: bold;  
    }
    
    .black
    {
    color: #000;  
    }
    
    .height-100p
    {
    height:100%;  
    }
    
    .mg-tp-25
    {
    margin-top: 25px;  
    }
    
    .mg-tp-15
    {
    margin-top:15px;  
    }
    
    .dropdown-menu
    {
    min-width: 20px;  
    }
    
    .mg-bt-5
    {
    margin-bottom: 5px;  
    }
    
    h2
    {
    font-size: 22px;  
    }
    
    .font-bold
    {
    font-weight: bold;  
    }
    
    .right-10
    {
    right:10px;  
    }
    
    .right-0
    {
    right:0px;  
    }
    
    
    .top-0
    {
    top:0px;  
    }
    
    .dropdown-menu
    {
    border-radius: 0px;  
    }
    
    #container {
    text-align: center;
    }
    
    #container > div {
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    padding-top: 17px;
    padding-bottom: 17px;
    }
    
    .f-size-18
    {
    font-size: 18px;  
    }
    
    .height-100p
    {
      height:100%;
    }
    
    .centered-axis-xy {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%,-50%);
    }
    
    .slider
    {
    border-bottom: 8px solid #98bd7f;
    }
    
    .border
    {
      border: 2px solid #98bd7f;
      position: relative;
      top: 0px;
      left: 0px;
      /* border-bottom: 0px; */
      width: 96%;
      margin: auto;
      margin-top: 26px;
      z-index: 1;
    
    }
    
    .slide .border 
    {max-height: 81% !important;}
    
    .margin-20
    { 
    margin:20px;
    }
    
    .bottom-div
    {
        bottom: 0px;
        width: 100%;
        height: 0px;
        left: 0px;
        position: relative;
        z-index: 1;
        background-color: #f9fbf8;
    }
    
    
    .slide .bottom-div
    {
        height: 137px;
    }
    .bg-white
    {
    background-color: white;  
    }
    
    .height-50
    {height: 58px;}
    
    
    .bggreen
    {
      background-color: #98bd7f;
    }
    
    
    .padd-l-r-20
    {
    padding-left:20px;
    padding-right:20px;  
    }
    
    .mg-bt-40
    {
    margin-bottom: 40px;  
    }
    
    .gray-bg
    {
    background-color:#f9fbf8;  
    }
    
    
    .z-index-1
    {
    z-index:1;  
    }
    
    .green
    {
    color:#98bd7f; 
    }
    
    .bottom-0
    {
    bottom:0px;  
    }
    
    .bottom-15
    {
    bottom:15px;  
    }
    
    .continue
    {width: 164px;
     height:29px;
     right:23px;
     bottom:8px;
     display:none;
     z-index: 2000;
    }
    
    .logo
    {
    width: 137px !important;
    }
    
    .bg-trans
    {
    background-color: transparent;  
    }
    
    .bottom-40
    {
    bottom:40px;  
    }
    
    button
    {
    padding-top:5px;
    padding-bottom: 5px;
    }
    
    .mainslider img
    {
    width:100%;  
    }
    
    #male:hover, #female:hover, #cancel:hover, #reset:hover, #male:active, #female:active
    {
     color:white; 
     background-color: #98bd7f;
    } 
    
    .width-120
    {
    width:120px;  
    }
    
    .mainslider
    {
        position: relative;
        display: block;  
    }
    
    .line
    {
        height: 7px;
        background-color: #98bd7f;  
    }
    
    div#header > div {
        padding-top: 4px;
    }
    
    .padd-tp-bt-10
    {padding-bottom: 14px;}
    
    .login
    {width: 90px;height: 100%;cursor: pointer;margin-right: 20px;}
    
    .height-134
    {
    height:134px;
    }
    
    .box-title
    {position: absolute;bottom: -14px;width: 100%;}
    
    .light-gray
    {
    color:#636567 !important;  
    }
    
    .black
    {
    color: #000;  
    }
    
    .f-size-11
    {
    font-size: 11px;  
    }
    
    .mg-bt-50
    {
    margin-bottom: 50px;  
    }
    
    .signin
    {width:340px;/* height:288px; */box-shadow: 3px 5px 14px -2px #000;right: 0px;position: absolute;z-index: 10;
    background-color: white;top: 59px;right: 18px;padding-bottom: 20px;
     display:none;
    }
    
    .content
    {
     width: 198px;
    }
    
    .border-green
    {
    border:1px solid #98bd7f;  
    }
    
    .padding-5
    {
    padding:5px;  
    }
    
    .width-133
    {
    width:172px;  
    }
    
    .mg-tp-5
    {
    margin-top:5px;  
    }
    
    ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
      color: #ccc;
    }
    ::-moz-placeholder { /* Firefox 19+ */
        color: #ccc;
    }
    :-ms-input-placeholder { /* IE 10+ */
        color: #ccc;
    }
    :-moz-placeholder { /* Firefox 18- */
        color: #ccc;
    }
    div#Backs {
      margin-left: 15px;
    }
    
    .mg-l-10
    {
    margin-left: 5px;  
    }
    
    
    .mg-l-5
    {
    margin-left: 5px;  
    }
    
    .padding-3
    {
     padding:3px; 
    }
    
    .height-28
    {
    height:28px;  
    }
    
    
    .bgwhite
    {
    background-color: white;  
    }
    
    .width-190
    {
    width:190px;
    }
    
    .f-size-23
    {
    font-size: 23px;  
    }
    
    .height-30
    {
    height:30px;  
    }
    
    .modal-dialog
    {
    margin-top: 120px;
    }
    
    .cursor-pointer
    {
    cursor:pointer;  
    }
    
    .rounded-image {
        width: 84px;
        height: 82px;
        overflow: hidden;
        border-radius: 360px;
    }
    
    .mg-bt-70
    {
    margin-bottom: 70px;
    }
    
    
    .articles
    {background-color: #fff;}
    
    body .articles
    {
    background-color: white;  
    }
    
    .interested-articles .rounded-image {
        width: 100px;
        height: 100px;
    } 
    
    
    .padd-tp-40
    {
    padding-top:40px;
    }
    
    .interested-articles
    {
    margin-bottom: 20px;  
    }
    
    .f-size-15
    {
    font-size: 15px;  
    }
    
    .mg-r-30
    {
    margin-right:30px;
    }
    
    .body-shadow
    {
    background-color:#404041;
    position:absolute;
    width:100%;
    height:100%;
    opacity: 0.7;
    display:none;
    z-index:2; 
    }
    
    
    .burger-menu 
    {
    width: 22px;
    margin-right: 34px;
    cursor: pointer;
    right: 0px;
    }
    
    
    .pos-fixed
    {
    position: fixed;  
    }
    
    .menu-slider
    {width:0px;overflow-y:auto;z-index: 2;}
    
    
    .menu-slider
    {background-color: #f9fbf8;overflow-x: hidden;top: 0;}
    
    .gray-bg
    {
    background-color:#f9fbf8;
    }
    
    .width-100
    {
    width:100px;  
    }
    
    .menu-item
    {
    padding-left:20px;  
    }
    
    .mg-l-20
    {
    margin-left:20px;
    }
    
    .logout
    {
    position: absolute;
    bottom:23px;
    left:15px;
    }
    
    .mg-l-30
    {
    margin-left:30px;  
    }
    
    body.signup,body.signin
    {
    background:url('../images/signinbg.jpg');  
    background-repeat: no-repeat;
    background-size: cover;
    }
    
    .height-360
    {
    height:360px;  
    }
    
    .border-top-green
    {
    border-top:7px solid #98bd7f; 
    }
    
    .footermenu li
    {
    float:left;
    list-style-type: none;
    color:white;
    margin-right: 15px
    }
    
    .mg-r-10
    {
    margin-right: 10px;  
    }
    
    /* .SocialIcons { */
      /* width:21px; */
    /* } */
    
    .height-43
    {
    height:43px;  
    }
    
    .padd-tp-7
    {
    padding-top:7px;  
    }
    
    label
    {
    font-weight: normal !important;  
    }
    
    .height-26
    {
    height:26px;  
    }
    
    .span3
    {
     padding-left:3px; 
    }
    
    .mg-r--15
    {
    right: -15px;
    }
    
    .dis-none
    {
    display: none;
    }
    
    .border-bottom-green
    {
    border-bottom: 1px solid  #98bd7f;  
    }
    
    .bottom-30 
    {
    bottom: 30px;  
    }
    
    .width-80
    {
    width:80px;  
    }
    
    .next,.prev
    {
     cursor: pointer; 
     color: inherit !important;
    }
    
    .navigation
    {z-index: 1000;position: absolute;bottom: 12px;}
    
    .next:hover,.prev:hover
    {
     color:#98bd7f; 
    }
    
    
    .sliderimg
    {
    width:100%;
    }
    
    .padd-bottom-150
    {
    padding-bottom: 153px;
    }
    
    .padd-bottom-80
    {
    padding-bottom:80px;
    }
    
    .bottom--40
    {
    bottom:-40px;  
    }
    
    
    .generic-container {
    margin-bottom: 20px;
        width: 168px;
        height: 177px;
    }
    
    .loader {
        height: 42%;
        width: 50%;
        position: relative;
        border-radius: 100%;
        left: 30px;
    }
    .inner-circle {
        width: 80%;
        height: 80%;
        position: absolute;
        left: 10%;
        top: 10%;
        background-color: transparent;
        margin: 0 auto;
        border-radius: 100%;
    }
    /*
     ---- CIRCLE LOADER ----
    */
    .container .circle-loader {
        background-color: transparent;
          background: url(../images/circle1.png);
        animation: rotateAnimation 3s infinite linear;
       
        background-repeat: no-repeat;
    }
    
    
    .container .circle-loader .circle {
        width: 6%;
        height: 9%;
        background-color: #acffc9;
        margin: 0 auto;
        border-radius: 200%;
        left: 24px;
        position: absolute;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(68deg);
    }
    /*
     ---- GRADIENT LOADER ----
    */
    .container2 .gradient-loader {
      background-image: linear-gradient(135deg, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%);
    
      animation: rotateAnimation 1s infinite linear;
    }
    
    /*
     ---- Animations ----
    */
    @keyframes rotateAnimation {
      100% { transform: rotate(360deg) }
    }
    
     .bottom-80
     {
     bottom:80px; 
     }
     
      .width-70
     {
      width: 70px;
     }
    
     .back
    {width:10px;height: 15px;
    float:left;
    background-size: 100%;
    }
    
    .back.fl-left span {
        color: white;
        margin-left: 5px;
    }
    
    span#loginMenu {
        top: 65%;
    }
    
    .fl-right.pos-rel.height-100p.burger-menu {
        top: 6px;
    }
    
    .modal-dialog {
        left: -10px;
    }
    
    #next
       {
        right: -6px;
        position: absolute;
        top: 50%;
        width: 30px;
        z-index: 100;
      }
    
      #back
       {
        left: -15px;
        position: absolute;
        top: 50%;
        width: 30px;
        z-index: 100;
      }
    
      #SocialButtons img
      {
      width:25px;
      height:25px;
      }
    
    #logout{
      font-size: 13px;
    }
    
    .f-size-17
    {
    font-size: 17px;
    }
    
    .padd-bt-80
    {
    padding-bottom:80px;
    }
    
    
    body{
        min-height: 100%;
        float: left; 
        position:relative;
        width:100%;
    }
    
    
    .footer
    {
    position:absolute !important;
    bottom:0px;
    }
    
    
    .middle
    {
      max-height: 500px;
      float: left;
      width: 100%;
      height: 500px;
      box-shadow: -1px 3px 5px 4px #eee;
      border-top: 10px solid #98BD80;
      background-color: white;
    }

    .width-auto
    {
   width:auto !important;
    }