/*==================================
Template Name: Euro
Description: Euro Website
Version: 1.0
====================================*/
/*-------------------------------------------------------------------------------------- */
/*----------------------------------------*/
/* INDEX
/*----------------------------------------*/

1. Home Page css
2. Event Page css
3. Questions Page css
4. Assistance Page css
5. Contact Page css
6. About Page css
7. Login Modal css

/*-------------------------------------------------------------------------------------- */
/*----------------------------------------*/
/*-- Common Style --*/
*, *::after, *::before {
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

html, body {
  height: 100%; }

body {
  background-color: #ffffff;
  line-height: 24px;
  font-size: 16px;
  visibility: visible;
  font-family: 'Geometria', Arial,sans-serif;
  color: #000; }

h1, h2, h3, h4, h5, h6 {
  color: #000;
  font-family: 'Geometria-Medium';
  margin-top: 0; }

h1 {
  font-size: 36px;
  line-height: 42px; }

h2 {
  font-size: 32px;
  line-height: 36px; }

h3 {
  font-size: 24px;
  line-height: 30px; }

h4 {
  font-size: 18px;
  line-height: 24px; }

h5 {
  font-size: 14px;
  line-height: 18px; }

h6 {
  font-size: 12px;
  line-height: 14px; }

p:last-child {
  margin-bottom: 0; }

a, button {
  color: inherit;
  display: inline-block;
  line-height: inherit;
  text-decoration: none;
  cursor: pointer; }

a, button, img, input, span {
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s; }

*:focus {
  outline: none !important; }
.btn:focus {
  outline: none;
}
button:focus{
    outline: none!important;
    box-shadow:none;
}
.btn:focus, .btn:active:focus, .btn.active:focus {
    box-shadow: none !important;
}.btn:focus {
    outline: none;
}

.btn:focus,.btn:active:focus,.btn.active:focus,
.btn.focus,.btn:active.focus,.btn.active.focus {
    outline: none;
}
.btn-primary.focus, .btn-primary:focus {
    -webkit-box-shadow: none!important;
    box-shadow: none!important;
}
a:focus {
  color: inherit;
  outline: none;
  text-decoration: none; }

a:hover {
  text-decoration: none;
 }

button, input[type="submit"] {
  cursor: pointer; }

ul {
  list-style: outside none none;
  margin: 0;
  padding: 0; }
.no-padding{padding-left: 0px;padding-right: 0px}



/*----------------------------------------*/
/*  Preloader css
/*----------------------------------------*/
#loading {
    background-color: #fff;
    height: 100%;
    width: 100%;
    position: fixed;
    margin-top: 0px;
    top: 0px;
    z-index: 99999;
}
.lds-dual-ring {
  display: inline-block;
  width: 64px;
  height: 64px;    position: absolute;
    left: 48%;
    top: 50%;
    z-index: 99999999;
}
.lds-dual-ring:after {
  content: " ";
  display: block;
  width: 46px;
  height: 46px;
  margin: 1px;
  border-radius: 50%;
  border: 5px solid #c61f17;
  border-color: #c61f17 transparent #c61f17 transparent;
  animation: lds-dual-ring 1.2s linear infinite



}

@keyframes lds-dual-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}






/*----------------------------------------*/
/*  scroll-top-top css
/*----------------------------------------*/

.scroll-top-top {
    background-color: #c61f17;
    bottom: 15px;
    right: 20px;
    position: fixed;
    width: 50px;
    height: 50px;
    cursor: pointer;
    display: none;
    z-index: 129;
    border-radius: 5px 5px 0 0px;
}.scroll-top-top:hover{
    background-color: #b3120a

}
.scroll-top-top i {
    color: #fff;
    text-align: center;
    display: block;
    font-size: 20px;
    padding-top: 15px;
}

/*----------------------------------------*/
/*1.  Home Page css
/*----------------------------------------*/
#header-top{}
#header-top{
  margin: auto;
  background: #ffffff;
  -webkit-transition: all 0.8s;
  -o-transition: all 0.8s;
  transition: all 0.8s;
  z-index: 9999;
  padding: 0;

}

.position-nav{position: relative;}
.custom-toggler .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(160, 39, 36)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

.mobile-nav {
  position: relative;

}
.custom-toggler.navbar-toggler {
  border-color: rgb(160, 39, 36);
}
/*Moblie menu active class*/
.mobile-nav ul li a.active{
  color: #0e3a63 !important;
  opacity: 0.60 !important;
}
.toggle-mobile-nav{position: relative;}


.modal {
  z-index: 9999;
}




#header-top nav.fixed-top {
  padding: 14px 0;
  -webkit-box-shadow: 0px 0px 40px rgba(180, 180, 180, 0.25);
  -o-box-shadow: 0px 0px 40px rgba(180, 180, 180, 0.25);
  -moz-box-shadow: 0px 0px 40px rgba(180, 180, 180, 0.25);
  -ms-box-shadow: 0px 0px 40px rgba(180, 180, 180, 0.25);
  box-shadow: 0px 0px 40px rgba(180, 180, 180, 0.25);
  border-top: 1px solid #e6e6e6;
  border-bottom: 3px solid #c61f17;
}

.main-menu ul {
    padding-left: 20px;
}
.main-menu ul {
  margin: 0;
  padding: 0;
  padding-left: 0;
  padding-top: 5px;
  display: block;
  margin: 0px auto;
}
.main-menu ul li.nav-item{float: left;list-style: none}
.main-menu ul li.active a.nav-link {color: #0e3a63 !important;opacity: 0.60 !important}
.main-menu ul li.nav-item a.nav-link {
  color: #0e3a63;
  font-size: 14px;
font-family: 'Geometria-Bold';
  letter-spacing: 1px;
  text-transform: uppercase;
  display: block;
  padding: 10px 18px;
}

.main-menu ul li.nav-item a:hover{    color: #0e3a63 !important;
  opacity: 0.8 !important;}
.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
  color: #c61f17;
}
.logo{}
.logo a img {
  width: 230px;
  height: 100%;
  -webkit-transition: all 0.8s;
  -o-transition: all 0.8s;
  transition: all 0.8s;
}
.m-disply{display: none}

.languages {
  display: block;
  text-align: center;
}
.languages ul {
  padding: 0px;
  margin: 0px auto;
  display: inline-block;
  text-align: center;
}
.languages ul li {
  float: left;
  list-style: none;
  margin: 0px auto;
  text-align: center;
  display: block;
}
.languages ul li a.login {
  color: #c61f17;  opacity: 1;
  text-transform: capitalize;font-family: 'Geometria-Bold';
  padding-right: 50px;
}
.languages ul li a.active {
  color: #0e3a63;  opacity: 1;}
.languages ul li a {
  color: #0e3a63;
  font-size: 14px;
  letter-spacing: 1px;
  text-transform: uppercase;font-family: 'Geometria-Medium';
  opacity: 0.5;
  font-weight: 300;
  padding-right: 28px;
}
.languages ul li a::last-child{padding-right: 0px}
.languages ul li a:hover{}
.{}
#home-banner2{ background: url(../images/foundation-bg.jpg) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;height:440px;position: relative;margin-top: 80px;}
.home-banner-opacity{position: relative;}

.home-banner-opacity{

  background-image: -moz-linear-gradient(left, rgba(0,0,0,0.42), rgba(0,0,0,0.0));
  background-image: -webkit-linear-gradient(left, rgba(0,0,0,0.42), rgba(0,0,0,0.0));
  background-image: -o-linear-gradient(left, rgba(0,0,0,0.42), rgba(0,0,0,0.0));
  background-image: -ms-linear-gradient(left, rgba(0,0,0,0.42), rgba(0,0,0,0.0));
  background-image: linear-gradient(left, rgba(0,0,0,0.42), rgba(0,0,0,0.0));
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#e5000000', endColorstr='#fe000000');

  position: absolute;
  width: 100%;
  height: 100%;

}
.banner-caption{}
.banner-caption{
  padding-top: 42px;
  padding-bottom: 42px;
}
.banner-caption h1{    font-size: 72px;color: #fff;font-family: 'Geometria-Bold';letter-spacing: 1px;line-height: 1.17;padding: 24px 0 24px 0}
.banner-caption p{color: #fff;
    padding: 15px 0 30px 0; font-size: 20px;
    line-height: 1.55;
font-family: 'Geometria-Medium';


}

.learn-more-btn{margin-top: 45px;position: relative;}
.learn-more-btn button.btn-primary {
  padding: 18px 60px;
  display: inline-block;
  font-size: 16px;
  color: #000;
font-family: 'Geometria-Medium';
  border-radius: 30px;
  background-color: #fff;
  border: 0px;
  text-decoration: none;
}
.learn-more-btn:hover button:hover {color: #c61f17}
.learn-more-btn a.animate-arrow{}
/*Scroll Animate Icon*/
#arrow-icon {
  position: relative;
  width: 100%;
  height: 100%;
}



#arrow-icon a {
  padding-top: 60px;
}
#arrow-icon a span {
  position: absolute;
  top: 280px;
  left: 50%;
  width: 25px;
  height: 25px;
  margin-left: -12px;
  border-left: 2px solid #fff;
  border-bottom: 2px solid #fff;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-animation: sdb04 2s infinite;
  animation: sdb04 2s infinite;
  box-sizing: border-box;
}
@-webkit-keyframes sdb04 {
  0% {
    -webkit-transform: rotate(-45deg) translate(0, 0);
  }
  20% {
    -webkit-transform: rotate(-45deg) translate(-10px, 10px);
  }
  40% {
    -webkit-transform: rotate(-45deg) translate(0, 0);
  }
}
@keyframes sdb04 {
  0% {
    transform: rotate(-45deg) translate(0, 0);
  }
  20% {
    transform: rotate(-45deg) translate(-10px, 10px);
  }
  40% {
    transform: rotate(-45deg) translate(0, 0);
  }
}


