/*------------------------------------*\

    GENERAL

\*------------------------------------*/

html {



}



*, :after, :before {

    -moz-box-sizing: border-box;

    box-sizing: border-box

}



body {

    background: transparent;

    font-family: "Lato","Helvetica Neue", Helvetica, Arial, sans-serif;

    font-size: 15px;

    color: #304050;

    letter-spacing: 0;

}

@media (max-width: 991px) {

    body{

        font-size: 14px;

    }

}

button, input, select, textarea {

    font-family: inherit;

    font-size: inherit;

    line-height: inherit

}



/*------------------------------------*\

    TOP BAR

\*------------------------------------*/

.ya-top-bar {

    background-color: #f3f3f3;

}



.ya-top-bar-socials {

    line-height: 18px;

    padding-top: 5px;

}

@media (max-width: 767px) {

    .ya-top-bar-socials {

        text-align: center;

    }

}

.ya-socials-ico {

    width: 30px;

    height: 30px;

    font-size: 14px;

    line-height: 30px !important;

    color: #555;

    text-shadow: none;

    overflow: hidden;

    display: block;

    float: left;

    text-align: center;

    margin: 0px 5px 5px 5px;

    background: #f3f3f3;

    border: 0px;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    -ms-border-radius: 50%;

    border-radius: 50%;

    text-decoration: none;

    -webkit-transition: all 250ms ease-in-out;

    -moz-transition: all 250ms ease-in-out;

    -o-transition: all 250ms ease-in-out;

    -ms-transition: all 250ms ease-in-out;

    transition: all 250ms ease-in-out;

}

@media (max-width: 767px) {

    .ya-socials-ico {

        float: none;

        display: inline-block;

        margin: 0 auto;

    }

}



.ya-social-youtube:hover {

    background-color: #cd1b20;

    color: #f8f8f8;

}



.ya-social-google:hover {

    background-color: #F44336;

    color: #f8f8f8;

}



.ya-social-facebook:hover {

    background-color: #3b5998;

    color: #f8f8f8;

}



.ya-social-twitter:hover {

    background-color: #00a9ed;

    color: #f8f8f8;

}



.ya-top-bar-links {

    margin: 0px;

    padding: 0px;

}



.ya-top-bar-links li,

.ya-top-bar-links li a {

    border-color: #ddd;

    color: #777777;

    font-size: 15px;

}



.ya-top-bar-links li {

    line-height: 40px;

    border-left: 1px solid #cccccc;

    padding: 0px 10px;

}





/*------------------------------------*\

    LOGO PRINCIPAL

\*------------------------------------*/

.ya-main-logo {

    margin-top: 2px;

    margin-bottom: 2px;

    width: 240px;

    -moz-transition: all 0.5s ease-in-out;

    -o-transition: all 0.5s ease-in-out;

    -webkit-transition: all 0.5s ease-in-out;

    transition: all 0.5s ease-in-out;

}



@media (max-width: 767px) {

    .ya-main-logo {

        margin-left: auto;

        margin-right: auto;

    }

}



.ya-logo-yamiss-mini {

    vertical-align: top !important;

    width: 96px;

    margin-left: 10px;

    margin-top: 2px;

}

@media (max-width: 991px) {

    .ya-logo-yamiss-mini {

        vertical-align: middle !important;

        margin-top: -8px;

    }

}



/*------------------------------------*\

    NAVBAR

\*------------------------------------*/

.ya-nav-header {



}

.navbar-fixed-top .ya-main-logo{

    width: 200px;

}

