@media (min-width: 1300px)



{



 .container {



    max-width: 1300px;



  } 



}







@font-face {



    font-family: 'Gotham-booki';



    src: url('fonts/Gotham-BookItalic.woff2') format('woff2'),



        url('fonts/Gotham-BookItalic.woff') format('woff');



    font-weight: normal;



    font-style: italic;



}



@font-face {



    font-family: 'Gotham-black';



    src: url('fonts/Gotham-Black.woff2') format('woff2'),



        url('fonts/Gotham-Black.woff') format('woff');



    font-weight: normal;



    font-style: italic;



}











@font-face {



    font-family: 'Gotham-medium';



    src: url('fonts/Gotham-Medium.woff2') format('woff2'),



        url('fonts/Gotham-Medium.woff') format('woff');



    font-weight: 500;



    font-style: normal;



}







@font-face {



    font-family: 'Gotham-light';



    src: url('fonts/Gotham-Light.woff2') format('woff2'),



        url('fonts/Gotham-Light.woff') format('woff');



    font-weight: 300;



    font-style: normal;



}







@font-face {



    font-family: 'Gotham-mediumi';



    src: url('fonts/Gotham-MediumItalic.woff2') format('woff2'),



        url('fonts/Gotham-MediumItalic.woff') format('woff');



    font-weight: 500;



    font-style: italic;



}







@font-face {



    font-family: 'Gotham-medium';



    src: url('fonts/Gotham-Medium.woff2') format('woff2'),



        url('fonts/Gotham-Medium.woff') format('woff');



    font-weight: 500;



    font-style: normal;



}







@font-face {



    font-family: 'Gotham-book';



    src: url('fonts/Gotham-Book.woff2') format('woff2'),



        url('fonts/Gotham-Book.woff') format('woff');



    font-weight: normal;



    font-style: normal;



}







@font-face {



    font-family: 'Gotham-bold';



    src: url('fonts/Gotham-Bold.woff2') format('woff2'),



        url('fonts/Gotham-Bold.woff') format('woff');



    font-weight: bold;



    font-style: normal;



}







@font-face {



    font-family: 'Gotham-lighti';



    src: url('fonts/Gotham-LightItalic.woff2') format('woff2'),



        url('fonts/Gotham-LightItalic.woff') format('woff');



    font-weight: 300;



    font-style: italic;



}







@font-face {



    font-family: 'Gotham-boldi';



    src: url('fonts/Gotham-BoldItalic.woff2') format('woff2'),



        url('fonts/Gotham-BoldItalic.woff') format('woff');



    font-weight: bold;



    font-style: italic;



}















/* mixin start



  ============================================================================================ */



/* Medium Layout: 1280px */



/* Tablet Layout: 768px */



/* Mobile Layout: 320px */



/* Wide Mobile Layout: 480px */



/* mixin end



  ============================================================================================ */



/* global style start



  ============================================================================================ */



body {



  color: #939598;



  font-family: "Gotham-light", sans-serif;



  font-size: 15px;



  line-height: 1.6;



}







ul {



  list-style-type: none;



  margin: 0;



  padding: 0;



}







a:hover {



  text-decoration: none;



}







button {



  cursor: pointer;



}







button:focus {



  outline: 0 !important;



  box-shadow: none !important;



}







h1,



h2,



h3,



h4,



h5,



h6 {



  color: #00b0ae;



  line-height: 1.25;



  font-weight: bold;



}







h1,



.h1 {



  font-size: 60px;



}



h1 span



{



  color: #f08020;



}







h2,



.h2 {



  font-size: 28px;



}



h2 span



{



  font-weight: normal;



}



@media (min-width: 768px) {



  h2,



  .h2 {



    font-size: 28px;



  }



}







h3, .h3 {



  font-size: 28px;



}







.primary-text {



  color: #EC7F26;



}







.bg-gray {



  background-color: #f8f8ff;



}







.pb-90px {



  padding-bottom: 60px;



}







@media (min-width: 992px) {



  .pb-90px {



    padding-bottom: 90px;



  }



}







.mh-tour {



  max-height: 630px;



}







.section-margin {



  margin: 65px 0;



}







@media (min-width: 992px) {



  .section-margin {



    margin: 130px 0;



  }



}







.section-margin-large {



  margin: 65px 0;



}







@media (min-width: 992px) {



  .section-margin-large {



    margin: 140px 0;



  }



}







.section-padding {



  padding-top: 100px;



  padding-bottom: 100px;



}







@media (max-width: 768px) {



  .section-padding {



    padding-top: 50px!important;

    padding-bottom: 50px!important;



  }

  .section-padding.prod-single

  {

    padding-top: 0px!important;

  }



  .news-section .col-md-6



  {



    padding-bottom: 25px;



  }



  .news-section p



  {



    margin: 0px;



  }



  .flip-card {



    height: 510px!important;



    margin: 10px 0px;



  }

  .flip-card-front {

    

    background-repeat: no-repeat, repeat!important;

}



  .flip-card-front {



    background-position: 0px -135px, 0px -184px!important;



  }



  .about-page-leadership {



    background-repeat: repeat!important;



    background-size: contain!important;



}



.mfp-content .row



  {



    margin: 0px!important;



  }



.leader-desc .team-content {

    padding: 40px 15px 7px 15px!important;

}

.mfp-container

{

  top: 45px!important;

}

.devider.mob,h2.mob

{

  display: block!important;

}

.devider.desk,h2.desk

{

  display: none!important;

}

.devider {

    border-top: 3px solid #c0d844!important;

    width: 80px!important;

}

h2, .h2 {

    font-size: 21px!important;

}

.leader-desc {

    width: 95%!important;

}

.mfp-close-btn-in .mfp-close {

    right: -10px!important;

    }

body .flex-direction-nav {

    padding-top: 30px!important;

}

.abou-img

{

  position: inherit!important;

}

.about-container .slider-desc

{

  padding-top: 50px

}





.about-subtitle {

    font-size: 19px!important;

  }





}



.mfp-hide {



    display: none !important;



}



.white-popup {



  position: relative;



  background: #FFF;



  padding: 0px;



  width:auto;



  max-width: 1200px;



  margin: 0 auto; 



}



a.founder1,



a.founder2,



a.founder3



{



  cursor: pointer;



}



/* ====== Zoom effect ====== */



 .mfp-zoom-in {



  /* start state */



  /* animate in */



  /* animate out */



}



 .mfp-zoom-in .mfp-with-anim {



   opacity: 0;



   transition: all 0.2s ease-in-out;



   transform: scale(0.8);



}



 .mfp-zoom-in.mfp-bg {



   opacity: 0;



   transition: all 0.3s ease-out;



}



 .mfp-zoom-in.mfp-ready .mfp-with-anim {



   opacity: 1;



   transform: scale(1);



}



 .mfp-zoom-in.mfp-ready.mfp-bg {



   opacity: 0.8;



}



 .mfp-zoom-in.mfp-removing .mfp-with-anim {



   transform: scale(0.8);



   opacity: 0;



}



 .mfp-zoom-in.mfp-removing.mfp-bg {



   opacity: 0;



}



.generic-margin {



  margin-top: 100px;



}







@media (min-width: 992px) {



  .generic-margin {



    margin-top: 180px;



  }

}

@media (max-width: 992px) {

  .flip-card-back h1, .flip-card-front h1 {

    font-size: 20px!important;

  }

}





@media (min-width: 1200px) {



  .generic-margin {



    margin-top: 250px;



  }



}







/* global style end



  ============================================================================================ */



/* header style start



  ============================================================================================ */



.header_area {



  width: 100%;



  z-index: 99;



  transition: background 0.4s, all 0.3s linear;



  /*background-image: url(../images/header-menu-bg.png);*/

  background-image: url(../images/inner_page_menu_pg.jpg);

 



  background-repeat: repeat-x;



  /*position: absolute;*/



  z-index: 999;



}



.inner_page .header_area {



  width: 100%;



  z-index: 99;



  transition: background 0.4s, all 0.3s linear;



  background-image: url(../images/inner_page_menu_pg.jpg);



  background-repeat: repeat-x;



  /*position: absolute;*/



  z-index: 999;



  background-size: cover;



}











.header_area .navbar-right {



  min-width: 200px;



  text-align: right;



}







@media (max-width: 991px) {



  .header_area .navbar-right {



    margin: 20px 0;



  }



}







.header_area .navbar-brand {



  margin-right: 30px;



  padding: 0;



}







.header_area .navbar-social {



  min-width: 95px;



  float: right;



}







.header_area .navbar-social li {



  margin-right: 12px;



}







.header_area .navbar-social li i, .header_area .navbar-social li span {



  font-size: 13px;



}







.header_area .navbar-social li:last-child {



  margin-right: 0;



}







.header_area .navbar-social li a:hover i, .header_area .navbar-social li span {



  color: #6059f6;



}







.header_area .menu_nav {



  width: 100%;



}







.header_area .navbar {



  background: transparent;



  border: 0px;



  border-radius: 0px;



  width: 100%;



  padding: 15px 0px;



}







.header_area .navbar .nav-right {



  min-width: 140px;



}







/*.header_area .navbar .nav .nav-item {



  margin-right: 35px;



  font-family: "DK-Midnight-Chalker", sans-serif;



}



*/



.header_area .navbar .nav .nav-item .nav-link {



  font-family: "Gotham-light", sans-serif;



  color: #ffffff;



  text-transform: capitalize;



  padding: 5px 8px;



  display: inline-block;



  font-size: 16px;



 /* letter-spacing: 2px;*/



}



.header_area .navbar .nav .nav-item .nav-link:hover,



.header_area .navbar .nav .nav-item.active .nav-link{



  font-family: "Gotham-medium", sans-serif;



  }







.header_area .navbar .nav .nav-item .nav-link:after {



  display: none;



}







.header_area .navbar .nav .nav-item .nav-link.last-item



{



  border: none;



}



.header-social a



{



  padding: 5px;



  border-right: 2px solid #535252; 



}



.header-social a:hover img



{



  opacity: 0.8;



}



.header-social a.last-item



{



  border: none;



}



/*@media (min-width: 992px) {



  .header_area .navbar .nav .nav-item:hover .nav-link,



  .header_area .navbar .nav .nav-item.active .nav-link {



    color: #ffffff;



    opacity: 1;



    background-image: url("../images/contact-bg.png");



    background-repeat: no-repeat;



    background-size: contain;



    background-position: center;



    



  }



}*/







.header_area .navbar .nav .nav-item.submenu {



  position: relative;



}







.header_area .navbar .nav .nav-item.submenu ul {



  border: none;



  padding: 0px;



  border-radius: 0px;



  box-shadow: none;



  margin: 0px;



  background: #fff;



}







@media (min-width: 992px) {



  .header_area .navbar .nav .nav-item.submenu ul {



    position: absolute;



    top: 120%;



    left: 0px;



    min-width: 200px;



    text-align: left;



    opacity: 0;



    transition: all 300ms ease-in;



    visibility: hidden;



    display: block;



    border: none;



    padding: 0px;



    border-radius: 0px;



    box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.4);



  }



}







.header_area .navbar .nav .nav-item.submenu ul:before {



  content: "";



  width: 0;



  height: 0;



  border-style: solid;



  border-width: 10px 10px 0 10px;



  border-color: #eeeeee transparent transparent transparent;



  position: absolute;



  right: 24px;



  top: 45px;



  z-index: 3;



  opacity: 0;



  transition: all 400ms linear;



}







.header_area .navbar .nav .nav-item.submenu ul .nav-item {



  display: block;



  float: none;



  margin-right: 0px;



  border-bottom: 1px solid #ededed;



  margin-left: 0px;



  transition: all 0.4s linear;



}







.header_area .navbar .nav .nav-item.submenu ul .nav-item .nav-link {



  line-height: 45px;



  color: #6059f6 !important;



  padding: 0px 30px;



  transition: all 150ms linear;



  display: block;



  margin-right: 0px;



}







.header_area .navbar .nav .nav-item.submenu ul .nav-item:last-child {



  border-bottom: none;



}







.header_area .navbar .nav .nav-item.submenu ul .nav-item:hover .nav-link {



  background-color: #6059f6;



  color: #fff !important;



}







@media (min-width: 992px) {



  .header_area .navbar .nav .nav-item.submenu:hover ul {



    visibility: visible;



    opacity: 1;



    top: 100%;



  }



}