.col-lg-12, .col-md-12{
    min-height: 0px;
}








.red-panel h2{font-size: 32px;}


#what-we-offer{padding: 70px 0}



#business-tools{}
.section-title{margin-bottom: 70px}
.section-title h2{
	font-size: 42px;
	line-height: 1.23;
	font-family: 'Geometria-Bold';
}
.business-tool{}
.business-tool h3 {
  font-size: 32px;
  line-height: 1.23;
  font-family: 'Geometria-Bold';
  padding-bottom: 45px;
}
.business-tool p{font-family: 'Geometria-Medium';}
.{}
.profit-section{}
.profit-section h4 {
  font-size: 24px;
  color: #c61f17;
  text-align: center;
  border-bottom: 1px solid #ccc;
  padding-bottom: 20px;
  margin-bottom: 20px;
}
.profit-section p {
  font-size: 16px;
  line-height: 1.55;
  display: block;font-family: 'Geometria-Medium';
}
.m-display{display: none}
h3.small-device-title{
    font-size: 32px;
    line-height: 1.23;
    font-family: 'Geometria-Bold';
    padding-bottom: 50px;
}
.partner-subtitle{    font-size: 22px;
    line-height: 28px;
    font-family: 'Geometria-Bold';
    padding-bottom: 10px;}


.client-review p span.name {
  font-family: 'Geometria-Bold';
}






#business-system {
  padding-top: 100px;
}
#business-system .padding-top{
  padding-top: 100px;
}
.business-system p {
  font-size: 16px;
  line-height: 30px;
  font-family: 'Geometria-Bold';margin-top: -8px
}
.business-system img{}
.business-system-left{}
.business-system-left h3{font-size: 32px;
line-height: 1.23;
font-family: 'Geometria-Bold';
color: #000;margin-bottom: 40px}
.business-system-left p {
  font-size: 16px;
  line-height: 25px;
font-family: 'Geometria-Medium';
}
.business-system-left ul.business-system-list{}
.business-system-left ul.business-system-list li{font-family: 'Geometria-Medium';}
.{}
#full-width-gallery{padding: 75px 0}
.flex-column {
  min-width: 25%;
  transition: transform 0.15s linear /* Animation */
}
#full-width-gallery div.gallery-div {
    max-width: 100%;
    height: 253px;
}

.gallery-thumb img:hover {
  transform: scale(1.04);
  -moz-transform: scale(1.04);
  -ms-transform: scale(1.04);
  -webkit-transform: scale(1.04);
  -o-transform: scale(1.04);
  position: relative;
  z-index: 2;
  -webkit-box-shadow: 0 2px 20px 2px rgba(0,0,0,.45);
  -moz-box-shadow: 0 2px 20px 2px rgba(0,0,0,.45);
  box-shadow: 0 2px 20px 2px rgba(0,0,0,.45);cursor: zoom-in;
}
 .gallery-thumb img.orgin-right{
  transform-origin: right;
}
 .gallery-thumb img.orgin-left{
  transform-origin: left;
}

#event-width-gallery .gallery-thumb a , #full-width-gallery .gallery-thumb a {
  width: 100%;
  height: 100%;
  display: block;
  margin: 0px auto;
  text-align: center;
}
/*#full-width-gallery div.gallery-div {
  width: 100%;
  height: 100%;
}
#event-width-gallery div.gallery-div {
  width: 100%;
  height: 100%;
}

*/
.gallery-bg {
  background-color: #1c3051;
}



#testimonial {
  margin-bottom: 150px;
  margin-top: 45px;
}
.testimoni-carousel {
  background-color: #ededed;
  padding: 45px 52px 60px 52px;
  margin: 0px 78px 0 78px;
}

.client-review::before{position: absolute;left: 0;top: 0;content: "";width: 30px;height: 30px;background: url(../images/quote.png) no-repeat center center ;background-size:100% }

.client-review {
  position: relative;
  padding-left: 40px;
  padding-right: 40px;
  padding-top: 20px;
}
.client-review p {
  font-size: 18px;
  line-height: 1.55;
  font-family: 'Geometria-Medium';
  margin-bottom: 20px;
}
.client-review p:last-child {
  font-size: 14px;
  margin-bottom: 0;
}
.client-review p span.name{color: rgb(198, 31, 23);font-size: 14px}
.testimoni-carousel .carousel-indicators .active {
  background-color: #c61f17;
}
.testimoni-carousel .carousel-indicators {
  bottom: -20px;cursor: position;
}
.carousel-indicators li {

  cursor: pointer;
}
.{}
.{}
#have-question {
  padding-bottom: 120px;
}

.question-title{}
.question-title h1{margin-bottom: 40px;line-height: 1.23;font-size: 42px;font-family: 'Geometria-Bold'}
.question-title p{line-height: 1.5;font-family: 'Geometria-Medium';}
#have-question form .home-form{padding-top: 45px}
.privacy-policy-form {
  padding-top: 15px;
}
#have-question form .appoinment-form input[type=text] {
color: #000000;
border: 1px solid #bbbbbb;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
opacity: 0.5;
  height: 60px;
  padding: 0 20px;
  font-size: 16px;
  line-height: 1.33;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  outline: none;
  -webkit-appearance: none;
}
#have-question form .appoinment-form input[type="text"]:focus, #have-question form .appoinment-form input[type="email"]:focus,  textarea:focus {
  -webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;
  outline: none;
  border: 1px solid #c61f17;
  box-shadow: none;
  -webkit-box-shadow: none;
}
.privacy-policy-form p{font-size: 14px;color: #bbbbbb;font-family: 'Geometria-Medium';}
#have-question form .appoinment-btn button{}
#have-question form .appoinment-btn button:hover{background: #b3120a!important;  -webkit-transition: all 0.8s;
  -o-transition: all 0.8s;
  transition: all 0.8s;}
#have-question form .appoinment-btn button.btn-primary {
  text-align: center;
  height: 60px;
  font-size: 16px;
  padding-left: 55px;
  padding-right: 55px;
  cursor: pointer;
  margin: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  outline: none;
  background: #c61f17;
  border-radius: 30px;
  border: 0px;
  color: #fff;
  font-family: 'Geometria-Bold';
}
.{}
#footer-section{
  padding-top: 60px;
  padding-bottom: 75px;
  background-color: #182b3d;
}
.footer-menu{}
.footer-menu ul{margin: 0px;padding: 0px;}
.footer-menu ul li {
  list-style: none;
  display: inline-block;
}
.footer-menu ul li a {
  float: left;
  color: #fff;
  font-size: 14px;
  display: block;
  font-family: 'Geometria-Bold';
  padding: 5px 15px;
}
.footer-menu ul li a:hover{color: #ddd;-webkit-transition: all 0.8s;
  -o-transition: all 0.8s;
  transition: all 0.8s;}
