@charset "utf-8";

/* ----------------------------------

Name: style.css
Version: 2.0

-------------------------------------

Table of contents
        
    01. Google font
    02. Reset
    03. Typography
    04. Background color
    05. Custom
    06. Button
    07. Border
    08. Aside style
    09. Video
    10. Background image
    11. Icon
    12. Magnific popup
    13. Header
    14. Page title
    15. Swiper carousel
    16. Slider and parallax typography
    17. Portfolio
    18. Elements
    19. Blog
    20. Footer
    21. Home page
    22. Others

*/

/* ===================================
    Google font
====================================== */

@import url('https://fonts.googleapis.com/css?family=Roboto:400,100,300,500,700,900');
@import url('https://fonts.googleapis.com/css?family=Montserrat:100,200,300,400,500,600,700,800,900');

/* Reset */
*{transition-timing-function: ease-in-out; -ms-transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; -webkit-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out; transition-duration: .0s; -ms-transition-duration: .0s; -moz-transition-duration: .0s; -webkit-transition-duration: .0s; -o-transition-duration: .0s;}
*:hover{transition-timing-function: ease-in-out; -ms-transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; -webkit-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out; transition-duration: .0s; -ms-transition-duration: .0s; -moz-transition-duration: .0s; -webkit-transition-duration: .0s; -o-transition-duration: .0s; }

header.header-appear nav.header-light, 
header.sticky nav.navbar-fixed-top.header-light, 
header.sticky nav.navbar-scroll-fixed-top.header-light {
	background-color: #ffffff; 
	box-shadow: 0 5px 10px -10px rgba(0, 0, 0, 0.0)
}

header a.logo img,
footer a.logo img {
  max-height: 38px;
  margin-right: 10px;
  height: 38px;
}

/* ------------------------------ */
/* LOADER PLUGIN                  */
/* ------------------------------ */

.loader-wrap {
	position: fixed;
	display: block;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background-color: #ff214f;
	z-index: 99999;
}

.divCenter {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translateY(-50%) translateX(-50%);
	transform: translateY(-50%) translateX(-50%);
	
	background-position: center center;
	background-size: 36px auto;
	background-repeat: no-repeat;
}

.divCenter.logo-quotarapido {
	background-image: url(../img/QUOTARAPIDO---BRAND-1.png);
}
.divCenter.logo-fidelitas {
	background-image: url(../img/favicons_fidelitas/android-chrome-96x96.png);
}

.loader {
	border: 1px solid rgba(255,255,255,0.5);
	border-top: 1px solid rgba(0,0,0,0.0);
	border-bottom: 1px solid rgba(0,0,0,0.0);
	border-radius: 50%;
	height: 40px;
	width: 40px;
	margin: 0 auto;
	
	-webkit-animation: loader-spin 1s ease-in-out infinite alternate;
	-moz-animation: loader-spin 1s ease-in-out infinite alternate;
	-ms-animation: loader-spin 1s ease-in-out infinite alternate;
	-o-animation: loader-spin 1s ease-in-out infinite alternate;
	animation: loader-spin 1s ease-in-out infinite alternate;
}

.divCenter h6 {
	position:absolute;
	margin-bottom: 0;
	bottom: -2rem;
	left: 50%;
	color: #ffffff;
	opacity: 0.5!important;
	text-align: center;
	font-size: 14px;
	letter-spacing: 0.5px;
	/*text-transform: uppercase;*/
	white-space: nowrap;
	-webkit-transform: translateY(0) translateX(-50%);
	transform: translateY(0) translateX(-50%);
	
	-webkit-animation: fadeIn-50 1s ease-in-out infinite alternate;
	-moz-animation: fadeIn-50 1s ease-in-out infinite alternate;
	-ms-animation: fadeIn-50 1s ease-in-out infinite alternate;
	-o-animation: fadeIn-50 1s ease-in-out infinite alternate;
	animation: fadeIn-50 1s ease-in-out infinite alternate;
}