.header_area .navbar .nav .nav-item.submenu:hover ul .nav-item {



  margin-top: 0px;



}







.header_area .navbar .nav .nav-item:last-child {



  margin-right: 0px;



}







.header_area .navbar .search {



  font-size: 12px;



  line-height: 60px;



  display: inline-block;



  margin-left: 80px;



}







.header_area .navbar .search i {



  font-weight: 600;



}







.header_area.navbar_fixed .main_menu {



  position: fixed;



  width: 100%;



  top: -70px;



  left: 0;



  right: 0;



  z-index: 99;



  transform: translateY(70px);



  transition: transform 500ms ease, background 500ms ease;



  -webkit-transition: transform 500ms ease, background 500ms ease;



  box-shadow: 0px 3px 16px 0px rgba(0, 0, 0, 0.1);



}







.header_area.navbar_fixed .main_menu .navbar {



  background-image: url(../images/header-menu-bg.png)



}







/*.header_area.navbar_fixed .main_menu .navbar .nav .nav-item .nav-link {



  line-height: 20px;



}*/







.header_area.navbar_fixed .main_menu .navbar .nav .nav-item:hover .nav-link,



.header_area.navbar_fixed .main_menu .navbar .nav .nav-item.active .nav-link {



  font-family: "Gotham-medium", sans-serif;



}







@media (min-width: 992px) {



  .header_area.white_menu .navbar .navbar-brand img {



    display: none;



  }



  .header_area.white_menu .navbar .navbar-brand img + img {



    display: inline-block;



  }



}







@media (max-width: 991px) {



  .header_area.white_menu .navbar .navbar-brand img {



    display: inline-block;



  }



  .header_area.white_menu .navbar .navbar-brand img + img {



    display: none;



  }



  .prod-single .devider {



    margin-top: 32px!important;



}



}







.header_area.white_menu .navbar .nav .nav-item .nav-link {



  color: #fff;



}







.header_area.white_menu.navbar_fixed .main_menu .navbar .navbar-brand img {



  display: inline-block;



}







.header_area.white_menu.navbar_fixed .main_menu .navbar .navbar-brand img + img {



  display: none;



}







.header_area.white_menu.navbar_fixed .main_menu .navbar .nav .nav-item .nav-link {



  line-height: 70px;



}







.top_menu {



  background: #ec9d5f;



}







.top_menu .float-left a {



  line-height: 40px;



  display: inline-block;



  color: #fff;



  text-transform: uppercase;



  font-size: 12px;



  margin-right: 50px;



  -webkit-transition: all 0.3s ease 0s;



  -moz-transition: all 0.3s ease 0s;



  -o-transition: all 0.3s ease 0s;



  transition: all 0.3s ease 0s;



}







.top_menu .float-left a:last-child {



  margin-right: 0px;



}







.top_menu .float-right .pur_btn {



  color: #fff;



  line-height: 40px;



  display: block;



  padding: 0px 40px;



  font-weight: 500;



  font-size: 12px;



}







/* header style end



  ============================================================================================ */



@media (max-width: 1619px) {



  /* Main Menu Area css



  ============================================================================================ */



  .header_area .navbar .search {



    margin-left: 40px;



  }



  /* End Main Menu Area css



  ============================================================================================ */



}







@media (max-width: 1199px) {



  /* Main Menu Area css



  ============================================================================================ */



  .header_area .navbar .nav .nav-item {



    margin-right: 0px;



  }



  .header_area .navbar .nav .nav-item .nav-link



  {



    font-size: 20px;



  }



  /* End Main Menu Area css



  ============================================================================================ */



  /* Home Banner Area css



  ============================================================================================ */



  .home_banner_area .banner_inner {



    padding: 100px 0px;



  }



  /* End Home Banner Area css



  ============================================================================================ */



  .header_area .navbar .tickets_btn {



    margin-left: 40px;



  }



  .home_banner_area .banner_inner .banner_content h2 br {



    display: none;



    font-size: 36px;



  }



  .home_banner_area .banner_inner .banner_content h2 {



    font-size: 36px;



    line-height: 45px;



  }



  .top_cta li a {



    font-size: 15px!important;



  }



  .top_cta li, .top_social li {



    padding: 0px;



  }



  ul.top_cta, ul.top_social {



    



    padding: 0px!important;



  }



  .top_bar .col-lg-4 {



    -ms-flex: 0 0 26.333333%;



    flex: 0 0 26.333333%;



    max-width: 26.333333%;



  }



}







@media (max-width: 991px) {



  /* Main Menu Area css



  ============================================================================================ */



  .header_area .navbar .container



  {



  	width: 100%!important;



  	max-width: 100%!important;



  }

  /*.header_area

  {

    position: absolute!important;

  }*/

  p {

    text-align: justify;

 }

  .footer-area p {

    text-align: center!important;

 }





  .navbar-toggler {



    border: none;



    border-radius: 0px;



    padding: 0px;



    cursor: pointer;



    margin-top: 27px;



    margin-bottom: 23px;

        z-index: 999;

  }







  .header_area .navbar .nav-item.active .nav-link {



    color: #00b0ae !important;



  }



  .navbar-toggler[aria-expanded="false"] span:nth-child(2) {



    opacity: 1;



  }



  .navbar-toggler[aria-expanded="true"] span:nth-child(2) {



    opacity: 0;



  }



  .navbar-toggler[aria-expanded="true"] span:first-child {



    transform: rotate(-45deg);



    position: relative;



    top: 7.5px;



  }



  .navbar-toggler[aria-expanded="true"] span:last-child {



    transform: rotate(45deg);



    bottom: 6px;



    position: relative;



  }



  .navbar-toggler span {



    display: block;



    width: 25px;



    height: 3px;



    background: #ffffff;



    margin: auto;



    margin-bottom: 4px;



    transition: all 400ms linear;



    cursor: pointer;



  }

  .flexslider li .meta

  {

    padding: 160px 0px!important;

   /* padding-bottom: 50px!important;*/

    background-position: center!important; 

  }

   .col-md-4.slider-desc.align-self-end {

    position: relative;

    left: -120px;

    bottom: -75px;

}

/*.slider-desc .devider {

    display: none;

}

*/

  .navbar .container {



    padding-left: 15px;



    padding-right: 15px;



  }



  .nav {



    padding: 0px 0px;

    position: relative;



  width: 100%; /* 100% width */

  text-align: center; /* Centered text/links */

  margin-top: 30px; /* 30px top margin to avoid conflict with the close button on smaller screens */



  }



  .header_top .nav {



    padding: 0px;



  }



  .header_area .navbar .nav .nav-item .nav-link {



    padding: 12px;



    margin-right: 0px;



    display: block;



    border-bottom: 1px solid #ededed33;



    border-radius: 0px;

    position: relative;

    top: 30px;



  }



  .header_area .navbar .search {



    margin-left: 0px;



  }



  .header_area .navbar-collapse {



    height: 100%;



    overflow-x: hidden;

    transition: 0.5s; 

    background: rgba(7,7,67,0.8);

    /*background:  #070743;*/



    width: 100%;



    position: fixed; /* Stay in place */



    left: 0;

    top: 0;

    z-index: 99; /* Sit on top */



  }



  .header_area .navbar .nav .nav-item.submenu ul .nav-item .nav-link {



    padding: 0px 15px;



  }



  .header_area .navbar .nav .nav-item {



    margin-right: 0px;



  }



  .home_banner_area .banner_inner .banner_content .banner_map_img {



    display: none;



  }



  .header_area.navbar_fixed .main_menu .navbar .nav .nav-item .nav-link {



    line-height: 40px;



  }



  .header_area.white_menu.navbar_fixed .main_menu .navbar .nav .nav-item .nav-link {



    line-height: 40px;



  }



  .header_area.white_menu .navbar .nav .nav-item .nav-link {



    color: #222;



  }



  



  /* End Main Menu Area css



  ============================================================================================ */



  /* Blog page Area css



  ============================================================================================ */



  .categories_post img {



    width: 100%;



  }



  .categories_post {



    max-width: 360px;



    margin: 0 auto;



  }



  .blog_categorie_area .col-lg-4 {



    margin-top: 30px;



  }



  .blog_area {



    padding-bottom: 80px;



  }



  .single-post-area .blog_right_sidebar {



    margin-top: 30px;



  }



  /* End Blog page Area css



  ============================================================================================ */



  /* Contact Page Area css



  ============================================================================================ */



  .contact_info {



    margin-bottom: 50px;



  }



  /* End Contact page Area css



  ============================================================================================ */



  .home_banner_area .donation_inner {



    margin-bottom: -30px;



  }



  .home_banner_area .dontation_item {



    max-width: 350px;



    margin: auto;



  }



  /* Footer Area css



  ============================================================================================ */



  .footer_area .col-sm-6 {



    margin-bottom: 30px;



  }



  .footer_area .footer_inner {



    margin-bottom: -30px;



  }



  .news_widget {



    padding-left: 0px;



  }



  /* End End Footer Area css



  ============================================================================================ */



  .home_banner_area .banner_inner .home_left_img {



    display: none;



  }



  .header_area .navbar .tickets_btn {



    display: none;



  }



  .home_banner_area .banner_inner {



    padding: 70px 0px 100px 0px;



  }



  .left_side_text {



    margin-bottom: 50px;



  }



  .price_item {



    max-width: 360px;



    margin: 0px auto 30px;



  }



  .price_inner {



    margin-bottom: -30px;



  }



  .header_area .navbar-brand {



    



    padding: 10px 0px;



    position: initial;



 }



 .header_area {



    margin: 0px;



  }



  .header_area .navbar-brand.logo_h .img-fluid {



    max-width: 60%;



    height: auto;



  }



}







@media (max-width: 767px) {



  .home_banner_area {



    min-height: 500px;



  }



  .home_banner_area .banner_inner {



    min-height: 500px;



  }



  .home_banner_area .banner_inner .banner_content {



    margin-top: 0px;



  }



  /* Blog Page Area css



  ============================================================================================ */



  .blog_banner .banner_inner .blog_b_text h2 {



    font-size: 40px;



    line-height: 50px;



  }



  .blog_info.text-right {



    text-align: left !important;



    margin-bottom: 10px;



  }



  /* End Blog Page Area css



  ============================================================================================ */



  .home_banner_area .banner_inner .banner_content h3 {



    font-size: 30px;



  }



  .home_banner_area .banner_inner .banner_content p br {



    display: none;



  }



  .home_banner_area .banner_inner .banner_content h3 span {



    line-height: 45px;



    padding-bottom: 0px;



    padding-top: 0px;



  }



  /* Footer Area css



  ============================================================================================ */



  .footer-bottom {



    text-align: center;



  }



  .footer-bottom .footer-social {



    text-align: center;



    margin-top: 15px;



  }



  /* End End Footer Area css



  ============================================================================================ */



  .made_life_inner .nav.nav-tabs li {



    flex: 0 0 50%;



    max-width: 50%;



    margin-bottom: 15px;



  }



  .made_life_inner .nav.nav-tabs {



    margin-bottom: -15px;



  }



  .made_life_area.made_white .left_side_text {



    margin-bottom: 0px;



    margin-top: 30px;



  }



}







@media (max-width: 575px) {



  .top_menu {



    display: none;



  }



  /* Home Banner Area css



  ============================================================================================ */



  .home_banner_area .banner_inner .banner_content h2 {



    font-size: 28px;



    line-height: 38px;



  }



  .home_banner_area {



    min-height: 450px;



  }



  .home_banner_area .banner_inner {



    min-height: 450px;



  }



  .blog_banner .banner_inner .blog_b_text {



    margin-top: 0px;



  }



  .home_banner_area .banner_inner .banner_content img {



    display: none;



  }



  .home_banner_area .banner_inner .banner_content h5 {



    margin-top: 0px;



  }



  /* End Home Banner Area css



  ============================================================================================ */



  .p_120 {



    padding-top: 70px;



    padding-bottom: 70px;



  }



  .main_title h2 {



    font-size: 25px;



  }



  /* Elements Area css



  ============================================================================================ */



  .sample-text-area {



    padding: 70px 0 70px 0;



  }



  .generic-blockquote {



    padding: 30px 15px 30px 30px;



  }



  /* End Elements Area css



  ============================================================================================ */



  /* Blog Page Area css



  ============================================================================================ */



  .blog_details h2 {



    font-size: 20px;



    line-height: 30px;



  }



  .blog_banner .banner_inner .blog_b_text h2 {



    font-size: 28px;



    line-height: 38px;



  }



  /* End Blog Page Area css



  ============================================================================================ */



  /* Footer Area css



  ============================================================================================ */



  .footer-area {



    padding: 70px 0px;



  }



  /* End End Footer Area css



  ============================================================================================ */



  .pad_top {



    padding-top: 70px;



  }



  .pad_btm {



    padding-bottom: 70px;



  }



}







