@charset "utf-8";

.home_body{
	background:url(../image/kk_bg.jpg) no-repeat #111a29 top center;
}

body {
	padding:0;
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	background:#2d466e;
}

.base{
	width:100%;
	height:312px;
	background:url(../image/base-1.png) no-repeat bottom center;
	display:block;
	margin:auto;
	position:fixed;
	bottom:0;
	z-index:100;
}

.soc-holder{
	position:absolute;
	bottom:20px;
	right:50px;
}

.soc-holder img{
	float:left;
	margin-right:8px;
	width:29px;
	height:29px;
	border-radius:50%;
	transition:all ease 0.2s;
}

.soc-holder img:hover{
	background:#FFF;
	border:2px solid #FFFFFF;
	
}

.sun{
	background: rgba(0, 0, 0, 0) url("../image/sun.png") repeat scroll center center;
    height: 550px;
    left: -100px;
    position: absolute;
    top: 25px;
    width: 550px;
	z-index:5;
}

.holder{
	width:1100px;
	margin:auto;
	position:relative;
	min-height:720px;
}

/**********************************************************************************************************************************/


.radialnav {
    bottom: 20%;
    display: block;
    font: 500 14px/14px arial normal;
    height: 26em;
    position: fixed;
    right: 30%;
    width: 26em;
	z-index:100;
}

.radialnav .ellipsis {
  position: absolute;
  right: 40%;
  bottom: 0;
  z-index: 2;
  width: 60px;
  height: 60px;
  border-radius: 100%;
  background: #2980b9;
  color: white;
  text-align: center;
  box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.44);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.radialnav .ellipsis i {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -7px 0 0 -7px;
}
.radialnav .ellipsis:active, .radialnav .ellipsis:hover {
  box-shadow: 0px 4px 7px 0px rgba(0, 0, 0, 0.44);
  background: #2e8ece;
}
.radialnav a {
  color: white;
  text-decoration: none;
  position:relative;
  display:block;
}
.radialnav.active .ellipsis {
  box-shadow: 0px 4px 7px 0px rgba(0, 0, 0, 0.44);
  background: #2e8ece;
}
.radialnav.active .menu {
  pointer-events: auto;
  -webkit-transform: scale(1.3);
  -moz-transform: scale(1.3);
  -ms-transform: scale(1.3);
  transform: scale(1.3);
}

