.spinner{width:40px;height:40px;position:relative;margin:100px auto}.double-bounce1,.double-bounce2{width:100%;height:100%;border-radius:50%;background-color:#109af7;opacity:.6;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";position:absolute;top:0;left:0;-webkit-animation:sk-bounce 2.0s infinite ease-in-out;animation:sk-bounce 2.0s infinite ease-in-out}.double-bounce2{-webkit-animation-delay:-1.0s;animation-delay:-1.0s}@-webkit-keyframes sk-bounce{0%,100%{-webkit-transform:scale(0)}50%{-webkit-transform:scale(1)}}@keyframes sk-bounce{0%,100%{transform:scale(0);-webkit-transform:scale(0)}50%{transform:scale(1);-webkit-transform:scale(1)}}.preloader-area{background:#fff none repeat scroll 0 0;height:100%;position:fixed;width:100%;z-index:9999}.preloader-area .spinner{left:50%;margin:-20px 0 0 -20px;position:absolute;top:50%}body{overflow-x:hidden;font-family:"Roboto",sans-serif;color:#333;line-height:24px;webkit-tap-highlight-color:#109af7}p{font-size:15px}p.large{font-size:16px}.text-dark{color:#ddd}.text-primary{color:#109af7;font-size:.9em}a,a:hover,a:focus,a:active,a.active{outline:0}a{color:#109af7}a:hover,a:focus,a:active,a.active{color:#222}::-moz-selection{text-shadow:none;background:#a0cfef}::selection{text-shadow:none;background:#a0cfef}img::-moz-selection{background:0 0}img::selection{background:0 0}img::-moz-selection{background:0 0}h1,h2,h3,h4,h5,h6{text-transform:uppercase;font-weight:700}img{max-width:100%}.img-centered{margin:0 auto}.btn:focus,.btn:active,.btn.active,.btn:active:focus{outline:0}.btn-blue{background:transparent;border:2px solid #109af7;border-radius:1px;color:#109af7;font-size:16px;font-weight:400;padding:15px 20px;text-transform:uppercase;-webkit-transition:.3s;transition:.3s}.btn-blue:hover,.btn-blue:focus,.btn-blue:active,.btn-blue.active,.open .dropdown-toggle.btn-blue{color:#fff;background:rgba(0,0,0,0) -webkit-linear-gradient(left,#00c6ff,#0072ff);background:rgba(0,0,0,0) linear-gradient(to right,#00c6ff,#0072ff)}.btn-white{background-color:transparent;border:2px solid #fff;border-radius:1px;color:#fff;font-size:16px;font-weight:400;padding:15px 20px;text-transform:uppercase;-webkit-transition:.3s;transition:.3s}.btn-white:hover,.btn-white:focus,.btn-white:active,.btn-white.active,.open .dropdown-toggle.btn-white{border-color:#109af7;color:#fff;background:rgba(0,0,0,0) -webkit-linear-gradient(left,#00c6ff,#0072ff);background:rgba(0,0,0,0) linear-gradient(to right,#00c6ff,#0072ff)}.btn-white2{background-color:transparent;border:2px solid #fff;border-radius:1px;color:#fff;font-size:16px;font-weight:400;padding:15px 20px;text-transform:uppercase;-webkit-transition:.3s;transition:.3s}.btn-white2:hover,.btn-white2:focus,.btn-white2:active,.btn-white2.active,.open .dropdown-toggle.btn-white2{border-color:#fff;color:#109af7;background-color:#fff}.btn-white2 .badge{color:#109af7;background-color:#fff}.section-padding{padding:100px 0}section h2.section-heading{border-bottom:4px solid #109af7;border-top:4px solid #000;display:inline-block;font-size:36px;color:#222;margin-bottom:15px;margin-top:0;padding:5px 0}section h3.section-subheading{margin-bottom:75px;margin-top:10px;text-transform:none;font-size:16px;font-weight:400}.overlay{background-color:rgba(0,0,0,.7);height:100%;left:0;position:absolute;top:0;width:100%}.font-thin{font-weight:500}.navbar-default{border-color:transparent;background-color:#fff}.navbar-default .navbar-brand{font-family:"Roboto",sans-serif;border:4px solid #109af7;color:#fff;font-size:18px;line-height:12px;text-transform:uppercase;-webkit-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s}.navbar-default .navbar-brand:hover,.navbar-default .navbar-brand:focus,.navbar-default .navbar-brand:active,.navbar-default .navbar-brand.active{color:#fff}.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>.active>a:hover{background-color:transparent;color:#fff}.navbar-default .navbar-collapse{border-color:rgba(255,255,255,.02)}.navbar-default .navbar-toggle{border-color:#109af7;background-color:#109af7}.navbar-default .navbar-toggle .icon-bar{background-color:#fff}.navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:focus{background-color:#109af7}.navbar-fixed-top.navbar-shrink .nav li a{color:#222}.navbar-default .nav li a{text-transform:uppercase;font-weight:600;letter-spacing:1px;color:#222}.navbar-default .nav li a:hover,.navbar-default .nav li a:focus{outline:0;color:#109af7}.navbar-default.navbar-shrink .navbar-nav>.active>a{border-radius:0;color:#109af7;background-color:transparent}.welcome-area{text-align:center;color:#fff;max-height:680px;position:relative;background-attachment:fixed;background-image:url(../images/welcome-bg.jpg);background-position:center center;background-repeat:no-repeat;background-size:cover;-o-background-size:cover}.welcome-area .intro-text-area{padding-top:100px;padding-bottom:50px}.welcome-area .intro-text-area .intro-text{margin-bottom:25px;font-size:22px;line-height:22px}.welcome-area .intro-text-area .type-text{margin-bottom:25px;text-transform:uppercase;font-size:65px;font-weight:700;line-height:50px}.typed-cursor{opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";-webkit-animation:blink 0.7s infinite;animation:blink 0.7s infinite}@keyframes blink{0%{opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"}50%{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"}100%{opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"}}@-webkit-keyframes blink{0%{opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"}50%{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"}100%{opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"}}.img-me{border:10px solid #f4f4f4;margin-top:18px}.name{color:#109af7}.download-resume-btn{margin-top:20px}.skills{background:#f4f4f4;color:#222}.skill-bg{background:url(../images/skills.png) no-repeat 0 0}.skillsArea{margin-bottom:25px;padding:0 60px;text-align:center}.chart{position:relative;display:inline-block;width:152px;height:152px;margin-bottom:26px;text-align:center}.chart canvas{position:absolute;top:0;left:0}.percent{display:inline-block;font-size:22px;font-weight:600;line-height:152px;z-index:2}.percent:after{content:'%';margin-left:.1em;font-size:.8em}.angular{margin-top:100px}.angular .chart{margin-top:0}#status{background-color:#28353E;background-image:url(../images/counter-bg.jpg);background-repeat:no-repeat;background-attachment:fixed;background-size:cover;color:#fff;padding:80px 0;position:relative}.single-status{padding:20px 0}#status i{color:#109af7}.single-service{background-color:#f4f4f4;border:2px solid transparent;padding:1px 7px}.single-service:hover{border:2px solid #109af7;background-color:#fff}.service-heading{margin:5px 0 15px;text-transform:none;color:#222}#portfolio{background-color:#f4f4f4}#portfolio .portfolio-item{right:0;margin:0 0 15px}#portfolio .portfolio-item .portfolio-link{display:block;position:relative;margin:0 auto;max-width:400px}#portfolio .portfolio-item .portfolio-link .portfolio-hover{position:absolute;width:100%;height:100%;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";background:rgba(16,154,247,.5);-webkit-transition:all ease .5s;transition:all ease .5s}#portfolio .portfolio-item .portfolio-link .portfolio-hover:hover{opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"}#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content{position:absolute;top:50%;width:100%;height:20px;margin-top:-12px;text-align:center;font-size:20px;color:#fff}#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content i{margin-top:-12px}#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content h3,#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content h4{margin:0}#portfolio .portfolio-item .portfolio-caption{margin:0 auto;padding:25px;max-width:400px;text-align:center;background-color:#fff}#portfolio .portfolio-item .portfolio-caption h4{margin:0;text-transform:none}#portfolio .portfolio-item .portfolio-caption p{margin:0;font-size:16px}#portfolio *{z-index:2}.portfolio-modal .modal-content{padding:100px 0;min-height:100%;border:0;border-radius:0;text-align:center;background-clip:border-box;box-shadow:none}.portfolio-modal .modal-content h2{margin-bottom:0;padding-bottom:4px;font-size:3em;border-bottom:4px solid #109af7;display:inline-block}.portfolio-modal .modal-content p{margin-bottom:30px}.portfolio-modal .modal-content p.item-intro{margin:15px 0 35px;font-size:16px;font-style:italic}.portfolio-modal .modal-content ul.list-inline{margin-top:0;margin-bottom:30px}.portfolio-modal .modal-content img{margin-bottom:30px}.portfolio-modal .close-modal{position:absolute;top:25px;right:25px;width:75px;height:75px;background-color:transparent;cursor:pointer}.portfolio-modal .close-modal:hover{opacity:.3;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"}.portfolio-modal .close-modal .lr{z-index:1051;width:1px;height:75px;margin-left:35px;background-color:#222;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.portfolio-modal .close-modal .lr .rl{z-index:1052;width:1px;height:75px;background-color:#222;-webkit-transform:rotate(90deg);transform:rotate(90deg)}#hire-me{background:rgba(0,0,0,0) -webkit-linear-gradient(left,#00c6ff,#0072ff);background:rgba(0,0,0,0) linear-gradient(to right,#00c6ff,#0072ff);padding:40px 0}#hire-me h2{color:#fff;font-size:30px;font-weight:400;margin:9px 0 52px;text-transform:none}.timeline{position:relative;padding:0;list-style:none}.timeline:before{content:"";position:absolute;top:0;bottom:0;left:40px;width:2px;margin-left:-1.5px;background-color:#F1F1F1}.timeline>li{position:relative;margin-bottom:50px;min-height:50px}.timeline>li:before,.timeline>li:after{content:" ";display:table}.timeline>li:after{clear:both}.timeline>li .timeline-panel{float:right;position:relative;width:100%;padding:0 20px 0 100px;text-align:left}.timeline>li .timeline-panel:before{right:auto;left:-15px;border-right-width:15px;border-left-width:0}.timeline>li .timeline-panel:after{right:auto;left:-14px;border-right-width:14px;border-left-width:0}.timeline>li .timeline-image{background:rgba(0,0,0,0) -webkit-linear-gradient(left,#00c6ff,#0072ff);background:rgba(0,0,0,0) linear-gradient(to right,#00c6ff,#0072ff);border-radius:100%;box-shadow:2px 2px 6px #333;color:#fff;height:80px;left:0;margin-left:0;position:absolute;text-align:center;width:80px;z-index:100}.timeline>li .timeline-image h4{margin-top:20px;font-size:10px;line-height:14px}.timeline>li .timeline-image span.ico{margin-top:20px;font-size:3.2em;display:inline-block}.timeline>li.timeline-inverted>.timeline-panel{float:right;padding:0 20px 0 100px;text-align:left}.timeline>li.timeline-inverted>.timeline-panel:before{right:auto;left:-15px;border-right-width:15px;border-left-width:0}.timeline>li.timeline-inverted>.timeline-panel:after{right:auto;left:-14px;border-right-width:14px;border-left-width:0}.timeline>li:last-child{margin-bottom:0}.timeline .timeline-heading h4{margin-top:0;color:inherit}.timeline .timeline-heading h2{font-weight:500;margin-top:30px;color:inherit}.timeline .timeline-heading h4.subheading{text-transform:none;color:#109af7}.timeline .timeline-body>p,.timeline .timeline-body>ul{margin-bottom:0}.bg-clients{background-color:#f4f4f4}.client-logo{padding:50px 0;text-align:center}.client-logo img{-webkit-transition:0.3s;transition:0.3s}.client-logo img:hover{opacity:.6;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"}section#contact{background-attachment:fixed;background-color:#4d4d50;background-image:url(../images/contact-bg.jpg);background-position:center;background-repeat:no-repeat;position:relative}section#contact .section-heading{border-top:4px solid #fff;color:#fff}section#contact .form-group{margin-bottom:25px}section#contact .form-group input,section#contact .form-group textarea{padding:15px 20px;background-color:rgba(255,255,255,.1);border:0 none;color:#E4E0EB}section#contact .form-group input.form-control{height:auto}section#contact .form-group textarea.form-control{height:236px;resize:none}section#contact .form-control:focus{border-color:#109af7;box-shadow:none}section#contact::-webkit-input-placeholder{text-transform:uppercase;font-weight:700;color:#999}section#contact:-moz-placeholder{text-transform:uppercase;font-weight:700;color:#999}section#contact::-moz-placeholder{text-transform:uppercase;font-weight:700;color:#999}section#contact:-ms-input-placeholder{text-transform:uppercase;font-weight:700;color:#999}section#contact .text-danger{color:#e74c3c}section#contact .form-text{color:#ddd;margin-top:50px}section#contact .form-text i{color:#fff;padding-right:15px}section#contact .form-text h4{color:#fff;border-bottom:3px solid #109af7;display:inline-block;padding-bottom:10px;margin-bottom:16px}.scrollup{margin:-65px 0;position:absolute;right:65px}.scrollup i{background-color:#fff;color:#1099f5;font-size:16px;padding:12px;-webkit-transition:.3s;transition:.3s}.scrollup i:hover{background-color:#222;color:#fff;font-size:16px;padding:12px}footer{padding:25px 0;background-color:#fff}footer span.copyright{font-weight:500;line-height:40px}ul.social-buttons{margin-bottom:0}ul.social-buttons li a{background-color:#109af7;border-radius:100%;box-shadow:2px 2px 6px #333;color:#fff;display:block;font-size:20px;height:40px;line-height:40px;outline:0 none;text-align:center;-webkit-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;width:40px}ul.social-buttons li a:hover,ul.social-buttons li a:focus,ul.social-buttons li a:active{background-color:#222;color:#fff}@media only screen and (max-width:767px){.btn-white,.btn-white2{font-size:14px;padding:10px}.navbar-default .navbar-brand{color:#222;font-size:14px;line-height:normal;margin:8px 15px;padding:12px 6px}.welcome-area .intro-text-area .intro-text{font-size:18px}.welcome-area .intro-text-area .type-text{font-size:20px}.copyright-area,.social-buttons{margin-bottom:12px;text-align:center}.single-status{margin-bottom:25px}}@media only screen and (min-width:480px) and (max-width:767px){.welcome-area .intro-text-area .type-text{font-size:30px}}@media(min-width:768px){.section-padding{padding:120px 0}.navbar-default .nav li a{color:#fff}.navbar-default{padding:25px 0;border:0;background-color:transparent;-webkit-transition:padding .3s;transition:padding .3s}.navbar-default .navbar-nav>.active>a{border-radius:3px}.navbar-default.navbar-shrink{padding:10px 0;box-shadow:0 7px 16px 0 rgba(50,50,50,.1);background-color:#fff}.navbar-fixed-top.navbar-shrink .navbar-brand{color:#222;font-size:16px}.welcome-area .intro-text-area{padding:200px 0}.welcome-area .intro-text-area .intro-text{margin-bottom:40px;font-size:40px;line-height:40px}.welcome-area .intro-text-area .type-text{margin-bottom:50px;font-size:45px;line-height:60px}#portfolio .portfolio-item{border:2px solid #f4f4f4;margin:0 0 30px;padding:0}.timeline:before{left:50%}.timeline>li{margin-bottom:100px;min-height:100px}.timeline>li .timeline-panel{float:left;width:41%;padding:0 20px 20px 30px;text-align:right}.timeline>li .timeline-image{left:50%;width:100px;height:100px;margin-left:-50px}.timeline>li .timeline-image span.ico{margin-top:25px;font-size:4em;display:inline-block}.timeline>li .timeline-image h4{margin-top:22px;font-size:13px;line-height:18px}.timeline>li.timeline-inverted>.timeline-panel{float:right;padding:0 30px 20px 20px;text-align:left}}@media(min-width:992px){#hire-me h2{margin:10px 0 0}section#contact .form-text{margin-top:0}.timeline>li{min-height:150px}.timeline>li .timeline-panel{padding:0 20px 20px}.timeline>li .timeline-image{width:150px;height:150px;margin-left:-75px}.timeline>li .timeline-image span.ico{margin-top:45px;font-size:6.2em;display:inline-block}.timeline>li .timeline-image h4{margin-top:30px;font-size:18px;line-height:26px}.timeline>li.timeline-inverted>.timeline-panel{padding:0 20px 20px}}@media(min-width:1200px){.welcome-area .intro-text-area .type-text{margin-bottom:60px;font-size:65px;line-height:75px}.timeline>li{min-height:170px}.timeline>li .timeline-panel{padding:0 20px 20px 100px}.timeline>li .timeline-image{width:170px;height:170px;margin-left:-85px}.timeline>li .timeline-image h4{margin-top:45px}.timeline>li.timeline-inverted>.timeline-panel{padding:0 100px 20px 20px}}