@media (max-width: 480px) {



  /* Main Menu Area css



  ============================================================================================ */



/*  .header_area .navbar-collapse {



    max-height: 250px;



  }*/



  /* End Main Menu Area css



  ============================================================================================ */



  /* Home Banner Area css



  ============================================================================================ */



  .home_banner_area .banner_inner .banner_content {



    padding: 30px 15px;



    margin-top: 0px;



  }



  .banner_content .white_btn {



    display: block;



  }



  .home_banner_area .banner_inner .banner_content h3 {



    font-size: 24px;



  }



  /* End Home Banner Area css



  ============================================================================================ */



  .banner_area .banner_inner .banner_content h2 {



    font-size: 32px;



  }



  /* Blog Page Area css



  ============================================================================================ */



  .comments-area .thumb {



    margin-right: 10px;



  }



  /* End Blog Page Area css



  ============================================================================================ */



  .testi_item .media .d-flex {



    padding-right: 0px;



  }



  .testi_item .media .d-flex img {



    width: auto;



    margin-bottom: 15px;



  }



  .testi_item .media {



    display: block;



  }



  .banner_btn {



    margin-bottom: 20px;



  }



}







/* banner section start



  ============================================================================================ */











/* breadcrumb section end



  ============================================================================================ */



/* section intro start



  ============================================================================================ */



.section-intro {



  max-width: 640px;



  margin-right: auto;



  margin-left: auto;



}







.section-intro p {



  margin-bottom: 0;



}







.section-intro-img {



  margin-bottom: 10px;



}







/* section intro end



  ============================================================================================ */



.service-card {



  background: #f8f8ff;



  -webkit-transition: all 0.3s ease 0s;



  -moz-transition: all 0.3s ease 0s;



  -o-transition: all 0.3s ease 0s;



  transition: all 0.3s ease 0s;



}







.service-card:hover {



  background: #fff;



}







.service-card-img {



  padding-top: 60px;



  padding-bottom: 40px;



  max-height: 260px;



}







@media (max-width: 600px) {



  .service-card-img {



    padding-top: 20px;



    padding: 10px;



  }



}







.service-card-body {



  padding: 10px 30px 40px 30px;



}







.service-card-body h3 {



  margin-bottom: 8px;



}







@media (min-width: 768px) {



  .service-card-body h3 {



    margin-bottom: 15px;



  }







}







.about-content h2 {



  margin-bottom: 15px;



}







@media (min-width: 768px) {



  .about-content h2 {



    margin-bottom: 25px;



  }



}







.about-content p {



  margin-bottom: 20px;



}







@media (min-width: 768px) {



  .about-content p {



    margin-bottom: 40px;



  }



}











.tour-card {



  position: relative;



  margin-bottom: 30px;



}







.tour-card .tour-card-overlay {



  position: absolute;



  bottom: 0;



  left: 0;



  width: 100%;



  background: #fff;



  padding: 40px;



  opacity: 0;



  z-index: -1;



  transform: translateY(40px);



  -webkit-transition: all 0.3s ease 0s;



  -moz-transition: all 0.3s ease 0s;



  -o-transition: all 0.3s ease 0s;



  transition: all 0.3s ease 0s;



}







.tour-card .tour-card-overlay h4 {



  margin-bottom: 0;



}







.tour-card .tour-card-overlay small {



  font-size: 15px;



  color: #555555;



  margin-bottom: 10px;



}







.tour-card .tour-card-overlay p {



  font-size: 16px;



}







.tour-card:hover .tour-card-overlay {



  transform: translateY(0);



  width: 100%;



  opacity: 1;



  z-index: 1;



}







@media (min-width: 1200px) {



  .tour-card:hover .tour-card-overlay {



    width: 74%;



  }



}







.tour-content {



  padding: 8px 20px 25px 15px;



}







.tour-content h2 {



  margin-bottom: 15px;



}







.magic-ball {



  position: relative;



}







/*.hero-banner,



.magic-ball-about



{



  background-image: url("../images/hero-bg.png");



}*/



.about-middle {



    padding-top: 45px;



}



img.img-fluid.founder-1 {



    padding-left: 75px;



    /*animation: twinkle 1s infinite;*/



}



img.img-fluid.founder-2 {



    position: relative;



    left: -75px;



   /* animation: twinkle 1s infinite;*/



}



img.img-fluid.founder-3 {



    float: right;



    padding-top: 100px;



    /*animation: twinkle 1s infinite;*/



}















span.big_font {



    font-size: 34px;



    line-height: 40px;



    color: #F57E1A;



}



.submit-btn



{



  font-family: 'Gotham-book', sans-serif;



  color: #c0d844;



  font-size: 16px;



  border: 1px solid #c0d844;



  border-radius: 5px;



  padding: 7px 11px;



  background: transparent;



  margin: 16px 0px 30px 0px;



}



.submit-btn:hover



{



  border: 1px solid #00b0ae!important;



  color: #00b0ae!important;



}







.submit-btn:hover,



span.btn-file:hover



{



  color: #ffffff;



}



span.btn-file input {



    z-index: 999;



    position: absolute;



    opacity: 0;



    filter: alpha(opacity = 0);



    -ms-filter: "alpha(opacity=0)";



    cursor: pointer;



    _cursor: hand;



    left: -100px;







}



span.btn-file



{



  background-image: url("../images/submit-bg.png");



  background-repeat: no-repeat;



  background-position: center;



  background-color: transparent;



  border: none!important;



  padding: 5px 37px;



  text-transform: uppercase;



  cursor: pointer;



   font-family: "Avantguard-Bold", sans-serif;



   color: #000000;



}







.vector-devider h3:after {



 background-image: url(../images/vector-devider.png);



    content: '';



    background-repeat: no-repeat;



    padding: 20px 2px;



    position: relative;



    left: 10px;







}



.vector-devider.inspiring h3:after {



  left: 55px;



}



.magic-ball-achivement h1 span{



  background-image: url("../images/churan-out-bg.png");



  background-repeat: no-repeat;



  background-position: center;



  background-size: contain;



  padding: 15px;



}



.magic-ball-achivement h1 {



    color: #ffffff;



    font-size: 65px;



    text-transform: uppercase;



}



/*.achivement-container {



    padding: 0px 100px;



}*/



.hero-header-right {



   -webkit-animation: wave 5s 0.1s infinite linear;



  -moz-animation: wave 5s 0.1s infinite linear;



  animation: wave 5s 0.1s infinite linear;



}







@media (min-width: 992px) {



.hero-header-right {



    position: relative;



    left: -118px;



}







}



.magic-ball-services



{



    position: relative;



    top: 15px;



}



.magic-ball-about::before {



  top: 265px;



  left: -32px;



}



.magic-ball-clients h2.section_title



{



  background-position: center;



  background-image: url("../images/clients.png");



  background-repeat: no-repeat;



  background-size: auto;



} 



.magic-ball-about::after {



  top: 65px;



  left: 135px;



}



/*.clients-slider .item{



  margin: 3px;



}



.clients-slider .item img{



  display: block;



  width: 100%;



  height: auto;



}*/



.owl-buttons .owl-prev



{







  background-image: url("../images/left-arrow.png")!important;



  background-repeat: no-repeat!important;  



  height: 16px!important;



  width: 16px!important;



  opacity: 1!important;



  background-color: transparent!important;



  



}



.owl-buttons .owl-next



{



  background-image: url("../images/right-arrow.png")!important;



  background-repeat: no-repeat!important;  



  height: 16px!important;



  width: 16px!important;



  opacity: 1!important;



  background-color: transparent!important;



}



.owl-theme .owl-controls .owl-buttons div



{



  opacity: 1!important;



  background-color: transparent!important;



  color: transparent;



}



.owl-prev {



    position: absolute;



    left: -3%;



    top: 25%;



}



.owl-next {



    position: absolute;



    right: -6%;



    top: 25%;



}



.owl-item .item {



    text-align: center;



}



/*.owl-item .item img {



  width: 100%;



  }*/



.magic-ball-testimonial::before {



  top: 265px;



  left: -32px;



}



.owl-controls.clickable



{



  display: none!important;



}







.magic-ball-testimonial::after {



  top: 130px;



  left: 135px;



}







.magic-ball-banner::before {



  top: 80px;



  left: 130px;



}







.magic-ball-banner::after {



  width: 70px;



  height: 70px;



  top: 270px;



  left: 170px;



}







.magic-ball-sm::before {



  width: 60px;



  height: 60px;



  top: 280px;



  left: -25px;



}







.magic-ball-sm::after {



  width: 60px;



  height: 60px;



  top: 160px;



  left: 80px;



}







/* Testimonial section start



============================================================================================ */



.testimonial {



  



  margin-right: auto;



  margin-left: auto;



}







.testimonial__item {



  background: transparent;



 /* border-radius: 20px;



  padding: 30px 15px;*/



}







@media (min-width: 768px) {



  .testimonial__item {



    padding: 10px 0px 0px 0px;



  }



}







.testimonial__img {



  max-width: 132px;



}











.testimonial__content h3 {



  font-size: 18px;



  margin-bottom: 0;



}



h3.author_name



{



  float: left;



  padding-right: 15px;



}







.testimonial__content p {



  font-size: 16px !important;



  margin-bottom: 10px;



}







.testimonial__i {



  font-size: 16px !important;



  margin-bottom: 20PX !important;



}







.testimonial__icon {



  font-size: 173px;



  color: rgba(119, 119, 119, 0.1);



  position: absolute;



  top: 50%;



  transform: translateY(-50%);



  right: 40px;



}



.section-padding .devider



{



  margin: 0px 0px 25px 0px;







}







/*.testimonial .owl-dots {



  margin-top: 30px !important;



}







@media (min-width: 600px) {



  .testimonial .owl-dots {



    margin-top: 60px !important;



  }



}







.testimonial .owl-dots .owl-dot span {



  width: 20px;



  height: 4px;



  background: #cdcad5;



  border-radius: 5px;



  margin: 5px 8px;



}







.testimonial .owl-dots .owl-dot.active span {



  height: 6px;



  background: #6059f6;



}*/







/* Testimonial section end



============================================================================================ */



.card-blog {



  background: #fff;



}







.card-blog .card-blog-body {



  padding: 20px 10px;



  -webkit-transition: all 0.3s ease 0s;



  -moz-transition: all 0.3s ease 0s;



  -o-transition: all 0.3s ease 0s;



  transition: all 0.3s ease 0s;



}







@media (min-width: 1200px) {



  .card-blog .card-blog-body {



    padding: 25px 25px 30px 40px;



  }



}







.card-blog .card-blog-body h4 {



  font-size: 20px;



  margin-bottom: 15px;



}







.card-blog .card-blog-body p {



  margin-bottom: 0;



}







.card-blog:hover .card-blog-body {



  box-shadow: 0px 10px 20px 0px rgba(14, 30, 112, 0.1);



}







.card-blog-info {



  margin-bottom: 15px;



}







.card-blog-info li {



  display: inline-block;



  font-size: 14px;



  color: #888888;



  margin-right: 25px;



}







.card-blog-info li:last-child {



  margin-right: 0;



}







.card-blog-info li a {



  color: #888888;



}







.card-blog-info li i, .card-blog-info li span {



  margin-right: 5px;



}







.search-wrapper {



  background: #f8f8ff;



  padding: 30px 10px;



  text-align: center;



}







@media (min-width: 600px) {



  .search-wrapper {



    padding: 60px;



  }



}







.search-wrapper h3 {



  font-size: 25px;



  margin-bottom: 25px;



}







@media (min-width: 600px) {



  .search-wrapper h3 {



    margin-bottom: 50px;



  }



}







.search-form .form-group {



  margin-bottom: 20px;



}







