@import 'web.diego.css';
@import 'web.cris.css';

*, html, form {
    font-family:'source_sans_prolight';
}
/**
 * Owl Carousel v2.2.1
 * Copyright 2013-2017 David Deutsch
 * Licensed under  ()
 */
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}

/* Web Version */
.w,
.hr {
    width:90%;
    max-width:1000px; 
    margin:0 auto;
    position:relative; 
}
.head-wrap:before {
    display:block;
    content:"";
    clear:both;
    height:100px;
}

#head {
    width:100%;
    position:fixed;
    z-index:1000;
    left:0;
    top:0;
}
    #head .head-menu{
        background:#fff;
    }
    
    #head-lock{
        display:block;
        height:116px;
    }
    
    #head #menu {
        display:block;
        float:right;
        margin:36px 0;
    }
    #head .head-menu-toggle {
        display:none;
    }
        #options {
            display:none;
        }
        #head #menu li {
            display:block;
            float:left;
        }
    
            #head #menu li a {
                display:block;
                font-family:'source_sans_proregular';
                padding:7px 1px 7px 1px;
                margin:0 20px 0 0;
                font-size:14px;
                color:#000;
                text-align:center;
            }

            #head .social {
            }
                #head #menu .social a {
                    display:block; 
                    text-align:center;
                    font-size:14px;
                    width:21px;
                    padding:8px 4.5px;
                    color:#fff;
                    float:right;
                    border-radius:50%;
                    margin:-2px 7px 0 0;
                    font-family:'FontAwesome'
                }
               
                #head #menu .social a.fa-facebook { background:#480294; }
                #head #menu .social a.fa-twitter  { background:#480294;  } 
                #head #menu .social a.fa-instagram  { background:#480294; }
                #head #menu .social a.fa-youtube  { background:#480294; }
            
    #head #logo-ikonnex {
        display:block;
        float:right;
        width:150px;
        position:absolute;
        left:0;
        top:23px;
    }
        #head #logo-ikonnex img{
            width:inherit;
        }
    .web-menu{
        background-color:rgba(84, 84, 100, 0.86);
        
    }
        .web-menu ul {
            display:block;
        }
            .web-menu ul:after {
                display:block;
                content:"";
                clear:both;
            }
            .web-menu ul li{
                float:left;
            }
                .web-menu ul li.home {
                    width:7%;
                }
                .web-menu ul li.somos {
                    width:15%;
                }
                .web-menu ul li.proyectos {
                    width:12%;
                }
                .web-menu ul li.oportunidades {
                    width:15%;
                }
                .web-menu ul li.servicio {
                    width:15%;
                }
                .web-menu ul li.novedades {
                    width:11%;
                }
                .web-menu ul li.contacto {
                    width:11%;
                }
                .web-menu ul li.cotiza-aqui {
                }
                .web-menu ul li.cotiza-aqui > a,
                .web-menu ul li.cotiza-aqui > a:hover,
                .web-menu ul li.cotiza-aqui > a:focus,
                .web-menu ul li.cotiza-aqui > a:active {
                    font-family: 'source_sans_proregular';
                    border: 1px solid #fff;
                    padding: 5px 12px;
                    border-radius: 15px;
                    margin: 9px 0 11px !important;
                }

                .web-menu ul li a {
                    display:block;
                    color:#fff;
                    font-size:16px;
                    padding:16px 0;
                    text-align:center;
                    font-family:'source_sans_proregular';
                }
                    .web-menu ul li a b {
                        font-size:10px;
                        color:#480294;
                        position:relative;
                        top:-2px;
                        left:6px;
                    }
                    .web-menu ul li:hover a,
                    .web-menu ul li.hover a{
                        font-family:'source_sans_probold';
                        margin-top: -1px;
                    }

                .web-menu ul li ul {
                    display:none;
                    position:absolute;
                    top:100%;
                    padding-top:1px
                    z-index:999999;
                }
                    .web-menu ul li ul li {
                        display:block;
                        float:none;
                    }
                        .web-menu ul li ul li a {
                            display:block;
                            color:#fff;
                            font-size:14px;
                            margin:0;
                            padding:7px 12px;
                            background:rgba(84, 84, 100, 0.86);

                        }
                        .web-menu ul li:hover ul li a,
                        .web-menu ul li.hover ul li a{
                            font-family:'source_sans_proregular';
                        }
                        .web-menu ul li ul li a:hover {
                            background:rgba(72, 2, 148, 0.86);
                        }
            .web-menu ul li:hover ul{
                display:block;
            }

