/* ========================================================== */
/* 			               01. GENERAL LAYOUT                 */
/* ========================================================== */

ul, ol { 
	list-style: none; 
	list-style-image: none; 
	margin: 0; 
	padding: 0;
	color:#000000;
	font-size: 14px;
	line-height:24px;
	margin-bottom:20px;
}
	
ul li, ol li{
	font-size: 15px;
	line-height: 28px;
}

ul li i{
	vertical-align: middle;
	padding-right: 5px;
}

p {
	font-size: 15px;
	line-height: 24px;
	font-weight: 400;
	color: #000000;
	margin-bottom:15px;
}

a,
a:hover,
a:focus {
	text-decoration: none;
	outline: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Roboto', sans-serif;
  line-height: 1.2;
  margin-bottom:20px;
  color: #070707;
}

h1 {
	font-size: 42px;
}

h2 {
	font-size: 36px;
}

h3 {
	font-size: 28px;
}

h4 {
	font-size: 24px;
}

h5 {
	font-size: 20px;
}

h6 {
	font-size: 18px;
}

h2.section-title{
	font-size: 36px;
    line-height: 40px;
    color: #292929;
    margin-bottom: 15px;
}

h2.section-title.grey{
	color:#ddd;
}



p.section-subtitle{
	font-size:16px;
}

p.section-subtitle.grey{
	color:#bbb;
}



h3.medium-title {
	font-size: 32px;
	margin-top:10px;
}

ul {
	padding: 0;
}

ul li{
	list-style-type: none;
}

a:hover, a:focus, a:active, a:visited {
	text-decoration: none;
}

iframe {
    max-width: 100%;
    border: none;
}


.blue {
    color: #3498db;
}

.lyla {
    color: #6B02FF;
}



.section-grey{
	background: #f2f7f8;
	padding: 70px 0;
}
.neww {
	padding-top: 100px;
}