.search-form .nice-select {



  width: 100%;



  height: 50px;



  line-height: 50px;



  border: 0;



  border-radius: 0;



  margin-bottom: 20px;



  font-size: 14px;



  color: #999999;



}







.search-form .nice-select:after {



  right: 25px;



}







.search-form .form-control {



  font-size: 14px;



  color: #999999;



  padding-left: 20px;



  border: 0;



  height: 50px;



  border-radius: 0;



}







.search-form .form-control::placeholder {



  color: #999999;



}







.search-form .form-control:focus {



  outline: 0;



  box-shadow: none;



}







.search-form .input-group-append .input-group-text {



  border: 0;



  padding-right: 20px;



  border-radius: 0;



  background: #fff;



}







.search-form .input-group-append i, .search-form .input-group-append span {



  font-size: 14px;



  color: #999999;



}







.search-form::placeholder {



  color: #999999;



}







.search-content h2 {



  margin-bottom: 10px;



}







@media (min-width: 768px) {



  .search-content h2 {



    margin-bottom: 20px;



  }



}







.search-content p {



  margin-bottom: 25px;



}







@media (min-width: 768px) {



  .search-content p {



    margin-bottom: 40px;



  }



}







/*=================== contact banner start ====================*/



.contact-info,#join-the-team {



    margin-top: 1px;



    padding-left: 80px;



}



.magic-ball-contact



{



  padding-top: 35px;



}







.contact-info__icon {



  margin-right: 20px;



}







.contact-info__icon i, .contact-info__icon span {



  color: #8f9195;



  font-size: 27px;



}







.contact-info .media-body h3 {



  font-size: 16px;



  margin-bottom: 0;



}







.contact-info .media-body h3 a {



  color: #2a2a2a;



}







.contact-info .media-body p {



  color: #999999;



}







/*=================== contact banner end ====================*/



/*=================== contact form start ====================*/



.contact-title {



  font-size: 27px;



  font-weight: 600;



  margin-bottom: 20px;



}







.form-contact label {



  color: #6059f6;



  font-size: 14px;



}







.form-contact .form-group {



  margin-bottom: 15px;



}



.form-control



{



  color: #939598!important;



}



::-webkit-input-placeholder { /* Edge */



  color: #939598!important;



}







:-ms-input-placeholder { /* Internet Explorer 10-11 */



  color: #939598!important;



}







::placeholder {



  color: #939598!important;



}







.form-contact .form-control {



  border: none;



  border-bottom: 1px solid #939598;



  border-radius: 0px;



  background: transparent;



}







.form-contact .form-control:focus {



  outline: 0;



  box-shadow: none;



}







.form-contact .form-control::placeholder {



  font-weight: 300;



  color: #999999;



}







.form-contact textarea {



  border-radius: 12px;



  height: 100% !important;



}







/*=================== contact form end ====================*/



/* Latest Blog Area css



============================================================================================ */



.l_blog_item .l_blog_text .date {



  margin-top: 24px;



  margin-bottom: 15px;



}







.l_blog_item .l_blog_text .date a {



  font-size: 12px;



}







.l_blog_item .l_blog_text h4 {



  font-size: 18px;



  color: #2a2a2a;



  border-bottom: 1px solid #eeeeee;



  margin-bottom: 0px;



  padding-bottom: 20px;



  -webkit-transition: all 0.3s ease 0s;



  -moz-transition: all 0.3s ease 0s;



  -o-transition: all 0.3s ease 0s;



  transition: all 0.3s ease 0s;



}







.l_blog_item .l_blog_text h4:hover {



  color: #6059f6;



}







.l_blog_item .l_blog_text p {



  margin-bottom: 0px;



  padding-top: 20px;



}







/* End Latest Blog Area css



============================================================================================ */



/* Causes Area css



============================================================================================ */



/*.causes_slider .owl-dots {



  text-align: center;



  margin-top: 80px;



}







.causes_slider .owl-dots .owl-dot {



  height: 14px;



  width: 14px;



  background: #eeeeee;



  display: inline-block;



  margin-right: 7px;



}*/







/*.causes_slider .owl-dots .owl-dot:last-child {



  margin-right: 0px;



}







.causes_slider .owl-dots .owl-dot.active {



  background: #6059f6;



}*/







.causes_item {



  background: #fff;



}







.causes_item .causes_img {



  position: relative;



}







.causes_item .causes_img .c_parcent {



  position: absolute;



  bottom: 0px;



  width: 100%;



  left: 0px;



  height: 3px;



  background: rgba(255, 255, 255, 0.5);



}







.causes_item .causes_img .c_parcent span {



  width: 70%;



  height: 3px;



  background: #6059f6;



  position: absolute;



  left: 0px;



  bottom: 0px;



}







.causes_item .causes_img .c_parcent span:before {



  content: "75%";



  position: absolute;



  right: -10px;



  bottom: 0px;



  background: #6059f6;



  color: #fff;



  padding: 0px 5px;



}







.causes_item .causes_text {



  padding: 30px 35px 40px 30px;



}







.causes_item .causes_text h4 {



  color: #2a2a2a;



  font-size: 18px;



  font-weight: 600;



  margin-bottom: 15px;



  cursor: pointer;



}







.causes_item .causes_text h4:hover {



  color: #6059f6;



}







.causes_item .causes_text p {



  font-size: 14px;



  line-height: 24px;



  font-weight: 300;



  margin-bottom: 0px;



}







.causes_item .causes_bottom a {



  width: 50%;



  border: 1px solid #6059f6;



  text-align: center;



  float: left;



  line-height: 50px;



  background: #6059f6;



  color: #fff;



  font-size: 14px;



  font-weight: 500;



}







.causes_item .causes_bottom a + a {



  border-color: #eeeeee;



  background: #fff;



  font-size: 14px;



  color: #2a2a2a;



}







/* End Causes Area css



============================================================================================ */



/*================= latest_blog_area css =============*/



.latest_blog_area {



  background: #f9f9ff;



}







.single-recent-blog-post {



  margin-bottom: 30px;



}







.single-recent-blog-post .thumb {



  overflow: hidden;



}







.single-recent-blog-post .thumb img {



  transition: all 0.7s linear;



}







.single-recent-blog-post .details {



  padding-top: 30px;



}







.single-recent-blog-post .details .sec_h4 {



  line-height: 24px;



  padding: 10px 0px 13px;



  transition: all 0.3s linear;



}







.single-recent-blog-post .date {



  font-size: 14px;



  line-height: 24px;



  font-weight: 400;



}







.single-recent-blog-post:hover img {



  transform: scale(1.23) rotate(10deg);



}







.tags .tag_btn {



  font-size: 12px;



  font-weight: 500;



  line-height: 20px;



  border: 1px solid #eeeeee;



  display: inline-block;



  padding: 1px 18px;



  text-align: center;



  color: #2a2a2a;



}







.tags .tag_btn:before {



  background: #6059f6;



}







.tags .tag_btn + .tag_btn {



  margin-left: 2px;



}







/*=================== custom button rule start ====================*/



.button {



  display: inline-block;



  background-color: #6059f6;



  color: #fff;



  border-radius: 30px;



  padding: 8px 25px;



  text-transform: capitalize;



  -webkit-transition: all 0.3s ease 0s;



  -moz-transition: all 0.3s ease 0s;



  -o-transition: all 0.3s ease 0s;



  transition: all 0.3s ease 0s;



}







@media (min-width: 600px) {



  .button {



    padding: 12px 45px;



  }



}







.button:hover {



  background-color: #201aa3;



  color: #fff;



}







.button-hero {



  font-weight: 500;



}







.button-contactForm {



  border-radius: 5px;



}







.button-shadow {



  box-shadow: 0px 10px 20px 0px rgba(181, 176, 255, 0.2);



}







button.button {



  border: 0;



}







/*=================== custom button rule end ====================*/



/* footer style start



  ============================================================================================ */



.footer-area {



  background: #000131;



  padding: 40px 20px;



}







@media (min-width: 1000px) {



  .footer-area {



    padding: 20px 0px;



  }



}







.footer-area .footer-nav li {



  display: inline;



  border-right: 1px solid #ccccd6;



  padding: 0px 10px



}



.footer-area .footer-nav li.last-item {



  border: none;



  }







.footer-area .footer-nav li a {



  color: #ccccd6;



  font-size: 14px;



  text-transform: capitalize;



}











.footer-area .footer-nav li a:hover,



.footer-area .footer-nav li.active a{



  font-family: 'Gotham-medium', sans-serif;



}











.copy-right-text i,



.copy-right-text{



  color: #ccccd6;



  font-size: 14px;



  margin: 10px;



}



.copy-right-text p{



    margin: 5px;



    font-size: 10px;



  }











.footer-social {



  text-align: right;



}







.footer-social a {



  width: 20px;



  width: 40px;



  display: inline-table;



  height: 40px;



  text-align: center;



  padding-top: 10px;



  -webkit-transition: all 0.3s ease 0s;



  -moz-transition: all 0.3s ease 0s;



  -o-transition: all 0.3s ease 0s;



  transition: all 0.3s ease 0s;



}







.footer-social a:hover i {



  color: #6059f6;



}







.footer-social i, .footer-social span {



  font-size: 14px;



  color: rgba(221, 221, 221, 0.5);



  -webkit-transition: all 0.3s ease 0s;



  -moz-transition: all 0.3s ease 0s;



  -o-transition: all 0.3s ease 0s;



  transition: all 0.3s ease 0s;



}







@media (max-width: 991.98px) {



  .footer-social {



    text-align: left;



    margin-top: 20px;



  }



}







.single-footer-widget {



  color: #fff;



}







.single-footer-widget input {



  line-height: 38px;



  border: none;



  background: transparent;



  border: 1px solid #333333;



  font-weight: 400;



  color: #999999;



  padding-left: 20px;



  width: 80%;



  font-size: 14px;



}







.single-footer-widget input:focus {



  outline: 0;



  box-shadow: none;



}







.single-footer-widget input::placeholder {



  font-weight: 400;



}







.single-footer-widget .bb-btn {



  background-color: #6059f6;



  color: #fff;



  font-size: 13px;



  font-weight: 300;



  border-radius: 0;



  cursor: pointer;



}







@media (max-width: 960px) {



  .single-footer-widget .nw-btn {



    margin-top: 20px;



  }



  .single-footer-widget .newsletter {



    padding-bottom: 40px;



  }



}







.single-footer-widget .info {



  position: absolute;



  margin-top: 3px;



  color: #fff;



  font-size: 14px;



}







.single-footer-widget .info.valid {



  color: green;



}







.single-footer-widget .info.error {



  color: #6059f6;



}







.single-footer-widget ::-moz-selection {



  /* Code for Firefox */



  background-color: #6059f6;



  color: #888888;



}







.single-footer-widget ::selection {



  background-color: #6059f6;



  color: #888888;



}







.single-footer-widget ::-webkit-input-placeholder {



  /* WebKit, Blink, Edge */



  color: #888888;



  font-weight: 300;



}







.single-footer-widget :-moz-placeholder {



  /* Mozilla Firefox 4 to 18 */



  color: #888888;



  opacity: 1;



  font-weight: 300;



}







.single-footer-widget ::-moz-placeholder {



  /* Mozilla Firefox 19+ */



  color: #888888;



  opacity: 1;



  font-weight: 300;



}







.single-footer-widget :-ms-input-placeholder {



  /* Internet Explorer 10-11 */



  color: #888888;



  font-weight: 300;



}







.single-footer-widget ::-ms-input-placeholder {



  /* Microsoft Edge */



  color: #888888;



  font-weight: 300;



}







@media (max-width: 991.98px) {



  .single-footer-widget {



    margin-bottom: 45px;



  }



}







.single-footer-widget p {



  color: #777777;



}







.single-footer-widget ul li {



  margin-bottom: 10px;



}







.single-footer-widget ul li a {



  color: #777777;



  -webkit-transition: all 0.3s ease 0s;



  -moz-transition: all 0.3s ease 0s;



  -o-transition: all 0.3s ease 0s;



  transition: all 0.3s ease 0s;



}







.single-footer-widget ul li a:hover {



  color: #6059f6;



}







.footer-bottom {



  padding: 18px 0;



  margin-top: 30px;



  border-top: 1px solid rgba(255, 255, 255, 0.1);



}







