/*Header*/

body{
	
	  background: url(../images/main_bg.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;


}

.header-dark{background-color:#0c1117;}
.header-light{background-color:#ecf0f1;}
.header-dark a{color:#FFFFFF;}
.header-dark a em{background-color:#FFFFFF;}
.header-light a{color:#1f1f1f;}
.header-light a em{background-color:#1f1f1f;}

.header-dark{border-bottom:solid 1px rgba(255,255,255,0.1);}
.header-light{border-bottom:solid 1px rgba(0,0,0,0.1);}


.header{
    position:fixed;
    left:0!important;
    right:0!important;
    top:0px;
    height:50px;
    z-index:99999;
	
	
}

.header-icon-4{right:150px;}
.header-icon-3{right:100px;}
.header-icon-2{right:10px;}
.header-icon-left{left:0px;}
.header-icon-1{ position:absolute; right:0px; top:0px;}

.header .header-logo{
    font-weight:900;
   
    width:194px;
    line-height:50px;
    font-size:26px;
	margin-left:auto;
	margin-right:auto;
}

.header-icon i{transition:all 250ms ease;}

.header-icon i{
    position:absolute;
    left:0px;
    width:50px;
    height:50px;
    line-height:53px;
    font-size:20px;
    transition:all 250ms ease;
}

.header-icon{
    width:50px;
    height:50px;
    line-height:50px;
    text-align:center;
    position:absolute;
    transition:all 250ms ease;
}

.header-icon .ion-social-twitter{font-size:17px;}
.header-icon .ion-social-facebook{font-size:18px;}
.header-icon .ion-ios-telephone{font-size:18px;}

/*Menu Lines*/

.menu-line{
    position:fixed;
    height:60px;
    width:60px;
    z-index:99999;
    pointer-events:none;
}

.line-1{
    position:absolute;
    left:50%;
    -moz-transform: translateX(-8px);
    -webkit-transform: translateX(-8px);
    -o-transform: translateX(-8px);
    -ms-transform: translateX(-8px);
    transform: translateX(-8px);
    top:50%;
    margin-top:-5px;
    width:16px;
    height:1px;
    background-color:#FFFFFF;
    transition:all 400ms ease;
}

.line-2{
    left:50%;
    -moz-transform: translateX(-8px);
    -webkit-transform: translateX(-8px);
    -o-transform: translateX(-8px);
    -ms-transform: translateX(-8px);
    transform: translateX(-8px);
    top:50%;
    margin-top:-1px;
    position:absolute;
    width:16px;
    height:1px;
    background-color:#FFFFFF;
    transition:all 400ms ease;
}

.line-3{
    left:50%;
    margin-left:-8px;
    top:50%;
    margin-top:3px;
    position:absolute;
    width:16px;
    height:1px;
    background-color:#FFFFFF;
    transition:all 400ms ease;
}

.line-2-active{
    opacity:0!important;
    transition:all 400ms ease;
}

.line-1-active{
    transform: rotate(45deg) translateY(8px) translateX(-2px)!important;
    transition:all 400ms ease;
}

.line-3-active{
    transform: rotate(-45deg) translateY(-2px) translateX(3px)!important;
    transition:all 400ms ease;
}

/*Navigation Settings*/

.landing-footer-icons{
    padding-bottom:150px;
}

.navigation{
    position:fixed;
    z-index:99999;
    width:300px;
    height:300px;
    pointer-events:none;
}

.navigation a{
    transform-origin: 23px -100px;
    width:66px;
    height:66px;
    position:absolute;
	text-align:center;
	color:#FFFFFF;
	font-weight:normal;
}

.navigation i{
    width:66px;
    height:66px;
    display:block;
    border-radius:66px;
    text-align:center;
    line-height:52px;
    color:#FFFFFF;
    font-size:36px;
    transition:all 250ms ease;
    transform:rotate(180deg);
	font-weight:bold;
	border:3px solid #FFFFFF;
	padding:5px;

}
.preload-opacity{opacity:0!important;}

/*Center Full Navigation*/
.navigation-full{
    top:50%;
    left:50%;
    transform:rotate(0deg);
    margin-left:-23px;
    margin-top:-140px;
}

.navigation-full a{
    transform-origin: 23px 150px!important;
    pointer-events:none;
}

.navigation-full a{opacity:0;}
.navigation-full a i{transform:rotate(0deg)!important;}
.nfa{opacity:0.9!important; pointer-events:all!important;}

.open-circles{
    font-size:20px;
    position:fixed;
    width:45px;
    height:45px;
    border-radius:45px;
    line-height:45px;
    background-color:#000000;
    z-index:999;
    text-align:center;
    color:#FFFFFF;
    border:solid 1px rgba(255,255,255,0.3);
}

.open-circles1{
    width:96px;
    height:96px;
    position:fixed;
    z-index:999999999;
    text-align:center;
    line-height:96px;
    top:50%;
    margin-top:-48px;
    left:50%;
    margin-left:-48px;
    transition:all 250ms ease;
}


.deploy-bottom{
    z-index:9999;
    left:50%;
    margin-left:-22px; 
    bottom:20px;
}

.deploy-top{
    z-index:9999;
    left:50%;
    margin-left:-22px; 
    top:80px;
}

.deploy-right{
    z-index:9999;
    right:0px;
    top:50%;
    margin-top:0px;
    margin-right:10px;
}

.deploy-left{
    z-index:9999;
    left:0px;
    top:50%;
    margin-top:-10px;
    margin-left:10px;
}

.nav-original-full{
    -moz-transform: translateY(0px)!important;
    -webkit-transform: translateY(0px)!important;
    -o-transform: translateY(0px)!important;
    -ms-transform: translateY(0px)!important;
    transform: translateY(0px)!important;
}

/*Navigation Background*/

.navigation-background{
    opacity:0;pointer-events:none;
    background-color:rgba(0,0,0,0.8);
    position:fixed;
    top:0px;
    left:0px;
    right:0px;
    bottom:0px;
    z-index:99999;
    transition:all 250ms ease;
}

.close-circles{
    opacity:0;
    width:96px;
    height:96px;
    position:fixed;
    z-index:999999;
    text-align:center;
    line-height:96px;
    font-size:8px;
    color:#FFF;
    border-radius:96px;
    top:50%;
    margin-top:-38px;
    left:50%;
    margin-left:-48px;
    transition:all 250ms ease;
	
	background: url(../images/xhdpi.png) no-repeat center center; 
}

/*Blinking Active Icon*/

.active-menu i{    
    animation-name: activemenu;
    animation-duration: 2s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    animation-delay: 0s;
}

@keyframes activemenu {  
    0% { opacity: 1.0;  }
    50% { background-color:#000000; }
    100% { opacity: 1.0; }
}

.rotate-icon{
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg); 
    -ms-transform: rotate(180deg); 
    transform: rotate(180deg); 
}

.transition-icon{
    transition:all 250ms ease!important;
}

.open-scrolling-menu{
    transition:0ms ease all;
}

/*Scrolling Menu*/

.scrolling-menu-dark{background-color:#000000; border-bottom:solid 1px rgba(255,255,255,0.1);}
.scrolling-menu-light{background-color:#ecf0f1; border-bottom:solid 1px rgba(0,0,0,0.1);}
.scrolling-menu-dark a em{color:#FFFFFF;}
.scrolling-menu-light a em{color:#1f1f1f;}
.scrolling-menu-dark a i{color:#FFFFFF;}
.scrolling-menu-light a i{color:#1f1f1f;}

.scrolling-menu-no-icons a i{display:none;}
.scrolling-menu-no-icons a em{padding:0px!important; text-align:center; display:block;}

.scrolling-menu{
    width:100%;
    left:0px;
    right:0px;
    position:fixed;
    top:50px;
    z-index:99;
    height:45px;
    padding-left:10px;
    padding-right:10px;
    
}

.scrolling-menu a{
    width:100%;
}

.scrolling-menu a em{
    padding-left:40px;
    line-height:45px;
    font-style: normal;
    font-size:12px;
}

.scrolling-menu a i{
    height:45px;
    width:35px;
    position:absolute;
    text-align:center;
    line-height:45px;
    font-size:18px;
}

.active-menu-item *{
    color:#3498db!important;
}

/*Swiper*/

.swiper-container {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.swiper-container2 {
    width: 100%;
    padding-top: 50px;
    padding-bottom: 50px;
}
.swiper-slide {
    background-position: center;
    background-size: cover;
    width: 300px;
    height: 300px;
}

/*Homepage Slider*/

.home-slider h4{
    width:100%;
    padding-top:30px;
    padding-bottom:40px;
    position:absolute;
    bottom:15px;
    background: linear-gradient( to bottom,
      rgba(0, 0, 0, 0.01),
      rgba(0, 0, 0, 0.2),
      rgba(0, 0, 0, 0.3),
      rgba(0, 0, 0, 0.6),
      rgba(0, 0, 0, 0.7),
      rgba(0, 0, 0, 0.8),
      rgba(0, 0, 0, 0.9),
      rgba(0, 0, 0, 0.9),
      rgba(0, 0, 0, 0.9)
    );
    color:#FFFFFF;
    padding-left:20px;
    padding-right:20px;
    font-size:18px;
    font-weight:500;
    line-height:30px;
}

.home-slider p{
    font-size:13px;
    position:absolute;
    bottom:0px;
    z-index:999;
    color:#FFFFFF;
    opacity:0.5;
    padding-left:20px;
    padding-right:20px;
    display:block;
    width:100%;
}

.home-round-slider{padding-top:10px;}
.home-round-slider img{
    border-radius:200px;
    margin-left:auto;
    margin-right:auto;
}

.home-img-1{
    position:absolute;
    width:150px;
    height:150px;
    top:25px;
    left:50%;
    margin-left:-170px!important;
    opacity:0.7;
}

.home-img-2{
    width:200px;
    height:200px;
    position:relative;
    z-index:1;
    -webkit-box-shadow: 0 0 10px 3px rgba(0,0,0,0.5);
            box-shadow: 0 0 10px 3px rgba(0,0,0,0.5);
}

.home-img-3{
    position:absolute;
    width:150px;
    height:150px;
    top:25px;
    right:50%;
    margin-right:-170px!important;
    opacity:0.7;
}

.home-round-slider h3{text-align:center; padding-top:20px;}
.home-round-slider em{display:block; font-style: normal; text-align:center;}
.center-socials{width:160px; margin-left:auto; margin-right:auto;}

/*Home Columns*/

.column-home-left i{
    font-size:46px;
    position:absolute;
    height:60px;
    margin-top:5px;
    width:40px;
    text-align:center;
}

.column-home-left h5{
    padding-left:60px;
}

.column-home-left p{
    padding-left:60px;
}

.column-home-center i{
    font-size:46px;
    height:60px;
    margin-top:5px;
    width:100%;
    display:block;
    text-align:center;
}

.column-home-center h5{
    text-align:center;
    font-size:18px;
    padding-bottom:10px;
}

.column-home-center p{
    text-align:center;
}

/*Footer*/

.footer{padding:30px 0px 100px 0px;}
.footer-bottom{padding-bottom:30px!important;}
.footer-dark{background-color:#0c1117;}
.footer-light{background-color:#ecf0f1; border-top:solid 1px #e0e0e0; border-bottom:solid 1px #e0e0e0;}
.footer-light{background-color:#ecf0f1; border-top:solid 1px #e0e0e0; border-bottom:solid 1px #e0e0e0;}
.footer-light i{color:#1f1f1f;}
.footer-light p{color:#666666;}
.footer-light .decoration{background-color:rgba(0,0,0,0.1)!important;}

.footer-dark .decoration{
    background-color:rgba(255,255,255,0.05);
    max-width:290px;
    margin-left:auto;
    margin-right:auto;
}

.footer .footer-logo{
    background-image:url(../images/preload-logo.png);
    background-size:80px 80px;
    width:80px;
    height:80px;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:20px;
}

.copyright-text{margin-bottom:0px; margin-top:-10px; margin-bottom:0px;}

.footer p{
    max-width:290px;
    margin-left:auto;
    margin-right:auto;
    text-align:center;
}

.footer-socials{
    width:255px;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:30px;
}

.footer-socials .icon-ghost{background-color:transparent!important;}

.footer-socials a{
    margin-left:2px!important;
    margin-right:2px!important;
}






.main_bg {
	
	  background: url(../images/main_bg.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
    
height:100vh;
	
 

}
.bg-teal-default {background: #359066;}

.stop-loading{display:none;}

::placeholder { /* Firefox, Chrome, Opera */ 
    color:#cccccc; 
} 
  
:-ms-input-placeholder { /* Internet Explorer 10-11 */ 
    color: #cccccc; 
} 
  
::-ms-input-placeholder { /* Microsoft Edge */ 
    color: #cccccc; 
} 


.alert_center
{
    position:fixed;
    width:230px; /*image width */
    height:100%; /*image height */
    left:50%; 
    top:50%;
    margin-left:-115px; /*image width/2 */
    margin-top:-100px; /*image height/2 */
	z-index:5000;
}


 .alert_page {
 border-radius: 5px;
background:#333333;
padding-bottom:5px;

	width:230px;
	height:120px;
	padding-left:0px;
	padding-right:0px;
	z-index:100;
	border:1px transparent;
	text-align:left;
	right: 0px; 
	color:#789;
	font-size:11px;

    -webkit-box-shadow: 0px 0px 8px 0.1px #333;
       -moz-box-shadow: 0px 0px 8px 0.1px #333;
            box-shadow: 0px 0px 8px 0.1px #333;

}

.alert_page_head{
border-radius: 5px 5px 0px 0px;
color:#fff; display:block; position:relative; float:left; width:230px; padding-left:5px; padding-right:5px; height:30px; line-height:30px; margin-bottom:5px;
 font-size:16px;
border-bottom:1px solid #e5e5e5;
color:#ffffff;
background:#333333;

}

.alert_menu{background:#333333; font-size:14px; color:#ffffff; display:block; width:100%; padding-bottom:8px; padding:8px; border-bottom:1px solid #666666;}
.alert_menu:hover{background:#9016b2 !important;}

#popup_warning
{
	margin:0px;
	display:none;
    position:fixed;
    width:290px; /*image width */
    left:50%; 
    top:50%;
    margin-left:-150px; /*image width/2 */
    margin-top:-50px; /*image height/2 */
	z-index:9000;
	-webkit-box-shadow: 0px 0px 2px 0.1px #333;
    -moz-box-shadow: 0px 0px 2px 0.1px #333;
    box-shadow: 0px 0px 2px 0.1px #333;
	background:#333;
	color:#FFFFFF;
	border-radius:2px;
	text-align:center;
	font-size:12px;
	padding-left:5px;
	padding-right:5px;
	line-height:30px;
	height:30px;
}

[contenteditable=true]:empty:before{
  content: attr(placeholder);
  display: block; /* For Firefox */
}


[placeholder]:empty::before {
    content: attr(placeholder);
    color: #999999; 
}



/* */


.zoom {
    zoom: 2;
    -moz-transform: scale(2);
    -moz-transform-origin: 0 0;
}

  .badge-notify{
    background:red;
    position:relative;
    top: -20px;
    right: 10px;
  }
  .my-cart-icon-affix {
    position: fixed;
    z-index: 9999999999;
  }



.badge{display:inline-block;min-width:10px;padding:3px 7px;font-size:12px;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:middle;background-color:;border-radius:10px}.badge:empty{display:none} .badge{position:relative;top:-1px}

input[type="number"] {
  -moz-appearance: textfield;
}
input[type="number"]::-webkit-inner-spin-button, 
input[type="number"]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}

input{color: #666666 !important;}
select{color: #666666 !important;}
 /* WebKit and Opera browsers */
  @-webkit-keyframes spinner {
    from { -webkit-transform: rotateY(0deg);    }
    to   { -webkit-transform: rotateY(-360deg); }
  }

  /* all other browsers */
  @keyframes spinner {
    from {
      -moz-transform: rotateY(0deg);
      -ms-transform: rotateY(0deg);
      transform: rotateY(0deg);
    }
    to {
      -moz-transform: rotateY(-360deg);
      -ms-transform: rotateY(-360deg);
      transform: rotateY(-360deg);
    }
  }

#stage {
    margin: 1em auto;
    -webkit-perspective: 1200px;
    -moz-perspective: 1200px;
    -ms-perspective: 1200px;
    perspective: 1200px;
    
    position: fixed;
    top:50%;
    left: 50%;
    
    margin-top:-96px;
    margin-left:-96px;
    height: 192px;
    width: : 192px;
    
  }

 #spinner {
     
     
    /*margin-top: 180px;*/
     
    -webkit-animation-name: spinner;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-duration: 6s;

    animation-name: spinner;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-duration: 6s;

    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
  }

  #spinner:hover {
    -webkit-animation-play-state: paused;
    animation-play-state: paused;
  }

.animate_image{width:30px !important; height: 30px !important;}



*
{
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}

input
{
-webkit-user-select: auto !important;
-khtml-user-select: auto !important;
-moz-user-select: auto !important;
-ms-user-select: auto !important;
user-select: auto !important;
}

*
{
-webkit-touch-callout: none;
-moz-touch-callout: none;
-ms-touch-callout: none;
touch-callout: none;
}

*{
-webkit-user-drag: none;
-moz-user-drag: none;
-ms-user-drag: none;
user-drag: none;
}