.navbar-default {

    border: none;

    -webkit-border-radius: 0px;

    -moz-border-radius: 0px;

    -ms-border-radius: 0px;

    border-radius: 0px;

    margin-bottom: 0;

    width: 100%;

    min-height: 70px;

    padding: 10px 0;

    -webkit-box-shadow: rgba(0, 0, 0, 0.11765) 0px 1px 3px;

    -moz-box-shadow: rgba(0, 0, 0, 0.11765) 0px 1px 3px;

    -ms-box-shadow: rgba(0, 0, 0, 0.11765) 0px 1px 3px;

    box-shadow: rgba(0, 0, 0, 0.11765) 0px 1px 3px;

    background-color: rgba(255, 255, 255, 0.9);

    clear: both;

    -moz-transition: all 0.5s ease-in-out;

    -o-transition: all 0.5s ease-in-out;

    -webkit-transition: all 0.5s ease-in-out;

    transition: all 0.5s ease-in-out;

    border-top: 1px solid #d2d3d4;

}

@media (min-width: 768px) {

    .navbar-default.navbar-fixed-top {

        padding: 5px 0;

        min-height: 55px;

    }

}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {

    color: #008B82;

    background-color: transparent;

}



.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {

    color: #008B82;

    background-color: transparent;

}



.navbar-brand {

    font-weight: 400;

    color: #000 !important;

    font-size: 20px;

    line-height: 20px;

    font-style: normal;

    text-transform: uppercase;

}



.navbar-default .navbar-nav > li > a {

    color: #1E2832;

    font-size: 15px;

    font-weight: 700;

    text-transform: capitalize;

    font-family: "Roboto Condensed","Helvetica Neue", Helvetica, Arial, sans-serif;

    -moz-transition: all 0.5s ease-in-out;

    -o-transition: all 0.5s ease-in-out;

    -webkit-transition: all 0.5s ease-in-out;

    transition: all 0.5s ease-in-out;

}



@media (min-width: 768px) {

    .navbar-default .navbar-nav > li > a {

        padding-top: 19px;

        padding-bottom: 19px;

    }

    .navbar-default.navbar-fixed-top .navbar-nav > li > a{

        padding-top: 14px;

        padding-bottom: 14px;

    }

}



.navbar-default .navbar-nav > li > a:hover {

    color: #008B82;

}



.navbar-brand img {

    width: 80px;

    height: auto;

}



/*------------------------------------*\

   DROPDOWN

\*------------------------------------*/

.navbar .dropdown-menu {

    padding: 0px;

    margin: 0;

    min-width: 200px;

    background-color: #fff;

    border: 0;

    -webkit-border-radius: 0px;

    -moz-border-radius: 0px;

    -ms-border-radius: 0px;

    border-radius: 0px;

    -webkit-box-shadow: none;

    -moz-box-shadow: none;

    -ms-box-shadow: none;

    box-shadow: none;

    border: 1px solid #eee;

}



.search-dropdown {

    min-width: 244px !important;

}



.navbar .dropdown-menu li a {

    color: #777;

    font-size: 14px;

    font-weight: 400;

    border-bottom: 1px solid #f5f5f5;

    padding: 6px 16px;

    line-height: 1.42857143;

    text-transform: capitalize;

}



.dropdown-menu .label {

    margin-top: 6px;

}



.navbar .dropdown-menu li a:hover {

    background-color: #f5f5f5;

}



/*------------------------------------*\

    SLIDER

\*------------------------------------*/

.ya-ls-text-1 {

    font-family: "Roboto Condensed", "Helvetica Neue", Helvetica, Arial, sans-serif;

    color: #dddddd;

    font-size: 20px;

    background-color: rgba(0,0,0,0.4);

    padding-left: 5px;

    padding-right: 5px;

}

.ya-ls-text-2 {

    font-family: "Oswald", "Helvetica Neue", Helvetica, Arial, sans-serif;

    color: #f4f4f4;

    font-size: 46px;

    font-weight: 500;

    background-color: rgba(0,0,0,0.45);

    line-height: 51px;

    padding-left: 10px;

    padding-right: 10px;

}

