@font-face{font-family: 'amsipro-bolduploaded_file';src: url('../fonts/amsipro-bold-webfont.woff2') format('woff2'),url('../fonts/amsipro-bold-webfont.woff') format('woff');font-weight: normal;font-style: normal;}
@font-face{font-family: 'amsipro-regularuploaded_file';src: url('../fonts/amsipro-regular-webfont.woff2') format('woff2'),url('../fonts/amsipro-regular-webfont.woff') format('woff');font-weight: normal;font-style: normal;}
@font-face{font-family: 'amsipro-semibolduploaded_file';src: url('../fonts/amsipro-semibold-webfont.woff2') format('woff2'),url('../fonts/amsipro-semibold-webfont.woff') format('woff');font-weight: normal;font-style: normal;}
@font-face{font-family: 'amsipro-ultrauploaded_file';src: url('../fonts/amsipro-ultra-webfont.woff2') format('woff2'),url('../fonts/amsipro-ultra-webfont.woff') format('woff');font-weight: normal;font-style: normal;}
@font-face{font-family: 'super_milkregular';src: url('../fonts/super_milk-webfont.woff2') format('woff2'),url('../fonts/super_milk-webfont.woff') format('woff');font-weight: normal;font-style: normal;}
.amsipro-bolduploaded_file{font-family: 'amsipro-bolduploaded_file';}
.amsipro-regularuploaded_file{font-family: 'amsipro-regularuploaded_file';}
.amsipro-semibolduploaded_file{font-family: 'amsipro-semibolduploaded_file';}
.amsipro-ultrauploaded_file{font-family: 'amsipro-ultrauploaded_file';}
.super_milkregular{font-family: 'super_milkregular';}

.s55{font-size: 55px;}
.s45{font-size: 45px;}
.s34{font-size: 34px;}
.s22{font-size: 22px;}
.s14{font-size: 14px;}

