@font-face{font-family:customFont;src:url(../assets/fonts/custom.ttf),url(../assets/fonts/custom.eot) format("embedded-opentype"),url(../assets/fonts/custom.woff) format("truetype");font-weight:400;font-style:normal}body,html{font-family:customFont,Arial,sans-serif;font-size:20px;background:#f2f2f2;width:100%}li{list-style:none}i{font-style:normal}*{padding:0;margin:0}a:active,a:hover,a:link,a:visited{text-decoration:none;background:none}#wrapper{width:100%;min-width:1200px;min-height:100%;margin:0 auto;position:relative;height:auto}.cont{width:80%;max-width:1400px;margin:0 auto;padding:0}header{width:100%;color:#fff;padding:1.5rem 0 0;height:33rem;background:url(../images/banner.png) no-repeat 0 0;background-size:100% 100%}header .logo{text-align:center;margin-bottom:1.5rem}header .logo img{width:7rem}header ul.nav{background:rgba(0,0,0,.8);padding:.5rem;margin-bottom:3rem}header ul.nav li{float:left;width:25%}header ul.nav li a{width:100%;display:inline-block;text-align:center;font-size:1rem;cursor:pointer;border:none;letter-spacing:2px;color:#fff}header ul.nav li a:active,header ul.nav li a:hover,header ul.nav li a:visited{background:none!important}header ul.nav li a:hover{color:#ffc600}header h1{font-size:7rem}header h1 span{display:block;margin:.8rem auto;letter-spacing:24px;width:100%;text-align:center}header h1 span:nth-child(2){margin-bottom:.1rem}header h1 span:nth-child(3){margin-top:0;letter-spacing:37px;font-size:1.5rem;font-weight:100;font-family:Quicksand}.main{color:#fff}.main>div{padding:10rem 0 0;height:33rem}.main .about{background:url(../images/about.png) no-repeat 0 0;background-size:100% 100%}.main .technology{background:url(../images/technology.png) no-repeat 0 0;background-size:100% 100%;text-align:center}.main .technology h3{color:#ffc600}.main .technology p{width:55%;margin:1rem auto 0}.main .resource{text-align:left;position:relative;background:#2d2d2d}.main .resource>img{position:absolute;left:0;top:0;width:55%;height:100%;z-index:0}.main .resource h3,.main .resource p{width:43%;margin-left:52%;position:relative;z-index:100}.main .product{background:#000;text-align:center;height:36.8rem}.main .product p{width:40%;text-align:center;margin:1rem auto 4rem}.main .product ul li{width:50%;float:left;text-align:center}.main .product ul li a{padding:3rem 0;display:inline-block;width:100%;height:100%;background:rgba(11,14,22,.6)}.main .product ul li a:hover h4,.main .product ul li a h4{color:#fff}.main .product ul li a:hover{background:rgba(11,14,22,.4)}.main .product ul li h4{font-size:2.5rem;letter-spacing:8px}.main .product ul li span{color:#ffc600;font-size:1.5rem;font-weight:100;letter-spacing:6px}.main .product ul li:first-child{background:url(../images/ios.png) no-repeat 0 0;background-size:100% 100%}.main .product ul li:nth-child(2){background:url(../images/android.png) no-repeat 0 0;background-size:100% 100%}.main .product ul li:nth-child(3){background:url(../images/windows.png) no-repeat 0 0;background-size:100% 100%}.main .product ul li:nth-child(4){background:url(../images/mac.png) no-repeat 0 0;background-size:100% 100%}.main h3{font-size:7rem;letter-spacing:16px;margin:0}.main h3 span{border-bottom:2px solid #ffc600}.main p{font-family:Avenir;font-size:1rem;width:38%;font-weight:100;margin:15px 0 0}.footer{margin-top:12rem;padding:8rem 0 0;text-align:center}.footer img{width:6rem}.footer img,.footer ul{margin-bottom:4rem}.footer ul li{float:left;width:25%;font-weight:200}.footer ul li a{color:#000;letter-spacing:2px}.footer ul li a:hover{color:#ffc600}.footer .copyright{background:#000;color:hsla(0,0%,100%,.8);font-size:.6rem;font-weight:100;padding:1rem 0;font-family:Geneva}.footer .copyright p{margin-bottom:0}.footer .copyright p span:nth-child(2){display:inline-block;margin-left:15px}.footer .copyright p a{color:hsla(0,0%,100%,.8)}.footer .copyright p a:hover{color:#fff}@media screen and (min-width:1600px){body,html{font-size:24px}}