.menu, .submenu {
  position: absolute;
  top: 50%;
  right: 8%;
  z-index: 0;
  width: 300px;
  height: 0px;
  -webkit-transform: scale(0.1);
  -ms-transform: scale(0.1);
  -moz-transform: scale(0.1);
  transform: scale(0.1);
  pointer-events: none;
  -webkit-transition: all .15s ease;
  -moz-transition: all .15s ease;
  transition: all .15s ease;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
.menu > li:nth-of-type(1){
  -moz-transform: rotate(0deg) skew(50deg);
  -ms-transform: rotate(0deg) skew(50deg);
  -webkit-transform: rotate(0deg) skew(50deg);
  transform: rotate(0deg) skew(50deg);
  z-index:100;
}

.menu > li:nth-of-type(1) a font{
	display: block;
    left: -15px;
    position: relative;
    top: 25px;
    transform: rotate(72deg);
}

.menu > li:nth-of-type(1) > a:hover, .menu > li:nth-of-type(7) > a:hover{ background:#FFFF01; color:#000; }
.menu > li:nth-of-type(2) > a:hover, .menu > li:nth-of-type(8) > a:hover{  background:#047003; color:#FFF; }
.menu > li:nth-of-type(3) > a:hover, .menu > li:nth-of-type(9) > a:hover{ background:#2120C4; color:#FFF;}
.menu > li:nth-of-type(4) > a:hover, .menu > li:nth-of-type(10) > a:hover{ background:#9900CD; color:#FFF; }
.menu > li:nth-of-type(5) > a:hover, .menu > li:nth-of-type(11) > a:hover{background:#6B3B0A; color:#FFF; }
.menu > li:nth-of-type(6) > a:hover, .menu > li:nth-of-type(12) > a:hover{  background:#000000; color:#FFFFFF; }


.menu > li:nth-of-type(2){
  -moz-transform: rotate(30deg) skew(50deg);
  -ms-transform: rotate(30deg) skew(50deg);
  -webkit-transform: rotate(30deg) skew(50deg);
  transform: rotate(30deg) skew(50deg);
  z-index:101;
}
.menu > li:nth-of-type(2) > a{
  background-color: #000;
  color:#FFF;
}

.menu > li:nth-of-type(2) a font{
	display: block;
    left: -9px;
    position: relative;
    top: 25px;
    transform: rotate(33deg);
}

.menu > li:nth-of-type(3){
  -moz-transform: rotate(60deg) skew(50deg);
  -ms-transform: rotate(60deg) skew(50deg);
  -webkit-transform: rotate(60deg) skew(50deg);
  transform: rotate(60deg) skew(50deg);
  z-index:103;
}

.menu > li:nth-of-type(3) a font{
	display: block;
    left: -9px;
    position: relative;
    top: 25px;
}

.menu > li:nth-of-type(4){
  -moz-transform: rotate(90deg) skew(50deg);
  -ms-transform: rotate(90deg) skew(50deg);
  -webkit-transform: rotate(90deg) skew(50deg);
  transform: rotate(90deg) skew(50deg);
  z-index:104;
}
.menu > li:nth-of-type(4) > a{
  background-color: #000; color:#FFF;
}

.menu > li:nth-of-type(4) a font{
	display: block;
    left: -12px;
    position: relative;
    top: 20px;
	transform: rotate(-21deg);
}

.menu > li:nth-of-type(5){
  -moz-transform: rotate(120deg) skew(50deg);
  -ms-transform: rotate(120deg) skew(50deg);
  -webkit-transform: rotate(120deg) skew(50deg);
  transform: rotate(120deg) skew(50deg);
  z-index:105;
}

.menu > li:nth-of-type(5) a font{
	display: block;
    left: -12px;
    position: relative;
    top: 20px;
	transform: rotate(-50deg);
}

.menu > li:nth-of-type(6){
  -moz-transform: rotate(150deg) skew(50deg);
  -ms-transform: rotate(150deg) skew(50deg);
  -webkit-transform: rotate(150deg) skew(50deg);
  transform: rotate(150deg) skew(50deg);
  z-index:106;
}
.menu > li:nth-of-type(6) > a{
  background-color: #000; color:#FFF;
}

.menu > li:nth-of-type(6) a font{
	display: block;
    left: -12px;
    position: relative;
    top: 20px;
	transform: rotate(-80deg);
}

.menu > li:nth-of-type(7){
  -moz-transform: rotate(180deg) skew(50deg);
  -ms-transform: rotate(180deg) skew(50deg);
  -webkit-transform: rotate(180deg) skew(50deg);
  transform: rotate(180deg) skew(50deg);
  z-index:107;
}

.menu > li:nth-of-type(7) a font{
	display: block;
    left: -12px;
    position: relative;
    top: 30px;
	transform: rotate(-110deg);
}

.menu > li:nth-of-type(8){
  -moz-transform: rotate(210deg) skew(50deg);
  -ms-transform: rotate(210deg) skew(50deg);
  -webkit-transform: rotate(210deg) skew(50deg);
  transform: rotate(210deg) skew(50deg);
  z-index:108;
}
.menu > li:nth-of-type(8) > a{
  background-color: #000; color:#FFF;
}

.menu > li:nth-of-type(8) a font{
	display: block;
    left: -15px;
    position: relative;
    top: 30px;
	transform: rotate(-140deg);
}

.menu > li:nth-of-type(9){
  -moz-transform: rotate(240deg) skew(50deg);
  -ms-transform: rotate(240deg) skew(50deg);
  -webkit-transform: rotate(240deg) skew(50deg);
  transform: rotate(240deg) skew(50deg);
  z-index:109;
}

.menu > li:nth-of-type(9) a font{
	display: block;
    left: -18px;
    position: relative;
    top: 16px;
    transform: rotate(-171deg);
}

.menu > li:nth-of-type(10){
  -moz-transform: rotate(270deg) skew(50deg);
  -ms-transform: rotate(270deg) skew(50deg);
  -webkit-transform: rotate(270deg) skew(50deg);
  transform: rotate(270deg) skew(50deg);
  z-index:110;
}
.menu > li:nth-of-type(10) > a{
  background-color: #000; color:#FFF;
}

.menu > li:nth-of-type(10) a font{
	display: block;
    left: -1px;
    position: relative;
    top: 21px;
    transform: rotate(-199deg);
}

.menu > li:nth-of-type(11){
  -moz-transform: rotate(300deg) skew(50deg);
  -ms-transform: rotate(300deg) skew(50deg);
  -webkit-transform: rotate(300deg) skew(50deg);
  transform: rotate(300deg) skew(50deg);
}

.menu > li:nth-of-type(11) a font{
	display: block;
    left: -1px;
    position: relative;
    top: 19px;
    transform: rotate(90deg);
}

.menu > li:nth-of-type(12){
  -moz-transform: rotate(330deg) skew(50deg);
  -ms-transform: rotate(330deg) skew(50deg);
  -webkit-transform: rotate(330deg) skew(50deg);
  transform: rotate(330deg) skew(50deg);
}
.menu > li:nth-of-type(12) > a{
  background-color: #000; color:#FFF;
}

.menu > li:nth-of-type(12) a font{
	display: block;
    left: -14px;
    position: relative;
    top: 28px;
    transform: rotate(99deg);
}

.menu > li, .submenu > li {
  position: absolute;
  bottom: 50%;
  right: 50%;
  font-size: 1.5em;
  width: 10em;
  height: 10em;
  -webkit-transform-origin: 100% 100%;
  -moz-transform-origin: 100% 100%;
  -ms-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
  overflow: hidden;
  margin-top: -1.3em;
  margin-left: -10em;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  transition: all 0.3s ease;
}
.menu > li a, .submenu > li a {
  position: absolute;
  bottom: -7.25em;
  right: -7.25em;
  display: block;
  height: 14.5em;
  width: 14.5em;
  border-radius: 50%;
  text-decoration: none;
  color: #000;
  padding-top: 0em;
  text-align: center;
  font-size: 1.18em;
  -webkit-transform: skew(-50deg) rotate(-70deg) scale(1);
  -ms-transform: skew(-50deg) rotate(-70deg) scale(1);
  -moz-transform: skew(-50deg) rotate(-70deg) scale(1);
  transform: skew(-50deg) rotate(-70deg) scale(1);
  -webkit-backface-visibility: hidden;
  -webkit-transition: opacity 0.3s, color 0.3s;
  -moz-transition: opacity 0.3s, color 0.3s;
  transition: opacity 0.3s, color 0.3s;
  background-color: #FFF;
}
.menu > li a i, .submenu > li a i {
  padding: 20px 15px 0 0;
}
.menu > li a:active, .menu > li a:hover, .submenu > li a:active, .submenu > li a:hover {
  background-color: #8bc4ea;
}

.radialnav .menu li a font{
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	line-height:135%;
}

.big_logo {
    left: 46px;
    position: absolute;
    top: 38px;
    z-index: 20;
}

.home_title{
	width:100%;
	text-align:center;
	font-size:30px;
	color:#ed1c24;
	text-transform:uppercase;
	z-index:100;margin-top: 3%;
}
/*******************************************************************************************************************************/


img {
	border:0;
}

a{
	text-decoration:none;
}

li{
	list-style:none;
}

.clear{
	clear:both;
}

p, h1, ul{
	padding:0;
	margin:0;
}

.row{
	float:left;
	width:98%;
	padding:0 1%;
}

.header_wrapper{
	width:100%;
	background:#FFF;
	min-height:120px;
}

.in_holder{
	width:1000px;
	margin:auto;
}

.top_soc{
	float:right;
	margin-top:20px;
}

.top_soc img{
	float:left;
	margin-right:8px;
	width:29px;
	height:29px;
	border-radius:50%;
	transition:all ease 0.2s;
}

.logo {
    height: 85px;
    margin: 20px 0;
    /*width: 250px;*/
}

.menu_wrapper{
	background:#000;
}

.menu_holder{
	width:100%;
	margin:0;
	padding:0;
}

.menu_holder li{
	float:left;
}

.menu_holder li a{
	display:block;
	padding:10px 12px;
	color:#FFF;
	font-size:14px;
}

.menu_holder li a:hover{
	background:#FFF;
	color:#000;
}

.title01{
	display:block;
	color:#000;font-family:cambria;
	margin:10px 0;
	font-size:26px; background-color:#cccccc;
}

.title02{
	display:block;
	color:#FFF;
	margin:10px 0;
	font-size:20px;
}

.title03{
	display:block;
	color:#FFF;
	margin:10px 0;
	font-size:16px;
}

.pg1{
	width:100%;
	font-size:14px;
	color:#FFF;
	line-height:150%;
	margin-bottom:15px;
}

.pg1 i{
	display:block;
	text-align:center;
	font-size:16px;
}

.pg2{
	width:100%;
	font-size:16px;
	color:#000;
	line-height:150%;
	margin-bottom:15px;
}
#form_container {
    background: #fff;
    margin: 0 auto;
    text-align: left;
    width: 93%; padding: 0 0 8px;
}
.pg3{
	width:100%;
	font-size:18px;
	color:#FFF;
	line-height:150%;
	margin-bottom:15px;
}

.body_wrapper{
    /*background: rgba(0, 0, 0, 0) url("../image/base-2.png") no-repeat scroll left bottom / 26% auto;*/
	background: rgba(0, 0, 0, 0) url("../image/bg.jpg") repeat-y scroll center top;
    padding-bottom: 120px;
    width: 100%;
	padding-top:20px;
}


.fot_wrapper{
	background:#172439;
	width:100%;
	min-height:250px;
}

.fot_logo{
	width:250px;
	height:90px;
	margin-bottom:20px;
}

.fot_block{
	width:303px;
	padding:20px 15px;
	float:left;
}

.fot_menu{
	padding:0;
	margin:0;
}

.fot_menu li{
	float:left;
	width:46%;
	padding-left:4%;
	line-height:150%;
	color:#FFF;
	position:relative;
}

.fot_menu li:before{
	content:">";
	color:#FFF;
	font-size:12px;
	position:absolute;
	left:0;
	top:0;
}

.fot_menu li a{
	color:#FFF;
	font-size:14px;
}

.copy_wrapper{
	width:100%;
	background:#2d466e;
}

.copy{
	font-size:12px;
	color:#FFF;
	padding:5px 0;
	text-align:left;
	float:left;
}

.dev{
	font-size:12px;
	color:#FFF;
	padding:5px 0;
	text-align:right;
	float:right;
}

.head_right{
	float:right;
	width:39%;
}

.min_menu{
	float:right;
	width:100%;
	margin-top:30px;
}

.min_menu_holder{
	float:right;
}

.min_menu_holder li{
	float:left;
}

.min_menu_holder li a{
	font-size:14px;
	color:#2d466e;
	padding:5px 7px;
}

.txt_centre{
	text-align:center;
}

.sepreter{
	width:90%;
	display:block;
	height:1px;
	margin:40px auto;
	border-top:1px dotted #CDCDCD;
}

.order_list{
	width:100%;
	margin:20px 0;
}

.order_list li{
	color:#FFF;
	list-style:decimal;
	font-size:14px;
	line-height:150%;
}

.ui-accordion .ui-accordion-icons{
	padding-left:1em;
	font-size:18px;
	font-family:Arial, Helvetica, sans-serif;
	background:#172439;
	color:#FFF;
	border:0;
}

.ui-accordion .ui-accordion-content{
	padding:20px;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	height:auto !important;
	transition:all ease 0.1s;
}

.txt_blk{
	color:#333;
}

.white_table{
	width:64%;
	margin:auto;
	display:block;
	border-left:1px solid #CDCDCD;
	border-top:1px solid #CDCDCD;
}

.white_table td{
	border-right:1px solid #CDCDCD;
	border-bottom:1px solid #CDCDCD;
	padding:5px;
}

.list_1 li{
	list-style:outside;
	margin-left:20px;
	font-size:14px;
	line-height:180%;
}
.dev a{
color:#FFF;
}
.cloud{
	width:100%;
	background-image:url(../image/cloud_bg.png);
	background-repeat:repeat-x;
	background-position:right;
	height:800px;
	z-index:1;
	position:absolute;
	top:0;
	left:0;
}
.content_wrapper{background: #fff;
    padding: 8px;
    padding-left: 22px;
    border-radius: 2px;}
.yellow{ color:#FFCC00 !important;}
.green{ color:#009900 !important;}
.blue{ color:#0099FF !important;}
.purple{ color:#CC00FF !important;}
.brown{ color:#993300 !important;}
.black_stripe{ color:#666666 !important;}
.dan_black1{color:#666666 !important;}
.dan_black2{color:#666666 !important;}