/*
Theme Name: MyTheme
Author: Caremy
Version: 1.5
*/

/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
body {
font-family: "Poppins", arial !important;
color: #444444;
scroll-behavior: smooth;
font-weight:300;
}

a {
color: #00688f;
}

a:hover {
color: #333333;
text-decoration: none;
}



.text01
{
color:#3d9ecb;
}

.text02
{
color:#6b9622;	
}

.text03
{
color:#215e9e; /*Navy Blue*/
}


.background01
{
background-color:#3d9ecb; /*Sky Blue*/
color:#ffffff;
}

.background02
{
background-color:#5c2064;	
color:#ffffff;
border-left:5px solid #a2cf55;
}

.background03
{
background-color:#215e9e; /*Navy Blue*/
color:#ffffff;

}

.show-mobile
{
display:none;
}

img[usemap] {
	border: none;
	height: auto;
	max-width: 100%;
	width: auto;
}

img[usemap], map area,
#Map area
{
  outline: none;
  border:none;
}

.popover{
   width:300px;
   height:auto;    
}

.terms-box {
padding: 20px;
border: 1px solid #999999;
background-color: #f4f4f4;
height: 300px;
overflow: auto;
margin: 20px 0px;
}
.terms-box ol, .terms-box ul {
padding-top:10px;
margin-left: -5px;
font-size:85%;
}

.hide
{
display:none;
}

.display-details .row.form-group
{
padding:8px 0px;
padding-bottom:0;
border-top:1px solid #dddddd;
margin:0;
margin-top:8px;
}

.display-details .row.form-group label
{
padding:0;
margin:0;
}


/*--------------------------------------------------------------
# Back to top button
--------------------------------------------------------------*/
.back-to-top {
position: fixed;
display: none;
right: 15px;
bottom: 15px;
z-index: 99999;
}

.back-to-top i {
display: flex;
align-items: center;
justify-content: center;
font-size: 24px;
width: 40px;
height: 40px;
border-radius: 4px;
background: #e1b815;
color: #fff;
transition: all 0.4s;
-webkit-border-radius:50%;
-moz-border-radius:50%;
border-radius:50%;
}

.back-to-top i:hover {
background: #666666;
color: #fff;
}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
#header {
background:#ffffff;
transition: all 0.5s;
z-index: 997;
padding:10px 0;
box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.05);
}

#header .logo {
font-size: 28px;
margin: 0;
padding: 0;
line-height: 1;
font-weight: 700;
letter-spacing: 1px;
text-transform: uppercase;
}

#header .logo a {
color: #3d9ecb;
}

#header .logo img {
max-height:100px;
}


/* ===========================
        TABS
============================ */

.tab-container 
{
border: 1px solid #00a0d4;
border-top: 8px solid #00a0d4;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
}
.nav-tabs {
color: #fff;
background-color: #00a0d4;
border-color: transparent;
}
ul.nav-tabs {
border-left: 10px solid #00a0d4;
margin-top: 0px;
}
.nav-tabs > li > a, .nav-tabs > li > a:hover, .nav-tabs > li > a:focus {
color: #fff;
cursor: pointer;
}
.nav-tabs > li > a:hover {
color: #ffffff;
background-color: #0089d0;
border-color: #0089d0;
border-bottom-color: transparent;
}
.tab-content {
padding: 20px 15px;
}
.tab-content h3 {
padding: 0px;
margin: 0px;
font-weight: 600;
padding-bottom: 10px;
margin-bottom: 20px;
}


.tab-content .pricing-box
{
background-color:#eeeeee;
}

.bg-success
{
background-color:#90be3f !important;
padding:15px;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
}

.text-success
{
color:#90be3f !important;
}

.pricing-box table td
{
padding:9px 1px;
border-top:1px solid #719630;
}

.card.pricing-box h5
{
font-weight:600;
padding-top:10px;
margin-bottom:20px;
}

.pricing-box table td:nth-child(even)
{
font-weight:bold;
}

.tab-content h4 {
padding: 10px 0px;
margin: 0px;
margin-bottom: 20px;
color: #0089d0;
}

/*--------------------------------------------------------------
# Register Now Button
--------------------------------------------------------------*/

.get-started-btn {
margin-left: 22px;
background: #3d9ecb;
color: #fff;
border-radius: 50px;
padding: 8px 25px;
white-space: nowrap;
transition: 0.3s;
display: inline-block;
}

.get-started-btn:hover {
background: #a2cf55;
color: #fff;
}

