/*
    Author : Manibharathi, Dinesh Raja;
    Organization : Shiro SOftware Solutions;
    Dated : 18/02/2018;
*/
 /*@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed');*/
 @import url('https://fonts.googleapis.com/css?family=Roboto');
 @import url(//db.onlinewebfonts.com/c/db33e70bc9dee9fa9ae9737ad83d77ba?family=Gotham);
 @import url(https://fonts.googleapis.com/css?family=Open+Sans&display=swap);
 html,body{
     width:100%;
     height: 100%;
     margin:0 auto;
     font-family: Roboto;
 }
 @font-face {font-family: "Gotham";
     src: url("//db.onlinewebfonts.com/t/db33e70bc9dee9fa9ae9737ad83d77ba.eot");
     src: url("//db.onlinewebfonts.com/t/db33e70bc9dee9fa9ae9737ad83d77ba.eot?#iefix") format("embedded-opentype"),
     url("//db.onlinewebfonts.com/t/db33e70bc9dee9fa9ae9737ad83d77ba.woff2") format("woff2"),
     url("//db.onlinewebfonts.com/t/db33e70bc9dee9fa9ae9737ad83d77ba.woff") format("woff"),
     url("//db.onlinewebfonts.com/t/db33e70bc9dee9fa9ae9737ad83d77ba.ttf") format("truetype"),
     url("//db.onlinewebfonts.com/t/db33e70bc9dee9fa9ae9737ad83d77ba.svg#Gotham") format("svg");
 }


 @font-face {font-family: "OpenSans";
    src: url("../../areaa/fonts/Open_Sans/OpenSans-Regular.ttf");
    src: url("https://fonts.googleapis.com/css?family=Open+Sans&display=swap") format("embedded-opentype"),
    url("../../areaa/fonts/Open_Sans/OpenSans-BoldItalic.ttf") format("truetype"),
    url("../../areaa/fonts/Open_Sans/OpenSans-ExtraBold.ttf") format("truetype"),
    url("../../areaa/fonts/Open_Sans/OpenSans-ExtraBoldItalic.ttf") format("truetype"),
    url("../../areaa/fonts/Open_Sans/OpenSans-Light.ttf") format("truetype"),
    url("../../areaa/fonts/Open_Sans/OpenSans-LightItalic.ttf") format("truetype"),
    url("../../areaa/fonts/Open_Sans/OpenSans-Bold.ttf") format("truetype"),
    url("../../areaa/fonts/Open_Sans/OpenSans-RegularItalic.ttf") format("truetype"),
    url("../../areaa/fonts/Open_Sans/OpenSans-SemiBold.ttf") format("truetype"),
    url("../../areaa/fonts/Open_Sans/OpenSans-SemiBoldItalic.ttf") format("truetype");

}

@font-face {font-family: "PT Sans";
    src: url("../../areaa/fonts/PT_Sans/PTSans-Regular.ttf");
    src: url("https://fonts.googleapis.com/css?family=PT+Sans&display=swap") format("embedded-opentype"),
    url("../../areaa/fonts/PT_Sans/PTSans-BoldItalic.ttf") format("truetype"),
    url("../../areaa/fonts/PT_Sans/PTSans-Bold.ttf") format("truetype"),
    url("../../areaa/fonts/PT_Sans/PTSans-RegularItalic.ttf") format("truetype"),


}
 
 .font-family-gotham{
     font-family: Gotham !important;
 }
 .font-family-OpenSans{
    font-family: OpenSans !important;
 }
 .font-family-ptserif{
    font-family: 'PT Sans', sans-serif !important;
 } 
 
 
 .slider-primary{
     font-size: 15px;
     color: #FFF;
     font-weight: bold;
     letter-spacing: 1px;
 }
 
 
 /*------------------------ common -----------------------*/
 img
 {
     max-width:100%;
     min-width:100%;
     max-height:100%;
     min-height:100%;
 }
 
 .ag-icon-content a{
     padding-top: 10px !important;
     font-family: Gotham !important;
     font-weight: bold !important;
     font-size: 18px !important;
     
 }
 
 .center-blockimg img {
 
     width: 50%;
     max-width: 50%;
     min-width: 50%;
 
 }
 
 
 *
 {
     box-sizing:border-box;
 }
 //div
 {
     border:solid 1px black;
 }
 body
 {
     margin:0;
     padding:0;
 }
 img
 {
     max-width:100%;
     width:100%;
     height:auto;
     vertical-align: middle;
 }
 h1,h2,h3,h4,h5,h6
 {
     margin: 0;
     font-weight: 400;
     font-family: Gotham;
 }
 .container::after
 {
     content:'';
     clear:both;
     display:block;
 }
 .container-fluid::after
 {
     content:'';
     clear:both;
     display:block;
 }
 p
 {
     color: #cecdcd;
     font-size: 12px;
 }
 
 .text-yellow
 {
  color: #ffd985;
 }
 .text-white
 {
  color: white;
 }
 .text-darkpurple
 {
 color: #342637;
 }
 .align-center
 {
     text-align: center;
 }
 .align-left
 {
     text-align: left! important;
 }
 .fs{
           font-size:24px;
           font-weight:bold;

 }
 .bull-img{
    background-image: url('../img/b1.png');
padding:10px;
background-repeat:no-repeat;
display:inline-block;
border:0px solid;
vertical-align:top;
}

.areaa-bull{
    border:0px solid;
    margin-top:10px;
}
.con{
    margin-left: 8px;
    display:inline-block;
    border:0px solid;
        width: 94%;
        vertical-align:top;
            font-size: 16px;

}
 .uppercase
 {
      text-transform: uppercase;
 }
 .bg-purple
 {
     background-color: #342637;
 }
 a
 {
     text-decoration: none;
 }
 a:hover
 {
     text-decoration: none;
 }
 a:focus {
     text-decoration: none;
 }
 .float-right
 {
     float: right;
 }
 .float-left
 {
     float: left;
 }
 /*------------------------ header -----------------------*/
 
 #navbars {
     position: relative;
     left: 0;
     width: 100%;
     z-index: 999;
     background: #342637;
 }
 
 #top-logos {
     display: flex;
     align-items: center;
     width: 100%;
     max-width: 240px;
     min-width: 200px;
     z-index: 1;
         padding: 16px;
 
     background: white;
     position: relative;
 }
 #top-logos::before {
     position: absolute;
     content: '';
     top: 0;
     right: 0;
     bottom: 0;
     width: 100vw;
     background: #fff;
     transform: skewX(155deg);
     transform-origin: 50% 100%;
     will-change: transform;
     pointer-events: none;
     z-index: -1;
 }
 #top-logos a {
     transition: all 0.3s ease 0s;
     text-decoration: none;
 }
 .menu {
     height: 64px;
     float: right;
 }
 
 .menu, .menu ul, .menu li, .menu a {
     margin: 0;
     padding: 0;
     border: none;
     outline: none;
 }
 .menu li {
     /* position: relative; */
     list-style: none;
     float: left;
     display: block;
     /* height: 90px; */
 }
 
 .menu li a {
     display: block;
     padding: 0 14px;
     line-height: 82px;
     text-decoration: none;
     font-family: 'Lato', sans-serif;
     font-weight: bold;
     font-size: 15px;
     color: #FFF;
 }
 .topDropdown{
     display: none;
     list-style: none;
     background: white;
     padding: 0;
     margin: 0;
     height:auto;
     margin-left: -60px;
     position: absolute;
     width:180px;
     z-index: 1;
     -webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.75);
     -moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.75);
     box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.75);
 
 }
 
 .topDropdown li{
     line-height: 30px !important;
 }
 
 .topDropdown a{
     display: block;
     padding-left: 20px;
     line-height: 40px !important;
     font-size:15px;
 }
 .menu-profile a{
     font-style: normal;
     font-weight: 500;
     font-size: 20px;
     line-height: normal;
     color: white;
     text-decoration: none;
     line-height: 82px;
 }
 .a {
     color: black! important;
     line-height: 50px! important;
 }
 .nav-item1
 {
     height: 50px! important;
 }
 .dropdown-menu
 {
     top: 91%;
  }
 .menu li .joinarea
 {
     background-color: #ffd985;
     line-height: 38px;
     margin-top: 20px;
     color: black;
 }
 
 
 .nav>li>a:focus, .nav>li>a:hover {
     text-decoration: none;
     background-color: #342637! important;
     color: #ffd985! important;
 }
 .active
 {
      color: #ffd985! important;
 }
 .dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
     color: #262626;
     text-decoration: none;
     background-color: #fff; 
 }
 .nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
      background-color: #342637! important;
      border-color: none; 
 }
 .nav .join-hover a:focus, .nav .join-hover a:hover {
     text-decoration: none;
     background-color: #ffd985! important;
     color: #342637! important;
 }
 .nav-item:hover .dropdown-menu
 {
     display:block;
 }
 /*------------------------ admin --- login ---------------------*/
  .wrap-login {
     margin: 0 auto;
     width: 35%;
 }
 
 .wrap-ilogin {
     display: table;
     position: absolute;
     /* width: 100%; */
     height: 100%;
 }
 
 .wrap-login-form {
     display: table-cell;
     vertical-align: middle;
     width: 400px;
 }
 .fc{
     text-align:center !important;
 }
 .fr{
     text-align:right !important;
 }
 .ag-icon-content{
     position: absolute;
     top: 0px;
     left: 5px;
 }
 #loginForm {
     background-color: #FFF;
     padding: 16px;
     border-radius: 16px;
 }
 
 .loginHead {
     width: 100%;
     text-align: center;
     text-transform: uppercase;
     font-size: 16px;
     margin-top: 32px;
     margin-bottom: 32px;
     color: #5c315e;
     font-stretch: semi-expanded;
 }
 
 .myUserIcon i {
     margin-top: 2%;
     z-index: 99999;
     position: absolute;
     font-size: 25px;
     padding-left: 5px;
     color: #71787d;
 }
 
 .wrap-text-login {
     width: 100%;
     height: 40px;
     /* font-size: 18px; */
     border: 1px solid #bdc0c3;
     padding-left: 35px;
     /* border-radius: 5px; */
 }
 
 #loginForm{
     margin:25px;
 }
 
 .login-main{
     background-color:#FFF;
      
 }
 
 .clear{
     width:100%;
     height: 10px;
 }
 
 .loginBtn{
     background-color: #1ab394;
     color:#FFF;
     font-weight: 700;
     width: 100%;
     height: 48px;
 }
 
 .text-align-center{
     text-align:center;
 }
 
 .loginBtn:hover{
     color:#FFF;
     height: 48px;
 }
 .loginBtn {
     
     background-color: #5c315e;
     color: #FFF;
     border: none;
     text-transform: uppercase;
     font-weight: 700;
 }
 
 input[type="text"]:focus{
 outline: none;
 /*box-shadow: 0px 0px 5px #61C5FA;*/
 border:2px solid #5c315e;
 }
 input[type="password"]:focus{
 outline: none;
 /*box-shadow: 0px 0px 5px #61C5FA;*/
 border:2px solid #5c315e;
 }
 
 .noText{
     font-weight: bold;
     color:#F00;
 }
 /*------------------------ index --- background image ---------------------*/
 
 
 .carousel-inner {
     position: relative;
     width: 100%;
     overflow: hidden;
     height: 75vh;
 }
 .uptrip
 {
     background-color: #5c315e;
     line-height: 35px;
     margin-top: 20px;
     color: #fff;
     text-align: center;
     width: 275px! important;
     height: 35px;
     margin: auto;
     margin-top: 50px;
     border-radius: 5px;
     font-weight: 800;
     padding: 10px 50px;
      font-size: 30px;
 }
 .uptrip a
 {
         color: white;
         font-size: 20px;
 }
 .carouselone {
     top: 21.5%;
     left: 16%;
 }
 .carouselone h2
 {
     font-size: 35px;
     line-height: 1.5;
     letter-spacing: 5px;
 }
 
 .carouselfour {
     top: 26%;
     left: 15%;
 }
 .carouselfour h2
 {
      font-size: 35px;
     line-height: 1.5;
     letter-spacing: 5px;
 }
 .bg-img{
     
 background: url(../img/bg-01.png) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-position: center;
 background-attachment: fixed;
   background-size: cover;
   background-color: rgb(249, 249, 249);
 background-blend-mode: multiply;
   height:100vh;
     
 }
 .bg-img h2
 {
     font-weight: 700;
     font-size: 65px;
     padding-top: 75px;
 }
 .bg-img p
 {
     
     font-size: 22px;
 }
 .table
 {
     display: table;
     height:86vh;
 }
 .content
 {
      display: table-cell;
     vertical-align: middle;
     
 }
 .bg-footer::after {
     position: absolute;
     content: '';
     top:0;
     right: 0;
     bottom: 0;
     width: 90px;
     background: #342637;
     -webkit-clip-path: polygon(100% 0, 50% 100%, 100% 100%);
     clip-path: polygon(100% 0, 50% 100%, 100% 100%);
    
     z-index: 1;
 }
 .bg-footer::before {
     position: absolute;
     content: '';
     top:0;
     left: 0;
     bottom: 0;
     width: 90px;
     background: #342637;
     -webkit-clip-path: polygon(50% 0, 0% 100%, 0 0);
 clip-path: polygon(50% 0, 0% 100%, 0 0);
     z-index: 1;
 }
 .bg-footer-content
 {
      height: 85px;
     background-color: #5c315e;
     display: flex;
     color: white;
 }
 .bg-footers
 {
     position: fixed;
     z-index: 100;
     width: 100%;
     background-color: #5c315e;
      margin: auto;
      display: flex;
      color: white;
       font-size: 23px;
      line-height: 50px;
      bottom:0;
        
 }
 .bg-footer-contents
 {
     width: 95%;
      margin: auto;
 }
 .bg-footer-contents h4
 {
     font-size: 12px;
 }
 /* .col
 {
     padding-top:25px;
 } */
 .ag-icon-content{
     border: 0px solid;
     position: absolute;
     top: 20px;
     left: 80px;
 }
 .main{
     border:0px solid #fff;
     padding:20px;
    
 }
 .sub{
     border:0px solid #fff;
         margin-left: 20px;
          margin-top:4px;
     cursor:pointer;
         display: inline-block;
 
 }
 .fdes{
     font-family: Gotham !important;
     font-weight: bold !important;
     font-size: 20px !important;
     color:#fff;
     vertical-align: super;
     text-transform: uppercase;
     margin: 10px;
         display: inline-block;
 }
 .fdes:hover{
     font-family: Gotham !important;
     font-weight: bold !important;
     font-size: 20px !important;
     color:#fff;
     vertical-align: super;
     text-transform: uppercase;
     margin: 10px;
 }
 .bg-footer
 {
     background-color: #342637;
      position: relative;
    
 }
 .ag-a
 {
         color: white! important;
     line-height: 20px! important;
 }
 .ag-icon
 {
     line-height: 40px;
     font-size: 35px;
 }
 .ag_menu
 {
     float: none;
     padding-left: 30px;
 }
 .ag_img
 {
     line-height: 20px;
     height: 40px! important;
 }
 #sendmessage {
     color: #FFF;
 }
 #errormessage {
     color: #FFF;
 }
 /*------------------------ index --- about us--------------------*/
 .aboutus
 {
     text-align: center;
 }
 .padding
 {
     padding: 75px 0;
 }
 
 
 .thumbnail
 {
     padding:0;
     display:inline-block;
     margin-bottom:0;
     width:auto;
     border:none;
 }
 
 .aboutus h2
 {
     font-family: 'Nunito Sans';
     font-weight: 600;
     
     padding-bottom: 30px;
 }
 .aboutus h3
 {
     color: #934f74;
     padding-bottom: 20px;
     }
 .aboutus .p
 {
     
     color: rgb(119, 119, 119);
     font-family: PT Sans;
     font-weight: 400;
     font-size: 17px;
         padding: 0px 20px 30px 20px;
     text-align:center;
     margin:auto;
 }
 .aboutus a
 {
     color: black;
 }
 .aboutus p
 {
        text-align: center;
     color: #3a3939;
     font-size: 17px;
 }
 .aboutus span
 {
    font-weight: 400;
     font-family: Gotham;
     font-size: 14px;
     color: #934f74;
 }
 .ind-link {
    font-weight: 400;
    font-family: Gotham;
    font-size: 14px;
    color: #934f74 !important;
}
 .aboutus img
 {
 
    
     opacity:1; 
   transform : scale(1.1);
     
 }
 
 .abt-img
 {
     overflow: hidden;
         height: 200px;
     position: relative;
 }
 .feature-content
 {
     padding: 50px 20px 0 25px;
 
 }
 .ag-l2
 {
         padding: 50px 0 0 0! important;
 }
 .ag-l2 h4
 {
     padding-bottom: 20px;
 }
 .stop
 {
     padding: 11px;
 }
 .p {
     margin:0 auto;
 }
 .bg-icons
 {
     position: absolute;
     width: 60px;
     background-color: #934f74;
     height: 60px;
     border-radius: 100%;
    margin-top: -30px;
     left: calc( 50% - 32px);
 }
 .bg-icons i
 {
     color: white;
         font-size: 30px;
     
     padding: 14px 0 0 0;
 }
 .bg-icons-img
 {
     padding: 15px;
 }
 .bg-iconsa i
 {
         font-size: 33px;
     padding: 13px;
 }
 .about_content
 {
     height: 390px;
     padding:15px;
         box-shadow: 0px 6px 15px rgba(0, 0, 0, 0.2);
 }
 .aboutus h4
 {
     font-size:14px;
 }
 
 .feature-content p
 {
     font-size:14px;
 }
 /*------------------------ index --- join areaa--------------------*/
 .pad
 {
     padding:50px 0;
 }
 .joinareas::after  {
     position: absolute;
     content: '';
     top:0;
     right: 0;
     bottom: 0;
     width: 400px;
         background-color: #5c315e;
     -webkit-clip-path: polygon(100% 0, 50% 100%, 100% 100%);
     clip-path: polygon(100% 0, 50% 100%, 100% 100%);
    
     z-index: 1;
 }
 .joinareas::before {
     position: absolute;
     content: '';
     top:0;
     left: 0;
     bottom: 0;
     width: 400px;
         background-color: #5c315e;
     -webkit-clip-path: polygon(50% 0, 0% 100%, 0 0);
 clip-path: polygon(50% 0, 0% 100%, 0 0);
     z-index: 1;
 }
 .joinareas
 {
      background: #342637;
      
      position: relative;
             height: auto;
      overflow: auto; 
 }
 .ag-join
 {
     width: 65%;
     margin:auto;
 }
 .ag-join h3
 {
     font-size: 16px;
     padding-top: 25px;
 }
 .ag-join h2
 {
     color:white;
     padding: 20px 0;
 }
 .ag-join .p
 {
         color: #dedddd;
         font-family: PT Sans;
         font-weight: 400;
         font-size: 17px;
 }
 .underline
 {
         width: 90px;
     height: 2px;
     background: white;
     margin: 45px 0 45px 0;
 }
 .join_content h3
 {
     color: white;
     font-size: 40px;
 }
 .join_content h4
 {
     color: white;
     font-size:16px;
     padding: 10px 0 15px 0; 
 }
 .understyle
 {
     width: 60px;
     height: 2px;
     background: #949393;
     margin: auto;
 }
 .join_content i
 {
     color: white;
     font-size: 40px;
     padding: 15px 0 0 0; 
 }
 .join_content
 {
     text-align: center;
 }
 .col-ag-pad
 {
     padding-top: 0px;
 }
 /*------------------------ index --- membership benefit--------------------*/
 .membership
 {
     text-align: center;
     background: url(../img/bg-23.png) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-position: center;
 background-attachment: fixed;
   background-size: cover;
 }
 .membership h3
 {
     color: #934f74;
     padding-bottom: 20px;
 }
 .membership h2
 {
     padding-bottom: 30px;
 }
 .mb-content-inner
 {
     padding:20px;
     box-shadow: 0px 6px 15px rgba(0, 0, 0, 0.2);
         background: white;
 }
 .mb-content
 {
     padding:20px;
     color: white;
     text-align: center;
 }
 .mb-content i
 {
     color: #5c315e;
     font-size: 40px;
     padding: 25px 0;
 }
 .mb-content i
 {
     color: #5c315e;
     font-size: 40px;
     padding: 25px 0;
 }
 .mb-content p
 {
     padding-bottom: 25px;
     color: #4c4c4c;
     font-size: 16px;
 }
 .mb-content span
 {
     padding: 10px;
 }
 .joins
 {
     background-color: #ffd985;
     line-height: 35px;
     margin-top: 20px;
     color: #5c315e;
     text-align: center;
     width: 165px;
     height: 35px;
     margin: auto;
     margin-top: 50px;
     border-radius: 5px;
     font-weight: 800;
 }
 .joins a
 {
     color: #5c315e;
     text-decoration: none;
 }
 .pad-btm
 {
     padding-bottom: 50px;
 }
 /*-- ---------------- index --- upclose trips  -----------------*/
 .upclose
 {
     text-align: center;
     padding: 50px 0;
     height:680px;
     
 }
 .upclose-content
 {
     width:65%;
     margin:auto;
 
 }
 .upclose h3
 {
     color: #934f74;
     padding-bottom: 20px;
     
 }
 .upclose h2
 {
     padding-bottom: 80px;
 }
 .up-img
 {
     height: 335px;
     width: 335px;
     border-radius: 100%;
 }
 .upjoin
 {
     margin-top: 40px;
     margin-bottom: 40px;
 }
 
 .occupany {
         padding: 15px 20px;
     background: #e43d3dd1;
     width: 50%;
         margin: 20px 0;
     /* font-size: 20px; */
 }
 .occupany h4
 {
     font-size: 21px;
     color: wheat;
      line-height: 1.5;
 }
 .triphead
 {
      color: #e96060;
     font-size: 50px;
     line-height: 1.5;
 }
 .triphs
 {
     color: #bd9549;
     line-height: 1.2;
 }
 .triph4
 {
         line-height: 2.5;
     color: #e96060;
     font-weight: 400;
 }
 .height
 {
         line-height: 2.5;
 }
 /*-- ---------------- index --- partners  -----------------*/
 .partners
 {
     text-align: center;
 
 }
 .partners h3
 {
     padding-bottom: 50px;
 }
 
 
 /* Slider */
 
 .slick-slide {
     margin: 0px 20px;
 }
 
 .slick-slide img {
     width: 100%;
 }
 
 .slick-slider
 {
     position: relative;
     display: block;
     box-sizing: border-box;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
             user-select: none;
     -webkit-touch-callout: none;
     -khtml-user-select: none;
     -ms-touch-action: pan-y;
         touch-action: pan-y;
     -webkit-tap-highlight-color: transparent;
 }
 
 .slick-list
 {
     position: relative;
     display: block;
     overflow: hidden;
     margin: 0;
     padding: 0;
 }
 .slick-list:focus
 {
     outline: none;
 }
 .slick-list.dragging
 {
     cursor: pointer;
     cursor: hand;
 }
 
 .slick-slider .slick-track,
 .slick-slider .slick-list
 {
     -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
         -ms-transform: translate3d(0, 0, 0);
          -o-transform: translate3d(0, 0, 0);
             transform: translate3d(0, 0, 0);
 }
 
 .slick-track
 {
     position: relative;
     top: 0;
     left: 0;
     display: block;
 }
 .slick-track:before,
 .slick-track:after
 {
     display: table;
     content: '';
 }
 .slick-track:after
 {
     clear: both;
 }
 .slick-loading .slick-track
 {
     visibility: hidden;
 }
 
 .slick-slide
 {
     display: none;
     float: left;
     height: 100%;
     min-height: 1px;
 }
 [dir='rtl'] .slick-slide
 {
     float: right;
 }
 .slick-slide img
 {
     display: block;
 }
 .slick-slide.slick-loading img
 {
     display: none;
 }
 .slick-slide.dragging img
 {
     pointer-events: none;
 }
 .slick-initialized .slick-slide
 {
     display: block;
 }
 .slick-loading .slick-slide
 {
     visibility: hidden;
 }
 .slick-vertical .slick-slide
 {
     display: block;
     height: auto;
     border: 1px solid transparent;
 }
 .slick-arrow.slick-hidden {
     display: none;
 }
 .partner-pad
 {
     padding-top: 50px;
 }
