/*---------------------------------------------------------------------
                             BG Effect
-----------------------------------------------------------------------*/
.iq-parallax { position: relative; background-size: cover !important; -webkit-background-size: cover !important; -moz-background-size: cover !important; -ms-background-size: cover !important; background-origin: initial; background-position: center center !important; background-repeat: no-repeat; }

/*---------------------------------------------------------------------
                       Background Gradient 
---------------------------------------------------------------------*/
.iq-bg-over { position: relative; }

/* Background Gradient Blue */
.iq-over-blue-90:before { content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; background: rgba(48, 51, 107, 0.8); background: -moz-linear-gradient(-45deg, rgba(48, 51, 107, 0.8) 0%, rgba(48, 51, 107, 0.8) 100%); background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(48, 51, 107, 0.8)), color-stop(100%, rgba(48, 51, 107, 0.8))); background: -webkit-linear-gradient(-45deg, rgba(48, 51, 107, 0.8) 0%, rgba(48, 51, 107, 0.8) 100%); background: -o-linear-gradient(-45deg, rgba(48, 51, 107, 0.8) 0%, rgba(48, 51, 107, 0.8) 100%); background: -ms-linear-gradient(-45deg, rgba(48, 51, 107, 0.8) 0%, rgba(48, 51, 107, 0.8) 100%); background: linear-gradient(135deg, rgba(48, 51, 107, 0.8) 0%, rgba(48, 51, 107, 0.8) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#246bad', endColorstr='#00c8c8', GradientType=1); }

.iq-over-red-90:before { content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; background: rgba(235, 59, 90, 0.8); background: -moz-linear-gradient(-45deg, rgba(235, 59, 90, 0.8) 0%, rgba(235, 59, 90, 0.8) 100%); background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(235, 59, 90, 0.8)), color-stop(100%, rgba(235, 59, 90, 0.8))); background: -webkit-linear-gradient(-45deg, rgba(235, 59, 90, 0.8) 0%, rgba(235, 59, 90, 0.8) 100%); background: -o-linear-gradient(-45deg, rgba(235, 59, 90, 0.8) 0%, rgba(235, 59, 90, 0.8) 100%); background: -ms-linear-gradient(-45deg, rgba(235, 59, 90, 0.8) 0%, rgba(235, 59, 90, 0.8) 100%); background: linear-gradient(135deg, rgba(235, 59, 90, 0.8) 0%, rgba(235, 59, 90, 0.8) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#246bad', endColorstr='#00c8c8', GradientType=1); }

.iq-over-black-90:before { content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; background: rgba(0, 0, 0, 0.2); background: -moz-linear-gradient(-45deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%); background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(0, 0, 0, 0.2)), color-stop(100%, rgba(0, 0, 0, 0.2))); background: -webkit-linear-gradient(-45deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%); background: -o-linear-gradient(-45deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%); background: -ms-linear-gradient(-45deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%); background: linear-gradient(135deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#246bad', endColorstr='#00c8c8', GradientType=1); }

/* Background Gradient Black */
.iq-over-black-10:before { content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; background: rgba(0, 0, 0, 0.1); }
.iq-over-black-20:before { content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; background: rgba(0, 0, 0, 0.2); }
.iq-over-black-30:before { content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; background: rgba(0, 0, 0, 0.3); }
.iq-over-black-40:before { content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; background: rgba(0, 0, 0, 0.4); }
.iq-over-black-50:before { content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; background: rgba(0, 0, 0, 0.5); }
.iq-over-black-60:before { content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; background: rgba(0, 0, 0, 0.6); }
.iq-over-black-70:before { content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; background: rgba(0, 0, 0, 0.7); }
.iq-over-black-80:before { content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; background: rgba(0, 0, 0, 0.8); }
.iq-over-black-85:before { content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; background: rgba(0, 0, 0, 0.85); }
.iq-over-black-90:before { content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; background: rgba(0, 0, 0, 0.9); }
.iq-over-black-95:before { content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; background: rgba(0, 0, 0, 0.95); }
[class*='iq-over-']:before { z-index: 0; }


/* Background Gradient Black */
.iq-over-Gradient-top { background: rgba(255, 93, 177, 0); background: -moz-linear-gradient(top, rgba(255, 93, 177, 0) 0%, rgba(255, 93, 177, 0) 0%, rgba(204, 122, 195, 0) 28%, rgba(235, 59, 90, 0.8) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255, 93, 177, 0)), color-stop(0%, rgba(255, 93, 177, 0)), color-stop(28%, rgba(204, 122, 195, 0)), color-stop(100%, rgba(235, 59, 90, 0.8))); background: -webkit-linear-gradient(top, rgba(255, 93, 177, 0) 0%, rgba(255, 93, 177, 0) 0%, rgba(204, 122, 195, 0) 28%, rgba(235, 59, 90, 0.8) 100%); background: -o-linear-gradient(top, rgba(255, 93, 177, 0) 0%, rgba(255, 93, 177, 0) 0%, rgba(204, 122, 195, 0) 28%, rgba(235, 59, 90, 0.8) 100%); background: -ms-linear-gradient(top, rgba(255, 93, 177, 0) 0%, rgba(255, 93, 177, 0) 0%, rgba(204, 122, 195, 0) 28%, rgba(235, 59, 90, 0.8) 100%); background: linear-gradient(to bottom, rgba(255, 93, 177, 0) 0%, rgba(255, 93, 177, 0) 0%, rgba(204, 122, 195, 0) 28%, rgba(235, 59, 90, 0.8) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5db1', endColorstr='#00c8c8', GradientType=0); }

/*---------------------------------------------------------------------
                           Section Title
-----------------------------------------------------------------------*/
.heading-title { margin-bottom: 80px; text-align: center; }
.heading-title .title { position: relative; padding-bottom: 20px; margin-bottom: 25px; }
.heading-title .title:before { content: ""; border-radius: 5px; position: absolute; bottom: 0; left: 50%; margin-left: -40px; width: 80px; height: 4px; background: rgba(235, 59, 90, 1); background: -moz-linear-gradient(-45deg, rgba(235, 59, 90, 1) 0%, rgba(235, 59, 90, 1) 100%); background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(235, 59, 90, 1)), color-stop(100%, rgba(235, 59, 90, 1))); background: -webkit-linear-gradient(-45deg, rgba(235, 59, 90, 1) 0%, rgba(235, 59, 90, 1) 100%); background: -o-linear-gradient(-45deg, rgba(235, 59, 90, 1) 0%, rgba(235, 59, 90, 1) 100%); background: -ms-linear-gradient(-45deg, rgba(235, 59, 90, 1) 0%, rgba(235, 59, 90, 1) 100%); background: linear-gradient(135deg, rgba(235, 59, 90, 1) 0%, rgba(235, 59, 90, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#246bad', endColorstr='#00c8c8', GradientType=1); }
.heading-title p { padding: 0 80px; display: block; margin-bottom: 50px; }

/* Section title white */
.heading-title.white .title { color: #fff; }
.heading-title.white .title:before { background: #fff; }
.iq-fadebounce { -webkit-animation-name: fadebounce; -moz-animation-name: fadebounce; -ms-animation-name: fadebounce; -o-animation-name: fadebounce; animation-name: fadebounce; -webkit-animation-duration: 3s; -moz-animation-duration: 3s; -ms-animation-duration: 3s; -o-animation-duration: 3s; animation-duration: 3s; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; -ms-animation-iteration-count: infinite; -o-animation-iteration-count: infinite; animation-iteration-count: infinite; }
@-moz-keyframes fadebounce {
  0% { -moz-transform: translateY(0); transform: translateY(0); opacity: 1 }
  50% { -moz-transform: translateY(20px); transform: translateY(20px); opacity: 1 }
  100% { -moz-transform: translateY(0); transform: translateY(0); opacity: 1 }
}
@-webkit-keyframes fadebounce {
  0% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1 }
  50% { -webkit-transform: translateY(20px); transform: translateY(20px); opacity: 1 }
  100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1 }
}
@-o-keyframes fadebounce {
  0% { -o-transform: translateY(0); transform: translateY(0); opacity: 1 }
  50% { -o-transform: translateY(20px); transform: translateY(20px); opacity: 1 }
  100% { -o-transform: translateY(0); transform: translateY(0); opacity: 1 }
}
@-ms-keyframes fadebounce {
  0% { -ms-transform: translateY(0); transform: translateY(0); opacity: 1 }
  50% { -ms-transform: translateY(20px); transform: translateY(20px); opacity: 1 }
  100% { -ms-transform: translateY(0); transform: translateY(0); opacity: 1 }
}
@keyframes fadebounce {
  0% { transform: translateY(0); opacity: 1 }
  50% { transform: translateY(20px); opacity: 1 }
  100% { transform: translateY(0); opacity: 1 }
}


/* Section title Style 2 */
.heading-title-2 { margin-bottom: 80px; text-align: center; }
.heading-title-2 .title { position: relative; padding-bottom: 0; margin-bottom: 25px; }
.heading-title-2 i { font-size: 60px; color: #00c8c8; }

/* Heading Title 2 Left */
.heading-title-2.text-left { text-align: left; margin-bottom: 10px; }
.heading-title-2.text-left .title { position: relative; padding-bottom: 20px; margin-bottom: 25px; padding-top: 10px; }
.heading-title-2.text-left i { font-size: 50px; color: #00c8c8; }


/*---------------------------------------------------------------------
                            Banner
-----------------------------------------------------------------------*/
.iq-banner { position: relative; overflow: hidden; }
.iq-banner .container-fluid { padding: 0 90px; }
.iq-banner:after { content: ""; bottom: -2px; left: 0; width: 100%; height: 78px; background: url('../images/banner/02.png') no-repeat 0 0; background-size: cover; display: inline-block; position: absolute; }
.iq-banner .banner-text { z-index: 9; position: relative; margin-top: 13%; }
.iq-banner .banner-text h1 { font-size: 64px; line-height: normal; }
.iq-banner .banner-img { width: 110%; }
.iq-banner .iq-video { background: #fff; display: inline-block; width: 60px; height: 60px; text-align: center; font-size: 29px; color: #00c8c8; float: left; border-radius: 100%; line-height: 2.1; z-index: 9; position: relative; }
.iq-banner .iq-video i { margin-left: 5px; }
.iq-banner .waves-box { position: relative; }
.iq-banner .iq-waves { position: absolute; width: 14rem; height: 14rem; left: -90px; top: -90px; z-index: 2; float: right; }
.iq-banner .iq-waves .waves { position: absolute; width: 384px; width: 15rem; height: 384px; height: 15rem; background: rgba(255, 255, 255, 0.2); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; border-radius: 320px; background-clip: padding-box; -webkit-animation: waves 3s ease-in-out infinite; animation: waves 3s ease-in-out infinite; }
.iq-banner .iq-waves .wave-1 { -webkit-animation-delay: 0s; animation-delay: 0s; }
.iq-banner .iq-waves .wave-2 { -webkit-animation-delay: 1s; animation-delay: 1s; }
.iq-banner .iq-waves .wave-3 { -webkit-animation-delay: 2s; animation-delay: 2s; }
@-webkit-keyframes waves {
  0% { -webkit-transform: scale(0.2, 0.2); transform: scale(0.2, 0.2); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
  50% { opacity: 0.9; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; }
  100% { -webkit-transform: scale(0.9, 0.9); transform: scale(0.9, 0.9); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
}
@keyframes waves {
  0% { -webkit-transform: scale(0.2, 0.2); transform: scale(0.2, 0.2); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
  50% { opacity: 0.9; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; }
  100% { -webkit-transform: scale(0.9, 0.9); transform: scale(0.9, 0.9); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
}
.iq-banner .banner-objects { position: absolute; left: 0; top: 0; display: inline-block; width: 100%; height: 100%; }
.iq-banner .banner-objects .banner-objects-01 { position: absolute; left: -8%; bottom: -20%; opacity: 0.1; }
.iq-banner .banner-objects .banner-objects-02 { position: absolute; bottom: 50%; margin-bottom: -125px; left: 2%; border-radius: 10px; height: 80px; width: 80px; background: rgba(255, 255, 255, 0.1); }
.iq-banner .banner-objects .banner-objects-03 { position: absolute; top: 0%; right: -10%; border-radius: 20px; height: 200px; width: 200px; background: rgba(255, 255, 255, 0.1); }

/* Banner Wave One */
.iq-banner.wave-one:after { content: ""; bottom: -2px; left: 0; width: 100%; height: 330px; background: url('../images/banner/14.png') no-repeat 0 0; background-size: cover; display: inline-block; position: absolute; }
.iq-banner.wave-one .banner-text { margin-top: 7%; padding-bottom: 13%; }


/* ---- particles.js container ---- */
#particles-js { width: 100%; height: 100%; background-image: url(''); background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; position: absolute; }