@import url("https://fonts.googleapis.com/css?family=Montserrat:400,500,600,900&display=swap");header{width:100%;background-color:#1976d2;box-shadow:0 2px 5px 0 rgba(0,0,0,.25);position:fixed;top:0;left:0}header .container{max-width:128rem;width:100%;margin:0 auto}header .container nav{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;padding:8px}header .container nav a{margin:0;height:4.5rem}header .container nav a .logo{width:auto;height:100%;-webkit-transform:translateX(-100rem);-ms-transform:translateX(-100rem);transform:translateX(-100rem);-webkit-animation:slideIn .5s forwards;animation:slideIn .5s forwards}header .container nav .nav-links{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:space-around;-ms-flex-pack:distribute;justify-content:space-around}header .container nav .nav-links li{list-style:none;line-height:2rem;-webkit-transform:translateX(100rem);-ms-transform:translateX(100rem);transform:translateX(100rem);-webkit-animation:slideIn .5s forwards;animation:slideIn .5s forwards;margin:1.2rem .6rem}header .container nav .nav-links li:first-child{-webkit-animation-delay:0s;animation-delay:0s}header .container nav .nav-links li:nth-child(2){-webkit-animation-delay:.5s;animation-delay:.5s}header .container nav .nav-links li:nth-child(3){-webkit-animation-delay:1s;animation-delay:1s}header .container nav .nav-links li:nth-child(4){-webkit-animation-delay:1.5s;animation-delay:1.5s}header .container nav .nav-links li:nth-child(5){-webkit-animation-delay:2s;animation-delay:2s}header .container nav .nav-links li:hover>.sub-menu{top:3.8rem;opacity:1;visibility:visible}header .container nav .nav-links a{color:#fff;text-decoration:none;letter-spacing:2px;font-size:1.6rem;text-transform:uppercase;padding:1rem 0;cursor:pointer}header .container nav .nav-links a:last-child{margin-right:0}header .container nav .nav-links a:hover{color:#d21976}header .container nav .nav-links a .icon{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;fill:currentColor;float:right;margin:.3rem .4rem 0}header .container nav .nav-links .sub-menu{width:28.5rem;display:block;position:absolute;border-top:3px solid #d21976;background-color:#1976d2;z-index:100;top:10rem;opacity:0;visibility:hidden;-webkit-transition:all .65s ease;transition:all .65s ease}header .container nav .nav-links .sub-menu li a{padding-left:.2rem}header .container nav .nav-links .sub-menu:before{content:"";position:absolute;top:-2.5rem;left:3rem;border:1.2rem solid rgba(0,0,0,0);border-bottom-color:#d21976}header .container nav .menu{display:none;cursor:pointer}header .container nav .menu div{width:3.2rem;height:3px;background-color:#fff;margin:7px;-webkit-transition:all .5s ease;transition:all .5s ease}@-webkit-keyframes slideIn{to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideIn{to{-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes navLinkFade{0%{opacity:0;-webkit-transform:translateX(50px);transform:translateX(50px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes navLinkFade{0%{opacity:0;-webkit-transform:translateX(50px);transform:translateX(50px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@media screen and (max-width:830px){header .container nav .nav-links li a{margin:0 1.25rem;letter-spacing:1px}}@media screen and (max-width:768px){body{overflow-x:hidden}header .container nav .nav-links{position:absolute;right:0;top:61px;height:calc(100vh - 61px);width:28.5rem;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;background-color:#1976d2;-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%);-webkit-transition:-webkit-transform .5s ease-in;transition:-webkit-transform .5s ease-in;transition:transform .5s ease-in;transition:transform .5s ease-in,-webkit-transform .5s ease-in}header .container nav .nav-links li{position:relative}header .container nav .nav-links li .sub-menu:before{display:none}header .container nav .nav-links li a .icon{display:none}header .container nav .nav-links li .sub-menu{position:static;border:3px solid rgba(0,0,0,0);border-left-color:#d21976;width:27rem;max-height:0;margin-left:1.6rem;opacity:1;visibility:visible;max-height:none}header .container nav .nav-links li .sub-menu li a{font-size:1.4rem}header .container nav .menu{display:block}header .container nav .nav-active{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}header .container nav .toggle .line1{-webkit-transform:rotate(-45deg) translate(-8px,6px);-ms-transform:rotate(-45deg) translate(-8px,6px);transform:rotate(-45deg) translate(-8px,6px)}header .container nav .toggle .line2{opacity:0}header .container nav .toggle .line3{-webkit-transform:rotate(45deg) translate(-8px,-6px);-ms-transform:rotate(45deg) translate(-8px,-6px);transform:rotate(45deg) translate(-8px,-6px)}}.social-nav{position:fixed;top:50%;right:0;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);z-index:9999}.social-nav a{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;width:5rem;height:5rem;text-decoration:none;-webkit-transition:background-color .3s;transition:background-color .3s}.social-nav a:hover{background-color:#606060}.social-nav .linkedin{background-color:#0d3f71}.social-nav .linkedin .social-icon{fill:#d21976;width:28px;height:28px}.social-nav .facebook{background-color:#1666b5}.social-nav .facebook .social-icon{fill:#d27519;width:28px;height:28px}.social-nav .twitter{background-color:#135ba2}.social-nav .twitter .social-icon{fill:#19d275;width:28px;height:28px}.social-nav .instagram{background-color:#1976d2}.social-nav .instagram .social-icon{fill:#fff;width:28px;height:28px}*{margin:0;padding:0;box-sizing:border-box}html{font-size:10px;font-family:Montserrat,sans-serif}body{font-size:1.6rem;line-height:2rem;overflow-x:hidden}body,video{background-color:#1976d2;color:#fff}video{position:fixed;top:50%;left:50%;min-width:100%;min-height:100%;z-index:-1000;-webkit-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);-webkit-filter:opacity(60%);filter:opacity(60%);background-size:cover}.cloud-services .card-wrapper{display:grid;grid-template-columns:1fr repeat(12,minmax(auto,80px)) 1fr;grid-gap:20px;margin:85px 0 24px}.cloud-services .card-wrapper .card{grid-column:2/span 12;background-color:#fff;color:#606060;padding:24px;box-shadow:0 19px 38px rgba(0,0,0,.3),0 15px 12px rgba(0,0,0,.22);display:grid;grid-template-columns:repeat(12,minmax(auto,80px));grid-column-gap:20px}.cloud-services .card-wrapper .card .card-content{grid-column:1/-1;display:grid;grid-template-columns:repeat(12,minmax(auto,80px));grid-template-rows:1fr;grid-gap:16px}.cloud-services .card-wrapper .card .card-content .card-title{grid-column:1/-1;grid-row:1}.cloud-services .card-wrapper .card .card-content .card-title h3{text-align:center;font-size:24px;font-weight:500;color:#1976d2}.cloud-services .card-wrapper .card .card-content .card-image{grid-column:1/span 4}.cloud-services .card-wrapper .card .card-content .card-content-text{grid-column:5/-1;grid-row:2}.cloud-services .card-wrapper .card .card-content .card-content-text p{font-size:18px;line-height:1.25em;font-weight:400;margin-bottom:12px}.cloud-services .card-wrapper .card .card-context-left{grid-column:1/span 6}.cloud-services .card-wrapper .card .card-context-left h3{text-align:center;width:100%;font-size:18px;font-weight:500;color:#1976d2;margin-bottom:16px}.cloud-services .card-wrapper .card .card-context-left p{text-align:justify;margin-bottom:12px}.cloud-services .card-wrapper .card .card-context-right{grid-column:7/-1}.cloud-services .card-wrapper .card .card-context-right h3{text-align:center;width:100%;font-size:18px;font-weight:500;color:#1976d2;margin-bottom:16px}.cloud-services .card-wrapper .card .card-context-right p{text-align:justify;margin-bottom:12px}.cloud-services .card-wrapper .card .card-action{grid-column:1/-1;text-align:center;padding:1.6rem 0}.cloud-services .card-wrapper .card .card-action a{text-decoration:none}.cloud-services .card-wrapper .card .card-action .btn{padding:1rem 2.4rem;background-color:#1976d2;color:#fff}@media only screen and (max-width:600px){.cloud-services .card-wrapper .card .card-content .card-image{grid-column:1/-1;grid-row:2}.cloud-services .card-wrapper .card .card-content .card-content-text{grid-row:3;grid-column:1/-1}.cloud-services .card-wrapper .card .card-context-left,.cloud-services .card-wrapper .card .card-context-right{grid-column:1/-1}.cloud-services .card-wrapper .card .card-context-left p,.cloud-services .card-wrapper .card .card-context-right p{text-align:left}}
/*# sourceMappingURL=cloud-services.css.map */