.text-white{color: #FFF;}
.text-yellow{color: #FDEC00;}
.text-blue{color: #00437B;}
.tedNo{text-decoration: none;}
body{margin: 0;padding: 0;overflow-x: hidden;}
.visibleMobile{display: none;}
.verticalAlignMiddle{display:-webkit-flex; -webkit-align-items:center; display:flex; align-items:center;}

#pre-loader{opacity:1; display:none; z-index:9999999999; position:fixed; top:0; left:0; width:100%; height:100%; background:#ffffff47;}
#pre-loader span{display:table-cell; vertical-align:middle; text-align:center;}
#pre-loader span img{display:inline-block;}

header nav ul{width: 85%; transition: all 0.3s ease;}
header nav ul li{width: 20%;display:-webkit-flex; -webkit-align-items:center; display:flex; align-items:center;}
header nav ul li a{font-family: 'amsipro-ultrauploaded_file'; font-size: 15px; color: #00437B; text-align: center; padding: 10px 20px!important; transition: all 0.3s ease;}
header nav ul li a.hv:hover{color: #FFF; background-color: #FF3100; border-radius: 30px;}
header nav ul li a.brand-m img{width: 58%;}
.fixed-head{position: fixed; width: 100%; z-index: 2; background-color: #FFF; zoom: 0.65; transition: all 0.3s ease;}
.brand-r img{width: 50%;}

.bg-orange{background: #0a070b;}
.bg-orange-2{background: url('../img/bgp.jpg'); background-position: top center; background-size: contain;background-repeat: repeat-y;}
.colOrange{color: #f05a22!important;}
.h-80{min-height: 80vh;}
.btn-max{font-family: 'amsipro-ultrauploaded_file';font-size: 26px;border-radius: 8px;border: 2px solid #f05a22; background-color: #FFF;color: #f05a22;text-decoration: none;display: table;margin: auto;padding: 2px 25px;transition: all 0.3s ease;}
.btn-max:hover{background-color: #f05a22;border-color: #FFF;color: #FFF;text-decoration: none;}
.owl-cat .item img{width: 42%; display: table; margin: auto;}
.owl-cat .owl-nav .owl-next{position: absolute; top: 50%; right: 20px;width: 42px;height: 42px;border-radius: 50%;border: 2px solid #f05a22!important;background-color: #FFAA00!important;display: block;transition: all 0.3s ease;}
.owl-cat .owl-nav .owl-prev{position: absolute; top: 50%; left: 20px;width: 42px;height: 42px;border-radius: 50%;border: 2px solid #f05a22!important;background-color: #FFAA00!important;display: block;transition: all 0.3s ease;}
.owl-cat .owl-nav .owl-next:hover,.owl-cat .owl-nav .owl-next:focus{outline: none;border: 2px solid #FFAA00!important;background-color: #f05a22!important;}
.owl-cat .owl-nav .owl-prev:hover,.owl-cat .owl-nav .owl-prev:focus{outline: none;border: 2px solid #FFAA00!important;background-color: #f05a22!important;}
.owl-cat .owl-nav .owl-next i{color: #f05a22;font-size: 29px;display: table;margin: 0 0 0 41%;transition: all 0.3s ease;}
.owl-cat .owl-nav .owl-prev i{color: #f05a22;font-size: 29px;display: table;margin: 0 0 0 29%;transition: all 0.3s ease;}
.owl-cat .owl-nav .owl-next i:hover,.owl-cat .owl-nav .owl-next i:focus,.owl-cat .owl-nav .owl-prev i:hover,.owl-cat .owl-nav .owl-prev i:focus{color: #FFAA00;}
.owl-cat .owl-nav .owl-next:hover > i,.owl-cat .owl-nav .owl-next:focus > i,.owl-cat .owl-nav .owl-prev:hover > i,.owl-cat .owl-nav .owl-prev:focus > i{color: #FFAA00;}

.card-pre{position: relative; border: 4px solid #FDEC00; background: rgb(255,255,255);background: -moz-radial-gradient(circle, rgba(255,255,255,0) 0%, rgba(255,105,0) 100%);background: -webkit-radial-gradient(circle, rgba(255,255,255,0) 0%, rgba(255,105,0) 100%);background: radial-gradient(circle, rgba(255,255,255,0) 0%, rgba(255,105,0) 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffa900",GradientType=1);margin: 140px 0;}
.card-pre .pet1{position: absolute; bottom: 0; left: 0; width: 200px;}
.card-pre .pet2{position: absolute; bottom: 0; right: 0; width: 200px;}

.terms-content h1{color: #FFF;font-family: 'amsipro-bolduploaded_file';font-size: 35px;}
.terms-content h3,.terms-content h2{color: #FFF;font-family: 'amsipro-ultrauploaded_file';font-size: 28px;}
.terms-content p,.terms-content ul li,.terms-content p a,.terms-content table tr td{color: #FFF;font-family: 'amsipro-regularuploaded_file';font-size: 20px;}
.terms-content p a{text-decoration: underline;}
.terms-content table tr{border: 1px solid #FFF;}

.form-control{border-radius: 32px; border: 2px solid #f05a22; background-color: #FFF; font-family: 'amsipro-semibolduploaded_file'; font-size: 18px; color: #00437B; text-align: center; height: 62px;}
.form-control option{font-size: 14px;}
.form-control.sm-fc{height: 48px; margin-bottom: 15px;}
.form-control::-webkit-input-placeholder{color:#00437B;}
.form-control::-moz-placeholder{color:#00437B;}
.form-control:-ms-input-placeholder{color:#00437B;}
.form-control:-moz-placeholder{color:#00437B;}
.form-control:hover,.form-login .form-control:focus{outline: none;box-shadow: none;}
.filer{width: 100%; position: relative;display: inline-block;padding: 10px 0;border: none;}
.filer::before {background-color: #FFF;color: #00437B;border: 3px solid #f05a22;display: flex;justify-content: center;align-items: center;content: 'Sube el video de tu mascota 📷';position: absolute;left: 0;right: 0;top: 0;bottom: 0;padding: 10px 0;font-family: 'amsipro-semibolduploaded_file';}
#filer-name{font-family: 'amsipro-regularuploaded_file';color: #00437B;font-size: 12px; text-align: center;}

.form-check-label{position: relative; float: left; width: 100%; color: #FFF;font-family: 'amsipro-semibolduploaded_file';display: block;position: relative;padding-left: 25px;margin-bottom: 12px;cursor: pointer;font-size: 13px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.form-check-label a{color: #fff; text-decoration: none;}
.form-check-label a:hover{text-decoration: underline;}
.form-check-label input{position: absolute;opacity: 0;cursor: pointer;height: 0;width: 0;}
.checkmark{position: absolute;top: 0;left: 0;height: 18px;width: 18px;background-color: #fff;border: 2px solid #f05a22;border-radius: 5px;}
.form-check-label:hover input ~ .checkmark{background-color: #fff;border: 2px solid #f05a22;border-radius: 5px;}
.form-check-label input:checked ~ .checkmark{background-color: #fff;border: 2px solid #f05a22;border-radius: 5px;}
.checkmark:after{content: "";position: absolute;display: none;}
.form-check-label input:checked ~ .checkmark:after{display: block;}
.form-check-label .checkmark:after{left: 5px;top: 3px;width: 4px;height: 8px;border: solid #f05a22;border-width: 0 3px 3px 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}

.blue-link,.blue-text{font-family: 'amsipro-semibolduploaded_file'; font-size: 16px; color:#00437B;}
.blue-link:hover{text-decoration: underline;color:#00437B;}

.table-white{font-family: 'amsipro-regularuploaded_file';color: #FFF;font-size: 15px;background-color: #ff583a52;}
.table-white a{color: #00437B;}

#modalgen .modal-content{background: url('../img/bgpop.png'); background-position: top center; background-size: cover; border-radius: 4rem;}
#modalgen .modal-content .modal-body{padding: 3rem 6rem;}
#modalgen .modal-content .modal-body .close{position: absolute; right: 0; top: 0; opacity: 1;}
#modalgen .modal-content .modal-body .close:hover,#modalgen .modal-content .modal-body .close:focus{outline: none; border: none; box-shadow: none;}
#modalgen .modal-content .modal-body .close img{width: 50px;}

footer{margin: 5px 0;}
footer .nav-foot{list-style: none;padding: 0;display: table;margin: auto;width: 100%;}
footer .nav-foot li{display: inline-block;width: 24%;text-align: center;display: table;margin: 15px auto 30px auto;}
footer .nav-foot li a{text-align: center;text-decoration: none;font-family: 'amsipro-ultrauploaded_file'; font-size: 15px; color: #f05a22;padding: 10px 20px!important; transition: all 0.3s ease;}
footer .nav-foot li a:hover{text-decoration: underline;}
footer .brand{display: table;margin: 20px auto;}
footer .brand img{width: 95px;}
footer .gab{display: table;margin: 20px auto;}
footer .gab img{width: 150px;}
footer .network{display: table;margin: 20px auto;}
footer .network ul{list-style: none; padding: 0;}
footer .network ul li{display: inline-block; padding: 0 20px;}
footer .network ul li a{text-decoration: none;}
footer .sub-foot{padding: 0 45px;}

@media (max-width: 768px) {
  .visibleMobile{display: block;}
  .visibleDesktop{display: none;}
  .s55{font-size: 17px;}
  .s45{font-size: 17px;}
  .s34{font-size: 30px;}
  .s22{font-size: 18px;}
  .navbar-toggler{margin: 0 0 0 auto;}
  .navbar-toggler i{color: #f05a22;}
  .navbar-toggler:hover,.navbar-toggler:focus{outline: none; border: none; box-shadow: none;}
  .navbar-toggler i:hover{color: #00437B;}
  header nav ul{width: 100%;}
  header nav ul li{width: 100%;}
  header nav ul li a{font-size: 16px; text-align: left;}
  header nav ul li a.hv:hover{color: #FF3100; background-color: transparent; border-radius: 0px;}
  header nav ul li .nav-link.brand-m{width: 100%; margin: auto;}
  header nav ul li .nav-link.brand-m img{width: 30%; margin: auto; display: block;}
  .brand-r{width: 150px;}
  .brand-r img{width: 55%;}

  .bg-orange,.bg-orange-2{padding: 0 20px;}
  .logo-init{padding: 0; margin: 20px 0 0 0;}
  .form-control{font-size: 14px;}
  .btn-max{font-size: 18px;}
  .owl-cat .owl-nav .owl-next{right: 0;width: 30px; height: 30px;}
  .owl-cat .owl-nav .owl-prev{left: 0;width: 30px; height: 30px;}
  .owl-cat .owl-nav .owl-next i{font-size: 20px;}
  .owl-cat .owl-nav .owl-prev i{font-size: 20px;}
  #how-to-win .px-5{padding-left: 0!important; padding-right: 0!important;}
  .card-pre .pet1,.card-pre .pet2{display: none;}
  footer .nav-foot li{display: block; width: 100%;margin-bottom: 25px;}
  footer .brand{display: table;margin: 0 auto 20px auto;}
  footer .gab{display: table;margin: 0 auto 20px auto;}
  .terms-content p, .terms-content ul li, .terms-content p a, .terms-content table tr td{font-size: 15px;}
  .terms-content h3{font-size: 20px;}
  .table-white{font-size: 12px;}

  #modalgen .modal-content .modal-body{padding: 1rem 2rem;}
}

@media only screen and (min-width: 768px) and (max-width: 1367px){  
  header nav ul li a{font-size: 14px;padding: 10px!important;}
  .brand-r{width: 190px;}
  .brand-r img{width: 60%;}
  header nav ul li a.brand-m img{width: 68%;}
  .init-bg{padding: 0 2%;}
  .init-bg .col-md-8{flex: 0 0 60%; max-width: 60%;}
  .init-bg .col-md-4{flex: 0 0 40%; max-width: 40%;}
  .form-control{font-size: 15px;}
  .logo-init{padding: 0 10%; margin: 50px 0;}
  .bg-card-pre .col-md-3{flex: 0 0 15%;max-width: 15%;}
  .bg-card-pre .card-pre{flex: 0 0 75%;max-width: 75%;}
  footer{margin: 20px 0;}
  footer .col-md-2{flex: 0 0 5%;max-width: 5%;}
  footer .col-md-8{flex: 0 0 90%;max-width: 90%;}
  footer .nav-foot li a{font-size: 13px;}
  .table-white{font-size: 13px;}
}