@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap');

:root{
    --primary:#00c1d5;
    --secondary:#0092bc;
    --tertiary:#c8102e;
    --light:#efefef;
    --gray:#666;
    --zeta-font:"Montserrat",sans-serif;
    --zeta-theme-primary:var(--primary);
    --primary-font:"Neulis Alt Semi",sans-serif;
    --swiper-theme-color:#fff;
    --preloader-size:140px;
}

::-webkit-scrollbar{width:5px;height:10px;}
::-webkit-scrollbar-button{background-color:var(--zeta-theme-ultra-light);height:0;width:0;}
::-webkit-scrollbar-track{background-color:var(--zeta-theme-ultra-light);box-shadow:0;}
::-webkit-scrollbar-track-piece{background-color:#fff;}
::-webkit-scrollbar-thumb{background-color:var(--tertiary);border-radius:15px;}
::-webkit-scrollbar-corner{background-color:var(--zeta-theme-ultra-light);}
::-webkit-resizer{background-color:var(--zeta-theme-ultra-light);}

#preloader{
    height:100%;
    position:fixed;
    z-index:9999;
    display:flex;
    flex-direction:column;
    align-items:center;
    text-align:center;
    justify-content:center;
    background-color:#fff;
}

#preloader .content{
    position:relative;
    display:inline-block;
    width:var(--preloader-size);
    height:var(--preloader-size);
}

#preloader .content > .circle{
    position:absolute;
    top:0;
    left:0;
    width:inherit;
    height:inherit;
    border-radius:50%;
    animation:rotate 2s infinite linear;
}

#preloader .content > .circle > .yang{
    position:absolute;
    top:0;
    left:0;
    width:calc(var(--preloader-size)/2);
    height:inherit;
    border-top-left-radius:calc(var(--preloader-size) / 2);
    border-bottom-left-radius:calc(var(--preloader-size) / 2);
    background-color:var(--secondary);
}

#preloader .content > .circle > .yang::before,
#preloader .content > .circle > .yin::before{
    content:"";
    position:absolute;
    z-index:1;
    width:calc(var(--preloader-size) / 2);
    height:calc(var(--preloader-size) / 2);
    border-radius:50%;
}

#preloader .content > .circle > .yang::before{
    top:0;
    left:calc(var(--preloader-size) / 4);
    background-color:var(--secondary);
}

#preloader .content > .circle > .yin{
    position:absolute;
    top:0;
    right:0;
    width:calc(var(--preloader-size) / 2);
    height:inherit;
    border-top-right-radius:calc(var(--preloader-size) / 2);
    border-bottom-right-radius:calc(var(--preloader-size) / 2);
    background-color:var(--primary);
}

#preloader .content > .circle > .yin::before{
    bottom:0;
    right:calc(var(--preloader-size) / 4);
    background-color:var(--primary);
}

#preloader .content > figure{
    position: absolute;
    top:0;
    left:0;
    z-index:1;
    display:flex;
    width:inherit;
    height:inherit;
    align-items:center;
    justify-content:center;
}

#preloader .content > figure img{
    width:auto;
    height:100px;
}

#preloader h2{
    margin-top:0.5rem;
    margin-bottom:0;
    font-family:var(--primary-font);
    font-size:40px;
    text-align:center;
    color:var(--primary);
}

#preloader h2 span{
    color:var(--tertiary);
}

#preloader p{
    margin-top:-0.3rem;
    text-transform:uppercase;
    letter-spacing:1px;
    color:#888;
}

#preloader .progress{
    height:5px;
    border-radius:5px;
    background-color:var(--zeta-theme-light);
}

#preloader .progress .progress-bar{
    width:0%;
    height:inherit;
    border-radius:inherit;
    background: rgb(0,146,188);
    background: linear-gradient(90deg, rgba(0,146,188,1) 0%, rgba(0,193,213,1) 100%);
}

.overflow{
    overflow:hidden;
}

#topBar{
    background-color:var(--primary); 
}

#topBar a{
    text-decoration:none;
    color:#fff;
    padding:0 0.25rem;
}

#topBar a span,
#topBar a i{
    display:inline-block;
    font-size:1.2rem;
    margin-right:0.25rem;
    line-height:0;
}

#topBar a i{
    font-style: normal;
}

#topBar a span{
    font-size:1.1rem;
}

