@charset "utf-8";
.mobil_navigation{
  display: none;
  visibility: hidden;
}
#ScrollTop{
	position: fixed;
	right: 15px;
	bottom: 30px;
	cursor: pointer;
	display: none;
	z-index:100005;
	opacity:1!important;
	border-radius:150px;
	-moz-border-radius:150px;
	-webkit-border-radius:150px;
	-ms-border-radius:150px;
	-o-border-radius:150px;
}

.bounceIn {
	-webkit-animation-name: bounceIn;
	animation-name: bounceIn;
	-webkit-animation-duration: .75s;
	animation-duration: .75s;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
  }
  @-webkit-keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, 100% {
	-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
	transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }
  0% {
	opacity: 0;
	-webkit-transform: scale3d(.3, .3, .3);
	transform: scale3d(.3, .3, .3);
  }
  20% {
	-webkit-transform: scale3d(1.1, 1.1, 1.1);
	transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
	-webkit-transform: scale3d(.9, .9, .9);
	transform: scale3d(.9, .9, .9);
  }
  60% {
	opacity: 1;
	-webkit-transform: scale3d(1.03, 1.03, 1.03);
	transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
	-webkit-transform: scale3d(.97, .97, .97);
	transform: scale3d(.97, .97, .97);
  }
  100% {
	opacity: 1;
	-webkit-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1);
  }
  }
  @keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, 100% {
	-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
	transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }
  0% {
	opacity: 0;
	-webkit-transform: scale3d(.3, .3, .3);
	transform: scale3d(.3, .3, .3);
  }
  20% {
	-webkit-transform: scale3d(1.1, 1.1, 1.1);
	transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
	-webkit-transform: scale3d(.9, .9, .9);
	transform: scale3d(.9, .9, .9);
  }
  60% {
	opacity: 1;
	-webkit-transform: scale3d(1.03, 1.03, 1.03);
	transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
	-webkit-transform: scale3d(.97, .97, .97);
	transform: scale3d(.97, .97, .97);
  }
  100% {
	opacity: 1;
	-webkit-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1);
  }
  } 
  /***********/
.alert_box {
  -webkit-animation-name: alert_box;
  animation-name: alert_box;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  }
  @-webkit-keyframes alert_box {
  0% {
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
  visibility: visible;
  }
  100% {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  }
  }
  @keyframes alert_box {
  0% {
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
  visibility: visible;
  }
  100% {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  }
  } 