.hero {
    position:relative;
    padding-top:100px;
    height: 350px;
}
    .hero .w {
        pointer-events:none;
    }
    .hero .hero-list {
        pointer-events:none;
        position:absolute;
        left:0;
        top:0;
        width:100%;
        height:100%;
        -webkit-transition:opacity 300ms ease-in-out;
        -moz-transition:opacity 300ms ease-in-out;
        -o-transition:opacity 300ms ease-in-out;
        transition:opacity 300ms ease-in-out;
    }
        .hero .hero-list .hero-item {
            position:absolute;
            left:0;
            top:0;
            width:100%;
            height:100%;
            opacity:0;
            background:no-repeat center center;
            background-size:cover;
            -webkit-transition:opacity 300ms ease-in-out;
            -moz-transition:opacity 300ms ease-in-out;
            -o-transition:opacity 300ms ease-in-out;
            transition:opacity 300ms ease-in-out;
        }
        .hero .hero-list .hero-item-hover {
            opacity:1;
        }
            .hero .hero-list .hero-item .see-more-wrap {
                display:none;
                position:absolute;
                bottom:100px;
                left:0;
                right:0;
                text-align:center;
            }
            .hero .hero-list .hero-item-hover .see-more-wrap {
                display: block;
            }
                .hero .hero-list .hero-item .see-more-wrap .see-more {
                    display:inline-block;
                    font-size:15px;
                    letter-spacing:1px;
                    color:#fff;
                    background-color:#480294;
                    text-transform:uppercase;
                    text-align:center;
                    font-family:'source_sans_prosemibold';
                    padding:14px 24px;
                    border-radius:200px;
                    pointer-events: auto;
                }

    .hero-action {
        position:absolute;
        top:50%;
        width:35px;
        height:35px;
        margin-top:-17px;
        background:no-repeat center center;
        background-size:100% 100%;
        opacity:0.8;

        -webkit-transition:opacity 300ms ease-in-out;
        -moz-transition:opacity 300ms ease-in-out;
        -o-transition:opacity 300ms ease-in-out;
        transition:opacity 300ms ease-in-out;
    }
        .hero-action:hover {
            opacity:1
        }
        .hero-action-l {
            background-image:url('img/left.png');
            left:10px;
        }
        .hero-action-r {
            background-image:url('img/right.png');
            right:10px;
        }
    .main-sentence{
        background-color:#f3f9fc;
        padding:30px 0;
        position:relative;
    }
        .main-sentence p{
            font-size:26px;
            text-align:center;
            color:#480294;
            font-family:'source_sans_prolight';
        }
            .main-sentence p strong{
                font-size:inherit;
                font-family:'source_sans_prosemibold';
            }