.section-gradient{
	background: #008aff; /* For browsers that do not support gradients */
  	background: -webkit-linear-gradient(135deg, #6B02FF 0%, #985BEF 100%); /* For Safari 5.1 to 6.0 */
  	background: -o-linear-gradient(bottom right, #6B02FF, #985BEF); /* For Opera 11.1 to 12.0 */
  	background: -moz-linear-gradient(bottom right, #008aff, #1ad2fd); /* For Firefox 3.6 to 15 */
  	background: linear-gradient(to 135deg, #6B02FF 0%, #985BEF 100%); /* Standard syntax */
  	padding: 70px 0;
}

.section-dark{
	background-color:#272834;
	padding:70px 0;
}

.width-100{
	width: 100%;
}

/* margin and padding classes */

.margin-right-25 {
	margin-right: 25px !important;
}

.margin-top-110 {
	margin-top: 110px !important;
}

.margin-top-100 {
	margin-top: 100px !important;
}

.margin-top-90 {
	margin-top: 90px !important;
}

.margin-top-80 {
	margin-top: 80px !important;
}

.margin-top-60 {
	margin-top: 60px !important;
}

.margin-top-50 {
	margin-top: 50px !important;
}

.margin-top-40 {
	margin-top: 40px !important;
}

.margin-top-35 {
	margin-top: 35px !important;
}

.margin-top-30 {
	margin-top: 30px !important;
}

.margin-top-20 {
	margin-top: 20px !important;
}

.margin-top-10 {
	margin-top: 10px !important;
}

.margin-top-5 {
	margin-top: 5px !important;
}

.margin-bottom-0 {
	margin-bottom: 0px !important;
}

.margin-bottom-10 {
	margin-bottom: 10px !important;
}

.margin-bottom-20 {
	margin-bottom: 20px !important;
}

.margin-bottom-30 {
	margin-bottom: 30px !important;
}

.margin-bottom-40 {
	margin-bottom: 40px !important;
}

.margin-bottom-50 {
	margin-bottom: 50px !important;
}

.margin-bottom-60 {
	margin-bottom: 60px !important;
}

.margin-bottom-70 {
	margin-bottom: 70px !important;
}

.margin-bottom-80 {
	margin-bottom: 80px !important;
}

.margin-bottom-100 {
	margin-bottom: 100px !important;
}

.margin-bottom-120 {
	margin-bottom: 120px !important;
}

.margin-bottom-130 {
	margin-bottom: 120px !important;
}

.margin-bottom-140 {
	margin-bottom: 140px !important;
}

.padding-top-0 {
	padding-top: 0px !important;
}

.padding-top-10 {
	padding-top: 10px !important;
}

.padding-top-20 {
	padding-top: 20px !important;
}
.padding-top-25 {
	padding-top: 25px !important;
}

.padding-top-30 {
	padding-top: 30px !important;
}

.padding-top-40 {
	padding-top: 40px !important;
}

.padding-top-45 {
	padding-top: 45px !important;
}

.padding-top-50 {
	padding-top: 50px !important;
}
.padding-top-60 {
	padding-top: 60px !important;
}

.padding-top-70 {
	padding-top: 70px !important;
}

.padding-top-80 {
	padding-top: 80px !important;
}

.padding-top-100 {
	padding-top: 100px !important;
}

.padding-top-120 {
	padding-top: 120px !important;
}

.padding-bottom-70 {
	padding-bottom: 70px !important;
}

.padding-bottom-60 {
	padding-bottom: 60px !important;
}

.padding-bottom-50 {
	padding-bottom: 50px !important;
}

.padding-bottom-40 {
	padding-bottom: 40px !important;
}

.padding-bottom-30 {
	padding-bottom: 30px !important;
}

.padding-bottom-20 {
	padding-bottom: 20px !important;
}

.padding-bottom-10 {
	padding-bottom: 10px !important;
}

.padding-bottom-0 {
	padding-bottom: 0px !important;
}

.margin-top-0 {
	margin-top: 0px !important;
}

/* ========================================================== */
/* 			               02. MENU-NAV                       */
/* ========================================================== */

.navbar-brand{
	font-family: 'Roboto', sans-serif;
	font-size: 28px;
	font-weight: 500;
	color: #fff!important;
}

.navbar-fixed-top.opaque .navbar-brand{
	font-family: 'Roboto', sans-serif;
	font-size: 28px;
	font-weight: 700;
	color: #353535!important;
}

.navbar-fixed-top #navbar-collapse-02 .current a {
    color:#008aff;
     -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.navbar-fixed-top.opaque #navbar-collapse-02 .current a {
    color:#4285f4!important;
     -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.navbar {
	padding-top: 20px;
	padding-bottom: 20px;
}

.navbar-fixed-top {
	position: absolute!important;
	background-color: rgba(0, 0, 0, 0.0)!important; 
	border-bottom: none;
	transition: background-color 0.25s ease 0s;
}

.navbar-fixed-top.opaque {
	position: fixed!important;
	background-color: #fff!important;
	border-bottom: 1px solid #eee;
	padding: 20px 0;
	transition: all 0.25s ease-in-out 0s;
}

.navbar-fixed-top .navbar-nav > li > a, .navbar-fixed-top .navbar-nav > li > a:hover{
	-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.navbar-fixed-top .navbar-nav > li > a{
	color:#fff !important;
	font-size: 14px !important;
	line-height: 30px !important;
	text-transform: uppercase;
	padding: 10px 20px!important;
	font-family: 'Roboto', sans-serif;
	font-weight: 600;
}

.navbar-fixed-top.opaque .navbar-nav > li > a{
	color:#454545 !important;
}

.navbar-fixed-top .navbar-nav > li > a.discover-btn {
	background: transparent;
	border: 1px solid #fff;
	border-radius: 5px 5px;
	padding: 8px 24px!important;
	margin-left: 10px;
	margin-right: 15px;
	font-family: 'Roboto', sans-serif;
}

.navbar-fixed-top.opaque .navbar-nav > li > a.discover-btn {
	color: #fff!important;
	background: #008aff;
    background: -webkit-linear-gradient(135deg, #6B02FF 0%, #985BEF 100%);
    background: -o-linear-gradient(bottom right, #6B02FF, #985BEF);
    background: -moz-linear-gradient(bottom right, #008aff, #1ad2fd);
    background: linear-gradient(135deg, #6B02FF 0%, #985BEF 100%);
	-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.navbar-fixed-top .navbar-nav > li > a.discover-btn:hover {
	border: 1px solid #ffffff;
	color: #4285f4!important;
	background: #ffffff;
}

.navbar-fixed-top.opaque .navbar-nav > li > a.discover-btn:hover {
	color: #fff!important;
	background: #008aff;
    background: -webkit-linear-gradient(135deg, #985BEF 0%, #6B02FF 100%);
    background: -o-linear-gradient(bottom right, #985BEF, #6B02FF);
    background: -moz-linear-gradient(bottom right, #985BEF, #6B02FF);
    background: linear-gradient(135deg, #985BEF 0%, #6B02FF 100%);
}

.navbar-fixed-top.opaque #navbar-collapse-02 .current a.discover-btn {
    color: #fff!important;
}

/* ========================================================== */
/* 			                03. FOOTER                        */
/* ========================================================== */

.footer {
	z-index:900;
	background-color: #2f3539;
    border-top: 1px solid #393f43;
	padding: 50px 0;
	font-weight: 300;
}

.footer p {
	font-size: 16px;
	color: #cecece;
}

.footer p a {
	font-size: 16px;
	color: #6B02FF;
	text-decoration:underline;
}

/* Footer Social Icons */
ul.footer_social{
	width:100%;
	max-width:1140px;
	display:block;
	margin:0 auto;
	padding-top:5px;
	text-align:center;
}

ul.footer_social li{
	display:inline-block;
    margin:0 ;
	line-height:100%!important;
}

ul.footer_social li a i {
  display: inline-block;
  margin:0 8px;
  padding:0;
  font-size:26px!important;
  line-height: 26px!important;
  color: #8d8d8d;

  transition: all .5s ease-in-out;
  -moz-transition: all .25s ease-in-out;
  -webkit-transition: all .25s ease-in-out;
}

ul.footer_social li a i:hover {
	color:#4285f4;
}

/* ========================================================== */
/* 			               04. HOME                           */
/* ========================================================== */

/* ===== Modern Animated Home Section ===== */
/* ===== Modern Animated Home Section (Upgraded) ===== */
/* ===== Logo Text Style ===== */
/* ===== Logo Text Modern Style ===== */
/* ===== Logo Text – Modern Clean Style ===== */


.home-section {
  width: 100%;
  position: relative;
  padding-top: 220px;
  padding-bottom: 165px;
  overflow: hidden;

}

/* Animated Gradient Overlay */
/* Video Background */
#bg-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
	 filter: blur(1px) brightness(0.6); /* Blur + Darken */
    z-index: -2;
}

/* Dark overlay to improve text readability */
.home-section-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    z-index: -1;
}
.home-section .container {
    position: relative;
    z-index: 1;
}

@keyframes gradientShift {
  0% { background-position: left top; }
  100% { background-position: right bottom; }
}

/* Heading */
.home-section h1 {
  font-size: 42px;
  line-height: 48px;
  font-weight: 600;
  color: #ffffff;
  letter-spacing: 1.5px;
  position: relative;
  z-index: 2;
  animation: fadeUp 1s ease-out forwards;
}

/* Paragraph */
.home-section p {
  font-size: 18px;
  line-height: 28px;
  font-weight: 400;
  color: #eaf0ff;
  margin-bottom: 30px;
  max-width: 750px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  z-index: 2;
  animation: fadeUp 1.4s ease-out forwards;
}

/* Buttons */
.home-section a {
  display: inline-block;
  padding: 12px 28px;
  border-radius: 30px;
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
  position: relative;
  z-index: 2;
  transition: all 0.35s ease;
}

/* Primary Button */
.home-section .btn-blue {
  background: #1a73e8;
  color: #fff;
  border: 2px solid transparent;
  box-shadow: 0 4px 12px rgba(26,115,232,0.4);
}

.home-section .btn-blue:hover {
  background: #0f5fd0;
  transform: translateY(-3px) scale(1.05);
  box-shadow: 0 6px 20px rgba(26,115,232,0.6);
}

/* Secondary Button */
.home-section .btn-white {
  background: #ffffff;
  color: #123457;
  margin-left: 15px;
  border: 2px solid #ffffff;
  box-shadow: 0 4px 12px rgba(255,255,255,0.2);
}

.home-section .btn-white:hover {
  background: #f5f7fa;
  transform: translateY(-3px) scale(1.05);
  box-shadow: 0 6px 20px rgba(255,255,255,0.3);
}

/* Subtle Floating Animation */
@keyframes fadeUp {
  from { opacity: 0; transform: translateY(30px); }
  to { opacity: 1; transform: translateY(0); }
}

@keyframes techScroll {
  from { background-position: 0 0; }
  to { background-position: 1000px 1000px; }
}

/* Vegas Background Fix */
.vegas-background { height: auto!important; z-index: -1; }


/* ========================================================== */
/* 			               05. ABOUT                          */
/* ========================================================== */

/* ===== About Section – Modern Animated CSS (scoped) ===== */
:root {
  --about-bg: #0b1020;
  --about-card: rgba(255, 255, 255, 0.08);
  --about-card-border: rgba(255, 255, 255, 0.15);
  --about-text: #0c0c0c;
  --about-muted: #b9c3e6;
  --brand: #002768;        /* your brand blue */
  --brand-2: #6aa6ff;      /* accent */
  --glow: rgba(0, 39, 104, 0.55);
}

/* Light mode fallback */
@media (prefers-color-scheme: light) {
  :root {
    --about-bg: #f7f9ff;
    --about-card: rgba(255, 255, 255, 0.7);
    --about-card-border: rgba(0, 0, 0, 0.06);
    --about-text: #000000;
    --about-muted: #4d5a7f;
    --glow: rgba(0, 0, 0, 0.25);
  }
}
.section-subtitle {
  color: #000000 !important; /* black text */
}

.about-box p {
  color: #000000 !important; /* black text */
}


/* Section wrapper with animated blobs */




@keyframes about-blob-pan {
  0%   { transform: translate(-2%, -1%) scale(1.02); }
  100% { transform: translate(2%, 1%)  scale(1.06); }
}

/* Titles */
#about .section-title {
  position: relative;
  display: inline-block;
  font-weight: 800;
  letter-spacing: .3px;
  margin-bottom: 14px;
  animation: about-fade-up .8s ease both .05s;
}
#about .section-title::after {
  content: "";
  display: block;
  height: 3px;
  margin: 10px auto 0;
  width: 0;
  background: linear-gradient(90deg, var(--brand), var(--brand-2));
  border-radius: 999px;
  animation: about-underline .9s ease .25s forwards;
}

#about .section-subtitle {
  color: var(--about-muted);
  max-width: 900px;
  margin: 0 auto 40px;
  line-height: 1.7;
  animation: about-fade-up .8s ease both .12s;
}

/* Card grid – Bootstrap columns already exist; we style inner box */
#about .about-box {
  position: relative;
  height: 300px;
  border-radius: 20px;
  padding: 28px 22px;
  background: linear-gradient(0deg, var(--about-card), var(--about-card)) padding-box,
              conic-gradient(from 180deg at 50% 50%, rgba(255,255,255,.35), rgba(255,255,255,0) 30%, rgba(255,255,255,.35) 60%, rgba(255,255,255,0) 100%) border-box;
  border: 1px solid var(--about-card-border);
  box-shadow:
    0 10px 30px -10px rgba(0,0,0,.35),
    0 0 0 0 var(--glow);
  backdrop-filter: saturate(120%) blur(8px);
  transform: translateY(16px) scale(.98);
  opacity: 0;
  animation: about-card-in .9s cubic-bezier(.2,.8,.2,1) forwards;
  transition: transform .5s cubic-bezier(.2,.8,.2,1), box-shadow .5s ease, border-color .5s ease;
}
.section-white{
	padding-bottom: 100px;
}
/* Stagger per column */
#about .row > .col-md-4:nth-of-type(1) .about-box { animation-delay: .15s; }
#about .row > .col-md-4:nth-of-type(2) .about-box { animation-delay: .28s; }
#about .row > .col-md-4:nth-of-type(3) .about-box { animation-delay: .41s; }

#about .about-box:hover {
  transform: translateY(-6px) scale(1.01);
  box-shadow:
    0 18px 40px -14px rgba(0, 39, 104, .45),
    0 0 0 6px color-mix(in oklab, var(--brand) 20%, transparent);
  border-color: color-mix(in oklab, var(--brand) 40%, var(--about-card-border));
}

#about .about-box::after {
  /* subtle glossy sweep on hover */
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: linear-gradient(120deg, transparent 20%, rgba(255,255,255,.15) 40%, transparent 60%);
  transform: translateX(-120%);
  transition: transform .8s ease;
  pointer-events: none;
}
#about .about-box:hover::after { transform: translateX(120%); }

/* Icons */
#about .hi-icon {
  display: inline-grid;
  place-items: center;
  width: 64px;
  height: 64px;
  border-radius: 18px;
  margin-bottom: 16px;
  font-size: 34px;               /* pe-7s icon font size */
  color: white;
  background: linear-gradient(135deg, var(--brand), var(--brand-2));
  box-shadow: 0 10px 18px -10px rgba(0, 39, 104, .6);
  transform: translateZ(0);
  animation: about-float 4.8s ease-in-out infinite, about-fade-up .8s ease both .22s;
}
#about .about-box:hover .hi-icon {
  animation-play-state: running;
  box-shadow: 0 16px 26px -14px rgba(0, 39, 104, .75);
}

/* Headings & text inside cards */
#about .about-box h3 {
  font-weight: 700;
  margin: 6px 0 10px;
  letter-spacing: .2px;
}
#about .about-box p {
  color: var(--about-muted);
  margin: 0;
}

/* Focus/keyboard accessibility */
#about .about-box:focus-within,
#about .about-box:focus {
  outline: none;
  transform: translateY(-6px) scale(1.01);
  box-shadow:
    0 18px 40px -14px rgba(0, 39, 104, .45),
    0 0 0 6px color-mix(in oklab, var(--brand) 20%, transparent);
}