.copy-write p{color: #fff;
  font-size: 14px;
  filter: alpha(opacity=70);
  KHTMLOpacity: .7;
  MozOpacity: .7;
  opacity: .7;
  padding-top: 40px;
  padding-bottom: 10px;  font-family: 'Geometria-Bold';
}
.{}
.{}

/*Popup form css*/
#popup-form .modal-dialog {
  max-width: 560px;
  margin: 60px auto;position: relative;
}
#popup-form .modal-content {
  border-radius: 0;
}
#popup-form .modal-content {
  border-radius: 0;
  padding: 40px;
}
#popup-form .modal-header {
  position: relative;
  right: 0;
  top: 0;border-bottom: 0px;position: absolute;
}
#popup-form .modal-header button span{}
.form-title{margin-bottom: 24px}
.form-title h1{margin-bottom: 11px;font-size: 36px;line-height: 1.23;color: #000; font-family: 'Geometria-Bold';}
.form-title p{font-size: 14px;line-height: 1.55;text-align: center;}





 input[type="email"].input-active, input[type="email"]:focus, input[type="text"].input-active, input[type="text"]:focus, textarea.input-active, textarea:focus, input[type="password"].input-active, input[type="password"]:focus, input[type="number"].input-active, input[type="number"]:focus {
  background-position: 0 0;
  box-shadow: none;
  outline: 0;
  border: 1px solid #c9c9c9;
  -webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;
}

.form-field input[type="email"], .form-field input[type="text"], .form-field textarea, .form-field input[type="password"], .form-field input[type="number"] {
  position: relative;
  z-index: 2;
  margin-bottom: 25px;
  width: 100%;
  display: block;
  border: 1px solid #c9c9c9;
  border-radius: 4px;
  height: 60px;
  padding: 0 20px;
  font-size: 16px;
  line-height: 1.33;
  will-change: background-position;
  transition: all .3s cubic-bezier(.64, .09, .08, 1);
  background-position: -1920px 0;
  background-size: 100%;
  background-repeat: no-repeat;
  color: #000;
}

.send-btn{}
.send-btn button.btn-primary {
  display: block;
  background-color: #c61f17;
  border: 0;
  height: 54px;
  width: 100%;
  border-radius: 30px;
  font-size: 16px;
  margin-bottom: 20px;font-family: 'Geometria-Bold';
}
.form-privacy{}
.form-privacy p{line-height: 1.55;font-size: 13px;text-align: center;}
#popup-form .modal-header button span {
  font-size: 35px;
  line-height: 5px;
  font-weight: 300;
}








/*----------------------------------------*/
/*  2.Event Page Css
/*----------------------------------------*/

#events-banner {
  background: url(../images/events-bg.jpg) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-attachment: fixed;
  background-size: cover;
  min-height: 100vh;
  position: relative;
}

.events-opacity {

  background-image: -moz-linear-gradient(top, rgba(0,0,0,0.40), rgba(0,0,0,0.30));
  background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.40), rgba(0,0,0,0.30));
  background-image: -o-linear-gradient(top, rgba(0,0,0,0.40), rgba(0,0,0,0.30));
  background-image: -ms-linear-gradient(top, rgba(0,0,0,0.40), rgba(0,0,0,0.30));
  background-image: linear-gradient(top, rgba(0,0,0,0.40), rgba(0,0,0,0.30));
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#99000000', endColorstr='#b2000000');

  position: absolute;
  width: 100%;
  height: 100%;


}


.event-caption {
  padding: 180px 0;
}
.event-caption h1 {
  padding-top: 42px;
  padding-bottom: 50px;font-size: 52px;color: #fff;line-height: 1.23;font-family: 'Geometria-Bold';position: relative;
}
.event-caption h1::after{position: absolute;content: "";left: 0;right: 0;text-align: center;display: block;border-bottom:1px solid#fff;width: 160px;margin:0px auto;bottom: 0}
.event-caption p {
  color: #fff;
  margin-top: 43px;
  padding: 0 50px;
  margin-bottom: 0;
  font-size: 20px;
  line-height: 30px;font-family: 'Geometria-Medium';
}
#upcoming-event {
  padding: 140px 0;
}
.event-section-title {margin-bottom:90px}
.event-section-title h2{margin-bottom: 20px;font-size: 42px;line-height: 1.23;font-family: 'Geometria-Bold';}
.event-item{}
.event-item a{}
.event-item a:hover{color: #000}
.event-item a.card{}
.event-item a.card img.card-img-top{}
.event-item .card {
  border: 0px;
  border-radius: 0px 0px 0px 0px;
}
.event-item .card .card-img-top {
  width: 100%;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  background-color: #ededed;
}
.event-item .card .card-body{padding: 0px}
.event-item .card .card-body span {
  color: #c61f17;
  font-size: 14px;
  margin-bottom: 8px;
  letter-spacing: 2.5px;
  font-family: 'Geometria-Bold';
  display: block;
  margin-top: 8px;
}
.event-item .card .card-body h5{  font-family: 'Geometria-Bold';font-size: 20px;line-height: 1.35;color:#000;}
.event-item .card .card-body p{ font-family: 'Geometria-Medium';}
.let-go-btn{}
.let-go-btn a.btn-primary {
  background: #c61f17;
  font-size: 13px;
  border-radius: 50px;
  border: 0px;
  padding: 8px 16px;
  margin-top: 15px;color: #fff
}
.let-go-btn a:hover{background: #b3120a!important;  -webkit-transition: all 0.8s;
  -o-transition: all 0.8s;
  transition: all 0.8s;}
.{}
.{}
.video-section-title {margin-bottom:90px}
.video-section-title h2{margin-bottom: 20px;font-size: 42px;line-height: 1.23;font-family: 'Geometria-Bold';}
.{}
.video-event-item{}
.video-event-item h5{line-height: 1.55;font-size: 22px;font-family: 'Geometria-Bold';margin-top: 35px}
.pt-100{padding-top: 100px}
.{}

#event-width-gallery{padding-top: 135px}
.flex-column {
  max-width: 25%; transition: transform 0.15s linear /* Animation */
}
#event-width-gallery div.gallery-div {
    max-width: 100%;
    height: 253px;
}
.gallery-div {
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.gallery-thumb img:hover,.gallery-thumb div.gallery-div:hover {
  transform: scale(1.04);
  -moz-transform: scale(1.04);
  -ms-transform: scale(1.04);
  -webkit-transform: scale(1.04);
  -o-transform: scale(1.04);
  position: relative;
  z-index: 2;
  -webkit-box-shadow: 0 2px 20px 2px rgba(0,0,0,.45);
  -moz-box-shadow: 0 2px 20px 2px rgba(0,0,0,.45);
  box-shadow: 0 2px 20px 2px rgba(0,0,0,.45);cursor: zoom-in;
}
 .gallery-thumb img.orgin-right,.gallery-thumb div.orgin-right{
  transform-origin: right;
}
 .gallery-thumb img.orgin-left,.gallery-thumb div.orgin-left{
  transform-origin: left;
}
.gallery-thumb .gallery-div {
  width: 100%;
  height: 100%;
  background:no-repeat center center;
  background-size: cover;
}



/*----------------------------------------*/
/* 3. Questions Page Css
/*----------------------------------------*/
#question-banner{ background: url(../images/question-bg.jpg) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-attachment: fixed;
  background-size: cover;min-height: 100vh}
#question-banner{position: relative;}

.question-opacity {
  background-image: -moz-linear-gradient(top, rgba(0,0,0,0.40), rgba(0,0,0,0.30));
  background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.40), rgba(0,0,0,0.30));
  background-image: -o-linear-gradient(top, rgba(0,0,0,0.40), rgba(0,0,0,0.30));
  background-image: -ms-linear-gradient(top, rgba(0,0,0,0.40), rgba(0,0,0,0.30));
  background-image: linear-gradient(top, rgba(0,0,0,0.40), rgba(0,0,0,0.30));
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#99000000', endColorstr='#b2000000');

  position: absolute;
  width: 100%;
  height: 100%;

}
.question-caption {
  padding: 160px 0;
}
.question-caption h1 {
  padding-top: 42px;
  padding-bottom: 42px;font-size: 52px;color: #fff;line-height: 1.23;font-family: 'Geometria-Bold';position: relative;
}
.question-caption h1::after{position: absolute;content: "";left: 0;right: 0;text-align: center;display: block;border-bottom:1px solid#fff;width: 160px;margin:0px auto;bottom: 0}
.question-caption p {
  color: #fff;
  margin-top: 43px;
  padding: 0 50px;
  margin-bottom: 0;
  font-size: 20px;
  line-height: 30px;font-family: 'Geometria-Medium';
}

#question-section{padding-top: 70px;padding-bottom:50px}
.question-list{margin-bottom: 90px}
.question-list h4{font-size: 22px;color: #000;line-height: 1.35;margin-bottom: 20px;font-family: 'Geometria-Bold'}
.question-list ul{margin:0;padding: 0}
.question-list ul li{font-size: 18px;line-height: 1.55;position: relative;padding-left: 30px;font-family: 'Geometria-Medium';}
.question-list ul li span {
  position: absolute;
  left: 0;
}
.question-list p{font-size: 18px;line-height: 1.55;font-family: 'Geometria-Medium';}
.{}
/*----------------------------------------*/
/*  4. Assitance Page Css
/*----------------------------------------*/
#euro-assistance-banner{ background: url(../images/euro-bg.jpg) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-attachment: fixed;
  background-size: cover;min-height: 100vh}
#euro-assistance-banner{position: relative;}
.euro-assistance-opacity {
  height: 100%;
  background-image: -moz-linear-gradient(top, rgba(0,0,0,0.40), rgba(0,0,0,0.30));
  background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.40), rgba(0,0,0,0.30));
  background-image: -o-linear-gradient(top, rgba(0,0,0,0.40), rgba(0,0,0,0.30));
  background-image: -ms-linear-gradient(top, rgba(0,0,0,0.40), rgba(0,0,0,0.30));
  background-image: linear-gradient(top, rgba(0,0,0,0.40), rgba(0,0,0,0.30));
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#99000000', endColorstr='#b2000000');

  position: absolute;
  width: 100%;


}
.euro-assistance-caption {
  padding: 122px 0;
}
.euro-assistance-caption h1 {
  padding-top: 42px;
  margin-bottom: 16px;font-size: 72px;color: #fff;line-height: 1.17;font-family: 'Geometria-Bold';
}