.scale{
    width:100%;
}
    #proyects{
        position:relative;
        padding:40px 0;
    }
    #proyects h2{
        display:block;
        font-size:26px;
        color:#000;
        font-family:'source_sans_prosemibold';
    }
        #proyects .proyects-group{
            margin-top:20px;
        }
            #proyects .proyects-group .proyect-wrap{
                width:35%;
                float:left;
                margin-bottom:4px;
            }
            #proyects .proyects-group .proyects-page{
                margin-bottom:50px;
            }
            #proyects .proyects-group .proyect {
                position:relative;
                height:280px;
                background:no-repeat center center;
                background-size:cover;
                margin-right:4px;
            }
                #proyects .proyects-group .wide{
                    width:65%;
                } 

                
                #proyects .proyects-group .proyect .cover {
                    position:absolute;
                    top:0;
                    left:0;
                    width:100%;
                    height:100%;
                }

                

            #proyects .proyects-group .cover .proyect-data{
                position:absolute;
                bottom:0;
                background-color:rgba(49, 50, 56, 0.76);
                width:100%;
            }
                #proyects .proyects-group .cover .proyect-data .data{
                    padding:14px;
                    margin-right:70px;
                }
                    #proyects .proyects-group .cover .proyect-data .data b{
                        color:#fff;
                        text-transform:uppercase;
                        display:block;
                        font-size:12px;
                        font-family:'source_sans_proregular';
                        margin-bottom:5px;
                    }
                    #proyects .proyects-group .cover .proyect-data .data span{
                        font-size:18px;
                        color:#fff;
                        display:block;
                        font-family:'source_sans_proregular';
                    }
                    #proyects .proyects-group .cover .proyect-data a{
                        display:block; 
                        height:100%;
                        width:72px;
                        background:url(img/plus.png) no-repeat center center #4c5761;
                        color:#4c5761;
                        position:absolute;
                        right:0;
                        bottom:0;
                    }

                    #proyects .proyects-group .proyect:hover .cover{
                        background-color:rgba(72, 2, 148, 0.73);
                    }
                    #proyects .proyects-group .proyect:hover .cover .proyect-data{
                        background-color:transparent;
                    }
                        #proyects .proyects-group .proyect:hover .cover .proyect-data a{
                            display:block;
                            float:right;
                            height:44px;
                            width:110px;
                            background:url(img/plus.png) no-repeat 65px center;
                            padding-top:28px;
                            font-size:12px;
                            color:#fff;
                            text-transform:uppercase;
                            font-family:'source_sans_probold';
                        }

    #alliance{
        position:relative;
        top:100px;
    }
        #alliance .alliance-wrap{
            width:40%;
            float:left;
        }
        #alliance .news-wrap{
            width:60%;
            float:left;
        }
            #alliance .news-wrap .item img{
                width:40%;
                float:left;
            }
            #alliance .news-wrap .item .news-view{
                float:left;
                width:60%;
            }
                #alliance .news-wrap .item .news-view .wrap{
                    padding:20px 40px;
                    position:relative;
                }
                #alliance .news-wrap .item .news-view .wrap h2{
                    display:block;
                    color:#373737;
                    font-family:'source_sans_probold';
                    font-size:26px;
                    margin-bottom:20px;
                }
                #alliance .news-wrap .item .news-view .wrap .news-preview{
                    margin-right:80px; 
                }
                #alliance .news-wrap .item .news-view .wrap .news-control{
                   position:absolute;
                   height:70px;
                   top:50%;
                   right:40px;
                   margin-top:-35px;
                }
                    #alliance .news-wrap .item .news-view .wrap .news-control a{
                        display:block;
                        margin:7px 0;
                        color:#d1d1d1;
                    }
                    #alliance .news-wrap .item .news-view .wrap .news-control a:hover,
                    #alliance .news-wrap .item .news-view .wrap .news-control a.hover{
                        color:#480294;
                    }
                    
                    #alliance .news-wrap .item .news-view .wrap .news h3{
                        display:block;
                        font-family:'source_sans_prolight';
                        font-size:26px;

                    }
                    #alliance .news-wrap .item .news-view .wrap .news h1{
                        display:block;
                        text-transform:uppercase;
                        font-size:26px;
                        font-family:'source_sans_prosemibold';
                    }
                    #alliance .news-wrap .item .news-view .wrap .news p{
                        display:block;
                        font-size:12px;
                        font-family:'source_sans_proregular';
                        line-height:1.5;
                        text-align:justify;
                    }
                    #alliance .news-wrap .item .news-view .wrap .news a{
                        display:block;
                        width:100px;
                        font-size:10px;
                        color:#fff;
                        background-color:#480294;
                        text-transform:uppercase;
                        text-align:center;
                        font-family:'source_sans_prosemibold';
                        padding:14px 0;
                        border-radius:20px;
                        margin-top:25px;
                    }

                   