/* Animations */
@keyframes about-fade-up {
  from { opacity: 0; transform: translateY(14px); }
  to   { opacity: 1; transform: translateY(0); }
}
@keyframes about-card-in {
  0%   { opacity: 0; transform: translateY(24px) scale(.96); }
  60%  { opacity: 1; transform: translateY(0)    scale(1.005); }
  100% { opacity: 1; transform: translateY(0)    scale(1); }
}
@keyframes about-underline {
  to { width: 120px; }
}
@keyframes about-float {
  0%,100% { transform: translateY(0) }
  50%     { transform: translateY(-6px) }
}


/* Respect reduced motion */
@media (prefers-reduced-motion: reduce) {
  #about * { animation: none !important; transition: none !important; }
}


/* ========================================================== */
/* 			               06. TEAM                           */
/* ========================================================== */

:root {
  --pc-bg: #0b1020;
  --pc-card: rgba(255, 255, 255, 0.06);
  --pc-card-border: rgba(255, 255, 255, 0.18);
  --pc-text: #eaf0ff;
  --pc-muted: #b9c4ff;
  --pc-accent: #7aa2ff;
  --pc-accent-2: #7bffda;
  --pc-shadow: 0 10px 30px rgba(0,0,0,.35);
}

/* Title + Subtitle (center + black) */
.pacifico-team__title {
  font-size: clamp(28px, 3.2vw, 44px);
  line-height: 1.1;
  letter-spacing: 0.2px;
  text-align: center;
  color: #000000;
}

