.aboutB-b .c-menu { position: relative; height: 700px; margin-left:360px; width: 400px; overflow: hidden; } .aboutB-b .img-box, .hide { position: absolute; left: 0px; border-radius: 50%; border:3px solid #718fea; top: 55px; width: 590px; height: 590px; opacity: 1; transition: opacity, 2s;} .aboutB-b .hide { opacity: 0; transition: opacity, .5s;} .aboutB-b .items-list { position: absolute; left: -400px; top: 0px; width: 700px; height: 700px; border: 1px solid rgba(255,255,255,0.15); border-radius: 50%; } .aboutB-b .item { opacity: 0.5; position: absolute; width: 600px; padding-left: 25px; font-size: 18px; transition: font-size 1s; text-align: left; cursor: pointer;} .aboutB-b .item a { position: relative; } .aboutB-b .item:nth-child(4) { font-size: 28px; margin-top: -4px; transition: font-size .5s; opacity: 1; } .aboutB-b .item a:before { content: ""; position: absolute; width: 20px; height: 20px; background:url(../images/aboutb-2.png) no-repeat center; left: -25px; top:50%; margin-top:-10px; } .aboutB-b .item:nth-child(4):before { top: 10px;}.item a { color: #dae6ef; transition: color 0.5s;} .aboutB-b .item a:hover { color: white; transition: color 0.5s;} .aboutB-b .item:nth-child(2), .aboutB-b .item:nth-child(3),.aboutB-b .item:nth-child(11),.aboutB-b .item:nth-child(12) { opacity: 0.7;} .aboutB-b .btn { z-index: 10; position: absolute; width: 20px; height: 20px; cursor: pointer; left: 60px; font-size: 20pt; color: #dae6ef; -webkit-transform: scale(3, 1);transform: scale(3, 1);-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;} .aboutB-b .btn:hover { color: white; transition: color 0.5s;} .aboutB-b .prev { top: 110px;} .aboutB-b .next { bottom: 120px;} .news_body { background: #f8f8f8;} .contact_body { background: #f8f8f8;} .inputerror { /*border-bottom: 1px solid #f00 !important;*/ background-color: #ffe6e6 !important;} @-webkit-keyframes inputerrors{ 0%{ background-color: #fff; } 100%{ background-color: #ffe6e6; } } .inputerror{ animation: inputerrors 0.5s 3 ease; }