@media all and (orientation:portrait){
    .video-bg #video-top{
        position: absolute;
        width: 100%;
        margin-left: -50%;
        height: unset;
        margin-top: -25%;
    }
}
@media all and (orientation:landscape){
    .video-bg #video-top{
        position: absolute;
        width: 60%;
        margin-left: -30%;
        height: unset;
        margin-top: -17%;
    }
}
@media only screen and (max-width:568px), only screen and (max-device-width:568px) { 
    #head #menu { display:none; }
    #head .head-menu {
        height:90px;
        box-shadow:0 1px 22px rgba(0,0,0,0.3);
    }
    .project-nav{
        position: fixed;
        left: 0;
        right: 0;
        z-index: 1;
        top:-20px;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;

    }
    
    .to-fix-show{
        top:90px;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }

        .project-nav .w b{
            display: block;
            content: "\f078";
            font-family: "FontAwesome";
            position: fixed;
            top: 90px;
            font-size: 20px;
            left: 50%;
            width: 20px;
            margin-left: -10px;
            color: rgba(93, 99, 108, 0.74);        
        }
        .to-fix-show .w b{
            display: none;
        }
    .project-nav .w a {
        padding: 10px 6px 0px 6px;
        font-size: 12px;
    }
    .project-nav .w a:after {
        margin: 10px auto 0 auto;
    }
    .project-info .project-info-wrap {
        margin-right: unset;
        margin-top: 20px;
    }
    .project-info .project-info-wrap .project-info-content {
        margin-right: unset;
    }
    .banner .w .logo {
        width: 100px;
    }
    .alliance .alliance-news .alliance-new-content{
        margin: 0 20px;
    }
    .alliance .alliance-news .alliance-new-content .alliance-news-wrap .alliance-news-body .news-preview{
        margin-right: unset!important;
    }
    
    .video-bg .video-action{
        display: none!important;
    }
    .web-menu ul li {
        width:auto !important;
        float:none !important;
    }
    #head .head-menu-toggle {
        display:block;
        float:right;
        padding: 21px;
        margin-top:10px;
    }
        #head .head-menu-toggle b {
            display: block;
            font-size:28px;
            text-align:left;
            width:auto;
            color:#504d5a;
        }
        #head .head-menu .btn-cotiza-aqui {
            display: block;
            position: absolute;
            top: 33px;
            right: 60px;
            font-family: 'source_sans_proregular';
            color: #fff;
            background-color: #480294;
            font-size: 11px;
            padding: 5px 18px 6px;
            border-radius: 15px;
        }
    .web-menu {
        display:none;
    }
    .web-menu-show {
        display:block !important
    }
    .web-menu ul li ul {
        display:none;
    }
    .web-menu ul li a b {
        display:none;
    }
    .head-wrap:before {
        height:80px;
    }
    #proyects .proyects-group .proyect-wrap,
    #proyects .proyects-group .wide {
        width:auto;
        float:none;
    }
    .alliance {
        margin:40px 0 20px 0;
    }
    .alliance .alliance-description {
        float:none;
        width:auto;
        background:#727980
    }
    .alliance:before {
        display:none;
    }
    .alliance .alliance-news {
        float:none;
        width:auto;
    }
    .alliance .alliance-description .alliance-description-wrap .alliance-description-video {
        margin-bottom:0;
    }
    .alliance .alliance-news .alliance-new-content .alliance-picture {
        position:relative;
        left:auto;
        top:auto;
        bottom:auto;
        width:auto;
        height:213px;
    }
    .alliance .alliance-news .alliance-new-content .alliance-news-wrap {
        margin-left:0;
    }
    .alliance .alliance-news .alliance-new-content .alliance-news-wrap .alliance-news-body {
        margin-left:0;
        padding-top:30px;
    }
    .news {
        padding:20px 0;
    }
    .alliance .alliance-news .alliance-new-content .alliance-news-wrap .alliance-news-body .news-control {
        display:none;
    }
    .alliance .alliance-news:after {
        width:100%;
    }
    .social-networks .social-networks-description {
        position:relative;
        left:auto;
        top:auto;
        margin-top:0;
        width:auto;
        margin-bottom:20px;
    }
    .social-networks .w {
        padding:40px 0;
    }
    .social-networks .social-instagram {
        margin-left:0;
    }
    .footer .footer-links .footer-link {
        display:block;
        float:none;
        width:auto;
        text-align:left;
        position:relative;
    }
    .footer .footer-links .footer-link span {
        text-align:left;
        padding-left:70px;
    }
    .footer .footer-links .footer-link img {
        height:auto;
        position:absolute;
        left:10px;
        top:50%;
        width:30px;
        margin-top:-22px;
    }
    .footer .logos {
        float:none;
        width:100%;
        margin-top:20px;
        margin-bottom:20px;
    }
    .footer .legal {
        float:right;
        width:auto;
    }
    .banner {
        height:230px;
    }
    .quienes .quienes-bienvenida strong {
        font-size: 17px;
    }
    .photo .photo-pictures {
        position: relative;
        left: auto;
        top: auto;
        bottom: auto;
        right: auto;
        height: 240px;
    }
    .photo .photo-wrap {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    .photo .photo-wrap .photo-content {
        margin: 0 !important;
    }
    #proyects .proyects-group .proyect-wrap, #proyects .proyects-group .wide {
        margin-bottom: 70px;
    }
    .project-info .project-main-picture {
        position: relative;
        right: auto;
        top: auto;
        bottom: auto;
        left: auto;
        height: 230px;
    }
    .project-info {
        padding: 0 0 80px 0;
    }
    .project-status .project-status-wrap .project-status-info {
        margin-right: 0;
    }
    .project-status .project-status-wrap .project-status-pictures {
        position: relative;
        top: auto;
        right: auto;
        width: auto;
        bottom: auto;
        height: 250px;
    }
    .project-location .project-location-map {
        position: relative;
        right: auto;
        top: auto;
        bottom: auto;
        left: auto;
        height: 200px;
    }
    .project-location .project-location-wrap {
        margin-right: 0;
    }
    .project-downloader a {
        font-size: 17px;
    }
    .hero .hero-list .hero-item .see-more-wrap {
        bottom: 20px;
    }
    .oportunities .oportunities-list .oportunity .oportunity-picture {
        position: relative;
        left: auto;
        bottom: auto;
        top: auto;
        right: auto;
        height: 250px;
    }
    .oportunities .oportunities-list .oportunity .oportunity-picture-wrap {
        display:none;
    }
    .oportunities .oportunities-list .oportunity .oportunity-info {
        float: none;
        width: auto;
    }
    .oportunities .oportunities-list .oportunity .oportunity-info .oportunity-info-download {
        font-size: 16px;
    }
    .service .service-wrap:before {
        display:none;
    }
    .service .service-wrap .service-form {
        float: none;
        width: auto;
    }
    .service .service-wrap .service-data {
        float: none;
        width: auto;
        background: #f3f9fb;
    }
    .news .news-list .news-item-location {
        float: none;
        width: auto;
    }
    .news .news-list .news-item-location-l .news-item {
        margin-right: 0;
    }
    .news .news-list .news-item-location-r .news-item {
        margin-left: 0;
    }
    .contact .contact-hours .contact-hour:first-child:before {
        display:none;
    }
    .service-form-wrap{
        margin:0!important;

    }
    .ikonnex-form .checkbox-wrap{
        position: relative;
        padding: 20px;
    }
    .ikonnex-form .x10,
    .ikonnex-form .x20,
    .ikonnex-form .x30,
    .ikonnex-form .x40,
    .ikonnex-form .x50,
    .ikonnex-form .x60,
    .ikonnex-form .x70,
    .ikonnex-form .x80,
    .ikonnex-form .x90,
    .ikonnex-form .x100 {
        width: 100%;
    }
    .contact .contact-hours .contact-hour {
        float: none;
        width: auto;
    }
    .contact-map {
        height: 250px;
    }
    .ikonnex-modal .ikonnex-modal-content,
    .ikonnex-modal.cotizador-global-modal .ikonnex-modal-content {
        left: 0;
        top: 0;
        border-radius: 0;
        width: auto;
        margin-left: 0;
        margin-top: 0;
        right: 0;
        bottom: 0;
        overflow: auto;
    }
}


