/*

TemplateMo 561 Purple Buzz

https://templatemo.com/tm-561-purple-buzz

---------------------------------------------
Table of contents
------------------------------------------------
1. Typography
2. Main Nav
3. Home
4. About
5. Work
6. Single Work
7. Pricing
8. Contact
--------------------------------------------- */

html {font-family: 'Open Sans', sans-serif;}
/* Typography */
p, a {font-weight: 400;}
.h2 {font-size: 40px;}
.h3 {font-size: 28px;}
.light-300 {font-family: 'Open Sans', sans-serif !important;font-weight: 300;}
.regular-400 {font-family: 'Open Sans', sans-serif !important;font-weight: 400;}
.semi-bold-600 {font-family: 'Open Sans', sans-serif !important;font-weight: 600;}
.typo-space-line::after,.typo-space-line-center::after {content: "";width: 150px;display:block;position: absolute;border-bottom:  5px solid #085F8D;padding-top: .5em;}
.typo-space-line-center::after {left: 50%;margin-left: -75px;}
/* Main Nav */
#main_nav .nav-item .nav-link:hover, #main_nav .nav-item .nav-link .active {color: #fff;}
.navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .show>.nav-link {color: rgba(255,255,255,.9);}
@media (min-width: 992px) {
  .navbar .nav-item .dropdown-menu{display: block;border: none;margin-top: 0;top: 150%;opacity: 0;visibility: hidden;transition: .5s;}
  .navbar .nav-item:hover .dropdown-menu {top: 100%;visibility: visible;transition: .5s;opacity: 1;}
}
@media (max-width: 820px) {#index_banner .carousel-inner {height: 27vh !important;}}
@media (max-width: 768px) {
  .navbar .nav-item .dropdown-menu{border: none;margin-top: 0;top: 150%;opacity: 0;visibility: hidden;transition: .5s;}
  .navbar .nav-item:hover .dropdown-menu {display: block;top: 100%;visibility: visible;transition: .5s;opacity: 1;}
  #index_banner .carousel-inner {height: 29vh !important;}
}

@media (max-width: 575px) {#index_banner .carousel-inner {height: 30vh !important;}}
@media (max-width: 414px) {#index_banner .carousel-inner {height: 18vh !important;}}
@media (max-width: 375px) {#index_banner .carousel-inner {height: 23vh !important;}}
@media (max-width: 360px) {#index_banner .carousel-inner {height: 19vh !important;}}
@media (max-width: 280px) {.logo {max-width: 185px;} #index_banner .carousel-inner {height: 19vh !important;}}
.dropdown-item:focus, .dropdown-item:hover {color: #fff;background-color: #27156e;}
/* Home */
#index_banner .banner-01{background-image: url('../img/banner-bg-01.jpg');background-repeat: no-repeat;background-position: center top; background-size: 100% auto;height: 100%;min-height: 60vh;width: 100%;}
#index_banner .banner-02{background-image: url('../img/banner-bg-02.jpg');background-repeat: no-repeat;background-position: center top; background-size: 100% auto;height: 100%;min-height: 60vh;width: 100%;}
#index_banner .banner-03{background-image: url('../img/banner-bg-03.jpg');background-repeat: no-repeat;background-position: center top; background-size: 100% auto;height: 100%;min-height: 60vh;width: 100%;}
#index_banner .banner-04{background-image: url('../img/banner-bg-04.jpg');background-repeat: no-repeat;background-position: center top; background-size: 100% auto;height: 100%;min-height: 60vh;width: 100%;}
#index_banner .banner-05{background-image: url('../img/banner-bg-05.jpg');background-repeat: no-repeat;background-position: center top; background-size: 100% auto;height: 100%;min-height: 60vh;width: 100%;}
#index_banner .banner-06{background-image: url('../img/banner-bg-06.jpg');background-repeat: no-repeat;background-position: center top; background-size: 100% auto;height: 100%;min-height: 60vh;width: 100%;}
#index_banner .banner-07{background-image: url('../img/banner-bg-07.jpg');background-repeat: no-repeat;background-position: center top; background-size: 100% auto;height: 100%;min-height: 60vh;width: 100%;}
#index_banner .banner-08{background-image: url('../img/banner-bg-08.jpg');background-repeat: no-repeat;background-position: center top; background-size: 100% auto;height: 100%;min-height: 60vh;width: 100%;}
#index_banner .banner-09{background-image: url('../img/banner-bg-09.jpg');background-repeat: no-repeat;background-position: center top; background-size: 100% auto;height: 100%;min-height: 60vh;width: 100%;}
#index_banner .banner-10{background-image: url('../img/banner-bg-10.jpg');background-repeat: no-repeat;background-position: center top; background-size: 100% auto;height: 100%;min-height: 60vh;width: 100%;}
#index_banner .banner-11{background-image: url('../img/banner-bg-11.jpg');background-repeat: no-repeat;background-position: center top; background-size: 100% auto;height: 100%;min-height: 60vh;width: 100%;}
#index_banner .carousel-item {min-height: 60vh;}
#index_banner .carousel-control-prev i,
#index_banner .carousel-control-next i {color: #27156e !important;text-decoration: none;font-size: 4em;}
#index_banner .carousel-inner {height: 80vh;}
#index_banner .carousel-indicators li,
#index_banner .carousel-indicators.active {background-color: #27156e !important;}
.service-wrapper .service-footer {max-width: auto; text-align: justify;}
.service-work.card {border-radius: 10px !important;cursor: pointer;}
.service-work .service-work-vertical {background: rgb(0,0,0);background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 33.33%, rgba(255,255,255,1) 66.66%, rgba(255,255,255,0) 99.99%);background-size: 300% 300%;background-position: 0% 100%;transition: .5s;}
.service-work .service-work-vertical:hover {background-position: 0% 0%;transition: .5s;}
.service-work .service-work-vertical:hover * {color: #000;border-color: #000;transition: .5s;}
.recent-work.card{border-radius: 10px !important;}
.recent-work .recent-work-vertical {background: rgb(255,255,255);background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 33.333%, rgba(8,95,141,1) 66.666%, rgba(255,255,255,0) 99.999%);background-size: 300% 300%;background-position: 0% 100%;transition: .5s;cursor: pointer;}
.recent-work .recent-work-vertical:hover {background-position: 0% 0%;transition: .5s;}
.recent-work .recent-work-vertical:hover div.recent-work-content {top: 50%;margin-top: -2.5em;position: absolute;}
.recent-work .recent-work-vertical:hover * {color: white;transition: .5s;}
/* About */
#work_banner {background: url('../img/product-bg-banner.jpg');background-position: center center; background-size: 100% auto;height: 100%;width: 100%;}
.progress {height: 8px;}
.objective-icon {border-radius: 13px;width: 8rem;}
.partner-wap {background-color: #7276ec;transition: 1s;cursor: pointer;}
.partner-wap:hover {background-color: #b1b3f5;}
.why-us {background: rgb(239,239,253);background: -moz-linear-gradient(0deg, rgba(239,239,253,1) 50%, rgba(255,255,255,1) 50%);background: -webkit-linear-gradient(0deg, rgba(239,239,253,1) 50%, rgba(255,255,255,1) 50%);background: linear-gradient(0deg, rgba(239,239,253,1) 50%, rgba(255,255,255,1) 50%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#efeffd",endColorstr="#ffffff",GradientType=1);}
.team-member-img {transition-duration: 0.15s;}
.team-member:hover .team-member-img {padding: 10px !important;}

/* Work */
/* Singel Work */
#work_single_banner {background: url('../img/product-bg-banner.jpg');background-position: center center; background-size: 100% auto;height: 100%;width: 100%;}
.related-content {border-radius: 20px;cursor: pointer;}
/* Pricing */
.pricing-list {margin-bottom: 1px;}
.pricing-table {max-width: 350px;margin: auto;}
.pricing-table,.pricing-horizontal {border-radius: 15px !important;}
/* Contact */
#floatingtextarea {height: 150px}
/* Footer */
.logo{ max-width: 400px;}
.footer-logo{max-width: 265px; border-radius: 20px;}
footer a.text-light:hover {color: #bfbfbf !important;transition-duration: 0.15s;}

/*.goog-te-gadget span{display: none;}
.goog-te-gadget {visibility: hidden;}*/
.goog-logo-link {display:none !important;}    
.goog-te-gadget{color: #000 !important;font-size: 0px;}
.goog-te-gadget .goog-te-combo {margin: 4px 0;color: #000;}
#google_translate_element{margin-top: -5px;height: 35px !important;overflow: hidden !important;}