/******header**********/
.alert_box {
  width:100%;
  height:70px;
  line-height: 70px;
  background-color:#f1f1f1;
  margin-bottom: 20px;
}
.top_header{
   width:100%;
   margin:auto;
   height:130px;
   z-index: 1;
   position:absolute;
}
.opac_bg{
  width:100%;
  height:100%;
  background-color: #fff;
  opacity:0.75;
  position:absolute;
  top:0;
     border-bottom:solid 1px #ddd;
}
.top_border{
  width:100%;
  height:40px;
  background-color: #17c0c3;
  z-index: 1;
  position: relative;
}
.top-bg{
  width:100%;
  height:130px;
}
.border_content{
  width:90%;
  margin:auto;
  height:40px;
}
.social_box{
  width:33.3333%;
  height:40px;
  line-height: 40px;
}
.social_a{
  display:inline-block;
  padding:0 10px 0 10px;
}
.social_a:hover .fa_scl{
  color: #2d898b;
  transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
}
.top_nav{
width:100%;
height:90px;
position: relative;
}
.nav{
  width:100%;
  height:90px;
  z-index: 1;
  position: relative;
}
.nav_content{
  width:90%;
  margin:auto;
  height:90px;
}
.top_parallax{
	width:100%;
	height:auto;
	padding: 0;
}
.logo_box{
  width:15%;
  line-height: 90px;
}
.main{
  width:70%;
  height:90px;
  line-height: 90px;
  margin:auto;
  z-index: 2;
  position: relative;
}
.main_content{
  width:85%;
  margin:auto;
}
.main ul li{
  float:left;
}
.main ul{
  list-style-type: none;
}
.main_a{
  font-family: 'Montserrat', sans-serif;
  padding:0 10px 0 10px;
  display: block;
  color:#181818;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
}
.main_a:hover{
  background-color: #17c0c3;
  color:#FFF;
  transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
}
.main_content li:hover .main_a{
  background-color: #17c0c3;
  color:#FFF;
  transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
}
.sub-md{
  width:45%;
}
.sub-sm{
  width:25%;
}
.sub-lg{
    width:65%;
}
.sub_menu{
  position: absolute;
  background-color: #17c0c3;
  z-index: 3000;
  transition:all .1s ease-in;
  -webkit-transition:all .1s ease-in;
  -o-transition:all .1s ease-in;
  -moz-transition:all .1s ease-in;
  opacity:0;
  visibility: hidden;
  text-align: left;
  line-height: initial;
  -webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.38);
  -moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.38);
  box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.38);
}
.main_content li .sub_menu{
  list-style:none;
  max-height:0px;
  overflow:hidden;
}
.main_content li:hover .sub_menu{
  opacity:1;
  visibility: visible;
  max-height:340px;
  transition:all .1s ease-in;
  -webkit-transition:all .1s ease-in;
  -o-transition:all .1s ease-in;
  -moz-transition:all .1s ease-in;
}
.sub_menu_wrap{
  width:95%;
  margin:auto;
  padding:10px 0 10px 0;
}
.sub_a{
  display: block;
  color:#FFF;
  padding:12px 0 12px 5px!important;
  font-family: 'Montserrat', sans-serif;
  font-weight:600!important;
  font-size:13px;
  line-height:20px!important;
   transition:all .1s ease-in;
  -webkit-transition:all .1s ease-in;
  -o-transition:all .1s ease-in;
  -moz-transition:all .1s ease-in;
  font-weight: 400;
}
.sub_a:hover{
  color:#17c0c3!important;
  background-color: #fff!important;
  transition:all .1s ease-in;
  -webkit-transition:all .1s ease-in;
  -o-transition:all .1s ease-in;
  -moz-transition:all .1s ease-in;
}
.nav_search{
  width:15%;
  height:90px;
}
.nav_search_content{
  width:100%;
  margin:auto;
  padding-top:30px;
}
.src_ini{
  width: 100%;
  border-bottom:none;
  border-left:none;
  border-right:none;
  border-top:none;
  background:none;
}
.src_btn{
  background: none;
  border:none;
}
.search_wrap{
  width:100%;
  height:20px;
  position: relative;
  border-bottom:1px solid #333;
  padding:0 0 7px 0;
}
.src_box{
  width:90%;
}
.btn_box{
  width:10%;
}
/**page**/
.page_content{
  width:100%;
  margin:auto;
  padding:0;
  height:auto;
  border-bottom: #dcddde solid 1px;
}
.section_content{
  width:86%;
  margin:auto;
  height:auto;
  margin-top:-50px;
}
.page_first_box{
  width:25%;
  height:auto;
  position:relative;
}
.box_content{
  width:85%;
  margin:auto;
  position:relative;
}
.box_icon{
  width:100%;
  text-align: center;
  padding:10px 0 10px 0;
  position:relative;
  margin-top:-43px;
}
.box_title{
  width:100%;
  height:40px;
}
.box_desc{
  height:100px;
  width:100%;
  padding:15px 0 0px 0;
}
.right_desc{
  width:100%;
  padding:10px 0 10px 0;
}
.right_button{
  width:100%;
  padding:10px 0 10px 0;
}
.right_image{
  width:100%;
  height:200px;
  overflow:hidden;
  padding:10px 0 10px 0;
}
.bx_ic{
  width:60px;
  height:60px;  
  border:solid 4px transparent;
  margin:auto;
  border-radius: 150px;
  text-align: center;
  line-height: 60px;
   transition:all .2s ease-in-out;
   -webkit-transition:all .2s ease-in-out;
   -o-transition:all .2s ease-in-out;
   -moz-transition:all .2s ease-in-out;
}
.page_first_box:hover .bx_ic{
    border:solid 4px #FFF;
   transition:all .2s ease-in-out;
   -webkit-transition:all .2s ease-in-out;
   -o-transition:all .2s ease-in-out;
   -moz-transition:all .2s ease-in-out;
}
.box_button{
  width:100%;
  height:50px;
  padding:10px 0 10px 0;
}
.page_center_content{
  margin-top:50px;
  width:100%;
  padding:100px 0 50px 0;
}
.center_left{
  width:40%;
  height:auto;
}
.center_right{
  width:60%;
  height:auto;
}
.center_left_content{
  width:90%;
  height:auto;
}
.center_right_content{
  width:95%;
  height:auto;
}
.left_title,.right_title{
  width:100%;
  padding:0 0 15px 0;
}
.left_desc{
  width:100%;
  padding:0 0 40px 0;
}
.left_row_a{
  font-family: 'Montserrat', sans-serif;
  display:block;
  padding:20px 0 20px 0;
  text-align: center;
  font-weight: 600;
  color:#2d2e2e;
  font-size: 16px;
  background-color:#f1f1f1;
  border-bottom:solid 1px #e2e0e0;
  transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  -webkit-transition: all .2s ease-in-out;
}
.left_row_a:hover{
  background-color: #17c0c3;
  transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  -webkit-transition: all .2s ease-in-out;
  color:#FFF;
}
.left_active{
  background-color: #17c0c3;
  transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  -webkit-transition: all .2s ease-in-out;
  color:#FFF;
}
/*****contact*****/
.member_account_wrapper,.contact_account_wrapper{
  width:100%;
  position:relative;
  padding:40px 0 40px 0;
}
.contact_page_wrapper{
  width:80%;
  margin:auto;
}
.contant_wrapper{
  width:100%;
  padding:20px 0 20px 0;
}
.contat_first_box{
  width:25%;
  float:left;
}
.box_cnt_title{
  width:50%;
  padding:0  0 7px 0;
  border-bottom:solid 1px #000;
}
.box_cnt_desc{
  width:80%;
  padding:10px 0 10px 0;
}
.cnt_bx{
  width:33.3333%;
  float:left;
}
.cnt_full{
  width:100%;
  padding:20px 0 20px 0;
}
.usr_ini{
  height:50px;
  border:none;
  border-bottom:1px solid #ddd;
  width:95%;
  color:#515151;
  font-family: 'Prompt', sans-serif;
    font-size:14px;
  transition :all .2s ease-in-out;
  -webkit-transition :all .2s ease-in-out;
  -moz-transition :all .2s ease-in-out;
  -o-transition :all .2s ease-in-out;
}
.usr_ini:focus,.usr_txt:focus{
  border-bottom:1px solid #17c0c3;
  transition :all .2s ease-in-out;
  -webkit-transition :all .2s ease-in-out;
  -moz-transition :all .2s ease-in-out;
  -o-transition :all .2s ease-in-out;
}
.usr_txt{
  width:98%!important;
  border:none!important;
  border-bottom:1px solid #ddd!important;
  padding:10px 0 0 0;
  color:#515151;
  font-family: 'Prompt', sans-serif;
    font-size:14px;
  transition :all .2s ease-in-out;
  -webkit-transition :all .2s ease-in-out;
  -moz-transition :all .2s ease-in-out;
  -o-transition :all .2s ease-in-out;
}
.cnt_button{
  width:50%;
  margin:auto;
  text-align:center;
}
.account_title{
  width:100%;
  padding:0 0 15px 0;
}
/*****about****/
.about_left,.about_right{
  width:50%;
  height:auto;
  padding:20px 0 20px 0;
}
.abt_box_wrap{
  width:92%;
}
/******blog********/
.blog_account_wrapper{
  width:100%;
  padding:75px 0 75px 0;
  height:auto;
}
.blog_page_wrapper{
  width:90%;
  margin:auto;
  height:auto;
}
.blog_left_list{
  width:75%;
  height:auto;
}
.blog_right_list{
  width:25%;
  height:auto;
}
.blog_left_wrapper{
  width:95%;
  margin:auto;
  height:auto;
}
.blog_row{
  width:100%;
  padding:0 0 80px 0;
}
.blog_list_img{
  width:100%;
  height:auto;
  overflow: hidden;
}
.blog_info{
  width:100%;
  padding:20px 0 20px 0;
}
.blog_date{
  width:15%;
}
.blog_category{
  width:85%;
}
.blog_list_title{
  width:100%;
  height:auto;
  padding:5px 0 10px 0;
}
.blog_list_content,.blog_list_button{
  width:100%;
  height:auto;
  padding:5px 0 10px 0;
}
.blog_right_wrapper{
  width:95%;
  margin:0 auto 50px auto;
}
.right_title{
  width:95%;
  margin:auto;
  height:auto;
}
.right_t_left{
  width:55%;
  height:30px;
  line-height: 30px;
  border-bottom:solid 1px #17c0c3;
}
.right_row_wrapper{
  width:95%;
  margin:0 auto 0 auto;
}
.right_row{
  width:100%;
  margin:0 auto 20px auto;
}
.row_img{
  width:40%;
}
.row_img_wrap{
  width:80%;
  height:50px;
  overflow: hidden;
}
.row_title{
  width:60%;
  height:auto;
  line-height: 20px;
}
.row_title_wrap{
  width:95%;
}
.row_right_title{
  width:100%;
  margin:auto;
  padding:0 0 10px 0;
}
.side_link_wrap{
  width:100%;
}
.side_a{
   font-family: 'Montserrat', sans-serif;
   color: #333;
   font-size:13px;
   font-weight:500;
   display: block;
   padding:5px 0 5px 0;
   transition:all .2s ease-in-out;
   -webkit-transition:all .2s ease-in-out;
   -o-transition:all .2s ease-in-out;
   -moz-transition:all .2s ease-in-out;  
}
.side_a:hover{
   color: #17c0c3;
   padding:5px 0 5px 10px;
   transition:all .2s ease-in-out;
   -webkit-transition:all .2s ease-in-out;
   -o-transition:all .2s ease-in-out;
   -moz-transition:all .2s ease-in-out;  
}
.side_a:hover .side_fa{
   color: #17c0c3;
   transition:all .2s ease-in-out;
   -webkit-transition:all .2s ease-in-out;
   -o-transition:all .2s ease-in-out;
   -moz-transition:all .2s ease-in-out;  
}
/****pagefooter*******/
.foot_box_content li{
  list-style-type: none;
  float: none;
}
.footer_a{
   font-family: 'Montserrat', sans-serif;
   color: #FFF;
   font-size:12px;
   font-weight:500;
   display: inline-block;
   padding:8px 0 8px 0!important;
   transition:all .2s ease-in-out;
   -webkit-transition:all .2s ease-in-out;
   -o-transition:all .2s ease-in-out;
   -moz-transition:all .2s ease-in-out;
}
.footer_a2{
   font-family: 'Montserrat', sans-serif;
   color: #FFF;
   font-size:12px;
   font-weight:500;
   padding:5px 0 5px 0;
   transition:all .2s ease-in-out;
   -webkit-transition:all .2s ease-in-out;
   -o-transition:all .2s ease-in-out;
   -moz-transition:all .2s ease-in-out;
}
.footer_a:hover{
   font-family: 'Montserrat', sans-serif;
   color: #17c0c3;
   transition:all .2s ease-in-out;
   -webkit-transition:all .2s ease-in-out;
   -o-transition:all .2s ease-in-out;
   -moz-transition:all .2s ease-in-out;
}
.pagefooter{
  width:100%;
  height:auto;
  background-color:#3b3c3c;
}
.footer_wrapper{
  width:87%;
  margin:auto;
  color:#FFF;
  padding:50px 0 50px 0;
}
.footer_box{
  width:25%;
}
.foot_box_title{
  width:100%;
}
.box_title_border{
  width:20%;
  border-bottom:solid 1px #17c0c3;
  padding:5px 0 5px 0;
}
.foot_box_content{
  width:100%;
  padding:20px 0 20px 0;
  text-align: left;
}