html {box-sizing: border-box;}
*,:after,:before {box-sizing: inherit;}
body {font-family: 'Open Sans',sans-serif; background: #fff; padding: 0; margin: 0; text-rendering: auto; text-rendering: optimizeSpeed; text-rendering: optimizeLegibility; text-rendering: inherit; text-rendering: initial; text-rendering: unset; -webkit-font-smoothing: none; -webkit-font-smoothing: subpixel-antialiased; -webkit-font-smoothing: antialiased;}
h2,h3,h4,h5 {font-family: Raleway,sans-serif; font-weight: 700;}
header {padding: 40px 0; vertical-align: middle;}
header .headerlogo1,header .headerlogo2 {display: inline-block;}
header .headerlogo2 {border-left: 1px solid silver; margin-left: 35px;}
header .headerlogo2 img {height: 73px;}
.jumbotron {background-color: transparent; padding: 70px 20px 36px; min-height: 450px;}
#SECCION1BANNER,#SECCION1BANNER2 {background-image: url(../pics/seguro-adeslas-go.jpg); background-size: cover; background-position: center; position: relative;}
#SECCION1BANNER2 {background-image: url(../pics/seguro-mascotas-rc.jpg);}
.jumbotron p {font-family: Raleway,sans-serif; display: inline-block; color: #fff; background: #3a6794; padding: 3px 14px; font-size: 24px; font-weight: 800; margin: 0 0 10px 0; text-rendering: optimizeLegibility;}
.jumbotron h1 {text-transform: uppercase; font-family: Raleway,sans-serif; display: inline; line-height: 90px; color: #3a6794; background: rgba(255,255,255,.5); font-weight: 800; padding: 3px 0; margin-bottom: 10px; font-size: 40px;}
#SECCIONgris {margin-top: 30px; background-color: #f7f7f7; color: #666; display: block; padding: 70px 20px 20px; font-family: Raleway,sans-serif; font-weight: 500;}
#SECCIONgris {margin-top: -32px;}
.duobox {margin-top: 4px; width: 50%; display: block; padding-left: 0; width: 100%; max-width: 400px;}
.duobox p {padding: 0; background: 0 0; color: #55555b; box-shadow: none; font-weight: 600; line-height: 120%; font-size: 17px;}
.duobox img {width: 100%; display: inline-block;}
.wrapform {position: absolute; width: 330px; background: #add8e6; margin: auto; text-align: center; float: left; left: 50%; margin-left: 110px; height: 0;}
#SECCION1 {position: relative; top: -70px; width: 460px; background: rgba(255,255,255,.9); margin-top: -370px; padding: 50px 60px; -webkit-box-shadow: 10px 10px 42px -1px rgba(0,0,0,.17); -moz-box-shadow: 10px 10px 42px -1px rgba(0,0,0,.17); box-shadow: 10px 10px 42px -1px rgba(0,0,0,.17);}
#SECCION1 a {color: #000; text-decoration: underline;}
#SECCION1 .duobuttons1 a {text-decoration: none;}
.wrapform h2 {text-transform: uppercase; font-size: 24px; text-align: left; font-family: Raleway,sans-serif; font-weight: 800;}
.form-control {border-radius: 0; border: 1px solid #dadada; font-family: Raleway,sans-serif;}
small.form-check-label {color: #858688; font-size: 11px; line-height: 130%!important; margin: 4px 10px 20px 10px; display: inline-block; font-family: sans-serif; letter-spacing: .2px; text-rendering: optimizeLegibility; text-align: left;}
.pinky {color: #fff; background-color: #e4107e; border-color: #e4107e; border-radius: 0; width: 100%; padding: 15px; font-family: Raleway,sans-serif; font-weight: 700; max-width: 500px; letter-spacing: 2px; text-transform: uppercase; cursor: pointer;}
#SECCION4 .pinky:hover,
.btn-primary:active,
.btn-primary:focus,
.btn-primary:hover {color: #fff; background-color: #e4107e; border-color: #e4107e;}bottom 25% center
.no-animacion {-moz-transform: translateY(20px); -webkit-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px); opacity: 0;}
.animacion {animation: entradilla 1.2s normal forwards ease; background-size: cover; background-position: center center; background-repeat: no-repeat;}

@keyframes entradilla {
	0% {-moz-transform: translateY(20px); -webkit-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px); opacity: 0;}
	20% {-moz-transform: translateY(20px); -webkit-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px); opacity: 0;}
	100% {-moz-transform: translateY(0); -webkit-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1;}
}

#SECCION2 {background: #f1f1f1; background: -moz-linear-gradient(bottom,#f4f4f4 0,#fbfbfb 100%); background: -webkit-linear-gradient(bottom,#f4f4f4 0,#fbfbfb 100%); background: linear-gradient(to top,#f4f4f4 0,#fbfbfb 100%); padding-top: 60px; padding-bottom: 30px; color: #585858;}
#SECCION2 h2,#SECCION2 h4 {color: #585858; margin-bottom: 4px; font-size: 21px; font-weight: 800;}
#SECCION2 h2 {font-family: Raleway,sans-serif; display: inline-block; color: #fff; background: #ef7d04; font-weight: 800; padding: 3px 14px; margin-bottom: 3px; font-size: 26px; box-shadow: -4px 0 0 0 #ef7d04,5px 0 0 0 #ef7d04;}
.solo-servicio {padding-left: 90px; background-image: url(../pics/icon-1.svg); background-repeat: no-repeat; background-position: top 7px left; background-size: 80px 80px; margin-bottom: 20px; min-height: 110px; font-size: 20px; line-height: 110%; padding-top: 20px;}
.servicio1 {background-image: url(../pics/chequeo.png)}
.servicio2 {background-image: url(../pics/copago.png)}
.servicio3 {background-image: url(../pics/rapidez.png)}
.servicio4 {background-image: url(../pics/cuadromedico.png)}
.servicio5 {background-image: url(../svg/icon4.svg);}
.servicio6 {background-image: url(../svg/icon6.svg);}
.servicio10 {background-image: url(../pics/cuadromedico.png);}
.solo-servicio p {font-weight: 400; line-height: 130%; color: #585858; font-size: 16px;}
.ENTRADILLA {font-size: 29px; font-weight: 600; color: #3a6794; display: inline-block; padding: 20px 0 13px; margin-bottom: 12px; width: auto; font-family: Raleway,sans-serif}
.ENTRADILLA p {line-height: 130%; margin-bottom: 0;}
.ENTRADILLA .subtit {line-height: 130%; font-weight: 400; font-size: 16px; color: gray; margin-bottom: 10px; max-width: 460px; margin: 10px auto 10px;}
.ENTRADILLA2 {font-size: 29px; font-weight: 600; color: #3a6794; display: inline-block; padding: 0 0 0; margin-bottom: 12px; width: auto;}
#SECCION3, #SECCION3bis {background: #fff; color: #ef7e04; padding: 70px 40px; font-family: Raleway,sans-serif;}
#SECCION3 h3, #SECCION3bis h3 {font-size: 29px; font-weight: 600; color: #3a6794; display: inline-block; padding: 20px 0 13px; margin-bottom: 12px; width: auto;}
#SECCION3 p, #SECCION3bis p {color: #4e4e4e;}
#SECCION3 .fila-items, #SECCION3bis .fila-items {border-top: 2px solid #e4107e; padding-top: 24px; margin-top: 30px;}
.filacol1 {width: 48%; margin-right: 1%; display: inline-block; vertical-align: top;}
.itemsolo {border-bottom: 3px solid #eaeaea; margin-bottom: 24px; text-align: left; padding-left: 55px; background-repeat: no-repeat; background-position: top -26px left 0; background-size: 42px 80px; background-image: url(../svg/icon4.svg); display: table; width: 100%;}
.itemsolo p {max-width: 95%; line-height: 130%; font-size: 16px; font-weight: 400; min-height: 42px; display: block; vertical-align: block;}
#SECCION3bis .itemsolo p {min-height: 62px;}
#FILAFORM {background-color: #efefef; padding: 40px 0; margin-bottom: 60px;}
#FILAFORM h2 {DISPLAY: INLINE-BLOCK; width: 18%; font-size: 21px;}
#FILAFORM .form-control {display: inline-block; width: 30%; background: 0 0;}
#FILAFORM a {color: #000;}
#FILAFORM .pinky {width: 20%; padding: 6px; font-size: 18px; letter-spacing: 0; font-size: 16px; vertical-align: top;}
.col-A {display: inline-block; vertical-align: top; width: 35%; text-align: center; min-width: 140px;}
.col-A h5 {font-family: 'Open Sans',sans-serif; margin: 0; font-size: 54px; font-weight: 800; margin-bottom: -6px;}
.col-A h6 {font-size: 21px;}
.col-B {display: inline-block; vertical-align: top; width: 50%; line-height: 120%; padding-top: 12px;}
#SECCION4 {background-color: #3a6794; padding: 60px 0 20px; font-size: 16px; color: gray;}
#SECCION4 h2,#SECCION4 p {color: #fff; font-size: 24px; line-height: 110%; padding: 0 19%; margin-bottom: 40px; display: block;}
#SECCION4 .pinky {display: inline-block; color: #fff; background-color: #e4107e; border-color: #e4107e; border-radius: 0; width: 100%; padding: 15px; font-family: Raleway,sans-serif; font-weight: 900; max-width: 400px; letter-spacing: 1px; text-transform: uppercase; height: 60px; vertical-align: top; margin: 0 2% 20px; font-size: 20px;}
.duobuttons {margin: 20px 0;}
#SECCION5 {margin: 50px auto; font-size: 11px; color: #54555a;}
.table td {border: none; padding: 6px 10px;}
#SECCION5 a {color: #000; text-decoration: underline;}
.modal-header {padding: 30px 60px;}
.modal-body {padding: 30px 60px; font-family: 'Open Sans',sans-serif; font-size: 12px; line-height: 180%;}
.modal-body table p {margin-top: 0; margin-bottom: 0;}
.modal-body a {color: #000; text-decoration: underline;}
.modal-header .close {background: #000; width: 48px; height: 48px; padding: 0; border-radius: 30px; opacity: 1; color: #fff; text-shadow: none; cursor: pointer; position: absolute; right: 28px;}
h5.modal-title {padding-right: 55px;}
.btn {border-radius: 0;}
#floatfooter {background: #333; position: fixed; bottom: 0; border: none; padding: 0; margin: 0; display: none; z-index: 8;}
#floatfooter a {width: 50%; background-color: #696969; text-align: center; border: none; margin: 0;}
#floatfooter a: active,#floatfooter a: focus,#floatfooter a: hover {color: #fff; text-decoration: none;}
.boxpink {padding: 12px 0; vertical-align: middle; letter-spacing: 2px; color: #fff; font-size: 16px;}
.boxpink {background-color: #e4107e;}

@media screen and (max-width: 1100px) {
	.wrapform {position: relative; width: 100%; background: 0 0; margin: auto; text-align: left; float: none; left: 0; margin-left: 0; height: auto;}
	#SECCION1 {position: relative; top: 0; right: 0; width: auto; background: #fff; margin-top: -30px; padding: 50px 60px; width: 100%; max-width: 100%; box-shadow: none;}
	#SECCION1BANNER .container,#SECCION1BANNER2 .container,header.container {max-width: 100%;}
	#SECCION1BANNER,#SECCION1BANNER2 {background-size: cover; background-position: bottom 25% left 25%;}
	#SECCION1 .row {max-width: 960px; margin: auto; padding: 0;}
	#SECCION1 h2 br {display: none;}
	#SECCION1 .pinky {width: 47%; margin-right: 2%; display: inline-block; margin-top: 0; margin-bottom: 0; vertical-align: top; min-height: 57px;}
	#SECCION2 {padding-top: 90px;}
	#SECCION2 .col-6 {width: 100%; max-width: 100%; flex: auto;}
	#SECCION3 .row {padding: 50px 0;}
	#SECCION3 .col-3,#SECCION3 .col-9 {width: 100%; max-width: 100%; flex: auto;}
}

table {width: 100%;}
.TD1 {width: 200px;}
.TD1 img {WIDTH: 138PX;}
.TD1 {width: 200px;}
.TD1 img {WIDTH: 138PX;}
@media screen and (max-width: 992px) {
	#SECCION1 .row {max-width: 720px;}
	.solo-servicio {padding-top: 6px;}
	#SECCION1 .duobuttons1 {width: 100%; text-align: center;}
	#SECCION1 .pinky {display: inline-block; border-radius: 0; width: 100%; padding: 15px; max-width: 100%; vertical-align: top; margin: 0 0 10px;}
	#SECCION3 {padding: 30px 10px;}
	#SECCION3 .row {padding: 0 0;}
	#SECCION4 .pinky {max-width: 100%; margin: 0 0 10px;}
	header .headerlogo2 {display: none;}
	#SECCION1BANNER .container,#SECCION1BANNER2 .container,header.container {max-width: 90%;}
	#SECCION1BANNER,#SECCION1BANNER2 {background-size: auto; background-position: bottom 25% left 25%;}
	header .col-4 {position: absolute; top: 30px; right: 5%; width: 400px; flex: auto; max-width: 400px;}
	.jumbotron {padding: 20px 0 30px;}
	.modal-dialog {max-width: 90%; margin: 1.75rem auto;}
}
.modal-m {max-width: 600px;}
.modal-m .modal-body a {text-decoration: none;}
.modal-m .close {background: #000; width: 48px; height: 48px; padding: 0; border-radius: 30px; opacity: 1; color: #fff; text-shadow: none; cursor: pointer; position: absolute; right: 20px; z-index: 2; top: 20px;}
.modal-m .close: hover {background: #ff8c00; opacity: 1;}
.modal-m p {padding: 0 50px 0 0; width: 95%;}

@media screen and (max-width: 768px) {
	header {padding: 25px 0 15px;}
	#SECCION1 {padding: 30px 5%;}
	#SECCION1BANNER,#SECCION1BANNER2 {padding: 0; margin: 0; background-position: top 75% left 50%; background-image: url(../pics/seguro-adeslas-go.jpg); background-color: #f7f7f7;}
	#SECCION1BANNER2 {background-image: url(../pics/seguro-mascotas-rc.jpg);}
	#SECCION1BANNER .container,#SECCION1BANNER2.container {max-width: 100%; padding: 0 5%;}
	#SECCION2 {padding: 90px 5% 20px;}
	.jumbotron h1 {font-size: 31px; display: inline; line-height: 160%; padding: 2px;}
	.table td {display: block;}
	.solo-servicio {padding-left: 70px; background-size: 60px; background-position: top 0 left;}
	header .col-4 {display: none;}
	header .col-8 {width: 100%; max-width: 100%; flex: auto; text-align: center;}
	#SECCION5 {margin: 50px auto 100px;}
	#floatfooter {display: block;}
	.modal-body,.modal-header {padding: 30px 5%;}
	.jumbotron p {line-height: 120%; font-size: 21px;}
	.jumbotron h1 {font-size: 38px;}
	.duobox {width: 100%; max-width: 300px;}
	#SECCION2 {padding: 35px 0 20px;}
	.col-A {display: inline-block; vertical-align: top; width: auto; text-align: left; min-width: auto; padding-left: 0;}
	.col-B {background-repeat: no-repeat; background-position: center left; background-size: 130px 130px; background-image: url(../svg/icon10.svg); display: inline-block; vertical-align: top; width: 50%; line-height: 120%; padding-top: 12px; padding-left: 50px; min-height: 87px;}
	.duobox {display: block;}
	#SECCIONgris .row {display: block;}
	#SECCIONgris .row .solo-servicio {width: 100%;}
	.filacol1 {width: 100%;}
	.itemsolo {border-bottom: 3px solid #eaeaea; margin-bottom: 24px; text-align: left; padding-left: 5%; background-repeat: no-repeat; background-position: top -21px right 5%; background-size: 55px 80px; background-image: url(../svg/icon4.svg); padding-right: 81px;}
}