.form-control::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
color: #999999;
opacity: 1; /* Firefox */
}

.form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
color: #999999;
}

.form-control::-ms-input-placeholder { /* Microsoft Edge */
 color: #999999;
}

/*--------------------------------------------------------------
# Home Banner Section
--------------------------------------------------------------*/
#home-banner
{
background:url(../images/home-bg.jpg) no-repeat right center;
background-size:cover;
padding:40px 0px;
margin:0;
}



#home-banner .container-fluid .text-desc
{
padding:20px;

}

#home-banner h1
{
margin: 0;
font-size:270%;
font-weight:700;
line-height:115%;
color: #3d9ecb;
text-transform: uppercase;
}

#banner-inside
{
padding:30px;
background:#a2cf55;
color:#ffffff;
background:#010a35 url(../images/blue-bg.jpg) no-repeat center;
background-size:cover;
background-attachment:fixed;
}

#banner-inside .container 
{
padding-top:120px;
text-align:center;
}



#banner-inside h1
{
margin: 0;
font-size:200%;
font-weight:700;
line-height:115%;
text-transform: uppercase;
}

#banner-inside h2
{
font-size:150%;
font-weight: 700;
}

#home-banner h2 {
margin: 10px 0 0 0;
font-size:180%;
line-height:115%;
font-weight: 700;
}



#home-banner .btn-get-started {
font-weight: 500;
font-size:150%;
display: inline-block;
padding:10px 28px;
border-radius: 3px;
transition: 0.5s;
margin-top: 25px;
color: #fff;
background: #b92aaa;
font-weight:700;
text-transform: uppercase;
}

#home-banner .btn-get-started:hover {
background: #96258a;
}

@media (max-width: 991px) {
#home-banner,#banner-inside {
  text-align: center;
}
#banner-inside .banner-img img,
#home-banner .banner-img img {
  width: 50%;
}


#banner-inside
{
padding-bottom:20px;
}

#banner-inside .container 
{
padding-top:100px;
font-size:85%;
}

}


.date-display
{
}

.date-area
{
	padding:5px 20px;
	border-left:4px solid #cccccc;
	margin-bottom:20px;
}

.date-area h2
{
	font-weight:600;
	color:#09417e;
	padding:5px 0px;
}

.date-area h5
{
	font-weight:600;
	color:#006ebb;
}

.date-area h6
{
	font-weight:600;
	
}

.date-area h4
{
 color:#81b32b;
}

/*--------------------------------------------------------------
# Sections General
--------------------------------------------------------------*/
section {
padding: 60px 0;
}

.section-bg {
background-color: #f5f5f5;
}

.section-title {
text-align: center;
padding-bottom: 30px;
}

.section-title h1 {
font-size:250%;
font-weight: bold;
text-transform: uppercase;
margin-bottom: 20px;
padding-bottom: 0;
color: #3d9ecb;
}

.section-title h2 {
font-size: 32px;
font-weight: bold;
text-transform: uppercase;
margin-bottom: 20px;
padding-bottom: 0;
color: #3d9ecb;
}

.section-title p {
margin-bottom: 0;
}

/*--------------------------------------------------------------
# About
--------------------------------------------------------------*/
.about .icon-boxes h3 {
font-size: 28px;
font-weight: 700;
color: #3d9ecb;
margin-bottom: 15px;
}

.about .icon-box {
margin-top: 40px;
}

.about .icon-box .icon {
float: left;
display: flex;
align-items: center;
justify-content: center;
width: 64px;
height: 64px;
border: 2px solid #d0ecf9;
border-radius: 50px;
transition: 0.5s;
}

.about .icon-box .icon i {
color: #49b5e7;
font-size: 32px;
}

.about .icon-box:hover .icon {
background: #49b5e7;
border-color: #49b5e7;
}

.about .icon-box:hover .icon i {
color: #fff;
}

.about .icon-box .title {
margin-left: 85px;
font-weight: 700;
margin-bottom: 10px;
font-size: 18px;
}

.about .icon-box .title a {
color: #343a40;
transition: 0.3s;
}

.about .icon-box .title a:hover {
color: #49b5e7;
}

.about .icon-box .description {
margin-left: 85px;
line-height: 24px;
font-size: 14px;
}

.about .video-box {
background: url("../img/about.jpg") center center no-repeat;
background-size: cover;
min-height: 500px;
}

@media (min-width: 1200px) {
.about .video-box {
  margin-left: 15px;
  margin-right: -15px;
}
}

