@import 'css/bootstrap.min.css';
    @import 'css/magnific-popup.css';
    @import 'css/animate.css';
    @import 'css/meanmenu.css';
    /*@import 'css/icofont.css';*/
    

    /* Web Fonts */
    @import url('https://fonts.googleapis.com/css?family=Lato|Open+Sans:600,700|Poiret+One');
    /* >>>>>>>>>>>>>> Common CSS <<<<<<<<<<<<<<< */
    
    * {
        margin: 0;
        padding: 0;
    }
    
    
    
    h1,

    h3,
    h4,
    h5,
    h6 {
        margin: 0 0 15px;
        font-weight: 700;
        font-family: 'Open Sans', sans-serif;
        cursor:default;
    }
    h3 {
        font-size: 33px;
        cursor:default;
    }
    
    body,
    p {
        font-family: Open Sans;
        font-style: normal;
        font-weight: normal;
        font-size: 14px;
        line-height: 19px;
        font-weight: 400;
        cursor:default;
        font-size: 16px;
        line-height: 1.4;
    }
    a{
        color: #000 !important;
        text-decoration: none !important;
    }
    
    a,
    a:hover,
    a:focus {
        -webkit-transition: all 700ms ease 0s;
        transition: all 700ms ease 0s;
        
        
        font-weight: 600;
        font-family: 'Open Sans', sans-serif;
        color: #000 !important;
        text-decoration: none;
    }
    
    
    
    ul {
        margin: 0;
    }
    
    ol li,
    ul li {
        list-style-type: none;
    }
    
    img {
        height: auto;
        max-width: 100%;
        margin-right: 5px;
    }
    /* >>>>>>>>>>>>>>  Header Area CSS <<<<<<<<<<<<<<< */
    header {
        height: auto;
        position: absolute;
        width: 100%;
        z-index: 999;
        background: #F4BA02;
    }
    .logo_area {
        padding: 20px 0;
    }
    .main_header_area {
        overflow: hidden;
        position: fixed;
        height: 90px;
        width: 100%;
        top: 0;
        left: 0;
        z-index: 9;
        box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.1);
        background: url(img/menu.png);
    }
    .main_menu_area {
        overflow: hidden;
        position: fixed;
        float: right;
        position: relative;
        z-index: 1;
    }
    .mainmenu {
        display: inline-block;
        text-align: right;
    }
    .mainmenu ul#nav li {
        display: inline-block;
        position: relative;
    }
    .mainmenu ul#nav li a {
        color: #000;
        display: block;
        font-size: 15px;
        font-weight: 700;
        height: 90px;
        line-height: 13px;
        padding: 40px 15px;
        background: url(img/menu1.png);
    }
    .main_header_area.sticky .mainmenu ul#nav li.active a,
    .main_header_area.sticky .mainmenu ul#nav li:hover a,
    .mainmenu ul#nav li.active a,
    .mainmenu ul#nav li:hover a {
        color: #BA4923;
        text-decoration: none;
            }

    .main_area{
        height: 200px;
    }

    .img_area{
    padding-top: 100px;
    max-height: 100%;

    }

    .h1_area{
       font-size: 5vw; 
       color: #451F00;
       font-weight: bold;
       
    }
    .area_text{
        padding-top: 100px;
    }
    .color_area{
        color: #BA4923;
    }
    .h2_area{
        color: #fff;
        font-size: 1.2vw; 
        
    }
    .button_ap {
        background: #BA4923;
        float: left;
        padding: 0.9vw;
        border-radius: 5px;
    }
    .decoration{
        text-decoration: none;
        font-size: 2vh;
        text-align: center;
    }
    .button_ap:hover {
        background: #A9411E;
    }
    .button_ap_buy{
      background: #BA4923;
        display: block;
        padding: 0.9vw;
        border-radius: 5px;  
        width: 100%;
    }
    .button_ap_buy_text{
        color: #fff;
        display: block;
        text-align: center;
    }
    .button_ap_buy:hover {
        background: #A9411E;
    }
    
    .table1_area h3{
        text-align: center;
        padding-top: 30px;
        padding-bottom: 30px;
        font-size: 24px;
        color: #451F00;
        font-weight: bold;
    }
    .span_table{
        color: #BA4923;
    }
    .tableGcode th{
        background: #F4BA02; 
        color: #000;
    }
    .table>tbody>tr>td:hover {
        color: #BA4923;
    }

    .table>tbody>tr>td {
        border: 1px solid #ddd; 
        text-align: center;
    }
    .table_plus{
        background-color: #FFF8D2;
        font-weight: bold;
    }
    .footer h4{
        font-size: 30px;
        font-weight: bold;
        padding-top: 30px;
    }
    .modal_body h4{
        margin-left: 5px;
    }
    .contact_from{
        padding-top: 40px;
        padding-bottom: 10px;
        padding-left: 30px;
        padding-right:30px;
    }
    .contact_input_area .form-group input,
    .contact_input_area .form-group textarea {
        background-color: rgba(255, 255, 255, 0.9);
        border: 2px solid #ddd;
        margin-left: 5px;
        box-shadow: none;
        height: 50px;
        
        padding: 15px;
        -webkit-transition-duration: 500ms;
        transition-duration: 500ms;
        width: 98%;
    }
    .contact_input_area .form-group input:focus,
    .contact_input_area .form-group textarea:focus {
        border: 2px solid #BA4923;
    }
    
    .contact_input_area .form-group textarea {
        height: 150px;
    }
    .form-group_button{
        margin-left: 5px;
        width: 98%;
    }
    
    .message_title {
        margin-bottom: 60px;
        text-align: center;
    }
    
    .contact_input_area button {
        background-color: #BA4923;
        border: 1px solid #BA4923;
        
        color: #fff;
        display: block;
        font-weight: 600;
        height: 50px;
        width: 100%;
        line-height: 1;
        margin: 0 auto 30px;
        padding: 15px 24px;
        text-transform: capitalize;
        -webkit-transition-duration: 500ms;
                transition-duration: 500ms;
    }
    
    .contact_input_area button:hover {
        background-color: #A9411E;
        color: #fff;
        border: 2px solid #BA4923;
    }
    .text_center{
        text-align: center;
    }
    .otstup{
        padding-bottom: 50px;
    }
    
    .table_color{
        background-color: #FFF8D2;
    }
    .smpp_text h3{
        text-align: center;
        padding-top: 30px;
        padding-bottom: 30px;
        font-size: 24px;
        color: #451F00;
        font-weight: bold;
    }
    .smpp_text p{
        text-align: center;
        padding-bottom: 30px;
    }
    .text_block{
        background-color: #F7F7F7;
        padding-left: 10px;
        padding-right: 10px;
        padding-bottom: 10px;
        padding-top: 20px;
        height: 261px;
        margin-bottom: 30px; 
    }
    .text_block:hover{
       background-color: #F5F1F1; 
    }

    .text_block img{
        display: block;
        margin: 0 auto; 
        padding-bottom: 10px;
        padding-top: 10px;
    }
    .color_price{
        background: #A9411E;
        color: #fff;
        
    }
    .licence_table{
        display: table;
        width: 100%;
        margin-bottom: 15px;
        border: 1px solid #BBBABA;

    }
    .licence_table th{
        background: #ddd; 
        color: #000;
        padding-bottom: 10px;
        padding-top: 10px;
        padding-left: 5px;
    }
    .licence_table td{
        color: #000;
        padding-bottom: 10px;
        padding-top: 10px;
        padding-left: 5px;
        border: 1px solid #BBBABA;
    }
    .licence_table>tbody>tr>td {
        border: 1px solid #BBBABA; 
    }
    .span_license span{
        color: #CCCCCC;
        font-size: 8px; 
    }