.ya-ls-text-3 {

    font-family: "Roboto Condensed","Helvetica Neue", Helvetica, Arial, sans-serif;

    color: #FFFFFF;

    font-size: 16px;

    text-shadow: 1px 1px 2px #004a4d;

    background-color: rgba(0, 150, 153,0.7);

    padding-left: 5px;

    padding-right: 5px;

}

.ya-ls-text-4 {

    font-family: "Roboto Condensed","Helvetica Neue", Helvetica, Arial, sans-serif;

    color: #1693A5;

    font-size: 20px;

}

.ya-ls-text-5 {

    font-family: "Oswald", "Helvetica Neue", Helvetica, Arial, sans-serif;

    color: #5F5E5E;

    font-size: 46px;

    font-weight: 700;

}

.ya-ls-text-6 {

    font-family: "Roboto Condensed","Helvetica Neue", Helvetica, Arial, sans-serif;

    color: #1693A5;

    font-size: 20px;

}

.ya-ls-text-7 {

    font-family: "Oswald","Helvetica Neue", Helvetica, Arial, sans-serif;

    color: #2E434D;

    font-size: 46px;

    font-weight: 700;

}

.btn-primary,.btn-primary.focus,.btn-primary:focus {

    color: white;

    background-color: #007B8D;

    border-color: #007B8D;

}

.btn-primary:hover {

    background-color: #00B3B5;

    border-color: #00B3B5;

}

.btn-primary.active,.btn-primary.active.focus,.btn-primary.active:focus,.btn-primary.active:hover,.btn-primary:active,.btn-primary:active.focus,.btn-primary:active:focus,.btn-primary:active:hover,.open>.dropdown-toggle.btn-primary,.open>.dropdown-toggle.btn-primary.focus,.open>.dropdown-toggle.btn-primary:focus,.open>.dropdown-toggle.btn-primary:hover {

    background-color: #00B3B5;

}



.btn-yellow,.btn-yellow.focus,.btn-yellow:focus {

    color: white;

    background-color: #EEBD25;

    border-color: #EEBD25;

}

.btn-yellow:hover {

    background-color: #EEBD25;

    border-color: #EEBD25;

    color: white;

}

.btn-yellow.active,.btn-yellow.active.focus,.btn-yellow.active:focus,.btn-yellow.active:hover,.btn-yellow:active,.btn-yellow:active.focus,.btn-yellow:active:focus,.btn-yellow:active:hover,.open>.dropdown-toggle.btn-yellow,.open>.dropdown-toggle.btn-yellow.focus,.open>.dropdown-toggle.btn-yellow:focus,.open>.dropdown-toggle.btn-yellow:hover {

    background-color: #EEBD25;

}

.privacity{

    font-size: 12px;

    color: #7F7E7E;

    font-style: italic;

}

.privacity i{

    color: #FFD240;

}





/*------------------------------------*\

    SECCIONES

\*------------------------------------*/

section {

    padding: 35px 0 35px 0;

}

section h1 {

    font-family: "Oswald","Helvetica Neue", Helvetica, Arial, sans-serif;

    font-size: 32px;

    margin-top: 0;

    margin-bottom: 20px;

    font-weight: 400;

}

section h4 {

    margin-bottom: 30px;

}

@media (max-width: 991px) {

    section h1 {

        font-size: 28px;

    }

    section h3 {

        font-size: 22px;

    }

    section h4 {

        font-size: 17px;

    }

}

/**************about********************/

#about {

    background: url("img/shadow-bg.png") center top no-repeat;



}

#about h1,

#about p{

    color: #007B8D;

}

#about p{

    font-size: 17px;

}

@media (max-width: 991px) {

    #about p{

        font-size: 16px;

    }

}

#about .vertical-line{

    width: 1px;

    background: #E2E2E2;

    margin: -30px auto 15px auto;

    height: 90px;

    position: relative;

}

#about .vertical-line .circle_bottom {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: #FFD240;

    position: absolute;

    bottom: 0;

    left: -3.5px;

}