#topBar img{
    width:40px;
    -webkit-filter: invert(100%);
    filter: invert(100%);
}

/*#topBar{
    background-color:var(--primary);

    & a{
        text-decoration:none;
        color:#fff;
        padding:0 0.25rem;

        & span,
        & i{
            display:inline-block;
            font-size:1.2rem;
            margin-right:0.25rem;
            line-height:0;
        }

        & i{
            font-style: normal;
        }

        & span{
            font-size:1.1rem;
        }
    }
}*/

nav{
    top:0;
    -webkit-transition: top 0.3s ease-out;
            transition: top 0.3s ease-out;
}

nav .badge img{
    max-height:4.25rem;
}

nav .badge span{
    margin-top:0.5rem;
    font-family:var(--primary-font);
    color:var(--primary);
    line-height:0;
}

nav .badge span b{
    font-weight:inherit;
    color:var(--tertiary);
}

nav .modules ul li a{
    font-weight:600;
    text-transform:uppercase;
    color:#333;
}

nav .modules ul li a:hover,
nav .modules ul li a:focus,
nav .modules ul li a:active{
    background-color:transparent;
    color:var(--primary);
}

nav .modules ul li a i{
    font-size:1.35rem;
    margin-right:0.5rem;
    color:var(--primary);
}

/*nav{
    top:0;
    -webkit-transition: top 0.3s ease-out;
            transition: top 0.3s ease-out;

    & .badge{
        & img{
            max-height:4.25rem;
        }

        & span{
            margin-top:0.5rem;
            font-family:var(--primary-font);
            color:var(--primary);
            line-height:0;

            & b{
                font-weight:inherit;
                color:var(--tertiary);
            }
        }
    }

    & .modules{
        & ul{
            & li{
                & a{
                    font-weight:600;
                    text-transform:uppercase;
                    color:#333;

                    & i{
                        font-size:1.35rem;
                        margin-right:0.5rem;
                        color:var(--primary);
                    }

                    &:hover,
                    &:focus,
                    &:active{
                        background-color:transparent;
                        color:var(--primary);
                    }
                }
            }
        }
    }
}*/

#mobileNav h2{
    margin-top:0.5rem;
    margin-bottom:0;
    font-family:var(--primary-font);
    color:var(--primary);
    font-size:2.75rem;
}

#mobileNav h2 b{
    color:var(--tertiary);
}
#mobileNav h6{
    margin-top:0;
    text-transform:uppercase;
    color:#aaa;
    font-weight:400;
    letter-spacing:1px;
}

#mobileNav .nav-button{
    height:150px;
    display:flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    border:2px dashed #eee;
    border-radius:10px;
    flex-flow: nowrap column;
    transition:all 0.3s ease-in;
}

#mobileNav .nav-button span{
    display:block;
    font-size:2.5rem;
}

#mobileNav .nav-button h5{
    transition:color 0.3s ease-in;
}

#mobileNav .nav-button:hover,
#mobileNav .nav-button:focus,
#mobileNav .nav-button:active{
    border-color:var(--primary);
    background-color:var(--primary);
    color:#fff;
}

#mobileNav .nav-button:hover h5,
#mobileNav .nav-button:focus h5,
#mobileNav .nav-button:active h5{
    color:#fff;
}

#mobileNav .social{
    margin:1.5rem 0;
    text-align:center;
}

#mobileNav .social a{
    display:inline-flex;
    margin:3px;
    align-items:center;
    justify-content:center;
    width:50px;
    height:50px;
    border-radius:50%;
    background-color:var(--secondary);
    font-size:1.25rem;
    color:#fff;
    text-decoration:none;
    transition:background-color 0.3s ease-in;
}

#mobileNav .social a:hover,
#mobileNav .social a:focus,
#mobileNav .social a:active{
    background-color:var(--tertiary);
}

#mobileNav p a{
    color:var(--tertiary);
    text-decoration:none;
}

section h6{
    text-transform:uppercase;
    font-weight:600;
    letter-spacing:1px;
}

section h2{
    font-family:var(--primary-font);
    text-transform:capitalize;
    color:#333;
}

section.primary{
    background-color:#fff;
}

section.primary h6{
    color:var(--tertiary);
}

section.primary form input:focus,
section.primary form textarea:focus{
    border-color:var(--primary);
}