@-webkit-keyframes loader-spin {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes loader-spin {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@-webkit-keyframes fadeIn-50 {
  from {
    -webkit-opacity: 0;
            opacity: 0;
  }
  to {
    -webkit-opacity: 0.5;
            opacity: 0.5;
  }
}
@keyframes fadeIn-50 {
  from {
    -webkit-opacity: 0;
            opacity: 0;
  }
  to {
    -webkit-opacity: 0.5;
            opacity: 0.5;
  }
}

/* ------------------------------ */
/* AUXILIARY CLASS                */
/* ------------------------------ */

/* Font Weight */
.fw-300		{font-weight: 300;}
.fw-400		{font-weight: 400;}
.fw-500		{font-weight: 500;}
.fw-600		{font-weight: 600;}
.fw-700		{font-weight: 700;}
.fw-800		{font-weight: 800;}

/* Font Size */
.fs-10em {font-size: 1.0em;}
.fs-15em {font-size: 1.5em;}
.fs-20em {font-size: 2.0em;}

.fs-17 {font-size: 17px;}
.fs-18 {font-size: 18px;}
.fs-19 {font-size: 19px;}
.fs-20 {font-size: 20px;}
.fs-21 {font-size: 21px;}
.fs-22 {font-size: 22px;}
.fs-23 {font-size: 23px;}
.fs-24 {font-size: 24px;}

/* Line Height */
.lh-00 {line-height: 0.0!important;}
.lh-10 {line-height: 1.0!important;}
.lh-11 {line-height: 1.1!important;}
.lh-12 {line-height: 1.2!important;}
.lh-13 {line-height: 1.3!important;}
.lh-14 {line-height: 1.4!important;}
.lh-15 {line-height: 1.5!important;}
.lh-16 {line-height: 1.6!important;}
.lh-17 {line-height: 1.7!important;}
.lh-18 {line-height: 1.8!important;}
.lh-19 {line-height: 1.9!important;}
.lh-20 {line-height: 2.0!important;}

@media (max-width: 575px) {
	.xs-height-100vw {
		height: 100vw!important;
	}
}

/* Background */
.bg-cover 	{background-size:cover; background-repeat: no-repeat; background-position: center center;}
.bg-contain {background-size:contain; background-repeat: no-repeat; background-position: center center;}
.bg-pos-cl 	{background-position: center left;}
.bg-pos-cc 	{background-position: center center;}
.bg-pos-cr 	{background-position: center right;}
.bg-pos-tl 	{background-position: top left;}
.bg-pos-tc 	{background-position: top center;}
.bg-pos-tr 	{background-position: top right;}
.bg-pos-bl 	{background-position: bottom left;}
.bg-pos-bc 	{background-position: bottom center;}
.bg-pos-br 	{background-position: bottom right;}

@media (max-width: 1200px) {
	.bg-cover.bg-responsive-lg {
		background-size:contain;
		background-position: center center;
	}
}

/* Transition */
.tr-015s-eio {
	-webkit-transition: all 0.15s ease-in-out;
	-moz-transition: all 0.15s ease-in-out;
	-o-transition: all 0.15s ease-in-out;
	transition: all 0.15s ease-in-out;
}
.tr-030s-eio {
	-webkit-transition: all 0.30s ease-in-out;
	-moz-transition: all 0.30s ease-in-out;
	-o-transition: all 0.30s ease-in-out;
	transition: all 0.30s ease-in-out;
}

/* Last element margin zero */
.last-element-no-margin > *:last-child,
.last-element-no-margin > *:last-of-type {
	margin-bottom: 0!important;
}

/* ------------------------------ */
/* OBJECT / ASPECT RATIO          */
/* ------------------------------ */

/* Aspect-ratio */
.aspect {
	position: relative;
	width: 100%;
	height: 0;
	overflow: hidden;
	margin: 0;
}

/* Standard */
.ratio--1x1 	{padding-bottom: 100%;}
.ratio--1x2 	{padding-bottom: 50%;}
.ratio--16x9 	{padding-bottom: 56.25%;}
.ratio--4x3 	{padding-bottom: 75%;}
.ratio--3x2 	{padding-bottom: 66.66%;}
.ratio--8x5 	{padding-bottom: 62.5%;}
/* Special */
.ratio--2x1 	{padding-bottom: 150%;}
.ratio--3x1 	{padding-bottom: 200%;}
.ratio--free 	{padding-bottom: 0; height: 100%;}

/*.ratio--9x16 	{padding-bottom: calc(100% * 16 / 9);}*/

.aspect__inner {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	text-align: center;
	overflow: hidden;
}

.aspect__inner > * {
	width: 100%;
	height: 100%;
	-o-object-fit: cover; /*Obsoleto*/
	object-fit: cover;		/*Obsoleto*/
}

/* Object Fit */
.aspect__inner .obj-cover {
	-o-object-fit: cover;
	object-fit: cover;
}
.aspect__inner .obj-contain {
	-o-object-fit: contain;
	object-fit: contain;
}
.aspect__inner .obj-fill {
	-o-object-fit: fill;
	object-fit: fill;
}
.aspect__inner .obj-scale-down {
	-o-object-fit: scale-down;
	object-fit: scale-down;
}
.aspect__inner .obj-none {
	-o-object-fit: none;
	object-fit: none;
}

/* Object Position */
.aspect__inner .obj-pos-tl {
	-o-object-position: top left;
	object-position: top left;
}
.aspect__inner .obj-pos-tc {
	-o-object-position: top center;
	object-position: top center;
}
.aspect__inner .obj-pos-tr {
	-o-object-position: top right;
	object-position: top right;
}
.aspect__inner .obj-pos-cl {
	-o-object-position: center left;
	object-position: center left;
}
.aspect__inner .obj-pos-cc {
	-o-object-position: center center;
	object-position: center center;
}
.aspect__inner .obj-pos-cr {
	-o-object-position: center right;
	object-position: center right;
}
.aspect__inner .obj-pos-bl {
	-o-object-position: bottom left;
	object-position: bottom left;
}
.aspect__inner .obj-pos-bc {
	-o-object-position: bottom center;
	object-position: bottom center;
}
.aspect__inner .obj-pos-br {
	-o-object-position: bottom right;
	object-position: bottom right;
}

/* ------------------------------ */
/* HEADER                         */
/* ------------------------------ */

header.header-appear nav.bootsnav.header-light-transparent .navbar-nav > li > a.active, header.header-appear nav.bootsnav.header-light .navbar-nav > li > a.active, header nav.navbar .navbar-nav > li > a.active, nav.navbar.bootsnav ul.nav > li > a.active {
    color: #ff214f;
}

@media (max-width: 991px){
	nav.navbar.bootsnav.no-full .navbar-collapse.collapsing {
    overflow-y: hidden !important;
		overflow-x: hidden !important;
	}
	nav.navbar.bootsnav.no-full .navbar-collapse.show {
    max-height: 335px;
    overflow-y: auto !important;
		overflow-x: hidden !important;
	}
}

/* ------------------------------ */
/* SECTION                        */
/* ------------------------------ */

section.top-section {
	padding-top: 66px;
}

@media (min-width: 992px) {
   section.top-section {
		padding-top: 72px;
	}
}