#about .video-js {

    margin: 0 auto;

    border: 2px solid #E2E2E2;

}



@media (max-width: 767px) {

    #about .video-js {

        width: 100% !important;

    }

}

@media (max-width: 1199px) {

    #about .vertical-line{

        margin: 0 auto 15px auto;

        height: 60px;

    }

}

/**************erp********************/

#erp{

    background:-webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#f8f9fa));

    background:-webkit-linear-gradient(top, #FFFFFF, #f8f9fa);

    background:-moz-linear-gradient(top, #FFFFFF, #f8f9fa);

    background:-o-linear-gradient(top, #FFFFFF, #f8f9fa);

    background:linear-gradient(to bottom, #FFFFFF, #f8f9fa);

}

#erp h1,

#erp p{

    color: #6F6E6E;

}

#erp .erp{

    padding-top: 100px;

}

/**************modules********************/

#modules{

    background: #f8f9fa;

    border-top: 2px dotted #eeeeee;

}

#modules h1 {



}

#modules p {

    font-size: 18px;

    margin-bottom: 30px;

}

.ya-module-hover{

    background: #fff;

    box-shadow: 0 0 3px #d2d9df;

    -webkit-box-shadow: 0 0 3px #d2d9df;

    -moz-box-shadow: 0 0 3px #d2d9df;

    -o-box-shadow: 0 0 3px #d2d9df;

    transition: 0.5s all;

    -webkit-transition: 0.5s all;

    -moz-transition: 0.5s all;

    -o-transition: 0.5s all;

}

.ya-module-hover:hover {

    transform: scale(1.05);

    -webkit-transform: scale(1.05);

    -moz-transform: scale(1.05);

    -o-transform: scale(1.05);

    -ms-transform: scale(1.05);

    box-shadow: 0 0 5px #c3ccd5;

    -webkit-box-shadow: 0 0 5px #c3ccd5;

    -moz-box-shadow: 0 0 5px #c3ccd5;

    -o-box-shadow: 0 0 5px #c3ccd5;

    z-index: 1;

}

#modules .ya-module-image img{

    width: 100%;

}

#modules .ya-module-ico{

    height: 80px;

    width: 80px;

    margin: -45px auto;

    position: relative;

    border: 2px solid;

    background: white;

    border-radius: 60%;

    color: #007B8D;



}

#modules .ya-module-ico h3{

    text-align: center;

    font-size: 34px;

}

#modules .ya-module-content{

    padding: 45px 10px 25px 5px;

    border: 1px solid #eeeeee;

    background: #FFFFFF;

    min-height: 340px;

}

#modules .ya-module-content .title{

    font-size: 16px;

    font-weight: 600;

}

#modules .ya-module-content .subtitle{

    color: #007B8D;

    font-size: 14px;

}

#modules .ya-module-content .horizontal-line{

    height: 1px;

    background: #dddddd;

    margin: -15px auto 15px auto;

    width: 150px;

    position: relative;

    display: block;

}

#modules .ya-module-content .horizontal-line .circle_bottom {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: #dddddd;

    position: absolute;

    top: -3.5px;

    left: 50%;

}

#modules .ya-module-content .list{



}

#modules .ya-module-content .list li{

    color: #435970;

    font-size: 15px;

}

/**************erp********************/

#benefits{

    background:-webkit-gradient(linear, left top, left bottom, from(#007B8D), to(#00B3B5));

    background:-webkit-linear-gradient(top, #007B8D, #00B3B5);

    background:-moz-linear-gradient(top, #007B8D, #00B3B5);

    background:-o-linear-gradient(top, #007B8D, #00B3B5);

    background:linear-gradient(to bottom, #007B8D, #00B3B5);

    color: #FFF;

}

#benefits .block {

    min-height: 80px;

    padding: 10px;

}

#benefits i{

    position: absolute;

    left: 0;

    top: 26px;

    font-size: 17px;

    font-weight: normal;

}

#benefits .line{

    height: 2px;

    background: #00b1cc;

    margin: 5px auto 5px 8px;

    width: 55px;

}

#benefits .line2{

    height: 2px;

    background: #00c9cc;

    margin: 5px auto 5px 8px;

    width: 55px;

}

#benefits h3,

#benefits p{

    margin-left: 8px;

}