.pacifico-team__title span {
  background: linear-gradient(90deg, var(--pc-accent), var(--pc-accent-2));
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.pacifico-team__subtitle {
  color: #000000;
  text-align: center;
  max-width: 700px;
  margin: 10px auto 0;
}

/* Background Blobs + Grid */
.pacifico-team__bg .blob {
  position: absolute; inset: auto;
  filter: blur(60px); opacity: .35;
  pointer-events: none; z-index: -1;
  width: 360px; height: 360px; border-radius: 50%;
  background: conic-gradient(from 0deg, var(--pc-accent), var(--pc-accent-2), var(--pc-accent));
  animation: float 16s ease-in-out infinite;
}
.pacifico-team__bg .b1 { top: -80px; left: -80px; animation-delay: -4s; }
.pacifico-team__bg .b2 { bottom: -120px; right: -120px; }

.pacifico-team__bg .grid {
  position: absolute; inset: 0;
  pointer-events: none; z-index: -1;
  background-image: linear-gradient(transparent 95%, rgba(255,255,255,.06) 95%),
                    linear-gradient(90deg, transparent 95%, rgba(255,255,255,.06) 95%);
  background-size: 28px 28px;
  mask: linear-gradient(#000, transparent 70%);
  animation: drift 25s linear infinite;
}

/* Container */
.pacifico-team__container {
  max-width: 1100px;
  margin: 0 auto;
  padding-top: 80px;
}

/* Grid */
.pacifico-team__grid {
  display: grid;
  gap: 20px;
  margin: 28px 0 10px;
}
@media (min-width: 768px){
  .pacifico-team__grid.general { grid-template-columns: repeat(3, 1fr); }
}

/* Cards */
.pacifico-card {
  position: relative;
  animation: fadeUp .8s ease both;
  background: linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.04));
  border: 1px solid var(--pc-card-border);
  border-radius: 22px;
  padding: 22px;
  box-shadow: var(--pc-shadow);
  transition: transform .35s ease;
}
.pacifico-card:hover { transform: translateY(-6px); }

.pacifico-card__name {
  margin: 0 0 8px;
  font-size: 20px;
  font-weight: 700;
}
.pacifico-card__bio {
  margin: 0;
  color: #37224b; /* darker text */
  font-size: 14.5px;
}

/* CTA */
.pacifico-team__cta {
  display: flex;
  justify-content: center;
  margin-top: 18px;
}
.pacifico-cta {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 12px 18px;
  border-radius: 14px;
  text-decoration: none;
  font-weight: 700;
  letter-spacing: .2px;
  color: #0b1020;
  background: linear-gradient(90deg, var(--pc-accent), var(--pc-accent-2));
  box-shadow: 0 8px 24px rgba(122,162,255,.35);
  border: 0;
  position: relative;
  overflow: hidden;
}

.pacifico-cta::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(110deg, rgba(255,255,255,.5), transparent 40%);
  transform: translateX(-100%);
  animation: sheen 4s ease-in-out infinite;
}

/* Animations */
@keyframes fadeUp { from { opacity: 0; transform: translateY(14px) } to { opacity: 1; transform: translateY(0) } }
@keyframes float { 0%,100% { transform: translate(0,0) scale(1) } 50% { transform: translate(20px, -10px) scale(1.05) } }
@keyframes drift { from { background-position: 0 0, 0 0 } to { background-position: 28px 28px, 28px 28px } }
@keyframes sheen { 0%, 70% { transform: translateX(-120%) } 100% { transform: translateX(120%) } }

@media (prefers-reduced-motion: reduce){
  .pacifico-team__bg .blob, .pacifico-team__bg .grid, .pacifico-card, .pacifico-cta::after { animation: none }
}


/* ========================================================== */
/* 			               07. SERVICES/FEATURES              */
/* ========================================================== */

.feature-box {
    overflow: hidden;
    margin: 20px 0;
    padding: 25px 20px;
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.15);
    transition: all 0.4s ease-in-out;
    cursor: pointer;
    display: flex;
    align-items: flex-start;
}