.euro-assistance-caption p {
  color: #fff;
  margin-top: 0;
  padding: 0 50px;
  margin-bottom: 0;
  font-size: 16px;
  line-height: 30px;
  font-weight: 300;
}
.video-play-btn {
  position: relative;
  display: block;
  overflow: hidden;
  min-height: 100px;
  margin-top: 25px;
  margin-bottom: 10px;
}
.video-play-button {
  position: absolute;
  z-index: 10;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  box-sizing: content-box;
  display: block;
  width: 32px;
  height: 44px;
  /* background: #fa183d; */
  border-radius: 50%;
  padding: 18px 20px 18px 28px;
}

.video-play-button:before {
  content: "";
  position: absolute;
  z-index: 0;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 80px;
  height: 80px;
  background: #c61f17;
  border-radius: 50%;
  animation: pulse-border 1500ms ease-out infinite;
}

.video-play-button:after {
  content: "";
  position: absolute;
  z-index: 1;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 80px;
  height: 80px;
  background: #fa183d;
  border-radius: 50%;
  transition: all 200ms;
}

.video-play-button:hover:after {
  background-color: darken(#fa183d, 10%);
}

.video-play-button img {
  position: relative;
  z-index: 3;
  max-width: 100%;
  width: auto;
  height: auto;
}

.video-play-button span {
  display: block;
  position: relative;
  z-index: 3;
  width: 0;
  height: 0;
  border-left: 32px solid #fff;
  border-top: 22px solid transparent;
  border-bottom: 22px solid transparent;
}

@keyframes pulse-border {
  0% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity: 1;
  }
  100% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    opacity: 0;
  }
}



.video-overlay {
  position: fixed;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0,0,0,0.80);
  opacity: 0;
  transition: all ease 500ms;
}

.video-overlay.open {
  position: fixed;
  z-index: 1000;
  opacity: 1;
}

.video-overlay-close {
  position: absolute;
  z-index: 1000;
  top: 15px;
  right: 20px;
  font-size: 36px;
  line-height: 1;
  font-weight: 400;
  color: #fff;
  text-decoration: none;
  cursor: pointer;
  transition: all 200ms;
}

.video-overlay-close:hover {
  color: #fa183d;
}

.video-overlay iframe {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  /* width: 90%; */
  /* height: auto; */
  box-shadow: 0 0 15px rgba(0,0,0,0.75);
}



#euro-assistance-card {
  padding-top: 150px;
  padding-bottom: 100px;
}
.euro-card-section-title {
  padding-bottom: 160px;
}
.euro-card-section-title h1{font-size: 42px;margin-bottom: 40px;line-height: 1.23;font-family: 'Geometria-Bold'}
.euro-card-section-title p{font-size: 18px;line-height: 1.5}
.doucment-workflow {
  padding-bottom:70px;
}
.doucment-workflow:last-child{padding-bottom: 0px}
.doucment-workflow h5 {
  line-height: 1.35;
  font-size: 18px;
  color: #000;font-family: 'Geometria-Bold'
}
.doucment-workflow p{font-size: 15px;line-height: 1.55;font-weight: 400}
.david-card{}
.david-card img{}
.get-start-btn {
  padding-top: 80px;
  margin-bottom: 80px;
}
.get-start-btn a.btn-primary {
  background: #c61f17;
  font-size: 16px;
  border-radius: 50px;
  border: 0px;
  padding: 16px 60px;
  margin-top: 15px;
  font-family: 'Geometria-Medium';
}
.get-start-btn a:hover{background: #b3120a!important;  -webkit-transition: all 0.8s;
  -o-transition: all 0.8s;
  transition: all 0.8s;}
.company-seo{}
.company-seo img{max-width: 100%;height: 100%;display: block;}
.seo-info {
  padding-top: 150px;
}
.seo-info h4{
  color: #c61f17;
  font-size: 22px;
  font-weight: 600;line-height: 1.23;margin-bottom: 8px;
}
.seo-info span{font-size: 18px;color: #666;
margin-bottom: 28px;line-height: 1.55;display: block;position: relative;}
.seo-info span::after {
  position: absolute;
  left: 0;
  content: "";
  border-bottom: 2px solid #000;
  width: 55px;
  bottom: -22px;
}
.seo-info p {
  font-size: 18px;
  line-height: 1.55;
  padding-top: 28px;
  display: block;
}
.question-title2{}
.question-title2 h2{line-height: 1.23;font-size: 42px;margin-bottom: 70px;font-family: 'Geometria-Bold';}
.{}

/*----------------------------------------*/
/* 5. Conact Page Css
/*----------------------------------------*/
.{}
#map {
  height: 535px;
  width: 100%;
}

#contact-page {
  padding-top: 145px;
  padding-bottom: 140px;
}
.contact-section-title{margin-bottom: 90px;}
.contact-section-title h1{font-size: 42px;

line-height: 1.23;font-family: 'Geometria-Bold';margin-bottom: 40px}
.contact-section-title p{font-size: 22px;

line-height: 1.5;font-family: 'Geometria-Medium';}
.contact-address{}
.contact-address h3{color: #000000;

font-size: 22px;

font-weight: 600;line-height: 1.35;margin-bottom: 10px;font-family: 'Geometria-Medium';}
.contact-address p{color: #000000;
    font-size: 18px;line-height: 1.55;}
.pt-50{padding-top: 50px}


/*6 . About Page css*/

#parallax-effect{
background-image: -webkit-gradient( linear, left top, left bottom, from(rgba(0,44,82,1)), to(rgba(2,31,61,1)) );

background-image: -webkit-linear-gradient(top, rgba(0,44,82,1), rgba(2,31,61,1));

background-image: linear-gradient(to bottom, rgba(0,44,82,1), rgba(2,31,61,1));
}

.time-line-area {
  padding-top: 63px;
}
.time-line-area h3 {
  font-size: 42px;
  line-height: 1.55;
  color: #ffffff;
  font-family: 'Geometria-ExtraBold';
  text-align: center;
  padding-bottom: 40px;
}
.son-90 {
  position: absolute;
  left: 18%;
  top: -13px;
}
.son-90 h5{  color: #ffffff;
  font-size: 16px;  line-height: 1.55;font-family: 'Geometria-Bold';}

