.home-banner {
	width:100%;
    
	position:relative;
	overflow:hidden
} 
 
 
.home-banner .slide img{ width:100%;  display:block}
.home-banner .slide .slide-item{ position: absolute; left: 44%; top: 0; height:38vw; text-align: left} 
.home-banner .slide .slide-item .content{
	min-width: 550px;
	position: absolute;
    height: 260px;
    top: 0;
    bottom: 0; 
    margin: auto;
}
.home-banner .slide .slide-item .content .title{ padding:10px 0 0 12px; font-size:35px; line-height:40px; text-transform:uppercase;  color:#fff}
 
.home-banner .slide .slide-item{ position: absolute; left: 45%; top: 0; height:38vw; text-align: left}
.home-banner .slide .slide-item .more-btn a {
    display: inline-block;
    color: #0c61d5;
    font-size: 15px; 
    padding: 11px 33px 10px;
    background-color: #fff;
    border: none;
    outline: none;
    border-radius: 60px;
    -webkit-border-radius: 60px;
    -moz-border-radius: 60px;
    font-weight: 400;
    box-shadow: 5px 5px 20px rgba(51,125,227,0.20);
	margin: 15px 0 0 15px;
	text-align: center;
	text-transform: uppercase;
}
.home-banner .slide .slide-item .more-btn a:hover{background-color: #0c61d5; color: #fff}

.home-banner .slide .slide-item .more-btn a strong{font-family: 'maven_probold'; font-size: 17px;} 
 
 		  
.text-left{ text-align:left}
 
.home-main{ padding: 0 0 0 0; overflow:hidden}
.home-main h2{ margin: 0 0 60px 0;  font-size:42px; line-height: 42px;  font-family: 'maven_probold'; font-weight: 200; letter-spacing:-1px; color: #2573de; text-transform:uppercase }

.home-main h4{padding: 65px 60px 25px 60px; text-align:center; font-size:24px; line-height:36px;  font-weight:100;}
.home-main h5{ padding: 0 0 70px 0;  text-align:center; font-size:26px;   }

.home-main h2 a:hover{ color: #1f97ec}
 
 
.home-about{background: #fff}
.home-about .wrap{ 
    position: relative; 
	text-align:left;    
	padding: 90px 0px 110px; 
}
.home-about .img{display: inline-block; width: 50%; margin: 0 1% 0 0}
.home-about .img img{width: 100%}
.home-about .content{display: inline-block; width: 48%; vertical-align: top; padding: 0 25px}
 
.home-news {padding: 30px 60px 60px}
.home-news h3{margin: 0 0 60px; text-align: center}

.home-seminars {padding: 80px 60px; background: #b9ddd1; background-image: url("../images/seminars-bg.jpg"); background-position: center; background-size: cover}
.home-seminars h3{margin: 0 0 65px; text-align: center}
.home-seminars .ButtonBox{margin: 20px auto 0; display: table; background:#e4f0f0}
.home-news .ButtonBox{margin: 20px auto 0; display: table;}

.home-banner .seminars{margin: -120px 0 0 0; padding: 0 10px; text-align: center}
.home-banner .ButtonBox{zoom:1.1; border: 0px solid #089a61;}

.home-publications {padding: 80px 60px;}
.home-publications h3{margin: 0 0 65px; text-align: center}
.home-publications .ButtonBox{margin: 20px auto 0; display: table;}
.home-publications .cover-item .img{height: 24vw; max-height: 460px}

.home-main .more-btn{ position: absolute; right: 20px; top: -20px; margin: 20px 0 0 0;}
.home-main .more-btn a{
	display:inline-block;
    color: #2573de;
    font-size: 15px;
    padding: 9px 40px 9px 25px;  
    border: 1px solid #2573de;
    outline: none;
    border-radius: 60px;
    -webkit-border-radius: 60px;
    -moz-border-radius: 60px;
	font-weight:400; 
	text-transform:uppercase;
	background-image: url(../images/arrow-right-blue.svg);
    background-size: 17px;
    background-repeat: no-repeat;
    background-position: 82% center;

  }
.home-main .more-btn a:hover {
	color: #fff;
	background: #2573de; 
	background-image: url(../images/arrow-right-2.svg);
    background-size: 17px;
    background-repeat: no-repeat;
    background-position: 82% center;
}
.home-main .more-btn a:active {
	color:rgba(255, 255, 255, .5); 
	background: #378bfe; 
}   

.home-conferences{ padding: 80px 0 50px 0;  background-color: #f4f6f8}
.home-conferences .title{ margin: 8px 0 6px 24px; height:33px; line-height:30px;  font-size:36px; float:left; font-family: 'maven_probold';   color:#000; }
.home-conferences .date{ margin:  2px 20px -3px 24px; font-size:14px; color: #333333;  float:right;}

.home-views{ padding: 80px 0 40px 0; background-color: #fff }
.home-views .subtitle{ display: inline-block; margin: 0 0 0 20px; text-transform: none; font-family: "maven_regular"; font-size: 15px; line-height: 18px; letter-spacing: 0px; color: #666 }

 
.page-conferences .title{ margin: 8px 0 6px 24px; height:33px; line-height:30px;  font-size:36px; float:left; font-family: 'maven_probold';   color:#000; }
.page-conferences .date{ margin:  2px 20px -3px 24px; font-size:14px; color: #333333;  float:right;}

.home-views .cover-item .img, .page-views .cover-item .img{ padding: 12px; margin: 0 0 20px 0; height:350px; box-shadow: 0px 5px 20px rgba(0,0,0,0.0);}
.home-views .cover-item .img img, .page-views .cover-item .img img{transition:all 0.0s ease-out;-moz-transition: all 0.0s ease-out; }
.home-views .cover-item:hover .img img, .page-views .cover-item:hover .img img{-webkit-transform: scale(1.0); transform: scale(1.0); opacity:1; }
.home-views .cover-item a, .page-views .cover-item a{ 
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.home-views .cover-item a{box-shadow: 4px 4px 50px rgba(0,0,0,0.05);}
.home-views .cover-item a:hover{box-shadow: 10px 10px 40px rgba(0,0,0,0.10);}
.home-views .cover-item .title, .page-views .cover-item .title {
	margin: 0px 20px 0px 24px;
	line-height: 22px;
    font-size: 17px;
	height: 70px;
	-webkit-line-clamp: 3;
}

.home-scroll{ padding: 70px 0 70px 0; background: #fff}
.home-scroll .img{ display: inline-block; float: left; width: 210px; height: 180px; margin: 0 25px 0 0; overflow: hidden} 
.home-scroll .img img{ width: 150%; margin: 0 0 0 -25%}
/*.home-scroll .home-events-slide .img img{ width: 120%; margin: 15px 0 0 -10%}*/
.home-scroll .webinar-no{font-size:16px;}
.home-scroll .text{ display: inline-block; width: calc(100% - 250px);  vertical-align: top; margin: 20px 0 0 0} 
.home-scroll .text .title{ font-size:18px; line-height: 22px; margin: 0 0 0 0}
.home-scroll .text .date{margin: 0px 10px 8px 0; color: #999}
.home-scroll .text .summary{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; font-size: 15px; line-height: 20px; color: #666}
.home-scroll .cover-item a{ box-shadow: 3px 3px 25px rgba(0,0,0,0.04); padding: 0 0 0 0; margin:  0 0 35px 15px}
.home-scroll .cover-item a:hover{box-shadow: 3px 3px 20px rgba(0,0,0,0.06);}
.home-scroll h2 {margin: 0 0 30px 0; font-size:36px }

.home-scroll .bx-viewport{width: 106%; padding: 10px 0 20px 0; margin: 0 0 0 -15px; max-width: none !important;   overflow: hidden}
.home-scroll .cover-item{ width: 96.5%;}
.home-scroll .bx-controls{ position: absolute; top:-60px; right:0px}
.home-scroll .bx-pager.bx-default-pager a{ width: 14px; height: 14px; margin: 0 0 0 10px;background: #d6d6d6} 
    
.home-scroll .bx-pager.bx-default-pager a:hover, .home-scroll .bx-pager.bx-default-pager a.active {background: #2573de}
.home-scroll .subtitle {
    display: inline-block;
	vertical-align: top;
    margin: 10px 0 0 20px;
    text-transform: none;
    font-family: "maven_regular";
    font-size: 15px;
    line-height: 18px;
    letter-spacing: 0px;
    color: #999;
}
.bold{font-family: 'maven_problack'; }
.declarations-btn{ margin: 0 0 40px 0;}
.declarations-btn a{ display: block; width: 100%; height: 130px; line-height: 126px; color: #fff; background-image:url(../images/declarations-bg.jpg); background-size:cover; font-size: 36px; text-align: center; border-radius: 5px }
.declarations-btn img{ width:50px; margin: 0 8px 40px 0}
.declarations-btn a:hover{ box-shadow: 5px 5px 30px rgba(0,0,0,0.18);}


.subscribe{ display: block; width: 100%; height: 180px; color: #fff; background-image:url(../images/subscribe-bg.jpg); background-size:cover;   text-align: center; }
.subscribe .img{ padding: 50px 0 0 0}
.partner{ padding: 60px 20px 60px; text-align: center; background: #eff6f4; }
.partner h3 { margin: 0 0 20px; }
.partner ul{ max-width: 1400px; margin: 0 auto}
.partner li{ display:inline-block;  text-align:center; margin: 0 30px 25px 30px}
.partner li img{ height: 120px}
.partner li a:hover{ opacity:0.75;} 

.subscribe{ text-align: center; }
.subscribe .text{ display: inline-block; vertical-align: top; margin: 70px 22px 0 0; font-size: 25px;  }
.subscribe-form{ display: inline-block; vertical-align: top; text-align: left; margin: 56px 30px 0 0;  }
.subscribe-email{display: inline-block; vertical-align: top;}
.subscribe-email input{ height: 46px; line-height: 48px; font-size: 18px; padding: 0 0 0 20px; width: 480px; border:none; outline:none;  border-radius: 5px 0 0 5px}
.subscribe-email input:focus{ border:none; outline:none; }
.subscribe-form .submit-btn{display: inline-block; vertical-align: top; margin: 0 0 0 -5px }
.subscribe-form .submit-btn button{border:none; outline:none; background: #0db4f9; color: #fff; font-size: 18px; padding: 13px 30px 13px; border-radius: 0 5px 5px 0; cursor: pointer}
.subscribe-agree{ margin: 0 0 0 -1px}
.subscribe-form .submit-btn button:hover{ background: #28bffe;}
.subscribe-form .Validform_error {
    border: 2px solid #0eb4f9!important;
}
.subscribe-form .Validform_error:focus{
	border-color:#0eb4f9!important; 
}
 
.home-banner .icfm8-logo{ float: left; width:170px; height: 155px;  margin: 17px 5px 0 15px; background: #fff; border-radius: 10px; text-align: center; }
.home-banner .icfm8-logo img{ width: 80%!important; margin: 40px auto 0!important}
.home-banner .icfm8-name{ float: left; height: 184px; width: 480px}
.home-banner .content-icfm8{ min-width: 700px!important;}

.panel-icfm8{ width: 90%; max-width: 590px; padding: 0; 
	box-shadow: 10px 10px 60px rgba(0,0,0,0.20)!important; 
	border-radius: 10px!important;
	}
.panel-icfm8 .icfm8-logo {margin: 15px auto; text-align: center}
.panel-icfm8 .icfm8-logo img{ width: 165px; }
.panel-icfm8 .icfm8-banner img{ width: 100%}
.panel-icfm8 .icfm8-intro{ padding: 30px 30px 15px; font-size: 17px; text-align: center}
.panel-icfm8 .icfm8-btn { text-align: center; margin: 0 0 40px 0}

.panel-icfm8 .icfm8-btn a {
    display: inline-block;
    color: #fff;
    font-size: 15px;
    font-family: 'maven_promedium';
    padding: 11px 35px 10px;
    background-color: #0c61d5;
    border: none;
    outline: none;
    border-radius: 60px;
    -webkit-border-radius: 60px;
    -moz-border-radius: 60px;
    font-weight: 400;
    box-shadow: 5px 5px 20px rgba(51,125,227,0.20);
	margin: 15px 0 0 10px;
	text-align: center;
	text-transform: uppercase;
}
.panel-icfm8 .icfm8-btn a:hover{background-color: #fff; color: #0c61d5; text-decoration: none}

.home-banner .slide .note{ margin: 10px 0 0 14px; width: 500px; font-size: 20px; color: #fff} 
.home-banner .slide .date{display: inline-block;  margin: 0 0 0 -4px; color: #fff}
.home-banner .slide .icon{display: inline-block}
.home-banner .slide .icon img{ display: inline-block; width: 35px; margin: 0 0 -5px 0}
.home-banner .slide .location{display: inline-block; color: #fff}

.slides-gallery img{width: 100%}

/* KEYFRAMES */

@keyframes spin {
  from {
    transform: rotate(0);
  }
  to{
    transform: rotate(359deg);
  }
}

@keyframes configure-clockwise {
  0% {
    transform: rotate(0);
  }
  25% {
    transform: rotate(90deg);
  }
  50% {
    transform: rotate(180deg);
  }
  75% {
    transform: rotate(270deg);
  }
  100% {
    transform: rotate(359deg);
  }
}

@keyframes configure-xclockwise {
  0% {
    transform: rotate(45deg);
  }
  25% {
    transform: rotate(-45deg);
  }
  50% {
    transform: rotate(-135deg);
  }
  75% {
    transform: rotate(-215deg);
  }
  100% {
    transform: rotate(-305deg);
  }
}

@keyframes pulse {
  from {
    opacity: 1;
    transform: scale(1);
  }
  to {
    opacity: .25;
    transform: scale(.75);
  }
} 
 
.spinner-box {
  width: 100%; 
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  background: #8dcbbe;
}
.hide{display: none}

/* SPINNING CIRCLE */

.circle-border {
  width: 150px;
  height: 150px;
  padding: 2px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
   background: linear-gradient(0deg, rgba(255,255,255,0.1) 33%, rgba(255,255,255,1) 100%);
  animation: spin .8s linear 0s infinite;
}

.circle-core {
  width: 100%;
  height: 100%;
  background-color: #8dcbbe;
  border-radius: 50%;
}

 

@media (max-width: 1200px){
   	.cover-item .img {
     height:18vw;	
    max-height: 220px;
	} 
	.home-scroll{ padding: 50px 0 60px 0; background: #fff}
	
}
@media (max-width: 1024px){
	.home-banner .slide .slide-item{left: 36%;}
 	.home-about .content{right: 26%;}
	.home-banner .icfm8-logo{width: 150px;  height: 140px; margin: 17px 5px 0 15px;} 
	.home-banner .slide .slide-item .content .title{font-size: 32px;  line-height: 36px;}
	 .slogan{ margin: -90px 0 0 0;}
	.slogan h2{font-size: 36px; line-height:40px;}
	.slogan a{ padding: 12px 30px;}
	.home-views .cover-item .img, .page-views .cover-item .img{max-height: none;height: auto;}
	.partner li{ width:24%;}
 	.home-main h2{ font-size: 38px;}
	.home-scroll h2{ font-size: 32px}
	.home-scroll .subtitle{ margin: 10px 0 0 10px;}
	.home-conferences{padding: 65px 0 45px 0;}
	.home-views{padding: 65px 0 50px 0;}
	.subscribe-email input{ width: 400px}
	.home-scroll .bx-wrapper{ margin: 0 0 20px 0}
  }

 
@media (max-width: 768px){
.home-banner .icfm8-logo{ display: none} 
.home-banner .icfm8-name{ float: none; height: auto}
.subscribe .text{ margin: 30px 0 0 0;}	
.subscribe-form{ margin: 25px 0 0 0; text-align:center;}	
.home-about .content{ right: 20%;}	
.home-about img { width: 180px; margin: 10px 0 0 0} 
.home-banner .slide .slide-item .content .title{ font-size: 28px; width:460px; line-height: 34px; height: 154px; margin: 10px 0 0 0} 
	
.cover-item .img{ height: 30vw; } 
.home-banner .bx-wrapper .bx-pager{bottom: 0;}
.bx-wrapper .bx-pager.bx-default-pager a{width: 10px; height: 10px;}
.bx-controls-direction{ display:none} 
 
.home-main .more-btn{ margin: 10px 0 0 0;}
.home-main .more-btn a{ padding: 11px 34px;}

.home-services{ padding: 50px 0 20px 0;}
.home-services .row {padding: 50px 0 20px 0;}
.home-services .row .title{ margin: 25px auto 15px auto; height:auto;}
.home-services .row .intro{margin: 0 auto 40px auto;}

.home-events{padding: 50px 0 20px 0;}
.home-events .row{padding: 50px 0 20px 0;}

.home-members{padding: 50px 0 40px 0;}
.home-members .row{padding: 50px 0 20px 0;}
.home-members li{width: 45%; margin: 0 2%}

.home-news{padding: 30px 0 60px 0;}
.home-publications h3 { margin: 0 0 40px;}
.home-seminars h3{ margin: 0 0 40px;}
.home-banner .slide{ overflow:hidden}
 
.cover-item .img {margin: 0 0 18px 0;}
.cover-item a:hover .title{color: #000}
.cover-item a{margin: 0 0 30px 0; } 	
.cover-item a:hover{box-shadow: 10px 10px 40px rgba(0,0,0,0.0); }	
.cover-item:hover .img img{-webkit-transform: scale(1.00); transform: scale(1.00); opacity:1; }
.cover-item .date { margin: -3px 20px 0 20px;  }
.home-views .cover-item .title, .page-views .cover-item .title { margin: -15px 20px 10px 20px!important; height: auto!important }
.page-conferences .cover-item .title{ margin: 7px 0px 0px 15px;}
.page-conferences .cover-item .date {margin: 0px 15px 0 20px; min-width: 50%;text-align: right}
.page-conferences .cover-item .location {margin: -3px 15px 3px 0px; min-width: 50%; text-align: right}
.partner li{ width:32%;}
.home-scroll .img img { width: 135%;  margin: 0 0 0 -18%;} 
.home-scroll .img{ width: 210px; margin: 0 25px 0 0; height:150px;}
.home-scroll .text .summary{ -webkit-line-clamp: 2;}
.home-scroll .text{ margin: 15px 0 0 0;}
.home-scroll{padding: 30px 0 30px 0;}
.home-scroll h2 { margin: 0 0 20px 0;}
.declarations-btn {margin: 15px 0 40px 0;}
    .about-team{padding: 60px 0 60px;}
    .about-team h3{ margin: 0 0 10px;}
    .about-team .group{padding: 40px 0 0 0;}
    .about-team .group{display: block}
    .about-team .type{width:auto; margin: 0 0 30px}
    .about-team .content{width:auto; }
    .about-team .col-md-4{width: 100%; margin-bottom: 20px;} 
    .row{margin: 0}
    
    
.home-banner .slide .note{ margin:  0px 0 0 8px; font-size: 16px;}	
.home-seminars{padding: 40px 0 60px;}
.home-publications{padding: 60px 0;}
.home-publications .cover-item .img{height: 200vw;}
.cover-item a{margin: 0 0 20px; padding: 0 0 15px 0; box-shadow: 5px 5px 30px rgba(0,0,0,0.04);} 	
.col-md-4, .col-md-3{ padding: 0}	
.cover-item .img{ height: 60vw; }	
.slides-gallery img{width: 250%; margin: 0 0 0 -30%}   
.partner li{ width:40%; margin: 0 15px 20px 15px;}
.partner li img {height: 80px;}
.subscribe-email input {width: 220px;}
.subscribe-form { margin: 20px 0 0 0;}
.subscribe-form .submit-btn button{ padding: 13px 20px 13px; } 
.home-main h2 { font-size: 32px; margin: 0 auto 20px; text-align:center} 
.home-main .more-btn{ position:relative; right:auto; top:auto; text-align:center}
.home-main .more-btn a { width: 90%; padding: 11px 64px; background-image:none}
.home-main .more-btn a:hover{ background-image:none}
.declarations-btn a{ font-size:26px; height: 110px; line-height: 110px;}
.declarations-btn img { width: 40px ;margin: 0 8px 35px 0;}
.home-conferences{ padding: 50px 0 50px 0;}
.home-views{ padding: 40px 0 40px 0;}
.home-views .subtitle { display: block; margin: 0 0 0 0; text-align:center }
.home-views .cover-item .title{ height:auto; margin: 0px 20px 20px 24px;}
.home-scroll .subtitle { display: block; margin: 0 ;}
.home-scroll .bx-viewport{ width: 100%; height:auto !important; margin: 0 0 0 0;}
.col-md-6{ padding:0} 
.partner { padding: 40px 0 30px 0;} 
.home-about{ position:relative; width: 100%;}
.home-about .content{width: 100%; padding: 0}
 .home-about .wrap{ padding: 40px 0px 30px;}    
.home-banner .bx-wrapper{}
.home-banner .slide img{ width:210%}
.home-banner .slide .slide-item{ left: 20px; height: 80vw;} 
.home-banner .slide .slide-item .content .title{ width: 94vw; font-size: 25px; line-height: 30px; height:auto;}
.home-banner .bx-wrapper .bx-pager{ width:100%; margin: 0; left:0}
.bx-wrapper .bx-next{ display:none}
.home-banner .slide .slide-item .more-btn a{ font-size: 14px; padding: 9px 30px 9px ;}
.home-news-slide{ transform:translate3d(0px, 0px, 0px)!important}
.home-events-slide{ transform:translate3d(0px, 0px, 0px)!important}
 .home-about .img{width: 110%; display: block; margin: 0 0 0 -3%;}
    .company-intro{margin: 30px 0 0 0;}
    .home-news h3{ margin: 0 0 40px;}      

}