@charset "utf-8";


html,body { background:#f9f9fb; overflow-x:hidden; }

footer { text-align:center; background:#002a4c; color:#fff; padding:15px 0; }
footer * { color:#fff; }

header {border-bottom:solid 1px #ddd; margin-bottom:1px; }

nav { margin:40px 1% 0 0; }
nav .top-a { font-size:18px; display:block; padding:0 20px; line-height:30px; color:#777; transition:.25s ease-in-out; }
nav .top-a:after { content: ''; width: 0; height: 2px; float: left; background: #216093; margin-top: 3px; transition:.25s ease-in-out; }
nav .top-a:hover:after,nav .top-a.active:after { width:100%; }
nav .top-a:hover,nav .top-a.active { color:#000; text-decoration:none; }

#backTop {  display: inline-block;
  height: 60px;
  width: 60px;
  position: fixed;
  bottom: 30px;
  right: 30px;
  z-index: 9999999;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  /* image replacement properties */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: rgba(33,33,33, 0.7) url(../images/cd-top-arrow.svg) no-repeat center 50%;
  opacity: 0;
  cursor:pointer;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s;}
#backTop img { max-width:50px; }
#backTop:hover { opacity:.8; }
#backTop.active { opacity:1; }

.uk-dotnav { padding-bottom:5% !important; }

.index-part1 .left-box { }
.index-part1 a { display:block; }
.index-part1 a:hover { text-decoration:none; color:#fff; }
.index-part1 .uk-grid { margin-top:0; }
.title1 { font-size:36px; color:#fff; text-align:center; font-weight: 800;}
.info1 { line-height:25px; font-size:18px; color:#fff; }
.index-part1 .text-box { box-sizing:border-box; padding:20% 15%; }
.index-part1 .text-box-p { position:relative; z-index:99; }
.index-part1 .text-box-p:after { content:''; position:absolute; top:50%; width:0; height:0; border: 70px solid transparent; margin-top:-70px; }

.mystyle1 .text-box {  background:#68b57e;  }
.mystyle1 .text-box-p:after { border-left: 70px solid #68b57e; right:0; margin-right:-140px; }

.mystyle2 .text-box-p {  background:#b46a6a;  }
.mystyle2 .text-box-p:after { border-right: 70px solid #b46a6a; left:0; margin-left:-140px; }

.mystyle3 .text-box-p {  background:#5980a8;  }
.mystyle3 .text-box-p:after { border-left: 70px solid #5980a8; right:0; margin-right:-140px; }



.mystyle5 .text-box-p {  background:#b38b68;  }
.mystyle5 .text-box-p:after { border-right: 70px solid #b38b68; left:0; margin-left:-140px; }

.mystyle6 .text-box-p {  background:#5ba5a8;  }
.mystyle6 .text-box-p:after { border-left: 70px solid #5ba5a8; right:0; margin-right:-140px; }

.mystyle4 .text-box-p {  background:#8b70b4;  }
.mystyle4 .text-box-p:after { border-right: 70px solid #8b70b4; left:0; margin-left:-140px; }
.img_li { /*min-height:860px; background-size:contain;*/ }
.text-box-p{
	font-weight: 800;
}
#cd-lateral-nav { z-index:99 !important; }

@media only screen and (min-width: 768px) {
  #backTop {
    right: 20px;
    bottom: 20px;
  }
}
@media only screen and (min-width: 1024px) {
  #backTop {
    height: 60px;
    width: 60px;
    right: 30px;
    bottom: 30px;
  }
}

@media screen and (max-width: 768px) {
	#backTop { right:15px; bottom:15px; }
	#backTop img { max-width:40px; }
	
}
@media screen and (max-width: 1220px) {
	#logo img{
		width: 400px!important;
		height: auto!important;
	}
	nav .top-a{
		padding: 0 5px!important;
	}
}


@media screen and (min-width: 1220px) {
	#logo img{
		width: auto!important;
		max-height: 90px!important;
	}
	nav .top-a{
		padding: 0 15px!important;
	}
}



@media screen and (max-width: 992px) {
	.img_li { min-height:inherit; }
	nav{
		display: none;
	}
	#logo,.bigsize{
		display: none;
	}
	.moblogo{
		max-height: 60px;
		width: auto;
		margin: 25px 10px;
		max-width: 80%;
	}
	.hidden-md,.smallsize{
		display: block;
	}
	
}
@media screen and (min-width: 992px) {
	
	.hidden-md,.smallsize{
		display: none;
	}
	.bigsize{
		display: block;
	}

}