#benefits p{

    font-size: 15px;

}

/**************devices********************/

#devices{



}

#devices h1{

    color: #6F6E6E;

}

#devices h4,

#devices h3,

#devices p{

    color: #5F5E5E;

}

#devices p{

    font-size: 15px;

}

/**************call********************/

#call{

    color: white;

    background: #007B8D url("img/bg-page-section.png");

}

#call h1{

    margin-bottom: 35px;

}

#call .horizontal-line{

    height: 1px;

    background: white;

    margin: 20px auto 0 auto;

    width: 300px;

    position: relative;

    display: block;

}

#call .horizontal-line .circle_bottom {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: #FFFFFF;

    position: absolute;

    top: -3.5px;

    left: 50%;

}

/**************prices********************/

#prices {



}

@media (max-width: 991px) {

    #prices {

        font-size: 14px;

    }

}

#prices .info{

    font-weight: normal;

    font-size: 15px;

    font-style: italic;

}

#prices .panel{

    border-radius: 0;

    border: 1px solid #eeeeee;

    box-shadow: 0 0 3px #dfe5ec;

    -webkit-box-shadow: 0 0 3px #dfe5ec;

    -moz-box-shadow: 0 0 3px #dfe5ec;

    -o-box-shadow: 0 0 3px #dfe5ec;

    transition: 0.5s all;

    -webkit-transition: 0.5s all;

    -moz-transition: 0.5s all;

    -o-transition: 0.5s all;

    color: #607e9f;

}

#prices .panel:hover{

    transform: scale(1.05);

    -webkit-transform: scale(1.05);

    -moz-transform: scale(1.05);

    -o-transform: scale(1.05);

    -ms-transform: scale(1.05);

}

#prices .panel-heading {

    margin: 0;

    padding: 20px 0;

    border-top-left-radius: 0;

    border-top-right-radius: 0;

    background: #FAFAFA;

    font-style: italic;

}

#prices .panel-heading h2 {

    margin: 0;

    font-weight: 700;

    font-size: 24px;

}

#prices .panel-body {

    padding: 0;

}

#prices .panel-footer .price{

    font-weight: 700;

    font-size: 37px;

    margin: 0;

}

#prices .panel-footer .subprice{

    font-weight: 700;

    font-size: 17px;

    margin-bottom: 15px;

}

#prices .panel-footer .info{

    font-weight: normal;

    font-size: 13px;

    font-style: italic;

    color: #607e9f;

}

#prices .basic .panel-heading{

    color: #EFC229;

    border-bottom: 3px solid #F0D651;

}

#prices .basic .panel-footer .price,

#prices .basic .panel-footer .subprice{

    color: #EFC229;

}

#prices .standard .panel-heading{

    color: #F37021;

    border-bottom: 3px solid #F37021;

}

#prices .standard .panel-footer .price,

#prices .standard .panel-footer .subprice{

    color: #F37021;

}

#prices .advanced .panel-heading{

    color: #007B8D;

    border-bottom: 3px solid #007B8D;

}

#prices .advanced .panel-footer .price,

#prices .advanced .panel-footer .subprice{

    color: #007B8D;

}

/**************contact********************/

