/*-------- colors ---------*/
/*
-- color-corporative-1: #9400FF
-- color-corporative-2: #FFCC00
-- color-corporative-3: #eca154
*/

:root {
    --color-primary-1: #B181B4;
    --color-primary-2: #7C3F42;
    --color-secondary-1: #EAA824;
    --color-secondary-2: #702d8c;
    
    --bggrad-1-1: #B181B4;
    --bggrad-1-2: #7C3F42;
    
    --cgrad-1-1: #B181B4;
    --cgrad-1-2: #7C3F42;    
    --cgrad-1-shadow: #f6e6f7;
    --ctext-1-shadow: #a57173;
    
    --cgrad-1-2-1: #B181B4;
    --cgrad-1-2-2: #7C3F42;    
    --cgrad-1-2-shadow: #f6e6f7;    
    
    --cgrad-2-1: #e78521;
    --cgrad-2-2: #eca154;    
    --cgrad-2-1-shadow: #f3c595;
    --ctext-2-shadow: #d19c64;        
    
    --cgrad-3-1: #a10000;
    --cgrad-3-2: #fb3e00;    
    --cgrad-3-1-shadow: #f9cacc;
 
    --cgrad-4-1: #75507b;
    --cgrad-4-2: #c39fd2;    
    --cgrad-4-1-shadow: #faf6f4;
	
	--cwave-1: #702d8c;
	--cwave-2: #f9cacc;
	
	--cgrad-5-1: #b31010;
	--cgrad-5-2: #d41010;
	--cgrad-5-1-shadow: #f9cacc;
}

.grad-color-wine {
	--cgrad-2-1: #b48181;
    --cgrad-2-2: #af565a;    
    --cgrad-2-1-shadow: #f9cacc;
    --ctext-2-shadow: #a57173;        
}