.project-video-embed {}
.project-video-embed .w {
    width: 70%;
}
@media (max-width: 767px) {
    .project-video-embed .w {
        width: 100%;
    }
}
.youtube-video {
    height: 0;
    padding-bottom: 56.25%;
    overflow: hidden;
    position: relative;
}
.youtube-video iframe,
.youtube-video object,
.youtube-video embed {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}


.matterport-showcase iframe {
  min-height: 240px;
  margin: 3px 0 0;
  width: 100%;
}
@media screen and (min-width: 768px) {
    .matterport-showcase iframe {
      min-height: 360px;
    }
}
@media screen and (min-width: 992px) {
    .matterport-showcase iframe {
      height: 600px;
      max-width: 1068px;
      margin: 0 auto 0;
    }
}
.matterport-showcase {
  text-align: center;
}


.gotowhatsapp {
    position: fixed;
    left: 15px;
    bottom: 15px;
}
.gotowhatsapp img {
    -moz-transform: scale(1) ;
    -webkit-transform: scale(1) ;
    -o-transform: scale(1) ;
    -ms-transform: scale(1) ;
    transform: scale(1) ;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.gotowhatsapp img:hover {
    -moz-transform: scale(1.1) rotate(6deg);
    -webkit-transform: scale(1.1) rotate(6deg);
    -o-transform: scale(1.1) rotate(6deg);
    -ms-transform: scale(1.1) rotate(6deg);
    transform: scale(1.1) rotate(6deg);
}



/* Font Face */
@font-face {
    font-family:'Lhairline';
    src:url('font/lato-hai-webfont.eot');
    src:url('font/lato-hai-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/lato-hai-webfont.woff2') format('woff2'),
         url('font/lato-hai-webfont.woff') format('woff'),
         url('font/lato-hai-webfont.ttf') format('truetype'),
         url('font/lato-hai-webfont.svg#latohairline') format('svg');
    font-weight:normal;
    font-style:normal;
}
@font-face {
    font-family:'Llight';
    src:url('font/lato-lig-webfont.eot');
    src:url('font/lato-lig-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/lato-lig-webfont.woff2') format('woff2'),
         url('font/lato-lig-webfont.woff') format('woff'),
         url('font/lato-lig-webfont.ttf') format('truetype'),
         url('font/lato-lig-webfont.svg#latolight') format('svg');
    font-weight:normal;
    font-style:normal;
}
@font-face {
    font-family:'Lregular';
    src:url('font/lato-regular-webfont.eot');
    src:url('font/lato-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/lato-regular-webfont.woff2') format('woff2'),
         url('font/lato-regular-webfont.woff') format('woff'),
         url('font/lato-regular-webfont.ttf') format('truetype'),
         url('font/lato-regular-webfont.svg#latoregular') format('svg');
    font-weight:normal;
    font-style:normal;
}
@font-face {
    font-family:'Lmedium';
    src:url('font/lato-medium-webfont.eot');
    src:url('font/lato-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/lato-medium-webfont.woff2') format('woff2'),
         url('font/lato-medium-webfont.woff') format('woff'),
         url('font/lato-medium-webfont.ttf') format('truetype'),
         url('font/lato-medium-webfont.svg#latomedium') format('svg');
    font-weight:normal;
    font-style:normal;
}
@font-face {
    font-family:'Lsemibold';
    src:url('font/lato-semibold-webfont.eot');
    src:url('font/lato-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/lato-semibold-webfont.woff2') format('woff2'),
         url('font/lato-semibold-webfont.woff') format('woff'),
         url('font/lato-semibold-webfont.ttf') format('truetype'),
         url('font/lato-semibold-webfont.svg#latosemibold') format('svg');
    font-weight:normal;
    font-style:normal;
}
@font-face {
    font-family:'Lbold';
    src:url('font/lato-bold-webfont.eot');
    src:url('font/lato-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/lato-bold-webfont.woff2') format('woff2'),
         url('font/lato-bold-webfont.woff') format('woff'),
         url('font/lato-bold-webfont.ttf') format('truetype'),
         url('font/lato-bold-webfont.svg#latobold') format('svg');
    font-weight:normal;
    font-style:normal;
}
@font-face {
    font-family:'Lblack';
    src:url('font/lato-bla-webfont.eot');
    src:url('font/lato-bla-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/lato-bla-webfont.woff2') format('woff2'),
         url('font/lato-bla-webfont.woff') format('woff'),
         url('font/lato-bla-webfont.ttf') format('truetype'),
         url('font/lato-bla-webfont.svg#latoblack') format('svg');
    font-weight:normal;
    font-style:normal;
}
@font-face {
    font-family:'source_sans_problack';
    src:url('font/sourcesanspro-black-webfont.woff2') format('woff2'),
         url('font/sourcesanspro-black-webfont.woff') format('woff');
    font-weight:normal;
    font-style:normal;

}
@font-face {
    font-family:'source_sans_problack_italic';
    src:url('font/sourcesanspro-blackit-webfont.woff2') format('woff2'),
         url('font/sourcesanspro-blackit-webfont.woff') format('woff');
    font-weight:normal;
    font-style:normal;

}
@font-face {
    font-family:'source_sans_probold';
    src:url('font/sourcesanspro-bold-webfont.woff2') format('woff2'),
         url('font/sourcesanspro-bold-webfont.woff') format('woff');
    font-weight:normal;
    font-style:normal;

}
@font-face {
    font-family:'source_sans_probold_italic';
    src:url('font/sourcesanspro-boldit-webfont.woff2') format('woff2'),
         url('font/sourcesanspro-boldit-webfont.woff') format('woff');
    font-weight:normal;
    font-style:normal;

}
@font-face {
    font-family:'source_sans_proextralight';
    src:url('font/sourcesanspro-extralight-webfont.woff2') format('woff2'),
         url('font/sourcesanspro-extralight-webfont.woff') format('woff');
    font-weight:normal;
    font-style:normal;

}
@font-face {
    font-family:'source_sans_proXLtIt';
    src:url('font/sourcesanspro-extralightit-webfont.woff2') format('woff2'),
         url('font/sourcesanspro-extralightit-webfont.woff') format('woff');
    font-weight:normal;
    font-style:normal;

}
@font-face {
    font-family:'source_sans_proitalic';
    src:url('font/sourcesanspro-it-webfont.woff2') format('woff2'),
         url('font/sourcesanspro-it-webfont.woff') format('woff');
    font-weight:normal;
    font-style:normal;

}
@font-face {
    font-family:'source_sans_prolight';
    src:url('font/sourcesanspro-light-webfont.woff2') format('woff2'),
         url('font/sourcesanspro-light-webfont.woff') format('woff');
    font-weight:normal;
    font-style:normal;

}
@font-face {
    font-family:'source_sans_prolight_italic';
    src:url('font/sourcesanspro-lightit-webfont.woff2') format('woff2'),
         url('font/sourcesanspro-lightit-webfont.woff') format('woff');
    font-weight:normal;
    font-style:normal;

}
@font-face {
    font-family:'source_sans_proregular';
    src:url('font/sourcesanspro-regular-webfont.woff2') format('woff2'),
         url('font/sourcesanspro-regular-webfont.woff') format('woff');
    font-weight:normal;
    font-style:normal;

}
@font-face {
    font-family:'source_sans_prosemibold';
    src:url('font/sourcesanspro-semibold-webfont.woff2') format('woff2'),
         url('font/sourcesanspro-semibold-webfont.woff') format('woff');
    font-weight:normal;
    font-style:normal;

}
@font-face {
    font-family:'source_sans_proSBdIt';
    src:url('font/sourcesanspro-semiboldit-webfont.woff2') format('woff2'),
         url('font/sourcesanspro-semiboldit-webfont.woff') format('woff');
    font-weight:normal;
    font-style:normal;

}