body {font-family: 'Roboto', sans-serif; font-size:14px; line-height: 26px; color:#1a1a1a; background-color: #35213e; margin: 0px; padding: 0px;}

h1{ font-family: 'Prompt', sans-serif; font-size:64px; color: #050b22; margin: 0 0 0 0; padding: 0 0 0 0;}
h2{ font-family: 'Prompt', sans-serif; font-size:56px; color: #ffffff; line-height:72px; margin: 0 0 0 0; padding: 0 0 0 0;}
h3{ font-family: 'Prompt', sans-serif; font-size:48px; color: #ffffff; margin: 0 0 0 0; padding: 0 0 0 0;}
h4{ font-family: 'Prompt', sans-serif; font-size:40px; color: #ffffff; margin: 0 0 0 0; padding: 0 0 0 0;}
h5{ font-family: 'Prompt', sans-serif; font-size:32px; color: #ffffff; margin: 0 0 0 0; padding: 0 0 30px 0;}

h6{ font-family: 'Prompt', sans-serif; font-size:24px; color: #f62f79; line-height: 26px; margin: 0 0 0 0; padding: 0 0 20px 0;}

p{ font-family: 'Roboto', sans-serif; font-size:14px; line-height: 26px; color:#fef3ff; margin:0px 0 0 0; padding: 0 0 0 0;}
@media (max-width:767px){
  h1{ font-size: 42px; margin: 0 0 0 0;}
  h2{ font-size: 42px; line-height: 48px; margin: 0 0 0 0;}
  h3{ font-size: 36px !important; line-height: 24px;}
}

::selection {background: #f62f79; color: #ffffff; text-shadow: none;}
::-moz-selection {background: #f62f79; /* Firefox */ color: #FFFFFF; text-shadow: none;}
::-webkit-selection {background: #f62f79; /* Safari */ color: #ffffff; text-shadow: none;}

.padding-top {padding-top:150px;}
.padding-bottom{padding-bottom:150px;}
.padding-none{padding: 0 0 0 0;}
.space-50{padding-top:50px;}
.space-bottom-50{padding-bottom:50px;}

.container{margin: 0px auto; padding: 0 0 0 0;}
.navbar-brand {padding: 0px; height: 90px;}
.navbar-brand>img {height: 100%; padding: 7px 15px; width: auto;}
.navbar-default .navbar-nav>li>a {color: #050b22;}
.navbar-default .navbar-nav> li> a:hover, .navbar-default .navbar-nav> li> a:focus {color: #f62f79;}
/* .navbar-default .navbar-nav> li> a.active */
.navbar-default .navbar-nav> .active> a, .navbar-default .navbar-nav> .active> a:hover, .navbar-default .navbar-nav> .active> a:focus {color: #f62f79; background-color: transparent; border-bottom: 3px solid #f62f79;}
/* #home{margin: 50px 0 0 0;} */
#about{margin: 0px 0 0 0;}
#skills{margin: 0px 0 0 0; width: 100%; height: auto; float: left;}
#portfolio{width: 100%; height: auto; float: left; margin: 0px 0 0 0;}
#contact{margin: 0px 0 0 0;}
#home{background: url("../images/Website-home-page-re.jpg") top center no-repeat; background-size:cover;}
.container-fluid {padding-top: 90px;}
#portfolio ul, #skills ul {width: auto; display: inline-block;}
#portfolio ul>li, #skills ul>li {text-align: left;}
footer{background: url("../images/say-hello-3.png") right bottom no-repeat #250832;}
.fa-pencil, .fa-cogs, .fa-code, .fa-cubes, .fa-dashboard, .fa-certificate, .fa-flask {font-size: 2.5em; color: black;}
.fa-envelope:hover, .fa-facebook:hover, .fa-github:hover, .fa-google-plus:hover, .fa-linkedin:hover, .fa-twitter:hover {color: #777;}
.fa-stack {color: black; font-size: 2em;}
.bg-grey {color: #333;}
.container-fluid {padding: 60px 50px;}
/* Tablets */
@media (max-width: 992px) {
  .navbar ul li a {font-size: .9em; padding-left: 0;}
}
/* Portrait phones and smaller */
@media (max-width: 480px) {
  .navbar ul li a {font-size: 1em; padding-left: 15px;}
  .navbar-brand>img {height: auto; padding: 7px 15px; width: 200px;}
  /* #home{float: left;}
  #contact{float: left;}
  #about{float: left;}
  #skills{float: left;}
  #services{float: left;} */
  h1.title {font-size: 1.8em; padding-top: 1.6em;}
  h3.title {font-size: 1.2em;}
  .container-fluid {padding-top: 80px;}
  .container{padding: 0 15px !important;}
  .fa-stack {font-size: 1.3em;}
  .navbar-default {width: 100%; float: left;}
  .banner-section h1{padding: 1.5em 0 0.3em 0 !important; font-size: 3.5em !important;}
  .banner-section h5{padding: 0 0 !important;}
  .banner-section{padding: 1em !important;}
  .navbar-default .navbar-toggle{margin: 30px; border: 2px solid #35213e;}
  .navbar-toggle .icon-bar {display: block; width: 28px; height: 3px; border-radius: 1px; background: #35213e !important;}
  .navbar-toggle .icon-bar+.icon-bar {margin-top: 6px;}
  .navbar-brand{padding: 15px;}
  .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {background-color: #d6c3df;}
  .navbar-default .navbar-collapse, .navbar-default .navbar-form {border-color: #d6c3df;}
  .navbar-nav {margin: 7.5px 15px !important;}
  .cogview-story-txt{float: left;}
  .cogview-story-txt{padding: 4em 1em !important;}
  .cogview-story h3{padding: 1em !important;}
  /* .services-txt-img h3{padding: 1em !important;} */
  /* .food-culture-txt{padding: 1em !important;}
  .food-culture-img{float: left;}
  .food-culture-img h3{padding: 1em !important;} */
  #scroll{width: 50px !important; height: 50px !important; z-index: 1; bottom: 100px !important; right: 10px !important;}
  footer ul{margin: 0 0 0 0 !important;}
  /* .footer ul li{padding: 0 0 0 0 !important;} */
  .float{width: 50px !important; height: 50px !important; right: 15px !important;}
  .kreativemug p{text-align: left !important;}
  #home{padding: 50px 0;}
  #about{padding: 50px 0;}
  #skills{padding: 50px 0;}
  #portfolio{padding: 50px 0;}
  #contact{padding: 50px 0 10px 0;}
}

.navbar-default {background-color:#f8f8f8; border: 0px;}
.banner-section{width: 100%; height: auto; float: left; padding: 3em; text-align: center;}
.banner-section p{padding: 0 20%; color:#10183c; margin: 0 0 8% 0;}
.banner-section h1{padding: 3.5em 0 0.3em 0; color: #050b22;}
.scroll-downs {margin:35px auto; width :34px; height: 55px;}
.mousey {width: 3px; padding: 10px 15px; height: 35px; border: 3px solid #ffffff; border-radius: 25px; opacity: 0.5; box-sizing: content-box;}
.scroller {width: 3px; height: 10px; border-radius: 25%; background-color: #ffffff; animation-name: scroll; animation-duration: 2.2s; animation-timing-function: cubic-bezier(.15,.41,.69,.94); animation-iteration-count: infinite;}
@keyframes scroll {
  0% { opacity: 0; }
  10% { transform: translateY(0); opacity: 1; }
  100% { transform: translateY(15px); opacity: 0;}
}
.navbar-right{margin: 20px 0 0 0;}
/* scroll to top */
#scroll {position:fixed; right:40px; bottom:40px; cursor:pointer; width:60px; height:60px; background-color:#6d4d7b; text-indent:-9999px; display:none; -webkit-border-radius:60px; -moz-border-radius:60px; border-radius:60px;  box-shadow: 2px 2px 9px #1e1103;}
#scroll span {position:absolute; top:50%; left:50%; margin-left:-15px; margin-top:-25px; height:0; width:0; border:16px solid transparent; border-bottom-color:#f62f79;}
#scroll:hover {background: rgb(255,104,46); background: linear-gradient(180deg, rgba(255,104,46,1) 39%, rgba(250,32,179,1) 100%); opacity:1; filter:"alpha(opacity=100)"; -ms-filter:"alpha(opacity=100)";}
/* whatsapp style */
.float{position:fixed; width:60px; height:60px; bottom: 40px; right:40px; z-index:100;}
.my-float{margin-top:16px;}
.partners-logo{width: 100%; height: auto; float: left; }
.our-story{width: 100%; height: auto; float: left; }
.our-story img{width: 100%; height: auto; float: left; padding: 0 0 0 0; margin: 0 0 0 0;}
.cogview-story{float: left; padding: 0 0 0 0; margin: 0 0 0 0;}
.cogview-story h3{position: absolute; z-index: 0; padding: 4em; bottom: 0; background: rgb(255,255,255);
background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(51,35,33,0.8603816526610644) 83%); -webkit-border-bottom-right-radius: 8px; -webkit-border-bottom-left-radius: 8px; -moz-border-radius-bottomright: 8px; -moz-border-radius-bottomleft: 8px; border-bottom-right-radius: 8px; border-bottom-left-radius: 8px;}
.cogview-story-txt{padding: 3em 0 0 3em; margin: 0 0 0 0;}
.cogview-story-txt h2{padding: 0 0 1em 0; margin: 0 0 0 0;}
.services h2{padding-bottom: 2em;}
.services img{-webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;}
.services-txt-img h3{font-weight: 300; padding: 3em; float: left;}
.services-txt-img img{width: 100%; height: auto; float: left; margin: 2em 0 0 0; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;}
/* .food-culture-txt{padding: 4em;}
.food-culture-txt h2{padding: 0 0 1em 0;}
.food-culture-img img{width: 100%; height: auto; float: left; padding: 0 0 0 0; margin: 0 0 0 0; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;}
.food-culture-img h3{position: absolute; z-index: 0; padding: 4em; bottom: 0; background: rgb(255,255,255);
background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(51,35,33,0.8603816526610644) 83%); -webkit-border-bottom-right-radius: 8px; -webkit-border-bottom-left-radius: 8px; -moz-border-radius-bottomright: 8px; -moz-border-radius-bottomleft: 8px; border-bottom-right-radius: 8px; border-bottom-left-radius: 8px;} */

.primary-btn{margin-top: 25px; padding: 17px 55px; background: rgb(255,104,46); background: linear-gradient(180deg, rgba(255,104,46,1) 39%, rgba(250,32,179,1) 100%); color: #ffffff; font-family: 'Roboto', sans-serif; -webkit-font-smoothing:auto; font-size: 14px; -webkit-border-radius:50px; moz-border-radius: 50px; border-radius:50px; border: 0px; -webkit-box-shadow: 0px 10px 18px -11px rgb(4 11 25);
-moz-box-shadow: 0px 10px 18px -11px rgb(4 11 25); box-shadow: 0px 10px 18px -11px rgb(4 11 25);}
.primary-btn:hover,
.primary-btn:focus{text-decoration: none; background: rgb(255,104,46); background: linear-gradient(180deg, rgba(255,104,46,1) 0%, rgba(250,32,179,1) 100%); color: #ffd8ed;}
.raise:hover,
.raise:focus {box-shadow: 0 0.5em 0.5em -0.4em var(--hover); transform: translateY(-0.25em);}

.team-img h6{color: #ffffff; padding: 0 0 0 0; margin: 0 0 0 0;}
.team-img label{font-family: 'Prompt', sans-serif; font-size:16px; color: #ffc6db; margin: 0 0 0 0; padding: 0 0 20px 0;}

.services-slider{float: left; padding-bottom: 75px;}
/* card slider css */
.col-item {width: 100%; height: auto; float: left; padding: 40px; background: #ac0182; background: linear-gradient(156deg, #ac0182 0%, #f51a91 100%);
   -webkit-border-radius: 28px; -moz-border-radius: 28px; border-radius: 28px;}
.col-item img {margin: 0 0 0 0; float: left; width:126px; padding: 0 0 30px 0;}
.col-item h6{width: 100%; float: left; padding: 0 0 20px 0; color: #ffffff; line-height: 32px;}
.col-item p{width: 100%; float: left; padding: 0 0 0px 0; color: #ffe6e3;}
.clear-left {clear: left;}
.controls {width: auto; float: right; margin: 20px 0;}
.controls a{border-radius: 50px; background: #6c4c7b; color: #f62f79; padding: 15px 19px; font-size: 22px; font-weight: normal; text-align: center;}
.controls a:hover{background: #f62f79; color: #ff8db8;}
[data-slide="prev"] {margin-right: 10px;}
/* cards ends here */
.portfolio-paragraph{padding: 3em 3em; border-left: 3px solid #f62f79;}
.portfolio-paragraph p{font-size: 18px;}
.big-text{width: 100%; height: auto; float: left;}
.big-text span{width: 100%; height: auto; float: left; font-family: 'Prompt', sans-serif; font-size:100px; color: #f51a91; line-height: 90px; padding-bottom: 25px;}
.big-text h6{color: #ffffff; padding-bottom: 25px;}
.big-text h6 a{color: #d6c3df; text-decoration: underline;}
.big-text p{padding-bottom: 25px; color: #d6c3df; font-size: 18px;}
.big-text p a{color: #d6c3df; border-bottom: 2px solid #f62f79;}
.big-text p a:hover{text-decoration: none; color: #f62f79; border-bottom: 2px solid #d6c3df;}

.contact-form{padding: 40px 0 0 0; /*float: left;*/}
.contact-form .form-group{margin-bottom: 25px; padding: 0 5px;}
.form-control{background: #2c1636; height: 50px; border: 0px; color: #ffffff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
.input-box{padding: 0 30px;}
.form-group span{font-size:14px; line-height:24px; color:#ffffff; }
.form-group label{color: #ff0000; background: none; padding: 0 0 0 0;}
/* .form-group input{height: 34px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-size: 14px; } */
/* .form-group select{height: 34px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-size: 14px; } */
.form-group textarea{-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;  font-size:14px;}

footer{width: 100%; height: auto; float: left;}
footer ul{width: auto; height: auto; margin: 0px auto; padding: 0 0 0 0; display: table;}
footer ul li{width: auto; height: auto; padding: 0 0 0 0; border-right: 1px solid #a17444; list-style: none; float: left;}
footer ul li:last-child {border: none;}
footer ul li a{color: #d6c3df;}
footer ul li a:hover{opacity: 0.7; text-decoration: none;}
.footheader{width: 100%; height: auto; float: left; padding: 0 0 50px 0;}
/* .contact-details{margin-top: 4em;} */
.foot-logo img{width: 150px;}
.foot-logo span{font-family: 'Prompt', sans-serif; color: #d6c3df; font-size: 18px; line-height: 14px;}
.contact-details ul li{width:100%; height: auto; float: left; margin: 0 0 0 0; border: none;}
.contact-details ul li a{color: #d6c3df; font-size: 18px; line-height: 34px;}
.contact-details ul li a:hover{opacity: 0.7; text-decoration: none;}
/* .visit-us{margin-top: 4em;} */
.visit-us p{color: #d6c3df; margin-bottom:2em; font-size: 18px; line-height: 34px;}
.visit-us a{color: #d6c3df; border-bottom: 2px solid #f73079; font-size: 18px; line-height: 34px;}
.visit-us a:hover{opacity: 0.7; text-decoration: none;}

.foot-note{width: 100%; height: auto; background: #501744; margin-top:150px; padding:15px 0 15px 0;}
.foot-note .container{}
.foot-note p{color: #d9c2d5; font-size: 14px;}
.kreativemug p{color: #d9c2d5; font-size: 12px; text-align: right; padding: 8px 0 10px 5px; margin: 0; line-height: 16px;}
.kreativemug p a{color: #d9c2d5; font-size: 14px; text-decoration: underline; text-decoration-color: #f73079; text-decoration-thickness: 2px; }
.kreativemug p a:hover{opacity: 0.7; text-decoration: none;}

/*========================== MEDIA QUERY CSS FOR RESPONSIVE
 Extra small devices (phones, 600px and down)
 ================================ */
  @media only screen and (max-width: 767px) {
    .navbar-brand {width: 225px; margin:5px 5px;}
    .navbar-brand a img{width:70px;}
    #navigation .navbar-right li a{color: #}
    .form-box{padding: 30px;}
    .input-box{padding: 0 0px;}
    .form-group{padding: 0px;}
    .big-text span{font-size: 64px !important; line-height: 74px !important;}
    .banner-section p{padding: 0 0;}
    .video-text { padding: 5em 0em 0 0 !important; }
    /* .video-text{padding: 0em;} */
  }

  /* Small devices (portrait tablets and large phones, 600px and up) */
  @media only screen and (min-width: 600px) {
    .video-text { padding: 5em 0em 0 0; }
  }

  /* Medium devices (landscape tablets, 768px and up) */
  @media only screen and (min-width: 768px) {
    .navbar-brand{width: 180px;}
  }

  /* Large devices (laptops/desktops, 992px and up) */
  @media only screen and (min-width: 992px) {

  }

  /* Extra large devices (large laptops and desktops, 1200px and up) */
  @media only screen and (min-width: 1200px) {

  }

  /* video background css`*/
  #video-viewport {position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; z-index: -1;}
  video { display:block; height:auto; margin: 0px auto; width: 100%;}
.fullsize-video-bg {width:100%; height:868px; overflow:hidden; position:relative; top: 90px; margin: 0 0 70px 0;}
  /* .fullsize-video-bg:before {content: ""; background:rgb(247 236 244 / 35%); position:absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; }
  .fullsize-video-bg:after { content: ""; background-image: url("../images/vdo-bg.png"); background-size: 3px 3px; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; } */
  .fullsize-video-bg .container { display: table; margin: 0 auto; padding: 0; position: relative; z-index: 2;}
  .fullsize-video-bg .container > div {display: table-cell; vertical-align: middle;}
  .fullsize-video-bg h3{color: #FFFFFF; font-size: 24px; line-height: normal; margin-bottom: 20px;}
  .fullsize-video-bg h1{color: #FFFFFF; line-height: normal;}
  .video-text{margin: 0px auto; padding: 20em; text-align: center; position: relative; z-index: 100;}
  .video-text p{font-size: 18px; padding: 2em 6em 3em 6em;}

  /* translate CSS */
  /* #translation{width: auto; height: auto; float: left; padding: 10px;} */
  /* #google_translate_element{padding: 10px; float: left; background: #f2f2f2;} */
  .goog-te-gadget-icon {
    display:none;
  }


  .goog-te-gadget-simple {
      background-color: #ecebf0 !important;
      border:0 !important;
      font-size: 10pt;
     font-weight:800;
      display: inline-block;
      padding:10px 10px !important;
      cursor: pointer;
      zoom: 1;
  }

  .goog-te-gadget-simple  span {
     color:#3e3065 !important;

  }
.skiptranslate iframe{display: none !important;}
.pricing{width: 100%; height: auto; float: left;}
.pricing-head{text-align: center; padding-bottom: 100px;}
.price-detail{width: 100%; float: left; padding:100px 40px; background: #ac0182; background: linear-gradient(156deg, #ff8840 0%, #f51a91 100%);  -webkit-border-radius: 28px; -moz-border-radius: 28px; border-radius: 28px;}
.price-detail img{width:126px; float: left; padding-bottom: 20px;}
.price-detail h4{width: 100%; float: left; padding-bottom: 20px;}
.price-detail p{width: 100%; float: left; padding-bottom: 20px;}

#partner_with_us{width: 100%; height: auto; float: left;}
.partners-logo{width: 100%; height: auto; float: left; padding: 20px 0;}
.partners-logo img{padding: 0 25px; float: left;}
.partners-logo h5{width: 100%; padding: 0 0 25px 0; float: left;}