section.secondary{
    background-color:#efefef;
}

section.secondary h6{
    color:var(--tertiary);
}

section.tertiary{
    background-color:var(--secondary);
}

section.geometry{
    background-color:var(--primary);
    background-image:url(../img/bg-wrapper.jpg);
    background-position:center;
    background-size:cover;
    background-repeat:no-repeat;
}

section.geometry h6,
section.geometry h2,
section.geometry p{
    color:#fff;
}

/*section{
    & h6{
        text-transform:uppercase;
        font-weight:600;
        letter-spacing:1px;
    }

    & h2{
        font-family:var(--primary-font);
        text-transform:capitalize;
        color:#333;
    }

    &.primary{
        background-color:#fff;

        & h6{
            color:var(--tertiary);
        }

        & form{
            & input,
            & textarea{
                &:focus{
                    border-color:var(--primary);
                }
            }
        }
    }

    &.secondary{
        background-color:#efefef;

        & h6{
            color:var(--tertiary);
        }
    }

    &.tertiary{
        background-color:var(--secondary);
    }
}*/

footer #logo{
    margin-bottom:1rem;
    max-width:125px;
}

footer h5{
    margin-top:0;
}

footer p{
    margin-bottom:0;
}

footer p span{
    color:var(--tertiary);
    font-size:1rem;
     margin-right:0.25rem;
}
footer p a{
    text-decoration:none;
    color:var(--secondary);
    transition:color 0.3s ease-in;
}

footer p a:hover,
footer p a:focus,
footer p a:active{
    color:var(--tertiary);
}

footer .box{
    margin:1rem 0 2rem 0;
    padding:2rem;
    border:1px solid #eee;
    box-shadow:0 15px 30px 0 rgba(29, 197, 206, 0.16);
    border-radius:5px;
}

footer .box h6{
    margin:0;
}

footer .box .divisor{
    margin:1rem 0;
    width:100px;
    height:2px;
    display:block;
    background-color:var(--primary);
    border-radius:5px;
}

footer .box ul{
    padding:0;
    list-style-type: none;
}

footer .box ul li a{
    display:block;
    padding:0.25rem 0;
    color:var(--gray);
    text-decoration:none;
    transition:color 0.3s ease-in;
    font-weight:500;
}

footer .box ul li a:hover,
footer .box ul li a:focus,
footer .box ul li a:active{
    color:var(--secondary);
}

footer .galery figure{
    width:100%;
    height:80px;
}

footer .galery img{
    object-fit: cover;
    border-radius:5px;
    width:inherit;
    height:inherit;
}

footer .social a{
    display:inline-flex;
    margin-right:0.25rem;
    width:35px;
    height:35px;
    border-radius:50%;
    background-color:var(--primary);
    color:#fff;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    font-size:1rem;
    transition:all 0.3s ease-in;
}

footer .social a:hover,
footer .social a:focus,
footer .social a:active{
    background-color:var(--tertiary);
    color:#fff;
}

/*footer {
    & #logo{
        margin-bottom:1rem;
        max-width:125px;
    }

    & h5{
        margin-top:0;
    }

    & p{
        margin-bottom:0;

        & span{
            color:var(--tertiary);
            font-size:1rem;
            margin-right:0.25rem;
        }

        & a{
            text-decoration:none;
            color:var(--secondary);
            transition:color 0.3s ease-in;

            &:hover,
            &:focus,
            &:active{
                color:var(--tertiary);
            }
        }
    }

    & .box{
        margin:1rem 0 2rem 0;
        padding:2rem;
        border:1px solid #eee;
        box-shadow:0 15px 30px 0 rgba(29, 197, 206, 0.16);
        border-radius:5px;

        & h6{
            margin:0;
        }

        & .divisor{
            margin:1rem 0;
            width:100px;
            height:2px;
            display:block;
            background-color:var(--primary);
            border-radius:5px;
        }

        & ul{
            padding:0;
            list-style-type: none;
    
            & li {
                & a{
                    display:block;
                    padding:0.25rem 0;
                    color:var(--gray);
                    text-decoration:none;
                    transition:color 0.3s ease-in;
                    font-weight:500;
    
                    &:hover,
                    &:focus,
                    &:active{
                        color:var(--secondary);
                    }
                }
            }
        }

        & .galery{

            & figure{
                width:100%;
                height:80px;

                & img{
                    object-fit: cover;
                    border-radius:5px;
                    width:inherit;
                    height:inherit;
                }
            }
        }
    }

    & .social{
        & a{
            display:inline-flex;
            margin-right:0.25rem;
            width:35px;
            height:35px;
            border-radius:50%;
            background-color:var(--primary);
            color:#fff;
            align-items:center;
            justify-content:center;
            text-decoration:none;
            font-size:1rem;
            transition:all 0.3s ease-in;

            &:hover,
            &:focus,
            &:active{
                background-color:var(--tertiary);
                color:#fff;
            }
        }
    }
}*/

