#container {/*margin: 20px auto;width: 980px;*/ } #accordion {list-style: none;padding: 0;/*height: 377px;margin:30px 0;width: 980px;margin: 0 0 0 11px;*/overflow: hidden; } .panels {float: left;display: block;/*height: 400px;*/width: 44px;overflow: hidden;color: #000;text-decoration: none;font-size: 16px;font-weight: bold;line-height: 1.5em;border-left: solid 2px #e34128; } .panels.active {width: 85%; } .panelContent {padding: 0 0 0 44px;height: 377px;/*width:778px;*/border-bottom: solid 44px #f54f36; } .panelContent ul {list-style: none;margin: 20px 0 0 40px; } .panelContent ul li {background: url(../img/bullet_square.png) no-repeat 0 7px;text-indent: 20px; } .contentTitle {background-color: #f54f36;line-height: 44px;text-align: center;font-family: nexa_boldregular, sans;font-size: 24px;color: #fff; } .pink {width: 44px;height: 350px;float: left;background-color: #f54f36;cursor: pointer; } .pink h4{ margin-top:180px; text-align:center; color:#fff; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);} .pink img {width: 100%; } .last {border-right: solid 44px #f54f36; } .p1 {background: url(../img/term_bg.png) no-repeat right 60px; } .p2 {background: url(../img/term_bg2.png) no-repeat right 60px; } .p3 {background: url(../img/term_bg3.png) no-repeat right 60px; } .p4 {background: url(../img/term_bg4.png) no-repeat right 60px; } .p5 {background: url(../img/term_bg.png) no-repeat 0 0; } #imageWrap {width: 100%;height: 420px;background: url('../img/preloader.gif') center center no-repeat; } #imageWrap img {width: 100%; } /*Accordion Menu Responsive*/ .ac-container{width: 100%;text-align: left; } .panelContent1 { } .panelContent1 ul {list-style: none;margin: 0px 0 0 40px; } .panelContent1 ul li {background: url(../img/bullet_square.png) no-repeat 0 7px;padding-left:20px; } .ac-container h4{color:#fff; text-align:center; } .ac-container h5{padding-left:25px; font-size:25px; } .ac-container label{width:100%;position: relative;z-index: 20;display: block;cursor: pointer;color: #fff;border-top: 2px solid #e34128;line-height: 33px;font-size: 19px;background: #f54f36;} .ac-container label:hover{background: #e34128; } .ac-container input:checked + label, .ac-container input:checked + label:hover{background: #e34128;color: #fff; } .ac-container label:hover:after, .ac-container input:checked + label:hover:after{content: '';position: absolute;width: 24px;height: 24px;right: 13px;top: 7px;background: transparent url(../images/arrow_down.png) no-repeat center center;	} .ac-container input:checked + label:hover:after{background-image: url(../images/arrow_up.png); } .ac-container input{display: none; } .ac-container article{background: rgba(255, 255, 255, 0.5);margin-top: -1px;overflow: hidden;height: 0px;position: relative;z-index: 10;-webkit-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;-moz-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;-o-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;-ms-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;transition: height 0.3s ease-in-out, box-shadow 0.6s linear; } .ac-container article p{padding: 20px; } .ac-container input:checked ~ article{-webkit-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;-moz-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;-o-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;-ms-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;transition: height 0.5s ease-in-out, box-shadow 0.1s linear;} .ac-container input:checked ~ article.ac-small{height: 140px; } .ac-container input:checked ~ article.ac-medium{height: 180px; } .ac-container input:checked ~ article.ac-large{height: 270px;/*margin:0 -8px 0 8px;*/}