p {
  padding: 0;
  margin: 0; }

ul, ol {
  padding: 0;
  margin: 0; }

li {
  list-style: none; }

a, a:hover, a:focus {
  outline: none;
  text-decoration: none; }




body {font-family: 'Roboto', sans-serif;background: #171615;}
.header .navbar {background: transparent;border: none;min-height:inherit;}
.header .navbar-nav li a { box-shadow: 2px 2px 1px #000;font-size: 12px;border-radius:15px; color: #ffffff;  font-weight: 400;  line-height: 35px;  padding-bottom: 0;  padding-left: 20px;  padding-right: 20px;  padding-top: 0;  text-transform: uppercase;background: #252222;
background: -moz-linear-gradient(top, #252222 0%, #181717 100%);
background: -webkit-linear-gradient(top, #252222 0%,#181717 100%);
background: linear-gradient(to bottom, #252222 0%,#181717 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#252222', endColorstr='#181717',GradientType=0 );}
.header .navbar-brand {  color: #ffffff;  font-size: 25px;  height: auto;  margin-top: 6px;  padding-bottom: 0;  padding-top: 0;  text-transform: uppercase;}
.header {  padding: 35px 0 0;}
.header .navbar-right li {margin-right: 5px;}
.header .navbar-right li:last-child {margin-right: 0;}

.header .navbar-nav li a:hover {color: #fff;text-decoration: none;background: #222020;} 
.gallery_box_wrap ul {display: inline-block;width: 450px;-ms-transform: rotate(45deg); 
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);-moz-transform: rotate(45deg);}
.gallery_box_wrap ul li {width:150px;float: left;list-style: none;}
.gallery_box_wrap {text-align: center;}
.gallery_box_wrap ul li img {width: 100%;}
.gallery_tilt {padding: 150px 0;}
.play_wrap {  color: #ffffff;  display: block;  line-height: 150px;  text-align: center;  transform: rotate(-45deg);}
.footer {
  background: #1c1a19 none repeat scroll 0 0;
 
  padding: 20px 0;
 
}
.footer .copy_right_inner > li {  display: inline-block;}
.footer .copy_right_inner a {  color: #ffffff;  font-size: 12px;border-right: 1px solid #ffffff; padding: 0 10px;}
.footer .copy_right_inner li:last-child a {border-right:none;}
#fancybox-right-ico { background-image: url("../images/arrow_right.png");  background-position: center center;  background-repeat: no-repeat;}
#fancybox-left-ico {  background-image: url("../images/arrow_left.png");  background-position: center center;  background-repeat: no-repeat;}
#fancybox-close {   width: 25px; height: 25px;background-image: url("../images/close.png");  background-position: center center;  background-repeat: no-repeat;  background-size: 100% 100%;  border-radius: 50%;right: -33px;
    top: -15px;}
#fancybox-content {  border-color: #000000 !important;  border-width: 5px !important; }
#fancybox-overlay {  background-color: #000000;}
#fancybox-right-ico {  left: 226px;}
#fancybox-left-ico {left:-50px;}
#fancybox-title {   left: -19px;  position: absolute;  top: -30px; pointer-events: none;}        
#fancybox-overlay {background-color: #181817 !important;opacity: 1 !important;}
.payment_btn a {
  background: #252222;
background: -moz-linear-gradient(top, #252222 0%, #181717 100%);
background: -webkit-linear-gradient(top, #252222 0%,#181717 100%);
background: linear-gradient(to bottom, #252222 0%,#181717 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#252222', endColorstr='#181717',GradientType=0 );
  border-radius: 15px;
  color: #ffffff;
  font-size: 12px;
  font-weight: 400;
  line-height: 35px;
  padding: 0 20px;
  text-transform: uppercase;
  display:block;
  width: 137px;
  margin: 20px auto;
   box-shadow: 2px 2px 1px #000;
}



@media (min-width: 768px) {
.header .navbar-nav li.video_gallery a {background: #000;}	
}

@media (max-width: 767px) {
	.header .navbar-collapse {border: none;padding: 0;}
	.header .nav {margin: 0;}
	.header .navbar-nav li a {border-radius: 0 !important;border-bottom: 1px solid #3b3b3b;}
	.header .navbar-nav li {margin-right: 0;}
	.header .navbar-default .navbar-toggle:focus, .header .navbar-default .navbar-toggle:hover {  background-color: rgba(0, 0, 0, 0);  border: medium none;}
    .header .navbar-default .navbar-toggle, .header .navbar-default .navbar-toggle {border:none;}
    .header .navbar-default .navbar-toggle span {background-color: #fff;} 
}
@media (max-width: 640px) {
	.gallery_box_wrap ul li {width:100px;}
	.gallery_box_wrap ul {width: 300px;}
	.gallery_box_wrap ul li a span {line-height: 100px;}
	.gallery_tilt {  padding: 100px 0;}
}
@media (max-width: 480px) {
	.gallery_box_wrap ul li {width:70px;}
	.gallery_box_wrap ul {width: 210px;}
	.gallery_box_wrap ul li a span {line-height: 35px;}
}

.gallery_box_wrap ul {
    height:450px;
    width:450px;
   
    border-radius:50%;


    position:relative;
    overflow: hidden;
}
.gallery_box_wrap ul:before{
    content:"";
    position:absolute;
    bottom:-50px;
    border-radius:50%;
    left:0;
    height:10%;
    width:100%;   
    box-shadow: 0 0 10px 2px rgba(0,0,0,0.6);
    pointer-events: none;
    
}
.gallery_box_wrap ul:after{
    content:"";
    position:absolute;z-index:12;
    top:0;left:0;height:100%;width:100%;border-radius:50%;
box-shadow: -8px -6px 20px 2px #222222 inset, 20px 20px 20px 5px rgba(200, 200, 200, 0.4) inset;  
pointer-events: none;  
}

#earth {
  position: relative;
  width: 400px;
  height: 400px;
  margin: 3em auto;
  background: url(../images/earthmap.jpg) 0 0 repeat;
  border-radius: 50%;
  background-size: 630px 100%;
   -webkit-animation: rotate 10s linear infinite;
    -moz-animation: rotate 10s linear infinite;
     -o-animation: rotate 10s linear infinite;
     animation: rotate 10s linear infinite;
   -webkit-transition: -webkit-transform 200ms linear;
     -moz-transition: -moz-transform 200ms linear;
 -o-transition: -o-transform 200ms linear;
     transition: transform 200ms linear;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-o-transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-o-transform-style: preserve-3d;
  transform-style: preserve-3d;
  box-shadow: inset 20px 0 80px 6px rgba(0, 0, 0, 1);
  color: #000;
}


#earth:after {
  content: "";
  position: absolute;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  box-shadow: -80px 15px 80px 10px rgba(0,0,0,.9) inset;
}

#earth:before {
  content: "";
  position: absolute;
  border-radius: 50%;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0.2;
  background: radial-gradient(circle at 100px 100px, #fff, #000);
}

@-webkit-keyframes rotate {
  0% {background-position: 0 0;} 
  100% {background-position: 630px 0;}
}
@-moz-keyframes rotate {
  0% {background-position: 0 0;} 
  100% {background-position: 630px 0;}
}

@-o-keyframes rotate {
  0% {background-position: 0 0;} 
  100% {background-position: 630px 0;}
}

@keyframes rotate {
  0% {background-position: 0 0;} 
  100% {background-position: 630px 0;}
}


.earth_inner {display:table;height:100%;width:100%;}
.earth_inner-cell {display:table-cell;height:100%;vertical-align:middle;text-align:center;}
.earth_inner-cell a.iframe {display:inline-block;}
.earth_inner-demo {height:100%;}

#earth {
 
  height: 350px;
  margin-bottom: 0;  
  width: 350px;
}



/*=================================popup gallery css======================================*/



.picshade {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: 0.91;
  filter: alpha(opacity=91);
  z-index: 99;
  display: none;
}

.pictures_eyes_close {
  position: fixed;
  top: 30px;
  right: 30px;
  display: inline-block;
  width: 26px;
  height: 26px;
  background: url(../images/close1.png) no-repeat;
  z-index: 100;
  display: none;
}

.pictures_eyes {
  position: fixed;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 199;
  display: none;
}

.pictures_eyes_in {
  position: relative;
  text-align: center;
}

.pictures_eyes_in img { max-height: 500px; }

.pictures_eyes_in .prev, .pictures_eyes_in .next {
  position: absolute;
  top: 50%;
  width: 51px;
  height: 51px;
  cursor: pointer;
}

.pictures_eyes_in .prev {
  left: 35px;
  background: url(../images/Tleft.png) no-repeat;
}

.pictures_eyes_in .next {
  right: 35px;
  background: url(../images/Tright.png) no-repeat;
}

.pictures_eyes_indicators {
  position: fixed;
  left: 0;
  bottom: 15px;
  width: 100%;
  text-align: center;
  z-index: 299;
}

.pictures_eyes_indicators a {
  display: inline-block;
  width: 50px;
  height: 50px;
  margin: 6px 3px 0 3px;
  border: 1px solid #ddd;
  border-radius: 10px;
  box-shadow: 0 0 2px #000;
  filter: alpha(opacity=50);
  opacity: 0.5;
  overflow: hidden;
}

.pictures_eyes_indicators img { height: 50px; }

.pictures_eyes_indicators .current {
  filter: alpha(opacity=100);
  opacity: 1;
}
.gallery_wrap li {
display: inline-block;
  margin-bottom: 15px;
  padding: 0 7px;
  width: 23.5%;transition:all ease 0.5s;
}
.gallery_wrap li img {
  height: 175px;
  width: 100%;
}
.gallery_main_outer {
  margin: 0px auto 0;padding-top: 50px;padding-bottom: 20px;
  width: 800px;
}
.gallery_wrap {text-align:center;}

/*=================================popup gallery css======================================*/
/*=================================about======================================*/
.about_outer {
  color: #ffffff;
 margin: 85px auto 40px;
  max-width:800px;
  text-align: center;
	
}
.about_outer h3 {

  font-size: 18px;
  margin-bottom:10px;

}
.about_outer p {
	margin-bottom: 15px;
	font-size: 13px;
}
.navbar-brand img {
	margin-top: -15px;
}
 .contact-wrap {
  color: #fff;
  margin: 0 auto;
  max-width: 800px;
}
.contact-address {
  background: #222 none repeat scroll 0 0;
  border-radius: 10px;
  padding: 10px;
  text-align: center;
}
 
 h2.contact-head {
  border-bottom: 1px solid #000;
  border-radius: 10px 10px 0 0;
  font-size: 24px;
  margin: -10px -10px 20px;
  padding: 10px;
  text-transform: uppercase;
}
 
.contact-desc {font-size:16px;text-align: center;margin-bottom: 20px;}
.contact-address p {  font-size: 14px;  margin: -1px auto 10px;  max-width: 80%;  padding: 0;}
.contact-icon {

font-size: 15px;
  color: #fff;
  display: inline-block;

  padding: 2px;font-weight: bold;

} 
 .contact-address-text {color: #ddd;}
 
 .contact-wrap {padding-top: 50px;}
 .contact-address p strong {font-size:17px; }
.contact-address-text a {color: #ddd;}
.header .navbar-nav li a.active {color:000;
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #dddddd 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #ffffff 0%,#dddddd 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ffffff 0%,#dddddd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dddddd',GradientType=0 ); /* IE6-9 */}
.header .navbar-nav li a.active {color:#000;}
.gallery_wrap li:hover {opacity:0.7;cursor: pointer;transition:all ease 0.5s;}
.pictures_eyes_in .prev, .pictures_eyes_in .next {  background-size: 30px 30px !important;  height: 30px;  width: 30px;}
.picshade {height: 100%;}