.owl-theme .owl-dots .owl-dot{
    width:auto;
}

.owl-theme .owl-dots .owl-dot span{
    width:1.25rem;
    height:1.25rem;
    border-radius:50%;
    background-color:var(--primary);
    border:6px solid var(--primary);
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span{
    background-color:#fff;
}

/*.owl-theme{
    & .owl-dots{
        & .owl-dot{
            width:auto;
            
            & span{
                width:1.25rem;
                height:1.25rem;
                border-radius:50%;
                background-color:var(--primary);
                border:6px solid var(--primary);
            }

            &.active,
            &:hover{
                & span{
                    background-color:#fff;
                }
            }
        }
    }
}*/

.align-r{
    text-align:right;
}

figure{
    margin:0;
}

.button{
    display:inline-block;
    width:auto;
    padding:1rem 1.5rem;
    text-decoration:none;
    text-transform:capitalize;
    font-size:1rem;
    font-weight:500;
    border-radius:35px;
    transition:all 0.3s ease-in;
}

.button span{
    margin-left:1rem;
    display:inline-block;
}

.button.primary{
    background-color:var(--secondary);
    color:#fff;
}

.button.primary:hover,
.button.primary:focus,
.button.primary:active{
    background-color:var(--primary);
}

.button.primary.outline{
    border:2px solid var(--secondary);
}

.button.primary.outline:hover,
.button.primary.outline:focus,
.button.primary.outline:active{
    border-color:#fff;
}

.button.secondary{
    background-color:var(--tertiary);
    border:2px solid var(--tertiary);
    color:#fff;
}

.button.secondary:hover,
.button.secondary:focus,
.button.secondary:active{
    background-color:transparent;
    border-color:#fff;
}

.button.full{
    width:100%;
}

/*.button{
    display:inline-block;
    width:auto;
    padding:1rem 1.5rem;
    text-decoration:none;
    text-transform:capitalize;
    font-size:1rem;
    font-weight:500;
    border-radius:35px;
    transition:all 0.3s ease-in;

    & span{
        margin-left:1rem;
        display:inline-block;
    }

    &.primary{
        background-color:var(--secondary);
        color:#fff;
    
        &:hover,
        &:focus,
        &:active{
            background-color:var(--primary);
        }

        &.outline{
            border:2px solid var(--secondary);

            &:hover,
            &:focus,
            &:active{
                border-color:#fff;
            }
        }
    }

    &.full{
        width:100%;
    }
}*/

.pattern{
    width:100%;
    height:100%;
    background-color:var(--primary);
    background-image:url(../img/bg-wrapper.jpg);
    background-size:contain;
    background-position:center;
    background-repeat:repeat;
}

#searchBar input,
#searchBar .button{
    border-radius:5px;
}

#searchBar input{
    color:#333;
    border:0;
}

#searchBar h2{
    font-family:var(--primary-font);
    color:#fff;
}

#searchBar p{
    margin-bottom:0;
    color:#fff;
}

/*#searchBar{
    & input,
    & .button{
        border-radius:5px;
    }

    & input{
        color:#333;
        border:0;
    }
}*/

#toursCarousel .box{
    padding:2rem;
    background-color:#fff;
    border-radius:10px;
}

#toursCarousel .box .background{
    margin-bottom:1.5rem;
    height:250px;
}

#toursCarousel .box .rank{
    margin-top:1rem;
    margin-bottom:1rem;
}

#toursCarousel .box .rank span{
    color:var(--tertiary);
    font-size:1rem;
}

#toursCarousel .box .rank p{
    text-align:right;
}

#toursCarousel .box p{
    margin-bottom:0;
}

