@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,400i,600,600i,700,700i');body{background:#f6f7fb;font-family:'Open Sans',sans-serif;font-size:16px;color:#333;line-height:1.7em}h4{font-size:20px;line-height:1.5em}a{color:#51a9f1}a:hover,a:focus,a:active,input,textarea,button{text-decoration:none;outline:none;webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;color:#188ceb}img{max-width:100%;height:auto}.full-width{width:100%}.padding-none{padding:0px}.pt100{padding-top:100px}.pb100{padding-bottom:100px}.pt50{padding-top:50px}.pb50{padding-bottom:50px}.pl30{padding-left:30px}.section-light{background:#fff}.preloader{position:fixed;width:100%;height:100%;background:#51a9f1;z-index:999}.magnifier{top:45%;width:20px;height:20px;box-shadow:0px 0px 0px 1px #fff;border-radius:50%;position:relative;margin:34px auto;-webkit-animation:magnify 1s linear infinite alternate;-moz-animation:magnify 1s linear infinite alternate;animation:magnify 1s linear infinite alternate}.magnifier:after,.magnifier:before{position:absolute;content:""}.magnifier:before{content:"D";text-align:center;top:-5px;left:6px;font-size:12px;color:#fff}.magnifier:after{width:2px;height:8px;background-color:#fff;bottom:-6px;left:20px;border-radius:2px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);transform:rotate(-45deg)}@-webkit-keyframes magnify{0%{-webkit-transform:scale(1)}100%{-webkit-transform:scale(1.5)}}@-moz-keyframes magnify{0%{-moz-transform:scale(1)}100%{-moz-transform:scale(1.5)}}@keyframes magnify{0%{transform:scale(1)}100%{transform:scale(1.5)}}#hero-section,#about-area{position:relative;overflow:hidden}.cloud{width:70px;height:70px;border-radius:50%;position:absolute;overflow:hidden;border:5px solid #e9eaed}.x1{-webkit-animation:moveclouds 15s linear infinite;-moz-animation:moveclouds 15s linear infinite;-o-animation:moveclouds 15s linear infinite;top:150px}.x2{left:200px;top:200px;-webkit-transform:scale(0.6);-moz-transform:scale(0.6);transform:scale(0.6);-webkit-animation:moveclouds 25s linear infinite;-moz-animation:moveclouds 25s linear infinite;-o-animation:moveclouds 25s linear infinite}.x3{left:-250px;top:250px;-webkit-transform:scale(0.8);-moz-transform:scale(0.8);transform:scale(0.8);-webkit-animation:moveclouds 20s linear infinite;-moz-animation:moveclouds 20s linear infinite;-o-animation:moveclouds 20s linear infinite}.x4{left:470px;top:300px;-webkit-transform:scale(0.75);-moz-transform:scale(0.75);transform:scale(0.75);-webkit-animation:moveclouds 18s linear infinite;-moz-animation:moveclouds 18s linear infinite;-o-animation:moveclouds 18s linear infinite}.x5{left:-150px;top:100px;-webkit-transform:scale(0.8);-moz-transform:scale(0.8);transform:scale(0.8);-webkit-animation:moveclouds 20s linear infinite;-moz-animation:moveclouds 20s linear infinite;-o-animation:moveclouds 20s linear infinite}@-webkit-keyframes moveclouds{0%{margin-left:1000px}100%{margin-left:-1000px}}@-moz-keyframes moveclouds{0%{margin-left:1000px}100%{margin-left:-1000px}}@-o-keyframes moveclouds{0%{margin-left:1000px}100%{margin-left:-1000px}}#header .navbar{margin:0px;border:none;border-radius:0px;background:#fff;margin-top:60px;min-height:58px;-webkit-transition:all 0.4s ease-out;-moz-transition:all 0.4s ease-out;-o-transition:all 0.4s ease-out;-ms-transition:all 0.4s ease-out;transition:all 0.4s ease-out}#header.navbar-fixed{position:fixed;margin-top:0px!important;width:100%;z-index:100;background:#fff}#header.navbar-fixed .navbar{margin-top:0px}#header .navbar .navbar-brand{background:#619FF1;color:#fff;text-transform:uppercase;min-height:58px}#header .navbar .navbar-brand span{line-height:30px;font-size:16px}#header .navbar .navbar-brand i{font-size:30px;margin-right:5px;display:inline-block;float:left}#header .navbar-nav li{margin-right:15px;padding-top:11px;padding-bottom:11px;position:relative}#header .navbar-nav li a{text-transform:uppercase;color:#333;padding-top:8px;padding-bottom:8px}#header .navbar-nav li a:hover, #header .navbar-nav li.active a{color:#51a9f1;background:none}#header .navbar-nav li:after{-webkit-transition:all 0.4s cubic-bezier(0.300, 0.100, 0.580, 1.000);-moz-transition:all 0.4s cubic-bezier(0.300, 0.100, 0.580, 1.000);-o-transition:all 0.4s cubic-bezier(0.300, 0.100, 0.580, 1.000);-ms-transition:all 0.4s cubic-bezier(0.300, 0.100, 0.580, 1.000);transition:all 0.4s cubic-bezier(0.300, 0.100, 0.580, 1.000);opacity:0;content:"";width:100%;height:1px;background:#51a9f1;position:absolute;bottom:-10px}#header .navbar-nav li:hover:after, #header .navbar-nav li.active:after{opacity:1;bottom:0px}#header .navbar-nav li.hlighted a{background:#51a9f1;color:#fff;border-radius:3px}#header .navbar-nav li.hlighted:after{height:0px}.intro-text h4{margin-bottom:40px}.intro-text a{text-transform:uppercase}.scroll-arrow{position:relative;margin-top:50px}#scroll-arrow{width:35px;position:relative}.scroll-arrow:after{position:absolute;width:1px;height:50px;background:#51a9f1;content:"";top:-31px;left:50%;margin-left:-1px}#scroll-arrow circle, #scroll-arrow path{fill:none;stroke:#51a9f1;stroke-width:2}#scroll-arrow path{animation:1.2s bounceArrow infinite}#scroll-arrow circle.hover{stroke-width:4;stroke-dashoffset:1000;stroke-dasharray:1000;transform-origin:center;transform:rotate(-90deg);transition:1.2s ease-in-out}#scroll-arrow:hover circle.hover{stroke-width:4;stroke-dasharray:1300}@keyframes bounceArrow{0%{transform:translateY(-7px)}50%{transform:translateY(7px)}100%{transform:translateY(-7px)}}.single-project-item{display:block;text-decoration:none;color:#fff;position:relative;overflow:hidden;text-align:center}.single-project-item:after{background:#000;content:"";width:100%;height:100%;position:absolute;left:0;bottom:-50%;opacity:0;-webkit-transition:all 0.4s cubic-bezier(0.300, 0.100, 0.580, 1.000);-moz-transition:all 0.4s cubic-bezier(0.300, 0.100, 0.580, 1.000);-o-transition:all 0.4s cubic-bezier(0.300, 0.100, 0.580, 1.000);-ms-transition:all 0.4s cubic-bezier(0.300, 0.100, 0.580, 1.000);transition:all 0.4s cubic-bezier(0.300,0.100,0.580,1.000)}.single-project-item:hover:after{bottom:0px;opacity:0.8}.grid-caption{position:absolute;left:0;top:0;width:100%;height:100%;z-index:9;color:#fff;padding-right:35px;padding-left:35px}.grid-caption h2{font-size:16px;line-height:22px;text-transform:uppercase;margin-top:-50px;padding-top:50%;transition:transform 0.35s;transform:translate3d(0, -30px, 0);opacity:0}.single-project-item:hover h2, .single-project-item:hover p, .single-project-item:hover i{opacity:1;transform:translate3d(0, 0, 0)}.grid-caption p, .grid-caption i{opacity:0;padding:10px 15px;transform:translate3d(0, -10px, 0);transition:opacity 0.35s, transform 0.35s;padding:10px 50px}.grid-caption i{padding-top:45%;font-size:45px}.grid-caption::before,.grid-caption::after{content:"";opacity:0;position:absolute;transition:opacity 0.35s, transform 0.35s}.grid-caption::before{transform:scale(0, 1);left:10px;right:10px;top:25px;bottom:25px;border-top:1px solid #fff;border-bottom:1px solid #fff;transform-origin:0 0}.grid-caption::after{top:10px;bottom:10px;left:25px;right:25px;border-left:1px solid #fff;border-right:1px solid #fff;transform-origin:100% 0}.single-project-item:hover .grid-caption::before, .single-project-item:hover .grid-caption::after{opacity:1;transform:scale(1)}.single-project-item:hover .grid-caption::after, .single-project-item:hover h2, .single-project-item > a:hover p{transition-delay:0.15s}#about-area h3{font-size:22px;color:#51a9f1;margin-bottom:25px;margin-top:0px}#about-area a{color:#333}#about-area a:hover{color:#619FF1}.social-icons{margin-bottom:15px}.social-icons a{color:#333;font-size:22px;display:inline-block;margin-left:15px;margin-right:15px}.social-icons a:hover{color:#51a9f1}.copyright i{-webkit-animation:footer_anim 1s infinite;animation:footer_anim 1s infinite}@keyframes footer_anim{0%{transform:scale(0)}25%{transform:scale(0.5)}50%{transform:scale(1)}}#contact-modal .modal-content{box-shadow:none;border:none;border-radius:0px}#contact-modal .modal-header{background:#51a9f1;color:#fff}.contact-form{padding-top:50px;padding-bottom:50px}.contact-form input, .contact-form textarea{width:100%;margin-bottom:20px;padding:5px;border:none;border-bottom:1px solid #e6e6e6;color:#333}.contact-form textarea{height:130px}.contact-form input:focus, .contact-form textarea:focus{border-color:#51a9f1}.btn-fill{border:1px solid #51a9f1;border-radius:3px;color:#51a9f1;background:#fff;padding:10px 0px;text-transform:uppercase;width:100%}.btn-fill:hover{background:#51a9f1;color:#fff}.message .inner{background-color:#fafafa}.email-success,.email-failed,.email-loading{font-size:15px;display:none;text-align:center !important;padding:10px !important}.email-loading{color:#52B8FF}.email-loading img{width:15px;position:relative;top:-2px}.email-failed{color:#FF5252 !important}.email-failed .icon{font-size:20px;position:relative;top:5px}.email-success{color:#56CC35}.email-failed .icon, .email-success .icon{font-size:20px;position:relative;top:5px}