@import url('https://fonts.googleapis.com/css?family=Aldrich&display=swap');


* {
	
}
.col-lg-5 {
	z-index: 20;
	
}


.circle {
	height: 600px;
	width: 600px;
	display: block;
	position: absolute;
	z-index: 10;
	border-radius: 50%;
	background: linear-gradient(360deg, #0D0D0D, #0D0D0D, #0D0D0D, #0D0D0D, #0D0D0D, rgba(176,51,56, 0.5) 100%), #0D0D0D;
	margin: -60px 300px 0px;
	box-shadow: 0px -20px 20px rgba(37,13,18, 0.7);
}
.circle_d {
	background: url(../image/circle_d.png) no-repeat 50% 50%;
	height: 534px;
	width: 534px;
	margin: 33px;
	position: absolute;
	z-index: 12;
		animation-name: rotateBack; 
	animation-duration: 25s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;

}
.circle_m {
	background: url(../image/circle_m.png) no-repeat 50% 50%;
	height: 460px;
	width: 460px;
	margin: 70px;
	position: absolute;
	z-index: 11;
	animation-name: rotate; 
	animation-duration: 20s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}
.bit {
	background: url(../image/bit_pic.png) no-repeat 50% 50%;
	height: 290px;
	width: 290px;
	margin: 155px;
	position: absolute;
	border-radius: 50%;
box-shadow: 0px 20px 20px #000;
	z-index: 13;
-webkit-animation: flash 16s linear 0s infinite;
	-moz-animation: flash 16s linear 0s infinite;
	-ms-animation: flash 16s linear 0s infinite;
	-o-animation: flash 16s linear 0s infinite;
          animation: flash 16s linear 0s infinite;
	cursor: pointer;
}

.circle2 {f
	height: 220px;
	width: 220px;
	display: block;
	position: absolute;
	z-index: 10;
	border-radius: 50%;
	background: linear-gradient(360deg, #0D0D0D, #0D0D0D, #0D0D0D, #0D0D0D, #0D0D0D, rgba(176,51,56, 0.5) 100%), #0D0D0D;
	margin: -45px 490px 0px;
	box-shadow: 0px -20px 20px rgba(37,13,18, 0.7);
}
.circle_d2 {
	background: url(../image/circle_d.png) no-repeat 50% 50%;
	background-size: contain;
	height: 178px;
	width: 178px;
	margin: 21px;
	position: absolute;
	z-index: 12;
		animation-name: rotateBack; 
	animation-duration: 25s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;

}
.circle_m2 {
	background: url(../image/circle_m.png) no-repeat 50% 50%;
	background-size: contain;
	height: 153px;
	width: 153px;
	margin: 33px;
	position: absolute;
	z-index: 11;
	animation-name: rotate; 
	animation-duration: 20s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}
.bit2 {
	background: url(../image/bit_pic.png) no-repeat 50% 50%;
	background-size: contain;
	height: 96px;
	width: 96px;
	margin: 61px;
	position: absolute;
	border-radius: 50%;
	box-shadow: 0px 20px 20px #000;
	z-index: 13;
-webkit-animation: flash 16s linear 0s infinite;
	-moz-animation: flash 16s linear 0s infinite;
	-ms-animation: flash 16s linear 0s infinite;
	-o-animation: flash 16s linear 0s infinite;
          animation: flash 16s linear 0s infinite;
	cursor: pointer;

}
@keyframes rotate { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }
@keyframes rotateBack { from { transform: rotate(360deg); } to { transform: rotate(0deg); } }

@-webkit-keyframes flash {
  from,
  50%,
  to {
    box-shadow: 0px -20px 40px #3d1820;
	 
	  box-shadow: inset 0px 0px 40px rgba(0,0,0, 1.0);
  }

  25%,
  75% {
    box-shadow: 0px -20px 40px #b03337;
	  
	  box-shadow: inset 0px 0px 40px rgba(0,0,0, 0.0);
  }
}

@keyframes flash {
  from,
  50%,
  to {
    box-shadow: 0px -20px 40px #3d1820;
	
	  box-shadow: inset 0px 0px 40px rgba(0,0,0, 1.0);
  }

  25%,
  75% {
     box-shadow: 0px -20px 40px #b03337;
	 
	  box-shadow: inset 0px 0px 40px rgba(0,0,0, 0.0);
  }
}
@media (min-width:1200px){
.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9{float:left}.col-md-12{width:100%}.col-md-11{width:91.66666667%}.col-md-10{width:83.33333333%}.col-md-9{width:75%}.col-md-8{width:66.66666667%}.col-md-7{width:58.33333333%}.col-md-6{width:50%}.col-md-5{width:41.66666667%}.col-md-4{width:33.33333333%}.col-md-3{width:25%}.col-md-2{width:16.66666667%}.col-md-1{width:8.33333333%}
}


@media (min-width: 768px) {
  .modal-content {
      -webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5);
      box-shadow: 0 5px 15px rgba(0,0,0,.5);
  }

}
.accordionItem {
	height:auto;
	overflow:hidden;
 //SHAME: magic number to allow the accordion to animate max-height:50em;
	transition:max-height 1s;
 @media screen and (min-width:48em) {
 max-height:15em;
 transition:max-height 0.5s
}
}
.accordionItem.is-collapsed {
	max-height:0;
}
.no-js .accordionItem.is-collapsed {
	max-height: auto;
}
.animateIn {
	animation: accordionIn 0.3s normal ease-in both 1;
}
.animateOut {
	animation: accordionOut 0.3s alternate ease-in both 1;
}
@keyframes accordionIn {
 0% {
 opacity: 0;
 transform:scale(0.9) rotateX(-60deg);
 transform-origin: 50% 0;
}
 100% {
 opacity:1;
 transform:scale(1);
}
}
 @keyframes accordionOut {
 0% {
 opacity: 1;
 transform:scale(1);
}
 100% {
 opacity:0;
 transform:scale(0.9) rotateX(-60deg);
}
}
@media only screen  and (min-device-width: 768px)  and (max-device-width: 1024px)  and (orientation: landscape) {
.cd-tabs-content {
width: 76%
}
}
.accordion a:focus, .accordion a:hover {
	color: #f89537 !important;
	text-decoration: none !important;
}
.cd-tabs-navigation a:focus, .cd-tabs-navigation a:hover {
	text-decoration: none !important;
}
.thblock > p {
	border-bottom: 1px dotted #fff;
	padding-bottom: 25px;
	float:left;
	width:100%
}
.accordion dl:focus, .accordion dl a:focus {
	border:0px !important;
	outline:none !important
}
a.is-collapsed.is-expanded {
	background-color:#291010 !important;
	color:#fff !important;
}




@media only screen and (max-width : 1200px) {
	nav {
		margin-top:20px;
	}

	.circle {
	height: 300px;
	width: 300px;
	display: block;
	position: absolute;
	z-index: 10;
	border-radius: 50%;
	background: linear-gradient(360deg, #0D0D0D, #0D0D0D, #0D0D0D, #0D0D0D, #0D0D0D, rgba(176,51,56, 0.5) 100%), #0D0D0D;
	margin-left: calc(50% - 150px);
		margin-top:20px;
	box-shadow: 0px -20px 20px rgba(37,13,18, 0.7);
}
.circle_d {
	background: url(../image/circle_d.png) no-repeat 50% 50%;
	background-size:contain;
	height: 267px;
	width: 267px;
	margin: 16px;
	position: absolute;
	z-index: 12;
		animation-name: rotateBack; 
	animation-duration: 25s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	-webkit-animation:rotateBack 25s linear 0s infinite;

}
.circle_m {
	background: url(../image/circle_m.png) no-repeat 50% 50%;
	background-size:contain;
	height: 230px;
	width: 230px;
	margin: 35px;
	position: absolute;
	z-index: 11;
	animation-name: rotate; 
	animation-duration: 20s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	-webkit-animation:rotate 20s linear 0s infinite;
}
.bit {
	background: url(../image/bit_pic.png) no-repeat 50% 50%;
	background-size:contain;
	height: 145px;
	width: 145px;
	margin: 77px;
	position: absolute;
	border-radius: 50%;
	box-shadow: 0px 20px 20px #000;
	z-index: 13;
	-webkit-animation: flash 16s linear 0s infinite;
	-moz-animation: flash 16s linear 0s infinite;
	-ms-animation: flash 16s linear 0s infinite;
	-o-animation: flash 16s linear 0s infinite;
          animation: flash 16s linear 0s infinite;
	cursor: pointer;
}
	
	.circle2 {
	height: 110px;
	width: 110px;
	display: block;
		margin-top: 50px;
	position: absolute;
	z-index: 10;
	border-radius: 50%;
	background: linear-gradient(360deg, #0D0D0D, #0D0D0D, #0D0D0D, #0D0D0D, #0D0D0D, rgba(176,51,56, 0.5) 100%), #0D0D0D;
		margin-left: calc(50% - 55px);
	box-shadow: 0px -20px 20px rgba(37,13,18, 0.7);
}
.circle_d2 {
	background: url(../image/circle_d.png) no-repeat 50% 50%;
	background-size: contain;
	height: 89px;
	width: 89px;
	margin: 10px;
	position: absolute;
	z-index: 12;
		animation-name: rotateBack; 
	animation-duration: 25s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	-webkit-animation:rotateBack 25s linear 0s infinite;

}
.circle_m2 {
	background: url(../image/circle_m.png) no-repeat 50% 50%;
	background-size: contain;
	height: 77px;
	width: 77px;
	margin: 16px;
	position: absolute;
	z-index: 11;
	animation-name: rotate; 
	animation-duration: 20s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	-webkit-animation:rotate 20s linear 0s infinite;
}
.bit2 {
	background: url(../image/bit_pic.png) no-repeat 50% 50%;
	background-size: contain;
	height: 48px;
	width: 48px;
	margin: 31px;
	position: absolute;
	border-radius: 50%;
	box-shadow: 0px 20px 20px #000;
	z-index: 13;
	  -webkit-animation: flash 16s linear 0s infinite;
          animation: flash 16s linear 0s infinite;
	cursor: pointer;
}

}


@media only screen and (max-width : 800px) {
	
.circle {
	height: 280px;
	width: 280px;
	display: block;
	position: absolute;
	z-index: 10;
	border-radius: 50%;
	background: linear-gradient(360deg, #0D0D0D, #0D0D0D, #0D0D0D, #0D0D0D, #0D0D0D, rgba(176,51,56, 0.5) 100%), #0D0D0D;
	margin-left: calc(50% - 150px);
		margin-top:20px;
	box-shadow: 0px -20px 20px rgba(37,13,18, 0.7);
}
.circle_d {
	background: url(../image/circle_d.png) no-repeat 50% 50%;
	background-size:contain;
	height: 247px;
	width: 247px;
	margin: 16px;
	position: absolute;
	z-index: 12;
		animation-name: rotateBack; 
	animation-duration: 25s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	-webkit-animation:rotateBack 25s linear 0s infinite;

}
.circle_m {
	background: url(../image/circle_m.png) no-repeat 50% 50%;
	background-size:contain;
	height: 210px;
	width: 210px;
	margin: 35px;
	position: absolute;
	z-index: 11;
	animation-name: rotate; 
	animation-duration: 20s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	-webkit-animation:rotate 20s linear 0s infinite;
}
.bit {
	background: url(../image/bit_pic.png) no-repeat 50% 50%;
	background-size:contain;
	height: 125px;
	width: 125px;
	margin: 77px;
	position: absolute;
	border-radius: 50%;
	box-shadow: 0px 20px 20px #000;
	z-index: 13;
	-webkit-animation: flash 16s linear 0s infinite;
	-moz-animation: flash 16s linear 0s infinite;
	-ms-animation: flash 16s linear 0s infinite;
	-o-animation: flash 16s linear 0s infinite;
          animation: flash 16s linear 0s infinite;
	cursor: pointer;
}
	
	.circle2 {
	height: 90px;
	width: 90px;
	display: block;
		margin-top: 50px;
	position: absolute;
	z-index: 10;
	border-radius: 50%;
	background: linear-gradient(360deg, #0D0D0D, #0D0D0D, #0D0D0D, #0D0D0D, #0D0D0D, rgba(176,51,56, 0.5) 100%), #0D0D0D;
		margin-left: calc(50% - 55px);
	box-shadow: 0px -20px 20px rgba(37,13,18, 0.7);
}
.circle_d2 {
	background: url(../image/circle_d.png) no-repeat 50% 50%;
	background-size: contain;
	height: 69px;
	width: 69px;
	margin: 10px;
	position: absolute;
	z-index: 12;
		animation-name: rotateBack; 
	animation-duration: 25s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	-webkit-animation:rotateBack 25s linear 0s infinite;

}
.circle_m2 {
	background: url(../image/circle_m.png) no-repeat 50% 50%;
	background-size: contain;
	height: 57px;
	width: 57px;
	margin: 16px;
	position: absolute;
	z-index: 11;
	animation-name: rotate; 
	animation-duration: 20s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	-webkit-animation:rotate 20s linear 0s infinite;
}
.bit2 {
	background: url(../image/bit_pic.png) no-repeat 50% 50%;
	background-size: contain;
	height: 28px;
	width: 28px;
	margin: 31px;
	position: absolute;
	border-radius: 50%;
	box-shadow: 0px 20px 20px #000;
	z-index: 13;
	  -webkit-animation: flash 16s linear 0s infinite;
          animation: flash 16s linear 0s infinite;
	cursor: pointer;
}

	
}

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


}

@media only screen and (max-width : 560px) { 
	
	
}

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


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

	
}