.timeline-left-05 {
  margin-left: 45px;
}
.son-08-position{padding-top: 110px}
.son-92 {
  position: absolute;
  left: 79px;
  top: -13px;
}
.son-93-right {
  margin-top: 35px;
}
.son-17 {
  padding-left: 22px;
}
.son-18{text-align: right;}
.timeline-left-tag p {
  margin-right: 47px;
}
.son-92 h5{  color: #ffffff;
  font-size: 16px;  line-height: 1.55;font-family: 'Geometria-Bold';}
.son-93 {
  position: absolute;
  right: 12%;
  top: -13px;
}
.son-93 h5{  color: #ffffff;
  font-size: 16px;  line-height: 1.55;font-family: 'Geometria-Bold';}
.son-right-08 {
  position: absolute;
  right: 48px;
  top: -13px;
}
.son-11-right {
  position: absolute;
  right: 73px;
  top: -13px;
}
.son-11-right h5 {
  color: #ffffff;
  font-size: 16px;
  line-height: 1.55;
  font-family: 'Geometria-Bold';
}
.son-right-08 h5{  color: #ffffff;
  font-size: 16px;  line-height: 1.55;font-family: 'Geometria-Bold';}
.son-right-08 p{
  color: #FFFFFF;
  line-height: 1.4;
  font-size: 14px;
}
.timeline-left-tag h4 {
  padding-right: 50px;
  text-align: right;
}
.timeline-right{padding-left: 22px}

.timeline-left-05 {
  margin-top: -13px;
}
.timeline-left-05 h4{}
.timeline-left-05 p{}
.timeline-left-07{}




#timeline {
  list-style: none;
  position: relative;
  margin:50px auto;
  width:100%;
}
#timeline:before {
  top: 0;
  bottom: 0;
  position: absolute;
  content: " ";
  width: 2px;
  background-color: #4997cd;
  left: 50%;
  margin-left: -1.5px;
}
#timeline .clearFix {
  clear: both;
  height: 0;
}
#timeline .timeline-badge {
  color: #fff;
  width: 25px;
  height: 25px;
  font-size: 1.2em;
  text-align: center;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -13px;
  background-color: #00345f;
  z-index: 6;
  border-radius: 50%;
  border: 1px solid #fff;
}
#timeline .timeline-badge span.timeline-balloon-date-day {
  font-size: 1.4em;
}
#timeline .timeline-badge span.timeline-balloon-date-month {
  font-size: .7em;
  position: relative;
  top: -10px;
}
#timeline .timeline-badge.timeline-filter-movement {
  background-color: #ffffff;
  font-size: 1.7em;
  height: 35px;
  margin-left: -18px;
  width: 35px;
  top: 40px;
}
#timeline .timeline-badge.timeline-filter-movement a span {
  color: #4997cd;
  font-size: 1.3em;
  top: -1px;
}
#timeline .timeline-badge.timeline-future-movement {
  background-color: #00345f;
  height: 30px;
  width: 80px;
  font-size: 16px;
  top: -15px;
  margin-left: -43px;
  border-width: 1px;
  border-color: #ffffff;
  border-radius: 3000px;
}
#timeline .timeline-badge.timeline-future-movement p {
  color: #fff;
  position: absolute;
  top: 1px;
  left: 21px;
  font-family: 'Geometria-Bold';
  line-height: 1.55;
}
#timeline .timeline-badge.timeline-future-movement a span {
  color: #4997cd;
  font-size: .9em;
  top: 0;
  left: 1px;
}
#timeline .timeline-movement {
  /* border-bottom: dashed 1px #4997cd; */
  position: relative;
  margin-bottom: 0;
}
#timeline .timeline-movement.timeline-movement-top {
  height: 60px;
}
/* #timeline .timeline-movement .timeline-item {
  padding: 20px 0;
} */
#timeline .timeline-movement .timeline-item .timeline-panel {

  color: #FFFFFF;padding-bottom: 20px;
  position: relative;

}
.timeline-panel h4 {
  color: #ffffff;
  line-height: 1.55;
  font-family: 'Geometria-Bold';
  font-size: 16px;
}
.timeline-panel p{color: #FFFFFF;line-height: 1.4;font-size: 14px}
#timeline .timeline-movement .timeline-item .timeline-panel .timeline-panel-ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

#timeline .timeline-movement .timeline-item .timeline-panel.credits  .timeline-panel-ul .lefting-wrap {
  float: right;
  width: 30%;
  height: 130px;
  background-color: floralwhite;
}
#timeline .timeline-movement .timeline-item .timeline-panel.credits  .timeline-panel-ul .righting-wrap {
  float: left;
  width: 70%;
  height: 130px;
  padding: 0 12px 0 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
#timeline .timeline-movement .timeline-item .timeline-panel.credits .timeline-panel-ul li {
  color: #666;
  width: 100%;
}
.clear {
  clear:both;
}
#timeline .timeline-movement .timeline-item .timeline-panel.debits  .timeline-panel-ul .lefting-wrap {
  float: left;
  width: 30%;
  height: 130px;
  background-color: floralwhite;
}
#timeline .timeline-movement .timeline-item .timeline-panel.debits  .timeline-panel-ul .righting-wrap {
  float: right;
  width: 70%;
  height: 130px;
  padding: 0 0 0 12px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
#timeline .timeline-movement .timeline-item .timeline-panel.debits .timeline-panel-ul li.img-wraping {
  width: 100%;
}
#timeline .timeline-movement .timeline-item .timeline-panel.debits .timeline-panel-ul li.img-wraping a img, #timeline .timeline-movement .timeline-item .timeline-panel.credits .timeline-panel-ul li.img-wraping a img {
    width: 100%;
    height: 130px;
}
#timeline .timeline-movement .timeline-item .timeline-panel.debits .timeline-panel-ul li {
  color: #666;
  width: 100%;
}
#timeline .timeline-movement .timeline-item .timeline-panel.credits .timeline-panel-ul li a.importo  {
  color: #468c1f;
  font-size: 1.3em;
  font-weight: 600;
}
#timeline .timeline-movement .timeline-item .timeline-panel.debits .timeline-panel-ul {
  text-align: left;
}
#timeline .timeline-movement .timeline-item .timeline-panel.debits .timeline-panel-ul a.importo {
  color: #e2001a;
  font-size: 1.3em;
  font-weight: 600;
}





#about-team-member{padding-top: 75px;padding-bottom: 130px}
.team-members{}
.team-members h4{  color: #c61f17;
  font-size: 22px;font-family: 'Geometria-Bold';margin-bottom: 4px;line-height: 1.35;}
.team-members img {
  display: block;
  width: 100%;
  margin-bottom: 35px;
}

.team-members span {
  color: #7a7a7a;
  font-size: 14px;
  line-height: 1.55;
  margin-bottom: 40px;
  display: block;position: relative;
}
.team-members span::after {
  position: absolute;
  left: 0;
  content: "";
  border-bottom: 2px solid #c61f17;
  width: 50px;
  bottom: -18px;
}
.team-members p{line-height: 1.55;font-size: 15px;}
.certificates-info{}
.certificates-info h1{
font-size: 40px;line-height: 1.23;font-family: 'Geometria-Bold';margin-bottom: 50px
}
.certificates-info p{}
.certificates{}
.certificates img{}
.{}



/*Parallax effect css*/
.left-circle {
  width: 100%;
  position: relative;
  float: left;height: 100%
}

.left-inner1 {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 6%;
  left: 43%;
}
.left-inner2 {
  padding-top: 300px;
  width: 600px;
  position: absolute;
  left: -320px;
  top: 15%;
}
.left-inner3 {
  padding-top: 300px;
  width: 425px;
  position: absolute;
  left: 20%;
  top: 73%;
}
.left-inner4 {
  padding-top: 238px;
  width: 300px;
  position: absolute;
  left: 0;
  top: 50%;
}

.right-circle{position: relative;}
.right-inner1 {
  width: 340px;
  position: absolute;
  left: -195px;
  top: 14px;
}
.right-inner2 {
  padding-top: 300px;  width: 300px;
  position: absolute;
  left: -153px;
}
.right-inner3 {
  padding-top: 331px;
  width: 412px;
  position: absolute;
  left: -216px;
  top: 1014px;
}
.right-inner4 {
  padding-top: 238px;
  width: 408px;
  position: absolute;
  left: -212px;
  top: 500px;
}