.partner p {
    color: #000;
    text-align: justify;
    font-size: 14px;
}

.but{
    width:195px;
    display:inline-block;
    /* margin-left:10px; */
}
.but-main{
    border:0px solid #fff;
    width:32%;
    margin:auto;
    text-align:center;
}
.left{
    border:0px solid #fff;
    text-align:left;
    width:49%;
    display:inline-block;
}
.right{
    border:0px solid #fff;
    text-align:right;
    width:49%;
    display:inline-block;
}


[class*="icono"] {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    color: #666;
    box-sizing: border-box;
    &:after, &:before {
      content: "";
      box-sizing: border-box;
    }
  }
  
  
  [class*="icono-arrow4"]{
    width: 0;
    height: 0;
    border: 7px solid transparent;
    border-top: 7px solid #fff;
    /* border-right: 7px solid; */
    margin: 3px 0px 0px 10px;
    &[class*="-left"]{
      transform: rotate(45deg);
      &[class*="-up"]{
        transform: none;
      }
      &[class*="-down"]{
        transform: rotate(90deg);
      }
    }
    &[class*="-right"]{
      transform: rotate(-135deg);
      &[class*="-up"]{
        transform: rotate(-90deg);
      }
      &[class*="-down"]{
        transform: rotate(180deg);
      }
    }
    &[class*="-up"]{
      transform: rotate(-45deg);
    }
    &[class*="-down"]{
      transform: rotate(135deg);
    }
  }
