@import url('https://fonts.googleapis.com/css?family=Lato:400,700');
body{font-family: 'Lato', sans-serif;}
.container{ margin:0 auto; max-width:1200px;}
.container_ok{ margin:0 auto; width:100%; }
.container2{ margin:0 auto; width:100%; background:url(../img/fletes-sotelo_home.jpg); background-repeat:no-repeat; background-position:center center; background-size:cover; height:803px; }
.container3{ margin:0 auto; width:100%; background:url(../img/bolsa-bg.jpg); background-repeat:no-repeat; background-position:center center; background-size:cover;  min-height:350px; height:auto; }
.containerf{ background:#0059ef; margin:0 auto; width:100%; min-height:180px; height:auto; }
.containerg{ background:#f4f4f4; margin:0 auto; width:100%; height:auto; margin-bottom:30px; padding-top:30px; }
.container_pano{ margin:0 auto; width:100%; background:url(../img/fletes-sotelo_panoramica.jpg); background-repeat:no-repeat; background-position:center center; background-size:cover; height:390px; }

.f16{ font-size:16px;}
.lato60{ color:#fff; font-size:60px; font-weight:bold; line-height:60px;}
.lato20{ color:#fff; font-size:20px; line-height:20px; margin-top:30px; text-align:center;}
.lato30{ color:#fff; font-size:30px; line-height:30px; margin-top:30px; text-align:center;}
.lato35{ color:#fff; font-size:35px; line-height:35px; margin-top:30px;}
.lato35b{ color:#222; font-size:35px; line-height:35px; margin-top:5px; text-align:left; padding-bottom:25px; padding-top:25px; font-weight:bold;}
.lato35c{ color:#222; font-size:35px; line-height:35px; margin-top:5px; text-align:center; padding-bottom:25px; padding-top:25px; font-weight:bold;}
.lato35w{ color:#fff; font-size:35px; line-height:35px; margin-top:50px; text-align:center;}
.lato14w{ color:#fff; font-size:14px; line-height:14px; margin-top:25px; margin-bottom:25px; text-align:center; font-weight:normal;}
.lato16{ color:#666; font-size:16px; line-height:15px; margin-top:5px; text-align:left;}
.lato16w{ color:#fff; font-size:16px; line-height:15px; margin-top:25px; margin-bottom:25px; text-align:center;}
.lato16b{ color:#333; font-size:18px; line-height:15px; margin-top:5px; text-align:left;}
.titpost{color:#222; font-size:32px; line-height:31px; font-weight:bold; margin-top:20px; text-align:left;}
.txtpost{ color:#666; font-size:16px; line-height:15px; margin-top:20px; margin-bottom:20px; text-align:left;}
.imgpost{ margin-top:20px;}
.titrec{color:#222; font-size:20px; font-weight:bold; line-height:20px; margin-top:15px; text-align:left;}
.txtrec{color:#666; font-size:16px; line-height:17px; margin-top:15px; text-align:left;}
.txtrec a{color:#666; text-decoration:none;}
.bordercito{border-right:solid #e5e5e5 1px;}
.navbar{ contlor:#111111!important; 
!important; margin:0 auto!important; -webkit-box-shadow: none;
    box-shadow: none; background:none; background-position:bottom center; background-repeat:repeat; border:none!important;}
.navbar-header{ border:none!important; color:#111111!important; }
  .navbar-default {
    background-color: none!important; color:#fff!important;
  border-color:none!important; 
}
.navbar-toggle{ background-color:#0059ef!important; color:#111111; }
.navbar-default .navbar-toggle .icon-bar{ background-color:#fff!important;}
.navbar-default .navbar-collapse, .navbar-default .navbar-form{ border:none!important; -webkit-box-shadow:none!important; width:100%!important;}
.navbar-default .navbar-nav>li>a{color:#111111; font-size:14px; font-weight:bold; margin-top:30px;}
.navbar-default .navbar-nav>li>a:hover{color:#fff; background-color:#0059ef;}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
  color:#fff; background-color:#0059ef; box-shadow:none; text-shadow:none;
  }
   .carousel-inner > .item > img, .carousel-inner > .item > a > img {
        display: block;
        height: 800px;
        min-width: 100%;
        width: 100%;
        max-width: 100%;
        line-height: 1;
    
    
    }
  .carousel-caption{ margin-bottom:150px;}
.botoncito{ color:#fff; font-weight:bold; width:165px; height:42px; border:solid #fff 1px; background:none; margin:20px auto; padding-top:10px; text-align:center;}
.botoncito a{ color:#fff; text-decoration:none;}
.botoncito2{ color:#fff; font-weight:bold; width:290px; height:42px; border:solid #fff 1px; background:none; margin:20px auto 50px auto; padding-top:10px; text-align:center;}
.botoncito2 a{ color:#fff; text-decoration:none;}
.blu{ background:#0059ef; color:#fff; min-height:160px; height:auto; padding-bottom:20px; }
.des1{ text-align:center; color:#fff; font-size:45px; font-weight:bold; margin-top:25px;}
.des2{ text-align:center; color:#fff; font-size:16px; }
.top10{ margin-top:10px;}
.top50{ margin-top:50px;}
.top100{ margin-top:100px;}
.center100{ margin:100px auto; text-align:center;}
.botonblue{ color:#fff; font-weight:bold; width:200px; height:69px; border:solid #0059ef 1px; background:#0059ef; margin:40px auto; padding-top:25px; text-align:center; float:left;}
.botonblue a{color:#fff; text-decoration:none;}
.botonblue2{ color:#fff; font-weight:bold; width:auto; height:69px; border:solid #0059ef 1px; background:#0059ef; margin:40px auto; padding-top:25px; text-align:center; }
.botonblue2 a{color:#fff; text-decoration:none;}
.botonblue3{ color:#fff; font-weight:bold; font-size:30px; width:auto; height:auto; border:solid #0059ef 1px; background:#0059ef; margin:80px auto; padding:5px; text-align:center; float:left; }
.botonblue3 a{color:#fff; text-decoration:none;}
.gris{ color:#666; width:100%; float:left; margin-top:-20px; margin-bottom:20px;}
.fotup{ min-height:95px; max-height:120px; border-bottom:solid 2px #1767ee;}
.fotup li{ color:#fff; font-size:14px; font-weight:bold; list-style:none; display:inline-block; padding-top:40px; padding-right:15px;}
.fotup a{ text-decoration:none; color:#fff;}
.footw{ color:#fff; padding-top:40px; padding-right:20px; font-size:20px;}
.fotup2{ height:80px; color:#fff; padding-top:30px;}
.fotup2 li{ color:#fff; font-size:13px; font-weight:bold; list-style:none; display:inline-block; padding-right:15px;}
.fotup2 a{ text-decoration:none; color:#fff;}
.floatr{ text-align:right;}
.floatl{ float:none; }
.fonlog{background: url(../img/logis_1280.jpg) left center no-repeat; background-size:100%;
}
.wrapper {
    display: flex;
}
.left, .right {
  height: 50vh;
}

.left {
  flex-basis: calc(40% - 25px);
  position: relative;
  background: white;
  display: flex;
  align-items: center;
}
.left::after {
  content: '';
  position: absolute;
  top: 0;
  left: 100%;
  height: 0;
  width: 0;
  border-top: 50vh solid white;
  border-right: 250px solid transparent;
}

.right {
  flex-basis: calc(50% + 25px);
  background: url(../img/logistica-bg.jpg) left center no-repeat;
  background-size: cover;
}


.left2, .right2 {
  height: 50vh;
}

.right2 {
  flex-basis: calc(40% - 25px);
  position: relative;
  background: #f4f4f4;
  display: flex;
  align-items: center;
}
.right2::before {
  content: '';
  position: absolute;
  top: 0;
  right: 100%;
  height: 0;
  width: 0;
  border-top: 50vh solid #f4f4f4;
  border-left: 330px solid transparent;
}

.left2 {
  flex-basis: calc(34% + 180px);
  background: url(../img/transportes-bg.jpg) left center no-repeat;
  background-size: cover;
  margin-left:5%;
}

div.container2.transporte {
  text-align: Center!important;
}

.nav-tabs.nav-justified>.active>a, .nav-tabs.nav-justified>.active>a:focus, .nav-tabs.nav-justified>.active>a:hover {
    border-bottom: #0059ef solid 2px; color:#000; text-align:center; color:#222; font-weight:bold; font-size:20px;
  border-left:none; border-top:none; border-right:none; background:none; border-radius: none;
}
.nav-tabs.nav-justified>li>a {
    border-bottom: none; border-left:none; border-top:none; border-right:none;
    border-radius: none;
  text-align:center; color:#222; font-weight:bold; font-size:20px; background:none; 
}


.gray{ background-color:#f4f4f4;}
.marb50{ margin-bottom:50px;}
.img30{ margin:30px auto;}

.centybord{ min-height:42px; max-height:90px; border-bottom:solid 1px #e5e5e5;  border-top:solid 1px #e5e5e5; text-align:center; padding-bottom:5px; font-size:25px; font-weight:500; margin-bottom:30px; margin-top:10px;}

.centy{ text-align:center; padding-bottom:20px; font-size:40px; font-weight:bold; margin-bottom:40px; margin-top:40px;}
.centy2{ text-align:center; padding-bottom:20px; font-size:20px; font-weight:bold; margin-bottom:40px; margin-top:40px;}
.centered {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); font-size:30px; font-weight:30px; line-height:30px; color:#fff; text-align:center;
}
.centered2 {
  position: absolute;
  top: 30%;
  left: 50%;
  transform: translate(-50%, -30%); font-size:30px; font-weight:30px; color:#fff; text-align:center;
}
.txt-staff{ text-align:left; font-size:15px; line-height:17px; margin-top:20px;}
.boldie{ color:#000; font-weight:bold;}
.titnos{ text-align:left; padding-bottom:20px; font-size:35px; font-weight:bold; margin-bottom:1px; margin-top:40px;}
.backlogis{background: url(../img/logistica-bg.jpg) center center no-repeat; height:450px;}
.backtrans{background: url(../img/transportes-bg.jpg) center center no-repeat; height:450px; }
.margen31{margin:30px auto;}
.row-bg-img{
  background-image: url("../img/logistica-bg.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.bg-fff {
  background-color: #fff;
  transform-origin: top right;
  transform: skewx(-20deg);
}

div.container.logistica div.content {
  transform: skew(20deg);
  padding: 100px 90px 200px;
  
}
div.container.logistica{
  width: 80%;
}
div.container.transporte{
  width: 80%;
}
div.container.transporte .row-bg-img{
  background-image: url("../img/transportes-bg.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
div.container.transporte .bg-fff {
  background-color: #fff;
  transform-origin: top left;
  transform: skewx(20deg);
}
div.container.transporte div.content {
  transform: skew(-20deg);
  padding: 100px 90px 200px;
}
.form-group{ padding-bottom:30px;}

.outer-div
{
     height: 390px;
     overflow: hidden; 
}
.inner-div
{
     height: 100%;
     width: 100%;
     background-size: cover;
     background-position: center;
     transition: all 0.7s ease;
     background-image: url('../img/fletes-sotelo_panoramica.jpg');
}
.inner-div:hover
{
     transform: scale(1.3) rotate(3deg);
}


@media only screen and (min-width: 240px) and (max-width: 767px)
{
  .fotup{ min-height:95px; max-height:120px; border:none; }
.fotup li{font-size:11px; padding-right:7px; text-align:center;}
.floatr{ text-align:center;}
.fotup2{ height:auto; color:#fff; padding-top:30px; padding-bottom:30px; text-align:center;}
.fotup2 li{ color:#fff; font-size:11px; font-weight:bold; list-style:none; display:compact; padding-right:15px; padding-top:30px;}
.top30{ margin-top:30px;}
.bot30{ margin-bottom:30px;}
.nav-tabs.nav-justified>.active>a, .nav-tabs.nav-justified>.active>a:focus, .nav-tabs.nav-justified>.active>a:hover {  border-bottom: #0059ef solid 2px; color:#000; text-align:center; 
color:#222; font-weight:bold; font-size:12px; border-left:none; border-top:none; border-right:none; background:none; border-radius: none;}
.nav-tabs.nav-justified>li>a { font-size:12px;  }
.nav-tabs.nav-justified>li{ float:left;}
.centered2 {
  position: absolute;
  top: 20%;
  left: 50%;
  transform: translate(-50%, -20%); font-size:30px; font-weight:30px; line-height:30px; color:#fff; text-align:center;
}
.des1{ font-size:22px;}
.margen31{margin:20px auto;}
.carousel-caption{ margin-bottom:60px;}
.bordercito{border:none;}
.titpost{color:#222; font-size:22px; line-height:21px; font-weight:bold; margin-top:20px; text-align:left;}
}

@media only screen and (max-width : 992px) {
  .bg-fff {
      transform: none;
      margin-bottom: 400px;
  }
  div.container.logistica div.content {
    transform: skew(0deg);
    padding: 100px 80px 200px 0px;
  }
  .row-bg-img{
    margin-bottom: 50px ;
  }
  .row-bg-img{
    background-image: url("../img/logistica-bg.jpg");
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: contain;
  }
  div.container.transporte .row-bg-img{
    background-position: bottom;
    background-size: contain;
  }
  div.container.transporte .bg-fff {
    transform-origin: none;
    transform: skewx(0deg);
  }
  div.container.transporte div.content {
    transform: skew(0deg);
    padding: 50px 80px 200px 0px;
  }
}

@media only screen and (max-width : 768px) {
  .bg-fff {
    background-color: #fff;
    transform: none;
  }
  div.container.logistica div.content {
    padding: 50px 0px 150px 0px;
  }

 div.container.logistica div.row.row-bg-img {
  margin-bottom: 80px;
}

 div.container.transporte div.row.row-bg-img {
  margin-bottom: 0;
}

.bg-fff {
      margin-bottom: 300px;
  }
  div.container.transporte div.content {
    padding: 0px 0px 150px 0px;
  }
  
}

@media only screen and (max-width : 575px) {
  .bg-fff {
      margin-bottom: 220px;
  }
} 
@media only screen and (max-width : 480px) { 
  div.des2 {
    font-size: 14px;
  }
  div.des1 {
    font-size: 32px;
  }
  div.container2.blu {
    min-height: 140px;
    padding-bottom: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px)
{
  .navbar-default .navbar-nav>li>a{color:#111111; font-size:12px!important;}
     .f16{ font-size:16px;}
.lato60{ color:#fff; font-size:60px; font-weight:bold; line-height:60px;}
.lato35{ color:#fff; font-size:35px; line-height:35px; margin-top:30px;}
.lato35b{ color:#666; font-size:25px; line-height:25px; margin-top:5px; text-align:left; padding-bottom:25px; padding-top:25px; font-weight:bold;}
.lato35c{ color:#222; font-size:35px; line-height:35px; margin-top:5px; text-align:center; padding-bottom:25px; padding-top:25px; font-weight:bold;}
.lato35w{ color:#fff; font-size:35px; line-height:35px; margin-top:50px; text-align:center;}
.lato16w{ color:#fff; font-size:16px; line-height:15px; margin-top:25px; margin-bottom:25px; text-align:center;}
.lato16b{ color:#333; font-size:18px; line-height:15px; margin-top:5px; text-align:left;}
.fotup{ min-height:95px; max-height:140px; border-bottom:solid 2px #1767ee;}
.fotup li{ color:#fff; font-size:12px; font-weight:bold; list-style:none; display:inline-block; padding-top:20px; padding-right:15px;}
.footw{ color:#fff; padding-top:40px; padding-right:20px; font-size:20px;}
.fotup2{ height:80px; color:#fff; padding-top:30px;}
.fotup2 li{ color:#fff; font-size:11px; font-weight:bold; list-style:none; display:inline-block; padding-right:15px;}
.floatr{ text-align:center;}
}



 @font-face{font-family:dropify;src:url(../fonts/dropify.eot);src:url(../fonts/dropify.eot#iefix) format("embedded-opentype"),url(../fonts/dropify.woff) format("woff"),url(../fonts/dropify.ttf) format("truetype"),url(../fonts/dropify.svg#dropify) format("svg");font-weight:400;font-style:normal}.dropify-font:before,.dropify-wrapper .dropify-message span.file-icon:before,.dropify-wrapper .dropify-preview .dropify-infos .dropify-infos-inner p.dropify-filename span.file-icon:before,[class*=" dropify-font-"]:before,[class^=dropify-font-]:before{font-family:dropify;font-style:normal;font-weight:400;speak:none;display:inline-block;text-decoration:inherit;width:1em;margin-left:.2em;margin-right:.2em;text-align:center;font-variant:normal;text-transform:none;line-height:1em}.dropify-wrapper,.dropify-wrapper .dropify-clear{font-family:Roboto,"Helvetica Neue",Helvetica,Arial}.dropify-wrapper.has-error .dropify-message .dropify-error,.dropify-wrapper.has-preview .dropify-clear{display:block}.dropify-font-upload:before,.dropify-wrapper .dropify-message span.file-icon:before{content:'\e800'}.dropify-font-file:before{content:'\e801'}.dropify-wrapper{display:block;position:relative;cursor:pointer;overflow:hidden;width:100%;max-width:100%;height:200px;padding:5px 10px;font-size:14px;line-height:22px;color:#777;background-color:#FFF;background-image:none;text-align:center;border:2px solid #E5E5E5;-webkit-transition:border-color .15s linear;transition:border-color .15s linear}.dropify-wrapper:hover{background-size:30px 30px;background-image:-webkit-linear-gradient(135deg,#F6F6F6 25%,transparent 25%,transparent 50%,#F6F6F6 50%,#F6F6F6 75%,transparent 75%,transparent);background-image:linear-gradient(-45deg,#F6F6F6 25%,transparent 25%,transparent 50%,#F6F6F6 50%,#F6F6F6 75%,transparent 75%,transparent);-webkit-animation:stripes 2s linear infinite;animation:stripes 2s linear infinite}.dropify-wrapper.has-error{border-color:#F34141}.dropify-wrapper.has-error:hover .dropify-errors-container{visibility:visible;opacity:1;-webkit-transition-delay:0s;transition-delay:0s}.dropify-wrapper.disabled input{cursor:not-allowed}.dropify-wrapper.disabled:hover{background-image:none;-webkit-animation:none;animation:none}.dropify-wrapper.disabled .dropify-message{opacity:.5;text-decoration:line-through}.dropify-wrapper.disabled .dropify-infos-message{display:none}.dropify-wrapper input{position:absolute;top:0;right:0;bottom:0;left:0;height:100%;width:100%;opacity:0;cursor:pointer;z-index:5}.dropify-wrapper .dropify-message{position:relative;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.dropify-wrapper .dropify-message span.file-icon{font-size:50px;color:#CCC}.dropify-wrapper .dropify-message p{margin:5px 0 0}.dropify-wrapper .dropify-message p.dropify-error{color:#F34141;font-weight:700;display:none}.dropify-wrapper .dropify-clear{display:none;position:absolute;opacity:0;z-index:7;top:10px;right:10px;background:0 0;border:2px solid #FFF;text-transform:uppercase;font-size:11px;padding:4px 8px;font-weight:700;color:#FFF;-webkit-transition:all .15s linear;transition:all .15s linear}.dropify-wrapper .dropify-clear:hover{background:rgba(255,255,255,.2)}.dropify-wrapper .dropify-preview{display:none;position:absolute;z-index:1;background-color:#FFF;padding:5px;width:100%;height:100%;top:0;right:0;bottom:0;left:0;overflow:hidden;text-align:center}.dropify-wrapper .dropify-preview .dropify-render img{top:50%;-webkit-transform:translate(0,-50%);transform:translate(0,-50%);position:relative;max-width:100%;max-height:100%;background-color:#FFF;-webkit-transition:border-color .15s linear;transition:border-color .15s linear}.dropify-wrapper .dropify-preview .dropify-render i{font-size:70px;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);position:absolute;color:#777}.dropify-wrapper .dropify-preview .dropify-render .dropify-extension{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);margin-top:10px;text-transform:uppercase;font-weight:900;letter-spacing:-.03em;font-size:13px;width:42px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dropify-wrapper .dropify-preview .dropify-infos{position:absolute;left:0;top:0;right:0;bottom:0;z-index:3;background:rgba(0,0,0,.7);opacity:0;-webkit-transition:opacity .15s linear;transition:opacity .15s linear}.dropify-wrapper .dropify-preview .dropify-infos .dropify-infos-inner{position:absolute;top:50%;-webkit-transform:translate(0,-40%);transform:translate(0,-40%);-webkit-backface-visibility:hidden;backface-visibility:hidden;width:100%;padding:0 20px;-webkit-transition:all .2s ease;transition:all .2s ease}.dropify-wrapper .dropify-preview .dropify-infos .dropify-infos-inner p{padding:0;margin:0;position:relative;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#FFF;text-align:center;line-height:25px;font-weight:700}.dropify-wrapper .dropify-preview .dropify-infos .dropify-infos-inner p.dropify-filename span.file-icon{margin-right:2px}.dropify-wrapper .dropify-preview .dropify-infos .dropify-infos-inner p.dropify-infos-message{margin-top:15px;padding-top:15px;font-size:12px;position:relative;opacity:.5}.dropify-wrapper .dropify-preview .dropify-infos .dropify-infos-inner p.dropify-infos-message::before{content:'';position:absolute;top:0;left:50%;-webkit-transform:translate(-50%,0);transform:translate(-50%,0);background:#FFF;width:30px;height:2px}.dropify-wrapper:hover .dropify-clear,.dropify-wrapper:hover .dropify-preview .dropify-infos{opacity:1}.dropify-wrapper:hover .dropify-preview .dropify-infos .dropify-infos-inner{margin-top:-5px}.dropify-wrapper.touch-fallback{height:auto!important}.dropify-wrapper.touch-fallback:hover{background-image:none;-webkit-animation:none;animation:none}.dropify-wrapper.touch-fallback .dropify-preview{position:relative;padding:0}.dropify-wrapper.touch-fallback .dropify-preview .dropify-render{display:block;position:relative}.dropify-wrapper.touch-fallback .dropify-preview .dropify-infos .dropify-infos-inner p.dropify-infos-message::before,.dropify-wrapper.touch-fallback.has-preview .dropify-message{display:none}.dropify-wrapper.touch-fallback .dropify-preview .dropify-render .dropify-font-file{position:relative;-webkit-transform:translate(0,0);transform:translate(0,0);top:0;left:0}.dropify-wrapper.touch-fallback .dropify-preview .dropify-render .dropify-font-file::before{margin-top:30px;margin-bottom:30px}.dropify-wrapper.touch-fallback .dropify-preview .dropify-render img{position:relative;-webkit-transform:translate(0,0);transform:translate(0,0)}.dropify-wrapper.touch-fallback .dropify-preview .dropify-infos{position:relative;opacity:1;background:0 0}.dropify-wrapper.touch-fallback .dropify-preview .dropify-infos .dropify-infos-inner{position:relative;top:0;-webkit-transform:translate(0,0);transform:translate(0,0);padding:5px 90px 5px 0}.dropify-wrapper.touch-fallback .dropify-preview .dropify-infos .dropify-infos-inner p{padding:0;margin:0;position:relative;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#777;text-align:left;line-height:25px}.dropify-wrapper.touch-fallback .dropify-preview .dropify-infos .dropify-infos-inner p.dropify-filename{font-weight:700}.dropify-wrapper.touch-fallback .dropify-preview .dropify-infos .dropify-infos-inner p.dropify-infos-message{margin-top:0;padding-top:0;font-size:11px;position:relative;opacity:1}.dropify-wrapper.touch-fallback .dropify-message{-webkit-transform:translate(0,0);transform:translate(0,0);padding:40px 0}.dropify-wrapper.touch-fallback .dropify-clear{top:auto;bottom:23px;opacity:1;border-color:rgba(119,119,119,.7);color:#777}.dropify-wrapper.touch-fallback:hover .dropify-preview .dropify-infos .dropify-infos-inner{margin-top:0}.dropify-wrapper .dropify-loader{position:absolute;top:15px;right:15px;display:none;z-index:9}.dropify-wrapper .dropify-loader::after{display:block;position:relative;width:20px;height:20px;-webkit-animation:rotate .6s linear infinite;animation:rotate .6s linear infinite;border-radius:100%;border-top:1px solid #CCC;border-bottom:1px solid #777;border-left:1px solid #CCC;border-right:1px solid #777;content:''}.dropify-wrapper .dropify-errors-container{position:absolute;left:0;top:0;right:0;bottom:0;z-index:3;background:rgba(243,65,65,.8);text-align:left;visibility:hidden;opacity:0;-webkit-transition:visibility 0s linear .15s,opacity .15s linear;transition:visibility 0s linear .15s,opacity .15s linear}.dropify-wrapper .dropify-errors-container ul{padding:10px 20px;margin:0;position:absolute;left:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.dropify-wrapper .dropify-errors-container ul li{margin-left:20px;color:#FFF;font-weight:700}.dropify-wrapper .dropify-errors-container.visible{visibility:visible;opacity:1;-webkit-transition-delay:0s;transition-delay:0s}.dropify-wrapper~.dropify-errors-container ul{padding:0;margin:15px 0}.dropify-wrapper~.dropify-errors-container ul li{margin-left:20px;color:#F34141;font-weight:700}@-webkit-keyframes stripes{from{background-position:0 0}to{background-position:60px 30px}}@keyframes stripes{from{background-position:0 0}to{background-position:60px 30px}}@-webkit-keyframes rotate{0%{-webkit-transform:rotateZ(-360deg);transform:rotateZ(-360deg)}100%{-webkit-transform:rotateZ(0);transform:rotateZ(0)}}@keyframes rotate{0%{-webkit-transform:rotateZ(-360deg);transform:rotateZ(-360deg)}100%{-webkit-transform:rotateZ(0);transform:rotateZ(0)}}