@charset "utf-8";
/* CSS Document */



.brand_name .logo
{padding:4px; background:#ffcc00;}


  
  .brand_name .logo_name {margin:auto; margin-top:20px; }
  
/*.contacts-list {
  margin: 5px 0;
  float: right; }
  .contacts-list li {margin-left:5px; }*/
  .rd-mobilepanel_title {
  position: fixed;
  top: 4px;
  left: 56px;
  right: 56px;
  color: #000;
  font-size: 14px;
  line-height: 48px;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 0; }
    .rd-mobilemenu_ul a:hover {
      background: #6705a1;
      color: #ffcc00; }

  .contacts-list {
  margin: 5px 0;
  float: right; }
  .contacts-list li {margin-left:10px; line-height: 45px; color:#fff;}
.contacts-list li + li {
      margin-left: 10px; }
	   .contacts-list li a {
      color: #fff; }
      .contacts-list li a:hover {
        color: #ffcc00; }

	   main.bt {
    border-top: 1px solid #706d6e;
    padding-top: 25px; }
	
	.pam{list-style-type:disc; margin-left:5px;}
	
	.pam li{margin-bottom:5px; font-size:16px;}
	
	h2 {
  margin-bottom: 40px;
  margin-top: 30px;}
	
	.circle-img {
  border-radius: 50%;
  border: 5px solid #ffcc00;
  width: 72%;
  height: auto; }
	.circle-img2 {
  border-radius: 50%;
  border: 5px solid #ffcc00;
  height: auto; }
  
  .box01 {
  margin-bottom: 30px;
  background: #fff;
  border:1px solid  rgba(104,5,161,.2);
  text-align: center;
  padding: 15px 20px 20px; 
}
  
  .sf-menu > li.sfHover > a, .sf-menu > li.active > a, .sf-menu > li a:hover {
  border-color: #95187e; /*border-color:#6705a1;*/
  color: #ffcc00; }
  
  .sf-menu > li > a {
  padding: 10px 20px 10px;
  border-top: 6px solid transparent;
  color: #FFF;
  font-weight: 700;
  font-size: 16px;
  line-height: 30px; }
  
  .social-list02 li a {
      display: block;
      width: 75px;
      height: 75px;
      font-size: 40px;
      line-height: 75px;
      background: #6705a1;
      border-radius: 50%;
      text-align: center;
      color: #ffcc00; }
      .social-list02 li a:hover {
        background: #282828; }
		
		.purp-color{color:#6705a1;}
		
		.btn03 {
  display: inline-block;
  margin-top: 25px;
  color: #ffcc00;
  font-weight: 700;
  line-height: 18px; }
  
  h4 a:hover{color:#6705a1;}
  .place-border{ border:1px solid  rgba(104,5,161,.2); }
 	/*  ==================   Owl Carousal dots     ======================  */ 
   .owl-dots .owl-dot {
        background: #6705a1; }
    .owl-dots .owl-dot:hover, .owl-dots .owl-dot.active {
      background: #ffcc00; }
		/*  ==================     ToTop     ======================  */
.toTop {
  width: 42px;
  height: 42px;
  font-size: 38px;
  line-height: 38px;
  color: #ffcc00;
  background: #6705a1;
  border-radius: 50%;
  display: block;
  overflow: hidden;
  text-align: center;
  text-decoration: none;
  z-index: 20;
  margin: 0 auto; }
  .toTop:hover {
    color: #fff;
    background: rgba(40,40,40,0.9);
    text-decoration: none; }
  
   .camera_pag_ul li.cameracurrent, .camera_pag_ul li:hover {
        background: #ffcc00; }
		
		  .camera_pag_ul li {
  				 background: #6705a1;}
		
		.camera_title {
  position: absolute;
  bottom: 220px;
  left: 0;
  right: 0;
  z-index: 10;
  text-align: center;
  font-size: 64px;
  line-height: 60px;
  font-weight: 700;
  text-transform: uppercase;
  color: #fff; 
  }
		.camera_title span { background:rgba(0,0,0,0.5);width:auto; height:auto; padding-left:5px; padding-right:5px;}
		 @media (max-width: 979px) {
    .camera_title {
      font-size: 50px;
      line-height: 52px;
      bottom: 50px; } }

  .addr02 .fa {
    color: #fc0
    font-size: 36px;
    line-height: 70px;
	
	 }
	  .addr02 a:hover {
    text-decoration: underline; }
  .addr02 .circle {
    display: inline-block;
    width: 70px;
    height: 70px;
    line-height: 70px;
    border: 6px solid #fc0;
    border-radius: 50%;
    background: #6705a1;
    text-align: center; }
	
	.words h3{color:#fff;}
	.words p{color:#fff;}
	
	/* ============= FORM ==================== */
/*	#contact-form .empty-message,
#contact-form .error-message {color:#6705a1;}
*/

.btn01 {
   color: #6705a1; cursor:pointer; 
  }
  .btn01:hover {
    color: #e12219; }
  .btn01:active {
    color: #b31b14; }
	
	#flywithus
	{
		 width:220px; height:35px; text-align:center; background-color:#ffcc00; color:#6705a1; line-height:35px;
		  color:#6705a1;  position:fixed; right:0px; bottom:0px; text-transform:uppercase;  cursor:pointer;  font-weight:bold;z-index:9999;
		  border:1px solid #6705a1; }
#contactForm
	{
		   padding:15px; position:fixed; right:0px; bottom:35px;  background: #e9e9e9;  z-index:99999;   border-width:1px 1px 0px; border-color:#6705a1; border-style:solid; display:none;}
	

.inpt1{width:100%; display:block; height:34px; margin-bottom:15px; border:1px solid #6705a1; box-sizing: border-box; padding:5px;}
.inpt2{width:100%; display:block; height:34px;  color:#6705a1; text-transform:uppercase; margin-bottom:15px; margin:auto; border:1px solid #6705a1; background-color:#ffcc00; font-size:18px; cursor:pointer;}
	.user{background:url(../images/con2.png) no-repeat 99% center;}
	.call{background:url(../images/con1.png) no-repeat 99% center;}
	.eml{background:url(../images/con3.png) no-repeat 99% center;}
	.msg{background:url(../images/con4.png) no-repeat 99% 5px;}
	.modal-picc{border-radius:50%; box-shadow:0 0 2px 2px #ffcc00;}
	#thanks{ position:fixed; left:0px; bottom:18%;  z-index:99999;   }
	.btn01 {margin-top:0px; padding:0; line-height:0;}
	
	.btn-course {
  display: inline-block;
 padding: 8px 10px;
  border: 1px solid #cc;
  background: #6705a1;
  color: #fff;
  font-size: 14px;
  line-height: 20px;
  text-transform: uppercase;  display:block;  clear:both;margin:auto;  margin-top: 15px;}
  .join{ padding:10px 30px;}
  .btn-course:hover{color:#ffcc00;}
  .text03 {
  margin-bottom: 25px;
  text-align: center;
  font-size: 16px;
  line-height: 22px;
  color: #555; }
  
  .text01{font-size:18px; color#555;}
  
 .sem2{list-style-type:none;}
 
 .coursebann{width:auto; padding:10px; background-color:rgba(0,0,0,.5);
  color:#fff; position:absolute; left:0%; top:25%; font-size:200%;}
	
    @media (max-width: 479px) {
		.brand_name .logo_name{display:none;}
		fieldset{margin:0; padding: 0; padding-botton:0; line-height:0;}
		label{margin-bottom: 0; padding-botton:0; line-height:0;}
		#contact-form textarea {height:auto; margin-top:0; padding:0; display:none; }
		.inpt1{margin-bottom:6px; height:20px; padding-botton:0; line-height:0;}
		.inpt2{margin-bottom:6px;height:20px;padding-botton:0; line-height:0;}
		.btn01 {margin-top:0px; padding:0; line-height:0;}
		.btn02 {margin-top:0px; padding:0; line-height:0;}
		#contact-form label {margin-bottom:3px;}
		#contactForm{   z-index: 99999999;}
		.contactForm{   z-index: 99999999;}
	.mobarea{display:none;}
		}
		
		
		
	
	@media (max-width: 767px) {.brand_name .logo_name{display:none;}

		}
	
	/*-----------------------------TABB-----------------------------------*/

/* -----------------------------------------------------------------------------

  CONTAINER OBJECTS
  
----------------------------------------------------------------------------- */
/*.o-container {
  margin: 0 auto;
  padding: 0 12px;
  max-width: 960px;
}

@media all and (min-width: 480px) {
  .o-container {
    padding: 0 24px;
  }
}

@media all and (min-width: 720px) {
  .o-container {
    padding: 0 48px;
  }
}*/
.o-main {
  /**/
}

/* -----------------------------------------------------------------------------

  SECTION OBJECT
  
----------------------------------------------------------------------------- */
.o-section {
  margin-bottom: 24px;
}

.o-section:last-child {
  margin-bottom: 0;
}

@media all and (min-width: 720px) {
  .o-section {
    margin-bottom: 48px;
  }
}

/* -----------------------------------------------------------------------------

  SUB-NAVIGATION OBJECT
  
----------------------------------------------------------------------------- */
.o-sub-nav {
  margin: 0;
  padding: 0;
}

.o-sub-nav__items {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  list-style: none;
  margin: 0;
  padding: 0;
}

.o-sub-nav__item {
  margin: 0;
  padding: 4px;
}

.o-sub-nav__link {
  display: block;
  margin: 0;
  padding: 4px 24px;
  border: solid 2px #dc446e;
}

.o-sub-nav__link:hover,
.o-sub-nav__item.active .o-sub-nav__link {
  color: #fff;
  background-color: #dc446e;
}

/* -----------------------------------------------------------------------------

  FOOTER OBJECT
  
----------------------------------------------------------------------------- */
.o-footer {
  padding: 12px 0;
  text-align: center;
}

@media all and (min-width: 480px) {
  .o-footer {
    padding: 24px 0;
  }
  
  
}

@media all and (min-width: 720px) {
  .o-footer {
    padding: 48px 0;
  }
}

/* -----------------------------------------------------------------------------

  TABS COMPONENT
  
----------------------------------------------------------------------------- */
/**
 * Tabs component
 *
 * A responsive tabs component that falls back to a linear conent display when
 * JavaScript is disabled. The following is the default suggested markup to play
 * nicely with the JavaScript. If you change it up, just make sure you pass in
 * the correct parameters to the tabs instance.
 *
 * <div id="tabs" class="c-tabs no-js">
 *   <div class="c-tabs-nav">
 *     <a href="#" class="c-tabs-nav__link is-active"></a>
 *     <a href="#" class="c-tabs-nav__link"></a>
 *     ...
 *   </div>
 *   <div class="c-tab is-active">
 *     <div class="c-tab__content"></div>
 *   </div>
 *   <div class="c-tab">
 *     <div class="c-tab__content"></div>
 *   </div>
 *   ...
 * </div>
 */
.c-tabs {
  /**/
}

/**
 * Tabs navigation
 */
.c-tabs-nav {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
}

.c-tabs-nav__link {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-right: 4px;
  padding: 12px;
  color: #fff;
  background-color: #6a266c;
  text-align: center;
  -webkit-transition: color 0.3s;
          transition: color 0.3s;
}

.c-tabs-nav__link:last-child {
  margin-right: 0;
}

.c-tabs-nav__link:hover {
  color: #ffcc00;
}

.c-tabs-nav__link.is-active {
  color: #121212;
  background-color: #ffcc00;
}

.c-tabs-nav__link i,
.c-tabs-nav__link span {
  margin: 0;
  padding: 0;
  line-height: 1;
}

.c-tabs-nav__link i {
  font-size: 18px;
}

.c-tabs-nav__link span {
  /*display: none;*/
  font-size: 18px;
}

@media all and (min-width: 720px) {
  .c-tabs-nav__link i {
    margin-bottom: 12px;
    font-size: 22px;
  }
  .c-tabs-nav__link span {
    display: block;
  }
}

/**
 * Tab
 */
.c-tab {
  display: none;
  background-color: #e9e9e9;
}

.c-tab.is-active {
  display: block;
}

.c-tab__content {
  padding: 1.5rem; height:auto; box-sizing:border-box;
}



/**
 * Tabs no-js fallback
 */
.c-tabs.no-js .c-tabs-nav {
  display: none;
}

.c-tabs.no-js .c-tab {
  display: block;
  margin-bottom: 1.5rem;
}

.c-tabs.no-js .c-tab:last-child {
  margin-bottom: 0;
}

.text02 {
  margin-bottom: 25px;
  font-size: 18px;
  line-height: 24px;
  color: #555; }
  	.pam2{list-style-type:disc; margin-left:15px;}
	
	.pam2 li{margin-bottom:5px; font-size:18px;  color: #555;}
	
	