.about .play-btn {
width: 94px;
height: 94px;
background: radial-gradient(#49b5e7 50%, rgba(73, 181, 231, 0.4) 52%);
border-radius: 50%;
display: block;
position: absolute;
left: calc(50% - 47px);
top: calc(50% - 47px);
overflow: hidden;
}

.about .play-btn::after {
content: '';
position: absolute;
left: 50%;
top: 50%;
transform: translateX(-40%) translateY(-50%);
width: 0;
height: 0;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
border-left: 15px solid #fff;
z-index: 100;
transition: all 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.about .play-btn::before {
content: '';
position: absolute;
width: 120px;
height: 120px;
-webkit-animation-delay: 0s;
animation-delay: 0s;
-webkit-animation: pulsate-btn 2s;
animation: pulsate-btn 2s;
-webkit-animation-direction: forwards;
animation-direction: forwards;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-timing-function: steps;
animation-timing-function: steps;
opacity: 1;
border-radius: 50%;
border: 5px solid rgba(73, 181, 231, 0.7);
top: -15%;
left: -15%;
background: rgba(198, 16, 0, 0);
}

.about .play-btn:hover::after {
border-left: 15px solid #49b5e7;
transform: scale(20);
}

.about .play-btn:hover::before {
content: '';
position: absolute;
left: 50%;
top: 50%;
transform: translateX(-40%) translateY(-50%);
width: 0;
height: 0;
border: none;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
border-left: 15px solid #fff;
z-index: 200;
-webkit-animation: none;
animation: none;
border-radius: 0;
}

@-webkit-keyframes pulsate-btn {
0% {
  transform: scale(0.6, 0.6);
  opacity: 1;
}
100% {
  transform: scale(1, 1);
  opacity: 0;
}
}

@keyframes pulsate-btn {
0% {
  transform: scale(0.6, 0.6);
  opacity: 1;
}
100% {
  transform: scale(1, 1);
  opacity: 0;
}
}

/*--------------------------------------------------------------
# Counts
--------------------------------------------------------------*/
.counts {
background:#002f55 url(../images/blue-bg.jpg) no-repeat center;
background-size:cover;
padding: 80px 0 60px 0;
position: relative;
background-attachment:fixed;
}

.counts .container
{
background:url(../images/captionbg.png);
-webkit-border-radius:7px;
-moz-border-radius:7px;
border-radius:7px;

}

.counts::before {
content: "";
position: absolute;
background: rgba(102, 102, 255, 0.1);
left: 0;
right: 0;
top: 0;
bottom: 0;
}

.counts .title {
position: relative;
color: #3d9ecb;
margin-bottom: 40px;
}

.counts .title h3 {
font-size: 36px;
font-weight: 700;
}



.card-listing [class*='col-'] a,
.card-listing [class*='col-'] a:link
{
	display:block;
	color:#ffffff !important;
	height:125px;
	padding:20px;
	border:1px solid #ffffff;
	margin-bottom:20px;
	-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
line-height:125%;
}

.card-listing [class*='col-'] a strong
{
	display:block;
	padding-top:5px;
}

.card-listing [class*='col-'] a:hover
{
	color:#F90 !important;
	border:1px solid #F90;
}



@media (min-width: 1200px) {
.counts {
  background-attachment: fixed;
}
}

.table-program
{
border-top:1px solid #3d9ecb;	
border-bottom:1px solid #3d9ecb;	
}



.table-program thead
{
font-weight:bold;
color:#4ba6e0;
}

.table-program td
{
padding:8px;
border-bottom:1px solid #4ba6e0;
text-align:left;
}

.table-program tr.bordered td
{
border-bottom:1px solid #989ba2;
}


/*--------------------------------------------------------------
# Form
--------------------------------------------------------------*/

label.error {
text-align: left;
width: auto;
padding:3px 0 0 25px;
clear: none;
display: block;
color: #b92a45;
font-size:85%;
font-weight: normal;
border: none;
background: url(../images/required.png) no-repeat left center;
background-position:3px 5px;
}


.other-input
{
display: none; 
margin-top:5px;
}

.other-input-block
{
display: block; 
margin-top:5px;
}

.regular-checkbox {
display: none;
}
.regular-checkbox + label {
background-color: #ffffff;
border: 2px solid #008fcb;
padding: 10px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
display: inline-block;
position: relative;
}
.regular-checkbox + label:active, .regular-checkbox:checked + label:active {
color: #008fcb;
}
.regular-checkbox:checked + label {
background-color: #ffffff;
border: 2px solid #008fcb;
}
.regular-checkbox:checked + label:after {
content: '\2714';
font-size: 130%;
position: absolute;
top: -5px;
left: 2px;
color: #008fcb;
}
.regular-radio {
display: none;
}
.regular-radio + label {
-webkit-appearance: none;
background-color: #ffffff;
border: 2px solid #008fcb;
padding: 10px;
border-radius: 50px;
display: inline-block;
position: relative;
}
.regular-radio:checked + label:after {
content: '';
width: 14px;
height: 14px;
border-radius: 50px;
position: absolute;
top:3px;
background-color: #008fcb;
left:3px;
}
.regular-radio + label:active, .regular-radio:checked + label:active {
background-color: #008fcb;
}
form-table {
display: table;
}
.form-element, .form-text {
display: table-cell;
}
.form-element {
width: 32px;
}
.form-text {
vertical-align: middle;
padding-bottom: 5px;
}
.form-style h2 {
margin-bottom: 0px;
padding: 10px;
border-bottom: 1px solid #dddddd;
}
.form-style h4 {
padding: 10px 0px;
padding-top:5px;
margin: 0px;
margin-bottom: 20px;
}
.form-style [class*=row] {
margin-bottom: 10px;
padding-bottom: 10px;
}
/*--------------------------------------------------------------
# Sponsors
--------------------------------------------------------------*/
.sponsors .sponsors-wrap {
border-top: 1px solid #eee;
border-left: 1px solid #eee;
}

.sponsors .sponsor-logo {
padding: 30px;
display: flex;
justify-content: center;
align-items: center;
border-right: 1px solid #eee;
border-bottom: 1px solid #eee;
overflow: hidden;
background: #fff;
height: 120px;
}

.sponsors .sponsor-logo img {
height: 50%;
}

.sponsors .sponsor-logo:hover img {

  -webkit-filter: grayscale(100%);
filter: grayscale(100%);
transition: 0.3s;
}

.sponsors img {
transition: all 0.4s ease-in-out;
}


/*--------------------------------------------------------------
# Speaker
--------------------------------------------------------------*/
.speaker .member {
margin-bottom: 20px;
overflow: hidden;
border-radius: 5px;
background: #fff;
box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
}

.speaker .member .speaker-img {
position: relative;
overflow: hidden;
}

.speaker .member .social {
position: absolute;
left: 0;
bottom: 30px;
right: 0;
opacity: 0;
transition: ease-in-out 0.3s;
text-align: center;
}

.speaker .member .social a {
transition: color 0.3s;
color: #3d9ecb;
margin: 0 3px;
padding-top: 7px;
border-radius: 50px;
width: 36px;
height: 36px;
background: rgba(73, 181, 231, 0.8);
display: inline-block;
transition: ease-in-out 0.3s;
color: #fff;
}

.speaker .member .social a:hover {
background: #76c7ed;
}

.speaker .member .social i {
font-size: 18px;
}

.speaker .member .member-info {
padding: 25px 15px;
}

.speaker .member .member-info h4 {
font-weight: 700;
margin-bottom: 5px;
font-size: 18px;
color: #3d9ecb;
}

.speaker .member .member-info span {
display: block;
font-size:90%;
font-weight: 400;
color: #666666;
}

.speaker .member .member-info span strong
{
font-size:100%;
}

.speaker .member .member-info p {
font-style: italic;
font-size: 14px;
line-height: 26px;
color: #777777;
}

.speaker .member:hover .social {
opacity: 1;
bottom: 15px;
}


/*--------------------------------------------------------------
# Contact
--------------------------------------------------------------*/

.contact .info {
width: 100%;
background: #fff;
}

.contact .info i {
font-size: 20px;
color: #49b5e7;
float: left;
width: 44px;
height: 44px;
background: #ebf7fc;
display: flex;
justify-content: center;
align-items: center;
border-radius: 50px;
transition: all 0.3s ease-in-out;
}



.contact p {
font-size:100%;
padding:5px;
}

.contact .info .email, .contact .info .phone {
margin-top: 40px;
}

.contact .info .email:hover i, .contact .info .address:hover i, .contact .info .phone:hover i {
background: #49b5e7;
color: #fff;
}



@-webkit-keyframes animate-loading {
0% {
  transform: rotate(0deg);
}
100% {
  transform: rotate(360deg);
}
}

@keyframes animate-loading {
0% {
  transform: rotate(0deg);
}
100% {
  transform: rotate(360deg);
}
}

/*--------------------------------------------------------------
	# Exhibition
--------------------------------------------------------------*/
.files-folder
{
height:100px;	
padding:0px 20px;
background:#eeeeee;
border:1px solid #dddddd;
margin-top:10px;
margin-bottom:10px;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
}

.files-folder h4
{
font-size:115%;
}

.exhibitor-title
{
padding:15px;
text-align:center;
background:#3d9ecb;
color:#ffffff;
margin-bottom:20px;
}

.exhibitor-title span.title-big
{
font-size:200%;
}

.exhibitor-title .button
{
display:block;
padding:10px 0px;
}

.exhibitor-area,
.exhibitor-title h2,
.exhibitor-area h1,
.exhibitor-area h2,
.exhibitor-area h3,
.exhibitor-area h4,
.exhibitor-area h5,
.exhibitor-area h6
{
word-wrap:break-word;
}

.exhibitor-info img
{
height:150px;
padding:10px;
}

table.exhibitor-info
{
border-top:1px solid #dddddd;

}

.exhibitor-info td
{
border-bottom:1px solid #dddddd;
padding-top:10px;
padding-bottom:10px;

}

.exhibitor-side-info img
{
height:125px;
width:auto;
}

.exhibitor-side-info h4
{
font-weight:400px;
}
/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
#footer {
background: #fff;
padding: 0 0 30px 0;
color: #444444;
font-size:85%;
background: #f5f5f5;
}


#footer .copyright {
float: left;
color: #444444;
}

