.back,.section-block{overflow:hidden;position:relative}.back,.section-block,.section-wrap{position:relative}.section-wrap{height:50vh;width:100%}.section-block{width:50%;height:100%;display:inline-block;vertical-align:top}.gray-back{background:#f3f5f8}.back{background-repeat:no-repeat;background-size:cover;background-position:center}.section-content-left,.section-content-right{width:50%;position:absolute;top:50%;transform:translateY(-50%);opacity:0}#sec-black-circle,#sec-black-right{position:relative}.section-content-left{left:50%}.section-content-right{right:50%}#left-sec1.active,#left-sec4.active,#left-sec6.active{transform:translate(-70%,-50%);-webkit-transform:translate(-70%,-50%);transition:1s;-webkit-transition:1s;opacity:1}#right-sec2.active,#right-sec5.active{transform:translate(70%,-50%);-webkit-transform:translate(70%,-50%);transition:1s;-webkit-transition:1s;opacity:1}.section-title{color:#333;font-family:Roboto,sans-serif;font-size:1.7rem;font-weight:300;letter-spacing:.2rem;line-height:1.4em}.section-title:after{content:'';display:block;width:100px;height:3px;margin:5px 0 10px;background:#8a32cb}.sectionSub-title{font-family:'Open Sans',sans-serif;font-size:1rem;font-weight:700;line-height:1.2em;color:#333;margin:10px 0}.section-description{color:#777;font-family:Roboto,sans-serif;font-size:1rem;line-height:1.5em;padding-top:20px}.section-description a{text-decoration:none;color:#8a32cb}#sec-black-description,#sec-black-title{color:#FFF;font-family:Roboto,sans-serif}#img1,#img2,#img3,#img4,#img5{height:100%;width:100%}#img1{background-image:url(https://s3.us-east-2.amazonaws.com/optimumdesigns/phone-responsive1.jpg)}#img2{background-image:url(https://s3.us-east-2.amazonaws.com/optimumdesigns/phone-responsive2.jpg)}#img3{background-image:url(https://s3.us-east-2.amazonaws.com/optimumdesigns/phone-responsive3.jpg)}#img4{background-image:url(https://s3.us-east-2.amazonaws.com/optimumdesigns/laptop-responsive.jpg)}#img5{background-image:url(https://s3.us-east-2.amazonaws.com/optimumdesigns/phone-responsive4.jpg)}#section-black{background:#22222b;height:auto;width:100%}#section-black-inner{padding:50px 0;margin:0 15%;width:70%;height:100%;position:relative}#sec-black-left,#sec-black-right{display:inline-block;width:50%;vertical-align:top}#sec-black-title{margin-bottom:30px;font-size:2.5rem;font-weight:300;line-height:1.4em;letter-spacing:.1rem;width:90%}#sec-black-description{line-height:1.3em;letter-spacing:.2rem;font-size:1.5rem;width:65%}#sec-black-circle{background:#FFF;width:215px;height:215px;margin:45px 0;border-radius:100%;box-shadow:0 0 40px rgba(0,0,0,.9);border:2px solid #FFF;-webkit-transition:all .25s;transition:all .25s}#sec-black-circle:hover{background:#22222b;box-shadow:0 0 40px rgba(0,0,0,.9);border:2px solid #FFF;-webkit-transition:all .25s;transition:all .25s;cursor:pointer}#sec-black-circle a{color:#0f78ab;font-size:2.3rem;line-height:1.3em;font-family:Roboto,sans-serif;text-decoration:none;-webkit-transition:all .25s;transition:all .25s}#sec-black-circle:hover a{color:#665d52;-webkit-transition:all .25s;transition:all .25s}#phone-slide{width:50%;height:auto;display:block;position:absolute;right:-50%;margin:10px 0;opacity:0;transition:1s;-webkit-transition:1s}#phone-slide.active{opacity:1;transform:translateX(-100%);-webkit-transform:translateX(-100%);transition:1s;-webkit-transition:1s}@media screen and (max-width:640px){.left,.right{float:none}.section-wrap{height:100vh;width:100%}.section-block{width:100%;height:50%;display:block}#section-blue{height:50vh}.section-content-left,.section-content-right{width:80%}#left-sec1.active,#left-sec4.active,#left-sec6.active{transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%)}#right-sec2.active,#right-sec5.active{transform:translate(50%,-50%);-webkit-transform:translate(50%,-50%)}.section-title{font-size:1.2rem}.sectionSub-title{font-size:.9rem;margin:8px 0}.section-description{font-size:.7rem;padding-top:8px}#section-black-inner{padding:50px 0;width:90%;margin:0 5%}#sec-black-left,#sec-black-right{display:block;width:100%;margin:0 auto;text-align:center}#sec-black-title{margin-bottom:30px;font-size:1.8rem;width:100%}#sec-black-description{font-size:1.1rem;width:100%}#sec-black-circle{width:150px;height:150px;margin:30px auto}#sec-black-circle a{font-size:1.4rem}#phone-slide{width:55%;position:relative;right:-50%;margin:10px 0}#phone-slide.active{transform:translateX(-50%);-webkit-transform:translateX(-50%)}}@media screen and (min-width:641px) and (max-width:900px){.left,.right{float:none}.section-wrap{height:100vh;width:100%}.section-block{width:100%;height:50%;display:block}#section-blue{height:50vh}.section-content-left,.section-content-right{width:80%}#left-sec1.active,#left-sec4.active,#left-sec6.active{transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%)}#right-sec2.active,#right-sec5.active{transform:translate(50%,-50%);-webkit-transform:translate(50%,-50%)}.section-title{font-size:1.3rem}.sectionSub-title{font-size:1rem}.section-description{font-size:.8rem;padding-top:8px}#section-black-inner{margin:0 10%;width:80%}#sec-black-circle a,#sec-black-title{font-size:1.5rem}#sec-black-description{font-size:.9rem;width:80%}#sec-black-circle{width:175px;height:175px}#phone-slide{width:60%}}@media screen and (min-width:901px) and (max-width:1200px){.section-content-left,.section-content-right{width:65%}#left-sec1.active,#left-sec4.active,#left-sec6.active{transform:translate(-65%,-50%);-webkit-transform:translate(-65%,-50%)}#right-sec2.active,#right-sec5.active{transform:translate(65%,-50%);-webkit-transform:translate(65%,-50%)}.section-title{font-size:1.2rem}.sectionSub-title{font-size:1rem;margin:8px 0}.section-description{font-size:.75rem}#section-black-inner{margin:0 10%;width:80%}#sec-black-title{font-size:1.8rem}#sec-black-description{font-size:1.1rem;width:80%}#sec-black-circle{width:175px;height:175px}#sec-black-circle a{font-size:1.7rem}#phone-slide{width:60%}}@media screen and (min-width:1201px) and (max-width:1600px){.section-content-left,.section-content-right{width:60%}.section-description{font-size:.9rem}}