﻿body {
    /*font-family: arial,helvetica;*/
    font-family: 'Conv_NunitoSans-ExtraLight',Sans-Serif;
    /*color: #333;*/
    color: rgba(0,0,0,0.5);
}

::-webkit-scrollbar {
    width: 6px;
    height: 6px;
    background-color: #F5F5F5;
}

::-webkit-scrollbar-thumb {
    background-color: #c6910d;
}

::-webkit-scrollbar-track-piece {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #F5F5F5;
}

 .custModel-wrap {
            opacity: 0;
            top: -100%;
            transition: 1s ease all;
            position: fixed;
            background: #FFF;
            border: 1px solid #CCC;
            background: rgba(0,0,0,0.3);
            height: 100%;
            width: 100%;
            z-index: 20;
            box-shadow: 0 0 5px #CCC;
        }
        .custModel-wrap.active {
            opacity: 1;
            top: 0;
        }
            .custModel-wrap.active .custModel {
                background: #FFF;
                position: absolute;
                left: 50%;
                top: 50%;
                max-width: 700px;
                max-height: 650px;
                overflow: auto;
                transform: translate(-50%,-50%);
              
            }
        .modelClose {
            position: absolute;
            top: 0;
            right: 0px;
            border-radius: 50%;
            padding: 2px 9px;
            color: #FFF;
            font-size: 50px;
            cursor:pointer;
        }

        .title-header {
            font-size: 20px;
            padding: 10px 30px 0;
            color: #c6910d;
        }
        .custModel-wrap.active .custModel .content {
            padding: 15px 30px;
        }


.footer-wrap {
    /*margin-top:20px;*/
    padding: 10px;
    background:  #FFF;
    border-top:1px solid #c6910d;
    color:#c6910d;    
    width: 100%;
    /*position:fixed;
    bottom:0;
    z-index:1;*/
}
.footer-wrap a{
color: #c6910d;
position:relative;
cursor:pointer;
margin-left:20px;
margin-bottom :10px;
    font-weight: 600;
}
    .footer-wrap a:before {
           width: 7px;
    height: 7px;
    left: -10px;
     top: 50%;
    transform: translate(-50%,-50%);
    background: #c6910d;
    position: absolute;
    border-radius: 50%;
    content: '';
   
    }