#footer .credits {
float: right;
color: #444444;
}

#footer .credits a,
#footer .credits a:link,
#footer .credits a:visited
{
  color: #444444;
}

#footer .credits a:hover
{
color:#098ec5;
}

/* ===========================
 RELATED AGENCIES & SOCIAL
============================ */

.related-agencies {
text-align: center;
padding:0px 10px;
}
.related-agencies h4 {
font-weight: 500;
font-size: 125%;
padding-top: 20px;
}
.related-agencies h4.morespace 
{
padding:15px 0px;
}
.related-agencies ul, .related-agencies li 
{
list-style: none;
padding: 0;
margin: 0;
}
.related-agencies ul 
{
text-align: center;
}

.related-agencies li {
display: inline-block;
padding: 0px 10px;
}

.related-agencies ul li img 
{
height:100px;
width:auto;
margin-bottom:10px;
}

.related-agencies ul li img.morespace 
{
padding-left: 10px;
padding-right: 10px;
}

@media (max-width: 768px) {
#home-banner h1 {
  font-size:185%;
}
#home-banner h2 {
  font-size:145%;
}



#banner-inside .container 
{
 padding-top:80px;
}

.form-element {
margin-top: 0px;
}
.regular-radio + label {
margin-top: 3px;
}
.regular-checkbox + label {
margin-top: 0px;
}


