*{padding:0;margin:0;box-sizing:border-box}html,body{width:100%!important;height:100%!important}body{margin:0;background:#121212;font-family:'Courier Prime',monospace;box-sizing:border-box;font-size:16px;color:#fff;font-weight:400}a{color:#234dd4;text-decoration:none;-webkit-transition:color .3s,background-color .3s;-moz-transition:color .3s,background-color .3s;-o-transition:color .3s,background-color .3s;transition:color .3s,background-color .3s}a:hover{text-decoration:none}p{font-size:16px;line-height:26px;font-weight:400;margin:0 0 30px;color:#fff}label{border:0 solid red;margin:0;font-size:15px;text-transform:capitalize;width:100%;padding:3px 0;font-weight:700;color:#666}label small{font-size:13px;text-transform:capitalize;width:100%;font-weight:400;display:block;color:#999;font-style:italic}input[type=text],input[type=search],input[type=file],input[type=email],input[type=tel],input[type=password],select{color:#fff;padding:10px;font-size:16px;font-weight:400;box-sizing:border-box;border:none;border-bottom:1px solid #dbdbdb;margin:0 0 20px;background:0 0;width:100%}textarea{color:#fff;padding:10px;font-size:16px;font-weight:400;box-sizing:border-box;border:none;border-bottom:1px solid #dbdbdb;margin:0 0 20px;background:0 0;width:100%;resize:none;height:45px}input[type=submit],input[type=button]{background:0 0;color:#ffc400;font-size:16px;padding:10px 20px;display:block;border:none;font-weight:400;text-transform:capitalize;border-bottom:1px solid #ffc400}@media (min-width:1200px){.container{width:1200px;border:0 solid blue}}.eight-icon{display:block}@media only screen and (max-width:800px){.eight-icon{display:none}}.navbar-inverse{background-color:transparent;border-color:transparent}@media (min-width:768px){.navbar{border-radius:0}}.navbar-brand{height:auto}.navbar-brand>img{display:block;height:40px}@media (min-width:768px){.navbar-nav>li>a{padding:30px 20px 24px}}.navbar{margin-bottom:0}.navbar-inverse .navbar-nav>li>a{color:#fff}.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.active>a:focus,.navbar-inverse .navbar-nav>.active>a:hover{color:#ffc400;background-color:transparent}.navbar-inverse .navbar-nav>li>a:focus,.navbar-inverse .navbar-nav>li>a:hover{color:#ffc400;background-color:transparent}.fixed-top{width:100%;background:#000;position:fixed;z-index:2;top:-40px;transform:translateY(40px);transition:transform .3s}.headingBox{text-align:left;display:block;width:100%;margin:0 0 40px}.headingBox h2{position:relative;font-size:30px;font-weight:400;z-index:1;overflow:hidden;text-align:left;margin:0}.headingBox h2:after{position:absolute;top:51%;overflow:hidden;width:100%;height:1px;content:'\a0';background-color:#ffc400;margin-left:10px}.banner{position:relative;display:flex;height:100vh;align-items:center}.banner video{width:100%;height:100%;position:fixed;top:0;left:0;right:0;object-fit:cover;z-index:-2}.banner .overlay{width:100%;height:100%;position:fixed;top:0;left:0;right:0;bottom:0;z-index:-1;background:rgba(0,0,0,.7)}.banner div.row{display:flex;align-content:center;align-items:flex-end}.banner h2{color:#ffc400;font-size:38px;font-weight:400;height:80px;text-transform:lowercase;margin:0}.banner h1{font-size:38px;font-weight:400;margin:0}.banner h1 span{color:#ffc400}.welcome{padding:60px 0 30px}.welcome h3{font-size:24px;line-height:34px;margin:0 0 50px}.welcome h3 span{color:#ffc400}.portfolio{padding:120px 0 60px}.portfolio h2{font-size:30px;margin:0 0 60px}ul#buttonGroup{text-align:right;margin:10px 0}ul#buttonGroup li{margin:0;display:inline;list-style:none}ul#buttonGroup li a{cursor:pointer;color:#fff;font-size:14px;padding:0 0 0 10px}ul#buttonGroup li a:hover{color:#ffc400}.grid:after{content:"";display:block;clear:both}.grid-sizer,.grid-item{width:33.33%}.grid-item{float:left;padding:0;position:relative}.grid-item .overlay{display:none;bottom:10px;left:10px;right:10px;position:absolute}.grid-item .overlay h2{font-size:16px;background:rgba(0,0,0,1);padding:5px;margin:0 0 2px;display:inline-block}.grid-item .overlay span{font-size:12px;background:rgba(0,0,0,1);padding:3px 6px;margin:0;display:inline-block}.grid-item:hover{cursor:pointer}.grid-item:hover .overlay{display:block}.grid-item img{display:block;max-width:100%}@media screen and (max-width:414px){.grid-item img{border:0 solid #fff}}.grid-item.grid-item__expanded{width:66.66%;z-index:1}.clientele{padding:120px 0 60px}.clientele h2{font-size:30px;margin:0 0 60px}.clientele .owl-carousel .item{padding:40px 0}.clientele .owl-carousel .item-first{padding:20px 0}.contact{padding:120px 0 60px}.contact h2{font-size:30px;margin:0 0 60px}.contact h3{margin:0 0 60px}footer{color:#000;background:#707070}footer iframe{width:100%;height:400px}footer .innerBox{padding:60px 0}footer .innerBox img{margin:0 auto 50px auto}footer .innerBox .copyright{padding:30px 0 0;font-size:12px}footer .innerBox .copyright p{font-size:12px;margin:0}footer .innerBox p{color:#000;font-size:18px;line-height:28px;margin:0 0 60px}footer .innerBox h4{font-size:18px;margin:0}footer .innerBox h2,footer .innerBox h3{font-size:22px;margin:0 0 5px}footer .innerBox h2 span{font-size:22px;margin:0 0 0 -25px;background:url(//www.octarine.in/wp-content/themes/octarine/images/map-marker.jpg) center center no-repeat}footer .location{border:0 solid #ff0}footer .location h2{margin:0 0 10px;background:url(//www.octarine.in/wp-content/themes/octarine/images/icon-pin.png) top left no-repeat;background-size:16px;padding:0 0 0 24px;height:22px}footer .location h4{margin:0 0 0 24px}footer .email{border:0 solid #ff0}footer .email h2{margin:0 0 10px;background:url(//www.octarine.in/wp-content/themes/octarine/images/icon-email.png) top left no-repeat;background-size:16px;padding:0 0 0 24px;height:22px}footer .email h4 a{color:#000;text-decoration:underline}footer .email h4 a:hover{color:#ffc400}footer .email h4{margin:0 0 0 24px}footer .phone{border:0 solid #ff0}footer .phone h2{margin:0 0 10px;background:url(//www.octarine.in/wp-content/themes/octarine/images/icon-phone.png) top left no-repeat;background-size:16px;padding:0 0 0 24px;height:22px}footer .phone h4 a{color:#000;text-decoration:underline}footer .phone h4 a:hover{color:#ffc400}footer .phone h4{margin:0 0 0 24px}.wpcf7-form label.error{color:#900;font-size:11px;float:none;text-align:right;padding-right:5px;border:0 solid green;display:none!important;margin:-30px 0 0 0!important}.wpcf7-form input.error,.wpcf7-form select.error,.wpcf7-form textarea.error{border:1px solid #fe6b6b!important}div.wpcf7-mail-sent-ok{border:0 solid #398f14!important;background:#4fc8bf;font-size:13px;color:#fff;margin:0!important}div.wpcf7-response-output{margin:0!important;padding:15px}.fancybox__caption a{color:#ffc400;text-decoration:underline}@media only screen and (max-width:800px){p{font-size:14px;line-height:20px;margin:0 0 20px}.banner{height:80vh}.banner h1{font-size:20px;line-height:26px}.welcome,.portfolio,.clientele{padding:20px 0}.contact{padding:20px 0 60px}.welcome h3{font-size:20px;line-height:26px;margin:0 0 20px}.headingBox span:after{width:50px}.headingBox{margin:0 0 5px}.headingBox h2{font-size:20px;margin:0 0 5px}ul#buttonGroup{text-align:left;margin:0 0 30px}ul#buttonGroup li a{padding:0 10px 0 0}footer .innerBox{padding:20px 0}footer iframe{width:100%;height:300px}footer .innerBox img{margin:0 auto 20px auto}footer .innerBox p{font-size:14px;line-height:24px}footer .location,footer .email{margin:0 0 30px}}