@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; }

/* Links */
a.link-p, a.link-p:active, a.link-p:focus { color: #00aced; text-decoration: none; }
a.link-p:hover, a.link-p:active{color: #00aced; text-decoration: none;}

/* Structure */

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)
}

/* ------------------------------ */
/* WOW PLUGIN                     */
/* ------------------------------ */

.wow {display:none!important;}
.wow.play {display:block!important;}

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

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

.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;
  }
}



/* Colors */

.clr-txt-00aced {color: #00aced;}






.bg-scroll {
    /*background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    z-index: 999;*/
    -webkit-transform: translateX(0);
    transform: translateX(0);
		animation: bgZoom 60s ease infinite;
}

@keyframes bgScroll {
  0% { 
		-webkit-transform: translateX(0);
		transform: translateX(0); 
  }
  50% { 
    -webkit-transform: translateX(-5%);
		transform: translateX(-5%);  
  }
  100% { 
    -webkit-transform: translateX(0);
		transform: translateX(0);  
  }
}

@keyframes bgZoom {
  0% { 
		-webkit-transform: scale(1.0); 
		transform: scale(1.0); 
  }
  50% { 
    -webkit-transform: scale(1.1); 
		transform: scale(1.2); 
  }
  100% { 
    -webkit-transform: scale(1.0); 
		transform: scale(1.0);  
  }
}

@-webkit-keyframes move {
  0% {
    -webkit-transform-origin: bottom left;
    -moz-transform-origin: bottom left;
    -ms-transform-origin: bottom left;
    -o-transform-origin: bottom left;
    transform-origin: bottom left;
    transform: scale(1.0);
    -ms-transform: scale(1.0);   
    -webkit-transform: scale(1.0);   
    -o-transform: scale(1.0);
    -moz-transform: scale(1.0);
  }
  100% {
    transform: scale(1.2);
    -ms-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2);
    -moz-transform: scale(1.2);
  }
}

/* ------------------------------ */
/* ROW GUTTERS                    */
/* ------------------------------ */

.gutters-10 {
    margin-right: -10px;
    margin-left: -10px;
}
.gutters-10 > .col, .gutters-10 > [class*="col-"] {
    padding-right: 10px;
    padding-left: 10px;
}

/* ------------------------------ */
/* FORM / INPUT                   */
/* ------------------------------ */

.select-style {
    width: 100%;
    overflow: hidden;
    background: url(../images/select-arrow.png) no-repeat 97% 50%;
    border: 0px solid #d1d1d1;
    margin-bottom: 20px;
}

.select-style select {
    width: 100%;
    border: none;
    box-shadow: none;
    background-color: transparent;
    background-image: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid #d1d1d1;
    cursor: pointer;
}

.select-style select:focus { 
	outline: none; 
	border: none; 
	box-shadow: none; 
	/*box-shadow: 0 0 0px 1px #585858 !important;*/
	border: 1px solid #585858;
}

/* Checkbox */

.custom-control {
    padding-left: 30px;
}

.custom-control-label::after {
    top: 1px;
    left: -30px;
    width: 20px;
    height: 20px;
}

.custom-control-label::before {
    top: 1px;
    left: -30px;
    width: 20px;
    height: 20px;
}

.custom-checkbox .custom-control-label::after {
	cursor: pointer;
}

.custom-checkbox .custom-control-label::before {
	box-shadow: none!important;
	outline: none!important;
	border-radius: 0!important;
	/*border: #d1d1d1 solid 1px;*/
	border-color: #d1d1d1!important;
}

.custom-checkbox input:focus {
    border-color: #585858 !important;
}
.custom-control-input:checked~.custom-control-label::before {
    color: #fff;
    border-color: #585858!important;
    background-color: #585858!important;
}
.custom-control-input:not(:disabled):active~.custom-control-label::before {
    color: #fff;
    background-color: #fff;
    border-color: #d1d1d1;
}
/* Error Validate Class*/
.required-error {
    border: 1px solid #ee2323 !important;
}

.select-style select.required-error:focus { 
	border: 1px solid #585858!important;
}

.required-error+.custom-control-label::before {
	border-color: #ee2323!important;
}

/* ------------------------------ */
/* ICONS                          */
/* ------------------------------ */

.icon-round-extra-small {border-radius: 100%; display: table-cell; height: 48px; margin: 0 auto; text-align: center; vertical-align: middle; width: 48px; font-size:20px}