@import"https://fonts.googleapis.com/css?family=Roboto:400,600";html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}html,body{text-align:center;width:100%}hr,input{margin:0}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}textarea{font-family:arial}strong,b{font-weight:bold}img{max-width:100%}label,input[type=button],input[type=submit],button{cursor:pointer}textarea:focus,select:focus,input:focus{outline:0 none}input:-webkit-autofill{-webkit-box-shadow:0 0 0 50px #fff inset}.cf{zoom:1}.cf:before,.cf:after{content:"";display:table}.cf:after{clear:both}.fl{float:left}.fr{float:right}.textl{text-align:left}.textr{text-align:right}.textc{text-align:center}.textj{text-align:justify}.bold{font-weight:bold}.mayus{text-transform:uppercase}.italic{font-style:italic}.block{display:block}.hidden{display:none}.box,.c-alert .message,form input,form select,form textarea,.btn,.btn2{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.mt-5{margin-top:5px}.ml-5{margin-left:5px}.mb-5{margin-bottom:5px}.mr-5{margin-right:5px}.mt-10{margin-top:10px}.ml-10{margin-left:10px}.mb-10{margin-bottom:10px}.mr-10{margin-right:10px}.mt-20{margin-top:20px}.ml-20{margin-left:20px}.mb-20{margin-bottom:20px}.mr-20{margin-right:20px}.mt-40{margin-top:40px}.ml-40{margin-left:40px}.mb-40{margin-bottom:40px}.mr-40{margin-right:40px}.pad-10{padding:10px}.pad-20{padding:20px}.c1{color:#5a297f}.c2{color:#000}.col2{width:50%}.col3{width:100%}@media screen and (min-width: 25em){.col3{width:33.3333333333%}.col4{width:25%}.col5{width:20%}.col6{width:16.6666666667%}}html{height:100%}body{background:#e6e6e6;font-family:"Roboto",Arial,sans-serif;color:#333;font-size:1em;height:100%}hr{border:none;border-top:1px solid #e6d8cf}a{color:#333;text-decoration:none}p{color:#333;font-size:1.2em;line-height:1.4em}p a{color:#5a297f;text-decoration:underline}table{width:100%;border-collapse:collapse}table td,table th{vertical-align:middle;padding:5px 0 5px 10px}table th{height:40px;background:#f2f2f2 !important;color:#999}table tr{border-bottom:1px solid #e5e6e7}table tbody tr:hover{border-color:#c0111e}table tbody img{display:block}form{text-align:left}form .row{display:block;width:100%}form .row label{display:block;margin-bottom:3px}form input,form select,form textarea{width:100%;border:1px solid #ccc;padding:5px 10px;color:#666;background:#fff}form input[type=text],form input[type=password],form select,form input[type=textarea]{font-size:1.2em}form input[type=check],form input[type=radio],form input[type=file]{width:auto;border:none;padding:0}form input[type=text]:focus,form input[type=password]:focus,form textarea:focus,form select:focus{border:1px solid #000}form textarea{min-height:80px}form input.error,form select.error,form textarea.error{border-color:#5a297f}form label.error,form .radio-inputs .radio-error{margin-top:5px;color:#5a297f;-moz-border-radius:3px;-webkit-border-radius:3px;-ms-border-radius:3px;-khtml-border-radius:3px;border-radius:3px}form .radio-inputs .item{display:inline-block}form .radio-inputs .item label{border:1px solid #ccc;background:#f2f2f2;padding:5px 0;width:50px;text-align:center}form .radio-inputs .item input{opacity:0}form .radio-inputs .item input:checked+label{background:#5a297f;color:#fff}form .radio-inputs .inline{display:inline-block}@media screen and (min-width: 25em){form fieldset.two{float:none;margin-top:15px}form fieldset.two .row{margin-top:0 !important;width:49.5%;float:left;margin-right:1%}form fieldset.two .row:last-child{margin-right:0 !important}form fieldset.three{float:none;margin-top:15px}form fieldset.three .row{margin-top:0 !important;width:32.6666666667%;float:left;margin-right:1%}form fieldset.three .row:last-child{margin-right:0 !important}}.btn,.btn2{width:100%;background:#5a297f;padding:6px 20px;text-align:center;border:none;color:#fff;display:block;-moz-border-radius:3px;-webkit-border-radius:3px;-ms-border-radius:3px;-khtml-border-radius:3px;border-radius:3px}@media screen and (min-width: 25em){.btn,.btn2{display:inline-block;padding:0 20px;line-height:35px;width:auto}}.btn:hover,.btn2:hover{background:#000;color:#fff}.btn2{background:#666}.wrap{max-width:1000px;margin-left:auto;margin-right:auto;padding:0 5%}@media screen and (min-width: 25em){.wrap{padding:0 20px}}@media screen and (min-width: 75em){.wrap{max-width:1140px}}.why{background:#5a297f url("../img/bg/shadow-top-1.png") top repeat-x;padding:30px 0;display:block}.why .wrap{max-width:730px}.why img{height:120px}@media screen and (min-width: 25em){.why img{float:left;margin-right:40px}}.why .info{text-align:center;color:#fff}@media screen and (min-width: 25em){.why .info{text-align:left}}.why .info h4{font-size:2em}.why .info p{color:#fff;font-size:1.2em}@media screen and (min-width: 25em){.why .info p{font-size:1.5em}}.instagram-gallery h5{font-size:1.5em;position:relative}@media screen and (min-width: 25em){.instagram-gallery h5{font-size:2em}}.instagram-gallery h5 span{display:inline-block;background-color:#e2e2e2;position:relative;z-index:3;padding:0 20px}.instagram-gallery h5:before{position:absolute;top:51%;left:0;overflow:hidden;width:100%;height:1px;content:" ";background-color:#333;z-index:1}@media screen and (min-width: 25em){.instagram-gallery .tip{font-size:1.4em}}.instagram-gallery ul li{display:inline-block;margin:5px}.instagram-gallery ul li img{height:230px}.banner-main{position:relative}.banner-main .shadow{background:url("../img/bg/shadow-top-1.png") top repeat-x;position:absolute;left:0;top:0;width:100%;height:15px;z-index:5}.banner-main h1{color:#fff;padding:20px;width:100%;font-size:1.5em}@media screen and (min-width: 25em){.banner-main h1{font-size:2em;position:absolute;left:0;bottom:0;letter-spacing:1px}}.shadow-content{background:url("../img/bg/shadow-top-1.png") top repeat-x;width:100%;height:15px}.anim-hover{-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease}#header{background:#f2f2f2}@media screen and (max-width: 24em){#header{padding-top:30px}}@media screen and (min-width: 25em){#header .logo{float:left;margin-top:10px}}#header .dir{background:#000;padding:15px 0;color:#fff}#header .dir .whatsapp{background:url("../img/icon/whatsapp.svg") left center no-repeat;background-size:23px;display:inline-block;padding-left:30px;line-height:35px}@media screen and (max-width: 24em){#header .dir span{display:block;line-height:1.4em;padding:0 20px}}@media screen and (max-width: 24em){#nav{margin-top:20px}}@media screen and (min-width: 25em){#nav{float:right}}@media screen and (min-width: 25em){#nav li{float:left;margin-right:10px}#nav li:last-child{margin-right:0}}#nav li a{color:#4d4d4d;display:block;position:relative}@media screen and (max-width: 24em){#nav li a{width:100%;line-height:40px}}@media screen and (min-width: 25em){#nav li a{line-height:90px;padding:0 10px}}#nav li a .name{z-index:2;position:relative}#nav li a .line{position:absolute;width:100%;height:2px;left:0}@media screen and (max-width: 24em){#nav li a .line{bottom:0px}}@media screen and (min-width: 25em){#nav li a .line{display:block;bottom:20px;-webkit-transition:height .3s ease top .3s ease ease;-moz-transition:height .3s ease top .3s ease ease;-o-transition:height .3s ease top .3s ease ease;transition:height .3s ease top .3s ease ease}}@media screen and (min-width: 50em){#nav li a:hover .name{color:#fff}#nav li a:hover .line{height:100%;bottom:0}}#nav li .services .line{background-color:#758c32}#nav li .projects .line{background-color:#0f848c}#nav li .customers .line{background-color:#e6aa28}#nav li .company .line{background-color:#5a297f}#nav li .contact .line{background-color:#0f848c}#nav li .active .name{color:#fff}#nav li .active .line{height:100%;bottom:0}#footer{background:#5a297f url("../img/bg/shadow-top-1.png") top repeat-x;padding:100px 0 40px 0;margin-top:-60px}@media screen and (min-width: 25em){#footer .social{position:fixed;top:20%;right:0}}@media screen and (min-width: 25em){#footer .social li:first-child{margin-bottom:5px}}@media screen and (max-width: 24em){#footer .social li{display:inline-block;margin:0 3px 20px 3px}}#footer .social li img{width:50px}#footer h6{font-size:1.5em;color:#fff}@media screen and (min-width: 25em){#footer h6{font-size:2em}}#footer p{color:#fff}@media screen and (max-width: 24em){#home .banner-main h1{background:#5a297f}}@media screen and (min-width: 25em){#home .banner-main h1{background:rgba(90,41,127,.8)}}@media screen and (max-width: 24em){#home .notice li{margin-bottom:10px}}@media screen and (min-width: 25em){#home .notice li{width:32.66%;float:left;margin-right:1%}#home .notice li:last-child{margin-right:0}}#home .notice li a{display:block;-webkit-box-shadow:0 0 15px rgba(0,0,0,.2);-moz-box-shadow:0 0 15px rgba(0,0,0,.2);box-shadow:0 0 15px rgba(0,0,0,.2)}#home .notice li .info{background:#fff;padding:20px 30px}#home .notice li .info h3{font-size:1.5em}@media screen and (min-width: 25em){#home .notice li .info h3{min-height:48px}}@media screen and (min-width: 25em){#home .notice li .info .short{min-height:48px}}#home .notice li .link{line-height:50px;color:#fff}#home .notice li:nth-child(1) h3{color:#5a297f}#home .notice li:nth-child(1) .link{background-color:#5a297f}#home .notice li:nth-child(2) h3{color:#b60144}#home .notice li:nth-child(2) .link{background-color:#b60144}#home .notice li:nth-child(3) h3{color:#758c32}#home .notice li:nth-child(3) .link{background-color:#758c32}@media screen and (max-width: 24em){#services .banner-main h1{background:#758c32}}@media screen and (min-width: 25em){#services .banner-main h1{background:rgba(117,140,50,.9)}}#services ul li{margin-bottom:10px}@media screen and (min-width: 25em){#services ul li{width:49.5%;margin-right:1%;float:left}#services ul li:nth-child(2n+2){margin-right:0}}#services ul a{display:block;position:relative}#services ul a img{display:block;width:100%}#services ul a .button{position:absolute;background:#fff;-moz-border-radius:30px;-webkit-border-radius:30px;-ms-border-radius:30px;-khtml-border-radius:30px;border-radius:30px;bottom:20px;right:20px;padding:10px 30px;font-size:1.2em}#services ul a .send{position:absolute;bottom:0;width:100%;left:0;background:rgba(255,255,255,.9);padding:10px 0;font-size:1.2em;opacity:0}#services ul a:hover .button{bottom:60px;background:#758c32;color:#fff}#services ul a:hover .send{opacity:100}@media screen and (max-width: 24em){#projects .banner-main h1{background:#0f848c}}@media screen and (min-width: 25em){#projects .banner-main h1{background:rgba(15,132,140,.8)}}#projects .gallery .item-width,#projects .gallery li{width:25%}#projects .gallery img{display:block}@media screen and (max-width: 24em){#company .banner-main h1{background:#5a297f}}@media screen and (min-width: 25em){#company .banner-main h1{background:rgba(90,41,127,.8)}}#company .title{font-size:2em;color:#5a297f}@media screen and (max-width: 24em){#customers .banner-main h1{background:#e6aa28}}@media screen and (min-width: 25em){#customers .banner-main h1{background:rgba(230,170,40,.8)}}#customers ul li{margin-bottom:10px;width:100%}@media screen and (min-width: 25em){#customers ul li{width:50%;float:left}}#customers ul li .logo{float:left;margin-right:10px;width:70px}#customers ul li .title{overflow:hidden;font-size:1.2em;margin-top:20px}@media screen and (max-width: 24em){#contact .banner-main h1{background:#0f848c}}@media screen and (min-width: 25em){#contact .banner-main h1{background:rgba(15,132,140,.8)}}.c-alert{position:fixed;top:0;left:0;border:none;width:100%;height:100%;background:rgba(51,51,51,.6);z-index:2;animation:c-alert 250ms;display:flex;align-items:center;justify-content:center}.c-alert .message{width:100%;max-width:400px;padding:40px;background:#fff;border-radius:10px;position:relative;animation:c-alert-message 500ms}.c-alert .message .close{position:absolute;top:16px;right:18px;font-weight:bold}.c-alert .message .icon{font-size:3rem}.c-alert .message p{font-size:1.2rem}.c-alert .message-success .icon{color:#20b2aa}.c-alert .message-success p{color:#333 !important}.c-alert .message-error .icon{color:darkred}.c-alert .message-error p{color:darkred !important}