.part-tube{
    width:55%;
    height:400px;
}
.part-tube1{
    width:100%;
    height:300px;
}
.part-tube2{
    width:100%;
    height:315px;
}

.part-tube3{
    width:70%;
    height:500px;
}







 /*-- ---------------- footer  -----------------*/
 .cont_us::after  {
     position: absolute;
     content: '';
     top:0;
     right: 0;
     bottom: 0;
     width: 400px;
         background-color: #5c315e;
     -webkit-clip-path: polygon(100% 0, 50% 100%, 100% 100%);
     clip-path: polygon(100% 0, 50% 100%, 100% 100%);
    
     z-index: -1;
 }
 .contactus
 {    
     width:80%;
     margin: auto;
 }
 .cont_us
 {
     position: relative;
         height: 535px;
          z-index: -2
 }
 .contactus h2
 {
     color: white;
     font-size: 40px;
     font-weight: 800;
     padding-top:10px;
 }
 .contactus .underline
 {
     background: #c3c0c0;
 }
 .contactus p
 {
     font-size: 16px;
 }
 .fjoin
 {
     border:none! important;
 }
 .set-margin {
     margin-top: 15px;
 }
 
 .footer-bg
 {
     text-align: center;
     background: url(../img/bg-03.png) no-repeat center center ; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-position: center;
 background-color: rgb(106, 105, 107);
 padding: 75px 0 25px 0;
 background-blend-mode: multiply;
  
 }
 .foot-bg {
     background-color: #342637d1;
     color: #FFF;
     padding: 10px 25px;
 }
 .p1 p
 {
  padding: 40px 0 20px 0;
 text-align: left;
 color: #ece7e7;
 font-size: 13px;
 }
 
 
 .p2 p
 {
  padding-top: 20px;
 text-align: left;
 color: #ece7e7;
 font-size: 16px;
     margin: 0;
 }
 .icon-btn li a
 {
         font-size: 25px;
     color: #fff;
     line-height: 32px;
 }
 .icon-btn ul
 {
     margin-top: 10px;
     margin-bottom: 0;
     list-style: none;
     padding-left: 0;
     text-align: left;
 }
 .icon-btn li
 {
     text-align:center;
     display: inline-block !important;
    
     width: 25px;
     height: 25px;
     text-align: center;
 }
 
 .icon-btn li:not(:first){
      margin: 0 2px 0 2px;
 }
 .footer_last h2
 {
         color: white;
     text-align: left;
       font-size: 20px;
     padding-top: 14px;
         font-weight: 800;
 }
 .footers_cont
 {
     padding: 0 15px;
 }
 .contain
 {
     width:95%;
     margin: auto;
 }
 .p4 li
 {
     padding-top: 20px;
      list-style: none;
      text-align:left;
 }
 .p4 li a
 {
     font-size: 20px
     text-align:left;
      color: #ece7e7;
     text-decoration:none;
     
 }
 .p4 ul
 {
     padding: 0;
 }
 .joinss
 {
 background-color: #ffd985;
 line-height: 35px;
 margin-top: 20px;
 color: #5c315e! important;
 text-align: center;
 width: 165px;
 height: 35px;
 border-radius: 5px;
 font-weight: 800;
 }
 .joinss a
 {
    color: #5c315e! important; 
 }
 .email
 {
     margin-top: 30px;
 }
 .copy-right
 {
     margin: auto;  
     padding: 20px 0;
     color: white;
 }
 .copy-right p
 { 
   margin: 0;
   font-size: 15px;
   color:white;
 }
 .fp
 {
     text-align: right;
 }
 /*-- ---------------- membership bg-imgs  -----------------*/
 .bg-imgs{
     
 /* background: url(../img/bg-3.jpg) no-repeat;  */
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
 background-attachment: fixed;
   background-size: cover; 
   /* background-color: rgb(183, 183, 183); */
 background-blend-mode: multiply;  
  height: 75vh;

 }
 .display-table
 {
     vertical-align: middle;
 }
 .tables
 {
     display: table;
     height:100vh;
     width: 100%;
     position: absolute;
     top: 0px;
     z-index: 100;
 }
 .contents
 {
         display: table-cell;
    vertical-align: middle;
   
     
 }
 .bg-trips
 {
         height: 100vh;
 }
 .bg-event
 {
         height: 100vh;
 }
 .bottom-padding
 {
     padding-bottom: 75px;
 }
 /*-- ---------------- membership perks  -----------------*/
 .col-mar
 {
     margin: auto;
 }
 .perk-img
 {
      margin: auto;
      width: 70%;
 }
 .perks h3
 {
     padding-bottom: 50px;
 }
 .perks p
 {
     width: 85%;
     margin: auto;
     font-size: 14px;
      padding-bottom: 20px;
          color: #444444;
     font-weight: 500;
 }
 .circle-member
 {
     height: 200px;
 }
 .sets {
     margin-top: 5px !important;
 }
 /*-- ---------------- upclose trips bg-imgas  -----------------*/
 .bg-imgas{
     
 /*background: url(../img/bg-12.png) no-repeat; */
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
 background-attachment: fixed;
   background-size: cover; 
   background-color: rgb(183, 183, 183);
 background-blend-mode: multiply;  
   height: 75vh;

 }
 .upclose-contents {
     padding-top: 30px;
     width: 75%;
     margin: auto;
 }
 .prevImage
 {
     font-size: 25px;
     padding: 10px 0;
 }
 .subspan
 {
     font-size: 13px;
     line-height: 1.3;
     color: #6b6b6b;
 }
 .first
 {
     width: 48%;
     float: left;
     padding-right: 7.5px;
 }
 .last
 {
     width: 50%;
     float: left;
     padding-left: 7.5px;
 }
 .formpad
 {
     padding-top: 10px;
 }
 .spanred
 {
     color: red;
 }
 .register a
 {
   
     color: #6b6b6b;
     font-weight: 400; 
 }
 .register
 {
     padding: 32px 0;
     line-height: 1.66em;
 }
 .register a:hover
 {
     color:red;
 }
 .forminside
 {
     width:60%;
 }
 .code
 {
     width: 48%;
 }
 .buttonwidth
 {
     width: 275px! important;
     height: 50px;
     border:1px solid #ffd985;
 
 }
 .spanlabel
 {
     line-height: 2;
     font-size: 16px;
     font-weight: 400;
     color: #6b6b6b;
 }
 
 /*-- ---------------- events overview bg-imgas  -----------------*/
 .bgs-imgas{
     
 /*background: url(../img/bg-13.png) no-repeat; */
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
 background-attachment: fixed;
   background-size: cover; 
   background-color: rgb(172, 172, 173);
 background-blend-mode: multiply;  
 height: 75vh;

 }
 .bgs-imgas h3
 {
     font-weight: 400;
     color: #f3f3f3;
  }
  .events h3 {
     padding-bottom: 20px;
 }
  .events h5 {
     padding-bottom: 50px;
      font-weight: 400;
 }
 .events p
 {
     width: 100%;
     margin: auto;
     font-size: 16px;
     color: #444444;
     font-weight: 500;
 }
 
 /*-- ---------------- events  bg-img -----------------*/
 .events-bg{
     
 /* background: url(../img/bg-014.png) no-repeat;  */
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
 background-attachment: fixed;
   background-size: cover; 
   /* background-color: rgb(172, 172, 173); */
 background-blend-mode: multiply;  
 height: 75vh;

 }
 .event-title
 {
     width: 90%;
     margin:auto;
     padding-top: 30px;
 }
 .events .p-e
 {
     width: 100%;
     padding-bottom: 20px;
 }
 .filter-button
 {
     float: left;
     border: solid 1px #c1bfbf;
     padding: 10px 20px;
     margin-right: 100px;
 }
 .filter-button i
 {
         padding-left: 25px;
 }
 .event-box
 {
 margin: 0;
 }
 
 .side-line
 {
     position: relative;
 }
 .side-line::after  {
     position: absolute;
     content: '';
     top: 12px;
     left: 0;
     bottom: 0;
     width: 350px;
     height: 1px;
     background-color: #c1bfbf;
     z-index: 1;
 }
 .side-line::before  {
     position: absolute;
     content: '';
     top: 12px;
     right: 0;
     bottom: 0;
     width: 350px;
     height: 1px;
     background-color: #c1bfbf;
     z-index: 1;
 }
 .side-lines
 {
     position: relative;
 }
 .side-lines::after  {
     position: absolute;
     content: '';
     top: 12px;
     left: 0;
     bottom: 0;
     width: 175px;
     height: 1px;
     background-color: #c1bfbf;
     z-index: 1;
 }
 .side-lines::before  {
     position: absolute;
     content: '';
     top: 12px;
     right: 0;
     bottom: 0;
     width: 175px;
     height: 1px;
     background-color: #c1bfbf;
     z-index: 1;
 }
 .padding-event
 {
     padding: 75px 0 75px 0;
 }
 /*-- ---------------- our story  -----------------*/
 .our-story{
  /*background: url(../img/bg-09.png) ;  */
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
 background-attachment: fixed;
   background-size: cover; 
   /* background-color: rgb(172, 172, 173); */
 background-blend-mode: multiply;  
  height: 75vh;

 }
 .hd-pad
 {
     padding: 20px 0;
 }
 .ourstory-cont p 
 {
     text-align: center;
 }
 .ourstory-cont 
 {
   padding-top: 50px ;
 }
 .pad-our
 {
     padding : 0 0 50px 0;
 }
 .pad-ours
 {
     padding:75px 0 50px 0;
 }
 .ourstory-cont .pad-p
 {
 
     padding: 20px;
 }
 .hd-pad-h3 {
     width: 75%;
     margin: auto;
 }
 .width-full p
 {
     width: 100%;
     text-align:center;
 }
 /*-- ---------------- ourpartners  -----------------*/
 .ourpartners{
     
 /*background: url(../img/bg-1.jpg) no-repeat center center fixed;  */
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
 background-attachment: fixed;
   background-size: cover; 
   /* background-color: rgb(172, 172, 173); */
 background-blend-mode: multiply;  
 height: 75vh;
 }
 
 .partners p
 {
     font-size: 14px;
      
     color: #444444;
     font-weight: 500;
 }
 .partners-row
 {
     padding-top: 30px;
     padding-bottom: 3%;
 }
 .partner-text h3 {
      padding-bottom: 2%;
 }
 .partner-text p {
    text-align: justify;
 }
 
 p#npara {
     padding-bottom: 50px;
 }
 /*-- ---------------- our leadership  -----------------*/
 .ourleadership{
     
  /*background: url(../img/bg-02.png) center no-repeat;  */
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
 background-attachment: fixed;
   background-size: cover; 
    background-color: rgb(172, 172, 173); 
 background-blend-mode: multiply;  
   height: 75vh;

 }
 .directors .circle
 {
     width: 150px;
     height: 150px;
     border-radius: 100%;
     background: #e1e1e1;
     margin: auto;
 }
 .directors h4
 {
     font-weight: 400;
 }
 .circle-pad
 {
     padding: 50px 0;
 }
 .pad-h
 {
     padding: 10 0 50px   0;
 }
 .pad-h31
 {
     padding-top: 30px;
 }
 .paddings-di
 {
     padding: 40px 0;
 }
 .partners {
     margin: auto;
 }
 /*-- ---------------- exchange  -----------------*/
 .exchange-bg{
     
 /*background: url(../img/bg-04.png) no-repeat center center fixed; */
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
 background-attachment: fixed;
   background-size: cover; 
   background-color: rgb(172, 172, 173);
 background-blend-mode: multiply;  
   height: 75vh;

 }
 .exc-w
 {
      width: 275px;
 }
 .exchange p
 {
     font-size: 16px;
     padding: 40px 0;
     color: #444444;
     font-weight: 500;
     width:70%;
     margin:auto;
 }
 #addone {
     margin:0;
 }
 .exchange h3
 {
     padding-bottom: 30px;
     line-height:1.5;
 }
 .exchange-cont
 {
     padding: 15px;
 }
 .exchange-cont p
 {
     width: 100%;
     padding:0 0 20px 0;
 }
 .exchange-cont .p-exc
 {
     padding-left: 50px;
 }
 .exchange img
 {
      padding-bottom: 75px;
 }
 .pad-ex
 {
     padding-top: 30px
 }
 .ex-cont
 {
         padding-top: 50px;
 }
 .exchange-benefit 
 {
     color: #d8d6d8! important;
 }
 
 .exchange-benefit p
 {
     font-size: 14px;
     padding: 15px 0;
     font-weight: 500;
     text-align: center;
 
 }
 .exchange-benefit h3
 {
     padding-bottom: 30px;
 }
  .exchange-benefit .p-exca
 {
     width:50%;
     margin: auto;
     padding: 0 0 35px 0;
     color: #404040;
 }  
 .exchange-benefit h4
 {
     color: #404040;
     font-weight: 400;
     font-size: 15px;
     width: 75%;
     margin: auto;
 }
 .exchange-benefit .p-exc
 {
     width:50%;
     margin: auto;
     
 } 
 .color-p
 {
     font-weight: 800! important;
     color: black;
 
 }
 .ex-style
 {
     padding-bottom: 10px; 
     padding-top: 50px;
 }
 .margin-style
 {
     margin-top: 50px;
 }
 .pad-style
 {
     padding-bottom: 75px!  important;
 }
 
 
 /*---------------------------------Media Queries---------------------------------------*/
 @media(min-width:991px)
 {       
    
             
 }
 @media(min-width:768px)
 {       
             
             .vis-bls
             {
                 display:none;
             }
             .bg-footers
             {
                 display: none;
             }
             
             
             
 }
 @media(max-width:991px)
 {  
 section.perks.padding {
     width: 90%;
     margin: auto;
 }
 section.partners.padding {
     width: 90%;
     margin: auto;
 }
 section.events.padding {
     width: 90%;
     margin: auto;
 }
 
     .event-title {
     width: 90%;
     margin: auto;
     padding-top: 30px;
    }  
    .ourstory-cont {
      padding-top:0px;
      padding: 2%;
    }
    .bg-icons {
     position: absolute;
     width: 55px;
     background-color: #934f74;
     height: 55px;
     border-radius: 50%;
    
     left: calc( 50% - 32px);
    }
    
    
    .padding {
     padding: 25px 0;
    } 
 
     .about_content {
     margin-bottom: 20px;
     }  
    
     .joinareas::before {
     position: absolute;
     content: '';
     top: 0;
     left: 0;
     bottom: 0;
     width:0px; 
     background-color: #5c315e;
     -webkit-clip-path: polygon(50% 0, 0% 100%, 0 0);
     clip-path: polygon(50% 0, 0% 100%, 0 0);
     z-index: 0;
   }  
    .joinareas::after {
     position: absolute;
     content: '';
     top: 0;
     right: 0;
     bottom: 0;
     width: 0px;
     background-color: #5c315e;
     -webkit-clip-path: polygon(100% 0, 50% 100%, 100% 100%);
     clip-path: polygon(100% 0, 50% 100%, 100% 100%);
     z-index: 1;
    }
    .bg-footer::before {
     position: absolute;
     content: '';
     top: 0;
     left: 0;
     bottom: 0;
     width: 0px;
     background: #342637;
     -webkit-clip-path: polygon(50% 0, 0% 100%, 0 0);
     clip-path: polygon(50% 0, 0% 100%, 0 0);
     z-index: 1;
   }
   .bg-footer::after {
     position: absolute;
     content: '';
     top: 0;
     right: 0;
     bottom: 0;
     width: 0px;
     background: #342637;
     -webkit-clip-path: polygon(100% 0, 50% 100%, 100% 100%);
     clip-path: polygon(100% 0, 50% 100%, 100% 100%);
     z-index: 1;
 }
     
         .ag-join {
             width: 50%;
         }
         .cont_us {
             height: 845px;
                 padding: 70px 0px 0px 0px;

         }
         .footers_cont {
             margin-bottom: 30px;
 
         }
        
        .img-center {
     display: block;
     margin: 0 auto;
 }
         .up-img {
 
     height: 350px;
     width: 70%;
 
     }
     .pad-btms {
 
         padding-bottom: 30px;
 
     }
     .filter-button {
         margin-right: 50px;
     }
     .side-line::before {
         width: 200px;
     }
     .side-line::after {
         width: 200px;
     }
 
     .ex-cont {
 
         padding-top: 20px;
 
     }
     .pad-ex {
 
     padding-bottom: 30px;
 
 }
 
 .ag-a {
     line-height: 20px !important;
 }
 
 
 
 .menu li a {
     padding: 0 0 0 15px;
     font-size: 14px;
 }
 .ag_menu {
     padding-left: 40px;
 }
 .ag_img {
     line-height: 42px;
     height: 30px !important;
     width: 23%;
 }
 .ag-icon {
     line-height: 40px;
     font-size: 30px;
 }
 .copy-right p
 {
     font-size: 18px;
     color:white;
     text-align: center;
 }     
 }
 @media(max-width:768px)
 {   
      .carousel-inner {
     position: relative;
     width: 100%;
     overflow: hidden;
     height: 78vh; 
 }
  .carousel-inner>.slide-size {
     height: 100vh;
  }
     .carouselone h2 {
     font-size: 20px;
 }
     .bg-img h2 {
      font-weight: 700; 
      font-size: 35px; 
      padding-top: 60px; 
 } 
  .bg-img p {
      font-size: 16px;  
 } 
 .join_content {
    text-align: center;
    margin: 30px 0px 0px 0px;
}
 .carouselone {
     top: 29.5%;
     left: 16%;
 }
 .md{
     margin:0px -30px;
         font-size: 11px;
 }
 .c3{
     width:25%;
 }
 ,marea{
      margin-top: 20px;
 }
 .carousel-caption {
     position: absolute;
     top:15%;
     right: 15%;
     bottom: 20px;
     left: 15%;
     z-index: 10;
     padding-top: 20px;
     padding-bottom: 20px;
     color: #fff;
     text-align: center;
     text-shadow: 0 1px 2px rgba(0,0,0,.6);
 }
    .vis-bl
             {
                 display:none;
             }  
              .bg-footer
             {
                 display: none;
             }
     .con-width {
     width: 100%;
     }       
     .ag-join {
         width: 80%;
     }
      .up-img {
 
     height: 300px;
     width: 60%;
 
     }
          .filter-button {
         margin-right: 30px;
         padding: 10px 15px;
     }
     .side-line::before {
         width: 180px;
     }
     .side-line::after {
         width: 180px;
     }
     .menus li .joinarea
 {
     background-color: #ffd985;
     line-height: 38px;
     margin-top: 20px;
     color: black;
     width: 23%;
 margin: auto;
 }
 #top-logo {
     display: flex;
     align-items: center;
     width: 100%;
     max-width: 300px;
     min-width: 200px;
     z-index: 1;
         padding: 16px;
 
     background: white;
     position: relative;
 }
 #top-logo::before {
     position: absolute;
     content: '';
     top: 0;
     right: 0;
     bottom: 0;
     width: 100vw;
     background: #fff;
     transform: skewX(155deg);
     transform-origin: 50% 100%;
     will-change: transform;
     pointer-events: none;
     z-index: -1;
 }
 #top-logo a {
     transition: all 0.3s ease 0s;
     text-decoration: none;
 }
 .navbar
 {
     border:none! important;
 }
 
    .navbar-default {
 
     position: relative;
     left: 0;
     width: 100%;
     z-index: 999;
     background: #342637;
     border-color: #342637;
 
 }
 .menu {
     height: 64px;
     float: left;
 }
 .menus, .menus ul, .menus li, .menus a {
     margin: 0;
     padding: 0;
     border: none;
     outline: none;
 }
 .menus li {
     position: relative;
     list-style: none;
    text-align: center;
     display: block;
     height: 53px;
 }
 
 .menus li a {
     display: block;
     padding: 0 14px;
     line-height: 50px;
     text-decoration: none;
     font-family: 'Lato', sans-serif;
     font-weight: bold;
     font-size: 15px;
     color: #FFF;
 }
 .navbar-toggle {
 
     
     padding: 9px 10px;
     margin-top: 30px;
     margin-right: 50px;
 
 }
 .ag-a {
     line-height: 20px !important;
 }
 .menu li a {
     padding: 0 0 0 15px;
     font-size: 10px;
 }
 .ag_menu {
     padding-left: 30px;
 }
 .ag_img {
     line-height: 42px;
     height: 30px !important;
     width: 23%;
 }
 .ag-icon {
     line-height: 40px;
     font-size: 24px;
 }
 .upclose {
     height: auto;
 }
 .bg-img{
     
 /* -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
   background-size: contain;*/
   height:350px;
     
 }



 .but{
    width:195px;
    display:inline-block;
    /* margin-left:10px; */
}
.but-main{
    border:0px solid #fff;
    width:100%;
    margin:auto;
    text-align:center;
}
.left{
    border:0px solid #fff;
    text-align:center;
    width:100%;
    display:inline-block;
}
.right{
    border:0px solid #fff;
    text-align:center;
    width:100%;
    display:inline-block;
}




