@charset "utf-8";
/* CSS Document */

.bg-primary {background-color: rgba(254,204,0,1);}
.bg-secondary {background-color: #636466;}
.bg-light {background-color: #e0e0e0;}
.bg-dark {background-color: #000000;}
.bg-w {background-color: #ffffff;}

.tx-primary {color: rgba(254,204,0,1);}
.tx-secondary {color: #636466;}
.tx-light {color: #e0e0e0;}
.tx-dark {color: #000000;}
.tx-w {color: #ffffff;}

body{
    font-family: 'Ubuntu', sans-serif;
}

nav{
    font-weight:bold;
    font-size:14px;
}

footer{
    font-size:12px;
}

.nav li a{
    transition: all ease-in-out 1s;
    display: inline-block;
    padding:5px 10px;
    margin:0px 30px;
    color:rgba(0,0,0,1);;
    border-bottom: 3px solid rgba(81, 94, 101, 0);
}

.action
{
    background:rgba(254,204,0,1);
    color:rgba(0,0,0,1);
    padding:15px 20px 10px 20px !important;
    border-radius:30px;
    border-bottom:none !important;
}

/*
.nv:hover{
    transition: all ease-in-out 1s;
    border-bottom: 3px solid rgba(254,204,0,1);
    text-decoration: none;
}
*/

.action:hover{
    transition: all ease-in-out 1s;
    border-bottom: none !important;
    text-decoration: none;
    background:rgba(254,204,0,1);
    color:rgba(66,55,92,1);
    
    background:#000 !important;
    color:#fff !important;
}

.nv{
    position:relative;
    top:8px;
}

footer a{
    
    color:rgba(0,0,0, 1);
}

footer a:hover{
    color:rgba(0,0,0, 1);
    text-decoration:none;
    
}

footer icon{
    color:rgba(183, 148, 96, 1);
    padding:0px 2px;
}

h1, .h1{
    color: rgba(254,204,0,1);
    font-size:8vh;
    font-weight: bold;
    text-align: center;
    font-family: 'Ubuntu', sans-serif;
}



h2{
    color: rgba(254,204,0,1);
    font-size:5vh;
    font-weight: bold;
    text-align: center;
    font-family: 'Ubuntu', sans-serif;
}



h4{
    color: #636466;
    font-weight: bold;
    font-family: 'Ubuntu', sans-serif;
}

.hdr
{
    margin-top:0px;
    margin-bottom:80px;
}

h1 span, .h1 span{
    font-weight:100;
}

h3{
    color:rgba(66,55,92,1);
    font-family: 'Ubuntu', sans-serif;
    font-weight: bold !important;
    margin:0px 0px 20px 0px;
    font-size:2rem;
    padding: 30px 0px;
    /*
    border-color: rgba(255,203,5,1);
    border-style: dotted;
    border-width: 0px 0px thick 0px;
    */
}

.h3-sl
{
    border-bottom:5px solid #ffcb05;
    margin-bottom:10px !important;
    padding-bottom:10px !important;
    display:inline-block;
}

.h1-lt-proj{
    width:100vw;
    margin-right:-100vw;
}

.h1-sec
{
    height:120px;
    border-bottom:20px solid rgba(255,203,5,1);
    margin-bottom:50px;
}

.h3-lt-proj
{
    height:30px;
    border-bottom:10px solid rgba(255,203,5,0.5);
    margin-bottom:10px;
}

.sl-info
{
    color:#636466;
    font-size:12px;
}


.home
{
    background:#fff;
    position:relative;
}

.lt-proj-inf{
    font-size:12px;
}

p{
    text-indent: 40px;
    text-align: justify;
}

b{
    font-weight: 900;;
}

.services svg{
    fill: rgba(183, 148, 96, 1);
    margin-bottom:30px;
}

.bull{
    color:rgba(81, 94, 101, 1);
    padding:0px 10px;
}

i {
    font-size: 3rem;
    /*color: rgba(255,255,255,1);*/
}

.service-icon {
    /*background: rgba(254,204,0,1);*/
    border:5px solid #000;
    color:#000;
    display: inline-flex;
    width: 150px;
    height: 150px;
    border-radius: 50%;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}

.service-item
{
    text-align:center;
}

.inner-service p{
    text-indent: 0;
    text-align: center;
}

.service-content
{
    margin-top:20px;
}

.service-content h3, .phone-content h3{
    font-weight:bold !important;
    color:rgba(254,204,0,1);
}

.yellow
{
    border:5px solid rgba(254,204,0,0.5);
    background: rgba(254,204,0,0.2);
    border-radius:30px;
    width:95vw;
    padding:250px 50px 200px 50px;
}

.yellow-out
{
    /*border:5px solid rgba(254,204,0,0.5);*/
    border-radius:30px;
    width:95vw;
    padding:250px 50px 0px 50px;
    border-left:none;
    border-right:none;
    border-bottom:none;
}

.bb
{
    /*border-bottom:1px dashed #636466;*/
}

.yellow-h1
{
    /*background: rgba(255, 255, 255, 1);
    border: 5px solid #636466;
    */
    position: relative;
    z-index: 99;
    border-radius: 100px;
    width: 50vw;
    padding: 50px 20px 40px 20px;
    margin-bottom: -90px;
}

.yellow-h1-out
{
    border:5px solid rgba(255,245,204,1);
    background:rgba(255,255,255,1);
    position:relative;
    z-index:99;
    border-radius:100px;
    width:50vw;
    padding:50px 20px 40px 20px;
    margin-bottom:-90px;
}

.phone-content a{
    background: rgba(254,204,0,1);
    /*border:none !important;*/
    padding:15px 20px 10px 20px;
    color:rgba(255,255,255,1);
    font-weight:bold;
    font-family: 'Ubuntu', sans-serif;
    border-radius:100px;
    font-size:2rem;
    display: block;
    margin-top:40px;
}

.phone-content a:hover{
    background: rgba(254,204,0,1) !important;
    
}

.phone-content
{
    display:inline-block;
}

.phone-icon i
{
    font-size:3rem !important;
    color: unset !important;
}

.i-viber{background:rgba(255,255,255,1);border:5px solid #665cac;color:#665cac;}
.i-facebook{background:rgba(255,255,255,1);border:5px solid #1877f2;color:#1877f2;}
.i-instagram{background:rgba(255,255,255,1);border:5px solid #e4405f;color:#e4405f;}
.i-trip{background:rgba(255,255,255,1);border:5px solid #00af87;color:#00af87;}
.i-whatsapp{background:rgba(255,255,255,1);border:5px solid #25d366;color:#25d366;}
.i-phone{background:rgba(255,255,255,1);border:5px solid rgba(66,55,92,1);color:gba(66,55,92,1);}

.i-viber{border:none;}
.i-whatsapp{border:none;}

#viber a{background:rgba(255,255,255,1);border:5px solid #665cac;color:#665cac;}
#whatsapp a{background:rgba(255,255,255,1);border:5px solid #25d366;color:#25d366;}
#phone a{background:rgba(255,255,255,1);border:5px solid rgba(66,55,92,1);color:rgba(66,55,92,1);}
#google a{background:rgba(255,255,255,1);border:5px solid rgb(226, 48, 48);color:rgb(226, 48, 48)};

#viber a:hover{background:rgba(0,0,0,1) !important;border:5px solid #000;color:#fff;}
#whatsapp a:hover{background:rgba(0,0,0,1) !important;border:5px solid #000;color:#fff;}
#phone a:hover{background:rgba(0,0,0,1) !important;border:5px solid #000;color:#fff;}
#google a:hover{background:rgba(0,0,0,1) !important;border:5px solid #000;color:#fff};

.dest-info
{
    width:50%;
    margin-top:20px;
    margin-bottom:50px;
}