@media (min-width: 1000px) {



  .footer-bottom {



    margin-top: 70px;



  }



}







.footer-text a, .footer-text i {



  color: #6059f6;



}







/* footer style end



  ============================================================================================ */



.idea-img



{



  /*-webkit-animation: lighthouse 4s 0.1s infinite alternate cubic-bezier(0.455, 0.03, 0.515, 0.955);



  -moz-animation: lighthouse 4s 0.1s infinite alternate cubic-bezier(0.455, 0.03, 0.515, 0.955);



  animation: lighthouse 4s 0.1s infinite alternate cubic-bezier(0.455, 0.03, 0.515, 0.955);*/



}







.rw-words{



  display: inline;



  text-indent: 10px;



  font-size: 21px;



}



.rw-words b{



  font-family: 'DK-Midnight-Chalker';



  color: #F57E1A;



  font-size: 33px;



  text-transform: uppercase;



  letter-spacing: 3px;



}



  .rw-words-1 span{



  position: absolute;



  opacity: 0;



  overflow: hidden;



  -webkit-animation: rotateWord 12s linear infinite 0s;



  -ms-animation: rotateWord 12s linear infinite 0s;



  animation: rotateWord 12s linear infinite 0s;



  margin-top: -15px;



}



.rw-words-1 span:nth-child(2) { 



    -webkit-animation-delay: 3s; 



  -ms-animation-delay: 3s; 



  animation-delay: 3s; 



}



.rw-words-1 span:nth-child(3) { 



    -webkit-animation-delay: 6s; 



  -ms-animation-delay: 6s; 



  animation-delay: 6s; 







}



.rw-words-1 span:nth-child(4) { 



    -webkit-animation-delay: 9s; 



  -ms-animation-delay: 9s; 



  animation-delay: 9s; 







}







@media (min-width: 1200px)



{



  .achivement-container .container {



      max-width: 1340px!important;



  }



}



/* responsive css */







@media (max-width: 769px) {



  .hero-banner h1 {



    background-position: center center;



    background-size: contain;



  }



  .hero-banner h3.bottom span {



    background-position: center center;



    background-size: contain;



    padding: 32px



  }



  .hero-banner .container {



    background-position: center;



  }



  .text-right {



    text-align: center!important;



  }



  .magic-ball-achivement h1 {



    font-size: 45px;



  }



  .magic-ball-achivement h3 {



    font-size: 45px;



  }



  img.conact-img,



  .join-team,



  .row.contact-form {



    position: unset;



    text-align: center;



  }



  .career-mail,



  .join-team {



   background-position: center;



  }



  span.btn-file input {



    left: -4px;



  }



  .footer-area .footer-nav li a {



    font-size: 12px;



  }



  .copy-right-text i, .copy-right-text {



    font-size: 12px;



  }



  .copy-right-text i,



  .copy-right-text,



  .footer-area .col-md-7



  {



    text-align: center;



  }



  span.big_font {



    font-size: 25px;



    line-height: 30px;



  }



  .magic-ball-achivement-right {



    position: unset;



  }



  img.img-fluid.hiring-img {



    padding: 15px 0px;



  }



  .show-mobile



  {



    display: block!important;



  }



  .hide-mobile



  {



    display: none;



  }



  .team-interest .col-lg-3



  {



    padding: 10px 0px;



  }



  .team_content



  {



    width: 100%!important;



  }



  .footer-area .footer-nav li {



    padding: 0px 5px!important;



  }



  .footer-area {



    padding: 20px 0px!important;



  }



  .top_bar .col-lg-4



  {



    display: none!important;



  }



  .top_cta li{



    display: block!important;



  }



  .top_cta li a {



    font-size: 12px!important;



  }



  .top_cta li, .top_social li {



    padding: 3px 0px!important;



  }



}







@media (max-width: 512px) {



  img.img-fluid.founder-2



  {



    position: unset;



  }



  span.big_font {



    font-size: 21px;



    line-height: 30px;



  }



  .rw-words b {



    font-size: 20px;



    text-transform: uppercase;



    letter-spacing: unset;



  }



  .rw-words-1 span {



    margin: -6px;



  }



  .rw-words {



    font-size: 18px;



  }



  .magic-ball-achivement h3 {



    font-size: 30px;



  }



  .magic-ball-achivement-right {



    padding: 106px 0px 0px 0px;



  }



  span.btn-file {



   padding: 3px 20px;



  }



  span.btn-file input {



    width: 170px;



  }



  .flexslider h1 {



    font-size: 20px!important;



  }



  .flex-direction-nav {



    top: 56%!important;



  }

    .flexslider li .meta

  {

    padding: 75px 0px!important;

   /* padding-bottom: 50px!important;*/

    background-position: center!important;

        /*margin-top: 100px;*/

  }

 /* .slider-desc .devider

  {

    display: none;

  }*/

  .col-md-4.slider-desc.align-self-end {

    position: relative;

    left: -60px;

    bottom: -40px;

}



}







span.idea-question-small {



    position: relative;



    top: 36px;



    left: 56px;



}



.idea-clock-small



{



    position: relative;



    top: 30px;



    left: 30px;



}







span.idea-comment-small {



    position: relative;



    top: -41px;



    left: 62px;



}



span.idea-brain {



    position: relative;



    left: 135px;



    top: 30px;



}



span.idea-thumbsup-small {



        position: relative;



    left: 45px;



    top: 25px;



}



span.idea-text {



    position: relative;



    top: 55px;



    left: 123px;



}



span.idea-pencil {



    position: relative;



    top: 5px;



    left: 10px;



}







.idea-clock-small img



{



  -webkit-animation: brainshake 1s infinite;



  animation: brainshake 1s infinite;



}







span.idea-brain img {



    -webkit-transform-origin: bottom center;



    transform-origin: bottom center;



    -webkit-animation: animate-seesaw 2.5s ease-in-out infinite;



    animation: animate-seesaw 2.5s ease-in-out infinite;



} 











  /* new css */



  .top_bar {



    background: #000000;



    color: #ffffff;



    padding: 15px;



}



.top_cta li,.top_social li



{



  display: inline;



  padding: 0px 5px;



}



.top_cta img



{



  padding-right: 10px;



}



.top_cta li a



{



  color: #ffffff;



  font-size: 19px;



}



.top_cta li a:hover



{



  color: #F57E1A;



}



ul.top_cta,ul.top_social



{



  float: left;



  padding: 0px 10px;



}



ul.top_social a:hover



{



  opacity: 0.8;



}



.header_area.navbar_fixed .navbar-brand {



    position: initial;



    padding: 5px 0px;



}



.flexslider {



    margin: 0!important;



}



.flex-direction-nav .flex-next {



right: 30px!important;



}







.flex-direction-nav .flex-prev {



left: 30px!important;



}



hr {



   border-top: 5px solid #c0d844;



   width: 150px;



}



.devider



{



  border-top: 5px solid #c0d844;



   width: 150px;



   display: block;



   /*margin-left: 19px;*/



}



.what-we-do-container {



  padding: 0px 0 50px;



}



#join-the-team a



{



  color: #f08020;



}



.header_area.navbar_fixed .main_menu .img-fluid {



    max-width: 70%;



}



.our-work,.team-desc



{



  background: #505050;



}



h1.white-heading



{



  color: #ffffff;



}



.flexslider



{



  border: none!important;



}



.flex-direction-nav a {



    height: 55px!important;



}



.team-desgn,.team-desc



{



  color: #ffffff;



}



.team-desc



{



  padding: 15px 0px;



}



.team-desgn



{



  font-weight: bold;



}



.flex-direction-nav a:before



{



  color: #ffffff!important;



}



section#team-interest {



    padding: 30px 0px 60px 0px;



}



.team-interest p



{



    font-size: 22px;



    line-height: 1.2;



}



.team_content



{



  width: 70%;



}



.show-mobile



{



  display: none;



}



.owl-pagination



{



  display: none!important;



}



.team-desgn



{



  text-transform: capitalize;



}



/*flexslider css */







.flexslider li {



    position: relative;



}







.flexslider li .meta {



   



    color: white;



    padding: 215px 0px;



    /*padding-bottom: 300px;*/



    font-family: 'Gotham-light', sans-serif;



    /*background-image: url("../images/slider-bg.png");*/



    background-repeat: no-repeat;



    background-size: cover;



    /*background-position: center;*/



}



.flexslider li .meta.slide1 {



  background-image: url("../images/slider/slide-5.png");



}



.flexslider li .meta.slide2 {



  background-image: url("../images/slider/slide-1.png");



}



.flexslider li .meta.slide3 {



  background-image: url("../images/slider/slide-2.png");



}



.flexslider li .meta.slide4 {



  background-image: url("../images/slider/slide-3.png");



}



.flexslider li .meta.slide5 {

  background-image: url("../images/slider/slide-4.png");



}



.about-container,.gallery-container



{



    background-image: url("../images/contact_bg.png");



    background-size: contain;



    background-position: top;



}



.upcoming-container



{



    background-image: url("../images/home-upcoming-bg.png");



    background-repeat: no-repeat;



    background-size: cover;



    background-position: center;



}



.gallery-container



{



    padding-top: 100px;



}



.contact-container



{



  background-image: url("../images/contact_bg.png");



    background-repeat: no-repeat;



    background-size: cover;



    background-position: center;



    padding-top: 100px;



    padding-bottom: 0px;



}



/*div#contact {



    padding-bottom:30px;



}*/



.top-bg-container 



{



  background-image: url("../images/contact_bg.png");



    background-size: contain;



    background-position: center;



    padding-top: 100px;    



}



.about-page-container



{



  background-image: url("../images/about-bg.png");



    background-repeat: no-repeat;



    background-size: contain;



    background-position: top;



    padding-top: 100px;



    padding-bottom: 0px;



}



.about-page-leadership



{



  background-image: url("../images/about-team.png");



    background-repeat: no-repeat;



    background-size: cover;



    background-position: center;



}











.flexslider h1 {



    /*padding: 0px 18px 5px;*/

    padding: 20px 0px 0px 0px;

    margin-bottom: 0;



    font-size: 35px;



    /*font-family: 'Gotham-black', sans-serif;



    text-shadow: 5px 5px 5px #030b1c;

*/

    color: #ffffff;



    position: relative;



    z-index: 10;



}







.flexslider p {



     font-family: 'Gotham-light', sans-serif;



    padding: 0px 18px 11px;



    font-size: 20px;



    margin-bottom: 0;



    font-weight: 300;



    color: #ffffff;



}





/*

.flexslider li h1,



.flexslider li p {



    -webkit-animation-duration: .6s;



    animation-duration: .6s;



    -webkit-animation-fill-mode: both;



    animation-fill-mode: both;



    -webkit-animation-name: fadeOutLeft;



    animation-name: fadeOutLeft;



}*/







/*.flexslider li.flex-active-slide .meta h1,



.flexslider li.flex-active-slide .meta p {



    -webkit-animation-delay: .4s;



    animation-delay: .4s;



    -webkit-animation-duration: .6s;



    animation-duration: .6s;



    -webkit-animation-fill-mode: both;



    animation-fill-mode: both;



    -webkit-animation-name: fadeInLeft;



    animation-name: fadeInLeft;



}







.flexslider li.flex-active-slide .meta p {



    -webkit-animation-delay: .5s;



    animation-delay: .5s;



}

*/





.flex-direction-nav {



    padding-top: 50px!important;



    padding-left: 30px!important;



    padding-bottom: 10px!important;



    /*position: absolute;



    top: 47%;



    left: 11%;



    z-index: 9;*/



}











.flex-direction-nav .flex-prev {



    text-align: left;



    left: -10px;



}







.flex-direction-nav .flex-next {



    text-align: right;



    left: 30px;



}







.flexslider:hover .flex-prev {



    left: -10px;



}







.flexslider:hover .flex-next {



    left: 30px;



}







.flexslider:hover .flex-next:hover,



.flexslider:hover .flex-prev:hover {



    opacity: 1;



}







.flexslider .flex-direction-nav a,



.flexslider .flex-direction-nav a {



  display: block; /* I added this line */



}



.flex-direction-nav .flex-next



{



  background-image: url("../images/slider-next.png");



  height: 27px!important;



  width:27px!important;



  background-repeat: no-repeat;



  color: transparent;



}