[class*="icono"] {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    color: #666;
    box-sizing: border-box;
    &:after, &:before {
      content: "";
      box-sizing: border-box;
    }
  }
  
  
  [class*="icono-arrow4"]{
    width: 0;
    height: 0;
    border: 7px solid transparent;
    border-top: 7px solid #fff;
    /* border-right: 7px solid; */
    margin: 3px 0px 0px 10px;
    &[class*="-left"]{
      transform: rotate(45deg);
      &[class*="-up"]{
        transform: none;
      }
      &[class*="-down"]{
        transform: rotate(90deg);
      }
    }
    &[class*="-right"]{
      transform: rotate(-135deg);
      &[class*="-up"]{
        transform: rotate(-90deg);
      }
      &[class*="-down"]{
        transform: rotate(180deg);
      }
    }
    &[class*="-up"]{
      transform: rotate(-45deg);
    }
    &[class*="-down"]{
      transform: rotate(135deg);
    }
  }

  .part-tube{
    width:90%;
        height: 190px;
}

.part-tube1{
    width:100%;
       height: 190px;
}
.width-full p {
    width: 100%;
    text-align:center !important;
}
.part-tube2{
    width:100%;
       height: 190px;
}
.part-tube3{
    width:100%;
        height: 190px;
}
.ourstory-cont p {
    text-align: center !important;
}
.con {
    margin-left: 8px;
    margin-bottom: 10px;
    display: inline-block;
    border: 0px solid;
    width: 91%;
    vertical-align: top;
    font-size: 16px;
}

