/* 
Theme Name: Astra Elementor Child
Theme URI: https://cepoch.com/
Description: Astra Elementor Child is a child theme of Astra Elementor.
Author: Cepoch Team
Author URI: https://cepoch.com/
Template: astra
Version: 1.0.1
Text Domain: astra-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html 
*/


body{ padding:0px; margin:0px; position:relative; font-family: 'Poppins', sans-serif; font-size:14px; line-height:auto;}
.contant-wraper{display: flex; flex-wrap: wrap; margin:0px auto; width:100%; max-width:1366px; }
.col-h{display: flex; flex-wrap: wrap; flex: 1;}
.col-v-aling{ align-items: center; }
.col-aling-left{justify-content: left; max-width:200px; padding-left:20px;}
.col-aling-right{justify-content: right; padding-right:20px;}
.col-aling-center{justify-content: center;}

.main-header{ position:absolute; top:0px; left:0px; right:0px; z-index:99; }
.main-header .contant-wraper{ height:100px; }
.menu-icon{ display:block; position:relative; width:36px; height:36px; position:relative;}
.menu-icon span{width: 36px; height: 5px; background-color: #fff; margin: 6px 0; transition: 0.4s; display:block;}
.menu-icon span:hover{ background-color:#fff;}
.menu-icon.active span.m-1 { -webkit-transform: rotate(-45deg) translate(-9px, 6px); transform: rotate(-45deg) translate(-9px, 6px); }
.menu-icon.active span.m-2 {opacity: 0;}
.menu-icon.active span.m-3 { -webkit-transform: rotate(45deg) translate(-8px, -8px); transform: rotate(45deg) translate(-8px, -8px);}
.top-nav-wraper{ display:block;}
.top-nav-wraper ul{ display:block; list-style-type:none; padding:px; margin:0px;}
.top-nav-wraper ul li{ display:flex;  flex-wrap: wrap; justify-content: center;align-items: center; padding:0px 15px; margin:0px; float:left; height:46px;}
.top-nav-wraper ul li:last-child{ color:#fff; padding-right:0px;}
.top-nav-wraper ul li a{ color:#fff; font-size:16px;}
.menu-icon{ display:none;}
.top-nav-wraper ul .download-btn a{ background-color:#47B1F3; padding-left:14px; padding-right:14px; color:#fff; border-radius:6px; height:42px; font-size:16px;display:flex;  flex-wrap: wrap; justify-content: center;align-items: center; text-align:center; vertical-align:middle;}
@media only screen and (max-width: 992px) {

}
@media only screen and (max-width: 992px) {
    .contant-wraper{ padding:0px 15px;}
    .menu-icon{ display:block; }
    .top-nav-wraper {
        display: block;
        position: fixed;
        top: 0px;
        bottom: 0px;
        background-color: rgba(252,252,252,.98);
        max-width: 70%; 
        opacity:0;
        left: -100%;
        transition: all 0.3s ease;
    }
.top-nav-wraper.active{ opacity:1; left: 0px;}
.top-nav-wraper li{ display:block; width:100%;}
.top-nav-wraper ul li a{display:flex;  flex-wrap: wrap; justify-content: start;align-items: center; height:32px; width: 100%; color:#323232; text-aling:left; font-size:18px;}
.top-nav-wraper ul li:last-child{  padding-right:15px;}
}

.input{ display:block; width:100%;}
.input input[type='text'], .input input[type='email'], .input input[type='tel']{ width:100%; border:1px solid #707070; background-color:#fff; height:45px;border-radius:6px;}
.input textarea{width:100%; border:1px solid #707070; background-color:#fff;border-radius:6px; max-width:100%; min-width:100%; height:100px;}
.input.input-button{ text-align:center; position:relative;}
.input input[type='submit']{ margin:auto; background-color:#47B1F3; color:#fff; font-size:16px; text-align:center; border-radius:6px;}

.footer-nav{ display:block; list-style-type:none; padding:0px; margin:0px;}
.footer-nav li{ display:block; padding:0px; margin:0px 0px 8px;}
.footer-nav li a{ color:#fff; font-size:14px;}