/*
Theme Name: Shanghai_15
Theme URI: http://gsma.com
Author: the GSMA team
Author URI: http://gsma.com
Description: 2014 Wordpress theme for MWC15 website - a fresh new look and feel.
Version: 1.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags:gsma, MWC15, Mobile World Congress
Text Domain: gsma
*/
/* fonts */
@font-face {
font-family: 'OpenSans';
src: url('fonts/OpenSans.svg#OpenSans') format('svg');
src: url('fonts/OpenSans.eot');
src: url('fonts/OpenSans.eot?#iefix') format('embedded-opentype'),
url('fonts/OpenSans.woff') format('woff'),
url('fonts/OpenSans.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
body.en *{
font-family: 'OpenSans';
}
body.cn *{
font-family: "Microsoft Yahei","微软雅黑", SimSun, "宋体", STXihei, "华文细黑", sans-serif;
}
body {
background: #FFF;
font-size: 15px;
color: #2F2F31;
}
.ninja,
.main-nav ul li.ninja{
display:none;
}
.mobile .main-nav ul li.ninja{
display:inline-block;
}
a,a:hover,a:visited,a:focus {
text-decoration: none;
outline: none;
color: #fc931d;
}
.left-content a, .left-content a:hover {
font-weight:bold;
}
.clr {
width: 100%;
float: left;
}
h1, h1 a {
font-size: 30px;
color: #fc931d;
padding: 0;
}
h4 {
font-size: 15px;
color: #fff;
font-weight:bold;
margin: 0;
float: left;
text-transform: uppercase;
font-weight: normal;
}
#page {
width: 100%;
}
.entry-meta .comments-link {
display:none;
}
/* mwc header area */
#header {
width: 100%;
float: left;
position: relative;
background:url('images/logo1.png');
background-position:top right;
background-repeat: no-repeat;
max-width: 100%;
}
.container {
max-width: 985px;
margin: 0 auto;
position: relative;
}
#content .container.main{
BACKGROUND-COLOR: #ebebeb;
margin-top: 411px;
padding: 0 10px;
}
.page-template-page_home-php #content .container{
background:#ebebeb;
padding:10px;
}
.header-top {
width: 100%;
float: left;
overflow: hidden;
background: url('images/logo2.png') no-repeat top right;
background-position:top right;
}
.above-links {
min-height: 24px;
background: #008682;
padding: 0 10px;
display: inline-block;
*display:inline;
position: relative;
}
.above-links a {
color: #ffffff;
font-size: 12px;
padding: 4px 0 0 2px;
text-align: center;
float: left;
margin-right: 20px;
position: relative;
text-transform: uppercase;
}
.above-links a:hover {
color: #ffffff;
}
.above-links a:active {
color: #ffffff;
}
.above-links a:last-of-type {
margin-right: 0;
}
.above-links a:before {
content: " ";
color: #7aa69f;
height: 8px;
width: 8px;
background: #7aa69f;
border-radius: 8px;
display: inline-block;
*display:inline;
margin-top: -2px;
margin-right: 5px;
vertical-align: middle;
}
.left-corner {
width: 0;
height: 0;
border-style: solid;
border-width: 0 22px 26px 0;
border-color: transparent #2f2f31 transparent transparent;
position: absolute;
top: 0;
left: -22px;
}
.right-corner {
width: 0;
height: 0;
border-style: solid;
border-width: 26px 22px 0 0;
border-color: #2f2f31 transparent transparent transparent;
position: absolute;
top: 0;
right: -22px;
border-style: solid;
}
.header-map {
width: 373px;
height: 178px;
background: url(images/header_map.png) no-repeat;
position: absolute;
right: 245px;
top: 15px;
}
.innovation-splash {
width: 289px;
height: 210px;
position: absolute;
right: 0;
top: 0;
}
.innovation-deco {
width: 289px;
height: 210px;
background: url(images/innovation_splash.png) no-repeat;
position: absolute;
right: -25px;
top: 0;
z-index: 4;
}
.deco-top-left{
background:url('images/deco_top_left.jpg');
height: 92px;
position: absolute;
width: 195px;
top: 0;
left: 10px;
display: block;
background-repeat: no-repeat;
}
.deco1 {
width: 0;
height: 0;
border-width: 0 250px 75px 40px;
border-color: transparent transparent #94CFCF;
position: absolute;
bottom: 0;
right: -275px;
border-style: solid;
z-index: 0;
}
.deco2 {
width: 0;
height: 0;
border-width: 0 400px 80px 95px;
border-color: transparent transparent #BD2429;
position: absolute;
bottom: 0;
right: -460px;
border-style: solid;
z-index: 1;
}
.deco3 {
width: 0;
height: 0;
border-width: 0 125px 40px;
border-color: transparent transparent #94CFCF;
position: absolute;
bottom: 0;
right: -42px;
border-style: solid;
z-index: 2;
}
.logo {
height: 110px;
display: block;
clear: both;
padding: 0;
margin: 32px 25px 34px -5px;
max-width: 100%;
}
.logo-wrap{
height: 203px;
margin-top: -24px;
width: 388px;
}
.logo-wrap .fade-bar{
background: url('images/fade.png');
height: 300px;
width: 47px;
margin-left: -47px;
background-position: top right;
display: inline-block;
*display:inline;
vertical-align: top;
margin-bottom: -300px;
}
.logo-wrap .fade-bar.right{
margin-right: -47px;
position: absolute;
margin-left: 0;
background-position: top left;
}
.logo span {
display: none;
}
.logo a {
width: 342px;
height: 141px;
float: left;
background: url(images/ofi-ttl-logo.png) no-repeat left top;
max-width: 100%;
background-size: 100%;
}
/* mwc main-nav area */
.main-nav {
width: 100%;
float: left;
background: #fc921c;
}
.main-nav ul {
margin: 0;
padding: 0;
float: left;
list-style-type: none;
}
.main-nav ul li {
margin: 0;
padding: 0;
display: inline-block;
*display:inline;
margin-right: -5px;
}
.main-nav .desk_main {
overflow: hidden;
}
.main-nav .desk_main > .desk_parent > a {
color: #FFF;
font-size: 20px;
line-height: 48px;
padding: 14px 25px;
transition: all ease .15s;
background-position: center 130px;
text-transform: uppercase;
}
.main-nav .desk_main > .desk_parent:first-child > a{
padding-left:20px;
}
.main-nav .desk_main > .desk_parent > a:hover {
background-color: #d67e1c;;
}
.desk_item_open > a {
background: url(images/desk_menu_item.png) no-repeat bottom center #d67e1c !important;
}
.search-bar {
width: 250px;
height: 30px;
float: right;
margin: 10px 10px 0 -10px;
background: #ce7811;
-webkit-border-radius: 15px 15px 15px 15px;
border-radius: 15px 15px 15px 15px;
overflow: hidden;
}
.search-bar .search-result-container{
display:none;
}
.search-bar .searchin,
.search-bar .searchbtn{
display:none;
}
.search-result-container{
width: 100%;
background-color: #d67e1c;
}
.search-result-container .inner{
background-color: white;
margin-right: 25px;
margin-left: 25px;
margin-bottom: 25px;
}
.search-result-container .pagination li{
margin: 0;
margin-right: 10px;
height: 22px;
padding-top:3px;
width: 40px;
text-align: center;
border-bottom-left-radius: 20px;
border-bottom-right-radius: 20px;
}
.search-result-container .pag-wrap.bottom li{
border-radius:0;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
height: 20px;
padding-top:5px;
}
.search-result-container .result-item:hover{
background-color: #EAE9E9;
}
.search-holder {
position: relative;
float: left;
width: 100%;
}
.search-bar .searchfor{
height: 24px;
margin-left: 10px;
width: 90%;
background: none;
border: none;
color: white;
}
.search-field {
padding: 0 30px;
height: 30px;
font-size: 14px;
color: #fff;
border: 0 none;
background: none;
line-height: 30px;
}
#colorbox{
max-width: 80%;
margin: 0 10%;
}
.search-submit {
position: absolute;
width: 30px;
height: 30px;
left: 0;
top: 0;
background: url(images/search_mag.png) no-repeat center center;
border: 0 none;
}
.search-bar.relevanssi .screen-reader-text {
display:none;
}
.search-bar.relevanssi input.search-submit {
background: url("http://www.google.com/uds/css/v2/search_box_icon.png") no-repeat scroll 15px 14px;
text-indent: 5000px;
margin: 5px 0 0 73%;
border:none;
}
.search-result-container.relevanssi {
float:left;
display:none;
margin-top:0px;
}
.search-results .loop-pagination .next.page-numbers,
.search-results .loop-pagination .prev.page-numbers {
width: 20%;
}
.search-results .loop-pagination .prev.page-numbers {
margin-left: 0;
}
::-webkit-input-placeholder { color: #fff !important; }
::-moz-placeholder { color: #fff !important; }
:-ms-input-placeholder { color: #fff !important; }
input:-moz-placeholder { color: #fff !important; }
.main-nav .desk_parent > ul {
width: 92.1%;
height: 0;
padding: 0 4% 0;
margin-top: 30px;
top: 150px;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMwMmQyZiIgc3RvcC1vcGFjaXR5PSIwLjk1Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwOTA3MDciIHN0b3Atb3BhY2l0eT0iMC45NSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, rgba(48,45,47,0.95) 0%, rgba(9,7,7,0.95) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(48,45,47,0.95)), color-stop(100%,rgba(9,7,7,0.95)));
background: -webkit-linear-gradient(top, rgba(48,45,47,0.95) 0%,rgba(9,7,7,0.95) 100%);
background: -o-linear-gradient(top, rgba(48,45,47,0.95) 0%,rgba(9,7,7,0.95) 100%);
background: -ms-linear-gradient(top, rgba(48,45,47,0.95) 0%,rgba(9,7,7,0.95) 100%);
background: linear-gradient(to bottom, rgba(48,45,47,0.95) 0%,rgba(9,7,7,0.95) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2302d2f', endColorstr='#f2090707',GradientType=0 );
position: absolute;
left: 0px;
transition: all ease .15s;
opacity: 0;
z-index: 1010;
-webkit-column-count: 4;
-moz-column-count: 4;
column-count: 4;
visibility: hidden;
}
.close_desk_item {
border: none;
background: #fc921c;
padding: 0;
display: block;
width: 48px;
height: 48px;
cursor: pointer;
margin: 0;
position: absolute;
right: 3%;
background: url(images/mobile_menu.png) no-repeat left bottom;
-webkit-transition: all .1s ease;
-moz-transition: all .1s ease;
-o-transition: all .1s ease;
transition: all .1s ease;
}
.desk_item_open > .sub-menu {
padding: 30px 4% 35px !important;
height: 255px !important;
margin-top: 0 !important;
top: 48px !important;
opacity: 1 !important;
display: inline-table;
visibility: visible !important;
}
.desk_item_open > .sub-menu > li {
width: 25%;
float: left;
padding-bottom: 5px;
}
.desk_item_open > .sub-menu > li .sub-menu {
width: 100%;
float: left;
}
.desk_item_open > .sub-menu > li .sub-menu li {
width: 100%;
float: left;
}
.desk_item_open > .sub-menu > li .sub-menu li a {
padding-left: 5%;
}
.sub-menu a {
color: #ffffff;
font-size: 13px;
font-weight: normal;
line-height: normal;
padding: 0 0 5px 0;
float: left;
text-decoration: none;
}
.sub-menu .menu-item-has-children > a {
color: #93cfcf;
text-transform: uppercase;
}
.desk_item_open > .sub-menu > li > a {
color: #93cfcf !important;
text-transform: uppercase !important;
}
.footer-partner {
display: inline-block;
*display:inline;
vertical-align: top;
width: 120px;
}
.footer-partner img {
height: 50px;
}
.basic-slider{
width: 100%;
overflow: hidden;
height: 0px;
font-size:14px;
position:relative;
background:url('images/deco-slider.png');
background-repeat: no-repeat;
background-position: -15px -80px;
clear:both;
}
.basic-slider .slide-item{
height:320px;
position: absolute;
width: 100%;
}
.basic-slider .slide-content,
.basic-slider .slide-img{
width: 50%;
height: 100%;
float: left;
display: block;
}
.basic-slider .slide-content{
overflow:auto;
}
.basic-slider .slide-content .inner{
margin-left: 130px;
margin-top: 125px;
margin-right: 25px;
}
.basic-slider h3,
.basic-slider h3 a{
font-size:45px;
margin: 0;
color:#fc921c;
line-height: 1.1em;
}
.basic-slider .slide-img .decal{
background:url('images/angle-crop.png');
background-repeat:no-repeat;
position: absolute;
width: 57px;
width:5%;
height: 100%;
background-size:cover;
}
.basic-slider .slide-img img{
width: 100%;
height: 100%;
}
.basic-slider .navi{
top: 269.176470588235px;
position: relative;
margin-top: -40px;
}
.basic-slider .navi div,
.search-results .loop-pagination .page-numbers
{
display: inline-block;
*display:inline;
width: 60px;
height: 30px;
background-color: #d0d2d2;
border-top-left-radius: 30px;
border-top-right-radius: 30px;
margin-left: 10px;
margin-top: 10px;
-webkit-transition : background-color 500ms ease-out;
-moz-transition : background-color 500ms ease-out;
-o-transition : background-color 500ms ease-out;
transition : background-color 500ms ease-out;
font-weight:bold;
font-size:20px;
text-align:center;
padding-top: 7px;
cursor:pointer;
}
.basic-slider .navi div.current{
background-color:#fc921c;
}
.basic-slider .slider-arrows{
position:absolute;
}
.basic-slider .slider-arrows div{
display: inline-block;
*display:inline;
background: url('images/arrows.jpg');
height: 38px;
width: 20px;
background-repeat: no-repeat;
cursor: pointer;
}
.basic-slider .slider-arrows .slide-left{
margin-left:20px;
}
.basic-slider .slider-arrows .slide-right{
background-position: -22px 0;
position: relative;
margin-left: -20px;
}
/* mwc slider area */
#slider {
width: 100%;
float: left;
height: 320px;
background: #800101;
/* Old browsers */
background: -moz-linear-gradient(left, #800101 0%, #660001 100%);
/* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#800101), color-stop(100%,#660001));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, #800101 0%,#660001 100%);
/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, #800101 0%,#660001 100%);
/* Opera 11.10+ */
background: -ms-linear-gradient(left, #800101 0%,#660001 100%);
/* IE10+ */
background: linear-gradient(to right, #800101 0%,#660001 100%);
/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#800101', endColorstr='#660001',GradientType=1 );
/* IE6-9 */;
}
.slider-relate {
width: 100%;
float: left;
background: url(images/honeycomb_trans.png) top center repeat-x;
transition: background-image ease-in-out .4s;
-webkit-transition: background-image ease-in-out .4s;
-moz-transition: background-image ease-in-out .4s;
-o-transition: background-image ease-in-out .4s;
-ms-transition: background-image ease-in-out .4s;
}
.main-slider {
width: 100%;
float: left;
}
.slider-box {
width: 25%;
float: left;
text-align: center;
height: 320px;
cursor: pointer;
transition: all linear .4s;
-webkit-transition: all linear .4s;
-moz-transition: all linear .4s;
-o-transition: all linear .4s;
-ms-transition: all linear .4s;
}
.main-slider .disabled_box {
opacity: 0;
visibility: hidden;
}
.unfolded {
border-top: 320px solid #fff;
border-left: 100px solid transparent;
border-right: 180px solid transparent;
height: 0;
visibility: hidden;
opacity: 0;
width: 50%;
position: absolute;
right: -49px;
top: 0;
color: #333;
z-index: 2;
transition: all linear .2s;
-webkit-transition: all linear .2s;
-moz-transition: all linear .2s;
-o-transition: all linear
.2s;
-ms-transition: all linear .2s;
}
.unfold .unfolded {
opacity: 1;
visibility: visible;
}
.slider-graph {
width: 100%;
height: 280px;
position: relative;
margin: 10px 0 0 0;
transition: all linear .4s;
-webkit-transition: all linear .4s;
-moz-transition: all linear .4s;
-o-transition: all linear
.4s;
-ms-transition: all linear .4s;
}
.slider-box:hover .slider-graph {
height: 150px;
}
.slider-graph img {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto;
}
.slider-main-tag {
width: 100%;
float: left;
margin-bottom: 15px;
height: 0;
margin-top: -80px;
overflow: hidden;
transition: all linear .3s;
-webkit-transition: all linear .3s;
-moz-transition: all linear .3s;
-o-transition: all linear
.3s;
-ms-transition: all linear .3s;
}
.slider-box:hover .slider-main-tag {
-webkit-animation: tagAnimateHov .2s linear .4s 1 forwards;
animation: tagAnimateHov .2s linear .4s 1 forwards;
}
@keyframes tagAnimateHov {
0% {
margin-top: -80px;
height: 0px;
}
20% {
margin-top: 0px;
height: 0px;
}
100% {
margin-top: 0px;
height: 100px;
}
}
@-webkit-keyframes tagAnimateHov {
0% {
margin-top: -80px;
height: 0px;
}
20% {
margin-top: 0px;
height: 0px;
}
100% {
margin-top: 0px;
height: 100px;
}
}
.slider-main-title {
font-size: 52px;
color: #91D0D0;
line-height: 60px;
float: left;
width: 100%;
}
.slider-cyan-title {
font-size: 17px;
color: #91D0D0;
line-height: 20px;
float: left;
width: 100%;
}
.slider-more {
color: #fff !important;
font-size: 12px;
padding: 5px 10px;
border: 1px solid #fff;
text-transform: uppercase;
opacity: 0;
transition: all linear .1s;
-webkit-transition: all linear .1s;
-moz-transition: all linear .1s;
-o-transition: all linear
.4s;
-ms-transition: all linear .1s;
}
.slider-box:hover .slider-more {
-webkit-animation: moreAnimateHov .2s linear .9s 1 forwards;
animation: moreAnimateHov .2s linear .9s 1 forwards;
}
@keyframes moreAnimateHov {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-webkit-keyframes moreAnimateHov {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.unfold {
cursor: default;
}
.unfold .slider-graph,.unfold .slider-main-tag,.unfold .slider-more {
visibility: hidden;
opacity: 0;
}
.unfolded-content {
position: relative;
top: -320px;
float: left;
text-align: left;
}
.close_unfolded {
border: none;
background: none;
padding: 0;
display: block;
width: 25px;
height: 25px;
cursor: pointer;
margin: 0;
position: absolute;
right: -120px;
top: 20px;
background: url(images/close_slide.png) no-repeat left top;
-webkit-transition: all .1s ease;
-moz-transition: all .1s ease;
-o-transition: all .1s ease;
transition: all .1s ease;
}
.arrow-unfolded {
display: none;
}
.unfolded-left {
float: left;
width: 70%;
border-right: solid 1px #efefef;
padding-right: 5%;
}
.unfolded-title {
font-size: 30px;
color: #E6323B;
line-height: 44px;
font-weight: normal;
float: left;
width: 100%;
margin: 15px 0 10px;
padding: 0;
}
.unfloded-more {
float: left;
background: #fc921c;
color: #fff !important;
font-size: 15px;
font-weight: normal;
margin: 0;
height: 19px;
padding: 5px 15px;
position: relative;
}
.unfloded-more span {
border-color: transparent transparent transparent #fc921c;
border-style: solid;
border-width: 29px 0 0 30px;
height: 0;
left: 100%;
position: absolute;
top: 0;
width: 0;
}
.unfolded-right {
position: absolute;
width: 30%;
right: -10%;
top: 70px;
}
.unfolded-small-title {
font-size: 12px;
color: #E6323B;
line-height: 18px;
text-transform: uppercase;
font-weight: normal;
float: left;
width: 100%;
margin: 0 0 10px;
padding: 0;
}
.unfloded-logo {
width: 100%;
float: left;
}
.unfolded-right img {
max-width: 100%;
float: left;
}
/* mwc actions area */
.actions {
width: 100%;
float: left;
background: #ebebeb;
padding: 22px 0;
position: relative;
}
.top-actions {
width: 100%;
float: left;
}
.red_button {
font-size: 21px;
color: #fff !important;
background: #fc921c;
height: 63px;
vertical-align: middle;
text-align: center;
overflow: hidden;
text-overflow: ellipsis;
line-height: 63px;
-webkit-transition: background-color 0.4s;
-moz-transition: background-color 0.4s;
-ms-transition: background-color 0.4s;
-o-transition: background-color 0.4s;
transition: background-color 0.4s;
}
.red_button:hover,.red_button:focus {
color: #fff;
background: #d67e1c;
}
.col {
float: left;
margin-left: 1.2%;
}
/* grid4 col */
.grid4 .col {
width: 24.1%;
}
/* clear col */
.grid4 .col:nth-of-type(4n+1) {
margin-left: 0;
clear: left;
}
/* grid4 col */
.grid5 .col {
width: 19%;
}
/* clear col */
.grid5 .col:nth-of-type(5n+1) {
margin-left: 0;
clear: left;
}
/* mwc content area */
#content {
width: 100%;
float: left;
padding: 28px 0;
overflow: hidden;
}
.content-box {
width: 320px;
height: 232px;
float: left;
margin: 0 10px 10px 0;
background: url('images/mobile_box_comb.png') repeat #929292;
overflow: hidden;
position: relative;
}
.content-box-line{
background-color: #7aa69f;
margin-top: 5px;
padding: 36px 36px 36px 36px;
border-left: 10px solid #e8212c;
cursor:pointer;
}
.content-box-line h2{
margin: 0;
height: 36px;
color: white;
font-size:30px;
}
.content-box-line:hover{
background: #d67e1c;
}
.content-box-line:first-child{
margin-top:0;
}
.content-box-line a{
display: inline-block;
*display:inline;
width: 100%;
}
.content-box-line h2:after{
content: ' ';
background-image: url('images/arrows.png');
background-repeat: no-repeat;
background-position: -55px -7px;
width: 14px;
height: 25px;
float: right;
}
#content .content-box:nth-of-type(2n+2) {
margin-right: 0;
}
.content-box a {
float: left;
width: 100%;
height: 100%;
}
.content-box a img {
position: absolute;
left: 0;
top: 0;
width: 100%;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
filter: url("data:image/svg+xml;utf8,#grayscale");
/* Firefox 10+, Firefox on Android */
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
filter: grayscale(100%);
filter: gray;
/* IE 6-9 */;
}
.content-box a .tint {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
z-index: 1;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzA5MmIyNyIgc3RvcC1vcGFjaXR5PSIwLjQiLz4KICAgIDxzdG9wIG9mZnNldD0iMiUiIHN0b3AtY29sb3I9IiMwOTJiMjciIHN0b3Atb3BhY2l0eT0iMC41Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwZjFkMWEiIHN0b3Atb3BhY2l0eT0iMC41NSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, rgba(9,43,39,0.4) 0%, rgba(9,43,39,0.5) 2%, rgba(15,29,26,0.55) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(9,43,39,0.4)), color-stop(2%,rgba(9,43,39,0.5)), color-stop(100%,rgba(15,29,26,0.55)));
background: -webkit-linear-gradient(top, rgba(9,43,39,0.4) 0%,rgba(9,43,39,0.5) 2%,rgba(15,29,26,0.55) 100%);
background: -o-linear-gradient(top, rgba(9,43,39,0.4) 0%,rgba(9,43,39,0.5) 2%,rgba(15,29,26,0.55) 100%);
background: -ms-linear-gradient(top, rgba(9,43,39,0.4) 0%,rgba(9,43,39,0.5) 2%,rgba(15,29,26,0.55) 100%);
background: linear-gradient(to bottom, rgba(9,43,39,0.4) 0%,rgba(9,43,39,0.5) 2%,rgba(15,29,26,0.55) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66092b27', endColorstr='#8c0f1d1a',GradientType=0 );
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
}
.content-box a:hover .tint {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
-moz-opacity: 0;
-khtml-opacity: 0;
opacity: 0;
}
.content-box a:hover > img {
-webkit-filter: none;
-moz-filter: none;
-ms-filter: none;
filter: none;
}
.box-arrow {
position: absolute;
right: 0;
bottom: 0;
width: 60px;
height: 60px;
background: url(images/box_arrow.png) no-repeat center center;
background-color: #fc921c;
transition: all ease-in .4s;
z-index: 2;
}
.content-box a:hover .box-arrow {
background-color: #93D0CF;
}
.connt-box-title {
font-size: 40px;
color: #fff;
margin: 25px 0 0 30px;
padding: 0;
float: left;
position: relative;
z-index: 5;
font-weight: normal;
line-height: 43px;
max-width: 230px;
}
/*widgets*/
.widget-title {
display: none;
}
.right-content aside,
.right-content .textwidget{
display:inline;
}
.sidebar-box {
width: 320px;
float: left;
margin-bottom: 10px;
}
.sidebar-box .corner{
display:none;
}
.sidebar-box ul {
width: 100%;
float: left;
list-style-type: none;
margin: 0;
padding: 0;
}
.sidebar-box li {
width: 100%;
float: left;
overflow: hidden;
background: #FFF;
margin-top: 1px;
position: relative;
}
.side-popular li {
height: 40px;
float: left;
}
.side-popular li a {
float: left;
color: #333333;
font-size: 16px;
width: 80%;
padding: 10px 24px;
}
.side-popular li a:after {
right: 12px;
top: 16px;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-left-color: #fc931d;
border-width: 4px 8px;
}
.sidebar-box .item-wrap {
width: 100%;
height: 200px;
float: left;
position: relative;
}
.sidebar-box .item-wrap .image_holder {
width: 100%;
height: 180px;
float: left;
overflow: hidden;
}
.sidebar-box .item-wrap .image_holder img {
float: left;
width: 100%;
height: 100%;
}
/* Mihai */
.sidebar-box .item-wrap .image_holder img {
float: left;
width: 100%;
height: auto;
}
.sidebar-title {
width: 100%;
float: left;
background: #FFF;
position: relative;
}
.sidebar-title-box {
width: 100%;
float: left;
background: #FFF;
position: relative;
}
.sidebar-title h2,
.page-default .sidebar-title h2{
float: left;
clear: both;
text-transform: uppercase;
margin: 0;
padding: 15px 10px 10px 24px;
line-height: 22px;
font-weight: normal;
padding: 20px 0 20px 20px;
font-size: 22px;
font-weight: bold;
color: #fc921c;
width: 93.4%;
}
.sidebar-title-box h2,
.page-default .sidebar-title-box h2{
float: left;
clear: both;
text-transform: uppercase;
margin: 0;
padding: 18px 25px 12px 24px;
line-height: 30px;
font-weight: normal;
color:#e7323b;
font-weight: bold;
}
.small-arrow {
left: 85%;
top: 35px;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-left-color: #fc921c;
border-width: 7px 7px;
}
.sidebar-tag {
position: absolute;
left: 0;
bottom: 0;
background: #fc921c;
margin: 0;
width: 88%;
height: 40px;
border-top-right-radius: 20px;
border-bottom-right-radius: 20px;
}
.sidebar-tag span {
padding: 10px 12px 10px 10px;
color: #fff !important;
font-size: 16px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.sidebar-tag:before {
margin-left: 10px;
border: solid transparent;
content: " ";
height: 0;
width: 0;
pointer-events: none;
display: inline-block;
*display:inline;
border-color: transparent transparent transparent white;
border-width: 6px 8px;
margin-top: 12px;
margin-right: -10px;
}
/* twitter sidebar */
.tweets {
float: left;
}
.small-logo-tweets {
position: absolute;
width: 46px;
height: 46px;
left: 0;
top: 0;
}
.tweets .sidebar-title h1 {
color: #2F2F31;
font-size: 18px;
padding: 10px 64px;
}
.tweets-time {
position: absolute;
right: 0;
top: 0;
color: #E6323B;
font-size: 12px;
padding: 15px 30px 0 0;
}
.tweets .tweets-holder {
position: relative;
width: 100%;
float: left;
height: 160px;
overflow: hidden;
}
.tweets .tweets-holder ul {
width: auto;
}
.next_tweet {
position: absolute;
right: 0;
top: 0;
width: 20px;
height: 50%;
background: #303031;
z-index: 2;
}
.prev_tweet {
position: absolute;
right: 0;
bottom: 0;
width: 20px;
height: 50%;
background: #fc931d;
z-index: 2;
}
.next_tweet:after {
border-color: transparent transparent transparent #fff;
border-style: solid;
border-width: 4px 8px;
content: " ";
width: 0;
height: 0;
position: absolute;
left: 7px;
top: 0;
bottom: 0;
margin: auto;
}
.prev_tweet:after {
border-color: transparent #fff transparent transparent;
border-style: solid;
border-width: 4px 8px;
content: " ";
width: 0;
height: 0;
position: absolute;
right: 7px;
top: 0;
bottom: 0;
margin: auto;
}
.tweets .tweets-holder ul {
width: auto;
height: 160px;
background: #FFF;
}
.tweets .tweets-holder ul li {
padding: 0 25px;
width: auto;
display: none;
}
.tweets .tweets-holder ul .active_tweet {
display: block;
}
.social-facebook {
width: 25%;
height: 80px;
background: url(images/social-facebook.png) no-repeat center center;
background-color: #2E7DC1;
float: left;
transition: all .40s ease-in;
}
.social-twitter {
width: 25%;
height: 80px;
background: url(images/social-twitter.png) no-repeat center center;
background-color: #00CDF2;
float: left;
transition: all .40s ease-in;
}
.social-in {
width: 25%;
height: 80px;
background: url(images/social-in.png) no-repeat center center;
background-color: #007AB8;
float: left;
transition: all .40s ease-in;
}
.social-google {
width: 25%;
height: 80px;
background: url(images/social-google.png) no-repeat center center;
background-color: #e04006;
float: left;
transition: all .40s ease-in;
}
.social-wechat {
width: 25%;
height: 80px;
background: url(images/social-wechat.png) no-repeat center center;
background-color: #689d27;
float: left;
transition: all .40s ease-in;
}
.social-youku {
width: 25%;
height: 80px;
background: url(images/social-youku.png) no-repeat center center;
background-color: #069beb;
float: left;
transition: all .40s ease-in;
}
.social-weibo {
width: 25%;
height: 80px;
background: url(images/social-weibo.png) no-repeat center center;
background-color: #d22d2b;
float: left;
transition: all .40s ease-in;
}
.sidebar-updates {
width: 60px;
height: 60px;
position: absolute;
right: 0;
top: 0;
background: url(images/social-mail.png) no-repeat center center;
background-color: #e8212c;
transition: all .40s ease-in;
}
.side-menu {
padding-bottom: 20px !important;
background: #FFF;
}
.side-menu li {
float: left;
margin-top: 0;
}
.side-menu li a {
float: left;
color: #303031;
font-size: 15px;
width: 75%;
padding: 2px 24px 2px 45px;
}
.side-menu li a:after {
left: 24px;
top: 6px;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-left-color: #fc921c;
border-width: 4px 8px;
}
.side-menu li a:hover,.side-menu .current_page_item a {
color: #d67e1c;
}
.side-menu li ul {
display: none;
}
.side-menu .current_page_item ul {
display: block;
padding-left: 25px;
}
.side-menu .current_page_item_parent ul {
display: block;
padding-left: 25px;
}
.side-menu .current_page_item ul li ul {
display: none;
}
.side-menu .current_page_item ul li a {
color: #303031;
}
.bread {
float: left;
background: #FFF;
position: relative;
padding: 15px 10px 0 24px;
margin-bottom: -8px;
}
.bread a {
float: left;
font-size: 13px;
color: #303030;
padding: 0;
}
.bread a span {
float: left;
font-size: 13px;
color: #303030;
padding: 0 5px;
}
.bread a:first-child span {
display: none;
}
.cdeco1 {
position: absolute;
top: 0;
left: -172px;
z-index: 0;
background: url('images/mae_deco.jpg');
height: 358px;
width: 172px;
}
.cdeco2 {
position: absolute;
top: 415px;
right: -187px;
z-index: 0;
width: 0px;
height: 150px;
background: url('images/mae_deco.jpg');
height: 358px;
width: 187px;
background-position: -380px 0px;
}
.left-content {
width: 650px;
display:inline-block;
*display:inline;
margin-right: 10px;
vertical-align:top;
}
.page-template-page_full-php .cdeco1{
top:350px;
}
.page-template-page_full-php .left-content{
width:auto;
}
.page-template-page_full-php .fill{
padding: 20px;
}
.page-template-page_full-php .container{
clear:both;
}
/* tablestyle*/
.left-content table,.left_content table thead {
width: 100%;
color: #333333;
font-size: 85%;
line-height: 20px;
-webkit-font-smoothing: antialiased;
float: left;
}
.left-content table tr td {
padding: 1% 2%;
}
.left-content table .bg_colour {
background-color: #E3E3E3;
}
.left-content table a {
float: left;
margin: 2px 0 0 0;
padding: 0;
text-decoration: none;
width: 100%;
}
.left-content table span {
color: #333333;
font-size: 15px;
line-height: 20px;
-webkit-font-smoothing: antialiased;
float: left;
}
.left-content table tr:first-child {
color: #EA2D34;
font-size: 18px;
font-weight: normal;
text-align: left;
}
.left-content table th {
color: #EA2D34;
font-size: 18px;
font-weight: normal;
text-align: left;
}
.left-content table tr:nth-child(even) {
background-color: #efeded;
border-top: 1px solid #e3e3e3;
border-bottom: 1px solid #e3e3e3;
/* move spacing to the cell */;
}
/* tableend*/
.right-content {
width: 320px;
display: inline-block;
*display:inline;
vertical-align:top;
float:right;
}
/* mwc quick-links area */
#quick-links {
width: 100%;
float: left;
background: #e8212c;
padding: 30px 0;
}
#quick-links h4 {
position: relative;
margin-bottom: 30px;
}
#quick-links h4 span {
background-image: url('images/arrows.png');
background-repeat: no-repeat;
width: 16px;
height: 20px;
display: inline-block;
*display:inline;
background-position: -70px -10px;
margin-bottom: -5px;
}
.quick-links-box a p {
color: #000;
}
.quick-links-box a:hover p {
color: #fc921c;
}
.quick-links-box {
width: 320px;
min-height: 554px;
float: left;
background: #FFF;
margin-bottom: 10px;
}
.quick-links-box:nth-of-type(3) {
margin: 0 10px 10px 10px;
}
.vertical {
height: 570px;
}
.image-side {
float: left;
overflow: hidden;
}
.description-side {
width: 100%;
float: left;
overflow: hidden;
}
.description-side .description {
float: left;
padding: 10px 28px 28px 28px;
height: 239px;
}
.image-side img {
width: 100%;
float: left;
}
.quick-links-box h1 {
text-transform: uppercase;
}
/* page */
.page-default {
padding-top: 0 !important;
}
.featured {
float: left;
width: 100%;
height: 400px;
padding-top: 10px;
background: #303031;
}
.page_cdeco1 {
border-color: transparent #7aa69f;
border-style: solid;
border-width: 0 0 400px 150px;
left: 0;
position: absolute;
top: 0px;
width: 0px;
}
.page_cdeco2 {
background: #7aa69f;
width: 500px;
height: 400px;
position: absolute;
top: 0px;
left: -500px;
}
.page_cdeco3 {
border-color: transparent #e7313a #e7313a transparent;
border-style: solid;
border-width: 5px 40px 230px 90px;
left: -140px;
position: absolute;
top: 550px;
z-index: 0;
}
.page_cdeco4 {
border-color: #e7313a transparent;
border-style: solid;
border-width: 220px 0 0 130px;
left: -140px;
position: absolute;
top: 785px;
z-index: 0;
}
.page_cdeco5 {
border-color: transparent #93cfcf;
border-style: solid;
border-width: 150px 250px 350px 0;
left: -260px;
position: absolute;
top: 1180px;
z-index: 0;
}
.page_cdeco6 {
border-color: transparent #86161f transparent transparent;
border-style: solid;
border-width: 250px 60px 60px 70px;
left: -140px;
position: absolute;
top: 1415px;
z-index: 1;
}
.after_content_gap {
width: 100%;
background: url("images/content_pat.png") repeat #ebebeb;
float: left;
height: 28px;
position: relative;
z-index: 2;
}
.page-default .fill {
background: #FFF;
float: left;
padding: 0 25px;
min-height: 700px;
min-width: 600px;
}
.page-full .fill{
background: #FFF;
float: left;
padding: 0 25px;
width:100%;
}
.page-full .left-content{
width:100%;
}
.page-default .right-content {
margin-top: -400px;
}
.page-default .left-content {
margin-top: -90px;
}
.page-default .main-heading {
font-size: 36px;
font-weight: normal;
float: left;
width: 100%;
padding: 20px 0;
margin: 0;
line-height: 50px;
}
.page-default .secondary-heading {
color: #303030;
font-size: 26px;
font-weight: normal;
float: left;
width: 100%;
padding: 20px 0;
margin: 0;
line-height: 40px;
}
.left-content.no-img {
margin-top: -400px;
}
.page-default h2 {
font-size: 20px;
color: #AAAAAA;
font-weight: bold;
float: left;
width: 100;
padding: 0 0 20px 0;
margin: 0;
line-height: 22px;
text-transform: uppercase;
width: 100%;
}
.page-default h3 {
color: #fc931d;
font-size: 16px;
font-weight: bold;
float: left;
width: 100%;
padding: 0 0 10px 0;
margin: 0;
line-height: 24px;
text-transform: uppercase;
}
.page-default h4 {
font-size: 15px;
color: #AAAAAA;
font-weight: normal;
float: left;
width: 100;
padding: 0 0 10px 0;
margin: 0;
line-height: 24px;
text-transform: uppercase;
letter-spacing: 1.5px;
background: none;
}
.grey_gap {
width: 100%;
height: 2px;
background: #F1F1F1;
float: left;
margin-bottom: 25px;
}
.page-default p {
float: left;
line-height: 20px;
margin: 0;
padding: 0 0 20px 0;
width: 100%;
}
.page-default .left-content ul {
float: left;
line-height: 20px;
width: 100%;
margin: 0;
padding: 0 0 20px 0;
list-style-type: none;
position: relative;
}
.page-default .left-content ol {
float: left;
line-height: 20px;
width: 100%;
margin: 0;
padding: 0 0 20px 0;
list-style-position: inside;
position: relative;
}
.page-default .left-content .alignleft {
float: left;
padding: 0 10px 10px 0;
}
.page-default .left-content .alignright {
float: right;
padding: 0 0 10px 10px;
}
.page-default .left-content ul li,.page-default .left-content ol li {
padding: 0 0 10px 20px;
}
.page-default .left-content ul li:before {
position: absolute;
content: "■";
color: #d67e1c;
left: 0;
font-size: 20px;
margin-top: -3px;
}
.page-default .left-content ul.sbOptions li:before {
content: none;
}
.page_socials {
width: 100%;
float: left;
border-top: 2px solid #f1f1f1;
padding: 15px 0 20px;
}
.menu-primary-nav-container ul li:before {
position: relative !important;
padding-right: 15px;
}
.menu-primary-nav-container ul li {
padding: 0 0 0px 20px !important;
}
.menu-primary-nav-container ul li ul {
padding: 0 0 20px 0px !important;
}
.menu-primary-nav-container ul li ul li ul {
padding: 0 0 0px 0px !important;
}
.menu-primary-nav-container .sub-menu a {
color: #fc931d;
float:none;
}
.menu-primary-nav-container li.ninja{
display:block;
}
.featured_holder {
float: left;
width: 800px;
height: 400px;
position: relative;
margin-left: -150px;
}
.featured_image {
float: left;
width: 800px;
height: 400px;
position: relative;
margin: 0;
padding: 0;
background: #a6cfce;
}
.featured_image > img {
width: 100%;
height: 100%;
float: left;
}
.featured_image .tint {
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwNDQzOCIgc3RvcC1vcGFjaXR5PSIwLjQiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwNDQzOCIgc3RvcC1vcGFjaXR5PSIwLjQiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
background: -moz-linear-gradient(top, rgba(0,68,56,0.4) 0%, rgba(0,68,56,0.4) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,68,56,0.4)), color-stop(100%,rgba(0,68,56,0.4)));
background: -webkit-linear-gradient(top, rgba(0,68,56,0.4) 0%,rgba(0,68,56,0.4) 100%);
background: -o-linear-gradient(top, rgba(0,68,56,0.4) 0%,rgba(0,68,56,0.4) 100%);
background: -ms-linear-gradient(top, rgba(0,68,56,0.4) 0%,rgba(0,68,56,0.4) 100%);
background: linear-gradient(to bottom, rgba(0,68,56,0.4) 0%,rgba(0,68,56,0.4) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66004438', endColorstr='#66004438',GradientType=0 );
width: 800px;
height: 400px;
position: absolute;
left: 0;
top: 0;
}
.featured_image .honeycomb {
background: url(images/honey_over.png) no-repeat center bottom;
width: 800px;
height: 400px;
position: absolute;
left: 0;
top: 0;
}
.featured_wrap {
width: 100%;
height: 290px;
float: left;
margin: 0 0 0 150px;
position: absolute;
}
.featured_title {
font-size: 36px;
color: #fff;
font-weight: normal;
float: left;
padding: 0;
margin: 25px 0 0 20px;
line-height: 36px;
clear: both;
}
.featured_small_title {
font-size: 12px;
color: #fff;
font-weight: normal;
float: left;
padding: 0;
margin: 0 0 0 20px;
float: lef;
line-height: 18px;
clear: both;
}
.featured_logo {
position: absolute;
left: 0;
bottom: 0;
width: 81px;
height: 85px;
}
.featured_logo img {
width: 100%;
}
.featured_action {
position: absolute;
left: 81px;
bottom: 0;
color: #fff !important;
background: #fc921c;
margin: 0;
height: 40px;
max-width: 520px;
}
.featured_action span {
padding: 10px 12px 10px 28px;
color: #fff !important;
font-size: 16px;
float: left;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: 90%;
}
.featured_action:after {
left: 12px;
top: 16px;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-left-color: #fff;
border-width: 4px 8px;
}
.corner {
left: 100%;
top: 0;
width: 0;
height: 0;
border-style: solid;
border-width: 40px 0 0 30px;
border-color: transparent transparent transparent #fc921c;
position: absolute;
}
.sponsors {
width: 100%;
float: left;
margin-bottom: 30px;
}
.sponsors h2,.sponsors h3,.sponsors h4 {
width: 100%;
float: left;
}
.sponsor {
background-color: #FFF;
text-align: center;
background-color: #FFF;
position: relative;
display: inline-block;
*display:inline;
vertical-align: top;
}
.wrapp-sponsor {
float: left;
width: 100%;
border: solid 1px #d1d1d1;
text-align: center;
overflow: hidden;
min-width:120px;
min-height:60px;
}
.sponsor img {
max-width: 100%;
max-height: 100%;
}
.sponsor h3,
.page-default .sponsor h3{
float:none;
}
.sponsors_platinum .sponsor {
width: 49%;
margin-right: 2%;
margin-bottom: 10px;
}
.sponsors_platinum .wrapp-sponsor {
padding: 15px 0;
}
.sponsors_platinum .sponsor img {
max-width: 190px;
}
.sponsors_gold .sponsor {
width: 32%;
margin-right: 2%;
margin-bottom: 10px;
}
.sponsors_gold .sponsor img {
max-width: 100%;
}
.sponsors_general .sponsor {
width: 23.5%;
margin-right: 2%;
margin-bottom: 10px;
}
.sponsors_general .sponsor img {
max-width: 100%;
}
.sponsor {
margin-right: 2%;
margin-bottom: 10px;
width:120px;
min-width:120px;
}
.sponsor h3 {
text-align: left;
}
.sponsor-section.sub h2{
font-size:15px;
}
.sponsor-section h2{
font-weight:bold;
}
.sponsor.tier1 {
width: 49%;
max-width: 220px;
}
.sponsor.tier2 {
width: 32%;
max-width: 180px;
}
.sponsor.tier3 {
width: 120px;
max-width: 145px;
}
.mem_box {
margin: 0 3% 20px 0;
min-width: 160px;
width: 30%;
float: left;
background-color: #FFF;
text-align: center;
background-color: #FFF !important;
position: relative;
cursor: pointer;
min-height: 125px;
}
.mem_box img {
float: left;
max-width: 100%;
border: solid 1px #d1d1d1;
}
.mem_box h3 {
text-align: left;
width: 100%;
float: left;
}
.expandable_holder {
width: 100%;
float: left;
}
.expandable {
width: 295px;
height: 217px;
float: left;
margin: 0 10px 10px 0;
position: relative;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.expandable_holder .expandable:nth-of-type(2n+2) {
margin-right: 0;
}
.expandable > a {
width: 100%;
height: 217px;
float: left;
position: relative;
overflow: hidden;
}
.expandable > a h2 {
font-size: 36px;
color: #fff;
margin: 25px 0 0 20px;
padding: 0;
float: left;
position: relative;
z-index: 5;
font-weight: normal;
line-height: 35px;
max-width: 230px;
text-transform: capitalize !important;
}
.expandable > a img {
left: 0;
top: 0;
position: absolute;
transition: opacity 0.4s ease-in 0s;
height: auto;
width: 100%;
-moz-filter: grayscale(100%);
filter: url(grey.svg#grayscale);
filter: gray;
-webkit-filter: grayscale(1);
}
.expandable > a .tint {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
z-index: 1;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzA5MmIyNyIgc3RvcC1vcGFjaXR5PSIwLjQiLz4KICAgIDxzdG9wIG9mZnNldD0iMiUiIHN0b3AtY29sb3I9IiMwOTJiMjciIHN0b3Atb3BhY2l0eT0iMC41Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwZjFkMWEiIHN0b3Atb3BhY2l0eT0iMC41NSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, rgba(9,43,39,0.6) 0%, rgba(9,43,39,0.6) 2%, rgba(15,29,26,0.6) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(9,43,39,0.6)), color-stop(2%,rgba(9,43,39,0.6)), color-stop(100%,rgba(15,29,26,0.55)));
background: -webkit-linear-gradient(top, rgba(9,43,39,0.6) 0%,rgba(9,43,39,0.6) 2%,rgba(15,29,26,0.6) 100%);
background: -o-linear-gradient(top, rgba(9,43,39,0.6) 0%,rgba(9,43,39,0.6) 2%,rgba(15,29,26,0.6) 100%);
background: -ms-linear-gradient(top, rgba(9,43,39,0.6) 0%,rgba(9,43,39,0.6) 2%,rgba(15,29,26,0.6) 100%);
background: linear-gradient(to bottom, rgba(9,43,39,0.6) 0%,rgba(9,43,39,0.6) 2%,rgba(15,29,26,0.6) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66092b27', endColorstr='#8c0f1d1a',GradientType=0 );
}
.expandable a:hover img {
}
.expandable a:hover .tint {
display: none;
}
.expandable a:hover .box-arrow {
background-color: #93D0CF;
}
.expandable a .box-arrow {
position: absolute;
right: 0;
bottom: 0;
width: 60px;
height: 60px;
background: url(images/box_arrow_expand.png) no-repeat left top;
background-color: #fc921c;
transition: all ease-in 0s;
z-index: 2;
}
.inactive a .box-arrow {
position: absolute;
right: 0;
bottom: 0;
width: 60px;
height: 60px;
background: url(images/box_arrow.png) no-repeat left top;
background-color: #fc921c;
transition: all ease-in .4s;
z-index: 2;
}
.expand-inner {
width: 202%;
height: 0;
position: relative;
background: #A5CFCE;
margin-top: 30px;
left: 0px;
float: left;
visibility: hidden;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
-moz-opacity: 0;
-khtml-opacity: 0;
opacity: 0;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.expandable_holder .expandable:nth-of-type(2n+2) .expand-inner {
left: -101%;
}
.ex-space {
float: left;
padding: 30px 24px;
}
.arrow-expanded {
width: 0;
height: 0;
border-style: solid;
border-width: 0 20px 20px 20px;
border-color: transparent transparent #a5cfce transparent;
position: absolute;
top: -20px;
left: 21%;
}
.expandable_holder .expandable:nth-of-type(2n+2) .expand-inner .arrow-expanded {
left: 71%;
}
.ex-space {
float: left;
padding: 30px 20px;
}
.expand-inner h1 {
color: #303030;
font-size: 22px;
font-weight: normal;
text-transform: uppercase;
float: left;
width: 100%;
padding: 0;
margin: 0;
line-height: 22px;
}
.expand-inner h2 {
color: #303030;
font-size: 14px;
font-weight: bold;
float: left;
padding: 0;
margin: 10px 0 0 0;
line-height: 18px;
width: 100%;
text-align: center;
text-transform: none;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
letter-spacing: 0;
}
.expand-inner p {
color: #1D2D15;
}
.sub-expand {
width: 138px;
float: left;
padding: 0;
min-height: 180px;
}
.sub-circle {
width: 110px;
height: 110px;
-webkit-border-radius: 110px;
-moz-border-radius: 110px;
border-radius: 110px;
overflow: hidden;
margin: 0 auto;
}
.sub-expand img {
width: 100%;
float: left;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
filter: url("data:image/svg+xml;utf8,#grayscale");
/* Firefox 10+, Firefox on Android */
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
filter: grayscale(100%);
filter: gray;
/* IE 6-9 */;
}
.colorimg img {
width: 100%;
float: left;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
filter: none !important;
/* Firefox 10+, Firefox on Android */
-webkit-filter: none !important;
-moz-filter: none !important;
-ms-filter: none !important;
filter: none !important;
filter: none !important;
}
.sub-expand:hover h2 {
color: #C10D19;
}
.is_expanded {
height: auto !important;
}
.is_expanded .expand-inner {
height: auto !important;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
visibility: visible;
}
.is_expanded > a h2 {
display: none;
}
.is_expanded > a .tint {
display: none;
}
.is_expanded > a img {
-webkit-filter: none;
filter: none;
-moz-filter: none;
}
/* forms *
.sbHolder{font-size:16px; line-height:40px;color:#AAAAAA; font-family:"proxima_novalight_italic","Trebuchet MS", Arial, Helvetica, sans-serif; height: 36px;position: relative;width: 98%; float:left; margin-bottom:0px; margin-left:0;}
.sbSelector{display: block; left: 0;outline: none;overflow: hidden; position: absolute; text-indent: 10px; top: 0; padding: 0 24% 0 3%; width: 75%; max-height:40px;line-height:40px; background:url(images/select_arrow.png) no-repeat 100% center #fff; font-family:"proxima_novalight_italic","Trebuchet MS", Arial, Helvetica, sans-serif;font-size:16px; border: solid 1px #999; text-decoration:none !important;}
.sbSelector:focus {border-color: #999; }
.focused {border-color: #999; }
.sbSelector:link, .sbSelector:visited, .sbSelector:hover{color: #333;outline: none; text-decoration: none;}
.sbToggle{ background: none;display: block;height: 41px;outline: none; position: absolute; right: 0px; top: 1px;width: 38px; z-index:1;}
.sbToggle:hover{background:none;}
.sbToggleOpen{background: none;}
.sbToggleOpen:hover{background: none;}
.sbHolderDisabled{background-color: #999;}
.sbOptions{ background-color: #ffffff;list-style: none;left: 0px;margin:0 !important;padding: 0;position: absolute; top: 16px; width: 102% !important; max-height:250px !important;z-index: 100;overflow-y: auto; line-height:40px; font-family:"proxima_novalight_italic","Trebuchet MS", Arial, Helvetica, sans-serif;font-size:16px;color: #AAAAAA; border-left: solid 1px #999;border-bottom:solid 1px #999;
border-right:solid 1px #999;}
.sbOptions li{ padding: 0 7px !important; margin:0 !important;}
.sbOptions li:before{content:"" !important;}
.sbOptions a{display: block;outline: none;padding: 0px 0 0px 4%;font-size:16px; line-height:26px;color: #AAA;font-family:"proxima_novalight_italic","Trebuchet MS", Arial, Helvetica, sans-serif;}
.sbOptions a:link, .sbOptions a:visited{color: #AAA;text-decoration: none;}
.sbOptions a:hover{ color: #333;}
.sbOptions li.last a{border-bottom: none;}
.sbOptions li.first a{border-bottom: none;}
.sbOptions .sbDisabled{ color: #999;display: block; padding: 7px 0 7px 3px;}
.sbOptions .sbGroup{color: #151515; display: block; font-weight: bold; padding: 7px 0 7px 3px;}
.sbOptions .sbSub{ padding-left: 17px;}
.form_container{width:100%; max-width:680px; margin:0 0 20px 0; display:table;padding: 0; float:left;}
.form_container form{ margin:0; padding:0;}
.form_container .field { width:100%; float:left; position:relative; height:40px; padding:1.5% 0; }
.form_container .field:first-child{padding:5.5% 5% 1.5% 5%;}
.form_container .field:last-child{padding:1.5% 5% 1.5% 5%;}
.form_container .field .title{ width:30%; margin-right:5%; float:left; height:40px; }
.form_container .field .title p{ line-height:20px; margin:0; padding:10px 0 0;font-family:"proxima_nova_rgregular","Trebuchet MS", Arial, Helvetica, sans-serif;font-size:16px; color:#333;}
.form_container .field .answer{ width:65%; float:left; position:relative; height:40px; position:relative; }
.form_container .field .answer .textinp{ width:90%; float:left; height:38px; line-height:40px; padding:0; border: solid 1px #999; font-family:"proxima_nova_rgregular","Trebuchet MS", Arial, Helvetica, sans-serif;font-size:16px; color:#777; padding:0 5%;}
.form_container .has_textarea{height:200px;}
.form_container .has_textarea .answer{ width:65%; float:left; position:relative;height:200px; }
.form_container .has_textarea .answer .textarea{ width:90%; float:left; height:160px; padding:0; border: solid 1px #999; font-family:"proxima_nova_rgregular","Trebuchet MS", Arial, Helvetica, sans-serif;font-size:16px; color:#777; padding:5%; resize:none;}
.form_container .has_button{height:auto;padding-top:2%;}
.form_container .has_button .answer{height:auto;}
.form_container .field .answer .radio input, .form_container .field .answer .check input{ display:none;}
.form_container .field .answer .radio, .form_container .field .answer .check{ width:100%; float:left;}
.form_container .field .answer .small_title{width:auto; margin:0; float:left; height:31px;line-height:31px; padding:0;font-family:"proxima_nova_rgregular","Trebuchet MS", Arial, Helvetica, sans-serif;font-size:14px; color:#333; cursor:pointer;}
.form_container .field .answer .radio .radio_button, .form_container .field .answer .check .check_button{ width:20px; height:22px; float:left; margin-top:4px; margin-right:10px;}
.form_container .field .answer .radio input[type="radio"] + .small_title .radio_button{ background:url(images/radio_btn.png) no-repeat left top; cursor:pointer; }
.form_container .field .answer .radio input[type="radio"] + .small_title .radio_button:hover,.form_container .field .answer .radio input[type="radio"] + .small_title .radio_button:focus{ background:url(images/radio_btn.png) no-repeat left center; cursor:pointer; }
.form_container .field .answer .radio input[type="radio"]:checked + .small_title .radio_button{ background:url(images/radio_btn.png) no-repeat left bottom ; }
.form_container .field .answer .check input[type="checkbox"] + .small_title .check_button{ background:url(images/checkbox_btn.png) no-repeat left top; cursor:pointer; }
.form_container .field .answer .check input[type="checkbox"] + .small_title .check_button:hover,.form_container .field .answer .check input[type="checkbox"] + .small_title .check_button:focus{ background:url(images/checkbox_btn.png) no-repeat left center; cursor:pointer; }
.form_container .field .answer .check input[type="checkbox"]:checked + .small_title .check_button { background:url(images/checkbox_btn.png) no-repeat left bottom;}
.form_container .invalid .title p{ color:#CB1F2C !important;}
.form_container .has_submit{ padding-left:36.5% !important; padding-top:3% !important; width: 58.3% !important; }
.form_container .has_submit .submit{ height:40px; line-height:40px; font-family:"proxima_nova_rgregular","Trebuchet MS", Arial, Helvetica, sans-serif;font-size:16px;color:#FFF; background:url(images/white_right_arrow.png) no-repeat 15px 14px #C82031; border:solid 1px #C82031; outline:none; padding:0 15px 0 30px ;}
.form_container .has_submit .submit:hover{ color:#FFF; background:url(images/white_right_arrow.png) no-repeat 15px 14px #000; border:solid 1px #000; }
.form_container .has_submit .reset{ height:40px; line-height:40px; font-family:"proxima_nova_rgregular","Trebuchet MS", Arial, Helvetica, sans-serif;font-size:16px;color:#999; background:url(images/grey_right_arrow.png) no-repeat 15px 14px #EFEFEF; border:none; outline:none; border:solid 1px #999; padding:0 15px 0 30px ; margin-left:5px;}
.form_container .has_submit .reset:hover{ color:#fff; background:url(images/white_right_arrow.png) no-repeat 15px 14px #999; }
.has_file{ padding-left:36.5% !important; padding-top:3% !important; width: 58.3% !important; }
.has_file .file_button input[type="file"]{ display:none;}
.has_file .file_button { width:100%; float:left; height:40px; padding:0; padding:0; position:relative;}
.has_file .file_button .file_text{width:51%; float:left; height:38px; padding:0; border: solid 1px #999; font-family:"proxima_nova_rgregular","Trebuchet MS", Arial, Helvetica, sans-serif;font-size:16px; color:#777; padding:0 5%;}
.has_file .file_button .browse{ height:38px; width:34%; background:url(images/grey_right_arrow.png) no-repeat 15px 14px #EFEFEF; border:none; outline:none; border:solid 1px #999; padding:0; float:left; margin-left:5%; margin-right:-4px; overflow:hidden; }
.has_file .file_button .browse span{
line-height:40px; font-family:"proxima_nova_rgregular","Trebuchet MS", Arial, Helvetica, sans-serif;font-size:16px;color:#999; padding:0 35% 0 35%;
}
.wide_field .title{ width:100% !important;}
.wide_field .answer{ width:100% !important;}
.wide_field label{ height: auto !important;}
.validJs{ height:28px; width:33px; position:absolute; right:0; top:7px; background:url(images/input_icon.png) no-repeat left top;}
.errorJs{background:url(images/input_icon.png) no-repeat left bottom !important;}
.file_button .validJs{right: 39% !important; }
.errorSelect{ right: 40px !important; top: 8px !important; }
.has_textarea .validJs{ top:8px !important;}
.cap .validJs{top: 127px;}
/* mwc faq area */
.qa-faq-title {
position: relative;
padding-left: 24px !important;
}
.qa-faq-title a:after {
border-color: transparent transparent transparent #fc921c;
border-style: solid;
border-width: 4px 8px;
content: " ";
height: 0;
width: 0;
top: 9px;
left: 0;
pointer-events: none;
position: absolute;
}
.qa-faq-answer {
padding-left: 24px;
}
.faq-catname {
float: left !important;
width: 100%;
padding: 0 0 5px !important;
}
.qa-category {
margin-bottom: 10px !important;
float: left;
}
#qaplus_searchform {
width: 250px;
height: 30px;
float: left;
margin: 0 0 20px 0;
background: #ECECEC;
-webkit-border-radius: 15px 15px 15px 15px;
border-radius: 15px 15px 15px 15px;
position: relative;
}
#qasearch {
padding: 0 30px;
height: 30px;
font-size: 14px;
color: #AAAAAA;
border: 0 none;
background: none;
line-height: 30px;
width: 170px;
}
#qaplus_searchsubmit {
position: absolute;
width: 30px;
height: 30px;
left: 0;
top: 0;
background: url(images/search_mag_grey.png) no-repeat center center;
border: 0 none;
text-indent: -9999px;
}
/* mwc exhibitors list area */
.alphabet {
width: 100%;
float: left;
padding: 0 0 20px;
}
.alphabet a {
font-size: 18px;
position: relative;
padding: 0 1.5px 0 0;
}
.alphabet a:after {
/* position: absolute; */
content: "\b7";
color: #DCDCDC;
font-size: 20px;
font-weight: bold;
line-height: 20px;
padding: 0 0 0 2.5px;
}
.alphabet a:last-child:after {
content: "";
}
.list-exhibitors {
width: 100%;
float: left;
border-top: 2px solid #F1F1F1;
background: #fff;
ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
visibility: visible;
}
.list-exhibitors h5 {
color: #D3D3D3;
font-size: 18px;
margin: 8px 0 15px 0;
font-weight: normal;
}
.list-exhibitors ul {
-webkit-column-count: 3;
-moz-column-count: 3;
column-count: 3;
float: left;
width: 100%;
}
.list-exhibitors ul li {
font-size: 12px;
line-height: 18px !important;
padding: 0 !important;
}
.list-exhibitors ul li:before {
content: "" !important;
}
.hide_list {
ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
-moz-opacity: 0;
-khtml-opacity: 0;
opacity: 0;
visibility: hidden;
height: 0;
margin-top: -2px;
}
/* mwc transportation area */
.hashes {
float: left;
}
/* mwc footer area */
#footer {
width: 100%;
float: left;
background: url(images/content_pat.png) repeat #fff;
}
.footer-top {
width: 100%;
float: left;
padding: 50px 0 68px;
background: #FFF;
position: relative;
}
.footer-top h5 {
font-size: 13px;
color: #303031;
font-weight: normal;
float: left;
padding: 0 0 10px;
margin: 0;
width: 100%;
float: lef;
text-transform: uppercase;
line-height: 13px;
}
.footer-left {
width: 20%;
float: right;
min-width: 180px;
}
.footer-right {
width: 80%;
float: left;
}
.footer-top .partners {
width: 100%;
}
.footer-top .partners a {
float: left;
margin-right: 8%;
}
.footer-top .partners a:last-child {
margin-right: 0;
}
.footer-middle {
width: 100%;
float: left;
padding: 22px 0;
background-color: #ebebeb;
}
.footer-nav {
float: left;
list-style: none;
margin: 0;
padding: 0;
}
.footer-nav li {
float: left;
}
.footer-nav li a {
font-size: 11px;
color: #000000;
}
.footer-nav li a:after {
content: "|";
margin: 0 0 0 5px;
}
.footer-nav li a:last-child:after {
content: "";
margin: 0 0 0 0;
}
.footer-social {
float: right;
list-style: none;
margin: 0;
padding: 0;
}
.footer-social li {
float: left;
}
.footer-social li a {
font-size: 14px;
color: #fc921c;
padding: 0 28px;
}
.footer-social li a:first-child,.footer-social li a:last-child {
padding: 0 0;
}
.footer-bottom {
width: 100%;
float: left;
height: 222px;
overflow: hidden;
background-color: #ebebeb;
background-image:url('images/footer-bg.jpg');
background-position: bottom right;
background-repeat: no-repeat;
}
.footer-deco {
width: 100%;
float: left;
position: relative;
height: 222px;
}
.fdeco1 {
border-style: solid;
border-width: 200px 500px 0px 0;
border-color: transparent #93cfcf #93cfcf;
position: absolute;
bottom: 0;
left: 10%;
z-index: 0;
}
.fdeco2 {
border-style: solid;
border-width: 0 470px 173px 250px;
border-color: #BC2329 transparent #BC2329 transparent;
position: absolute;
bottom: 0;
left: -26%;
z-index: 1;
}
.fdeco3 {
border-style: solid;
border-width: 0 780px 222px 254px;
border-color: #E7313A transparent #E7313A transparent;
position: absolute;
bottom: 0;
left: 34%;
z-index: 2;
}
.fdeco4 {
border-style: solid;
border-width: 0 132px 207px 460px;
border-color: #303030 transparent #303030 transparent;
position: absolute;
bottom: 0;
right: -9%;
z-index: 3;
}
.fdeco4 img {
position: absolute;
top: 93px;
right: 0;
z-index: 3;
}
/*butoane*/
.contentbutton1 {
color: #fff !important;
background: #fc921c;
margin-right: 60px;
padding: 11px 10px 10px 10px;
line-height: 40px;
border-top-right-radius: 20px;
border-bottom-right-radius: 20px;
padding-right: 25px;
}
.contentbutton1:hover {
background-color: #d67e1c;
}
.contentbutton1:hover:after {
border-left: 40px solid #d67e1c;
}
.contentbutton1 span {
color: #fff !important;
font-size: 18px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
line-height: 50px !important;
margin-left: 15px;
}
.contentbutton1:before {
border: solid transparent;
content: " ";
height: 0;
width: 0;
pointer-events: none;
margin-top: 18px;
display: inline-block;
*display:inline;
border-color: transparent transparent transparent white;
position: absolute;
border-width: 6px 8px;
}
/*butoane*/
/* Mobile menu ----------- */
.mobile_nav {
display: none;
}
.form-holder {
width: 270px;
height: 48px;
position: fixed;
left: -270px;
top: 0;
background: #e7313b;
z-index: 1002;
-webkit-transition: all 0.1s;
-moz-transition: all 0.1s;
-ms-transition: all 0.1s;
-o-transition: all 0.1s;
transition: all 0.1s;
display: none;
}
.search-holder-mobile {
width: 200px;
height: 48px;
float: left;
}
.search-submit-mobile {
width: 48px;
height: 48px;
cursor: pointer;
background: url(images/mobile_mag.png) no-repeat right center #e7313b;
margin: 0;
padding: 0;
float: left;
border: none;
}
.search-field-mobile {
width: 137px;
height: 48px;
padding: 0;
margin: 0 0 0 15px;
float: left;
border: none;
line-height: 40px;
color: #FFF;
font-size: 22px;
background: none;
}
.bottom-shaddow {
width: 270px;
height: 80px;
position: fixed;
left: 0;
bottom: 0;
z-index: 0;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4yIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.2) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.2)));
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.2) 100%);
background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.2) 100%);
background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.2) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.2) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#33000000',GradientType=0 );
}
.form-push {
left: 0;
}
.trigger-mobile {
border: none;
background: #e7313b;
color: #fff;
padding: 0;
display: block;
width: 48px;
height: 48px;
cursor: pointer;
margin: 0;
position: absolute;
right: -48px;
background: url(images/mobile_menu.png) no-repeat left top #e7313b;
z-index: 1001;
-webkit-transition: all .1s ease;
-moz-transition: all .1s ease;
-o-transition: all .1s ease;
transition: all .1s ease;
}
.trigger-mobile:hover {
background-color: #e7313b;
}
.trigger-mobile.active {
background-color: #e7313b;
background-position: left bottom;
right: 0;
}
.trigger-mobile.disabled {
background: #aaa;
pointer-events: none;
}
/* General styles for all menus */
.cbp-spmenu {
background: #ff921b;
position: fixed;
-webkit-overflow-scrolling: touch;
}
.cbp-spmenu h3 {
color: #ffffff;
font-size: 1.9em;
padding: 20px;
margin: 0;
font-weight: 300;
background: #fc921c;
}
.cbp-spmenu ul {
margin: 0;
padding: 0;
position: relative;
float: left;
width: 100%;
list-style-type: none;
}
.cbp-spmenu > ul {
background: #fc921c;
position: relative;
}
.cbp-spmenu ul li {
position: relative;
float: left;
width: 100%;
z-index: 1;
}
.cbp-spmenu ul li.ninja{
display:inline-block;
}
.cbp-spmenu ul li a {
display: block;
color: #fff;
text-transform: uppercase;
font-size: 18px;
font-weight: normal;
text-decoration: none;
border-bottom: 1px solid #BF2022;
padding: 0 0 0 14px;
height: 50px;
line-height: 50px;
}
.cbp-spmenu > ul > .has_child > a:before {
position: absolute;
content: "";
width: 19px;
height: 19px;
right: 12px;
top: 18px;
background: url(images/menu_arrows.png) no-repeat;
background-position: 0 0;
}
.cbp-spmenu > ul > .slided > a {
background-color: #BD2329 !important;
}
.cbp-spmenu ul .slided > a:before {
position: absolute;
content: "";
width: 19px;
height: 19px;
right: 12px;
top: 15px;
background: url(images/menu_arrows.png) no-repeat !important;
background-position: 0 -19px !important;
}
.cbp-spmenu > ul > li:first-child > a {
border-top: 1px solid #BF2022;
}
.cbp-spmenu > ul > li:nth-last-child(-n+0) > a {
text-transform: none;
}
.cbp-spmenu ul li a:hover {
background: #d67e1c;
}
.cbp-spmenu ul li a:hover:after {
border-color: transparent transparent transparent #BF2022;
}
.cbp-spmenu ul li a:active {
background: #BD2329;
color: #fff;
}
.cbp-spmenu ul li ul {
background: #332f31;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMzMmYzMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwYjA4MDgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #332f31 0%, #0b0808 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#332f31), color-stop(100%,#0b0808));
background: -webkit-linear-gradient(top, #332f31 0%,#0b0808 100%);
background: -o-linear-gradient(top, #332f31 0%,#0b0808 100%);
background: -ms-linear-gradient(top, #332f31 0%,#0b0808 100%);
background: linear-gradient(to bottom, #332f31 0%,#0b0808 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#332f31', endColorstr='#0b0808',GradientType=0 );
}
.cbp-spmenu ul li ul li {
}
.cbp-spmenu ul li ul li a {
border: none;
}
.cbp-spmenu ul li ul li a {
display: block;
color: #93CFCF;
font-size: 13px;
font-weight: normal;
text-decoration: none;
border: none;
padding: 0 0 0 14px;
height: 50px;
line-height: 50px;
text-transform: none;
}
.cbp-spmenu ul li ul li ul li a {
display: block;
color: #fff;
font-size: 13px;
font-weight: normal;
text-decoration: none;
border: none;
padding: 0 0 0 34px;
height: 30px;
text-transform: none;
line-height: 30px;
}
.cbp-spmenu ul .has_child {
position: relative;
}
.cbp-spmenu ul li ul li ul li a:before {
background: none !important;
border-color: transparent transparent transparent #fff;
border-style: solid;
border-width: 4px 8px;
content: " ";
height: 0;
left: 16px;
pointer-events: none;
position: absolute;
top: 11px;
width: 0;
}
.cbp-spmenu ul .has_child > ul {
overflow: hidden !important;
position: relative;
height: 0px;
}
.cbp-spmenu ul .slided > ul {
height: auto !important;
}
.cbp-spmenu ul li ul .has_child > a:before {
position: absolute;
content: "";
width: 19px;
height: 19px;
right: 12px;
top: 15px;
background: url(images/menu_arrows.png) no-repeat;
background-position: 0 0;
}
.cbp-spmenu ul li ul li a:hover {
background: #000;
}
.cbp-spmenu ul li ul li a:hover:after {
border-color: transparent transparent transparent #000;
}
.cbp-spmenu ul li ul li a:active {
background: #000;
color: #93CFCF;
}
/* Orientation-dependent styles for the content of the menu */
.cbp-spmenu-vertical {
width: 270px;
height: 100%;
top: 0;
z-index: 1000;
}
.cbp-spmenu-horizontal {
width: 100%;
height: 150px;
left: 0;
z-index: 1000;
overflow: hidden;
}
.cbp-spmenu-horizontal h3 {
height: 100%;
width: 20%;
float: left;
}
.cbp-spmenu-horizontal a {
float: left;
width: 20%;
padding: 0.8em;
border-left: 1px solid #BF2022;
}
/* Vertical menu that slides from the left or right */
.cbp-spmenu-left {
left: -270px;
top: 48px;
}
.cbp-spmenu-left.cbp-spmenu-open {
left: 0px;
}
.cbp-spmenu-open
.cbp-spmenu-right.cbp-spmenu-open {
right: 0px;
}
/* Horizontal menu that slides from the top or bottom */
.cbp-spmenu-top {
top: -150px;
}
.cbp-spmenu-bottom {
bottom: -150px;
}
.cbp-spmenu-top.cbp-spmenu-open {
top: 0px;
}
.cbp-spmenu-bottom.cbp-spmenu-open {
bottom: 0px;
}
/* Push classes applied to the body */
.cbp-spmenu-push {
overflow-x: hidden;
position: relative;
left: 0;
}
.cbp-spmenu-push-toright {
left: 270px;
}
.cbp-spmenu-push-toleft {
left: -270px;
}
/* Transitions */
.cbp-spmenu,
.cbp-spmenu-push {
-webkit-transition: all 0.1s;
-moz-transition: all 0.1s;
-ms-transition: all 0.1s;
-o-transition: all 0.1s;
transition: all 0.1s;
}
.mask {
background: #000;
height: 100%;
left: -100%;
position: fixed;
top: 0;
width: 100%;
z-index: 999;
visibility: hidden;
-webkit-transition: opacity .2s ease;
-moz-transition: opacity .2s ease;
-o-transition: opacity .2s ease;
transition: opacity .2s ease;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
-moz-opacity: 0;
-khtml-opacity: 0;
opacity: 0;
display: none;
}
.active-mask {
left: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
filter: alpha(opacity=50);
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
visibility: visible;
}
/* google search */
.gsc-input-box {
background: none !important;
border: none !important;
box-shadow: none !important;
}
.cse input.gsc-input:focus, input.gsc-input:focus {
background-image: none !important;
}
.cse input.gsc-input, input.gsc-input {
background-image: none !important;
padding: 0 30px !important;
height: 30px !important;
font-size: 14px !important;
color: #fff !important;
border: 0 none !important;
background: none !important;
line-height: 30px !important;
width: 90% !important;
}
.gsc-search-button {
background: none !important;
border: 0 none !important;
left: 0;
position: absolute;
top: 0;
padding: 10px 12px 8px !important;
margin: 0 !important;
filter: none;
}
.gsc-control-searchbox-only {
position: relative;
}
.gsc-search-box table,.gsc-search-box tr,.gsc-search-box td,.gssb_c table,.gssb_c tr, .gssb_c td,.gsc-results table,.gsc-results tr,.gsc-results td,.gsc-above-wrapper-area table,.gsc-above-wrapper-area tr,.gsc-above-wrapper-area td {
border: 0 none;
}
.gsc-search-box td {
padding-top: 0 !important;
}
.gsc-input-box {
height: auto !important;
}
.gsst_a .gscb_a {
color: #fff !important;
margin-top: 3px;
}
.gssb_c table {
border: none !important;
box-shadow: none !important;
}
.gssb_c td {
background: #fc921c;
color: #fff !important;
font-size: 14px !important;
box-shadow: none !important;
}
.gssb_c .gssb_e {
padding: 15px 0 !important;
}
.gssb_c .gsc-completion-selected td {
background: #bd2329 !important;
}
.gssb_e td {
padding: 0 10px !important;
}
.gsc-modal-background-image,.gcsc-branding,.gsc-resultsHeader,.gsc-url-top {
display: none !important;
}
.gs-webResult .gs-snippet, .gs-imageResult .gs-snippet, .gs-fileFormatType {
background: none !important;
border: none !important;
color: #000000 !important;
}
.gsc-results-wrapper-overlay {
position: relative !important;
float: left !important;
}
.gs-no-results-result .gs-snippet,.gsc-result-info {
color: #aaaaaa !important;
font-size: 20px !important;
font-weight: normal;
line-height: 24px !important;
letter-spacing: 1.5px;
margin: 0;
padding: 0 !important;
text-transform: uppercase;
width: 100%;
}
.gs-no-results-result .gs-snippet {
margin: -15px 0 0 !important;
float: left;
}
.gsc-expansionArea {
float: left;
padding-bottom: 20px;
}
.gsc-table-result,.gs-bidi-start-align {
font-size: 15px !important;
font-weight: normal !important;
line-height: 18px !important;
color: #303031 !important;
}
.gsc-above-wrapper-area {
border-bottom: none !important;
float: left;
padding: 0 0 15px !important;
width: 100%;
}
.gsc-table-result, .gsc-thumbnail-inside, .gsc-url-top {
padding: 0 0 10px 0 !important;
}
.gs-title a {
text-decoration: none !important;
color: #ea2d34 !important;
font-size: 16px !important;
font-weight: normal;
line-height: 24px !important;
margin: 0;
padding: 0 !important;
text-transform: uppercase;
}
.gs-webResult.gs-result a.gs-title:link, .gs-webResult.gs-result a.gs-title:link b, .gs-imageResult a.gs-title:link, .gs-imageResult a.gs-title:link b {
color: #ea2d34 !important;
}
.gsc-result .gs-title {
height: auto !important;
overflow: visible !important;
}
.gs-result .gs-title, .gs-result .gs-title * {
text-decoration: none !important;
}
.gsc-results-wrapper-nooverlay {
float: left;
width: 100%;
}
.gsc-results-wrapper-nooverlay table td {
padding: 0 !important;
}
.gsc-control-cse {
padding: 0 !important;
float: left;
}
.gsc-results .gsc-cursor-box {
margin: 20px 0 !important;
}
.gsc-cursor-page {
margin-right: 5px !important;
padding: 0 5px !important;
color: #fff !important;
background: #e6313b !important;
text-decoration: none !important;
}
.gsc-cursor-current-page {
background: #2B2B2C !important;
}
.gs-spelling {
display: none !important;
}
/* speakers */
.speakers_wrap {
width: 100%;
float: left;
border-top: 2px solid #F1F1F1;
}
.speaker {
width: 30%;
float: left;
min-height: 210px;
margin-bottom: 30px;
padding-right: 3%;
}
.speakers_wrap .speakers_tag {
color: #D3D3D3;
font-size: 18px;
line-height: 30px;
padding: 5px 0 15px !important;
width: 100%;
}
.speaker-circle {
width: 110px;
height: 110px;
-webkit-border-radius: 110px;
-moz-border-radius: 110px;
border-radius: 110px;
overflow: hidden;
margin: 0 auto;
float: left;
}
.speaker-circle img {
max-width: 100%;
}
.speaker_name {
color: #E6323B;
font-size: 16px;
font-weight: normal;
float: left;
width: 100%;
padding: 0;
margin: 0;
line-height: 22px;
}
.speaker_position {
color: #2F2F31;
font-size: 12px;
line-height: 15px !important;
padding: 5px 0 !important;
width: 100%;
}
.speaker_department {
color: #2F2F31;
font-size: 12px;
line-height: 15px;
width: 100%;
float: left;
}
/* This hack targets the Webkit browser engine
* which includes Safari and Chrome.
*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
.page-id-57.en .page-default .fill {
padding: 0 20px;
}
.page-default .left-content ul li:before {
margin-top: -1px;
}
}
/* Smartphones (portrait and landscape) ----------- */
@media only screen
and (max-width : 480px) {
.basic-slider {display:none;}
.footer-left {float:left;}
.basic-slider h3,
.basic-slider h3 a {
font-size: 20px;
}
.basic-slider p{
font-size:14px;
}
}
/* Smartphones (landscape) ----------- */
/* Smartphones (portrait) ----------- */
@media only screen
and (max-width : 320px)
and (min-width : 321px){
.basic-slider {
display:none;
}
}
@media only screen
and (max-width : 1380px) {
#header{
background:none;
}
.basic-slider h3,
.basic-slider h3 a {
font-size: 35px;
}
.basic-slider p{
font-size:15px;
}
.basic-slider .slide-content .inner{
margin-top:80px;
}
.basic-slider .slider-arrows{
display:none;
}
}
@media only screen
and (max-width : 1040px) {
.basic-slider h3,
.basic-slider h3 a {
font-size: 30px;
}
.basic-slider p{
font-size:14px;
}
.container {
max-width: 80%;
}
.header-top .container,
.main-nav .container {
padding: 0;
margin: 0 20px;
max-width: 100%;
}
.header-map {
height: 180px;
left: 340px;
top: 15px;
width: 25%;
background-position: center center;
background-size: contain;
background: none\0/ !important;
}
.logo{
margin-left: -5px;
margin: 32px auto;
}
.logo-wrap {
height: 203px;
width: 100%;
}
.search-bar.relevanssi input.search-submit {
margin: -2% 0 0 -2%;
}
.main-nav .desk_main > .desk_parent > a{
padding: 14px 20px;
}
.main-nav ul li a {
padding: 1px 11%;
}
.search-bar {
width: 24%;
position: absolute;
right: 0;
}
.unfolded {
width: 70%;
}
.slider-main-title {
font-size: 40px;
}
.left-content {
margin-right: 0;
width: 100%;
}
.content-box {
margin: 0 1% 1% 0;
width: 49.5%;
height: 225px;
}
/* .content-box img{ width:100%;} */
#quick-links .quick-links-box {
width: 100%;
min-height: 0px;
height: auto;
}
#quick-links .quick-links-box .image-side {
width: 30%;
}
#quick-links .quick-links-box .description-side {
width: 70%;
height: auto;
}
#quick-links .quick-links-box .description-side .description {
height: auto;
}
.quick-links-box:nth-of-type(3) {
margin: 0 10px 10px 0px;
}
.bottom-image .description-side {
float: right;
}
.page-default .right-content {
margin-top: 1% !important;
}
.right-content {
margin-top: 0;
width: 100%;
}
.right-content .sidebar-box {
margin: 0 1% 1% 0;
width: 49.5%;
}
.right-content aside:nth-of-type(2n+2) .sidebar-box{
margin-right: 0;
}
.right-content aside:nth-child(odd) .sidebar-box{
clear:left;
}
.right-content .sidebar-box:nth-of-type(2n+2) {
margin-right: 0;
}
.expandable {
margin: 0 1% 1% 0;
width: 49.5%;
height: 230px;
}
.expandable > a {
height: 230px;
}
.footer-right {
float: left;
width: 60%;
}
.footer-top .partners {
text-align: justify;
}
.footer-top .partners a {
float: none;
width: auto;
}
.footer-top .partners a img {
padding-bottom: 10px;
}
.basic-slider .slide-content .inner{
margin-left: 7%;
margin-top: 5%;
margin-right: 0px;
}
.basic-slider{
background:none;
}
.slider-arrows{
display:none;
}
}
@media only screen
and (max-width : 987px) {
.red_button {
font-size: 17px;
line-height: 40px;
height: 40px;
}
.bottom_actions .col {
width: 24.1%;
}
/* clear col */
.bottom_actions .col:nth-of-type(4n+1) {
margin-left: 0;
clear: left;
}
.cbp-spmenu-open {
overflow-y: auto;
}
#quick-links .quick-links-box {
width: 100%;
min-height: 0px;
height: auto;
}
#quick-links .quick-links-box .image-side {
display: none;
}
#quick-links .quick-links-box .description-side {
width: 100%;
height: auto;
}
#quick-links .quick-links-box .description-side .description {
height: auto;
}
.quick-links-box:nth-of-type(3) {
margin: 0 10px 10px 0px;
}
.search-bar.relevanssi input.search-submit {
margin: -2% 0 0 -2%;
}
}
@media only screen
and (max-width : 900px) {
.basic-slider h3,
.basic-slider h3 a {
font-size: 40px;
}
.basic-slider p{
font-size:16px;
}
.slider-main-title {
font-size: 35px;
}
.main-slider .slider-box:nth-of-type(1) .slider-graph img {
width: 142px;
height: 78px;
}
.main-slider .slider-box:nth-of-type(2) .slider-graph img {
width: 119px;
height: 109px;
}
.main-slider .slider-box:nth-of-type(3) .slider-graph img {
width: 73px;
height: 123px;
}
.main-slider .slider-box:nth-of-type(4) .slider-graph img {
width: 105px;
height: 120px;
}
.header-top, .deco-top-left {
background-size:60%;
}
.main-nav .desk_main > .desk_parent > a {
font-size:110%;
}
.basic-slider {
font-size:90%;
}
.basic-slider .slide-content .inner {
margin-top:2%;
}
.basic-slider h3, .basic-slider h3 a {
font-size: 25px;
}
.search-bar.relevanssi input.search-submit {
margin: -5px 0 0 -3%;
}
}
@media only screen
and (max-width : 825px) {
/* .content-box img{ width:auto; height:100%; left:auto !important; right:0 !important;}*/;
.above-links a {
font-size:0.7em;
}
.header-top, .deco-top-left {
background: none
}
.header-top .container,
.main-nav .container {
text-align: center;
}
}
@media only screen
and (max-width : 768px) {
.basic-slider h3,
.basic-slider h3 a {
font-size: 30px;
}
.basic-slider p{
font-size:14px;
}
.header-map,.deco1,.deco2,.deco3,.main-nav {
display: none;
}
.header-top{
border-bottom: 5px solid #fc931d;
}
.above-links a {
font-size:80%;
padding: 4px 0 0 0px;
margin-right: 9px;
}
.mobile_nav {
display: block;
}
.form-holder {
display: block;
}
#mask {
display: block;
}
.container {
padding: 0 20px;
max-width: 100%;
}
.logo-wrap .fade-bar {
display:none;
}
.innovation-deco {
right: 34px;
top: -20px;
}
#slider {
height: auto;
}
.slider-box {
height: auto;
}
.slider-graph {
height: 170px;
}
.slider-box {
position: relative;
}
.slider-box:hover .slider-graph {
height: 170px;
}
.slider-box:hover .slider-main-tag {
-webkit-animation: none;
animation: none;
}
.slider-box:hover .slider-more {
-webkit-animation: none;
animation: none;
}
.main-slider .disabled_box {
opacity: 1;
visibility: visible;
}
.header-top, .deco-top-left {
background:none;
}
.basic-slider h3, .basic-slider h3 a {
font-size: 117%;
line-height: 1.1em;
}
.basic-slider {
font-size:90%;
}
.basic-slider .slide-content .inner {
margin-top:2%;
}
.unfolded {
width: 440%;
border-left: none;
border-right: none;
border-top: none;
color: #333;
height: 0px;
opacity: 1;
position: relative;
right: auto;
top: 0px;
z-index: 2;
float: left;
background: #EA3036;
overflow: hidden;
visibility: visible;
}
.main-slider .slider-box:nth-of-type(1) .unfolded {
left: -20%;
}
.main-slider .slider-box:nth-of-type(2) .unfolded {
left: -120%;
}
.main-slider .slider-box:nth-of-type(3) .unfolded {
left: -220%;
}
.main-slider .slider-box:nth-of-type(4) .unfolded {
left: -320%;
}
.unfolded-content {
text-align: left;
top: 0;
color: #fff;
}
.unfolded-content p a {
color: #fff;
text-decoration: underline;
}
.unfold .slider-graph {
opacity: 1;
visibility: visible;
}
.unfold .unfolded {
height: auto !important;
}
.unfolded-left {
width: 80%;
border-right: none;
padding: 0 10%;
}
.unfolded-title {
color: #fff;
padding: 0 10% 0 0;
width: 90%;
}
.unfloded-more {
background: #fff;
color: #EA3036 !important;
text-decoration: none !important;
}
.unfloded-more span {
border-color: transparent transparent transparent #fff;
}
.unfolded-left {
width: 80%;
border-right: none;
padding: 0 10%;
margin-top: 10px;
}
.unfolded-right {
position: relative;
right: 0;
top: 0;
float: left;
width: 80%;
padding: 0 10%;
margin-bottom: 20px;
}
.close_unfolded {
border: none;
background: none;
padding: 0;
display: block;
right: 40px;
top: 20px;
background: url(images/close_slide.png) no-repeat left bottom;
}
.arrow-unfolded {
border-color: transparent transparent #EA3036;
border-style: solid;
border-width: 0 60px 60px;
height: 0;
left: 0;
right: 0;
margin: auto;
position: absolute;
top: 165px;
width: 0;
}
.unfold .arrow-unfolded {
display: block;
}
.fdeco1 {
border-color: transparent #93cfcf #93cfcf;
border-width: 50px 500px 100px 0;
bottom: 0;
left: -59px;
}
.fdeco2 {
display: none;
}
.fdeco3 {
border-color: #e7313a transparent;
border-width: 0 580px 222px 214px;
left: -4%;
z-index: 2;
}
.content-box {
height: 217px;
margin: 0 1% 1% 0;
width: 49.5%;
}
.expandable {
height: 217px;
}
.expandable > a {
height: 217px;
}
.contentbutton1 span {
font-size: 12px;
}
.contentbutton1:after {
content: '';
position: absolute;
border-top: 41px solid #fff;
border-left: 41px solid #fc921c;
width: 0;
margin-top: 2px;
margin-left: 10px;
}
.gssb_c {
display: none !important;
}
.footer-bottom {
background-position:80% 110%;
}
}
@media only screen
and (max-width : 740px) {
.content-box {
height: 180px;
}
.connt-box-title {
font-size: 24px;
}
.expandable {
height: 180px;
}
.expandable > a {
height: 180px;
}
.expandable > a h2 {
font-size: 24px;
}
.grid4 .col:nth-of-type(4n+1) {
clear: none;
margin-left: 0;
}
.grid4 .col {
width: 49.5%;
margin-left: 1%;
margin-bottom: 1%;
}
.grid4 .col:nth-of-type(2n+1) {
margin-left: 0;
}
.grid4 .col:nth-of-type(3),.grid4 .col:nth-of-type(4) {
margin-bottom: 0;
}
}
@media only screen
and (max-width : 708px) {
.page-default .fill {
min-width: 0px;
float:none;
}
.footer-right {
float: right;
width: 50%;
}
.basic-slider h3, .basic-slider h3 a {
font-size: 120%;
}
.basic-slider {
font-size: 90%;
}
.basic-slider .slide-item {
width:105%;
}
.basic-slider .slide-img img {
display:none;
}
.basic-slider .slide-content {
width:80%;
}
.basic-slider .slide-content .inner {
margin-top: 1%;
}
}
@media only screen
and (max-width : 650px) {
#slider {
display: none;
}
.content-box {
height: 60px;
width: 100%;
margin-right: 0;
margin-bottom: 10px;
}
.connt-box-title {
font-size: 22px;
margin: 8px 0 0 20px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: 68%;
}
.content-box a img {
display: none;
}
.content-box a .tint,.content-box a:hover .tint {
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjMDkyYjI3IiBzdG9wLW9wYWNpdHk9IjAuNiIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjOTFiN2I3IiBzdG9wLW9wYWNpdHk9IjAuNSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(-45deg, rgba(9,43,39,0.6) 0%, rgba(145,183,183,0.5) 100%);
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(9,43,39,0.6)), color-stop(100%,rgba(145,183,183,0.5)));
background: -webkit-linear-gradient(-45deg, rgba(9,43,39,0.6) 0%,rgba(145,183,183,0.5) 100%);
background: -o-linear-gradient(-45deg, rgba(9,43,39,0.6) 0%,rgba(145,183,183,0.5) 100%);
background: -ms-linear-gradient(-45deg, rgba(9,43,39,0.6) 0%,rgba(145,183,183,0.5) 100%);
background: linear-gradient(135deg, rgba(9,43,39,0.6) 0%,rgba(145,183,183,0.5) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99092b27', endColorstr='#8091b7b7',GradientType=1 );
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
}
.innovation-splash {
display: none;
}
.expandable {
height: 60px;
width: 100%;
margin-right: 0;
margin-bottom: 10px;
}
.expandable > a {
height: 60px;
}
.expandable > a h2 {
font-size: 24px;
margin: 8px 0 0 25px;
}
.innovation-deco {
display: none;
}
.header-top {
background-position: 40% 20%;
background:none;
}
/* Mihai */
.sidebar-box {
width: 100% !important;
margin-right: 0 !important;
margin-bottom: 10px !important;
}
}
@media only screen
and (max-width : 600px) {
.above-links {
display:none;
margin: 0 auto 0 3%;
}
.speaker {
width: 47%;
float: left;
min-height: 200px;
margin-bottom: 30px;
padding-right: 3%;
}
.basic-slider {
display:none;
}
.footer-right {
width:50%;
margin-top:0;
}
}
@media only screen
and (max-width : 520px) {
.footer-right {
width:50%;
margin-top:0;
}
.sponsors_platinum .sponsor {
width: 100%;
margin-right: 0;
margin-bottom: 10px;
}
.sponsors_gold .sponsor {
width: 49%;
margin-right: 2% !important;
margin-bottom: 10px;
}
.sponsors_gold .sponsor:nth-of-type(2n+2) {
margin-right: 0 !important;
}
.sponsors_general .sponsor {
width: 32%;
margin-right: 2% !important;
margin-bottom: 10px;
}
.sponsors_general .sponsor:nth-of-type(3n+3) {
margin-right: 0 !important;
}
}
@media only screen
and (max-width : 480px) {
.header-top {
background:none
}
.logo-wrap {
height: 175px;
}
.footer-top .partners {
width:100%;
}
.footer-top .partners a img {
width:95%;
}
.grid4 .col {
width: 100%;
margin-left: 0;
margin-bottom: 10px;
}
.grid4 .col:nth-of-type(3) {
margin-bottom: 10px;
}
.left-content table {
font-size: 11px !important;
}
.expand-inner {
width: 120%;
}
.expandable > a h2 {
font-size: 14px;
margin: 14px;
}
.speaker {
width: 100%;
float: left;
min-height: auto;
margin-bottom: 30px;
padding-right: 0;
text-align: center;
}
.speaker-circle {
float: none;
}
.form_container .field {
float: left;
height: 65px;
padding: 6px 5%;
position: relative;
width: 90%;
}
.form_container .field .title {
float: left;
height: 40px;
margin-right: 5%;
width: 100%;
}
.form_container .field .answer {
float: left;
height: 40px;
position: relative;
width: 99%;
}
.form_container .has_submit {
padding-top: 15px !important;
width: 90% !important;
padding-left: 5% !important;
adding-bottom: 10px !important;
}
.form_container .has_submit, .form_container .has_textarea,.form_container .has_button {
float: left;
height: auto;
position: relative;
width: 90%;
}
.form_container .has_submit .answer,.form_container .has_button .answer, .form_container .has_textarea .answer {
float: left;
height: auto;
}
.form_container .has_button .answer .check .small_title {
line-height: 21px;
height: auto;
}
}
@media only screen
and (max-width : 480px) {
.sponsors_gold .sponsor {
width: 100%;
margin-right: 0 !important;
margin-bottom: 10px;
}
.sponsors_gold .sponsor img {
max-width: 80%;
}
.sponsors_general .sponsor {
width: 100%;
margin-right: 0% !important;
margin-bottom: 10px;
}
.sponsors_general .sponsor img {
max-width: 50%;
}
.footer-right {
margin-top: 5%;
float: left;
}
}
/* iPads (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px) {
.header-map,.deco1,.deco2,.deco3,.main-nav {
display: none;
}
.above-links {
margin-left:5.6%;
}
.mobile_nav {
display: block;
}
.form-holder {
display: block;
}
#mask {
display: block;
}
.header-top, .deco-top-left {
background-position: 130% 58%;
}
.basic-slider h3, .basic-slider h3 a {
font-size: 117%;
line-height: 1.1em;
}
.basic-slider {
font-size:90%;
}
.basic-slider .slide-content .inner {
margin-top:2%;
}
/* iPads (landscape) ----------- */
@ media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {
}
/* iPads (portrait) ----------- */
@ media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {
}
/* Desktops and laptops ----------- */
@ media only screen
and (min-width : 1224px) {
}
/* Large screens ----------- */
@ media only screen
and (min-width : 1824px) {
}
/* iPhone 5 (portrait & landscape)----------- */
@ media only screen
and (min-device-width : 320px)
and (max-device-width : 568px) {
}
/* iPhone 5 (landscape)----------- */
@ media only screen
and (min-device-width : 320px)
and (max-device-width : 568px)
and (orientation : landscape) {
}
/* iPhone 5 (portrait)----------- */
@ media only screen
and (min-device-width : 320px)
and (max-device-width : 568px)
and (orientation : portrait) {
}