.ourstory-cont {
    /* padding-top: 59px; */
    padding: 2%;
    margin-top: 40px !important;
}
.partner-text{
    margin-top:-55px !important;
}

.center-block {
    display: block;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 50px;
}

.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {
    left: 68% !important;
    margin-left: -10px;
}


















 
 
 /*******************************
* Does not work properly if "in" is added after "collapse".
* Get free snippets on bootpen.com
*******************************/
.panel-group .panel {
    border-radius: 0;
    box-shadow: none;
    background: none;
    border-color: transparent;
}

.panel-default > .panel-heading {
    padding: 0;
    border-radius: 0;
    color: #fff;
    background-color: transparent;
    /* border-color: #EEEEEE; */
}

.panel-title {
    display: block;
    padding: 0 14px;
    line-height: 50px;
    text-decoration: none;
    font-family: 'Lato', sans-serif;
    font-weight: bold;
    font-size: 15px;
    color: #FFF;
}

.panel-title > a {
    display: block;
    padding: 0 14px;
    text-align: center;
    line-height: 50px;
    text-decoration: none;
    font-family: 'Lato', sans-serif;
    font-weight: bold;
    font-size: 15px;
    color: #FFF;
}
.nav-1{
    color:#fff !important;
    list-style: none;
}
.a{
    color:#fff !important;
}
.more-less {
    float: right;
    color: #fff;
}