.section-title h1 {
font-size:200%;
font-weight: bold;
text-transform: uppercase;
margin-bottom: 20px;
padding-bottom: 0;
}


#header .logo img 
{
max-height:85px;
}

.show-mobile
{
display:block;
}

.get-started-btn {
  margin: 0 48px 0 0;
  padding: 6px 18px;
}

.exhibitor-info td .btn,
.exhibitor-info .btn
{
display:block;
margin:10px 0px;
}

#footer .copyright, 
#footer .credits
{
float: none;
text-align: center;
}

.card-listing [class*='col-'] a,
.card-listing [class*='col-'] a:link
{
	height:auto;
}

}

@media (max-width: 575px) {



.related-agencies h4 
{
padding-top: 20px;
font-size: 100%;
}

.related-agencies ul li img 
{
width:auto;
height:85px;
margin-bottom: 10px;
}

#header .logo img 
{
max-height:75px;
}



.exhibitor-info img
{
height:120px;
padding:10px;
}


.exhibitor-info img
{
height:100px;
padding:10px;
}

.exhibitor-info td h5
{
font-size:110%;
}



.exhibitor-info td .btn
{
font-size:100%;

display:block;

}







}





@media (max-width: 480px) {



#banner-inside .container 
{
 padding-top:60px;

}



#header .logo img 

{
max-height:50px;

}



.exhibitor-title span.title-big

{
font-size:160%;

}



.exhibitor-title .button

{
display:inline-block;
padding:10px 0px;

}



}