#contact {

    background:-webkit-gradient(linear, left top, left bottom, from(#FCFCFC), to(#EAEAEA));

    background:-webkit-linear-gradient(top, #FCFCFC, #EAEAEA);

    background:-moz-linear-gradient(top, #FCFCFC, #EAEAEA);

    background:-o-linear-gradient(top, #FCFCFC, #EAEAEA);

    background:linear-gradient(to bottom, #FCFCFC, #EAEAEA);

}

#contact h1,h4{



}

#contact .horizontal-line{

    height: 1px;

    background: #E2E2E2;

    margin: -10px 0 25px 0;

    width: 200px;

    position: relative;

    display: block;

}

#contact .horizontal-line .circle_bottom {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: #00B3B5;

    position: absolute;

    top: -3.5px;

    left: 50%;

}

#contact address {

    padding-left: 40px;

    position: relative;

}

#contact address i {

    left: 5px;

    position: absolute;

    font-size: 22px;

    color: #00B3B5 ;

}

#contact .privacity{

    font-size: 12px;

    color: #7F7E7E;

    font-style: italic;

}

#contact .privacity i{

    color: #FFD240;

}

#contact .btn-primary,.btn-primary.focus,.btn-primary:focus {

    color: white;

    background-color: #007B8D;

    border-color: #007B8D;

}

#contact .btn-primary:hover {

    background-color: #00B3B5;

    border-color: #00B3B5;

}

#contact .btn-primary.active,.btn-primary.active.focus,.btn-primary.active:focus,.btn-primary.active:hover,.btn-primary:active,.btn-primary:active.focus,.btn-primary:active:focus,.btn-primary:active:hover,.open>.dropdown-toggle.btn-primary,.open>.dropdown-toggle.btn-primary.focus,.open>.dropdown-toggle.btn-primary:focus,.open>.dropdown-toggle.btn-primary:hover {

    background-color: #00B3B5;

}

#contact .p{

    font-size: 15px;

}





/*------------------------------------*\

    FOOTER

\*------------------------------------*/

footer {

    background-color: #1E2832;

    margin: 0 0 0 0;

    color: #C1C1C2;

    padding: 20px 0 8px 0;

    min-height: 50px;

}

footer .btn-primary,.btn-primary.focus,.btn-primary:focus {

    color: white;

    background-color: #00B3B5;

    border-color: #00B3B5;

}

footer .btn-primary:hover {

    background-color: #00B3B5;

    border-color: #00B3B5;

}

footer .btn-primary.active,.btn-primary.active.focus,.btn-primary.active:focus,.btn-primary.active:hover,.btn-primary:active,.btn-primary:active.focus,.btn-primary:active:focus,.btn-primary:active:hover,.open>.dropdown-toggle.btn-primary,.open>.dropdown-toggle.btn-primary.focus,.open>.dropdown-toggle.btn-primary:focus,.open>.dropdown-toggle.btn-primary:hover {

    background-color: #00B3B5;

}

footer .footer-end {

    display: block;

    min-height: 35px;

    line-height: 35px;

    vertical-align: middle;

    font-size: 12px;

    color: #A1A1A2;

    padding-top: 25px;

}

@media (max-width: 991px) {

    footer .footer-end {

        text-align: center;

        min-height: 10px;

        line-height: inherit;

        padding-top: 10px;

    }

}



footer a,

footer a:hover {

    color: #00B3B5;

}



/*------------------------------------*\

    AJAX-LOAD

\*------------------------------------*/

#ajax-load {

    display: none;

    background-color: rgba(10, 10, 10, 0.5);

    left: 0;

    position: fixed;

    top: 0;

    width: 100%;

    height: 100%;

    z-index: 9999;

}



#ajax-load #ajax-content {

    position: absolute;

    height: 100px;

    left: 50%;

    margin-top: -50px;

    margin-left: -75px;

    top: 50%;

    text-align: center;

    padding: 5px;

    width: 180px;

}



#ajax-load #msg-load {

    color: white;

    display: block;

    font-size: 13px;

    font-weight: bold;

    margin: 5px;

    text-shadow: 1px 1px #333333;

}



/*------------------------------------*\

    PRELOAD

\*------------------------------------*/