/* Hover animation */
.feature-box:hover {
    transform: translateY(-8px) scale(1.02);
    box-shadow: 0 12px 25px rgba(0, 0, 0, 0.25);
    border-color: rgba(255, 255, 255, 0.25);
    background: rgba(255, 255, 255, 0.08);
}

/* Icon styles */
.feature-box i {
    font-size: 52px;
    margin-right: 20px;
    background: linear-gradient(135deg, #6B02FF 0%, #985BEF 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    transition: transform 0.4s ease-in-out, filter 0.4s ease-in-out;
}

/* Icon hover animation */
.feature-box:hover i {
    transform: rotate(12deg) scale(1.15);
    filter: drop-shadow(0px 4px 8px rgba(107, 2, 255, 0.5));
}

/* Text container */
.feature-box-text {
    flex: 1;
}

/* Heading */
.feature-box h4 {
    font-size: 20px;
    font-weight: 600;
    color: #ffffff;
    margin-bottom: 8px;
    transition: color 0.3s ease;
}

/* Heading hover color */
.feature-box:hover h4 {
    color: #985BEF;
}

/* Paragraph */
.feature-box p {
    font-size: 15px;
    line-height: 1.6;
    color: #aab4c2;
    margin: 0;
    transition: color 0.3s ease;
}

/* Paragraph hover */
.feature-box:hover p {
    color: #ffffff;
}
.section-subtitlew{
	color: white;
}
.section-subtitlew {
    color: #ffffff;   /* White text */
    font-size: 16px;
    line-height: 1.8;
    margin: 0 auto;
    max-width: 750px;  /* keeps it nicely aligned */
}


/* ========================================================== */
/* 			               08. PRICING                        */
/* ========================================================== */

.price-box-white{
	text-align: center;
	border: 2px solid #f8f8f8;
	padding: 50px 0;
	width: 90%;
	margin-top:30;
	margin-bottom: 20px;
	margin-left: 20px;
	border-radius: 8px 8px;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-webkit-backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
}

.price-box-grey{
	text-align: center;
	background: #f4f5f6;
	border: 2px solid #f4f5f6;
	padding: 50px 0;
	width: 90%;
	margin-top:30;
	margin-bottom: 20px;
	margin-left: 20px;
	border-radius: 8px 8px;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-webkit-backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
}

.price-box-blue{
	text-align: center;
	background: #008aff;
    background: -webkit-linear-gradient(135deg, #6B02FF 0%, #985BEF 100%);
    background: -o-linear-gradient(bottom right, #6B02FF, #985BEF);
    background: -moz-linear-gradient(bottom right, #008aff, #1ad2fd);
    background: linear-gradient(135deg, #6B02FF 0%, #985BEF 100%);
	padding: 50px 0 40px 0;
	color:#fff;
	width: 90%;
	margin-top:30;
	margin-bottom: 20px;
	margin-left: 20px;
	border-radius: 8px 8px;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-webkit-backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
}

.price-box-blue:hover, .price-box-grey:hover, .price-box-white:hover {	
	transform: scale(1.03,1.03);
	-ms-transform: scale(1.03,1.03); /* IE 9 */
    -webkit-transform: scale(1.03,1.03); /* Safari */

    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
}

.price-box-white .price-title, .price-box-white ul.pricing-list li.price-value,
.price-box-grey .price-title, .price-box-grey ul.pricing-list li.price-value{
	color: #292929;
}

.price-box-white .price-subtitle,.price-box-white .price-text,
.price-box-grey .price-subtitle,.price-box-grey .price-text{
	color: #6a6a6a;
}

ul.pricing-list li.price-title{
	font-family: 'Roboto', sans-serif;
	font-size: 18px;
	line-height: 24px;
	font-weight: 500;
	letter-spacing: 1px;
}

ul.pricing-list li.price-value{
	font-family: 'Roboto', sans-serif;
	font-size: 70px;
	line-height: 70px;
	display: block;
	margin-top:20px;
	margin-bottom: 10px;
}

ul.pricing-list li.price-subtitle{
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	line-height: 24px;
	font-weight: 400;
}

ul.pricing-list li.price-text{
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	line-height: 28px;
	font-weight: 400;
	margin-bottom: 5px;
}

ul.pricing-list li.price-tag a{
	color: #fff;
	background: #008aff;
    background: -webkit-linear-gradient(135deg, #6B02FF 0%, #985BEF 100%);
    background: -o-linear-gradient(bottom right, #6B02FF, #985BEF);
    background: -moz-linear-gradient(bottom right, #008aff, #1ad2fd);
    background: linear-gradient(135deg, #6B02FF 0%, #985BEF 100%);
	border-radius: 5px 5px;
	padding: 15px 30px;
	display: inline-block;
	font-size: 14px;
	line-height: 24px;
	font-weight: 600;
	margin: 40px 0 30px 0;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}

ul.pricing-list li.price-tag a:hover{
	background: #008aff;
    background: -webkit-linear-gradient(135deg, #985BEF 0%, #6B02FF 100%);
    background: -o-linear-gradient(bottom right, #985BEF, #6B02FF);
    background: -moz-linear-gradient(bottom right, #985BEF, #6B02FF);
    background: linear-gradient(135deg, #6B02FF 0%, #6B02FF 100%);
}

.price-box-blue ul.pricing-list li.price-tag a{
	color: #fff;
	background: transparent;
	border: 2px solid #fff;
	border-radius: 5px 5px;
	padding: 15px 30px;
	display: inline-block;
	font-size: 14px;
	line-height: 24px;
	font-weight: 600;
	margin: 40px 0 30px 0;
}

.price-box-blue ul.pricing-list li.price-tag a:hover{
	color: #4285f4;
	border: 2px solid #fff;
	background: #fff;
}

/* ========================================================== */
/* 			                   09. BLOG                       */
/* ========================================================== */

.blog-item{
	-webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    transition: all .50s ease-in-out;
    -moz-transition: all .50s ease-in-out;
    -webkit-transition: all .50s ease-in-out;
}

.blog-item img {
}

.blog-item-inner{
	padding:10px 0 20px 0;
}

.blog-item-inner p{
	margin:15px 0 20px 0;
}

h3.blog-title{
	margin-top:15px;
	margin-bottom:10px;
}

h3.blog-title a{
	font-size:21px;
	color:#454545;
	transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;
}

h3.blog-title a:hover{
	color:#228798;
	transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;
}

a.blog-icons{
	color:#858585;
	font-size:14px;
	font-style:italic;
	margin-right:10px;
	padding-right:10px;
	border-right:1px solid #aaa;
	transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;
}

a.blog-icons i{
	color:#656565;
	font-size:16px;
	line-height:16px;
	vertical-align: text-bottom;
}

a.blog-icons.last{
	border-right: none;
}

a.blog-icons:hover{
	color:#228798;
	transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;
}

a.button-blog{
	background-color: #34b1c4;
	border:1px solid #34b1c4;
	color:#fff;
	display:inline-block;
	font-weight:400;
	font-size:13px;
	padding:10px 20px;
	margin:0 0 20px 0;
	-webkit-border-radius: 3px 3px;
    -moz-border-radius: 3px 3px;
    border-radius: 3px 3px;
	transition: all .50s ease-in-out;
	-moz-transition: all .50s ease-in-out;
	-webkit-transition: all .50s ease-in-out;
}

a.button-blog:hover{
	background-color: transparent;
	border:1px solid #34b1c4;
	color:#34b1c4;
	transition: all .50s ease-in-out;
	-moz-transition: all .50s ease-in-out;
	-webkit-transition: all .50s ease-in-out;
}

/* ========================================================== */
/* 						    10. CONTACT                       */
/* ========================================================== */

#contact-form{
	margin:0 auto;
	width:100%;
	max-width:960px;
	text-align:center;
	margin-bottom:10px;
}

input.contact-input{
	width:100%;
	height:55px;
    padding-left:2%;
    padding-right:2%;
	margin-bottom:20px;
	color: #aaa;
	border: 1px solid #757575;
	background-color: transparent;
    font-size:14px;
	-webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
}

textarea{
	height:205px;
	margin-bottom:20px;
	width:100%;
    padding-left:2%;
    padding-right:2%;
    padding-top:10px;
    padding-bottom:10px;
	color: #aaa;
	border: 1px solid #757575;
	background-color: transparent;
    font-size:14px;
	-webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
}

input.contact-submit{
	color: #fff;
	background: #008aff;
    background: -webkit-linear-gradient(135deg, #6B02FF 0%, #985BEF 100%);
    background: -o-linear-gradient(bottom right, #6B02FF, #985BEF);
    background: -moz-linear-gradient(bottom right, #008aff, #1ad2fd);
    background: linear-gradient(135deg, #6B02FF 0%, #985BEF 100%);
    border: none;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
	font-weight:600;
	margin-top:10px;
    padding: 18px 32px;
    position: relative;
    text-transform: uppercase;
	-webkit-border-radius: 5px 5px;
    -moz-border-radius: 5px 5px;
    border-radius: 5px 5px;
	transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
}

input.contact-submit:hover{
	color: #fff;
	background: #008aff;
    background: -webkit-linear-gradient(135deg, #985BEF 0%, #6B02FF 100%);
    background: -o-linear-gradient(bottom right, #985BEF, #6B02FF);
    background: -moz-linear-gradient(bottom right, #985BEF, #6B02FF);
    background: linear-gradient(135deg, #985BEF 0%, #6B02FF 100%);
}

input.white-input::-webkit-input-placeholder,
textarea.white-input::-webkit-input-placeholder { /* WebKit browsers */
    color:#aaa;
}
input.white-input:-moz-placeholder,
textarea.white-input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:#aaa;
}
input.white-input::-moz-placeholder,
textarea.white-input::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:#aaa;
}
input.white-input:-ms-input-placeholder,
textarea.white-input:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:#aaa;
}

#contact-form input.contact-input:focus, #contact-form textarea.contact-commnent:focus {
  border-color:#fff;
  outline: none;
}

p.contact_success_box{
	display:inline-block;
	color:#fff;
	font-size:20px;
	font-style:italic;
	padding:20px 20px;
	border:1px solid #fff;
	webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
}

/* ========================================================== */
/* 			               11. OTHER ELEMENTS                 */
/* ========================================================== */

.extra-image{
	position: relative;
	margin-top: 30px;
	margin-bottom: -200px;
	z-index: 200;
}

/* -----  a) Newsletter ----- */

.newsletter_form_wrapper{
	width:100%;
	text-align:center;
	margin-bottom:30px;
}

.newsletter_form_box{
	margin:0 auto;
	max-width:730px;
}

#newsletter-form #email_newsletter {
	width:100%;
	max-width:500px; 
	height:65px;
    padding:0 20px;
	border: 2px solid #6B02FF;
	background-color: #fff;
    -moz-border-radius: 5px 0 0 5px;
    -webkit-border-radius: 5px 0 0 5px;
    border-radius: 5px 0 0 5px;
	color:#757575;  
    font-size:16px;
    font-weight: 600;
	margin:0;
}

#newsletter-form #submit-button-newsletter {
    width: 165px;
	height:65px;
    background: #008aff;
    background: -webkit-linear-gradient(135deg, #6B02FF 0%, #985BEF 100%);
    background: -o-linear-gradient(bottom right, #6B02FF, #985BEF);
    background: -moz-linear-gradient(bottom right, #008aff, #1ad2fd);
    background: linear-gradient(135deg, #6B02FF 0%, #985BEF 100%);
	border: none;
    color:#fff;  
    display: inline;
	margin:0 0 0 -5px;
    -moz-border-radius: 0 5px 5px 0;
    -webkit-border-radius: 0 5px 5px 0;
    border-radius: 0 5px 5px 0;
	font-size:14px;
	font-weight:700;
	vertical-align: top;
	transition: background-color .25s ease-in-out;
   -moz-transition: background-color .25s ease-in-out;
   -webkit-transition: background-color .25s ease-in-out;
}

#newsletter-form #submit-button-newsletter:hover {
	color:#454545;
    background-color:#fff;
	transition: background-color .25s ease-in-out;
   -moz-transition: background-color .25s ease-in-out;
   -webkit-transition: background-color .25s ease-in-out;
}

input#email_newsletter::-webkit-input-placeholder { /* WebKit browsers */
    color:#757575;
}
input#email_newsletter:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:#757575;
}
input#email_newsletter::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:#757575;
}
input#email_newsletter:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:#757575;
}

.newsletter_success_box{
	font-size:18px;
	font-style:italic;
	color:#fff;
	margin:5px 0;
}

/* b) Buttons */

.btn-blue {
	color: #fff!important;
    background: #008aff;
    background: -webkit-linear-gradient(135deg, #6B02FF 0%, #985BEF 100%);
    background: -o-linear-gradient(bottom right, #6B02FF, #985BEF);
    background: -moz-linear-gradient(bottom right, #008aff, #1ad2fd);
    background: linear-gradient(135deg, #6B02FF 0%, #985BEF 100%);
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	line-height: 22px;
	font-weight: 500;
	border-radius: 6px 6px;
	margin: 10px 0;
	padding: 16px 30px;
	display: inline-block;
	transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;
}

.btn-blue.small {
	padding: 14px 26px;
}

.btn-blue:hover{
	color: #fff;
	background: #008aff;
    background: -webkit-linear-gradient(135deg, #985BEF 0%, #6B02FF 100%);
    background: -o-linear-gradient(bottom right, #985BEF, #6B02FF);
    background: -moz-linear-gradient(bottom right, #985BEF, #6B02FF);
    background: linear-gradient(135deg, #985BEF 0%, #6B02FF 100%);
}

.btn-white {
	color: #6B02FF;
	background-color: #ffffff;
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	line-height: 22px;
	font-weight: 500;
	border-radius: 5px 5px;
	margin: 10px 10px;
	padding: 16px 30px;
	display: inline-block;
	transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;
}

.btn-white:hover{
	color: #fff;
	background: #008aff;
    background: -webkit-linear-gradient(135deg, #985BEF 0%, #6B02FF 100%);
    background: -o-linear-gradient(bottom right, #985BEF, #6B02FF);
    background: -moz-linear-gradient(bottom right, #985BEF, #6B02FF);
    background: linear-gradient(135deg, #985BEF 0%, #6B02FF 100%);
	transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;
}

.btn-white-border {
	color: #fff;
	background: transparent;
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	line-height: 22px;
	font-weight: 500;
	border: 1px solid #fff;
	border-radius: 5px 5px;
	margin: 10px 10px;
	padding: 15px 30px;
	display: inline-block;
	transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;
}

.btn-white-border:hover{
	color: #008aff;
	background: #fff;
	border: 1px solid #fff;
}

.btn-white i, .btn-white-border i {
	font-size: 22px;
	line-height: 22px;
	margin-right: 10px;
	vertical-align: text-top;
}

/* -----  c) Gallery Images Animations ----- */

.popup-wrapper{
	display:block;
	position:relative;
	overflow:hidden;
}

.popup-gallery{
	display:inline-block;
	position:relative;
}

.first-gallery{
	margin-bottom:15px;
}

.popup-gallery img {
	position:relative;
	z-index:10;
	width: 100%;
	height: auto;
}

.popup-gallery:hover img {
	opacity: 0.25;
}

.popup-gallery a span.eye-wrapper, 
.popup-gallery a span.eye-wrapper2 {
	background-color:#000;
	position: absolute;
	display: block;
	overflow:hidden;
	z-index: 2;
	height:100%!important;
	top: 0%;
	margin-top: 0px;
	left: 0%;
	right: 0%;
	font-size: 22px;
	color:#fff;
	text-align: center;
	font-weight:300;
	opacity: 0;
	-webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
}

.popup-gallery-rounded a span.eye-wrapper, 
.popup-gallery-rounded a span.eye-wrapper2 {
	-webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
}

.popup-gallery a span.eye-wrapper i.eye-icon, .popup-gallery a span.eye-wrapper2 i.eye-icon{
	position: absolute;
	display: inline-block;
	font-size:38px;
	z-index: 3;
	top: 50%!important;
	margin-top: -19px!important;
	left: 0%;
	right: 0%;
}

.popup-gallery a:hover span{
	opacity: 1;
}

.popup-gallery img,
.popup-gallery a span {
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
}

.gallery-show {
	box-shadow: 10px 10px 15px rgba(0, 0, 0, 0.3); 
	border: 8px solid rgba(255, 255, 255, 0.8);
	margin: 20px 10px 40px 10px;
}

.gallery-item-wrapper{
	float: left;
	width: 100%;
}

/* d) Testimonials */
.testim-inner{
	text-align: center;
}

.testim-inner img{
	max-width: 130px;
	border:1px solid #fff;
	border-radius: 50% 50%;
	padding: 6px 6px;
	background-color: #dedede;
	display: inline-block!important;
}

.testim-inner h6{
	margin-bottom: 5px;
	font-family: 'Roboto', sans-serif;
	font-size: 18px;
	line-height: 26px;
	color:#292929;
	font-weight: 700;
}

.testim-inner span.job-text{
	font-size: 18px;
	line-height: 26px;
	font-weight: 500;
	color: #656565;
}	

.testim-inner p{
	font-family: 'Roboto', sans-serif;
	font-size: 20px;
	line-height: 32px;
	font-weight: 300;
	font-style: italic;
	color: #454545;
	margin-top: 20px;
}

.testim-inner i{
	font-size: 70px;
	color: #7aa9f7;
	margin-top:20px;
	margin-bottom: 40px;
}

/* e) Accordion Tabs */

.panel-wrapper{
	margin-bottom: 25px;
}

.panel-icon{
	margin-right: 5px;
	font-size: 20px;
	vertical-align: middle;
}

.panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 500;
    color: #454545;
    font-family: 'Roboto', sans-serif;
}

.panel-title > a, .panel-title > small, .panel-title > .small, .panel-title > small > a, .panel-title > .small > a {
    color: #656565;
}

.panel-group {
	margin: 10px 0;
}

.panel-group .panel {
    margin-bottom: 0;
    background: transparent;
}

.panel-body {
    padding: 20px 10px 10px 10px;
}

.panel-heading {
    padding: 8px 10px 16px 10px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.panel-default {
    border-color: transparent;
}
.panel-default > .panel-heading {
  color: #959595;
  background-color: transparent;
  border: none;
}

.panel-group .panel-heading + .panel-collapse > .panel-body, .panel-group .panel-heading + .panel-collapse > .list-group {
    border-top: 3px solid #4285f4;
 }

 /* f) Partners */

.section-greyq.sponsors-padding {
    padding: 5px 0 5px 0;
}
.section-grey.sponsors-padding {
    padding: 25px 0 25px 0;
}

.section-greyq {
  background: #f3f2f2;   /* just example */
  padding: 40px 0;
  text-align: center;    /* center text inside */
}

.section-greyq .rowq {
  display: flex;
  justify-content: center;   /* centers items horizontally */
  align-items: center;       /* centers items vertically (same row height) */
  flex-wrap: wrap;           /* keeps them responsive */
  gap: 30px;                 /* spacing between boxes */
}

.sponsors{
	text-align: center;
}

.sponsors img.sponsor {
    opacity: 0.4;
    margin: 10px 25px;
    max-height: 28px;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

.sponsors img.sponsor:hover {
    opacity: 0.8;
}

.partners-title{
	display: inline-block;
	font-size: 18px;
	line-height: 26px;
	margin-right: 30px;
	color: #7c8595;
}

/* ----- g) Fun Facts ----- */

.fun-facts-box{
	display: inline-block;
	width:19%;
	padding:10px;
}

.fun-facts-title{
	font-size:16px;
	font-weight:400;
	color:#7c8595;
	font-style:italic;
}

.fun-facts-title span{
	font-size:32px;
	line-height:40px;
	font-weight:600;
	font-style:normal;
	color:#454545;
}

.fun-facts-box i{
	font-size:45px;
	line-height:54px;
	color: #008aff;
	background: #008aff;
	background: -webkit-gradient(linear, left top, right bottom, from(#b580ff), to(#905ca4));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* h) PopUp Video */

.youtube-video-wrapper{
	background: url(http://placehold.it/600x500) top center no-repeat;
	background-size: initial;
	padding: 160px 0;
	position: relative;
	text-align: center;
}

.youtube-video-icon {
	width: 100px;
	height: 100px;
	border:2px solid #fff;
	border-radius: 50% 50%;
	display: inline-block;
	background: #fff;
	transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}

.youtube-video-icon:hover{
	background: #6B02FF;
	border: 2px solid #6B02FF;
}

.youtube-video-icon:hover i{
	color: #fff;
}

.youtube-video-icon i {
	font-size: 60px;
	line-height: 100px;
	color:#6B02FF;
	margin-left: 10px;
	transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}

/* i) Features List */

.no-padding-bottom{
	padding-bottom: 0;
}

ul.features-list-hero{
	display: inline-block;
	margin-bottom: 25px;
}

ul.features-list-hero li{
	float:left;
	margin:8px 0;
	color:#ffffff;
	font-size:16px;
	line-height:26px;
}

ul.features-list-hero li i{
	float:left;
	padding-right: 20px;
	color:#ffffff;
	font-size:42px;
	line-height: 46px;
	vertical-align: text-top;
}
.section-subtitle11{
	color: white;
}

/* ========================================================== */
/* 			             12. MEDIA QUERIES                    */
/* ========================================================== */

@media (max-width: 991px) {

	.hero-picture{
		margin-bottom:0;
	}

	.navbar-fixed-top.opaque {
	    padding: 10px 0 10px 0;
	}

	.navbar-default .navbar-toggle {
	    border-color: #9f9f9f!important;
	}

	.navbar-default .navbar-toggle .icon-bar {
	    background-color: #9f9f9f!important;
	}

}

@media (max-width: 767px) {

	.home-section {
		padding-top: 150px;
	  	padding-bottom: 50px;
	}
    
    .home-title h1{	
		font-size: 40px;
		line-height: 50px;
		padding: 30px 35px;
	}

	.home-title span{
		font-size: 24px;
		line-height: 30px;
	}

	.home-title p{
		margin-bottom:30px!important;
	}

}

@media (max-width: 375px) {

	.navbar-toggle {
	    margin-bottom: 0;
	    border: 1px solid #9f9f9f!important;
	}

	.navbar-default .navbar-toggle {
	    border-color: #aeaeae!important;
	}

	.navbar-default .navbar-toggle .icon-bar {
	    background-color: #aeaeae!important;
	}
	
  	.owl-carousel .owl-item img{
  		width: 80%!important;
  		margin: 0 10%;
  	}

	.fun-facts-box{
		width:48%!important;
	}

	#newsletter-form #email_newsletter {
	    -moz-border-radius: 5px 5px 5px 5px!important;
	    -webkit-border-radius: 5px 5px 5px 5px!important;
	    border-radius: 5px 5px 5px 5px!important;
	}

	#newsletter-form #submit-button-newsletter {
	    display: inline-block;
		margin-top:10px!important;
	    -moz-border-radius: 5px 5px 5px 5px!important;
	    -webkit-border-radius: 5px 5px 5px 5px!important;
	    border-radius: 5px 5px 5px 5px!important;
	}

	.extra-image {
	    margin-bottom: -140px!important;
	}

}

@media (max-width: 320px) {

	.newsletter-input {
		width: 60%;		
	}

	.btn-newsletter{
  		width: 38%;
  		margin-top: 12px;
  	}

}