 /* Custom CSS  */
 
body {
     font-family: 'Roboto', sans-serif;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
     color: #4D5156
 }

a {
    color: #5A95F5;
    text-decoration: none;
    background-color: transparent;
}


.border-radius-0 {
    border-radius: 0
}
.font-style-normal {
    font-style: normal !important
}

/* header  */

   .hero-cover {
     background-image: url(../images/bg-white-cloud-sky.jpg);
     background-repeat: no-repeat;
     background-size: cover;
     background-position: left top;
   	/* background-image: linear-gradient(to top, #fddb92 0%, #d1fdff 100%);
   	background-image: linear-gradient(to top, #d299c2 0%, #fef9d7 100%);
   	background-image: linear-gradient(-225deg, #77FFD2 0%, #6297DB 48%, #1EECFF 100%); */
 }
 
   .bg-reg {
     background-color: #F9F9F9; !important;
     /*  background-image: url(../images/bg-140-top.jpg);
     width: 100%;
     background-repeat: no-repeat;
     background-position: left bottom; 
     background-image: linear-gradient(to top, #fddb92 0%, #d1fdff 100%); */
 }
 
   .hero-section {
     /* background-color: #D9EBF5;
     background-image: url(../images/bg-content.jpg);
     width: 100%;
     background-repeat: no-repeat;
     background-position: left top; 
     background-image: linear-gradient(-225deg, #77FFD2 0%, #6297DB 48%, #1EECFF 100%); */
 }

/* buttons */

.btn-reg,
.btn-close {
  color: #ffffff;
  background-color: #2A64D4;
  border-radius: 2px;
  padding-left:25px;
  padding-right:25px;
}

.btn-reg:hover,
.btn-close:hover {
  color: #ffffff;
  background-color: #3F73D9;
}


/* content */

.single-col-max {
     max-width: 760px
 }

.theme-bg-light {
     background: #f6f8fc
 }