.sk-cube-grid {

    width: 40px;

    height: 40px;

    margin: 0px auto 5px auto;

}



.sk-cube-grid .sk-cube {

    width: 33%;

    height: 33%;

    background-color: #FFD240;

    float: left;

    -webkit-animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;

    animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;

}



.sk-cube-grid .sk-cube1 {

    -webkit-animation-delay: 0.2s;

    animation-delay: 0.2s;

}



.sk-cube-grid .sk-cube2 {

    -webkit-animation-delay: 0.3s;

    animation-delay: 0.3s;

}



.sk-cube-grid .sk-cube3 {

    -webkit-animation-delay: 0.4s;

    animation-delay: 0.4s;

}



.sk-cube-grid .sk-cube4 {

    -webkit-animation-delay: 0.1s;

    animation-delay: 0.1s;

}



.sk-cube-grid .sk-cube5 {

    -webkit-animation-delay: 0.2s;

    animation-delay: 0.2s;

}



.sk-cube-grid .sk-cube6 {

    -webkit-animation-delay: 0.3s;

    animation-delay: 0.3s;

}



.sk-cube-grid .sk-cube7 {

    -webkit-animation-delay: 0s;

    animation-delay: 0s;

}



.sk-cube-grid .sk-cube8 {

    -webkit-animation-delay: 0.1s;

    animation-delay: 0.1s;

}



.sk-cube-grid .sk-cube9 {

    -webkit-animation-delay: 0.2s;

    animation-delay: 0.2s;

}



@-webkit-keyframes sk-cubeGridScaleDelay {

    0%, 70%, 100% {

        -webkit-transform: scale3D(1, 1, 1);

        transform: scale3D(1, 1, 1);

    }

    35% {

        -webkit-transform: scale3D(0, 0, 1);

        transform: scale3D(0, 0, 1);

    }

}



@keyframes sk-cubeGridScaleDelay {

    0%, 70%, 100% {

        -webkit-transform: scale3D(1, 1, 1);

        transform: scale3D(1, 1, 1);

    }

    35% {

        -webkit-transform: scale3D(0, 0, 1);

        transform: scale3D(0, 0, 1);

    }

}



/*------------------------------------*\

    GENERAL

\*------------------------------------*/

.g-recaptcha div {

    margin-left: auto;

    margin-right: 0;

}

.required {

    color: #ea3434;

}



.error {

    color: #ea3434;

    font-size: 12px;

}

.form-control {

    border-radius:0;

    background: #fafafa;

    border: 1px solid #E1E1E1;

    border-bottom: 2px solid #D1D1D1;

    box-shadow: none;

}

.form-control:focus {

    border-color: #00B3B5;

    outline: 0;

    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(0, 179, 181,.2);

    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(0, 179, 181,.2);

}

.btn{

    border-radius: 0px;

    font-weight: 600;

}

.smoove{



}

.sticky-container{

    padding:0px;

    margin:0px;

    position:fixed;

    right:-130px;

    top:45%;

    width:210px;

    z-index: 1100;

  }

  .sticky li{

    list-style-type:none;

    background-color:#fff;

    color:#efefef;

    height:43px;

    padding:0px;

    margin:0px 0px 1px 0px;

    -webkit-transition:all 0.25s ease-in-out;

    -moz-transition:all 0.25s ease-in-out;

    -o-transition:all 0.25s ease-in-out;

    transition:all 0.25s ease-in-out;

    cursor:pointer;

  }

  .sticky li:hover{

    margin-left:-115px;

  }

  .sticky li img{

    float:left;

    margin:5px 4px;

    margin-right:5px;

  }

  .sticky li p{

    padding-top:5px;

    padding-left: 3px;

    margin:0;

    line-height:32px;

    font-size:12px;

    font-weight: bold;

    color: white;

  }

  .sticky li a{

    text-decoration:none;

    color:#efefef;

  }

  .sticky li a:hover{

    text-decoration:underline;

  }