.color-corp-1 { color: #75507b; }
.bg-color-corp-1 { background-color: #75507b !important;}
.color-corp-2 { color: #FFCC00 !important; }
.bg-color-corp-2 { background-color: #FFCC00 !important; }
.color-corp-3 { color: #eca154 !important; }
.bg-color-corp-3 { background-color: #eca154 !important; }
.color-corp-4 { color: #8c7496; }
.bg-color-corp-4 { background-color: #8c7496 !important;}
.color-corp-5 {color:#c39fd2;}
.bg-color-corp-5 {background-color:#c39fd2;}

.color-danger { color: #c9302c !important; }
.color-danger2 { color: var(--cgrad-5-1) !important; text-shadow:1px 1px 1px var(--cgrad-5-1-shadow); }

.anounder, a.anounder,a.anounder:link,a.anounder:hover,a.anounder:active,a.anounder:focus,a.anounder:visited  {text-decoration:none;}

h4.modal-title > span.color-corp-1{ color: #702d8c !important; font-weight: bold; }
h4.modal-title > span.color-corp-3{ color: #eca154 !important; font-weight: bold; }

.color-logged { background-color: #702d8c; }
header#topHead.color-logged { background-color: #702d8c; }
header#topHead.color-logged { color: #fff; background-color: transparent; background-image: linear-gradient(90deg, var(--bggrad-1-1) 0%, var(--bggrad-1-2) 100%); }
header#topHead.color { color: #fff; background-color: transparent; background-image: linear-gradient(90deg, var(--bggrad-1-1) 0%, var(--bggrad-1-2) 100%); }

/*-------- preloaders ---------*/

/*-- preload body --*/
.no-js #loader { display: none;  }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }
.se-pre-con {position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 9999; background: url(../images/icons/preloader.gif) center no-repeat #fff;}

/*-- preload imgs --*/
.imgload ul li img {width: 400px; height: 266px;}
.imgload ul li {display: inline-block;}

/*-------- modals ---------*/
.modal {
    /*padding-top: 130px;*/ 
    padding-top: 10px;
    padding-top: 1px;
    background: rgba(255,255,255,0.5);
    background: rgba(0,0,0,0.5);
    width: 100%;
	height: 100%;
}

.modal-content {
    overflow: hidden;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

.modal-header-bg-1 { background-color: transparent; background-image: linear-gradient(90deg, var(--cgrad-1-1) 0%, var(--cgrad-1-2) 100%);  }
.modal-header-bg-2 { background-color: transparent; background-image: linear-gradient(90deg, var(--cgrad-1-1) 0%, var(--cgrad-1-2) 100%);  }
.modal-body > div#wrapper { background-color: #fff; }
   
/*-------- buttons ---------*/

.btn-mystand-expo { margin-top:-10px; }
.tp-caption.roundedimage img.img-mystand-expo, img.img-mystand-expo { max-width:120px; box-shadow: 0px 10px 14px -7px #fce2c1; }
.tp-caption.roundedimage img.img-stand, img.img-stand { max-width:240px; }

.tp-caption.scene-stand-title { color: #FFFFFF; /*background: #FFFFFF;*/ text-shadow: 1px 3px 0 #969696, 1px 6px 7px #aba8a8; }

/*-- primary1 : big - orange --*/
.btn-primary1, .btn-primary1:link, .btn-primary1:visited, .btn-primary1:focus  {
	box-shadow: 0px 10px 14px -7px var(--cgrad-1-shadow);
	background:linear-gradient(to bottom, var(--cgrad-1-1) 5%, var(--cgrad-1-2) 100%);
	background-color:var(--cgrad-1-1);	
	border-radius:8px;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:20px;
	padding:10px 20px;
	text-decoration:none;
	text-shadow:0px 1px 0px var(--ctext-1-shadow);
	/*font-weight:bold;*/
}
.btn-primary1:hover {background:linear-gradient(to bottom, #fb9e25 5%, #ffc477 100%); background-color:#fb9e25; color:#ffffff; }
.btn-primary1:active {position:relative; top:1px; color:#ffffff;}

/*-- primary1 : big - orange2 --*/
.btn-primary1-2, .btn-primary1-2:link, .btn-primary1-2:visited, .btn-primary1-2:focus  {
	box-shadow: 0px 10px 14px -7px var(--cgrad-1-2-shadow);
	background:linear-gradient(to bottom, var(--cgrad-1-2-1) 5%, var(--cgrad-1-2-2) 100%);
	background-color: var(--cgrad-1-2-1);
	border-radius:8px;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:20px;
	padding:10px 20px;
	text-decoration:none;
	text-shadow:0px 1px 0px var(--ctext-1-shadow);
	/*font-weight:bold;*/
}
.btn-primary1-2:hover {background:linear-gradient(to bottom, var(--cgrad-1-2-2) 5%, var(--cgrad-1-2-1) 100%); background-color: var(--cgrad-1-2-2); color:#fff; }
.btn-primary1-2:active {position:relative; top:1px; color:#ffffff;}
.btn-primary1-2 i.fa { padding-right: 0; }

/*-- primary1 : small - orange2 --*/
.btn-primary1-small, .btn-primary1-small:link, .btn-primary1-small:visited, .btn-primary1-small:focus {
	box-shadow: 0px 10px 14px -7px var(--cgrad-1-2-shadow);
	background:linear-gradient(to bottom, var(--cgrad-1-2-1) 5%, var(--cgrad-1-2-2) 100%);
	background-color: var(--cgrad-1-2-1);	
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	text-decoration:none;
	text-shadow:0px 1px 0px var(--ctext-1-shadow);
	padding:11px 29px;
	/*font-weight:bold;*/
}
.btn-primary1-small:hover {padding:12px 30px; background:linear-gradient(to bottom, var(--cgrad-1-2-2) 5%, var(--cgrad-1-2-1) 100%); background-color:var(--cgrad-1-2-2); color:#ffffff;}
.btn-primary1-small:active {position:relative; top:1px; color:#ffffff;}
.btn-primary1-small i.fa { padding-right: 0; }

/*-- primary1-mini : small - orange2 --*/
.btn-primary1-mini, .btn-primary1-mini:link, .btn-primary1-mini:visited, .btn-primary1-mini:focus {
	box-shadow: 0px 10px 14px -7px var(--cgrad-1-2-shadow);
	background:linear-gradient(to bottom, var(--cgrad-1-2-1) 5%, var(--cgrad-1-2-2) 100%);
	background-color: var(--cgrad-1-2-1);	
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	text-decoration:none;
	text-shadow:0px 1px 0px var(--ctext-1-shadow);
	padding:8px 18px;
	/*font-weight:bold;*/
}
.btn-primary1-mini:hover {padding:10px 20px; background:linear-gradient(to bottom, var(--cgrad-1-2-2) 5%, var(--cgrad-1-2-1) 100%); background-color:var(--cgrad-1-2-2); color:#ffffff;}
.btn-primary1-mini:active {position:relative; top:1px; color:#ffffff;}
.btn-primary1-mini i.fa { padding-right: 0; }

/*-- primary2 : big - purple --*/
.btn-primary2, .btn-primary2:link, .btn-primary2:visited, .btn-primary2:focus {
	box-shadow: 0px 10px 14px -7px var(--cgrad-2-1-shadow);
	background:linear-gradient(to bottom, var(--cgrad-2-2) 5%, var(--cgrad-2-1) 100%);
	background-color:var(--cgrad-2-2);	
	border-radius:8px;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:20px;
	padding:10px 20px;
	text-decoration:none;
	text-shadow:0px 1px 0px var(--ctext-2-shadow);
	/*font-weight:bold;*/
}
.btn-primary2:hover { padding:12px 20px; background:linear-gradient(to bottom, var(--cgrad-2-1) 5%, var(--cgrad-2-2) 100%); background-color:var(--cgrad-2-1); color:#ffffff;}
.btn-primary2:active {position:relative; top:1px; color:#ffffff;}
.btn-primary2 i.fa { padding-right: 0; }

/*-- primary2 : small - purple --*/
.btn-primary2-small, .btn-primary2-small:link, .btn-primary2-small:visited, .btn-primary2-small:focus {
	box-shadow: 0px 10px 14px -7px var(--cgrad-2-1-shadow);
	background:linear-gradient(to bottom, var(--cgrad-2-2) 5%, var(--cgrad-2-1) 100%);
	background-color:var(--cgrad-2-2);	
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	text-decoration:none;
	text-shadow:0px 1px 0px var(--ctext-2-shadow);
	/*font-weight:bold;*/
}
.btn-primary2-small:hover {background:linear-gradient(to bottom, var(--cgrad-2-1) 5%, var(--cgrad-2-2) 100%); background-color:var(--cgrad-2-1);  color:#ffffff; }
.btn-primary2-small:active {position:relative; top:1px; color:#ffffff;}
.btn-primary2-small i.fa { padding-right: 0; }

/*-- primary3 : small - special --*/
.btn-primary3, .btn-primary3:link, .btn-primary3:visited, .btn-primary3:focus {
	box-shadow: 0px 10px 14px -7px var(--cgrad-3-1-shadow);
	background:linear-gradient(to bottom, var(--cgrad-3-1) 50%, var(--cgrad-3-2) 100%);
	background-color:var(--cgrad-3-1);	
	border-radius:20px;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:18px;
	padding:9px 15px;
	text-decoration:none;
	/*font-weight:bold;*/
}
.btn-primary3:hover { padding:11px 15px; background:linear-gradient(to bottom, var(--cgrad-3-2) 5%, var(--cgrad-3-1) 100%); background-color:var(--cgrad-3-2); color:#ffffff;}
.btn-primary3:active {position:relative; top:1px; color:#ffffff;}
.btn-primary3 i.fa { padding-right: 0; }
.btn-primary3 > a, .btn-primary3 > a:link, .btn-primary3 > a:hover, .btn-primary3 > a:visited, .btn-primary3 > a:focus { color:white; text-decoration:none; }

/*-- primary4 : small - special --*/
.btn-primary4, .btn-primary4:link, .btn-primary4:visited, .btn-primary4:focus {
    box-shadow: 0px 10px 14px -7px var(--cgrad-4-1-shadow);
	background:linear-gradient(to bottom, var(--cgrad-4-1) 50%, var(--cgrad-4-2) 100%);
	background-color:var(--cgrad-4-1);	
	border-radius:20px;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:18px;
	padding:9px 15px;
	text-decoration:none;
	/*font-weight:bold;*/
}
.btn-primary4:hover { padding:9px 15px; background:linear-gradient(to bottom, var(--cgrad-4-2) 5%, var(--cgrad-4-1) 100%); background-color:var(--cgrad-4-1); color:#ffffff;}
.btn-primary4:active {position:relative; top:1px; color:#ffffff;}
.btn-primary4 i.fa { padding-right: 0; }
.btn-primary4 > a, .btn-primary4 > a:link, .btn-primary4 > a:hover, .btn-primary4 > a:visited, .btn-primary4 > a:focus { color:white; text-decoration:none; }

/*-- labels --*/
.tplabel.medium_bg_orange {
    font-size: 20px;
    line-height: 20px;
    font-weight: 800;
    font-family: "Open Sans";
    color: rgb(255, 255, 255);
    text-decoration: none;
    background-color: rgb(243, 156, 18);
    padding: 10px;
    border-width: 0px;
    border-color: rgb(255, 214, 88);
    border-style: none;
}
.tplabel-img-bottom { position:absolute;right:45px;bottom:20px; }

/*-- logo stands --*/
.img-stand-title {  border-radius: 50%; width:100px; height:100px;
      box-shadow: 10px 10px 5px #ccc;
      -moz-box-shadow: 10px 10px 5px #ccc;
      -webkit-box-shadow: 10px 10px 5px #ccc;
      -khtml-box-shadow: 10px 10px 5px #ccc;
      margin:30px;
 }

.img-stand-list-stands {  border-radius: 50%; width:200px; height:200px;
      box-shadow: 10px 10px 5px #ccc;
      -moz-box-shadow: 10px 10px 5px #ccc;
      -webkit-box-shadow: 10px 10px 5px #ccc;
      -khtml-box-shadow: 10px 10px 5px #ccc;
      margin:30px;
 }

/*screen help*/
.help-title { background-color: #8c7496; color: #FFF; margin: -6px -6px 0 -6px; font-size: 1em; font-weight: bold; padding: 8px;
-webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0;  border-radius: 5px 5px 0 0; }
.help-desc { margin: -6px -6px 0 -6px; font-size: 0.9em; padding: 10px;}

/*button wave*/
.btnWave {background-color: var(--cwave-1) !important; background-image: linear-gradient(90deg, var(--cwave-1), var(--cwave-2));}

.intro-banner-vdo-play-btn{height:60px;width:60px;position:absolute;top:50%;left:50%;text-align:center;margin:-30px 0 0 -30px;border-radius:100px;z-index:1}
.intro-banner-vdo-play-btn i{line-height:56px;font-size:30px}
.intro-banner-vdo-play-btn .ripple{position:absolute;width:160px;height:160px;z-index:-1;left:50%;top:50%;opacity:0;margin:-80px 0 0 -80px;border-radius:100px; -webkit-animation:ripple 1.8s infinite; animation:ripple 1.8s infinite }

@-webkit-keyframes ripple{
    0%{opacity:1;-webkit-transform:scale(0);transform:scale(0);}
    100%{opacity:0;-webkit-transform:scale(1);transform:scale(1);}
}
@keyframes ripple{
    0%{opacity:1;-webkit-transform:scale(0);transform:scale(0);}
    100%{opacity:0;-webkit-transform:scale(1);transform:scale(1);}
}
.intro-banner-vdo-play-btn .ripple:nth-child(2){animation-delay:.3s; -webkit-animation-delay:.3s}
.intro-banner-vdo-play-btn .ripple:nth-child(3){animation-delay:.6s;-webkit-animation-delay:.6s}

.btn-glyphicon { padding:8px; background:#ffffff; margin-right:4px; }
.icon-btn { padding: 1px 15px 3px 2px; border-radius:50px;}

/* sponsors */
.title-medSponsors { color: #702d8c; }
.title-medSponsors-1 { color: #eca154; text-align: center; display: inline-block; background-color:#fff; border-radius:3px; padding:3px; }
.title-medSponsors-2 { color: #f47441; text-shadow:0px 1px 0px #fff; text-align: center;}
.title-medSponsors-3 { color: #2e3436; text-shadow:0px 1px 0px #fff; text-align: center;}