.theme-bg-light-gradient {
     background-image: -webkit-gradient(linear, left top, left bottom, from(#FFFBEE), color-stop(70%, #fff));
     background-image: linear-gradient(to bottom, #FFFBEE 0%, #fff 70%);
     background-repeat: repeat-x
 }

 .footer .copyright {
     font-size: 0.875rem
 }
 .section-heading {
     font-size: 1.5rem;
     text-align:center;
     font-weight: bold;
 }
 .section-intro {
     font-size: 1rem
 }
 
 .hero-section .headline {
     font-weight: 700;
     font-size: 2.2rem;
 }
 .hero-section .subheadline {
     font-size: 1.2rem;
     line-height: 1.6rem;
 }
 .hero-quotes .quote {
     position: relative;
     border-left: 4px solid #4285F4;
     font-style: italic
 }
 .hero-quotes .quote:after {
     content: "";
     display: block;
     width: 0;
     height: 0;
     border-left: 10px solid transparent;
     border-right: 10px solid transparent;
     border-top: 10px solid #f6f8fc;
     position: absolute;
     bottom: -10px;
     margin-left: -10px;
     left: 2rem
 }
 .hero-quotes .source {
     vertical-align: middle;
     color: #6f75a7;
     font-size: 0.875rem
 }
 .hero-quotes .source-profile {
     width: 60px;
     height: 60px
 }
 .hero-quotes .carousel-indicators {
     bottom: -4rem
 }
 .hero-quotes .carousel-indicators li {
     border: none;
     background-color: #4285F4;
     width: 10px;
     height: 10px;
     border-radius: 50%;
     margin-left: 5px;
     margin-right: 5px
 }
 .book-cover-holder {
     position: relative
 }

 .benefits-section .item-inner {
     height: 100%
	font-size: 3rem;
 }
 .benefits-section .item-icon {

     color: #4285F4;
     padding-bottom: 10px
 }
 
 
  .benefits-section .item-icon1 {
   background-image: url('../icons/sale.svg');
   background-size: 85%;
   height: 150px;
    width: 150px;
    background-position: center;
    background-repeat: no-repeat;
    display: inline-block;
    background-color: #f3f7f6;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;    
 }
 
   .benefits-section .item-icon2 {
   background-image: url('../icons/buy.svg');
      background-size: 85%;
   height: 150px;
    width: 150px;
    background-position: center;
    background-repeat: no-repeat;
    display: inline-block;
    background-color: #f3f7f6;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;    
 }
 
   .benefits-section .item-icon3 {
   background-image: url('../icons/change.svg');
      background-size: 85%;
   height: 150px;
    width: 150px;
    background-position: center;
    background-repeat: no-repeat;
    display: inline-block;
    background-color: #f3f7f6;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;    
 }
 
 
 .benefits-section .item-heading {
     font-size: 1.4rem;
      font-weight: bold;
     margin-top: 20px;
 }
 .content-section .key-points-list {
     font-size: 1rem
 }
 .content-section .key-points-list li {
     margin-bottom: 1rem
 }
 .content-section .fa-check-circle {
     color: #4285F4
 }

 .reviews-section .item-inner {
     height: 100%;
     position: relative
 }
 .reviews-section .icon-holder {
     position: absolute;
     left: 50%;
     top: -18px;
     margin-left: -18px;
     display: inline-block;
     width: 36px;
     height: 36px;
     background: #FFA478;
     color: #fff;
     text-align: center;
     border-radius: 50%;
     padding-top: 6px
 }


 .theme-bg-primary a.theme-link {
     color: #fff;
     text-decoration: underline;
     -webkit-text-decoration-color: rgba(255, 255, 255, 0.5);
     text-decoration-color: rgba(255, 255, 255, 0.5)
 }
 .theme-bg-primary a.theme-link:hover {
     color: #fff;
     -webkit-text-decoration-color: #fff;
     text-decoration-color: #fff
 }
 @media (max-width: 575.98px) {
     .hero-quotes .quote:after {
         left: 50%;
         margin-left: -10px
     }
     .reviews-section .source-profile {
         margin-bottom: 0.5rem
     }
     .form-inline .form-control {
         width: 200px
     }
 }
 @media (max-width: 991.98px) {
     .section-heading {
     font-size: 1.5rem;
     text-align:center;
     font-weight: bold;
     }
     .section-intro {
         font-size: 1rem
     }
     .hero-section .headline {
     font-weight: bold;
     font-size: 2rem;
     }
     .hero-section .subheadline {
         font-size: 1.25rem;
	        line-height: 1.4rem;
     }
     .book-cover-holder .book-badge {
         width: 100px;
         height: 100px;
         background-size: 100px;
         background-image: url("../images/circle.svg");
         padding-top: 25px;
         font-size: 1.0rem
     }
 }


 /* footer  */

.footer-custom {
 background-color: #F9F9F9; !important;

/*
background-image: url(../images/bg_footer.jpg);
background-image: linear-gradient(to top, #fddb92 0%, #d1fdff 100%);
background-repeat: no-repeat;
background-size: cover;*/
*/
} 
 
 .footer-custom h3 {
     margin-top: 0;
     margin-bottom: 12px;
     font-size: 16px;
     color: #869199;
     opacity: 0.8
 }

.footer-custom ul {
     padding: 0;
     list-style: none;
     line-height: 1.6;
     font-size: 14px;
     margin-bottom: 0
 }


 .footer-custom a {
color: #869199;
     text-decoration: none;
          opacity: 0.8
 }
 
 .footer-custom a:hover {
color: #6C7780;
 }


@media(max-width:767px) {
     .footer-custom .item:not(.social) {
         text-align: center;
         padding-bottom: 20px
     }
 }

 .footer-custom .item.social {
     text-align: center
 }

@media(max-width:991px) {
     .footer-custom .item.social {
         text-align: center;
         margin-top: 20px
     }
 }

.footer-custom .item.social > a {
     font-size: 20px;
     width: 36px;
     height: 36px;
     line-height: 36px;
     display: inline-block;
     text-align: center;
     border-radius: 50%;
     box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.4);
     margin: 0 8px;
     color: #707981;
     opacity: 0.75
 }

.footer-custom .item.social > a:hover {
     opacity: 0.9
 }


/* flag icons  */

.flag-icon-se {
  background-image: url(../flags/4x3/se.svg);
}

.flag-icon-fi {
  background-image: url(../flags/4x3/fi.svg);
}

.flag-icon-background {
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
}
.flag-icon {
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
  position: relative;
  display: inline-block;
  width: 1.33333333em;
  line-height: 1em;
}
.flag-icon:before {
  content: "\00a0";
}

input[type="text"], textarea {
  background-color : #FFFFFF; 
}

input.error {
    border-color: red;
}
div.error {
    margin-top: 0.5rem;
    font-size:0.7rem;
    color: red;
}
.form-control.error:focus {
    color: #495057;
    background-color: #fff;
    border-color: #f1b0b7;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(255,0,0,.25);
}

.h-text {
color:#8A8A8A;
font-size:0.6rem;
line-height:110%;
margin-left:10px
}
.h-text a {
text-decoration: underline;
color:#8A8A8A;
}

.i-text {
color:#5F6A71; 
font-size:0.9rem;
line-height:115%;
/* background-color:#FFF; 
border: 2px solid white; */
padding: 5px 5px 5px 5px;
margin-left:10px;
}

.i-text a {
text-decoration: underline;
color:#5F6A71; 
}

.d-text {
color:#5F6A71; 
/* color:#47494E; */
/* background-color:#FFF; */
/* padding: 5px 5px 5px 5px; */
/* border: 1px solid red; */
font-size:0.88rem;
line-height:115%;
margin-left:10px
}
.d-text a {
text-decoration: underline;
color:#5F6A71; 
}

.vehicle-registration-success {
    display: none;
}

.success-message {
    position: absolute;
    top: 50%;
    left: 50%;
    text-align: center;
     /* width: 500px;   */
     width: 100%;
    min-height: 250px;
    padding: 60px 30px 30px;
    background: #fff;
    transform: translate(-50%, -50%);
    border-radius: .3rem;
}

.success-message__icon {
    max-width: 75px;
}

.success-message__title {
    margin: 20px 0;
    color: #5F6368;
}

.icon-checkmark circle {
    fill: #3DC480;
    transform-origin: 50% 50%;
    transform: scale(0);
    transition: transform 200ms cubic-bezier(.22, .96, .38, .98);
}

.icon-checkmark path {
    transition: stroke-dashoffset 350ms ease;
    transition-delay: 100ms;
}

.icon-checkmark.active circle {
    transform: scale(1);
}

.btn-close {
    min-width: 100px;
}

.big-checkbox {
	width: 22px;
	height: 22px;	
	}

.navbar-mobile ul {
  z-index:999;
  display: block;
  position: absolute;
  top: 58px;
  right: 15px;
  bottom: 15px;
  padding: 10px 0;
  border-radius: 10px;
  background-color: #F4F8FC;
  overflow-y: auto;
  transition: 0.3s;
  width: 200px;
  height: 300px;
 font-size: 1.9rem;
}

.navbar ul {
  z-index:999;
  display: block;
  position: absolute;
  top: 58px;
  right: 15px;
  bottom: 15px;
  padding: 10px 0;
  border-radius: 10px;
  background-color: #F4F8FC;
  overflow-y: auto;
  transition: 0.3s;
  width: 200px;
  height: 300px;
   font-size: 0.95rem;
}

.navbar-nav .nav-link {
    padding-right: 15px;
    padding-left: 15px;
    text-align:left;
}

.navbar-collapse {
    position: absolute;
    right: 5px;
    top: 15px;
}

.navbar-toggler>.close {
    display:inline;
}



h1 {
   /*  font-size: 32px;
  font-weight: normal
  color: #37517e;
  text-transform: none;  */
  margin-bottom: 20px;
  padding-bottom: 20px;
  position: relative;

}

.accordion-section .panel-default > .panel-heading {
    border: 0;
    background: #F3F7F6;
    padding: 0;
}
.accordion-section .panel-default .panel-title a {
    display: block;
    font-size: 1rem;
    text-decoration: none;
}
.accordion-section .panel-default .panel-title a:after {
    font-family: 'FontAwesome';
    font-style: normal;
    font-size: 1.2rem;
    content: "\f106";
    color: #5A95F5;
    float: right;
}
.accordion-section .panel-default .panel-title a.collapsed:after {
    content: "\f107";
}
.accordion-section .panel-default .panel-body {
    font-size: 1rem;
}

 /* formcontrol placeholder opacity default 1.0  */
 
 .form-control::-webkit-input-placeholder {
  color: #6c757d;
  opacity: 0.7;
}

.form-control::-moz-placeholder {
  color: #6c757d;
  opacity: 0.7;
}

.form-control:-ms-input-placeholder {
  color: #6c757d;
  opacity: 0.7;
}

.form-control::-ms-input-placeholder {
  color: #6c757d;
  opacity: 0.7;
}

.form-control::placeholder {
  color: #6c757d;
  opacity: 0.7;
}


.form-control-xl {
    height: calc(1.5em + 1rem + 2px);
    padding: .5rem 1rem;
    font-size: 1.75rem;
    line-height: 1.5;
    border-radius: .3rem;
}