.flex-direction-nav .flex-prev



{



  background-image: url("../images/slider-prev.png");



  height: 27px!important;



  width:27px!important;



  background-repeat: no-repeat;



   color: transparent;



}







.flex-direction-nav .flex-next { margin-right: -40px; opacity: 1 !important; }



.flex-direction-nav .flex-prev { opacity: 1 !important; margin-left: -40px; }



.flex-direction-nav a.flex-next:before,



.flex-direction-nav a:before



{



  display: none!important;



}







/*.magic-ball-testimonial .title_section



{



  padding-left: 22px;



}*/



.about-container h2



{



  margin-bottom: 20px;



}



.read-more



{



  font-family: 'Gotham-book', sans-serif;



  color: #c0d844;



  font-size: 16px;



  border: 1px solid #c0d844;



  border-radius: 5px;



  padding: 7px 11px;



  position: relative;



  top: 18px



}



.read-more:hover



{



  border: 1px solid #00b0ae;



   color: #00b0ae;



}



.magic-ball-testimonial



{



  background: #070743;



}



.upcoming-container



{



  padding-top: 100px;



  padding-bottom: 0px;



}

.upcoming-container.section-padding/*,

.about-page-container.section-padding*/

{

  padding-bottom: 0px!important;

}

.news-section h3



{



  color: #ff203e;



  font-size: 18px;



  font-family: 'Gotham-medium', sans-serif;



}



.news-section {



    padding: 11px 0px;



}



.news-section .news_date



{



  color:#070743;



  font-family: 'Gotham-medium', sans-serif;



   font-size: 16px;



}



.upcoming-container .news_container {



    padding-bottom: 50px;



}



.contact_image



{



  padding-top: 50px;



}



.about-subtitle



{



  font-size: 28px;



  font-family: 'Gotham-black', sans-serif;



  color: #070743;



  padding-top: 12px;



}



.txt-justify



{



  text-align: justify;



}



.abou-img



{



  width: 100%;



  position: relative;



  top: -70px;



  margin-bottom: -70px;



}



.about-cta-container



{



  background: #00b0ae;



}



.about-cta-container h2



{



  color: #0c3460;



  font-family: 'Gotham-black', sans-serif;



  font-size: 28px;



}



.about-cta-container p



{



  font-size: 28px;



  color: #ffffff;



  padding: 10px 0px;



}



.about-cta-container .read-more



{



  color: #ffffff;



  border-color:#ffffff; 



}



.about-cta-container .read-more:hover



{



  color: #0c3460;



  border-color:#0c3460; 



}







/* about team css */



@media screen and (min-width:75rem) {



  section.work-cards



  {



    width: 100%;



  }



}



@media screen and (min-width:50rem) {



  section.work-cards



  {



    width: 100%;



  }



}



@media screen and (max-width:50rem) {



  section.work-cards



  {



     width: 100%;



  }



}



section.work-cards ul li



{



    list-style: none;



    margin: 0;



    padding: 0



}



section.work-cards ul{



    box-shadow: 0 0.9375rem 3.75rem rgba(2, 2, 22, 0.1)



}







section.work-cards article .content .symbol svg{



    display: inline-block;



    height: auto;



    width: 100%



}



section.work-cards.leaders-list .title strong,



section.work-cards article header .client {



    position: relative



}







/*section.work-cards.leaders-list .title strong::before,



section.work-cards article header .client::before {



    border: 1px solid #232323;



    border-radius: 50%;



    content: '';



    display: block;



    height: .5em;



    left: -14px;



    position: absolute;



    top: -2px;



    width: .5em



}*/







section.work-cards {



  margin-top: 50px;



}







section.work-cards::after {



    clear: both;



    content: "";



    display: block



}







@media screen and (max-width:41.6875rem) {



    section.work-cards {



        width: 100%



    }



}







section.work-cards ul {



    display: -moz-flex;



    display: -ms-flexbox;



    display: flex;



    -webkit-box-lines: multiple;



    -moz-box-lines: multiple;



    box-lines: multiple;



    -ms-flex-wrap: wrap;



    flex-wrap: wrap;



    box-pack: center;



    -moz-justify-content: center;



    -ms-justify-content: center;



    -o-justify-content: center;



    justify-content: center;



    -ms-flex-pack: center;



    -ms-transform: translateX(-50%);



    transform: translateX(-50%);



    box-orient: horizontal;



    box-direction: normal;



    -moz-flex-direction: row;



    flex-direction: row;



    -ms-flex-direction: row;



    -ms-flex-flow: row wrap;



    flex-flow: row wrap;



    flex-shrink: 1;



    -ms-flex-negative: 1;



    -webkit-flex-grow: 1;



    -moz-flex-grow: 1;



    flex-grow: 1;



    -ms-flex-positive: 1;



    background:rgba(0,1,49,0.5);



    float: left;



    left: 50%;



    min-width: 0;



    max-width: 100%;



    position: relative



}







section.work-cards ul li {



    /*background: #fff;*/



    width: 471px



}







section.work-cards ul aside {



    box-sizing: border-box;



    display: block;



    z-index: 10;



    position: absolute;



    width: 100%;



    height: 100%;



    border-top: 0px solid transparent;



    border-bottom: 1px solid #edf0f2;



    border-right: 1px solid #edf0f2;



    border-left: 1px solid transparent;



    opacity: 1



}







section.work-cards ul aside.last {



    border-bottom: 0px solid transparent



}







section.work-cards ul aside.solo {



    border-left: 0px solid transparent;



    border-right: 0px solid transparent



}







@media screen and (max-width:41.6875rem) {



    section.work-cards ul aside {



        border-right: 1px solid transparent



    }



}







@media screen and (min-width:50rem) {



    section.work-cards.leaders-list aside.four-right {



        border-right: 1px solid transparent



    }



}







@media screen and (max-width:64rem) {



    section.work-cards.leaders-list aside.four-right {



        border-right: 1px solid #edf0f2



    }



}







@media screen and (max-width:41.6875rem) {



    section.work-cards.leaders-list aside.four-right {



        border-right: 1px solid transparent



    }



}







@media screen and (max-width:64rem) {



    section.work-cards.leaders-list aside.three-right {



        border-right: 1px solid transparent



    }



}







@media screen and (max-width:50rem) {



    section.work-cards.leaders-list aside.three-right {



        border-right: 1px solid #edf0f2



    }



}







@media screen and (max-width:41.6875rem) {



    section.work-cards.leaders-list aside.three-right {



        border-right: 1px solid transparent



    }



}







@media screen and (max-width:50rem) {



    section.work-cards.leaders-list aside.two-right {



        border-right: 1px solid transparent



    }



}







@media screen and (max-width:41.6875rem) {



    section.work-cards.leaders-list aside.two-right {



        border-right: 1px solid transparent



    }



}







@media screen and (min-width:50rem) {



    section.work-cards.leaders-list aside.four-bottom {



        border-bottom: 0px solid transparent



    }



}







@media screen and (max-width:64rem) {



    section.work-cards.leaders-list aside.four-bottom {



        border-bottom: 1px solid #edf0f2



    }



}







@media screen and (max-width:41.6875rem) {



    section.work-cards.leaders-list aside.four-bottom {



        border-bottom: 1px solid #edf0f2



    }



}







@media screen and (max-width:64rem) {



    section.work-cards.leaders-list aside.three-bottom {



        border-bottom: 0px solid transparent



    }



}







@media screen and (max-width:50rem) {



    section.work-cards.leaders-list aside.three-bottom {



        border-bottom: 1px solid #edf0f2



    }



}







@media screen and (max-width:41.6875rem) {



    section.work-cards.leaders-list aside.three-bottom {



        border-bottom: 1px solid #edf0f2



    }



}







@media screen and (max-width:50rem) {



    section.work-cards.leaders-list aside.two-bottom {



        border-bottom: 0px solid transparent



    }



}







@media screen and (max-width:41.6875rem) {



    section.work-cards.leaders-list aside.two-bottom {



        border-bottom: 1px solid #edf0f2



    }



}







@media screen and (min-width:50rem) {



    section.work-cards.leaders-list aside.four-left {



        border-left: 1px solid #edf0f2



    }



}







@media screen and (max-width:64rem) {



    section.work-cards.leaders-list aside.four-left {



        border-left: 1px solid transparent



    }



}







@media screen and (max-width:41.6875rem) {



    section.work-cards.leaders-list aside.four-left {



        border-left: 1px solid transparent



    }



}







@media screen and (max-width:64rem) {



    section.work-cards.leaders-list aside.three-left {



        border-left: 1px solid #edf0f2



    }



}







@media screen and (max-width:50rem) {



    section.work-cards.leaders-list aside.three-left {



        border-left: 1px solid transparent



    }



}







@media screen and (max-width:41.6875rem) {



    section.work-cards.leaders-list aside.three-left {



        border-left: 1px solid transparent



    }



}







@media screen and (max-width:50rem) {



    section.work-cards.leaders-list aside.two-left {



        border-left: 1px solid #edf0f2



    }



}







@media screen and (max-width:41.6875rem) {



    section.work-cards.leaders-list aside.two-left {



        border-left: 1px solid transparent



    }



}











section.work-cards.leaders-list aside.last {



    border-bottom: 0px solid transparent



}







section.work-cards.leaders-list ul li {



    width: 317px;



}







@media screen and (max-width:1334px) {



    section.work-cards.leaders-list ul li:nth-child(1n) aside {



        border-right: 1px solid #edf0f2;



        border-left: 1px solid transparent



    }



    section.work-cards.leaders-list ul li:nth-child(3n) aside {



        border-bottom: 1px solid #edf0f2;



        border-right: 1px solid transparent



    }



    section.work-cards.leaders-list ul li aside.three-left {



        border-left: 1px solid #edf0f2



    }



}







@media screen and (max-width:999px) {



    section.work-cards.leaders-list ul li:nth-child(1n) aside {



        border-right: 1px solid #edf0f2;



        border-left: 1px solid transparent



    }



    section.work-cards.leaders-list ul li:nth-child(2n) aside {



        border-right: 1px solid transparent;



        border-left: 1px solid transparent



    }



    section.work-cards.leaders-list ul li aside.two-bottom {



        border-bottom: 1px solid transparent



    }



}







@media screen and (max-width:41.6875rem) {



    section.work-cards.leaders-list ul li:nth-child(1n) aside {



        border-right: 1px solid transparent;



        border-left: 1px solid transparent



    }



    section.work-cards.leaders-list ul li aside.two-bottom {



        border-bottom: 1px solid #edf0f2



    }



}







@media screen and (max-width:1334px) {



    section.work-cards.leaders-list ul {



        width: 900px



    }



}







@media screen and (max-width:999px) {



    section.work-cards.leaders-list ul {



        width: 600px



    }



}







@media screen and (max-width:675px) {



    section.work-cards.leaders-list ul {



        width: 560px



    }



    section.work-cards.leaders-list ul li {



        width: 280px



    }



}







@media screen and (max-width:41.6875rem) {



    section.work-cards.leaders-list ul {



        width: 100%



    }



    section.work-cards.leaders-list ul li {



        width: 100%



    }



}







section.work-cards:not(.leaders-list) ul {



    width: 1140px



}







section.work-cards:not(.leaders-list) ul li {



    width: 380px;



    height: 464px



}







section.work-cards:not(.leaders-list) ul li:nth-child(1n) aside {



    height: 464px



}







@media screen and (max-width:1281px) {



    section.work-cards:not(.leaders-list) ul {



        width: 760px



    }



    section.work-cards:not(.leaders-list) ul:nth-child(1n) aside {



        height: 464px;



        border-right: 1px solid #edf0f2;



        border-left: 1px solid transparent;



        border-bottom: 1px solid #edf0f2



    }



    section.work-cards:not(.leaders-list) ul:nth-child(1n) aside.two-left {



        border-left: 1px solid #edf0f2



    }



    section.work-cards:not(.leaders-list) ul:nth-child(2n) aside {



        border-right: 1px solid transparent;



        border-left: 1px solid transparent



    }



    section.work-cards:not(.leaders-list) ul aside.two-bottom {



        border-bottom: 1px solid transparent



    }



}