#toursCarousel .box hr{
    margin:2rem 0;
    display:block;
    background-color:transparent;
    border-bottom:2px dashed #ddd;
}

#toursCarousel .box .align-r a{
    font-size:2rem;
    text-decoration: none;
    color:#666;
    transition:color 0.3s ease-in;
}

#toursCarousel .box .align-r a:hover,
#toursCarousel .box .align-r a:focus,
#toursCarousel .box .align-r a:active{
    color:var(--primary);
}

#toursCarousel .box:hover .background figure img,
#toursCarousel .box:focus .background figure img,
#toursCarousel .box:active .background figure img{
    transform:scale(1.2);
}

/*#toursCarousel{
    & .box{
        padding:2rem;
        background-color:#fff;
        border-radius:10px;

        & .background{
            margin-bottom:1.5rem;
            height:250px;
        }

        & .rank{
            margin-top:1rem;
            margin-bottom:1rem;

            & span{
                color:var(--tertiary);
                font-size:1rem;
            }

            & p{
                text-align:right;
            }
        }
    
        & p{
            margin-bottom:0;
        }

        & hr{
            margin:2rem 0;
            display:block;
            background-color:transparent;
            border-bottom:2px dashed #ddd;
        }

        & .align-r{
            & a{
                font-size:2rem;
                text-decoration: none;
                color:#666;
                transition:color 0.3s ease-in;

                &:hover,
                &:focus,
                &:active{
                    color:var(--primary);
                }
            }
        }

        &:hover{
            & .background{
                & figure{
                    & img{
                        transform:scale(1.2);
                    }
                }
            }
        }
    }
}*/

#destinationsCarousel .item{
    overflow:hidden;
}

#destinationsCarousel .background{
    height:600px;
}

#destinationsCarousel .solar{
    position: absolute;
    top:0;
    left:-100%;
    z-index:3;
    border-radius:inherit;
    background: rgb(0,146,188,0.3);
    transition:left 0.3s ease-in-out;
}

#destinationsCarousel .solar .title{
    width:85%;
    padding:1.25rem;
    position:absolute;
    bottom:35px;
    left:50%;
    transform:translateX(-50%);
    background-color:#fff;
    border-radius:inherit;
}

#destinationsCarousel .solar .title h4{
    margin-bottom:0;
    font-weight:700;
}

#destinationsCarousel .solar .title span{
    padding:1rem 1.5rem;
    background-color:var(--primary);
    border-radius:35px;
    font-weight:600;
    color:#fff
}

#destinationsCarousel .item:hover .solar,
#destinationsCarousel .item:focus .solar,
#destinationsCarousel .item:active .solar{
    left:0;
}

/*#destinationsCarousel{
    & .item{
        overflow:hidden;

        & .background{
            height:600px;
        }
    
        & .solar{
            position: absolute;
            top:0;
            left:-100%;
            z-index:3;
            border-radius:inherit;
            background: rgb(0,146,188,0.3);
            transition:left 0.3s ease-in-out;
    
            & .title{
                width:85%;
                padding:1.25rem;
                position:absolute;
                bottom:35px;
                left:50%;
                transform:translateX(-50%);
                background-color:#fff;
                border-radius:inherit;
    
                & h4{
                    margin-bottom:0;
                    font-weight:700;
                }
    
                & span{
                    padding:1rem 1.5rem;
                    background-color:var(--primary);
                    border-radius:35px;
                    font-weight:600;
                    color:#fff
                }
            }
        }
        
        &:hover,
        &:focus,
        &:active{
            & .solar{
                left:0;
            }
        }
    }
}*/

#commentsCarousel span{
    font-size:4rem;
    color:var(--primary);
}

#commentsCarousel p{
    font-size:1rem;
}

#commentsCarousel figure{
    width:120px;
    height:120px;
    border-radius:50%;
}

#commentsCarousel figure img{
    object-fit: cover;
    width:inherit;
    height:inherit;
    border-radius:inherit;
}

/*#commentsCarousel{
    & span{
        font-size:4rem;
        color:var(--primary);
    }

    & p{
        font-size:1rem;
    }

    & figure{
        width:120px;
        height:120px;
        border-radius:50%;

        & img{
            object-fit: cover;
            width:inherit;
            height:inherit;
            border-radius:inherit;
        }
    }
}*/