/*For Mobile Devices*/
#mobile-devices{display: none;padding: 50px 0}
#mobile-devices {
  background-image: -webkit-gradient( linear, left top, left bottom, from(rgba(0,44,82,1)), to(rgba(2,31,61,1)) );
  background-image: -webkit-linear-gradient(top, rgba(0,44,82,1), rgba(2,31,61,1));
  background-image: linear-gradient(to bottom, rgba(0,44,82,1), rgba(2,31,61,1));
}








/** timeline box structure **/
.time-line-area {
  padding-top: 140px;
}
.timeline {
  list-style: none;
  padding: 20px 0 20px;
  position: relative;
}

.timeline:before {
  top: 20px;
  bottom: 0;
  position: absolute;
  content: " ";
  width: 2px;
  background-color: #eee;
  left: 50%;
  margin-left: -1.5px;
}

.tldate {
  border-radius: 3000px;
  font-size: 16px;
  display: block;
  height: 30px;
  width: 80px;
  background-color: #00345f;
  border: 1px solid #fff;
  color: #ffffff;
  margin: 0 auto;
  padding: 1px 0;
  font-family: 'Geometria-Bold';
  text-align: center;
  -webkit-box-shadow: 0 0 11px rgba(0,0,0,0.35);
  position: absolute;
  left: 0;
  right: 0;
  z-index: 12;
}


.timeline li {
  margin-bottom: 25px;
  position: relative;
}

.timeline li:before, .timeline li:after {
  content: " ";
  display: table;
}
.timeline li:after {
  clear: both;
}
.timeline li:before, .timeline li:after {
  content: " ";
  display: table;
}

/** timeline panels **/
.timeline li .timeline-panel {
  width: 40%;
  float: left;
  position: relative;

}

/** panel arrows **/
.timeline li .timeline-panel:before {
  position: absolute;
  top: 26px;
  right: -15px;

}

.timeline li .timeline-panel:after {

}
.timeline li .timeline-panel.noarrow:before, .timeline li .timeline-panel.noarrow:after {
  top:0;
  right:0;
  display: none;
  border: 0;
}

.timeline li.timeline-inverted .timeline-panel {
  float: right;
}

.timeline li.timeline-inverted .timeline-panel:before {
  border-left-width: 0;
  border-right-width: 15px;
  left: -15px;
  right: auto;
}

.timeline li.timeline-inverted .timeline-panel:after {
  border-left-width: 0;
  border-right-width: 14px;
  left: -14px;
  right: auto;
}


/** timeline circle icons **/
.timeline li .tl-circ {
  font-size: 1.2em;
  position: absolute;
  top: 0px;
  left: 50.38%;
  text-align: center;
  background: #00345f;
  color: #fff;
  border: 1px solid #fff;
  width: 25px;
  height: 25px;
  line-height: 35px;
  margin-left: -16px;
  border-top-right-radius: 50%;
  border-top-left-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  z-index: 123;
}





/** timeline content **/

.tl-heading h4 {
  color: #ffffff;
  font-size: 16px;
  line-height: 1.55;
  font-family: 'Geometria-Bold';
}

.tl-body p, .tl-body ul {
  margin-bottom: 0;
}

.tl-body > p + p {
  margin-top: 5px;
}

/** media queries **/
@media (max-width: 991px) {
  .timeline li .timeline-panel {
    width: 44%;
  }
}

@media (max-width: 700px) {
  .page-header h1 { font-size: 1.8em; }

  ul.timeline:before {
    left: 40px;
  }

  .tldate { width: 140px; }

  ul.timeline li .timeline-panel {
    width: calc(100% - 90px);
    width: -moz-calc(100% - 90px);
    width: -webkit-calc(100% - 90px);
  }

  ul.timeline li .tl-circ {
    top: 22px;
    left: 22px;
    margin-left: 0;

  }
  ul.timeline > li > .tldate {
    margin: 0;
  }

  ul.timeline > li > .timeline-panel {
    float: right;
  }

  ul.timeline > li > .timeline-panel:before {
    border-left-width: 0;
    border-right-width: 15px;
    left: -15px;
    right: auto;
  }

  ul.timeline > li > .timeline-panel:after {
    border-left-width: 0;
    border-right-width: 14px;
    left: -14px;
    right: auto;
  }
}





/*For Mobile Devices*/
#mobile-devices{display: none;padding: 50px 0}
#mobile-devices {
  background-image: -webkit-gradient( linear, left top, left bottom, from(rgba(0,44,82,1)), to(rgba(2,31,61,1)) );
  background-image: -webkit-linear-gradient(top, rgba(0,44,82,1), rgba(2,31,61,1));
  background-image: linear-gradient(to bottom, rgba(0,44,82,1), rgba(2,31,61,1));
}
.company-history{}
.company-history h3 {
  text-align: center;
  color: #fff;
  display: block;
  font-size: 35px;
  margin-bottom: 35px;font-family: 'Geometria-Bold';
}
.company-info span {
  display: block;
  background-color: #c61f17;
  margin: 0px auto;
  text-align: center;
  width: 90px;
  border-radius: 30px;
  padding: 8px 15px;
  color: #fff;
  font-size: 18px;
  margin-bottom: 20px;font-family: 'Geometria-Bold';;
}
.company-info {
  margin-bottom: 30px;
  border-bottom: 1px dashed #ccc;
  padding-bottom: 15px;
}
.company-info span{}
.company-info h4 {
  text-align: center;
  color: #fff;
  display: block;
  margin-bottom: 10px;
  line-height: 30px;
}
.company-info p{ text-align: center;color: #fff}
.{}
.{}


.right-circle{position: relative;}
.circle-1 {

width: 250px;
  position: absolute;
  top: 5%;
  right: 10%;
    z-index:2;  transition-duration: .2s, 1s;
  transition-timing-function: linear, ease-in;
  transition-delay: 0s, 1s;
}

.circle-1 img {
  display: block;
  margin-left: 180px;
  margin-top: 65px;
}

.circle-2 {

width: 1040px;
  position: absolute;
  top: 5%;
  right: 1%;
    z-index:2;  transition-duration: .2s, 1s;
  transition-timing-function: linear, ease-in;
  transition-delay: 0s, 1s;
}

.circle-2 img {
  display: block;
  margin-left: 180px;
  margin-top: 200px;
}


.circle-3 {

width: 1040px;
  position: absolute;
  top: 5%;
  right: 1%;
    z-index:2;  transition-duration: .2s, 1s;
  transition-timing-function: linear, ease-in;
  transition-delay: 0s, 1s;
}

.circle-3 img {
  display: block;
  margin-left: 180px;
  margin-top: 1100px;
}
.circle-4 {
  width: 380px;
}

.circle-4 img {
  display: block;

  margin-top: 2100px;
}





.circle-5 {
position: absolute;
width: 380px;

}

.circle-5 img {
  display: block;

  margin-top: 2200px;
}









.circle-7 {

width: 380px;
  position: absolute;
  top: 5%;
  left: 10%;
    z-index:2;  transition-duration: .2s, 1s;
  transition-timing-function: linear, ease-in;
  transition-delay: 0s, 1s;
}

.circle-7 img {
  margin-left: -170px;margin-top: 200px
}
.circle-8 {
width: 380px;
margin-top: 2270px;position: absolute;left: 0

}
.circle-8 img {
  margin-left: -100px;
}
.circle-9 {
  width: 966px;
  position: absolute;
  left: -230px;
  z-index: 12;
  top: 1135px;
}
.circle-10 img {

}
.circle-10 {
width: 380px;
margin-top: 2200px;position: absolute;left: 0

}
.circle-10 img {
  margin-left: -192px;
}










/*----------------------------------------*/
/* 7. Login Modal css
/*----------------------------------------*/


#reset .modal-dialog {
    max-width: 560px;
    margin: 10% auto;
    position: relative;
}
#reset .modal-content {
  border-radius: 0;
  padding: 40px;
}
#reset .modal-header {
    position: relative;
    right: 0;
    top: 0;
    border-bottom: 0px;
    position: absolute;
    z-index: 9999;
}

#login .modal-dialog {
    max-width: 560px;
    margin: 60px auto;
    position: relative;
}
#login .modal-content {
  border-radius: 0;
  padding: 40px;
}
#login .modal-header {
  position: relative;
  right: 0;
  top: 0;
  border-bottom: 0px;
  position: absolute;
}
#form-title{position: relative;}
.center-title {
  padding-top: 250px;
  position: absolute;
  z-index: 99;text-align: center;
}
.center-title h2 {
  color: #fff;
  font-size: 40px;
  font-weight: 700;
  letter-spacing: 1px;
}
.center-title p {
    color: #fff;
    font-size: 25px;
    line-height: 45px;
}