@media screen and (max-width:859px) {



    section.work-cards:not(.leaders-list) ul {



        width: 680px



    }



    section.work-cards:not(.leaders-list) ul li {



        width: 340px;



        height: 415px



    }



    section.work-cards:not(.leaders-list) ul li:nth-child(1n) aside {



        height: 415px



    }



    section.work-cards:not(.leaders-list) ul li:nth-child(2n) aside {



        border-right: 1px solid transparent



    }



}







@media screen and (max-width:800px) {



    section.work-cards:not(.leaders-list) ul li article:before {



        padding-bottom: 124%



    }



}







@media screen and (max-width:779px) {



    section.work-cards:not(.leaders-list) ul {



        width: 600px



    }



    section.work-cards:not(.leaders-list) ul li {



        width: 300px;



        height: 372px



    }



    section.work-cards:not(.leaders-list) ul li:nth-child(1n) aside {



        height: 372px



    }



    section.work-cards:not(.leaders-list) ul li:nth-child(2n) aside {



        border-right: 1px solid transparent;



        border-left: 1px solid transparent



    }



    section.work-cards:not(.leaders-list) ul li article:before {



        padding-bottom: 124%



    }



}







@media screen and (max-width:697px) {



    section.work-cards:not(.leaders-list) ul {



        width: 100%



    }



    section.work-cards:not(.leaders-list) ul li {



        width: 100%;



        height: auto



    }



    section.work-cards:not(.leaders-list) ul li:nth-child(1n) aside {



        border-bottom: 1px solid #edf0f2;



        height: 100%;



        margin-bottom: 1px



    }



    section.work-cards:not(.leaders-list) ul li:last-child aside {



        border-bottom: 1px solid transparent



    }



    section.work-cards:not(.leaders-list) ul li article:before {



        padding-bottom: 122%



    }



}







@media screen and (max-width:1281px) {



    section.work-cards:not(.leaders-list):not(.landing-workcards) ul li:nth-child(2n) aside {



        border-right: 1px solid transparent



    }



    section.work-cards:not(.leaders-list):not(.landing-workcards) ul li:nth-child(3n) {



        display: none



    }



}







@media screen and (max-width:697px) {



    section.work-cards:not(.leaders-list):not(.landing-workcards) ul li:nth-child(3n) {



        display: block



    }



}







@media screen and (max-width:768px) {



    section.work-cards:not(.leaders-list) article:before {



        padding-bottom: 124%



    }







}







@media screen and (min-width:50rem) {



    section.work-cards:not(.leaders-list) aside.three-right {



        border-right: 1px solid transparent



    }



}







@media screen and (max-width:64rem) {



    section.work-cards:not(.leaders-list) aside.three-right {



        border-right: 1px solid #edf0f2



    }



}







@media screen and (max-width:50rem) {



    section.work-cards:not(.leaders-list) aside.three-right {



        border-right: 1px solid #edf0f2



    }



}







@media screen and (max-width:41.6875rem) {



    section.work-cards:not(.leaders-list) aside.three-right {



        border-right: 1px solid transparent



    }



}







@media screen and (max-width:64rem) {



    section.work-cards:not(.leaders-list) aside.two-right {



        border-right: 1px solid transparent



    }



}







@media screen and (max-width:50rem) {



    section.work-cards:not(.leaders-list) aside.two-right {



        border-right: 1px solid transparent



    }



}







@media screen and (max-width:41.6875rem) {



    section.work-cards:not(.leaders-list) aside.two-right {



        border-right: 1px solid transparent



    }



}







@media screen and (min-width:50rem) {



    section.work-cards:not(.leaders-list) aside.three-bottom {



        border-bottom: 0px solid transparent



    }



}







@media screen and (max-width:64rem) {



    section.work-cards:not(.leaders-list) aside.three-bottom {



        border-bottom: 1px solid #edf0f2



    }



}







@media screen and (max-width:64rem) {



    section.work-cards:not(.leaders-list) aside.two-bottom {



        border-bottom: 0px solid transparent



    }



}







@media screen and (max-width:50rem) {



    section.work-cards:not(.leaders-list) aside.two-bottom {



        border-bottom: 1px solid #edf0f2



    }



}







@media screen and (max-width:41.6875rem) {



    section.work-cards:not(.leaders-list) aside.two-bottom {



        border-bottom: 1px solid #edf0f2



    }



}







@media screen and (min-width:50rem) {



    section.work-cards:not(.leaders-list) aside.three-left {



        border-left: 1px solid #edf0f2



    }



}







@media screen and (max-width:64rem) {



    section.work-cards:not(.leaders-list) aside.three-left {



        border-left: 1px solid transparent



    }



}







@media screen and (max-width:50rem) {



    section.work-cards:not(.leaders-list) aside.three-left {



        border-left: 1px solid transparent



    }



}







@media screen and (max-width:41.6875rem) {



    section.work-cards:not(.leaders-list) aside.three-left {



        border-left: 1px solid transparent



    }



}







@media screen and (max-width:64rem) {



    section.work-cards:not(.leaders-list) aside.two-left {



        border-left: 1px solid #edf0f2



    }



}







@media screen and (max-width:50rem) {



    section.work-cards:not(.leaders-list) aside.two-left {



        border-left: 1px solid #edf0f2



    }



}







@media screen and (max-width:41.6875rem) {



    section.work-cards:not(.leaders-list) aside.two-left {



        border-left: 1px solid transparent



    }



}







section.work-cards:not(.leaders-list) aside.last {



    border-bottom: 0px solid transparent



}







section.work-cards:not(.leaders-list) aside.solo {



    border-left: 0px solid #edf0f2;



    border-right: 0px solid #edf0f2



}







@media screen and (max-width:41.6875rem) {



    section.work-cards:not(.leaders-list) aside {



        border-right: 1px solid transparent



    }



}







section.work-cards article {



    position: relative;



    display: block



}







section.work-cards article:before {



    padding-bottom: 122%



}







@media screen and (max-width:50rem) {



    section.work-cards article:before {



        padding-bottom: 112%



    }



}







section.work-cards article a {



    cursor: pointer;



    display: block;



    height: 100%;



    left: 0;



    overflow: hidden;



    position: absolute;



    top: 0;



    width: 100%



}



section.work-cards article,



section.work-cards article .content {



    position: relative



}







section.work-cards article:before,



section.work-cards article .content:before {



    content: '';



    display: block;



    padding-bottom: 100%;



    width: 100%



}







section.work-cards article a:hover aside {



    opacity: 0



}







section.work-cards article a:hover .content .image {



    overflow: visible



}







section.work-cards article a:hover .content .image img {



    transition: opacity 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);



    opacity: .7



}







section.work-cards article a:hover .content .image:before {



    opacity: 1



}







section.work-cards article a:hover .content .image:after {



    transition: transform 0.2s ease-out;



    -ms-transform: scale(1);



    transform: scale(1);



    border-color: white



}







section.work-cards article a:hover .client,



section.work-cards article a:hover .title,



section.work-cards article a:hover .blurb {



    transition: opacity 0.4s ease-out, transform 0.6s ease-in-out



}







section.work-cards article a:hover .client,



section.work-cards article a:hover .title {



    -ms-transform: translateY(-50%);



    transform: translateY(-50%);



    opacity: 0;



    position: relative



}







section.work-cards article a:hover .blurb {



    -ms-transform: translateY(0);



    transform: translateY(0);



    opacity: 1



}







section.work-cards article a:hover .symbol svg {



    animation: slideAround 0.4s ease-in-out 0.2s



}







@keyframes slideAround {



    0% {



        -ms-transform: translateX(0);



        transform: translateX(0);



        opacity: 1



    }



    50% {



        -ms-transform: translateX(200%);



        transform: translateX(200%);



        opacity: 0



    }



    50.1% {



        -ms-transform: translateX(-200%);



        transform: translateX(-200%);



        opacity: 0



    }



    100% {



        -ms-transform: translateX(0);



        transform: translateX(0);



        opacity: 1



    }



}







section.work-cards article .content {



    -ms-transform: translate(-50%, -50%);



    transform: translate(-50%, -50%);



    left: 50%;



    position: absolute;



    top: 39%;



    width: 70%;



    z-index: 1



}







section.work-cards article .content .image {



    border-radius: 50%;



    height: 99%;



    left: 0;



    overflow: hidden;



    position: absolute;



    text-align: center;



    top: 0;



    width: 99%;



    transform: translate3d(0, 0, 0);



    -webkit-backface-visibility: hidden;



    -webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%);



    z-index: 1



}







section.work-cards article .content .image img {



    transform: translate(-50%, -50%) translateZ(0) scale(1, 1);



    -webkit-backface-visibility: hidden;



    height: 177%;



    left: 50%;



    opacity: 1;



    position: absolute;



    top: 70%;



    width: auto;



    z-index: 1



}







section.work-cards article .content .image:before {



    background-color: #2b9bdf;



    background-image: linear-gradient(to bottom, #2b9bdf, #0bbdd7, #a8dbe9);



    content: '';



    display: block;



    height: calc(145.7 * 1.22%);



    left: -23%;



    opacity: 0;



    position: absolute;



    top: -19%;



    width: 145.7%



}







section.work-cards article .content .image:after {



    -ms-transform: scale(2);



    transform: scale(2);



    border: 1px solid;



    border-color: rgba(255, 255, 255, 0);



    border-radius: 50%;



    content: '';



    display: block;



    height: 100%;



    position: absolute;



    width: 100%;



    z-index: 20



}







section.work-cards article .content .symbol {



    background-color: #fff;



    border-radius: 50%;



    bottom: 10%;



    box-shadow: rgba(35, 35, 35, 0.15) 2px 2px 8px;



    display: inline-block;



    height: 3.5rem;



    line-height: 1;



    padding: 19px;



    position: absolute;



    right: 3%;



    text-decoration: none;



    width: 3.5rem;



    z-index: 40



}







section.work-cards article .content .symbol #Regular_LinkArrow {



    fill: #019ee3



}







section.work-cards article header {



    bottom: -0.3125rem;



    color: #161615;



    font-size: 18px;



    padding: 0 10% 12% 12%;



    position: absolute;



    text-align: left;



    width: 100%;



    z-index: 40



}



header.big_name {



    bottom: -1.3125rem!important;



}



@media screen and (max-width:50rem) {



    section.work-cards article header {



        bottom: -0.625rem;



        font-size: 18px;



    }



}







@media screen and (max-width:22.5rem) {



    section.work-cards article header {



        font-size: 18px;



    }



}







section.work-cards article header strong {



    font-family: "Gotham-black", sans-serif



}







section.work-cards article header .blurb {



    -ms-transform: translateY(50%);



    transform: translateY(50%);



    font-size: 18px;



    line-height: 1.1;



    bottom: 2.5rem;



    color: #fff;



    opacity: 0;



    position: absolute;



    padding-right: 20px;



    margin-left: -20px



}







section.work-cards article header .title {



    font-size: 18px;



    line-height: 1.1



}







@media screen and (max-width:50rem) {



    section.work-cards article header .title {



        font-size: 18px;



    }



}







@media screen and (max-width:22.5rem) {



    section.work-cards article header .title {



        font-size: 18px;



    }



}







section.work-cards article header .client,



section.work-cards article header .title {



    opacity: 1



}







section.work-cards.two-cards ul {



    width: 760px



}







section.work-cards.two-cards ul li {



    width: 380px



}







section.work-cards.two-cards ul li:nth-child(2n) aside {



    border-right: 1px solid transparent



}







@media screen and (max-width:1266px) {



    section.work-cards.two-cards ul {



        width: 760px



    }



}







@media screen and (max-width:859px) {



    section.work-cards.two-cards ul {



        width: 680px



    }



    section.work-cards.two-cards ul li {



        width: 340px



    }



}







@media screen and (max-width:800px) {



    section.work-cards.two-cards ul {



        width: 600px;



        height: 372px



    }



    section.work-cards.two-cards ul li {



        width: 300px;



        height: 372px



    }



}







@media screen and (max-width:697px) {



    section.work-cards.two-cards ul {



        width: 100%;



        height: inherit



    }



    section.work-cards.two-cards ul li {



        width: 100%;



        height: inherit



    }



    section.work-cards.two-cards ul li:first-child aside {



        border-bottom: 1px solid #edf0f2



    }



}







@media screen and (max-width:768px) {



    section.work-cards.two-cards article:before {



        padding-bottom: 124%



    }



}