.panel-default > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #EEEEEE;
    color:#fff;
    text-align: center;
    padding: 0px;
}

/* ----- v CAN BE DELETED v ----- */

.demo {
padding-top: 20px;
}
.view-director{
    margin-top:50px;
}
 
 
 
 
 #headone{
     position:absolute;
     left:0;
     right:0;
     top:88%;
 }
 .contents {
    display: table-cell;
    vertical-align: middle;
    position: absolute;
    top: 93%;
    left: 0;
    right: 0;
    }
    .copyright{
     padding:0px 0px 62px 0px;
 }
 .marea{
     padding-bottom:40px;
 }
 .perks h3{
     padding:50px 0px;
 }
 .bg-event
 {
      height:350px;
 }
 .bg-trips
 {
      height:350px;
 }
 
 .events-bg
 {
     height:700px;
 }
 .bg-imgs
 {
     height:600px;
 }
 .bg-imgas
 {
     height:600px;
 }
 .bgs-imgas
 {
     height:350px;
 }
 .exchange-bg
 {
     height:600px;
 }
 .our-story
 {
     height:600px;
 }
 .ourleadership
 {
     height:600px;
 }
 .ourpartners
 {
     height:600px;
 }
 .bg-footer-content {
     height: 60px;
     }
     .col {
     
     padding-top: 10px;
 }
 .bg-footer {
     
     top: -80px;
     bottom: 0;
     
 }
 .table {
     display: table;
      height: 350px; 
 }
 .tables {
     display: table;
      height: 350px; 
 }
 .dropdown-menu
     {
         padding:0;
         display:static! important ;
     }
 .set-bottom {
     margin-bottom: 5px;
  }    
 }
 @media(max-width:568px)
 { 
     .copy-right {
    
 }
 
 .carouselone h2 {
     font-size: 20px;
 }
     .copy-right p {
     font-size: 16px;
     color: white;
 }
      .bg-img h2 {
      font-weight: 700; 
      font-size: 25px; 
      padding-top: 60px; 
 } 
  .bg-img p {
      font-size: 14px;  
 } 
   .bg-icons i {
     
     font-size: 25px;
     
 }
 .up-img {
     height: 270px;
     width: 270px;
 }
 .side-line::before {
         width: 130px;
     }
     .side-line::after {
         width: 130px;
     }
     
         .event-box {
 
     margin: 3px 0 0 0;
     width: 130px;
 
 }
 .ag-a {
     line-height: 18px !important;
 }
 .menu li a {
     padding: 0 0 0 7px;
     font-size: 8px;
 }
 .ag_menu {
     padding-left: 10px;
 }
 .ag_img {
     line-height: 35px;
     height: 30px !important;
     width: 25%;
 }
 .ag-icon {
     line-height: 40px;
     font-size: 20px;
 }
 .bg-footer-content {
     height: 47px;
     }
     .col {
    
     padding-top: 7px;
 }
 .bg-footer {
     
     top: -66px;
     bottom: 0;
     
 }
 
 .hd-pad-h3 {
     font-size: 17px;
 }
 .menus li .joinarea {
    
     width: 40%;
     margin: auto;
     margin-top: 15px;
 }
 .navbar-toggle {
     padding: 10px 10px;
     margin-right: 30px;
     margin-top: 25px;
 }
 #top-logo {
     
     max-width: 200px;
     min-width: 125px;
     padding: 16px;
 }
 .navbar-header {
     height: 84px;
 }
 .menus li {
     height: 48px;
 }
 .table {
     width: 85%;
     max-width: 85%;
     margin:auto auto 20px auto;
 }
 .dropdown-menu {
     top: 35%;
     
 }
 }
 @media(max-width:480px)
 {
   .bg-icons-img {
     padding: 15px;
     
 }  
 
 .carouselone h2 {
     font-size: 20px;
 }
 .icon1 {
     bottom: 165px; 
 }

 .view-director h2 {
     margin-top: 3%;
     font-size: 1.9em;
 }
 .side-line::before {
         width: 100px;
     }
     .side-line::after {
         width: 100px;
     }
     .filter-button {
 
     margin-right: 10px;
     padding: 7px 10px;
 
     }
     .event-box {
     margin: 0;
     width: 110px;
     height: 35px;
 
     }
     @media(max-width:468px)
 {
 
     .carouselone h2 {
     font-size: 30px;
 }
 .slider-primary {
     font-size: 20px;
     color: #FFF;
     font-weight: bold;
     letter-spacing: 1px;
 }
 .up-img {
     height: 200px;
     width: 200px;
 
 }
 
 .ag_img {
     
     height: 19px !important;
     
 }
 .copy-right p {
     font-size: 12px;
     color: white;
 }
 .menu li a {
     padding: 0 0 0 6px;
     font-size: 8px;
 }
 .ag_menu {
     padding-left: 0px;
 }
 .ag-icon {
     line-height: 40px;
     font-size: 16px;
 }
 .bg-footer-contents h4
 {
     font-size: 7px;
 }
  .bg-icons i {
     
     font-size: 25px;
     padding-top: 15px;
 }
 }