.background{
    background-color:#efefef;
    border-radius:10px;
    position:relative;
}

.background figure{
    width:inherit;
    height:inherit;
    position:absolute;
    top:0;
    left:0;
    z-index:1;
    border-radius:inherit;
    overflow:hidden;
}

.background figure img{
    width:inherit;
    height:inherit;
    border-radius:inherit;
    object-fit:cover;
    transition:transform 0.3s ease-in-out;
}

/*.background{
    background-color:#efefef;
    border-radius:10px;
    position:relative;

    & figure{
        width:inherit;
        height:inherit;
        position:absolute;
        top:0;
        left:0;
        z-index:1;
        border-radius:inherit;
        overflow:hidden;

        & img{
            width:inherit;
            height:inherit;
            border-radius:inherit;
            object-fit:cover;
            transition:transform 0.3s ease-in-out;
        }
    }
}*/

/*form{
    & input,
    & select,
    & button{
        height:4rem;
        font-size:15px;
    }

    & input,
    & textarea{
        padding:1rem;
        color:#666;
    }

    & textarea{
        resize:none;
    }

    & button{
        & span{
            font-size:1.2rem;
        }
    }
}*/

form input,
form select,
form button{
    height:4rem;
    font-size:15px;
}

form input,
form textarea,
form select{
    background-color:#fff;
    padding:1rem;
    color:#666;
}

form textarea{
    resize:none;
}

form button span{
    font-size:1.2rem;
}

.window h6{
    color:var(--tertiary);
    text-transform:uppercase;
}

.window h3{
    color:#333;
    text-transform:capitalize;
}

/*.window{
    & h6{
        color:var(--tertiary);
        text-transform:uppercase;
    }

    & h3{
        color:#333;
        text-transform:capitalize;
    }
}*/

#video .solar{
    display:flex;
    align-items:center;
}

#video h6,
#video h2,
#video p{
    color:#fff;
}

#video h2{
    margin-bottom:0;
}

#video button{
    margin:2rem 0;
    position:relative;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:100px;
    height:100px;
    background-color:var(--primary);
    border-radius:50%;
    color:#fff;
    text-decoration:none;
    font-size:4rem;
    transition: transform 0.3s ease-in-out;
}

#video button span{
    margin-left:3px;
}

#video button:hover,
#video button:focus,
#video button:active{
    transform:scale(1.1);
}

#video button::after{
    content:"";
    width:130px;
    height:130px;
    position: absolute;
    top:-15px;
    left:-15px;
    border:2px solid #fff;
    border-radius:50%;
}

#teamCarousel .box{
    border-radius:10px;
    background-color:#fff;
}

#teamCarousel .box .background{
    height:500px;
    border-bottom-left-radius:0;
    border-bottom-right-radius:0;
}

#teamCarousel .box .content{
    padding:2rem 1rem;
}

#teamCarousel .box .content h4{
    margin:0;
    color:#333;
}

#teamCarousel .box .content p{
    margin-bottom:0;
    color:var(--tertiary);
    font-weight:500;
}

#teamCarousel .box .content a{
    display:block;
    width:100%;
    height:60px;
    background-color:var(--secondary);
    border-radius:5px;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    text-decoration:none;
    font-size:2.25rem;
    transition:background-color 0.3s ease-in;
}

#teamCarousel .box .content a:hover,
#teamCarousel .box .content a:focus,
#teamCarousel .box .content a:active{
    background-color:var(--primary);
}

#map{
    height:450px;
    background-color:#efefef;
}

@media(max-width:767px){
    #topBar{
        text-align:center;
    }

    #topBar .align-r{
        text-align:center;
    }

    /*#topBar{
        text-align:center;

        & .align-r{
            text-align:center;
        }
    }*/

    header{
        text-align:center;
    }

    footer .social{
        text-align:center;
    }

    /*footer{
        & .social{
            text-align:center;
        }
    }*/
}

@media(max-width:575px){
    footer{
        text-align:center;
    }

    footer .box .divisor{
        margin:1rem auto;
    }

    /*footer{
        text-align:center;

        & .box{
            & .divisor{
                margin:1rem auto;
            }
        }
    }*/
}

@keyframes rotate {
    from {transform:rotate(0deg);}
    to {transform:rotate(359deg);}
}