.modal-header button:hover span{color:#ef3345;-webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;}

.form-title h3 {
  text-align: center;
  display: block;
  color: #18ba60;
  font-size: 28px;
  margin-bottom: 15px;
}
.form-title p{}
.form-title p a{color: #ef3345}
.social-login {
    margin: 6px auto;
    display: block;
    margin-bottom: 5px;
    margin-top: 15px;
}
.social-login ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.social-login ul li {
    display: inline-block;
    margin: 0 5px 0 5px;
}
.social-login ul li a {
  background-color: #c61f17;
  color: #fff;
  padding: 8px 11px;
  border-radius: 50px;
  display: block;
}
.social-login ul li a:hover{background:#b3120a;color: #fff}
.social-login ul li a i {
  font-size: 18px;
  text-align: center;
  display: inline-block;
}


/*Custom Checkbox css*/
/* Base for label styling */
.check-box input[type="checkbox"]:not(:checked),
.check-box input[type="checkbox"]:checked {
  position: absolute;
  left: -9999px;
}
.check-box input[type="checkbox"]:not(:checked) + label,
.check-box input[type="checkbox"]:checked + label {
  position: relative;
  padding-left: 30px;
  cursor: pointer;font-size: 14px;color: #666
}

/* checkbox aspect */
.check-box {
  display: block;
  margin: 5px auto;
}
.check-box input[type="checkbox"]:not(:checked) + label:before,
.check-box input[type="checkbox"]:checked + label:before {
  content: '';
  position: absolute;
left: 0px;
top: 4px;
  width: 1.25em; height: 1.25em;
  border: 2px solid #c61f17;
  background: #fff;
  border-radius: 4px;
}
/* checked mark aspect */
.check-box input[type="checkbox"]:not(:checked) + label:after,
.check-box input[type="checkbox"]:checked + label:after {
  content: '✔';
  position: absolute;
  top: .2em; left: 3px;
  font-size: 1.4em;
  line-height: 0.8;
  color: #c61f17;
  transition: all .2s;

}
/* checked mark aspect changes */
.check-box input[type="checkbox"]:not(:checked) + label:after {
  opacity: 0;
  transform: scale(0);
}
.check-box input[type="checkbox"]:checked + label:after {
  opacity: 1;
  transform: scale(1);
}
/* disabled checkbox */
.check-box input[type="checkbox"]:disabled:not(:checked) + label:before,
.check-box input[type="checkbox"]:disabled:checked + label:before {
  box-shadow: none;
  border-color: #bbb;
  background-color: #ddd;
}
.check-box input[type="checkbox"]:disabled:checked + label:after {
  color: #666;
}
.check-box input[type="checkbox"]:disabled + label {
  color: #666;font-size: 14px
}
/* accessibility */
.check-box input[type="checkbox"]:checked:focus + label:before,
.check-box input[type="checkbox"]:not(:checked):focus + label:before {
  border: 2px dotted #18ba60;
}

/* hover style just for information */
.check-box label:hover:before {
  border: 2px solid #c61f17!important;-webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}




select.form-control:focus,input[type="email"].input-active, input[type="email"]:focus, input[type="text"].input-active, input[type="text"]:focus, textarea.input-active, textarea:focus, input[type="password"].input-active, input[type="password"]:focus, input[type="number"].input-active, input[type="number"]:focus {
  background-position: 0 0;
  box-shadow: none;
  outline: 0;
  border: 1px solid #c61f17;
  -webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;
}

input[type="email"], input[type="text"], textarea, input[type="password"], input[type="number"] {
  position: relative;
  z-index: 2;
  margin-bottom: 15px;
  width: 100%;
  display: block;
  border: 1px solid #DDD;
  border-radius: 4px;
  padding: 8px;
  will-change: background-position;
  transition: all .3s cubic-bezier(.64, .09, .08, 1);
  background-position: -1920px 0;
  background-size: 100%;
  background-repeat: no-repeat;
  color: #666;
  font-size: 14px;
  font-weight: 100;
}
.btn:focus, .btn-primary.focus, .btn-primary:focus{
  outline: none;
}
.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0 rgba(0,123,255,.5);
}
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #c61f17;
    border-color: #c61f17;
}
button.default-submit-btn {
    background-color: #c61f17;
    border: none;
    text-align: center;
    display: block;
    margin: 0px auto;
    font-size: 16px;
    padding: 10px 25px 10px 25px;
    border-radius: 25px;
    text-transform: capitalize;
    width: 100%;
    height: 54px;
    font-family: 'Geometria-Bold';
    margin-top: 25px;
}
button.default-submit-btn:hover{
  background-color:#b3120a;  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.btn-primary.focus, .btn-primary:focus {
    box-shadow: 0 0 0 0 rgba(0,123,255,.5);
}
.btn.focus, .btn:focus {
    /* outline: 0; */
    box-shadow: 0 0 0 0 rgba(0,123,255,.25);
}
.modal-social-platforms {
    position: relative;
    /*background-color: #c61f17;*/
    padding: 20px;
    color: #fff;border-radius: 0px 0px 4px 4px;
}
.modal-social-platforms::before {
  position: absolute;
  z-index: 222;
  content: "OR";
  width: 40px;
  height: 40px;
  top: 0px;
  left: 0;
  right: 0;
  text-align: center;
  display: block;
  margin: 0px auto;
  background-color: #fff;
  color: #000;
  border-radius: 60px;
  font-size: 14px;
  padding-top: 8px;
  font-weight: 600;
  -webkit-box-shadow: 0px 2px 15px 1px rgba(156, 147, 147, 0.65);
  -moz-box-shadow: 0px 2px 15px 1px rgba(156, 147, 147, 0.65);
  box-shadow: 0px 2px 15px 1px rgba(156, 147, 147, 0.65);
  -webkit-transition: all 0.55s ease;
  -o-transition: all 0.55s ease;
  transition: all 0.55s ease;
}
.social-platforms{}
.already-account {
  padding-top: 6px;
}
.already-account p{}
.already-account p a{font-weight: 600;color: #18ba60}
.check-box label a{color: #18ba60}



/*----------------------------------------*/
/* 4. Login Form css
/*----------------------------------------*/
.forgot-link a {
    color: #c61f17;
    font-size: 14px;
    margin-top: 4px;text-decoration: none
}


#reset-pass{padding-top: 1.25rem}
.reset-section {
    padding-top: 60px;
    padding-bottom: 60px;
    border: 1px solid#ccc;
    margin: 180px;  -webkit-box-shadow: 0px 2px 15px 1px rgba(156, 147, 147, 0.65);
  -moz-box-shadow: 0px 2px 15px 1px rgba(156, 147, 147, 0.65);
  box-shadow: 0px 2px 15px 1px rgba(156, 147, 147, 0.65);
  -webkit-transition: all 0.55s ease;
  -o-transition: all 0.55s ease;
  transition: all 0.55s ease;
}
.{}
.{}
.{}
#login .modal-header {

    z-index: 999;
}
.custom-padding{padding-left: 60px;padding-right: 60px}
.to-be-announced{
  font-size: 18px;
  color: #c61f17;
  text-align: center;
  margin-top: 20px;
}



/*----------------------------------------*/
/* New Custom Home Page css
/*----------------------------------------*/
.red-panel{
  padding:45px 50px;
  min-height:300px;
  color: #FFF !important;
  font-size:16px;
  line-height: 30px;
  background-color: #b3120a;
}


.banner-caption h2{font-size: 42px;
    font-family: 'Geometria-Bold';
    color: #fff;
    line-height: 48px; }
.banner-caption p{   font-size: 14px;color: #fff}
.we-offer span{font-family: 'Geometria-Bold';
font-weight: bold;
font-size: 18px;
line-height: 24px;color: #0A1E32;opacity: 0.32;}
.we-offer h2{font-family: 'Geometria-Bold';
font-size: 40px;
line-height: 46px;color: #0A1E32}
.we-offer p{
line-height: 26px;font-family: 'Geometria', Arial,sans-serif;}
.we-offer {margin-top: 0;}
.red-panel h1{font-family: 'Geometria-Bold';
font-style: normal;
font-weight: bold;
font-size: 52px;
line-height: 61px;color: #fff}
.red-panel h1 span{font-weight: bold;
font-size: 14px;
line-height: 20px;display: inline-block;margin-left: 15px;}
.red-panel p{line-height: 24px;margin-bottom: 30px;font-family: 'Geometria', Arial,sans-serif;}
.red-panel span{font-size: 13px;line-height: 20px;display: block}

.offer-info {
    width: 81%;
    margin-left: 20px;
}
.offer-info h4{color: #0A1E32}
.offer-info p{color: #525A68}
.qoute-text{display: block;overflow:hidden;}
.qoute-text img{float: left }
.qoute-text p{color: #000;line-height: 28px;float: right;width: 85%}
.qoute-wirte p{color: #0A1E32;
   font-size: 14px;font-family: 'Geometria-Medium';}
.qoute-wirte p span{font-size: 16px;color: #B11516;font-family: 'Geometria-Medium';}
.qoute-wirte{display: block}
.{}
.carousel-titles{}
.carousel-titles span.carousel-date{
font-weight: bold;
font-size: 18px;
line-height: 24px;color: #0A1E32;opacity: 0.32;font-family: 'Geometria-Bold';}
.carousel-titles h2{font-family: 'Geometria-Bold';font-size: 40px;
line-height: 47px;color: #0A1E32}
.carousel-info{}
.carousel-info p{line-height: 24px;color: #525A68}
.carousel-info span{font-size: 14px;
    color: #0A1E32;
    border-bottom: 1px solid#ccc;
    padding-top: 20px;
    display: block;}
.home-carousel{position: relative;}


.home-carousel .carousel-indicators .active {
    background-color: #D7201E;
}
.carousel-cap{position: absolute;left: 5%;bottom: 15%}
.carousel-cap h1{font-size: 60px;
line-height: 60px;color: #fff}
.carousel-cap p{font-size: 18px;
line-height: 22px;color: #fff}
.carousel-cap span{font-size: 14px;
line-height: 20px;color: #fff}
.featured-titles{}
.featured-titles span{color: #0A1E32;opacity: 0.32;   font-family: 'Geometria-Bold';}
.featured-titles h2 {
    font-family: 'Geometria-Bold';
    font-size: 40px;
    line-height: 48px;
    color: #0A1E32;
    padding-bottom: 15px;display: block
}
.featured-titles p{color:#0A1E32 }
.featured-items{overflow:hidden;}
.featured-icon img{}
.featured-info{width: 81%;
    margin-left: 20px;}
.featured-info h4{font-size: 18px;
line-height: 28px;color:#0A1E32 }
.featured-info p{line-height: 24px;color: #525A68}
.video-info{}
.video-info h2{font-family: 'Geometria-Bold';font-size: 40px;
    line-height: 47px;
    color: #0A1E32;
     padding-bottom: 15px;display: block}
.video-info p{line-height: 26px;color: #0A1E32}
.video-cap{}
.video-cap h5{font-size: 18px;
line-height: 24px;color:#273142 }
.video-cap span{line-height: 20px;color: #273142;
opacity: 0.4;font-size: 14px}
.{}
.dv-video{position: relative;}
.video-play-button {
  position: absolute;
  z-index: 10;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  box-sizing: content-box;
  display: block;
  width: 32px;
  height: 44px;
  /* background: #fa183d; */
  border-radius: 50%;
  padding: 18px 20px 18px 28px;
}

.video-play-button:before {
  content: "";
  position: absolute;
  z-index: 0;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 80px;
  height: 80px;
  background: #ba1f24;
  border-radius: 50%;
  animation: pulse-border 1500ms ease-out infinite;
}

.video-play-button:after {
  content: "";
  position: absolute;
  z-index: 1;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 80px;
  height: 80px;
  background: #c61f17;
  border-radius: 50%;
  transition: all 200ms;
}

.video-play-button:hover:after {
  background-color: darken(#fa183d, 10%);
}

.video-play-button img {
  position: relative;
  z-index: 3;
  max-width: 100%;
  width: auto;
  height: auto;
}

.video-play-button span {
  display: block;
  position: relative;
  z-index: 3;
  width: 0;
  height: 0;
  border-left: 32px solid #fff;
  border-top: 22px solid transparent;
  border-bottom: 22px solid transparent;
}

@keyframes pulse-border {
  0% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity: 1;
  }
  100% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    opacity: 0;
  }
}



.video-overlay {
  position: fixed;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0,0,0,0.80);
  opacity: 0;
  transition: all ease 500ms;
}

.video-overlay.open {
  position: fixed;
  z-index: 1000;
  opacity: 1;
}

.video-overlay-close {
  position: absolute;
  z-index: 1000;
  top: 15px;
  right: 20px;
  font-size: 36px;
  line-height: 1;
  font-weight: 400;
  color: #fff;
  text-decoration: none;
  cursor: pointer;
  transition: all 200ms;
}

.video-overlay-close:hover {
  color: #fa183d;
}

.video-overlay iframe {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  /* width: 90%; */
  /* height: auto; */
  box-shadow: 0 0 15px rgba(0,0,0,0.75);
}
.partner-section-title{}
.partner-section-title h2{font-family: 'Geometria-Bold';font-size: 40px;
line-height: 47px;color: #0A1E32; padding-bottom: 15px;display: block}
.partner-item{overflow:hidden;}
.partner-name{}
.partner-name h4{font-size: 18px;
line-height: 24px;color:#0A1E32 }
.partner-name span{    font-size: 14px;
    line-height: 20px;
    color: #0A1E32;
    opacity: 0.4;
    margin-bottom: 20px;
    display: block;font-family: 'Geometria-Medium';}
.partner-info{}
.partner-info p{line-height: 24px;line-height: 24px}
.partner-info a{font-size: 14px;
line-height: 16px;color: #0A1E32;font-family: 'Geometria-Medium';}
.partner-info a:hover{color: #D7201E}
.partner-info a img{margin-right: 15px}
.list-titles{}
.list-titles span{color: #0A1E32;opacity: 0.32;font-family: 'Geometria-Bold';}
.list-titles h2{font-family: 'Geometria-Bold';font-size: 40px;
line-height: 47px;color: #0A1E32; padding-bottom: 15px;display: block}
.list-titles p{color: #0A1E32}
.list-area{}
.list-area span{font-size: 20px;
line-height: 28px;color: #000;margin-bottom: 15px; display: block;font-family: 'Geometria-Medium';}
.list-area ul{}
.list-area ul li {
    font-size: 15px;
    color: #0A1E32;
    display: block;
    line-height: 32px;
    position: relative;
    padding-left: 25px;
}
.list-area ul li::before {
    position: absolute;
    left: 0;
    right: 0;
    content: "";
    width: 14px;
    height: 2px;
    background: #c61f17;
    top: 11px;
}
.list-items{}
.list-items h3{font-size: 32px;
line-height: 37px;color: #D7201E}
.list-items span{font-size: 16px;
line-height: 20px;color: #000;margin-bottom: 15px;display: block;font-family: 'Geometria-Medium';}
.list-items p{}
.pt-85{padding-top: 85px}
.gallery-date{}
.gallery-date p{color: #A5A9AF;font-size: 18px;
line-height: 24px;}
.gallery-date p span{font-size: 18px;
line-height: 22px;color: #0A1E32}
span.left-y{border-bottom: 1px solid#ccc;
    margin-left: 10px;
    margin-right: 10px;}
span.right-y{border-bottom: 1px solid#ccc;}
#full-width-gallery {
    padding: 0;
}


.home-carousel ol#navi {
    position: absolute;
    right: none !important;
    bottom: 10px;
    left: 0;
    z-index: 15;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 0;
    margin-right: 15%;
    margin-left: 5%;
    list-style: none;
}

.dsk-hide{
  display: none
}



.small-device .owl-theme .owl-nav {
    margin-top: 10px;
    display: none;
}


.small-device .owl-carousel .owl-item img {
    display: inherit;
    width: inherit;
}

.small-device .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: #D7201E;
}

.small-device .owl-theme .owl-dots, .owl-theme .owl-nav {
    text-align: center;
    -webkit-tap-highlight-color: transparent;
    padding-top: 20px;
}





.small-device .owl-theme .owl-dots .owl-dot span {
    width: 30px;
    height: 3px;
    margin: 5px 7px;
    background: #D6D6D6;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    border-radius: 30px;
}


#our-list-section {
  background-color: aliceblue;
}