section.work-cards.one-card ul {



    width: 380px



}







section.work-cards.one-card ul li {



    width: 380px



}







@media screen and (max-width:1266px) {



    section.work-cards.one-card ul {



        width: 380px



    }



}







@media screen and (max-width:859px) {



    section.work-cards.one-card ul {



        width: 340px



    }



    section.work-cards.one-card ul li {



        width: 340px



    }



}







@media screen and (max-width:800px) {



    section.work-cards.one-card ul {



        width: 300px



    }



    section.work-cards.one-card ul li {



        width: 300px



    }



}







@media screen and (max-width:697px) {



    section.work-cards.one-card ul {



        width: 100%



    }



    section.work-cards.one-card ul li {



        width: 100%



    }



}







@media screen and (max-width:768px) {



    section.work-cards.one-card article:before {



        padding-bottom: 124%



    }



}







section.work-cards.filterable {



    max-width: 100%



}







section.work-cards.filterable>ul {



    width: 1260px;



    box-shadow: none;



    margin-left: 0.46875rem



}







section.work-cards.filterable>ul li {



    width: 420px;



    height: 450px



}







@media screen and (max-width:500px) {



    section.work-cards.filterable>ul li {



        width: 100%



    }



}







section.work-cards.filterable>ul li:nth-child(1n) aside {



    height: initial



}







section.work-cards.filterable>ul li.filtered-card {



    -ms-transform: translate3d(0, 0, 0);



    transform: translate3d(0, 0, 0);



    max-width: 420px;



    opacity: 1



}







section.work-cards.filterable>ul li.filtered-card>div {



    width: 405px;



    height: 420px;



    margin: 0 15px 30px 0;



    box-shadow: rgba(2, 2, 22, 0.2) 0px 2px 25px



}







@media screen and (max-width:41.6875rem) {



    section.work-cards.filterable>ul li.filtered-card>div {



        width: auto



    }



}







section.work-cards.filterable>ul li.hide {



    max-width: 0;



    opacity: 0



}







section.work-cards.filterable>ul li.hide>div {



    -ms-transform: scale(0);



    transform: scale(0)



}







section.work-cards.filterable>ul ul.tags {



    box-shadow: none;



    width: 100%;



    position: absolute;



    font-size: 10px;



    line-height: 1.1;



    top: 0rem;



    color: white;



    opacity: 0;



    margin: 0;



    position: absolute;



    z-index: 10;



    background: transparent;



    -ms-flex-pack: left;



    justify-content: left;



    padding: 25px



}







section.work-cards.filterable>ul ul.tags li {



    width: auto;



    height: auto;



    box-shadow: none;



    background: transparent;



    border: 1px solid white;



    border-radius: 10px;



    padding: 4px 10px;



    margin: 0 8px 6px 0



}







section.work-cards.filterable article {



    height: 100%



}







section.work-cards.filterable article:before {



    padding-bottom: 100%



}







section.work-cards.filterable article a:hover aside {



    opacity: 1



}







section.work-cards.filterable article a:hover ul {



    opacity: 1



}







section.work-cards.filterable article a:hover .content .image {



    overflow: hidden



}







section.work-cards.filterable article a:hover .content .image img {



    transition: opacity 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);



    opacity: .25



}







section.work-cards.filterable article a:hover .content .image:before {



    opacity: 1



}







section.work-cards.filterable article a:hover .content .image:after {



    transition: transform 0.2s ease-out;



    -ms-transform: scale(1);



    transform: scale(1);



    border: none



}







section.work-cards.filterable article a:hover .client,



section.work-cards.filterable article a:hover .title,



section.work-cards.filterable article a:hover .blurb {



    transition: opacity 0.4s ease-out, transform 0.6s ease-in-out



}







section.work-cards.filterable article a:hover .client,



section.work-cards.filterable article a:hover .title {



    -ms-transform: translateY(0%);



    transform: translateY(0%);



    opacity: 1;



    position: relative



}







section.work-cards.filterable article a:hover .blurb {



    -ms-transform: translateY(0);



    transform: translateY(0);



    opacity: 1



}







section.work-cards.filterable article a:hover .symbol svg {



    animation: slideAround 0.4s ease-in-out 0.2s



}







section.work-cards.filterable article .content {



    -ms-transform: translate(0);



    transform: translate(0);



    left: 0;



    top: 0;



    width: 100%;



    height: 300px



}







section.work-cards.filterable article .content .image {



    border-radius: 0;



    height: 100%;



    width: 100%



}







section.work-cards.filterable article .content .image:before {



    z-index: 1



}







section.work-cards.filterable article .content .image picture,



section.work-cards.filterable article .content .image img {



    left: 0;



    top: -25%;



    -ms-transform: none;



    transform: none;



    width: 100%;



    height: auto



}







@media screen and (max-width:26.5625rem) {



    section.work-cards.filterable article .content .image picture,



    section.work-cards.filterable article .content .image img {



        top: 0



    }



}







section.work-cards.filterable article .content .blurb {



    font-size: 1.625rem;



    line-height: 1.1;



    top: 5.625rem;



    color: #fff;



    opacity: 0;



    margin-left: 20px;



    margin-right: 10px;



    position: absolute;



    z-index: 10



}







section.work-cards.filterable article header {



    padding: 20px;



    bottom: 0;



    height: 120px



}







section.work-cards.filterable article header .client {



    font-size: 1.125rem



}







section.work-cards.filterable article header .client:before {



    display: none



}







section.work-cards.filterable article header .title {



    font-size: 1.625rem



}







section.work-cards.filterable article .symbol {



    bottom: -10%;



    right: 3%



}







select option:disabled {



    display: none



}







.no-touch section.work-cards article a:hover .content .image {



    -webkit-mask-image: none



}



.work-cards .title strong,



.work-cards .title span



{



  color: #ffffff!important;



}



.work-cards .title span



{



      font-size: 15px;



      top: 5px;



    position: relative;



}



.leader-desc



{



  width: 80%;



}



.leader-desc .devider



{



  margin-left: 0px;



  padding-bottom: 25px;



}



.leader-desc .team-content



{



  padding: 70px 40px 10px 40px;



}



.leader-desc h2



{



  font-size: 28px;



   padding-bottom: 10px;



}



.leader-desc h3



{



  font-size: 20px;



   padding-bottom: 12px;



   color: #231f20;



}



.leader-desc .content {



    text-align: justify;



    height: 300px;



    overflow: auto;



    padding-right:15px;



}



.leader-desc .content h2



{



  padding: 15px 0px!important;



  font-size: 16px;



  color: #231f20;



}



.leader-desc .content ul li



{



    padding-left: 15px;



    line-height: 18px;



    margin-bottom: 10px;



    position: relative;



    background: url(../images/list-arrow.png) no-repeat 0 6px;



}



.leader-desc-img



{



  background: #020216;



}



.col-md-5.leader-desc-img



{



  padding: 0px;



}







/* Filter css*/







.filterDiv {



  float: left;



  background-color: #2196F3;



  color: #ffffff;



  width: 100px;



  line-height: 100px;



  text-align: center;



  margin: 2px;



  display: none;



}







.show {



  display: block;



}



/* Style the buttons */



.btn {



  border: none;



  outline: none;



  padding: 12px 16px;



  background-color: #f1f1f1;



  cursor: pointer;



}







.btn:hover {



  background-color: #ddd;



}







.btn.active {



  background-color: #666;



  color: white;



}



#gallery



{



  margin: auto;



}



#myBtnContainer



{



  padding: 20px 0px 50px 0px;



}



.prod-listing



{



 padding: 30px 0px; 



}







/* The flip card container - set the width and height to whatever you want. We have added the border property to demonstrate that the flip itself goes out of the box on hover (remove perspective if you don't want the 3D effect */



.flip-card {



  background-color: transparent;



  width: 100%;



  height: 600px;



  perspective: 1000px; /* Remove this if you don't want the 3D effect */



}







/* This container is needed to position the front and back side */



.flip-card-inner {



  position: relative;



  width: 100%;



  height: 100%;



  text-align: center;



  transition: transform 0.8s;



  transform-style: preserve-3d;



}







/* Do an horizontal flip when you move the mouse over the flip box container */



/*.flip-card:hover .flip-card-inner {



  transform: rotateY(180deg);



}*/

.flip-card:hover .flip-card-inner 

{



}





/* Position the front and back side */



.flip-card-front, .flip-card-back {



  position: absolute;



  width: 100%;



  height: 100%;



  backface-visibility: hidden;



}







/* Style the front side (fallback if image is missing) */



.flip-card-front {



  background:  url(../images/prod-list-overlay.png),url(../images/prod-list-bg-img.png);



  background-size: cover,cover;



  background-repeat: no-repeat, no-repeat;



  background-position: top , center center;



  color:#ffffff;



  text-align: left;



  padding: 25px;



}







/* Style the back side */



.flip-card-back {



  background:  url(../images/prod-list-bg-front.png),url(../images/prod-list-bg-img.png);



  background-size: cover,cover;



  background-repeat: no-repeat, no-repeat;



  background-position: top , center center;



  color: #ffffff;



  transform: rotateY(180deg);



  text-align: left;



  padding: 25px;



}



.flip-card-back h1,



.flip-card-front h1



{



  font-size: 28px;



  color: #ffffff;



  font-weight: normal;



}



.flip-card-back a,

.flip-card-front a,

.flip-card-back li,

.flip-card-front li



{



  color: #ffffff;



  font-size: 18px;



  text-decoration: none;



  padding: 5px 0px;



  display: block;



}



.flip-card-back a:hover,

.flip-card-front a:hover/*,

.flip-card-front a:visited,

.flip-card-front a:active*/



{



  color: #00b0ae;



}



.prod_inner_subtitle



{



  color: #070743;



  font-size: 20px;



}



.prod_inner_title



{



  padding-bottom: 10px;



}



.prod-single-desc



{



  text-align: justify;



   padding-top: 15px;



}



.prod-single-gallery



{



  padding-top: 30px;



}



.section-padding.prod-single



{



  padding-top: 0px;



}



#contact .info .fas {



    font-size: 26px !important;



    color: #000131 !important;



    float: left;



    width: 30px;



    height: auto;



}



#contact .info b {



    padding: 0 0 10px 10px;



    line-height: 23px;



    text-align: left !important;



    display: inline-flex;



    width: 78%;



}



#gallery_container



{



  padding-bottom: 0px;



}



.header-img



{



  width: 100%;



}



address {



  



    text-transform: uppercase;



}



.listyu {



    list-style: square;



    padding-left: 17px;



}



.ug-tile .ug-textpanel-title {



    font-size: 20px!important;



    font-weight: normal;



    font-family: 'Gotham-light', sans-serif;



}



.qd-logo {



    height: 25px;



    width: auto;



    padding: 1px;



    text-align: center;



}



.prod-single .devider {



    margin-top: 100px;



}



.prod-single h5



{



	color: #070743;



}



.mfp-close-btn-in .mfp-close {



    color: #ffffff!important;



    background: #070743;



    border-radius: 50%;



    font-size: 50px;



    border-top-style: dashed;



    height: 60px;



    width: 60px;



    top: -30px;



    right: -30px;



    opacity: 1!important;



}



.mfp-close:active {



    top: -30px!important;



}

/*.production-btn

{

  background: #000131;

  color: #ffffff;

  border: none;

  padding: 10px 30px;

}

.production-btn:hover

{

  border: none;

  color: #000131;

  background: #c0d844;

}*/

b

{

  color: #000131;

}

.data_credits p 

{



}

.devider.mob,h2.mob

{

  display: none;

}

.flex-direction-nav

{

  display: none!important;

}



.news-section.upcoming_page .col-md-6

{

      padding-bottom: 40px;

}
.news-section.upcoming_page .col-md-6 p

{

          margin-bottom: 5px;

}

#divLoading
{
    display : none;
}
#divLoading
{
    position : fixed;
    z-index: 100;
    background-image : url('../images/loader.svg');
        background-color: rgba(0,0,0,0.5);
    background-repeat : no-repeat;
    background-position : center;
    left : 0;
    bottom : 0;
    right : 0;
    top : 0;
}
#loadinggif
{
    left : 50%;
    top : 50%;
    position : absolute;
    z-index : 101;
    width : 32px;
    height : 32px;
    margin-left : -16px;
    margin-top : -16px;
}