@font-face{font-family:'Roboto';font-style:normal;font-weight:300;src:local('Roboto Light'),local('Roboto-Light'),url("fonts/Roboto-Light.woff2") format('woff2')} @font-face{font-family:'Roboto';font-style:normal;font-weight:400;src:local('Roboto'),local('Roboto-Regular'),url("fonts/Roboto-Regular.woff2") format('woff2')} @font-face{font-family:'Roboto';font-style:normal;font-weight:500;src:local('Roboto Medium'),local('Roboto-Medium'),url("fonts/Roboto-Medium.woff2") format('woff2')} body{background:#fff;font-family:'Roboto',sans-serif;font-weight:400;position:relative} html,body{width:100%;overflow-x:hidden}h1,h2,h3,h4{font-weight:bold;letter-spacing:2px}.heading{font-size:20px}.subheading{font-size:14px;font-weight:bold;padding-bottom:60px}.bold{font-weight:bold}p{line-height:28px;font-size:15px}a{outline:none !important}hr{width:180px;border-color:#CCC}.section-title strong{color:#527f5b;font-size:56px}.section-title h1{font-size:24px}.section-title{padding-bottom:32px}.medium-icon{font-size:32px !important} #work, #abouttheapplication, #about, #team, #portfolio, #pricing, #contact{padding-top:100px;padding-bottom:100px} .preloader{position:fixed;top:0;left:0;width:100%;height:100%;z-index:99999;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-flow:row nowrap;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;background:none repeat scroll 0 0 #fff} .sk-spinner-circle.sk-spinner{width:22px;height:22px;position:relative} .sk-spinner-circle .sk-circle{width:100%;height:100%;position:absolute;left:0;top:0} .sk-spinner-circle .sk-circle:before{content:'';display:block;margin:0 auto;width:20%;height:20%;background-color:#527f5b;border-radius:100%;-webkit-animation:sk-circleBounceDelay 1.2s infinite ease-in-out;animation:sk-circleBounceDelay 1.2s infinite ease-in-out;-webkit-animation-fill-mode:both;animation-fill-mode:both} .sk-spinner-circle .sk-circle2{-webkit-transform:rotate(30deg);transform:rotate(30deg)} .sk-spinner-circle .sk-circle3{-webkit-transform:rotate(60deg);transform:rotate(60deg)} .sk-spinner-circle .sk-circle4{-webkit-transform:rotate(90deg);transform:rotate(90deg)} .sk-spinner-circle .sk-circle5{-webkit-transform:rotate(120deg);transform:rotate(120deg)} .sk-spinner-circle .sk-circle6{-webkit-transform:rotate(150deg);transform:rotate(150deg)} .sk-spinner-circle .sk-circle7{-webkit-transform:rotate(180deg);transform:rotate(180deg)} .sk-spinner-circle .sk-circle8{-webkit-transform:rotate(210deg);transform:rotate(210deg)} .sk-spinner-circle .sk-circle9{-webkit-transform:rotate(240deg);transform:rotate(240deg)} .sk-spinner-circle .sk-circle10{-webkit-transform:rotate(270deg);transform:rotate(270deg)} .sk-spinner-circle .sk-circle11{-webkit-transform:rotate(300deg);transform:rotate(300deg)} .sk-spinner-circle .sk-circle12{-webkit-transform:rotate(330deg);transform:rotate(330deg)} .sk-spinner-circle .sk-circle2:before{-webkit-animation-delay:-1.1s;animation-delay:-1.1s} .sk-spinner-circle .sk-circle3:before{-webkit-animation-delay:-1s;animation-delay:-1s} .sk-spinner-circle .sk-circle4:before{-webkit-animation-delay:-0.9s;animation-delay:-0.9s} .sk-spinner-circle .sk-circle5:before{-webkit-animation-delay:-0.8s;animation-delay:-0.8s} .sk-spinner-circle .sk-circle6:before{-webkit-animation-delay:-0.7s;animation-delay:-0.7s} .sk-spinner-circle .sk-circle7:before{-webkit-animation-delay:-0.6s;animation-delay:-0.6s} .sk-spinner-circle .sk-circle8:before{-webkit-animation-delay:-0.5s;animation-delay:-0.5s} .sk-spinner-circle .sk-circle9:before{-webkit-animation-delay:-0.4s;animation-delay:-0.4s} .sk-spinner-circle .sk-circle10:before{-webkit-animation-delay:-0.3s;animation-delay:-0.3s} .sk-spinner-circle .sk-circle11:before{-webkit-animation-delay:-0.2s;animation-delay:-0.2s} .sk-spinner-circle .sk-circle12:before{-webkit-animation-delay:-0.1s;animation-delay:-0.1s} @-webkit-keyframes sk-circleBounceDelay{0%,80%,100%{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1);transform:scale(1)}} @keyframes sk-circleBounceDelay{0%,80%,100%{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1);transform:scale(1)}}.custom-navbar{background:#ccc;margin-bottom:0}.custom-navbar .navbar-brand{color:#527f5b;font-weight:600;font-size:24px}.custom-navbar .navbar-brand .navbar-toggle{background:#527f5b;padding:4px 6px;font-size:16px;color:#fff}.custom-navbar .nav li a{color:#fff;font-size:14px;font-weight:500}.custom-navbar .nav li a:hover{background:transparent;color:#eee}.custom-navbar .nav >li >a:focus{background-color:transparent;color:#fff;outline:none}.custom-navbar .nav li.active >a{color:#527f5b}.custom-navbar .navbar-toggle{border:none;padding-top:10px}.custom-navbar .navbar-toggle .icon-bar{background:#527f5b;border-color:transparent}@media(min-width:768px){.custom-navbar{background:#ccc;padding:10px;border-bottom:0;background:0 0}.custom-navbar.top-nav-collapse{padding:8px;background:#ccc}} #home{background-size:cover;background-position:center;color:#fff;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:100vh;text-align:center} #home h1{font-size:40px} #home h3{font-size:14px} #home hr{width:240px} #home .btn{background:transparent;border:4px solid #fff;border-radius:0;color:#fff;font-size:15px;font-weight:bold;letter-spacing:2px;padding:12px 42px;margin-top:40px;margin-right:16px;transition:all 0.4s ease-in-out} #home .btn:hover{background:#527f5b;border-color:transparent} #home .btn-danger{background:#527f5b;border-color:transparent} #home .btn-danger:hover{border:4px solid #fff;border-radius:0;background:transparent;color:#fff} #work{text-align:center} #work .col-md-4{padding:28px;position:relative;transition:all 0.4s ease-in-out} #work .col-md-4:hover{background-color:#fff;box-shadow:0px 2px 8px 0px rgba(50,50,50,0.20)} #work h3{font-size:18px} #abouttheapplication .col-md-6{padding:28px;position:relative;transition:all 0.4s ease-in-out} #abouttheapplication .col-md-6:hover{background-color:#fff;box-shadow:0px 2px 8px 0px rgba(50,50,50,0.20)} #abouttheapplication .col-md-10{padding:28px;position:relative;transition:all 0.4s ease-in-out} #abouttheapplication .col-md-10:hover{background-color:#fff;box-shadow:0px 2px 8px 0px rgba(50,50,50,0.20)} .nav-tabs{margin-top:20px;border-bottom:1px solid #606060}.nav-tabs >li{float:left;margin-bottom:-1px}.nav-tabs >li >a{display:block;color:#fff;font-size:16px;padding:10px 20px;border:0;border-radius:0}.nav-tabs >li >a:hover{background-color:transparent}.nav-tabs >li.active >a,.nav-tabs >li.active >a:hover,.nav-tabs >li.active >a:focus{color:#527f5b;cursor:default;background-color:transparent;border:1px solid transparent;border-bottom-color:transparent}.tab-content{padding-top:20px}.tab-content a{color:#0CC}.tab-content a:hover,.tab-content a:link{color:#FF0;text-decoration:none} #team{text-align:center} #team h3{color:#527f5b;font-size:14px;font-weight:bold} #team .col-md-3{padding-top:20px;padding-bottom:20px} #team .team-wrapper{overflow:hidden;position:relative} #team .team-des{background-color:rgba(00,00,00,0.6);position:absolute;color:#fff;opacity:0;max-width:500px;width:100%;height:100%;text-align:center;vertical-align:middle;top:0;left:0;right:0;bottom:0;transition:all 0.4s ease-in-out;margin:0 auto;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column} #team .team-des:hover{opacity:1} #team img{margin:0 auto} #team .social-icon li a{color:#fff} #team .social-icon li a:hover{color:#527f5b} #portfolio{background-color:#f6f6f6;text-align:center} #portfolio .container{width:100%;padding:0;margin:0} #portfolio img{width:100%;transition:all 0.4s ease-in-out} #portfolio img:hover{opacity:0.5}.filter-wrapper{width:100%;margin:40px 0 24px 0;overflow:hidden;text-align:center}.filter-wrapper li{display:inline-block;margin:4px}.filter-wrapper li a{color:#999;font-size:13px;font-weight:bold;letter-spacing:2px;text-transform:uppercase;padding:8px 17px;display:block;text-decoration:none;transition:all 0.4s ease-in-out}.filter-wrapper li .selected,.filter-wrapper li a:focus,.filter-wrapper li a:hover{color:#527f5b;outline:none}.iso-box-section{width:100%}.iso-box-wrapper{width:100%;padding:0;clear:both;position:relative}.iso-box{position:relative;min-height:50px;float:left;overflow:hidden;margin-bottom:20px}.iso-box >a{display:block;width:100%;height:100%;overflow:hidden}.iso-box >a{display:block;width:100%;height:100%;overflow:hidden}.fluid-img{width:100%;display:block} #pricing{text-align:center} #pricing h2{font-size:52px} #pricing h3{font-size:16px} #pricing .plan{box-shadow:0px 2px 8px 0px rgba(50,50,50,0.20);padding-top:40px;padding-bottom:80px;margin-bottom:32px} #pricing .plan span{font-size:16px} #pricing .plan .plan_title{font-weight:300;letter-spacing:2px;padding:30px;margin-bottom:20px} #pricing .medium-icon{box-shadow:0px 2px 8px 0px rgba(50,50,50,0.20);border-radius:50%;font-size:52px;width:120px;height:120px;line-height:120px;text-align:center;margin-bottom:32px} #pricing .plan ul{padding:0px} #pricing .plan ul li{display:block;font-weight:500;padding:12px 0px} #pricing .plan .btn{border:none;border-radius:0px;color:#fff;font-size:16px;font-weight:bold;padding:16px 60px;transition:all 0.4s ease-in-out;margin-top:20px;text-transform:uppercase} #pricing .plan-one .btn{background-color:#527f5b} #pricing .plan-two .btn{background-color:#ffa400} #pricing .plan-three .btn{background-color:#098} #pricing .plan .btn:hover{background-color:#3B3B3B} #contact{background:#3B3B3B url('../images/contact-bg.jpg') no-repeat center center;background-size:cover;color:#fff} #contact h2{padding-bottom:20px} #contact h3{font-size:16px;font-weight:bold;letter-spacing:1px} #contact .medium-icon{padding-top:10px;padding-right:10px} #contact .contact-info div{padding-top:14px;padding-bottom:14px} #contact form{padding-top:60px} #contact .form-control{border:2px solid #fff;border-radius:0;box-shadow:none;margin-top:10px;margin-bottom:10px;transition:all 0.4s ease-in-out} #contact input{height:40px} #contact input[type="submit"]{background:#527f5b;border:3px solid #527f5b;letter-spacing:1px;margin-top:18px;height:50px;color:#fff} #contact input[type="submit"]:hover{color:#000}footer{text-align:center;padding-top:60px;padding-bottom:60px}footer p{padding-top:20px}.social-icon{padding:0;margin:0}.social-icon li{list-style:none;display:inline-block;padding:6px}.social-icon li a{box-shadow:0px 2px 8px 0px rgba(50,50,50,0.09);color:#808080;font-size:20px;width:56px;height:56px;line-height:60px;text-align:center;text-decoration:none;transition:all 0.4s ease-in-out}.social-icon li a:hover{color:#527f5b}@media screen and (min-width:992px){@-moz-document url-prefix(){#portfolio .col-lg-4, #portfolio .col-md-4{width:33.333%}}}@media (max-width:440px){#home{padding-top:320px;padding-bottom:320px}#home h1{font-size:22px}#home h3{font-size:12px}}