body { background:#F3F3F2 } input[type=number] {-moz-appearance: textfield;} ::-webkit-inner-spin-button, ::-webkit-outer-spin-button { -webkit-appearance: none;} .head{ width: 100%; min-width: 976px; height: 80px; } .head, .head a{color: #fff;} .site{display: none;} .container{width: 976px; margin: 0px auto; overflow: hidden; min-height: 100%;} #head .container{overflow: hidden;background-color: #000;} a.logo{text-decoration: none; font-size: 34px; margin-top: -3px; display: block;} a.logo.medium h1 {position: absolute; height: 80px; top: 0px; margin-left: -50px;left: 50%;text-align: center; width: 100px;} .col-md-5.center{height: 80px; width: 640px;} .col-md-5.center .inline.vtop{width: 100%; float: left;} .head .externalink{position: absolute; top: 16px; font-size: 11px; display: none; right: 200px; width: 80px;} .head .externalink .row-sm-4 {height: 13px;} .head .externalink .row-sm-4 a{color: #9D9D9C;} .head .externalink .row-sm-4 a:hover{color: #fff;} .head .space{width: 220px; height: 80px; float: left;} .content_logwith{margin-top: 20px; text-align: center; width: 38px; height: 27px; margin-left: 19px;} .logwith_twitter, .logwith_facebook{ width: 18px; -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s;} .linkpeople .icon, .linksearch .icon, .logwith_twitter, .logwith_facebook{display: inline-block; background-repeat: no-repeat; background-image: url(../img/btn/head.png); cursor: pointer; height: 18px;} .linkpeople {clear: both;margin-right: 0 !important;} .linkpeople .icon, .linksearch .icon{width: 30px; top: 2px; } .linksearch .icon {/*margin-right: 25px;*/} .logwith_twitter{background-position: 0px 0px;} .logwith_twitter:hover{background-position: 0px -18px;} .logwith_facebook{background-position: -22px 0px;} .logwith_facebook:hover{background-position: -22px -18px;} .linkpeople .icon{background-position: -42px -18px;} .linksearch .icon{background-position: -70px -18px;} .linklog, .linkpeople a, .linksearch a{cursor: pointer; color: #9D9D9C; font-size: 12px; position: relative;margin: 0;padding: 0;} .linksearch a{display: inline-block; line-height: 12px;} .linklog:hover, .linkpeople:hover a, .linksearch:hover a{color: #fff;} .linklog {width: 76px; text-align: center;} .linkpeople, .linksearch{ width: 30px; float: right; margin: 19px -6px 0 0; padding-top: 3px !important; text-align: center;} .cont-lang {position: relative; width: 100%; height: 100%} .languagebar{font-family: Helvetica; font-size: 10px; padding: 2px 0px; width: 70px; position: absolute; right: -50px;top: 11px;} .languagebar a {font-size: 13px; padding-right: 10px; float: left; width: 12px; position: absolute;top: 0;left: 0;} .languagebar .no-active {display: none; color: #868686; left: -14px;} .languagebar a:hover {color: #FFF;} .languagebar .active {background: url(../img/icons/s-arrow1.png) no-repeat center right; display: block; color: #FFF; } .languagebar .active2 {background: url(../img/icons/s-arrow2.png) no-repeat center right !important;} #change_language_form{float: right; line-height: 14px;} .languagebar .inp_language{ border: none; font-size: 10px; font-family: Helvetica; font-weight: bold;} .content_head .languagebar .inp_language {background-color: #F3F3F2;} .pophead .languagebar .inp_language{background: #231f20 url(../img/btn/select-arrow.png) no-repeat 80% center; color: #fff; width: 65px;} .content_head .ovomatic-sign {width: 81px; height: 40px; background: url(../img/icons/triangle_header.png) no-repeat;text-align: center;text-transform: uppercase;font-size: 12px;z-index: 100;float: right;} .content_head .ovomatic-sign span {display: block; padding-top: 5px;} .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12{ float: left; position: relative; min-height: 1px; } .col-md-2{ width: 147px;} .col-md-2.right{/* margin-right: 0; */} .pophead .languagebar{line-height: 72px; color: #fff;} .underhead{border-top: 0.25px solid #ccc;background-color: #ffffff;} .underheadnews{width:976px;background:#000} .contentclip img{display: block; width: 640px; height: 380px;} /**************************************************************************************************************** NAV */ #navigation{width: 976px;} .navigation{background-color: #fff; width: 100%; height: auto; min-height: 80px;} .navigation .item{float: left; width: 190px; text-align: center; font-size: 14px; line-height: 80px;} .navigation .item a{color: #9D9D9C; height: 100%; display: inline-block; width: 100%; font-size: 21px;} .navigation .item.block a span{ color: #000 !important} .navigation .item .border{width: 80%; position: absolute; bottom: 0px; background-color: #000; height: 0px; left: 50%; margin-left: -40%;} .navigation .item.block .border{height: 8px;} .navigation .item#linktalk .border{background-color: #DA1B38;} .navigation .item#linktalk.selected{color: #DA1B38;} .footer {position: fixed; bottom: 0; width: 976px; left: 50%; margin-left: -488px;} .navfoot {height: 50px; background-color: #000;} .navfoot .item{ width: 162px; float: left; color: #9D9D9C; font-size: 12px; /*font-family: arial;*/ text-align: center; line-height: 48px; font-family: Helvetica;} .subnav{height: 48px; display: block; background-color: #000; position: relative; width: 976px; height: 48px; display: none;} .subnav.block{display: block;} .contentsubnav{overflow: hidden; width:100%; height: 48px; display: inline-block !important;} .contentsubnav .arrow {width: 38px; position: absolute; height: 48px; cursor: pointer; } .arrow.previtem{left: 0px;} .arrow.nextitem{right: 0px;} .contentsubnav .arrow.active{cursor: pointer;} .contentsubnav .arrow span{background-image: url(../img/btn/arrow.png); background-repeat: no-repeat; top: 50%; left: 50%; margin-left: -2px; margin-top: -4px; width: 5px; height: 8px; position: absolute; display: none;} .contentsubnav .arrow.active span{display: block;} .contentsubnav .arrow.previtem span{background-position: 0px 0px; } .contentsubnav .arrow.previtem:hover span{background-position: 0px -8px;} .contentsubnav .arrow.nextitem span{background-position: -5px 0px; } .contentsubnav .arrow.nextitem:hover span{background-position: -5px -8px;} .slidingsubitem{height: 48px; overflow: hidden; display:table; width:100%;} .content_subitem{overflow: hidden;} .content_subitem .subitem{height: 48px; overflow: hidden; text-overflow: ellipsis; text-align: center; line-height: 48px; padding:0 30px; display: table-cell;} .content_subitem .subitem a{color: #646363; font-size: 14px;height: 100%;display: block;} .content_subitem .subitem:hover a, .content_subitem .subitem a.active{color: #fff;} .content_subitem .subitem .separator{background-image: url(../img/btn/separator.png); background-repeat: no-repeat; background-position: center; width: 4px; height: 48px; position: absolute; top: 0px; right: 0px;} /*************************************************************************************************************** \NAV */ /********************************************************************************************************** EVENT SET */ .contentnews{background-color: #000; height: 428px; overflow: hidden; width:976px;margin:-23px auto 0} .newsquiz, .talkquiz{width: 100%; margin: 0px auto; overflow: hidden;} .thumbindex{width: 100.5%} .newsday{overflow: hidden; width: 1884px;} .choisenews{position: relative !important;width: 49%;overflow: hidden;z-index:2} .choisenews img{display: block;position: relative;width:100%} .img-question{position: absolute; width: 130px; margin-left: -65px; height: 65px; top: 238px} .img-question:after{position: absolute; left:0;top:0;width: 0;height: 0;border-style: solid;border-width: 0 65px 65px 65px;border-color: transparent transparent rgba(0,0,0,0.4) transparent;content:" ";z-index:2} .img-question .text{position: absolute; top: 25px; left: 0; width: 100%; height: 100px; color: #fff; font-size: 16px;text-align: center;z-index:3} .newsday .img-question{ left: 489px; } .challengeimage .img-question{ left: 50%; } .challengeimage .ovovideo-last-sign {position: absolute; z-index: 10; width: 0; height: 100%;background: rgba(0, 0, 0, 0.43);color: #fff;text-align: center;font-size: 40px;padding-top: 50px; line-height: 40px; left: 471px; width: 976px !important} .challengeimage .ovovideo-last-sign span {display: none} .img-question .category_title{font-size: 18px; color: #fff; top: 63%; text-align: center; z-index: 3; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .challengeimage .img-question{top: 225px} .choisenews, .choisequestion, .question_selected{ float: left; width: 978px; height: 405px; cursor: pointer;} .ovoidentity_choice { float: left; width: 488px; height: 291px; cursor: pointer;} .ovoidentity_choice .contentimg img { width: 100%} .choise1 img, .choisequestion img{cursor: pointer;} .deactivate{position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; background: -moz-linear-gradient(top, rgba(0,0,0,0.55) 0%, rgba(0,0,0,0.55) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.55)), color-stop(100%,rgba(0,0,0,0.55))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(0,0,0,0.55) 0%,rgba(0,0,0,0.55) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(0,0,0,0.55) 0%,rgba(0,0,0,0.55) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(0,0,0,0.55) 0%,rgba(0,0,0,0.55) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(0,0,0,0.55) 0%,rgba(0,0,0,0.55) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8c000000', endColorstr='#8c000000',GradientType=0 ); /* IE6-9 */} .black50{ display: none; background: -moz-linear-gradient(top, rgba(0,0,0,0.55) 0%, rgba(0,0,0,0.55) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.55)), color-stop(100%,rgba(0,0,0,0.55))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(0,0,0,0.55) 0%,rgba(0,0,0,0.55) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(0,0,0,0.55) 0%,rgba(0,0,0,0.55) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(0,0,0,0.55) 0%,rgba(0,0,0,0.55) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(0,0,0,0.55) 0%,rgba(0,0,0,0.55) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8c000000', endColorstr='#8c000000',GradientType=0 ); /* IE6-9 */} .contentchoice_set .black50{ display: block;} .choisenews .deactivate{cursor: pointer;} /*.choisenews .deactivate:hover{background: none;}*/ .lose .deactivate{display: block;} .cache{display: none;} .thumbindex .space{width: 17px; height: 74px; float: left;} .th_title{position: relative;clear: both; font-size: 14px; height: 23px; line-height: 23px; font-family: 'trump';text-transform: uppercase;z-index: 10;background: rgba(0, 0, 0, 0.4);} .th_title::first-letter{text-transform: uppercase;} .th_title:after{position: absolute; left: 100%; top: 5px; height: 14px; width: 1px; background: #77726d; content: " "} .topicquestions.active .th_title, .topicquestions.activepolls .th_title{color: #fdd400; cursor: pointer;} .contentchoise, .afterchoise{float: left; width: 6846px;} /*width: 461px; padding-left: 10px; padding-top: 10px;*/ .choisenews .deactivate{display:none} .contentchoise .text{position: absolute; bottom: 0; left: 0; display:block; width: 91%; height: 62px; padding: 20px 5%; color: #fff; font-size: 21px; line-height: 24px; background: rgba(0,0,0,0.4)} .choisenews span{display:block; width: 100%; height: 100%; position: absolute; background: -moz-linear-gradient(top, rgba(29,29,27,0.5) 0%, rgba(29,29,27,0.5) 99%, rgba(29,29,27,0.5) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(29,29,27,0.5)), color-stop(99%,rgba(29,29,27,0.5)), color-stop(100%,rgba(29,29,27,0.5))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(29,29,27,0.5) 0%,rgba(29,29,27,0.5) 99%,rgba(29,29,27,0.5) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(29,29,27,0.5) 0%,rgba(29,29,27,0.5) 99%,rgba(29,29,27,0.5) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(29,29,27,0.5) 0%,rgba(29,29,27,0.5) 99%,rgba(29,29,27,0.5) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(29,29,27,0.5) 0%,rgba(29,29,27,0.5) 99%,rgba(29,29,27,0.5) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#801d1d1b', endColorstr='#801d1d1b',GradientType=0 ); /* IE6-9 */} .contentchoise .choisenews {cursor:default!important} .contentchoise .text.big{font-size: 35px; line-height: 35px;} .resumepoll{background-color: rgba(0,0,0,0.4);padding: 22px;width: 240px;position: absolute;left: 0;bottom: 0; height: 317px;} .bgpolls{background-image: url(../img/icons/bgpolls.png); position: absolute; top: 0px; width: 20px; height: 40px;} .bgpolls.left{left: -20px; background-position: top left;} .bgpolls.right{right: -20px; background-position: bottom left;} .titlenews{font-size: 21px} .titlenews.big{font-size: 33px;color:#fff; line-height: 37px;} .percentuale{margin-top: 10px; color: #fff; font-size: 75px; line-height: 70px} .textpercent{font-size: 23px; color: #fff} .resumepoll .line{clear: both; background-image: url(../img/icons/line.png); background-repeat: no-repeat; background-position: center; width: 436px; height: 16px;} .resumepoll .eventtext{font-size: 14px;color: #fff;margin: 30px 0 5px;text-transform: uppercase;} .change img {width:144px; height:60px; border: 2px solid #ffffff;} .imageeventset{float: left;} .imageeventset .choisenews { width: 489px;} .imageeventset .choisenews .contentimg, .imageeventset .choisenews .contentimg img { height: 405px; } .content_userlike{width: 62px; height: 70px; float: left;} .content_userlike .canvas{width: 44px; height: 44px; margin: 0px auto; overflow: hidden;z-index:2} .content_userlike .bg{background-image: url(../img/icons/userlikeyou.png); background-repeat: no-repeat; background-position: center; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%;z-index:1} .content_userlike .canvas img{width: 100%; height: 100%; top: 0px; left: 0px; position: absolute;} .containeruser{width: 434px;} .containeruser, .contentuser{height: 75px; overflow: hidden; } .contentuser{min-width: 200px;} .contentuser a{position: relative; display: block; float: left; overflow: hidden; height: 75px;} .contentuser a .name{position: absolute; bottom: 0px; font-size: 16px; text-align: center; width: 99%; line-height: 16px;z-index:1} .contentuser a[href='javascript:;']{cursor: default;} .userchoice .arrow{position: absolute; height: 75px; width: 35px; display: block; bottom: 0px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 5-7 */ filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0;} .userchoice .arrow .btn{position: absolute; top: 20px; height: 8px; width: 5px; background-image: url(../img/btn/arrow_user.png); background-repeat: no-repeat; } .userchoice .arrow.prev{left: -18px;} .userchoice .arrow.prev .btn{background-position: center left; left: 10px;} .userchoice .arrow.next{right: -18px;} .userchoice .arrow.next .btn{background-position: center right; right: 10px;} .userchoice .arrow.active{cursor: pointer;} .newsquiz .arrowpolls{position: absolute; top: 103px; width: 30px; height: 170px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 5-7 */ filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0;z-index:100} .newsquiz .arrowpolls .btn{background-image: url(../img/btn/arrow_polls.png); background-repeat: no-repeat; width: 19px; height: 40px; position: absolute; top: 130px; visibility: hidden;} .newsquiz .arrowpolls.prev{left: 0px;} .newsquiz .arrowpolls.next{right: 0px;} .newsquiz .arrowpolls.prev .btn{background-position: center left; left: 2px;} .newsquiz .arrowpolls.next .btn{background-position: center right; right: 2px;} .newsquiz .arrowpolls.active{ cursor: pointer;} .contentnews .copyright{ width: 255px; position: absolute; height: 33px; background: -moz-linear-gradient(top, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.5) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.5)), color-stop(100%,rgba(0,0,0,0.5))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.5) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.5) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.5) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.5) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80000000', endColorstr='#80000000',GradientType=0 ); /* IE6-9 */ line-height: 33px; font-size: 39px; color: #fff; } .copyright.left{ left: 0px; padding-left: 10px; text-align: left;} .copyright.right{ right: 0px; padding-right: 10px; text-align: right;} .copyright.top{top: 15px;} .copyright.bottom{bottom: 15px;} /*********************************************************************************************************\ EVENT SET */ /********************************************************************************************************** POP UP ****/ .easyclose{position: absolute; width: 100%; min-height: 100%; display: none; top: 0px; left: 0px;} .colorbox{ position: fixed; width: 100%; height: 100%; left: 0px; top: 0px; z-index:100; background: -moz-linear-gradient(top, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.5) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.5)), color-stop(100%,rgba(0,0,0,0.5))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.5) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.5) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.5) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.5) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80000000', endColorstr='#80000000',GradientType=0 ); /* IE6-9 */} .contentEasyclose{z-index: 201; background-color: #fff; width: 680px; position: absolute; top: 100px; left: 50%; margin-left: -348px; margin-bottom: 80px; padding-bottom: 35px;} .contentEasyclose .pophead{height: 72px; background-color: #231f20; overflow: hidden;} .temporary_gradient{z-index: 500; text-align: center;} .temporary_gradient .containerEasyClose{width: 976px; margin: 0px auto; height: 800px;} .temporary_popup{background-color: transparent; width: 156px; margin-left: 0px; margin-bottom: 0px; display: none; z-index: 800; padding-bottom: 0px; background-repeat: no-repeat; height: 171px; background-image: url(../img/popup/box.png); position: absolute;} .temporary_popup .h2{color: #231f20; margin-top: 8px; text-align: center; line-height: normal;} .content_poptemporary{overflow: hidden; height: 171px;} .tutorial_popup{display: none;} a:hover .temporary_popup .h2{color: #231f20;} .popup_people{top: 22px; left: -67px; font-size: 22px;} .temporary_gradient .popup_attualita{top: 512px; left: 50%; margin-left: -78px; font-size: 22px;} .popup_me{ top: 75px; left: -46px; font-size: 22px; } .popup_pedia{top: 55px; left: 0; font-size: 24px;} .popup_bio{top: 55px; left: -9px; font-size: 19px;} .popup_take{top: 55px; left: -9px; font-size: 19px;} .popup_intelligence{top: 55px; left: -9px; font-size: 19px;} .popup_seeds{top: 55px; left: -9px; font-size: 17px;} .popup_think{top: 55px; left: -9px; font-size: 24px;} .popup_heritage{top: 55px; right: 0; font-size: 17px;} .contentavatar.zIndexLink, a.zIndexLink{z-index: 800; position: relative; color: #fff !important;} .contentnews.zIndexLink{z-index: 999; position: relative;} .infobanner{background-color: #939598; color: #fff; text-align: center; overflow: hidden; height: 180px; font-size: 50px;} .tutorial_banner_cookie{position: fixed; bottom: 0;left: 0; z-index: 10000; font-family: Helvetica, Arial, sans-serif;font-size: 11px; background-color: rgba(0, 0, 0, 0.7); color: #fff; overflow: hidden; padding-bottom: 20px; width: 100%; margin: 0 auto} .tutorial_banner_cookie .content{width: 940px; margin: 0px auto; color: #ffffff;} .tutorial_banner_cookie .content a{color: #fff;} .tutorial_banner_cookie .content .text{float: left; width: 890px;} .tutorial_banner_cookie .content .text h4{padding: 10px 0; } .close_infobanner{width: 50px; float: right;height: 35px; margin: 15px auto 0px auto;} .privacy_label{text-transform: none!important; font-family: Helvetica, Arial, sans-serif; font-size: 18px!important; font-weight: normal!important; } .signup_privacy_button{cursor: pointer;font-family: Helvetica, Arial, sans-serif!important; text-decoration: underline!important;} .close_banner{cursor: pointer; height: 100%; position: absolute; width: auto; right: 0px;} .tutorial_banner_cookie .close_infobanner{margin-top: 10px;} .tutorial_banner_cookie .close_infobanner button{margin-top: 10px; width: 100%; height: 27px; font-family: Helvetica, Arial, sans-serif; font-size: 9px; font-weight: bold;} #btn_close_cookie.close_banner{background-size: 24px;} .btnEasyclose{background-position: top center; background-repeat: no-repeat; background-image: url(../img/btn/btnEasyclose.png); width: 33px; height: 33px; margin: 25px 25px 5px auto; cursor: pointer;} .pophead .logo{color: #fff; margin: 12px 0px; display: block; font-size: 22px; width: 100%;} .pophead .logo img{display: block; margin: 0px auto; position: relative;} .popupform{ width: 590px; margin: 0px auto; } .popupform .formhead{font-size: 54px; margin-bottom: 58px;text-transform: uppercase;font-weight: 600;} .popupform .borderbottom{ border-bottom: 1px solid #dfdddc; margin-bottom: 30px;} .popupform .borderbottom.error{ border-bottom: 1px solid #E83956;} .popupform label{font-size: 21px; height: 38px; display: block; color: #000000; text-transform: uppercase;font-weight: bold;} .popupform label[for='id_agreement']{float: none; height: auto; font-size: 24px; display: inline-block;} .popupform .autorizzazione{display: block; position: relative; margin: 8px; float: right;} .popupform input[type='text'], .popupform input[type='password'], .popupform input[type='email']{font-size: 34px; background-color: #fff; width: 400px; display: block; border: 0px; color: #9D9D9C; /* float: left; */ padding-left: 10px; border-left: 4px solid #c6c6c6;} #id_password2{width: 350px;} .popupform input.inp_remember{float: left; display: block; position: relative; margin: 5px;} .popupform input:focus{color: #000;} .popupform .labremember{font-size: 20px;} .popupform select{ outline:none; line-height: 1.2; border: 2px solid #bbb; -webkit-appearance:none; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;} .popupform select, #s2id_id_province, #s2id_id_nationality, #s2id_id_modifica_profilo-nationality, #s2id_id_modifica_profilo-province {width: 380px; font-size: 16px; height: 40px; background: #f8f8f8; margin-top: 9px; float: right;} .popupform select{padding: 4px 3px 3px 5px; margin-left: 5px;} .popupform label[for='id_province'], .popupform label[for='id_nationality']{margin-right: 5px;} .linksingn{margin-top: 10px; margin-bottom: 174px; font-size: 54px; color: #9D9D9C; cursor: pointer;} .labremember{color: #9D9D9C; font-size: 18px;} .popupform .button, .linksingn{border: none; background-color: #1D1D1B; width: 235px; height: 43px; line-height: 43px; margin-bottom: 10px; color: #fff; margin-top: 27px; float: left; cursor: pointer; font-family: 'trump'; font-size: 36px; text-align: center;} .popupform .oppure {float: left; padding: 35px 0 0 41px; font-size: 24px; color: #949493;} .popfooter{background-image: url(../img/icons/popup.png); background-repeat: no-repeat; background-position: center bottom; position: absolute; bottom: -20px; width: 100%; height: 20px;} .popupform .margintop{clear: both; height: 40px; } .labprivacy{color: #9D9D9C;} .labprivacy a{color: #000;} .linkremember{cursor: pointer; font-size: 20px;} .fieldgender{position: absolute; width: 78px; height: 60px; right: 25px; top: 100px;} #id_gender, #id_modifica_profilo-gender{width: 78px; display: block; position: relative; overflow: hidden;} #id_gender li, #id_modifica_profilo-gender li{width: 30px; height: 55px; float: left; left: 0px;} #id_gender label, #id_modifica_profilo-gender label{ font-size: 24px; float: none; height: 55px; text-align: center;} #id_gender input, #id_modifica_profilo-gender input{display: block; position: absolute; bottom: 1px; margin: 0px 10px;} #id_modifica_profilo-gender input{left: 0px;} #content_signupform{ font-size: 24px;} #content_signupform .formhead.errormessage{overflow: hidden;} #content_signupform .text{text-align: center; font-size: 48px; margin: 32px auto 0px auto; width: 544px;text-transform: uppercase;} #boxsign .btnEasyclose{position: absolute; top: 72px; right: 0px; z-index: 90; } #formsign{margin: 60px auto;} #content_account_confirm{overflow: hidden;} #content_account_confirm .text{text-align: center; margin: 0px auto; width: 544px;} #content_account_confirm .btnEasyclose{position: absolute; top: 0px; right: 0px;} #content_account_confirm .text .row_1{margin-top: 24px; font-size: 60px;} #content_account_confirm .text .row_2{margin-top: 44px; font-size: 60px;} #content_account_confirm .text .row_3{margin-top: 12px; font-size: 30px;} #content_signupform h1{ width: 100%; text-align: center; } .loading_form{height: 200px; background-image: url(../img/icons/loading.gif); background-position: center; background-repeat: no-repeat; background-color: #fff; } #ui-datepicker-div{background-color: #fff;} .fieldgender .errorlist{ position: absolute; top: -50px; width: 200px; left: -100px;} #box_identity_help .contentEasyclose{ text-align: center; top: 0px;} #box_identity_help .title{font-size: 60px; margin: -50px auto 10px auto; width: 400px;} #box_identity_help .helptext{font-size: 24px;} #box_identity_help .popfooter{background-position: 600px bottom;} /**********************************************************************************************************\ POP UP ***/ /************************************************************************************************************* CLIP ***/ .contentclips_homepage{overflow: hidden; background-color: #fff; clear: both;} .contentclips{margin-bottom: 50px; overflow: hidden; background-color: #fff; clear: both;} .contentclips.ovo_profile{background-color: #1D1D1B} .content_mostviews{width: 640px; float: left; overflow: hidden;} .content_mostviews:hover{overflow: hidden;} .contentclip{height: 380px; float: left;} .hoverplay{position: absolute; width: 100%; cursor: pointer; top: 0px; right: 0px; z-index: 0;} .hoverplay_ovo{height: 193px; width: 128px; z-index: 400;} .contentclip .hoverplay{ height: 316px; overflow: hidden;} .miniclip .hoverplay{ height: 100%;} .shareclip{ background-repeat: no-repeat; display: none; float: left; height: 100%; text-align: center; font-size: 74px; line-height: 410px; color: white;} .shareclip_ovo{ width: 128px; height: 128px; display: none; opacity: 0.85; display: block;} .contentclip .shareclip{width: 320px; background-image: url(../img/btn/shareclip.png);} .player .shareclip {float: left; background-image: url(../img/btn/shareclip-big.png); width: 488px; line-height: 610px;} .shareclipfb{background-position: left top;} .shareclipfb.clicked{background-position: bottom left;} .sharecliptw{background-position: right top;} .sharecliptw.clicked{background-position: bottom right;} .clipcorrelated .hoverplay{height: 100%;} .infoclip{ background: -moz-linear-gradient(top, rgba(29,29,27,0.5) 0%, rgba(29,29,27,0.5) 99%, rgba(29,29,27,0.5) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(29,29,27,0.5)), color-stop(99%,rgba(29,29,27,0.5)), color-stop(100%,rgba(29,29,27,0.5))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(29,29,27,0.5) 0%,rgba(29,29,27,0.5) 99%,rgba(29,29,27,0.5) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(29,29,27,0.5) 0%,rgba(29,29,27,0.5) 99%,rgba(29,29,27,0.5) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(29,29,27,0.5) 0%,rgba(29,29,27,0.5) 99%,rgba(29,29,27,0.5) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(29,29,27,0.5) 0%,rgba(29,29,27,0.5) 99%,rgba(29,29,27,0.5) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#801d1d1b', endColorstr='#801d1d1b',GradientType=0 ); /* IE6-9 */ height: 64px; color: #fff; font-size: 36px; position: absolute; bottom: 0px; left: 0px; width: 100%; overflow: hidden; } .container_ovomatic .infoclip, .container_ovomatic .infoclip, .player .infoclip{display: none;} .infoclip .text.big{font-size: 36px;} .infoclip .text.medium{font-size: 21px;} .ovocategories{width: 64px; height: 64px; float: left; background-position: top center; background-repeat: no-repeat; background-size: 64px 64px;} .ovocategories>img{width: 100%; height: 100%;} .ovopedia{background-image: url(../img/icons/categories/pedia.png);} .ovobio{background-image: url(../img/icons/categories/bio.png);} .ovoseeds{background-image: url(../img/icons/categories/seeds.png);} .ovospirit{background-image: url(../img/icons/categories/spirit.png);} .ovo_ovo{background-image: url(../img/icons/categories/ovo.png);} .ovotake{background-image: url(../img/icons/categories/take.png);} .ovotalk{background-image: url(../img/icons/categories/ten.png);} .ovocreated{position: absolute; top: 0px; right: 0px;background:#1d1d1b;width:145px;height:64px;overflow: hidden;} .ovocreated img{ width: 50px; height: 50px; float:left; margin:8px} .ovocreated img.radius{-webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px} .ovocreated .infouser{color: #fff; line-height: 15px; font-size: 14px; text-transform:uppercase; overflow:hidden; width:65px; display: table-cell; vertical-align: middle; height: 65px;} .ovocreated .infouser strong{display: block;font-size: 12px; color: #c2c2c2; font-weight:normal} .content_categoriesclip{float: right; width: 336px;} .content_categoriesclip .infoclip, .content_categoriesclip .hoverplay {width: 336px;} .contenttab{height: 79px;} .contenttab .tab{width: 112px; height: 80px; float: left; text-align: center; background-color: #000; cursor: pointer;} #container_ten .line, .contentclips .line{position: absolute; height: 100%; background-color: #9D9D9C; width: 2px; left: 638px; top: 0px;} /*.contenttab .tab .line{width: 1px; left: 0px;} */ .contenttab .tab.active{background-color: #fff;} .contenttab .tab .text{padding: 17px 0px; color: #9D9D9C; font-size: 18px;} .contenttab .tab.active .text, .contenttab .tab:hover .text{color: #000;} .contentminiclips{min-height: 398px; overflow: hidden;} .contentminiclips .miniclip{height: 199px; overflow: hidden; width: 336px;} .contentminiclips .miniclip>img{width: 336px; height: 199px;display: block;} .contentminiclips.heightmin2{min-height: 250px;height: 251px} .ovospirit {width:94.5%;background:#fbfcfd; padding: 10px 3%; display: table; table-layout: fixed;font: 11px/14px Arial;border-bottom:1px solid #8d8a87} .ovospirit figure {display: table-cell; vertical-align: top; width:38px} .ovospirit figure img {width:28px;height:28px} .ovospirit strong {display:block; color:#26231f; font-weight:bold} .ovospirit strong span {font-size:10px;color:#9fa0ab;} .ovospirit p {color:#26231f;} .ovospirit p a {font: 11px/14px Arial; color:#35aadf} .ovospirit a{font: 11px/14px Arial;} .ovospirit strong a{color:#26231f; font-weight:bold} .contentovospirit {border-top:1px solid #000; padding:15px; background:#fff; min-height: 900px; height: auto} .contentovospirit h3{padding:50px 0; text-align:center;font-size: 60px;} .contentovospirit h3 span, .contentovospirit h4{display:block;font-size: 38px;} .contentovospirit .listovospirit {height: auto; position: relative; background: #ececec; margin-top: 35px; padding: 0 16px 16px} .contentovospirit .listovospirit:after { bottom: 100%; left: 68px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(236, 236, 236, 0); border-bottom-color: #ececec; border-width: 33px; margin-left: -33px; margin-bottom: -10px; } .contentovospirit .listovospirit li { display: inline-block; vertical-align: top; background: #fff; margin: 16px 3px 0; width: 290px; } .contentovospirit .listovospirit li .ovospirit {width:94%;border-bottom:0} .contentovospirit .listovospirit li .miniclip { position: relative; height: 218px;} .contentovospirit .listovospirit li .miniclip img, .contentovospirit .listovospirit li .miniclip iframe { width: 100% } .contentovospirit .listovospirit li .miniclip .play { position: absolute; left: 50%; top: 50%; margin: -32px 0 0 -32px; background: rgba(0,0,0,0.4); width: 64px; height: 64px; border-radius: 64px; } .contentovospirit .listovospirit li .miniclip .play span { position: absolute; display:block;left: 50%; top: 50%; margin: -13px 0 0 -13px; background: url("../img/btn/playpause.png") 0 0 no-repeat; width: 26px; height: 26px } #ovospirit {background:#fbfcfd;padding:0;} #ovospirit .ovospirititems {position:absolute; overflow:hidden; width: 2000em;} #ovospirit .ovospirititems .ovospirititem {float: left; width: 336px;height: 449px} #ovospirit .ovospirititems .ovospirit { padding: 10px } .tabone{background-color: #fff; color: #000; height: 79px; line-height: 79px; text-align: center; font-size: 36px;} .tabone.green{background-color: #72be44; color: #fff;} .spirit-link .tabone:hover {color: #969798} .sign_art_project { height: 45px; background: url("../img/bio/text.png") center 25px no-repeat #eeca2f; padding-top: 238px;} .sign_art_project .btn {margin: 0 auto; display: block;width: 85px;text-align: center;background-color: #ccab2c;padding: 3px 0;color: #FFF;font-size: 17px;letter-spacing: 0.4px; animation:invalid 2s infinite; -webkit-animation:invalid 2s infinite;} @-webkit-keyframes invalid { 0% {left:8px;} 3% {left:-8px;} 6% {left:8px;} 12% {left:-8px;} 25% {left:0px;} 100% {left:0px;} } @keyframes invalid { 0% {left:8px;} 5% {left:-8px;} 15% {left:8px;} 30% {left:-8px;} 50% {left:0px;} 100% {left:0px;} } .lazy{display:none} /******************************** PAGINA VIDEO *************************************/ .clipcorrelated{width: 325px; height: 193px; float: left;} .content_correlated { clear:left !important } .content_correlated .title{background-color: #1D1D1B; height: 48px; line-height: 48px; font-size: 21px; color: #fff;}/*border-top:1px solid #555553*/ .content_correlated .title, .ovomatic_news_content>.title{background-color: #000; height: 48px; line-height: 48px; font-size: 21px; color: #fff;} .clipcorrelated>img{width: 100%; height: 193px;} .content_correlated .title .text{margin-left: 10px;} .correlated{overflow: hidden; width: 976px;} .correlated_canvas{width: 976px; overflow: hidden; float: left;} .player{width: 100%; height: 580px; overflow: hidden; float: left !important;} .player .social-video {position: absolute; right: 0;top: 63px;z-index: 0;/*opacity: 0;transition: 0.5s;*/} .player .social-video a { width: 128px; height: 128px; background-color: #000;display: block;} /*.player .vimeo {margin-right: 56px; top: 0;} .contentvideoclip:hover .player .social-video {opacity: 1; transition: 0.5s;}*/ .player .social-video .fb {background: url(../img/icons/social-video-fb.png); opacity: 0.85;} .player .social-video .tw {background: url(../img/icons/social-video-tw.png); opacity: 0.85;} .player .video-title {position: absolute; top: 0; width: 100%; padding: 10px; background-color: rgba(0, 0, 0, 0.5);} .player h2 {font-size: 35px; color: #FFF;letter-spacing: 1px;} /************************************************************************************************************\ CLIP ***/ /******************************************************************************************************* HEADER LOG ***/ .contentavatar{width: 64px; float: left; height: 64px; margin-top: 7px;} .contentavatar a{width: 64px; height: 64px; display: block;} .contentavatar img{position: absolute; width: 64px; height: 64px; background: #fff; padding: 1px; -webkit-border-radius: 32px; -moz-border-radius: 32px; border-radius: 32px;} .head .canvas{display:none} .head .infouser{float: left; color: #fff; height: 100%; font-size: 16px; margin-top: 7px; margin-left: 12px; text-transform: uppercase;} .head .infouser a{line-height: 17px; font-size: 15px;white-space: nowrap;} .head .linklogout {margin-top: 9px;} .head .linklogout a{ color: #9D9D9C; font-size: 13px;} /******************************************************************************************************\ HEADER LOG ***/ /************************************************************************************************************* TALK ***/ .talkforeground{ border-top: 2px solid #DA1B38;} .talkguest_container{background-color: #1D1D1B; height: 112px; overflow: hidden;} .talkguest_content{width: 61px; float: left; margin-top: 9px; height: 103px;} .talkguest_content .guest{position: absolute; top: 4px; left: 3px;} .talkguest_bg{background-image: url(../img/icons/talkguest.png); background-repeat: no-repeat; height: 59px; background-position: center bottom;} .talkguest_content.active .talkguest_bg{background-position: top center;} .talkguest_separator{width: 34px; float: left; height: 112px;} .talkguest_separator .icon{background-image: url(../img/icons/pointhover.png); background-repeat: no-repeat; background-position: top center; height: 5px; top: 38px; position: absolute; width: 100%;} .talkguest_separator.active .icon{background-position: bottom center;} .talkguest_text{font-size: 12px; margin-top: 1px; text-align: center; color: #fff; width: 90px; margin-left: -15px; letter-spacing: 1px;} .talkguest_content .selected{background-image: url(../img/icons/guestselected.png); background-repeat: no-repeat; background-position: bottom center; height: 17px; position: absolute; bottom: 0px; left: 0px; width: 100%; display: none;} .talkguest_content.active .selected{display: block;} .choisetalk{background-color: #DA1B38; overflow: hidden;} .choisetalk h1{font-size: 36px; text-align: center; color: #fff; line-height: 56px; height: 56px;} .talkquiz .contentchoise{width: 9420px;} .question_ten{width: 942px; overflow: hidden; height: 291px; float: left;} .question_ten .contentimg{overflow: hidden;} .question_ten img{width: 471px; display: block;} .question_value{position: absolute; background-image: url(../img/btn/content_question.png); background-repeat: no-repeat; background-position: center; width: 252px; height: 252px; top: 50%; left: 50%; margin: -126px;} .question_value p{display: block; color: #fff; text-align: center; width: 200px; margin: 0px auto; position: relative;} .row1{font-size: 38px; line-height: 38px;} .row2{font-size: 36px; line-height: 36px;} .row3{font-size: 34px; line-height: 34px;} .row4{font-size: 32px; line-height: 32px;} .row5{font-size: 30px; line-height: 30px;} .row6{font-size: 28px; line-height: 28px;} .thumbindex_ten{ height: 86px; overflow: hidden; text-align: center; width: 950px; margin: 0px auto; padding-top: 5px; } .topicquestions{float: left; width: 14.28%; height: 23px; color: #bdbdbc; text-align: center; position: relative; bottom: -23px;} .topicquestions.active .deactivate{display: none;} .thumbindex_ten .topicquestions.active, .thumbindex_ten .topicquestions.active_poll{background-image: url(../img/icons/arrow_thumb.png);} .thumbindex_ten .space{width: 10px; height: 100%; float: left;} .thumbindex_ten .topicquestions{ width: 86px; overflow: hidden; padding-top: 8px;} .thumbindex_ten .border_topic{padding: 4px; overflow: hidden;} .topicquestions.active .border_topic, .topicquestions.active_poll .border_topic{background-color: #fff;} .topicquestions .thumb.active .deactivate{display: none;} .thumbindex_ten .topicquestions .thumb{overflow: hidden; width: 39px; height: auto;} .thumbindex_ten .topicquestions img{display: block;} .topicquestions .numthumb{background-image: url(../img/icons/numthumb.png); background-repeat: no-repeat; background-position: top center; width: 23px; height: 23px; position: absolute; top: 50%; left: 50%; margin: -12px; text-align: center; font-size: 13px; color: #da1b38; line-height: 23px;} .topicquestions.active .numthumb{background-position: bottom center;} .ten_biography{width: 640px; background-color: #1D1D1B; overflow: hidden; float: left;} .ten_biography.large_width{width: 976px;} .large_width .content_biography_guest{width: 940px;} .content_biography_guest{width: 604px; margin: 18px auto; min-height: 632px;} .ten_contribute{width: 336px; float: left; background-color: #fff; float: left;} #container_ten{overflow: hidden;} #container_ten .guest_thumb{width: 228px; height: 228px; margin-bottom: 27px;} #container_ten{color: #fff; background-color: #fff;} #container_ten .label, #container_ten .guest_name{font-size: 36px; font-weight: bold;} #container_ten .guest_name{margin-bottom: 13px;} #container_ten .gust_career, #container_ten .guest_bio{font-size: 21px;} #container_ten .gust_career{margin-bottom: 15px;} #container_ten .label{margin-bottom: 17px;} #container_ten .guest_bio{line-height: 36px; margin-bottom: 20px;} .content_contribute_audience .label{color: #DA1B38; text-align: center;} .content_contribute_audience{width: 299px; margin: 25px auto;} .content_contribute_audience form{display: block; margin-top: 45px; position: relative; } .content_contribute_audience input{width: 281px; height: 32px; border: 1px solid #646363; font-size: 21px; padding: 0px 8px; color: #646363;} .content_contribute_audience #inp_nome, .content_contribute_audience #inp_cognome, .content_contribute_audience #inp_mail{ margin-bottom: 15px;} .content_contribute_audience #inp_mobile{ margin-bottom: 160px;} .content_contribute_audience button{text-align: center; display: block; background-color: transparent; font-size: 36px; color: #DA1B38; border: none; font-weight: bold; font-family: 'trump'; width: 115px; margin: 0px auto; cursor: pointer;} #container_post_talk{background-color: #000; overflow: hidden; color: #fff;} .container_quote_guest{width: 401px; position: absolute; height: auto; overflow: hidden; top: 0px; left: 208px; height: 228px;} .container_quote_guest .arrow_left{background-image: url(../img/icons/bgpolls.png); background-position: top center; background-repeat: no-repeat; top: 0px; left: 0px; position: absolute; width: 20px; height: 40px;} .content_quote_guest{padding: 21px 21px 0px 21px; background-color: #fff; height: 207px; width: 339px; position: absolute; right: 0px;} .content_quote_guest .label{color: #DA1B38; font-size: 21px;} .content_quote_guest .text{color: #000; font-size: 21px; line-height: 25px;} .watch_complete_video{position: absolute; bottom: 20px; left: 400px; font-size: 18px; left: 232px; color: #000; bottom: 16px; padding-left: 18px; background-image: url(../img/icons/progress_arrow.png); background-repeat: no-repeat; background-position: center left; background-size: 10px;} .container_video_complete{width: 640px; height: 384px; margin-bottom: 20px;} /************************************************************************************************************\ TALK ***/ /**************************************************************************************************** RESET PASSWORD ***/ .form_module_content{min-height: 600px;} .form_module_content .title_3{font-size: 54px; margin: 39px 0; text-align: center;} .form_module_content .module_content{text-align: center;} .form_module_content .module_content,.form_module_content .module_footer{font-size: 34px; color: #9D9D9C;} .form_module_content .module_footer{margin-top: 16px;} .form_module_content .module_footer .big_btn{background-color: #1D1D1B; font-size: 18px; color: #fff; padding: 12px; } .form_module_content .module_footer .pull-left{float: left;} .form_module_content .module_footer .pull-right{float: right;} /***************************************************************************************************\ RESET PASSWORD ***/ /*********************************************************************************************************** OVO ME ***/ .containerchoice{height: 290px; width: 100%; background-color: #1D1D1B; overflow: hidden;max-width: 976px; margin: 0px auto; } .contentchoice{overflow: hidden; width: 9760px;} .contentchoice_set{ width: 976px; float: left; height: 291px;} .challengeimage{width: 976px; height: 291px; overflow: hidden; margin: 0 auto;} .challengeimage .title{position: absolute; top: 20px; left: 50%; margin-left: -126px; width: 252px; height: 252px; text-align: center; font-size: 36px; color: #fff; overflow: hidden; display: table;} .challengeimage .title img{position: absolute; width: 100%; height: 100%; left: 0px; top: 0px;} .challengeimage .titletext{width: 250px; padding: 0 30px;text-align: center; display: table-cell; vertical-align: middle; text-align: center;} .contentinfouser{width: 940px; margin: 16px; height: 116px;} .contentinfouser .cell{float: left; height: 100%; color: #fff;} .contentinfouser .cell .avatarbig{width: 113px; height: 113px; background-image: url(../img/icons/avatarbig.png); background-position: center; background-repeat: no-repeat; position: absolute;} .textbiouser, .linkactionuser{width: 412px;} .linkactionuser {text-align: right;} .thumbavatar{width: 113px;} .thumbavatar img{position: absolute;} .barcomplete{width: 100px; float: right; border: 2px solid #fff; height: 9px;} .barcomplete .bgcomplete{height: 100%; position: absolute; background-color: #fff;} .firstname, .lastname{font-size: 30px; line-height: 30px;} .lastname {margin-bottom: 8px;} .whereborn, .linkactionuser{font-size: 14px;} .contentinfouser .label{ color: #9D9D9C;} .linkactionuser .text{height: 18px; cursor: pointer;} .linkactionuser .clear{height: 10px;} .linkactionuser a{color: #9D9D9C; font-size: 14px;} .subinfouser{background-color: #353535; height: 56px; text-align: center; font-size: 21px; line-height: 48px;} .subinfouser, .subinfouser a{color: #d0d0d0;line-height: 22px;margin-top: 6px;padding-left: 8px;padding-right: 10px;font-size: 18px;text-align: left; display: block;width: auto;} .social_link_content{ text-align: left; float: left; padding-top: 9px; padding-left: 10px;} .link_form_social{width: 160px;} .social_link_content a{display: inline-block; position: relative; height: 100%;} .subinfouser .counter{display: block; color: #fff; text-transform:uppercase;*zoom: 1;/* font-size: 29px; *//* margin-top: 16px; *//* float: left; */width: 270px;margin: 0 auto 0;padding-top: 18px;font-size: 29px;text-align: center;} .link_social{background-repeat: no-repeat; background-image: url(../img/icons/social_link.png); width: 16px; height: 16px; float: left;background-color: #fff;border-radius: 50px;margin-right: 5px;margin-top: 11px;-webkit-transition:0.3s; -moz-transition:0.3s; -o-transition:0.3s; transition:0.3s;} .link_social:hover{background-color: #d0d0d0;-webkit-transition:0.3s; -moz-transition:0.3s; -o-transition:0.3s; transition:0.3s;} .link_twitter{background-position: -3px 0;} .link_facebook{background-position: -26px 0;} .link_skype{background-position: -50px 0px;} .link_instagram{background-position: -73px 0;} .link_google{background-position: -96px 0;} .link_pinterest{background-position: -120px 0;} .content_ovome{background-image: url(../img/btn/drag.jpg); background-position: center; height: 200px; background-repeat: no-repeat; cursor: pointer;} .formprofile select{ outline:none; line-height: 1.2; border: 2px solid #bbb; width: 380px; font-size: 16px; height: 33px; background: #f8f8f8; -webkit-appearance:none; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; padding: 4px 3px 3px 5px; margin-left: 5px;} .video_empty{background-size: cover; overflow: hidden;} .content_mostviews .video_empty{height: 378px; width: 640px;} .content_categoriesclip .video_empty{height: 200px; width: 336px;} .video_empty .text.big{margin-top: 147px;} .video_empty .text.small{margin-top: 34px;} .video_empty .h1{color: #fbd224;} .video_empty .text.big .h1{font-size: 48px;text-align: center; line-height: 48px;} .video_empty .text.small .h1{font-size: 35px;text-align: center; line-height: 35px;} .video_empty .text.small .plus{font-size: 22px !important; line-height: 24px;font-weight: normal;color: #FFF;margin-top: 10px;} .video_empty .video_finished { background: url(../img/icons/chart-ovome.png); width: 100%; height: 100%;} .video_empty .red{background-color: #e73b51; color: #e7e6e6;} .video_empty .text.big .red{font-size: 60px; padding: 11px 10px 12px 8px;} .video_empty .text.small .red{font-size: 31px; padding: 5px 8px 5px 4px;} .ovo_profile .content_mostviews, .ovo_profile .content_categoriesclip{ background-color: #363636;} .btn_create_ovoidentity{cursor: pointer; color: #fff; text-align: center; font-size: 18px; display: none;} .middletext{-webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); top: 50%;} .perc_ovoidentity{font-size: 42px;} .content_thumb_ovoidentity{overflow: hidden; height: 180px; position: relative;} .video-mouseover-alert { font-size: 18px;padding: 30px 30px 0; text-align:center; height: 100%; background-color: rgba(255, 255, 255, 0.9); position: absolute; top: 0; z-index: 100000; opacity: 0; -webkit-transition:0.3s; -moz-transition:0.3s; -o-transition:0.3s; transition:0.3s; } .video-mouseover-alert span { font-size: 29px; } /* .content_thumb_ovoidentity:hover .video-mouseover-alert {opacity: 1; -webkit-transition:0.3s; -moz-transition:0.3s; -o-transition:0.3s; transition:0.3s;} */ /***FORM****************************/ .contentform{overflow: hidden; width: 942px; margin: 0px auto;min-height: 1200px;} .employment_fieldset label{height: 40px;} .education_fieldset label{height: 58px;} .income_fieldset label{height: 20px;} .lab_gotsons{width: 80%; float: left;} .inp_gotsons { width: 78px; display: block; position: relative; overflow: hidden; float: right; margin-right: 8px;} .inp_gotsons li { width: 35px; height: 50px; float: left; position: relative;} .inp_gotsons label { text-align: center; font-size: 24px;} /****** button *******/ .formprofile_contentbtn { position: fixed; width: 1157px; height: 80px; top: 420px; left: 50%; display: none; margin-left: -488px; text-align: right; background-image: url(../img/icons/profilebtn.png); background-position: right center; background-repeat: no-repeat; } .formprofile_contentbtn button{width: 80px; height: 80px; line-height: 20px; text-align: center; font-size: 18px; display: inline-block; position: relative; border: 0px; cursor: pointer;} .formprofile_contentbtn .btnesci{ background-color: #353535; color: #fff; } .formprofile_contentbtn .btnsalvachiudi{ background-color: #D0D0D0; color: #353535; margin-right: 18px; } /******\ button *******/ .profile_change .form_changeprofile, .profile_change .last_name_fieldset, .profile_change .birth_date_fieldset, .profile_change .nationality_fieldset, .profile_change .first_name_fieldset, .profile_change .province_fieldset, .profile_change .city_birth_fieldset, .profile_change .email_fieldset, .profile_change .city_live_fieldset{border-top: none; border-left: none; border-right: none; border-bottom: 1px solid #939598; display: block; position: relative; overflow: hidden; padding: 24px 0px;} .profile_change .first_name_fieldset .label{ width: 800px;} .profile_change .first_name_fieldset .input{ float: left;} .profile_change .gender_fieldset{position: absolute; right: 0px; top: 24px;} .profile_change .label {font-size: 21px; color: #000; margin-bottom: -6px; text-transform: uppercase;} .profile_change .gender_fieldset label {position: relative; float: left; display: block; height: 40px;} .profile_change .gender_fieldset input {position: absolute; bottom: 0px; } .profile_change .btnmodpass{padding: 24px 0px 12px; font-size: 21px; cursor: pointer;border-bottom: 1px solid #e4e4e3;} .profile_change input[type='text']{border: none; margin: 2px 0px; font-size: 36px; color: #D0D0D0; width: 800px; text-transform: uppercase;} .profile_change select{width: 380px; display: block; position: relative;} .profile_change .btncommand{margin: 0 auto; height: 40px; width: 427px; clear: both;padding: 30px 0 50px;} .content_user_form .btncommand{position:absolute; left: 46%; margin-left: -213px; bottom: 50px; width: 520px } .profile_change .btnsave, .content_user_form .btnsave, .profile_change .btnesci, .content_user_form .btnesci { float: left; width: 240px; text-align: center; font-size: 24px; cursor: pointer; border: 5px solid; padding: 0; line-height: 65px;height: 65px;} .profile_change .btnavanti, .content_user_form .btnavanti{ float: right; width: 190px; text-align: center; font-size: 24px; cursor: pointer; border: 5px solid; padding: 0; line-height: 65px;height: 65px;} .profile_change .btnesci, .content_user_form .btnesci { float: right } .inactive{ border: 5px solid #939392; color: #939392 } .thumbavatar .hoveraction{ position: absolute; width: 100%; height: 100%; color: #fff; font-size: 18px; line-height: 80px; top: 0px; left: 0px; text-align: center; display: none; cursor: pointer; background: -moz-linear-gradient(top, rgba(29,29,27,0.5) 0%, rgba(29,29,27,0.5) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(29,29,27,0.5)), color-stop(100%,rgba(29,29,27,0.5))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(29,29,27,0.5) 0%,rgba(29,29,27,0.5) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(29,29,27,0.5) 0%,rgba(29,29,27,0.5) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(29,29,27,0.5) 0%,rgba(29,29,27,0.5) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(29,29,27,0.5) 0%,rgba(29,29,27,0.5) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#801d1d1b', endColorstr='#801d1d1b',GradientType=0 ); /* IE6-9 */ } .thumbavatar .iconphoto{position: absolute; top: 60px; left: 0px; width: 100%; height: 24px; text-align: center;} .thumbavatar .iconphoto img{height: 100%; left: 50%; margin-left: -16px;} .editphoto_content .button{border: none; background-color: #1D1D1B; width: 234px; height: 43px; line-height: 43px; font-size: 18px; color: #fff; margin-top: 27px; float: right; cursor: pointer; font-size: 36px;} #content_editphoto{width: 640px; margin: 0px auto; overflow: hidden;} #content_editphoto .btnEasyclose{position: absolute; right: 0px; margin-top: 0px;} #content_editphoto label[for='id_original_image']{font-size: 60px; text-align: center; display: block; margin-top: 23px;} #content_editphoto #id_original_image{font-size: 16px; margin-top: 29px; margin-bottom: 40px;} #content_editphoto .editphoto_content{text-align: center;} #content_editphoto label[for='id_cropping']{font-size: 28px;} #content_editphoto .jcrop-holder.jcrop-image{margin: 0px auto;} #password_change_form{width: 544px; margin: 0px auto;} #password_change_form .title{font-size: 54px; margin-bottom: 78px; color: #1D1D1B; } #password_change_form label{font-size: 36px; color: #9f9f9f; width: 154px; position: absolute; display: block;} #password_change_form input{ border-bottom: 1px solid #9f9f9f; border-left: none; border-top: none; border-right: none; background-color: #ffffff; width: 394px; padding-left: 154px; margin-bottom: 57px; display: block; font-size: 36px; color: #9f9f9f;} #password_change_form .btnChange{margin-top: 168px; float: right; margin-bottom: 33px; background-color: #1D1D1B; width: 234px; height: 43px; font-size: 36px; cursor: pointer; text-align: center; color: #fff; border: none;} #password_change_form .errorlist{display: block; position: absolute; margin-top: -10px; width: 100%;} #content_password_change .title_message{font-size: 36px; text-align: center;} .container_user{background-color: #E6E7E8; overflow: auto;} .content_user_form{position: absolute; z-index: -1; background-color: #fff; width: 100%; height: auto; overflow: hidden; top: 0px; display: none;} .content_user_form.active{display: block;} #box_social, #box_social input{font-size: 24px;} #box_social h1{margin: 30px 0px 24px 0px; font-size: 36px;} #box_social .input_text{margin: 7px 0px; overflow: hidden;} #box_social .input_text input{height: 47px; font-size: 24px; color: #929497; display: block; float: left;} #box_social .label{ width: 52px; float: left; height: 49px;} #box_social .label .icon{background-repeat: no-repeat; background-image: url(../img/icons/social_profile.png); height: 34px; position: absolute; top: 7px; height: 34px; width: 100%;} #box_social .twitter .icon{ background-position: 0px 0px;} #box_social .facebook .icon{background-position: 0px -35px;} #box_social .skype .icon{ background-position: 0px -74px;} #box_social .instagram .icon{ background-position: 0px -114px;} #box_social .google .icon{background-position: 0px -148px;} #box_social .pinterest .icon{ background-position: 0px -185px;} #box_social .contentform{padding-bottom: 13px;} .staticvalue{ height: 47px; line-height: 47px; top: 2px; background-color: white; left: 60px; position: absolute; color: #929497;} .twitter input{padding-left: 145px; width: 740px;} .facebook input{padding-left: 190px; width: 695px;} .skype input{ padding-left: 55px; width: 830px;} .instagram input{padding-left: 155px; width: 730px;} .google input{ padding-left: 180px; width: 705px;} .pinterest input{ padding-left: 185px; width: 700px;} .twitter .staticvalue{width: 135px;} .facebook .staticvalue{width: 180px;} .skype .staticvalue{width: 45px;} .instagram .staticvalue{width: 145px;} .google .staticvalue{width: 170px;} .pinterest .staticvalue{width: 175px;} #box_finish{min-height: 1100px; overflow: hidden;} #box_finish .wizard_index{background-color: #1D1D1B; height: 48px; line-height: 48px; width: 976px;} #box_finish .wizard_index h1{position: absolute; width: 100%; text-align: center; color: #fff;} #box_finish .profile_index{position: absolute; right: 13px; text-align: right; height: 100%; line-height: 48px;} #box_finish .profile_index .status_index{display: inline-block; width: 7px; border: 1px solid #fff; margin: 0px 1.5px; height: 7px;} #box_finish .profile_index .status_index.not_empty{background-color: #fff;} #box_finish .content_fieldset{overflow: hidden; width: 9760px; position: relative;} #box_finish .fieldset{float: left; width: 880px; margin: 0px 48px; min-height: 980px;} #box_finish label, #box_finish input, #box_finish{color: #1D1D1B;text-transform: uppercase;} #box_finish .input label {color: #939392; font-size: 35px;} #box_finish .title_field{font-size: 36px; margin: 30px 0} #box_finish .arrow{background-image: url(../img/btn/arrow_profile.png); background-repeat: no-repeat; width: 19px; height: 25px; position: absolute; top: 35px; cursor: pointer;} #box_finish .arrow.arrow_left{background-position: center left; left: 0px; display: none;} #box_finish .arrow.arrow_right{background-position: center right; right: 0px;} #box_finish .input{border-top: 1px solid #e4e5e5; padding: 20px 0;height: 30px; font-size: 21px; line-height: 30px;} #box_finish .input.selected{background-color:#000;padding-left: 48px;margin-left: -48px;margin-right: -48px;padding-right: 48px;} #box_finish .input.selected label:hover:hover{color: #939392 !important;} #box_finish .special {width: 48%; float: left; position: relative;} #box_finish .special label {font-size: 30px;} #box_finish .double:nth-child(4) label, #box_finish .double:nth-child(7) label {font-size: 24px;} #box_finish .special.selected{padding-right: 0} #box_finish .input_text input{width: 680px; display: block; height: 40px; float: left; border: none; font-size: 24px;border-left: 2px solid #000; padding-left: 10px;overflow:hidden} #box_finish .input_text label{ display: block; height: 40px; float: left; padding-right: 10px;} #box_finish .input_content{float: left; width: 49%;} #box_finish .special-input-text {width: 50%;margin-right:0 !important; margin-bottom: 60px; padding-top: 15px; display: inline-block;} #box_finish .special-input-text label { width: 100%; height: 165px; display: block;text-align: center; color: #000; font-size: 26px;} #box_finish .special-input-text input { font-size: 536px;width: 99.5%; height: 550px; line-height: 536px; border: 0;display: block; text-align: center; padding:0; margin-top: -106px} #box_finish .special-full {width: 100%;} #box_finish .special-full input {margin-top: 0} #box_finish .special-full-anni {width: 98%;} #box_finish .special-full-anni strong {font-size: 536px; line-height: 536px; text-align: center; margin: 0 auto; display: block;} #box_finish .point-line { position: relative; } #box_finish .point-line:after { position: absolute; top: 0; right: -25px; content: " "; display: block; width: 2px; height: 100%; border-right: 2px dotted #929496 !important } #box_finish .point-line.special-input-text:after { height: 430px; top: 182px; right: 0; } #box_finish .multiple .content_input li{width: 100%; float: left; padding: 0 2px;text-align: center;} #box_finish .multiple input {width: 100%} #box_finish .no-black label:hover {color: #939392 !important;} #box_finish input[type=number]::-webkit-inner-spin-button, #box_finish input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } #box_finish .multiple .title_field{font-size: 36px !important; margin: 30px 0 0;} #box_finish .multiple .title_field label, #box_finish .multiple.title_label label {display: inline-block !important; font-size: 36px !important;color:#000 !important} #box_finish .multiple .title_field label {margin: 0;background: none;} #box_finish .multiple.title_label label.disable {color: #939392 !important;} #box_finish .multiple .lit_note {border-bottom: 1px solid #e4e5e5; padding: 0 0 10px; margin: 0 0 20px; font-size: 19px; color: #939392;display: block;} #box_finish .multiple .content_input {text-align: center;margin-bottom: 50px;} #box_finish .multiple label {font-size: 30px;margin-bottom: 18px;display: block;} #box_finish .multiple ul li label {font-size: 30px;margin-bottom: 0;display: block;color: #939392;border-bottom: 1px solid #CDCDCD;padding-bottom: 10px; margin-top: -5px;} #box_finish label:hover, #box_finish .multiple ul li label:hover, #box_finish .multiple-ch label:hover {color: #000 !important;} #box_finish .multiple.title_label ul { margin-top: 10px } #box_finish .multiple.title_label ul li { border-top: 1px solid #e6e4e6 } #box_finish .multiple.title_label ul li label { line-height: 20px; padding-bottom: 20px; font-size: 30px !important } #box_finish .input-anni { margin: 0 auto; text-align: center } #box_finish .input-anni li { float: left; width: 30%; margin: 0 0 0 3%; text-align: center } #box_finish .input-anni.double-anni li { width: 45%; margin: 0 0 0 5% } #box_finish .input-anni.simple-anni li { width: 100%; margin: 0 } #box_finish .input-anni li.clear { float: none; margin: 0 auto } #box_finish .input-anni li label { display: inline; color: #9d9997; font-size: 27px; height: auto; width: auto;} #box_finish .input-anni li input { font-size: 144px; height: 174px; line-height: 174px; margin-top: 0; display: inline; } #box_finish .input-anni.simple-anni li label { display: none } #box_finish .input-anni.simple-anni li input { font-size: 536px;height: 660px; line-height: 536px; margin-top: -106px } #box_finish #case-sons-number, #box_finish #case-sons-age, #box_finish #case-sons-1, #box_finish #case-sons-2, #box_finish #case-sons-3, #box_finish #case-sons-4, #box_finish #case-sons-5, #box_finish #case-sons-6 {display:none} #box_finish .multiple_special { text-align: left; border-bottom: 1px solid #bdbaba; width: 48%; min-height: 103px;} #box_finish .multiple_special input {margin-right: 100%;width: auto;} #box_finish .multiple_special label {color: #939392;margin-bottom:0} #box_finish .multiple_special label small {display:block;font-size:24px;top:-5px;position:relative;} #box_finish .block-box { background-color: rgba(239, 239, 239, 0.5); width: 100%; height: 100%; position: absolute;} #box_finish #block-box-1, #box_finish #block-box-2, #box_finish #block-box-3, #box_finish #block-box-4 {display: none;} #box_finish .son_field {height: auto; float: left;width: 49%;margin-right:0 !important;margin-left: 0 !important; border-top: none;} #box_finish #id_completa_profilo-many_sons {width: 100% !important} #box_finish .multiple-ch input {visibility: hidden;} #box_finish .multiple-ch label {background: url(../img/icons/check-box-e.png) center 10px no-repeat; color: #939392 !important; } #box_finish .multiple-ch .active-ch {background: url(../img/icons/check-box-f.png) center 10px no-repeat; color: #000 !important; } #box_finish .no-backg label {background: none !important;color:#000 !important} #box_finish .multiple_special label, #box_finish .multiple_special .active-ch {background-position: 2px 10px} #box_finish .multiple .special:nth-child(even) { margin-right: 0; margin-left: 4%; } #box_finish .double:nth-child(even) { margin-right:4% } #box_finish .multiple_special:nth-child(even) { margin-right:4%; margin-left: 0} @-moz-document url-prefix() { #box_finish #id_completa_profilo-many_sons {margin: -50px 0;} } /*#box_finish .btnsave {position: absolute; bottom: 150px; left: 360px; font-size: 36px; }*/ #box_finish .content_input li{width: 180px; float: left; padding: 5px 2px;} #box_finish .content_input ul{margin-left: 10px; overflow: hidden;} #box_finish .line_hr{clear: both; height: 72px;} #id_completa_profilo-got_sons{/* height: 54px; */ /* font-size: 24px; */ /* position: absolute; */ /* top: 0px; */ /* right: 0px; */} #id_completa_profilo-got_sons li{float: left; min-width: 49%; text-align: center;} #id_completa_profilo-got_sons label {border: none !important;} #box_finish .title_label{ font-size: 36px; height: 60px; margin: 30px 0 15px } #id_completa_profilo-many_sons, #id_completa_profilo-age_sons, #id_completa_profilo-family {float: right; height: 44px; border: none; font-size: 24px; border-left: 2px solid #000; padding-left: 10px;} #id_completa_profilo-many_sons, #id_completa_profilo-age_sons {width: 674px;} #id_completa_profilo-family{width: 258px;} #box_finish input[type='radio']{display: none; float: left; margin: 15px 15px 0 0; visibility: hidden;} #box_finish .multiple input[type='radio']{display: block;} /**********************************************************************************************************\ OVO ME ***/ /********************************************************************************************************** OVOMATIC ***/ .timing{position: absolute; right: 10px; top: 10px; font-size: 28px; font-family: arial-black; color: #fff;} .container_ovomatic{width: 976px; height: 580px; overflow: hidden;} .container_ovomatic .step{position: absolute;} .container_ovomatic .contentstep{display: none; position: absolute; overflow: hidden; width: 100%; height: 100%;} /*.container_ovomatic .step3{ width: 200px; height: 124px; top: 50%; margin-top: -62px; left: 50%; margin-left: -100px; }*/ .ovomatic_cover{ overflow: hidden; top: -50px; left: -50px; min-width: 1200px;} .ovomatic_cover .item{ float: left; overflow: hidden; width: 14.28%; } .ovomatic_mash{ display: block; width: 100%; height: auto;} .container_ovomatic .blur{background-color: #F3F3F2; position: absolute; display: none;} .container_ovomatic .blur .ovomatic_cover .item{ -webkit-filter: blur(5px); -moz-filter: blur(5px); -o-filter: blur(5px); -ms-filter: blur(5px); filter: blur(5px); opacity: 0.7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; /* IE 5-7 */ filter: alpha(opacity=70); -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7; } .content_thumb_ovoidentity.blur .ovomatic_cover .item{ -webkit-filter: blur(2px); -moz-filter: blur(2px); -o-filter: blur(2px); -ms-filter: blur(2px); filter: blur(2px); opacity: 0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* IE 5-7 */ filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; } .container_ovomatic .blur .gradient{position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; background: -moz-linear-gradient(top, rgba(71,71,71,0.25) 0%, rgba(71,71,71,0.25) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(71,71,71,0.25)), color-stop(100%,rgba(71,71,71,0.25))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(71,71,71,0.25) 0%,rgba(71,71,71,0.25) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(71,71,71,0.25) 0%,rgba(71,71,71,0.25) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(71,71,71,0.25) 0%,rgba(71,71,71,0.25) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(71,71,71,0.25) 0%,rgba(71,71,71,0.25) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#40474747', endColorstr='#40474747',GradientType=0 ); /* IE6-9 */} .ovomatic_logo{ width: 257px; text-align: center; height: 159px; top: 50%; margin-top: -79px; left: 50%; margin-left: -128px;} .ovomatic_img_logo{width: 80%; position: absolute; left: 50%; margin-left: -40%; margin-top: -25%; top: 50%;} .step4{top: -247px; left: 976px; width: 600px; height: 247px;} .ovomatic_user{position: absolute; width: 100%; height: 200px; left: 0px; bottom: 0px;} .ovomatic_user .thumbavatar{margin: 0px auto;} .ovomatic_user .thumbavatar img{border-radius: 80px;} .ovomatic_user .thumbavatar, .ovomatic_user .thumbavatar .avatarbig{height: 113px;} .ovomatic_user .thumbavatar img{left: 0px;} .ovomatic_username{color: white; font-size: 60px; padding-top: 10px; text-align: center; text-shadow: 4px 3px #888888;} .poster{ width: 976px; height: 636px; background-color: #231f20;} .poster .title{line-height: 580px; text-align: center; position: absolute; font-size: 158px; color: #fff; width: 100%;} .step5, .step7{top: 0px; left: 976px;} .step9, .step11{top: 636px; left: 0px} .step13, .step15{top: 0px; left: -976px} .step17{top: -636px; left: 0px;} .ovomatic-controler{position: absolute; bottom: 0px; height: 64px; width: 100%;} .step_ovoidentity{position: absolute;} .step_ovoidentity .response{position: absolute; top: 20px; left: 50%; margin-left: -126px; width: 252px; height: 252px; text-align: center; font-size: 36px; color: #fff; overflow: hidden; } .step_ovoidentity .response .text{position: absolute; bottom: 60px; width: 120px; left: 50%; margin-left: -60px;} .step6, .step8, .step10, .step12, .step14, .step16, .step18, .step_ovoidentity{left: 976px; top: 40%; margin-top: -145px;} .container_ovomatic .poll .title{border-top: 1px solid #fff; padding-top: 20px; margin-top: 10px; font-size: 32px; color: #fff; } #ovomatic_player .hoverplay{height: 516px; display: none;} #ovomatic_player .hoverplay .shareclip{display: block; float: left; width: 488px; line-height: 610px; background-image: url(../img/btn/shareclip-big.png); background-repeat: no-repeat;} #ovomatic_player .hoverplay .playpause{display: block;} .alpha{-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 5-7 */ filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; } .ovomatic_loading{height: 580px; background-color: #fff; } .container_ovomatic .center{position: absolute; top: 45%; left: 50%; width: 200px; margin-left: -50px;} .ovomatic_loading .gif{ float: left;} .ovomatic_loading .text{font-size: 24px; text-align: center; float: left; color: #d3d3d3; margin-left: 20px; line-height: 40px;} .ovomatic_content_title{border-bottom: 1px solid #F3F3F2; background-color: #fff;} .ovomatic_content_title .title_collapse{padding: 12px 0px; height: 22px; cursor: pointer;} .ovomatic_news_content>.title{text-align: center;} .ovomatic_content_title .collapse_btn{background-image: url(../img/btn/arrow_collpse.png); margin-left: 10px; background-repeat: no-repeat; background-position: center left; width: 17px; height: 30px; float: left;} .title_collapse.expand .collapse_btn{background-position: center right;} .ovomatic_content_title .text{float: left; font-size: 21px; margin-left: 10px; color: #1D1D1B;} .ovomatic_news{overflow: hidden; display: none; } .ovomatic_news_item{float: left; width: 324px; height: auto; } .ovomatic_news_item img{width: 100%; height: auto;} .title_editable{width: 99%; overflow: hidden; clear: both; } .title_editable .text{width: 280px; float: left;} .title_editable .peneditable{float: left; cursor: pointer; width: 30px; height: 30px; background-position: right center; background-repeat: no-repeat; background-image: url(../img/btn/peneditable.png);} .content_btn{float: right; width: 324px; height: 234px;} .title_editable .inp_edit{float: left; width: 265px; display: block; border-bottom: 1px solid #d3d3d3; border-top: none; border-right: none; border-left: none; padding-left: 10px; height: 30px; font-size: 21px; min-width: 265px; max-width: 265px; min-height: 120px; max-height: 120px;} .title_editable .close{width: 30px; height: 30px; cursor: pointer; background-image: url(../img/btn/edit_close.png); display: none; float: left; background-position: center right; background-repeat: no-repeat;} .title_editable .save{width: 30px; height: 30px; cursor: pointer; background-image: url(../img/btn/edit_save.png); display: none; float: left; background-position: center right; background-repeat: no-repeat;} /*********************************************************************************************************\ OVOMATIC ***/ /*************************************************************************************************** SEARCH - PEOPLE ***/ .seach_content{background-color: #1d1c1a;} .search_head, .people_head{height: 71px; text-align: center; background-repeat: no-repeat; background-position: center 13px;} .search_head{background-image: url(../img/icons/search.png); } .people_head{background-image: url(../img/icons/people.png);} .search_head, .people_head{background-position: 911px 13px; cursor: pointer;} .search_head .text, .people_head .text{width: 820px; margin-left: 15px; font-size: 60px; color: #fff; text-align: left; float: left;} .content_input_search{ background-color: #1D1D1B;} .content_filter{height: 44px; line-height: 44px; font-size: 18px; color: #9D9D9C; text-align: center; border-top: 1px solid #656464; border-bottom: 1px solid #656464;} .filter_item, .btn_people_item{display: inline-block;} .filter_item{width: 155px; cursor: pointer;} .btn_people_item{width: 156px; cursor: pointer; z-index: 200} .space{width: 5px;} .filter_item.active, .btn_people_item.active{color: #fff;} .content_input_filter{margin: 70px auto 0px auto; width: 900px;} .search_head .inp_search{font-size: 60px; color: #fff; border: none; width: 100%; background-color: #1D1D1B; margin: 0px; text-transform: uppercase;} /**********************************************************************************************************************/ .content_result_search{width: 100%; overflow: hidden; min-height: 300px; padding-top: 20px; margin-bottom: 50px;} .content_result_search_people{background-color: #2d3032!important; padding-top: 0!important; min-height: 700px;} .warning_clips_result{ float: left; height: 280px; width: 488px; background: url(../img/icons/paper-icon.png) 50% 8% no-repeat #FFF; text-align: center;} .warning_clips_result span { display: block; font-size: 30px; padding-top: 110px;} .search_clips, .search_users{width: 488px; float: left; overflow: hidden;} .search_clips:hover, .search_users:hover{overflow-y: auto;} .response_users, .response_clips{width: 84%; margin: 64px auto; overflow: hidden;} .response_users h1, .response_clips h1{color: #fff; font-size: 1.4em; text-align: center;} .search_users .user_item{float: left; margin: 0px 44px; width: 116px; text-align: center; height: 175px;left:8.5%} .search_users .content_thumb{ width: 113px; height: 113px; -webkit-border-radius: 88px; -moz-border-radius: 88px; border-radius: 88px; overflow: hidden;} .search_users .content_thumb img{position: absolute; width: 100%; height: 100%; left: 0px; top: 0px;} .sign_for_not_logged_in {padding: 100px 0; width: 100%;background-color: #1f1f1e;border-bottom: 1px solid #656464;} .sign_for_not_logged_in h1 {font-size: 60px; text-align: center; color: #FFF;} .people_user_content{position:relative; width: 100%; margin: 0px auto; cursor: pointer; overflow: hidden;z-index:1} .people_user_content_int{width: 540px; margin: 23px auto; clear:both } .content_result_search_people{padding-bottom: 30px;} .content_result_search_people .user_item{float: left; width: 180px; text-align: center; height: 165px; margin: 0 auto} .content_result_search_people .user_item_me{display:none} .content_result_search_people .content_thumb, .people_user_content_active .user_item .content_thumb { width: 114px; height: 114px; border:4px solid #fff; -webkit-border-radius: 110px; -moz-border-radius: 110px; border-radius: 110px; overflow: hidden;margin: 0 auto;} .content_result_search_people .content_thumb img{position: absolute; width: 100%; height: 100%; left: 0px; top: 0px;} .content_result_search_people .name_user{font-size: 21px; padding: 5px 0px; color: #fff; text-align: center; text-transform: uppercase} .content_result_search_people .clear{width: 100%; clear: both; height: 0;} .people_percentage{width: 180px; top: 20px; height: 80px; float: left; text-align: center; color: #fff; font-size: 90px;} .people_user_content_active {background-color: rgba(0,0,0,0.55) !important; z-index:2;z-index:100} .people_user_content_active .content_thumb_compare, .people_user_content_active .user_item_me .content_thumb { width: 108px; height: 108px;-webkit-border-radius: 108px; -moz-border-radius: 108px; border-radius: 108px;} .people_user_content_active .name_user{font-size: 21px} .people_user_content_active .user_item_me{display:block;float:right;} .avatar_big_search{width: 113px; height: 113px; background-image: url(../img/icons/avatarbig_search.png); background-position: center; background-repeat: no-repeat; position: absolute;} .search_users .name_user{font-size: 21px; padding: 5px 0px; color: #fff; text-align: center; text-transform: uppercase} .search_users .clear{width: 100%; clear: both; height: 0;} .search_users .clear:first-child{height: 60px;} .search_clips .contentclip>img, .search_clips .contentclip{width: 488px; height: auto;} .search_clips .contentclip .hoverplay{height: 100%;} .double_clip{float: left; overflow: hidden;} .filter_gender{position: absolute; width: 153px; height: 44px; background-image: url(../img/icons/people-filter.png); background-position: center; background-repeat: no-repeat; top: 44px; display: none; height: 41px;z-index: 5;} .filter_gender.likeyou{left: 3px;} .filter_gender.opposite{right: 3px;} .filter_gender a{ font-size: 16px; color: #646363; line-height: 53px; width: 45%; display:inline-block; text-align: center; } .search_loader{float: left; height: 71px; width: 71px; text-align: center;} .search_loader img{ display: none; margin: 10px auto;} /**************************************************************************************************\ SEARCH - PEOPLE ***/ /***************************************************************************************************** CATEGORY PAG ***/ .category_title_pag{height: 48px; line-height: 48px; font-size: 18px; text-align: center;} .category_title_pag.category_green{background-color: #72be44; color: #fff;} .category_title_pag.category_black{background-color: #1D1D1B; color: #fff;} /****************************************************************************************************\ CATEGORY PAG ***/ /***************************************************************************************************** PLAYER *********/ .miniclip .infoclip .text {width: 200px;} .clipcorrelated .infoclip .text{width: 190px;} .contentclip .play, .miniclip .play, .clipcorrelated .play{ float: left; background-image: url(../img/btn/playpause.png); background-repeat: no-repeat; background-position: center 0%; width: 26px; height: 26px; margin: 18px; cursor: pointer; } .warning_clips_result .play { float: left; width: 26px; height: 26px; margin: 18px; } .infoclip .text{float: left; font-size: 21px; text-align: left; line-height: 111%; overflow: hidden; height: auto; min-height: 21px; font-weight: normal; width: 246px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .infoclip a{color: #fff;} .contentclip .infoclip .text{ width: 345px;} .btn_load_users, .btn_load_video{width: 100%; height: 64px; font-size: 21px; cursor: pointer; background-color: #1d1c1a; color: #fff; background-image: url(../img/btn/bg_vedi_altri.png); background-repeat: no-repeat; background-position: center 40px; text-align: center; float: left;} .btn_load_video{display: none;} .btn_load_video .text{margin-top: 12px;} /****************************************************************************************************\ PLAYER *********/ .content_tutorial_switch{position: fixed; width: 1065px; height: 79px; font-size: 18px; color: #fff; top: 520px; left: 50%; margin-left: -488px; /*background-color: #e73b51*/ cursor: pointer; text-align: right; background: url(../img/btn/tutorial-globe.png) right 0 no-repeat;} .content_tutorial_switch .content{width: 69px; height: 79px; text-align: center; position: absolute; right: 0px;} .content_tutorial_switch .label{height: 50%; line-height: 60px;} .content_tutorial_switch .btn_tutorial_switch{font-weight: bold;} .content_fixed{position: fixed;} .content_fixed#head{top: 0px; z-index: 700;height:40px; left: 0;} .content_fixed#navigation{top: 40px; z-index: 600;} .content_fixed#head a.logo {line-height: 25px;font-size: 28px} .content_fixed#navigation .navigation, .content_fixed#head .col-md-5.center, .content_fixed#head a.logo.medium h1 {height: 40px} .content_fixed#head a.logo.medium h1 img{height: 25px} .content_fixed#head a.logo.medium-add h1 img{height: 25px!important; margin-left: -70px!important; margin-top: 10px!important;} .content_fixed#head .content_logwith{margin-top: 10px; float: right; left: -40px;} .content_fixed#head .linklog{margin-top: 10px; float: left;} .content_fixed#head .linkpeople .link-h, .content_fixed#head .linksearch .link-h {display: none;} .content_fixed#navigation .navigation {min-height: 40px} .content_fixed#navigation .navigation .item {line-height: 40px} .content_fixed#head .linklogout {margin-top:-1px} .content_fixed#head .infouser, .content_fixed#head .linklogout a {font-size:13px; text-transform: uppercase;} .content_fixed#head .infouser {margin-top:3px} .content_fixed#head .infouser a br {display:none} .content_fixed#head .linkpeople {margin-left: 30px !important;} .content_fixed#head .linksearch .icon {margin-right: 0 !important;} .content_fixed#head .linkpeople, .content_fixed#head .linksearch{float: left; margin: 0; padding-top: 0 !important;} .content_fixed#head .languagebar {right: -30px; top: 11px;} .content_fixed#head .contentavatar, .content_fixed#head .contentavatar a, .content_fixed#head .contentavatar img{width: 32px; height: 32px;-webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px;} .content_fixed#head .contentavatar{margin-top: 4px;} .content_static{height: auto;} .absolute{position: absolute;} @media (min-height: 769px) { #offset_head{ height: 80px; } } @media (max-height: 768px){ .head{height:40px} .head a.logo {line-height: 25px;font-size: 28px} .navigation .navigation, .head .col-md-5.center, .head a.logo.medium h1 {height: 40px} .head a.logo.medium h1 img{height: 25px} .head .content_logwith{margin-top: 10px; float: right; left: -40px;} .head .linklog{margin-top: 10px; float: left;} .head .linkpeople, .head .linksearch {display: inline;} .head .linkpeople .link-h, .head .linksearch .link-h {display: none;} .navigation {min-height: 40px} .navigation .item {line-height: 40px} .head .linklogout {margin-top:-1px} .head .infouser, .head .linklogout a {font-size:13px; text-transform: uppercase;} .head .infouser {margin-top:3px} .head .infouser a br {display:none} .head .linkpeople, .head .linksearch{float: left; margin: 0; padding-top: 0 !important;} .head .linkpeople {margin-left: 30px !important;} .linksearch .icon {margin-right: 0 !important;} .head .languagebar {right: -30px; top: 11px;} .head .contentavatar, .head .contentavatar a, .head .contentavatar img{width: 32px; height: 32px;-webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px;} .head .contentavatar{margin-top: 4px;} } /*********************************************************************************************************** @QUERY ***/ /*@media (min-width: 1024px){ .navigation .item{font-size: 16px;} } @media (min-width: 1200px){ .navigation .item{font-size: 21px;} } @media (max-width: 976px){ .navigation .item{width: 98px;} .content_tutorial_switch{margin-left: -294px; width: 652px;} } @media (max-width: 976px){ .container { max-width: 588px; } .col-md-2.left{position: absolute; z-index: 100; height: 90px; width: 100px;} .col-md-2.right{position: absolute;top: 0;right: 0;} .col-md-2{width: auto; } .header-center-side{width: 200px;} .head .infouser { float: none } .head .contentavatar {margin-right:6px} .col-md-5.center{width: auto; float: none; margin: 0 auto; z-index: 90;} .header-center-side h1 { font-size: 24px;} .underhead h1 { font-size: 60px;} .underhead h2 { font-size: 32px !important;} #sign_up_now{font-size: 54px;} #menu_video div{font-size: 16px; padding: 0px 11px; height: 48px;} #menu_video div a.two {line-height: 18px;} #menu_video div a.one { line-height: 52px;} .contentEasyclose {width: 517px; margin-left: -258px;} .contentEasyclose .pophead { height: 56px;} .pophead .logo {margin: 8px; font-size: 20px;} .popupform { width: 444px;} .linksingn { margin-top: 40px; font-size: 41px; margin-bottom: 134px;} .popupform .labremember { font-size: 14px;} .popupform .button { width: 178px; height: 34px; line-height: 34px;} .popupform input[type='text'], .popupform input[type='password'], .popupform input[type='email'], #id_password2, .popupform select, #s2id_id_province, #s2id_id_nationality, #s2id_id_modifica_profilo-nationality, #s2id_id_modifica_profilo-province { width: 280px; font-size: 24px;} .popupform label { font-size: 28px;} .btnEasyclose {margin: 5px 0px 5px 465px;} .player{height: 349px; overflow: hidden;} #video{height: 349px; width: 588px; controls: true;} .clipcorrelated{width: 294px; height: 174px; float: left;} .clipcorrelated img{width: 294px; height: 174px;} .correlated{height: 772px; overflow-y: auto; width: 588px;} .player .shareclip {float: left; background-image: url(../img/btn/shareclip-big.png); width: 294px; background-size: 588px 570px; height: 285px;} /**#player .hoverplay{height: 193px !important; width: 128px !important;}*/ .correlated_canvas{width: 980px; overflow: hidden; float: left; margin-bottom: 50px;} .infoclip .text{float: left; padding-top: 0px; margin-left: 8px; font-size: 19px; text-align: left; font-weight: normal; width: 220px;} } @media (max-width: 600px){ .col-md-5.center { width: 390px;} #menu_video div { font-size: 14px; padding: 0px 5px;} #menu_video div a.two {padding-top: 0px; } .header-center-side { width: 100px; } .header-center-side h1 { font-size: 18px;} .correlated{margin: 0px auto;} .correlated, .correlated_canvas{width: 300px;} #menu_video div { font-size: 12px; padding: 0px 3px;} } /**********************************************************************************************************\ @QUERY ***/ .txt-circular { width: 354px; height: 389px; -webkit-border-radius: 242px; -moz-border-radius: 242px; border-radius: 242px; overflow: hidden; font-size: 54px; line-height: 60px;text-transform: uppercase; text-align: center; margin: 50px auto; color: #fff; background: #1d1d1b; padding: 95px 65px 0 } .extra-space { width: 100%; height: 40px; display: none;} /**********************************************************************************************************\ ANIMATION***/ .social_link_content a{display: none;-webkit-animation:social-ani 1s;-moz-animation:social-ani 1s;-ms-animation:social-ani 1s;-o-animation:social-ani 1s;animation:social-ani 1s;} /****************************** flip counter ********************************************/ .flip-counter { position: relative; display: inline-block; list-style-type: none; top: 5px; margin: 0 10px } .flip-counter li { float: right; } .no-csstransforms3d span.back { display: none; } .flip-counter.light .digit { position: relative; z-index: 0; width: 26px; height: 26px; margin-left: 2px; text-align: center; line-height: 0; } .flip-counter.light .digit:last-child { margin-left: 0; } .flip-counter.light .digit span { position: absolute; left: 0; height: 13px; width: 26px; overflow: hidden; padding: 0; background-color: #bd374b; /* -webkit-border-top-left-radius: 50px; -webkit-border-top-right-radius: 50px; -moz-border-radius-topleft: 50px; -moz-border-radius-topright: 50px; border-top-left-radius: 50px; border-top-right-radius: 50px;*/ -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; font-size: 21px; text-indent: 0; /*background-color: #e8f1ff;*/ color: #fff; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .flip-counter.light .digit span.front { top: 0; padding-top: 13px; } .flip-counter.light .digit span.back { bottom: 0; background-color: #d93d54; -webkit-border-top-left-radius: 0; -webkit-border-top-right-radius: 0; -moz-border-radius-topleft: 0; -moz-border-radius-topright: 0; border-top-left-radius: 0; border-top-right-radius: 0; -webkit-border-bottom-left-radius: 50px; -webkit-border-bottom-right-radius: 50px; -moz-border-radius-bottomleft: 50px; -moz-border-radius-bottomright: 50px; border-bottom-left-radius: 50px; border-bottom-right-radius: 50px; } .flip-counter.light .digit .line { position: absolute; z-index: 10; height: 1px; width: 100%; border-bottom: 1px solid #9b3746; left:0; top: 12px; background: none } .flip-counter.light .digit .hinge-wrap { z-index: 5; position: relative; overflow: visible; -webkit-perspective: 300px; -moz-perspective: 300px; -ms-perspective: 300px; perspective: 300px; } .flip-counter.light .digit .hinge { position: absolute; height: 13px; width: 26px; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transition: -webkit-transform 0.3s ease-in; -moz-transition: -moz-transform 0.3s ease-in; transition: transform 0.3s ease-in; -webkit-transform-origin: 50% 100%; -moz-transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; -o-transform-origin: 50% 100%; transform-origin: 50% 100%; } .flip-counter.light .digit .hinge span { height: 0px; z-index: 5; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; } .flip-counter.light .digit .hinge span.front { padding-top: 13px; -webkit-border-bottom-left-radius: 0; -webkit-border-bottom-right-radius: 0; -moz-border-radius-bottomleft: 0; -moz-border-radius-bottomright: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .flip-counter.light .digit .hinge span.back { height: 13px; -webkit-transform: rotateX(180deg); -moz-transform: rotateX(180deg); -ms-transform: rotateX(180deg); -o-transform: rotateX(180deg); transform: rotateX(180deg); } .flip-counter.light .digit.animate .hinge { -webkit-transform: rotateX(-180deg); -moz-transform: rotateX(-180deg); -ms-transform: rotateX(-180deg); -o-transform: rotateX(-180deg); transform: rotateX(-180deg); } .flip-counter.light .digit-delimiter { display: none } /**** skin *****/ body#skin { background-attachment:fixed; } body#skin .content_head { max-width: 976px;margin: 0px auto; } body#skin .site{top: 110px;} body#skin .underheadnews{background:none} body#skin .content_fixed#head{left: 0px} /**** skin *****/ .head:not(.content_fixed) .linklog{margin-top: 28px;}