@charset "utf-8";
/* CSS Document */
html, body {
width: 100%;
}
img {
width: auto\9;
height: auto;
max-width: 100% !important;
vertical-align: middle;
border: 0;
-ms-interpolation-mode: bicubic;
}
.npm{
margin:0px !important;
padding:0px !important;
}
.img-center {
margin:0px auto !important;
}
#top-bar{
width:100%;
min-height:50px;
height:auto;
background:url(../images/top-header.jpg) repeat;
}
/* Countdown*/
.container{
display:block;
margin-top:3px;
}
#count{
height:40px;
width:300px;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
margin-top:-2px;
}
@-moz-document url-prefix() {
#count{
height:40px;
width:300px;
margin-top:-5px;
}
}
ul.countdown {
list-style: none;
display: block;
text-align: center;
color:#000000;
font-size:16px;
float:left;
margin-top:3px;
}
ul.countdown li {
display: inline-block;
float:left;
}
ul.countdown li span {
font-size:16px;
font-weight: 550;
line-height: 0px;
}
ul.countdown li.seperator {
font-size: 18px;
line-height:12px;
vertical-align: top;
padding-top:3px;
}
ul.countdown li p {
color: #000000;
font-size:12px;
line-height:25px;
padding:0 5px;
font-weight:600;
}
@-moz-document url-prefix() {
#count{
height:40px;
width:300px;
padding-top:8px;
}
ul.countdown li.seperator {
font-size: 18px;
line-height:20px;
vertical-align: top;
}
ul.countdown li p {
color: #000000;
font-size:12px;
line-height:10px;
padding:0 5px;
font-weight:bold;
}
}
/*-- countdown close--*/
.top-nav {
display:inline-block;
color:#000000;
float:right;
}
@-moz-document url-prefix() {
.top-nav li{
display:inline-block;
color:#000000;
font-size:14px;
margin-top:12px;
font-weight:700;
margin-left:3px;
}
}
.top-nav li{
display:inline-block;
color:#000000;
font-size:12px;
margin-top:15px;
font-weight:700;
margin-left:3px;
}
.top-nav li a{
color:#000000;
}
.top-nav li a:hover{
color:#000000;
text-decoration:underline;
font-weight:800;
font-size:11px;
}
#top-icons{
float: right;
width:180px;
}
/* social icone */
/*=========================
Icons
================= */
#social{
width:180px;
margin-top:5px;
}
/* footer social icons */
ul.social-network {
list-style: none;
display: inline;
margin-left:0 !important;
padding: 0;
}
ul.social-network li {
display: inline;
margin: 0 5px;
font-family: 'FontAwesome'!important;
font-style: normal;
}
/* footer social icons */
.social-network a.icoRss:hover {
background-color:#1d75bb;
font-family: 'FontAwesome'!important;
font-style: normal;
}
.social-network a.icoFacebook:hover {
background-color:#3B5998;
font-family: 'FontAwesome'!important;
font-style: normal;
}
.social-network a.icoTwitter:hover {
background-color:#33ccff;
}
.social-network a.icoGoogle:hover {
background-color:#BD3518;
}
.social-network a.icoVimeo:hover {
background-color:#0590B8;
}
.social-network a.icoLinkedin:hover {
background-color:#ce0404;
}
.social-network a.icoRss:hover i, .social-network a.icoFacebook:hover i, .social-network a.icoTwitter:hover i,
.social-network a.icoGoogle:hover i, .social-network a.icoVimeo:hover i, .social-network a.icoLinkedin:hover i {
color:#fff;
font-family: 'FontAwesome'!important;
font-style: normal;
}
a.socialIcon:hover, .socialHoverClass {
color:#44BCDD;
font-family: 'FontAwesome'!important;
font-style: normal;
}
.social-circle li a {
display:inline-block;
position:relative;
margin:0 auto 0 auto;
-moz-border-radius:50%;
-webkit-border-radius:50%;
border-radius:50%;
text-align:center;
width: 30px;
height: 30px;
font-size:16px;
font-family: 'FontAwesome'!important;
font-style: normal;
}
.social-circle li i {
margin:0;
line-height:30px;
text-align: center;
font-family: 'FontAwesome'!important;
font-style: normal;
}
.social-circle li a:hover i, .triggeredHover {
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-ms--transform: rotate(360deg);
transform: rotate(360deg);
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
-o-transition: all 0.2s;
-ms-transition: all 0.2s;
transition: all 0.2s;
}
.social-circle i {
color: #fff;
-webkit-transition: all 0.8s;
-moz-transition: all 0.8s;
-o-transition: all 0.8s;
-ms-transition: all 0.8s;
transition: all 0.8s;
}
.social-network a.icoRss{
background-color: #1d75bb;
font-family: 'FontAwesome'!important;
font-style: normal;
}
.social-network a.icoFacebook {
background-color:#3B5998;
font-family: 'FontAwesome'!important;
font-style: normal;
}
.social-network a.icoTwitter {
background-color:#33ccff;
font-family: 'FontAwesome'!important;
font-style: normal;
}
.social-network a.icoLinkedin {
background-color:#ce0404;
font-family: 'FontAwesome'!important;
font-style: normal;
}
/* -------------*/
/*--------- Mobile view-------------*/
@media screen and (max-width: 524px) {
#top-icons{
float:left;
display:block;
width:180px;
margin-top:5px;
margin-left:10px;
}
.top-nav {
display:inline-block;
color:#000000;
float:left;
}
.top-nav li{
display:inline-block;
color:#000000;
font-size:12px;
margin-top:10px;
font-weight:550;
margin-left:3px;
}
}
@media screen and (max-width: 600px) {
.speaker_a p
{
padding:5px;
font-family:Myriad Pro;
font-size:12px;
}
}
/*----------Mobile view--------------*/
#header{
width:100%;
height:auto;
margin-bottom:10px !important;
}
.gray{
font-family: 'Open Sans Condensed', sans-serif !important;
font-size:16px;
color:#5b6c6e;
margin-top:5px;
}
.btn-primary{
background-color:#662562;
font-size:16px;
color:#FFF;
border:#70196b thin solid;
font-family: 'Open Sans Condensed', sans-serif !important;
display:inline-block;
width:100%;
}
.btn-primary:hover{
background-color:#762271;
border:#662562 thin solid;
}
.btn-warning{
background-color:#ec0212;
font-size:16px;
color:#FFF;
border:#70196b thin solid;
font-family: 'Open Sans Condensed', sans-serif !important;
display:inline-block;
width:100%;
}
.btn-warning:hover{
background-color:#d70614;
border:#662562 thin solid;
}
.btn-success{
background-color:#00b8b9;
font-size:18px;
color:#FFF;
border:#068d8e thin solid;
font-family: 'Open Sans Condensed', sans-serif !important;
display:inline-block;
margin-top:5px;
margin-left:10px;
width:100%;
}
.btn-success:hover{
background-color:#068d8e;
border:#00b8b9 thin solid;
}
.btn-info{
background-color:#00b971;
font-size:18px;
color:#FFF;
border:#049a5f thin solid;
font-family: 'Open Sans Condensed', sans-serif !important;
display:inline-block;
margin-top:5px;
margin-left:10px;
width:100%;
}
.btn-info:hover{
background-color:#049a5f;
border:#00b971 thin solid;
}
#box{
padding-left:8px;
padding-right:8px;
border-left:#5b6c6e thin solid;
border-right:#5b6c6e thin solid;
}
#navigation{
width:100%;
height:53px;
background-color:#35792e;
}
.sticky{
width:100%;
background-color:#35792e;
display:block;
}
/*--------------Growning--------------*/
.button2 {
background-color: #00b971;
}
@-webkit-keyframes glowing {
0% { background-color: #049a5f; -webkit-box-shadow: 0 0 3px #049a5f; }
50% { background-color: #049a5f; -webkit-box-shadow: 0 0 0px #056741; }
100% { background-color: #049a5f; -webkit-box-shadow: 0 0 3px #049a5f; }
}
@-moz-keyframes glowing {
0% { background-color: #049a5f; -moz-box-shadow: 0 0 3px #049a5f; }
50% { background-color: #056741; -moz-box-shadow: 0 0 0px #056741; }
100% { background-color: #049a5f; -moz-box-shadow: 0 0 3px #049a5f; }
}
@-o-keyframes glowing {
0% { background-color: #049a5f; box-shadow: 0 0 3px #049a5f; }
50% { background-color: #056741; box-shadow: 0 0 0px #056741; }
100% { background-color: #049a5f; box-shadow: 0 0 3px #049a5f; }
}
@keyframes glowing {
0% { background-color: #049a5f; box-shadow: 0 0 3px #049a5f; }
50% { background-color: #056741; box-shadow: 0 0 0px #056741; }
100% { background-color: #049a5f; box-shadow: 0 0 3px #049a5f; }
}
.button2 {
-webkit-animation: glowing 1500ms infinite;
-moz-animation: glowing 1500ms infinite;
-o-animation: glowing 1500ms infinite;
animation: glowing 1500ms infinite;
}
/*-----------blink-----------------*/
/*--------------Navbar-------------------*/
.navbar{
background:none !important;
height:auto;
outline:none!important;
border:none!important;
font-size:13px;
font-weight:bold;
color:#FFF;
background-color:#35792e !important;
margin-bottom:0px;
position:relative;
z-index:300 !important;
}
.nav li a{
color:#FFF !important;
margin-left:0px!important;
margin-right:0px!important;
word-spacing:0px!important;
}
@-moz-document url-prefix(){
.navbar{
background:none !important;
height:auto;
outline:none!important;
border:none!important;
font-size:13px;
font-weight:bold;
color:#FFF;
background-color:#35792e !important;
position:relative;
z-index:300 !important;
}
.nav li a{
color:#ffffff !important;
margin-left:0px!important;
margin-right:0px!important;
word-spacing:0px!important;
}
}
.nav li a:hover{
color:#FF0 !important;
}
.active1 a{
color:#FF0 !important;
background:none !important;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
color:#FF0 !important;
background:none !important;
}
.navbar-nav > li > .dropdown-menu {
background-color:#4a8c44 !important;
font-size:14px;
}
.dropdown-menu > li > a {
background-color:#4a8c44 !important;
margin:1px;
}
.dropdown-menu > li > a:hover {
background-color:#35792e !important;
}
#banner .carousel-inner{
margin-top:-19px;
}
.navbar-toggle {
z-index:200;
}
.fixed {
position: fixed;
top: 0 !important;
min-height:50px;
z-index:600 !important;
padding:0px !important;
}
/*-----------Navbar2---------------------*/
/*-------------------IMG Hover Effect----------------------*/
.cuadro_intro_hover{
padding: 0px;
position: relative;
overflow: hidden;
height: 400px;
}
.cuadro_intro_hover:hover{
}
.cuadro_intro_hover:hover .caption{
opacity: 1;
transform: translateY(-150px);
-webkit-transform:translateY(-150px);
-moz-transform:translateY(-150px);
-ms-transform:translateY(-150px);
-o-transform:translateY(-150px);
}
.cuadro_intro_hover img{
z-index: 4;
}
.cuadro_intro_hover .caption{
position: absolute;
top:150px;
-webkit-transition:all 0.3s ease-in-out;
-moz-transition:all 0.3s ease-in-out;
-o-transition:all 0.3s ease-in-out;
-ms-transition:all 0.3s ease-in-out;
transition:all 0.3s ease-in-out;
width: 100%;
}
.cuadro_intro_hover .blur{
background-color:#FFF;
height: 400px;
z-index: 5;
position: absolute;
width: 100%;
}
.cuadro_intro_hover .caption-text{
z-index: 10;
color:#5b5a5a;
padding:0 1px;
position: absolute;
height: 400px;
text-align: center;
top:0px;
width: 100%;
background-color:#ffffff;
cursor:pointer;
}
.cuadro_intro_hover .caption-text:hover{
background-color:#eeeeee;
}
.inn-text{
color:#5b5a5a;
font-size:18px;
padding:0px 3px;
font-family: 'Open Sans Condensed', sans-serif !important;
}
.violet{
color:#662562 !important;
border:#662562 thin solid !important;
margin-top:5px;
}
.sky-blue{
color:#00b8b9 !important;
border:#00b8b9 thin solid !important;
margin-top:5px;
}
.green{
color:#00b971 !important;
border:#00b971 thin solid !important;
margin-top:5px;
}
.yellow{
color:#ebb41f !important;
border:#ebb41f thin solid !important;
margin-top:5px;
}
#ah, #con, #work, #ne{
border:#ffffff thin solid !important;
}
#ah:hover{
border:#662562 2px solid !important;
}
#con:hover{
border:#00b8b9 2px solid !important;
}
#work:hover{
border:#00b971 2px solid !important;
}
#ne:hover{
border:#ebb41f 2px solid !important;
}
/*------------------hover Effect-------------------------*/
#bg1{
background:url(../images/bg1.jpg) no-repeat center center fixed;
/*min-height:420px;*/
padding-bottom:30px !important;
display: block;
height: 100%;
width: 100%;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.key-messages{
width:100%;
height:350px;
background-color:#FFF;
margin-top:35px;
padding:5px 15px;
}
h3{
font-size:28px;
color:#662562 !important;
font-family: 'Open Sans Condensed', sans-serif !important;
font-weight:bold;
margin:5px;
word-spacing:3px;
}
h4{
font-size:22px;
color:#ffffff !important;
font-family: 'Open Sans Condensed', sans-serif !important;
font-weight:bold;
margin-top:10px;
margin-bottom:10px;
word-spacing:3px;
}
#video{
margin-top:35px;
width:100%;
background-color:#FFF;
padding:5px 15px;
}
/*--------------Key Messages----------------*/
#sponsors{
margin-top:15px !important;
}
.line{
width:100%;
height:10px;
background:url(../images/line.jpg) repeat;
margin-top:10px;
margin-bottom:10px;
}
#text{
padding:10px;
text-align:justify;
line-height:180%;
font-family:Verdana, Geneva, sans-serif;
font-size:16px;
color:#444444;
}
#textA{
padding:10px;
text-align:justify;
line-height:180%;
font-family:Verdana, Geneva, sans-serif;
font-size:16px;
color:#000000;
font-weight:500;
}
.read-more{
color:#00b8b9;
font-size:14px;
}
#btn{
font-size:18px !important;
font-weight:bold;
}
#bg2{
width:100%;
min-height:450px;
background:url(../images/venue.jpg) center no-repeat fixed;
/*width:100%;
min-height:400px;
height: 100%;
background:url(../images/bg2.jpg) no-repeat center center fixed;*/
margin-top:15px !important;
padding-bottom:30px !important;
display: block;
width: 100%;
/*-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
*/
}
.white-bg{
background-color:#FFF;
margin-top:20px!important;
height:auto;
}
.p1{
text-align:center !important;
padding:8px;
}
#quick-links{
margin-top:15px !important;
}
#footer{
width:100%;
height:auto;
background-color:#35792e;
font-family: 'Open Sans Condensed', sans-serif !important;
font-size:18px;
color:#FFF;
padding:5px;
}
#venue{
width:100%;
min-height:400px;
background:url(../images/venue.jpg) center no-repeat;
margin-top:45px !important;
}
/*---------------------- ANIMATION---------------------------*/
#car{
width:100%;
height:auto;
}
#grass{
width:100%;
height:126px;
background:url(../images/footer-1.jpg) repeat;
display:block;
margin-top:-30px !important;
z-index:200;
}
#footer a{
text-decoration:none;
color:#FFF;
}
#footer a:hover{
color:#FF0;
}
#footer2{
font-size:16px;
color:#ffffff;
font-weight:550;
background:url(../images/footer-2.jpg);
}
#footer2 a{
text-decoration:none;
color:#FFF;
}
#footer2 a:hover{
color:#FF0;
}
.box{
border:#dcdcdc thin solid;
display:block;
height:180px;
padding:5px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px; /* future proofing */
-khtml-border-radius: 10px; /* for old Konqueror browsers */
}
#flexiselDemo4 li{
border-left:#FFF thin solid;
}
.violet1{
color:#662562 !important;
font-size:24px;
margin-top:15px;
font-family: 'Open Sans Condensed', sans-serif !important;
display:block;
font-weight:bolder;
}
.sky-blue1{
color:#00b8b9 !important;
font-size:24px;
margin-top:15px;
font-family: 'Open Sans Condensed', sans-serif !important;
display:block;
font-weight:bolder;
}
.green1{
color:#00b971 !important;
font-size:24px;
margin-top:15px;
font-family: 'Open Sans Condensed', sans-serif !important;
display:block;
font-weight:bolder;
}
.box1{
line-height:180%;
font-family:Verdana, Geneva, sans-serif;
font-size:14px;
color:#444444;
color:#000;
padding:10px;
}
.shadow {
-moz-box-shadow: 3px 3px 5px 6px #ccc;
-webkit-box-shadow: 3px 3px 5px 6px #ccc;
box-shadow: 3px 3px 5px 6px #ccc;
}
/*------------------------ ANIMATION--------------------------*/
.back-to-top {
cursor: pointer;
position: fixed;
bottom: 20px;
right: 20px;
display:none;
}
#banner-box{
display:block;
height:64px;
background-color:#0d1d31;
margin-top:-68px;
border-radius-topleft: 20px;
border-radius-topright: 20px;
-moz-border-radius-topleft: 20px;
-moz-border-radius-topright: 20px;
-webkit-border-top-left-radius: 20px;
-webkit-border-top-right-radius: 20px;
z-index:500;
position:relative;
padding-top:8px;
}
.yellow{
color:#fdca01;
font-size:15px;
font-weight:bold;
outline:none !important;
border:0 !important;
}
.white{
color:#FFF;
font-size:14px;
}
.l-icon{
font-size:27px !important;
color:#FFF;
}
#text-1{
background-color:#FFF;
margin-top:25px;
padding:10px;
text-align:justify;
line-height:180%;
font-family:Verdana, Geneva, sans-serif;
font-size:16px;
color:#444444;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px; /* future proofing */
-khtml-border-radius: 10px; /* for old Konqueror browsers */
}
#count2{
font-family:Verdana, Geneva, sans-serif;
line-height:180%;
}
#count2 div {
display: inline-block;
line-height: 1;
padding: 03px;
font-size:29px;
}
#count2 span {
display: block;
font-size: 12px;
color: #444444;
}
#days {
font-size:12px;
color: #000000;
}
#hours {
font-size:12px;
color: #000000;
}
#minutes {
font-size:12px;
color: #000000;
}
#seconds {
font-size:12px;
color: #000000;
}
.ld1{
font-size:17px;
margin-top:20px;
}
/*#abs{
width:100%;
height:auto;
background:url(../images/abs.jpg);
text-align:center;
display:block;
}*/
#abs{
width:100%;
height:auto;
background:url(../images/abs.jpg);
background-size: cover;
background-repeat:no-repeat;
text-align:center;
display:block;
}
.awesome {
color:#313131;
position: absolute;
-webkit-animation:colorchange 20s infinite alternate;
font-weight:bold;
}
@-webkit-keyframes colorchange {
0% {
color: #000000;
}
10% {
color: #662562;
}
20% {
color: #000000;
}
30% {
color: #662562;
}
40% {
color: #000000;
}
50% {
color: #662562;
}
60% {
color: #000000;
}
70% {
color: #662562;
}
80% {
color: #000000;
}
90% {
color: #662562;
}
100% {
color: #000000;
}
}
.red{
background-color:#dc143c;
height:280px;
margin-top:40px;
color:#FFF;
font-size:16px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px; /* future proofing */
-khtml-border-radius: 10px; /* for old Konqueror browsers */
}
.red a{
color:#FFF;
}
.red a:hover{
color:#FF0;
}
.red h3{
color:#FFF;
}
.Star-Checked {
color: orange;
}
.fa-check{
font-family: 'FontAwesome'!important;
}
@media only screen and (max-width: 800px) {
#banner .carousel-inner{
margin-top:0px;
}
}
.venue{
background-color:#ffe7ca;
height:auto;
text-align:justify;
}
.venue h5{
font-size:14px;
text-transform:uppercase;
color:#8c2018;
text-align:left;
font-weight:bold;
}
.venue .more a{
float:right;
display:block;
color:#8c2018;
font-size:12px;
}
.speaker_a li
{
padding-top:50px;
}
.speaker_a p
{
padding:5px;
font-family:Myriad Pro;
font-size:16px;
}
.speaker_a hr
{
width:70%;
color:#000;
border:1px solid #8c8b8b;
}
#speaker_a{
margin-top:15px !important;
}
.venue{
background-color:#ffe7ca;
height:auto;
text-align:justify;
border:#8c2018 thin 2px;
display:block;
}
.venue h5{
font-size:14px;
text-transform:uppercase;
color:#8c2018;
text-align:left;
font-weight:bold;
}
.venue .more a{
float:right;
display:block;
color:#8c2018;
font-size:12px;
}
.vticker{
font-size:14px;
line-height:140%;
margin-top:5px;
font-family:Verdana, Geneva, sans-serif;
color:#444444;
margin-left:-10px !important;
text-align:justify;
}
.vticker li{
text-align:left;
/*padding:5px;*/
list-style-type:none;
line-height:170%;
}
.vticker li a{
color:#444444;
text-decoration:none;
}
.vticker li a:hover{
color:#8c2018;
}
.h-line{
width:100%;
height:1px;
display:block;
background-color:#8c2018;
margin-left:-10px !important;
}
/*--------------------------Speaker-------------------------*/
.spb{
margin-top:10px;
margin-right:0px;
margin-left:0px;
}
.thumbnail{
border:none !important;
border:0 !important;
}
.thumbnails li{
list-style-type:none !important;
}
.thumbnails li> .fff .caption {
background:#fff !important;
padding:10px
}
/* Thumbnail Box */
.caption h4 {
color: #662562 !important;
text-align:center;
font-size:20px;
}
.caption p {
color: #999;
text-align:center;
}
ul.thumbnails {
margin-bottom: 0px;
}
/* Thumbnail Box */
/* Carousel Control */
/*.control-box {
text-align: right;
width: 100%;
}
.carousel-control{
background: #666;
border: 0px;
border-radius: 0px;
display: inline-block;
font-size: 34px;
font-weight: 200;
line-height: 18px;
opacity: 0.5;
padding: 4px 10px 0px;
position: static;
height: 30px;
width: 15px;
}
*/
/* Mobile Only */
@media (max-width: 767px) {
.page-header, .control-box {
text-align: center;
}
}
@media (max-width: 479px) {
.caption {
word-break: break-all;
}
}
/*li { list-style-type:none;}*/
.scrol
{
width:100%;
height:100px;
/*margin-top:10px;*/
padding-top:10px;
background-color:#ebe7eb;
border:#aa3d13 1px solid;
}
#scrol p
{
color:#000;
font-weight:bold;
font-size:15px;
font-family:Verdana, Geneva, sans-serif;
}
/*-------------------------SPeaker Close----------------------*/