/*
Theme Name: Begin Bones - Milaros
Theme URI: http://sitnic.com
Author: Sitnic Victor
Author URI:http://sitnic.com

Description: This theme is starter template for my projects
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/


body,
a,
p,
h1,
h2,
h3,
h4,
h5,
h6,
div,
ul,
li {
    font-family: 'Conv_Aileron-Regular';
}

.navbar-nav .nav-link {
    font-size: 22px;
    text-transform: uppercase;
    font-family: 'Conv_Aileron-Light';
    padding-left: .9rem !important;
    padding-right: .9rem !important;
    border-bottom: 2px solid transparent;
    color: #1c1c29 !important
}

.navbar-nav .active>.nav-link,
.navbar-nav .nav-link:hover {
    border-bottom: 2px solid #939597
}

.bg-dark {
    background: #1a1a26 !important;
}

.form-control {
    background: #efefef !important;
    border-color: #ccc !important;
    border-width: 2px !important;
    border-radius: 0 !important;
    ;
}

.h2 {
    font-weight: bold;
}


/* ------------------------------------------------------------------------------------------- */


body {
    font-size: 25px;
    ;
}

.link-white a {
    color: #fff;
    text-decoration: none;
}

.link-white a:hover {
    color: #fff;
    text-decoration: underline;
}

.fs-20 {
    font-size: 20px;
    ;
}

.mt-m25 {
    margin-top: -25px;
}

.mt-m25 {
    margin-top: -20px;
}

.wpcf7-form-control.wpcf7-submit {
    background: #c7c3b9;
    color: #373e50;
    padding: 1% 5%;
    border: none;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 400;
    line-height: 1;
}

.overlay-img {
    position: relative;
}

.overlay-img:before {
    content: "x";
    font-size: 0;
    ;
    display: block;
    width: 100%;
    height: 100%;
    background: #373e50;
    position: absolute;
    top: 0;
    left: 0;
    opacity: .4;
}

.overlay-img:hover:before {
    height: 0;

    transition: 0.8s ease;

}

.bg-mono {
    background-color: #cac4ba;
}

.link-square {
    width: 40px;
    height: 40px;
    font-size: 20px;
    line-height: 45px;
    text-align: center;
    background: #484f5b;
    color: #fff;
    display: inline-block;
}

.link-square:hover {

    background: #000;
    color: #fff;
}

.my-color {
    color: #484f5b;
}

.slick-list {
    padding: 0 0 10px 0;
}

.client-card {
    padding: 0;
    margin: 20px 10px;
    box-shadow: 0 12px 12px #ccc;
    font-size: 16px;
}


.slick-arr {
    position: absolute;
    top: 50%;
    margin-top: -11px;
    z-index: 1;
}

.slider-arrow-r {
    right: -30px;
}

.slider-arrow-l {
    left: -30px;
}


.service-go-link-img {
    padding: 20px;
    width: 200px;
    height: 200px;
    display: block;
    margin: 0 auto;
    background-color: #e6e1db;
    line-height: 200px;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 50%
}

.service-go-link-img.image1 {
    background-image: url('assets/images/icons/icon1.png');
}

.service-go-link-img.image2 {
    background-image: url('assets/images/icons/icon2.png');
}

.service-go-link-img.image3 {
    background-image: url('assets/images/icons/icon3.png');
}

.service-go-link-img.image4 {
    background-image: url('assets/images/icons/icon4.png');
}

.service-go-link {
    color: #484f5b;
    text-decoration: none;
}

.service-go-link:hover,
.service-go-link:active,
.service-go-link:focus {
    color: #161625;
}

.service-go-link .service-go-link-img {
    opacity: 0.7;
    cursor: pointer;
}

.service-go-link:hover .service-go-link-img {
    opacity: 1;
}

.big-hero-button {

    background: #939597;
    color: #fff;
    padding: 2% 7%;
    border: none;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 400;
    line-height: 1;
    text-decoration: none;
    ;

}

.big-hero-button:hover {
    background-color: #161625;
    color: #fff;
}

.hero-desc {
    font-family: 'Conv_Aileron-Light';
    color: #484f5b;
    font-size: 24px;
    line-height: 1.5;
}

.elementor-image-box-title {
    font-family: 'Conv_Aileron-Heavy' !important;
}

.font-light {
    font-family: 'Conv_Aileron-Light';
}

.big-hero-title {
    font-size: 66px;
    font-weight: bold;
    line-height: 1.2;
    font-family: 'Conv_Aileron-Heavy';
    color: #484f5b;
}

.elementor-heading-title {
    font-family: 'Conv_Aileron-Heavy' !important;
    color: #484f5b !important;
}

.bg-light-1 {
    background-color: #e6e1db;
}

.dropdown-item {
    color: #939496;
}

.dropdown-item:hover {
    color: #313c50;
    font-family: 'Conv_Aileron-SemiBold';
    font-size: 16px;
}

@media (max-width:480px) {
    .slick-list {
        padding: 20px 0;

    }

    .slick-arr {
        display: none !important;
    }
}

.footer_menu {
    list-style: none;
    padding: 0;
}

.footer_menu li {
    margin-bottom: 0.5rem;
}

.footer_menu li a {
    color: #fff;
    text-decoration: none;
    font-family: 'Conv_Aileron-Light';
}

.footer_menu li a:hover {
    text-decoration: underline;
}

@media (max-width:640px) {
    .navbar-brand {
        width: 40%;
    }
    .big-hero-title{
        font-size: 18px!important;;
        margin:0!important;
        padding: 10px 0!important;
    }

    .hero-desc{
        font-size: 16px;
        margin:0!important;
        padding:0 0 10px 0!important;
    }

    .big-hero-button{margin-bottom: 20px!important; display: inline-block;}
    #herobaner img{max-width: 60%; margin: 0 auto; display: inherit;}

}

@media (max-width:768px) and (min-width:580px) {
    .navbar-nav .nav-link {
        font-size: 14px;
    }
   
}


@media (max-width:768px){
    .tc-xs {text-align: center!important;}
    .service-go-link{ font-size: 20px;}
    .service-go-link-img{width: 120px; height:120px; background-size: 50%;;}
}


@media (max-width:991px){

    .big-hero-title{
        font-size: 22px;;
        margin:20px 0!important;
        padding: 10px 0!important;
    }
    .hero-desc{
        font-size: 16px;
        margin:0!important; 
        padding:0 0 10px 0!important;
    }

    .big-hero-button{margin-bottom: 20px!important; display: inline-block;}
}


@media (max-width:1200px){

    .big-hero-title{
        font-size: 40px;
        margin:20px 0!important;
      
    }
    .hero-desc{
        
        margin:0!important; 
        padding:0 0 20px 0!important;
    }
    .big-hero-button{margin-bottom: 20px!important; display: inline-block;}
}