Spaces:
Sleeping
Sleeping
| /* =================================== */ | |
| /* Basic Style | |
| /* =================================== */ | |
| body { | |
| /*background:-moz-element(.particles-js-canvas-el);*/ | |
| background-color: #061b2a; | |
| font-family: 'Open Sans', sans-serif; | |
| line-height: 21px; | |
| font-size: 13px; | |
| color: #6a737b; | |
| } | |
| ol, ul { | |
| margin: 0; | |
| padding: 0; | |
| list-style: none; | |
| } | |
| figure, p { | |
| margin: 0; | |
| } | |
| a { | |
| color: #fff; | |
| -webkit-transition: all .3s ease-in 0s; | |
| -moz-transition: all .3s ease-in 0s; | |
| -ms-transition: all .3s ease-in 0s; | |
| -o-transition: all .3s ease-in 0s; | |
| transition: all .3s ease-in 0s; | |
| } | |
| iframe { | |
| border: 0; | |
| } | |
| a, a:focus, a:hover { | |
| text-decoration: none; | |
| outline: 0; | |
| } | |
| a:focus, a:hover { | |
| color: #6CB670; | |
| } | |
| h1, h2, h3, | |
| h4, h5, h6 { | |
| font-weight: normal; | |
| margin: 0; | |
| } | |
| .clear:before, | |
| .clear:after { | |
| content: " "; | |
| display: table; | |
| } | |
| .clear:after { | |
| clear: both; | |
| } | |
| .clear { | |
| *zoom: 1; | |
| } | |
| span.color { | |
| color: #ff9209; | |
| } | |
| body > section, | |
| .footer { | |
| padding: 70px 0; | |
| } | |
| .sec-title {} | |
| .sec-title h2 { | |
| color: #ff9209; | |
| font-size: 28px; | |
| font-weight: 800; | |
| text-transform: uppercase; | |
| } | |
| .sec-sub-title { | |
| margin: 35px 0 45px; | |
| } | |
| .sec-sub-title p { | |
| font-weight: 600; | |
| line-height: 24px; | |
| font-size: 18px; | |
| color: #5b646e; | |
| } | |
| .devider { | |
| margin-top: 30px; | |
| } | |
| .devider i { | |
| color: #cccccc; | |
| } | |
| .devider:before, | |
| .devider:after { | |
| content: "______________________"; | |
| color: #e6e8ea; | |
| position: relative; | |
| bottom: 6px; | |
| } | |
| .devider:before { | |
| right: 10px; | |
| } | |
| .devider:after { | |
| left: 10px; | |
| } | |
| .mb50 { | |
| margin-bottom: 50px; | |
| } | |
| #preloader { | |
| background-color: #fff; | |
| height: 100%; | |
| position: fixed; | |
| width: 100%; | |
| z-index: 1100; | |
| } | |
| #preloader > img { | |
| left: 47%; | |
| position: absolute; | |
| top: 48%; | |
| } | |
| /*========================================= | |
| Header | |
| ==========================================*/ | |
| #navigation { | |
| border: 0 none; | |
| margin: 0; | |
| -webkit-transition: background-color 800ms linear; | |
| -moz-transition: background-color 800ms linear; | |
| -ms-transition: background-color 800ms linear; | |
| -o-transition: background-color 800ms linear; | |
| transition: background-color 800ms linear; | |
| } | |
| .navbar-toggle i { | |
| color: #fff; | |
| } | |
| .navbar-brand { | |
| padding: 0; | |
| } | |
| .navbar-nav li a { | |
| border-top: 1px solid transparent; | |
| } | |
| .navbar-nav li a.current, | |
| .navbar-nav li a:focus, | |
| .navbar-nav li a:hover { | |
| background-color: transparent; | |
| border-top: 3px solid #a8620a; | |
| color: #fff; | |
| } | |
| /*========================================= | |
| Top section | |
| ==========================================*/ | |
| #top { | |
| /*background-image: url("../img/art.gif");*/ | |
| background-attachment: fixed ; | |
| background-position: center center; | |
| background-repeat: no-repeat; | |
| background-size: cover; | |
| padding: 0; | |
| } | |
| .top .devider:before, | |
| .top .devider:after { | |
| color: #737C85; | |
| } | |
| .top .devider i { | |
| color: #fff; | |
| } | |
| .parallax-overlay { | |
| background-color: rgba(6,32,51,.8); | |
| padding: 70px 0; | |
| } | |
| .caption h2 { | |
| font-size:52px; | |
| font-weight: 300; | |
| margin: 20px 0 20px; | |
| } | |
| .caption h2 span { | |
| font-weight: 800; | |
| } | |
| .caption h3 { | |
| font-size: 18px; | |
| font-weight: 300; | |
| margin: 20px 0 20px; | |
| } | |
| .caption p { | |
| color: #fff; | |
| font-size: 21px; | |
| font-weight: 300; | |
| } | |
| .caption p:before, | |
| .caption p:after { | |
| color: #e4720d; | |
| content: "___"; | |
| position: relative; | |
| top: -8px; | |
| } | |
| .caption p:before { | |
| right: 20px; | |
| } | |
| .caption p:after { | |
| left: 20px; | |
| } | |
| } | |
| /*========================================= | |
| Upload form | |
| ==========================================*/ | |
| #panel{ | |
| cursor: pointer | |
| margin: 10px; | |
| padding: 0; | |
| } | |
| .img-cont { | |
| cursor: pointer; | |
| display: flex; | |
| align-items: center; | |
| justify-content: center; | |
| } | |
| .drag-image { | |
| cursor: pointer; | |
| position: relative; | |
| overflow: hidden; | |
| display: inline-block; | |
| padding: 10px; | |
| border: 1px dashed #000; | |
| height: auto; | |
| width: auto; | |
| border-radius: 13px; | |
| font-weight: 400; | |
| display: flex; | |
| align-items: center; | |
| justify-content: center; | |
| flex-direction: column | |
| } | |
| .drag-image.active { | |
| border: 1px solid #000 | |
| } | |
| .drag-image .icon { | |
| font-size: 30px; | |
| color: #e4720d | |
| } | |
| .drag-image h6 { | |
| font-size: 20px; | |
| font-weight: 300; | |
| color: #000 | |
| } | |
| .drag-image span { | |
| font-size: 14px; | |
| font-weight: 300; | |
| color: #000; | |
| margin: 10px 0 15px 0 | |
| } | |
| .drag-image button { | |
| padding: 10px 25px; | |
| font-size: 14px; | |
| font-weight: 300; | |
| border: none; | |
| outline: none; | |
| background: transparent; | |
| color: #e4720d; | |
| border-radius: 5px; | |
| cursor: pointer; | |
| transition: all 0.5s | |
| } | |
| .drag-image button:hover { | |
| background-color: #fff; | |
| color: #0EB493; | |
| border: 1px solid #0EB493; | |
| } | |
| .drag-image img { | |
| height: 100%; | |
| width: 100%; | |
| object-fit: cover; | |
| border-radius: 10px | |
| } | |
| .panel-container{ | |
| display:grid; | |
| padding:15px; | |
| justify-content:center; | |
| } | |
| .form-group{ | |
| display:flex; | |
| flex-direction:column; | |
| } | |
| .form-control{ | |
| padding:.5rem; | |
| } | |
| .form-control{ | |
| border-radius: 4px; | |
| border: 1px solid #8E919D; | |
| } | |
| .form-control:focus{ | |
| outline:none; | |
| border-color:#57D8C8; | |
| box-shadow:0 0 2px 1px rgba(87, 216, 200,.6); | |
| } | |
| .drag-image input[type=file] { | |
| cursor: pointer; | |
| font-size: 100px; | |
| position: absolute; | |
| left: 0; | |
| top: 0; | |
| opacity: 0; | |
| } | |
| /*========================================= | |
| Our Works | |
| ==========================================*/ | |
| .work-filter { | |
| margin-bottom: 35px; | |
| } | |
| .work-filter ul li { | |
| display: inline-block; | |
| } | |
| .work-filter ul li a { | |
| color: #062033; | |
| display: block; | |
| font-size: 14px; | |
| font-weight: 700; | |
| padding: 5px 17px; | |
| border-radius: 6px; | |
| text-transform: capitalize; | |
| } | |
| .work-filter ul li a:hover, | |
| .work-filter ul li a.active { | |
| background-color: #0eb493; | |
| border-radius: 6px; | |
| color: #fff; | |
| padding: 5px 17px; | |
| } | |
| .mix { | |
| display: none; | |
| } | |
| .work-item { | |
| float: left; | |
| width: 25%; | |
| position: relative; | |
| } | |
| .work-item > img { | |
| display: block; | |
| height: auto; | |
| width: 100%; | |
| } | |
| .overlay { | |
| background-color: rgba(0,0,0,.9); | |
| text-align: center; | |
| position: absolute; | |
| left: 0; | |
| top: 0; | |
| width: 100%; | |
| height: 100%; | |
| color: #fff; | |
| opacity: 0; | |
| filter: alpha(opacity=0); | |
| -webkit-transition: all 450ms ease-out 0s; | |
| -moz-transition: all 450ms ease-out 0s; | |
| -o-transition: all 450ms ease-out 0s; | |
| transition: all 450ms ease-out 0s; | |
| -webkit-transform: rotateY(180deg) scale(0.5,0.5); | |
| -moz-transform: rotateY(180deg) scale(0.5,0.5); | |
| -ms-transform: rotateY(180deg) scale(0.5,0.5); | |
| -o-transform: rotateY(180deg) scale(0.5,0.5); | |
| transform: rotateY(180deg) scale(0.5,0.5); | |
| } | |
| .work-item:hover .overlay { | |
| opacity: 1; | |
| filter: alpha(opacity=100); | |
| -webkit-transform: rotateY(0deg) scale(1,1); | |
| -moz-transform: rotateY(0deg) scale(1,1); | |
| -ms-transform: rotateY(0deg) scale(1,1); | |
| -o-transform: rotateY(0deg) scale(1,1); | |
| transform: rotateY(0deg) scale(1,1); | |
| } | |
| .work-item .overlay a { | |
| border: 1px solid #fff; | |
| border-radius: 50%; | |
| display: inline-block; | |
| margin-top: 20%; | |
| padding: 7px 10px; | |
| } | |
| .work-item .overlay a:hover { | |
| color: #fff; | |
| } | |
| .work-item .overlay h4 { | |
| font-size: 18px; | |
| font-weight: 700; | |
| line-height: 24px; | |
| margin: 25px 0 8px; | |
| } | |
| .work-item .overlay p { | |
| font-size: 14px; | |
| line-height: 24px; | |
| } | |
| /*========================================= | |
| Some fun facts | |
| ==========================================*/ | |
| #facts { | |
| background-image: url("../img/art.gif"); | |
| background-attachment: fixed ; | |
| background-position: center center; | |
| background-repeat: no-repeat; | |
| background-size: cover; | |
| padding: 0; | |
| } | |
| .facts .devider:before, | |
| .facts .devider:after { | |
| color: #737C85; | |
| } | |
| .facts .devider i { | |
| color: #fff; | |
| } | |
| .parallax-overlay { | |
| background-color: rgba(6,32,51,.8); | |
| padding: 70px 0; | |
| } | |
| .counters-item { | |
| color: #fff; | |
| } | |
| .counters-item i { | |
| border: 1px solid #737C85; | |
| border-radius: 50%; | |
| color: #fff; | |
| display: inline-block; | |
| height: 120px; | |
| margin: 0 0 35px; | |
| padding: 40px 0 0; | |
| width: 120px; | |
| } | |
| .counters-item strong { | |
| display: block; | |
| font-size: 60px; | |
| font-weight: 600; | |
| line-height: 60px; | |
| } | |
| .counters-item p { | |
| font-size: 18px; | |
| line-height: 24px; | |
| margin-top: 15px; | |
| text-transform: uppercase; | |
| } | |
| /*========================================= | |
| Contact Us | |
| ==========================================*/ | |
| .contact { | |
| padding-bottom: 0; | |
| } | |
| .contact-address h3 { | |
| color: #062033; | |
| font-size: 22px; | |
| line-height: 32px; | |
| margin-bottom: 25px; | |
| } | |
| .contact-address p { | |
| line-height: 24px; | |
| } | |
| .contact-form {} | |
| .contact-form h3 { | |
| color: #062033; | |
| font-size: 24px; | |
| font-weight: 700; | |
| line-height: 32px; | |
| margin-bottom: 25px; | |
| } | |
| .contact-form .input-group { | |
| width: 100%; | |
| } | |
| .contact-form .form-control { | |
| border-color: -moz-use-text-color -moz-use-text-color #cccccc; | |
| border-radius: 0; | |
| border-style: none none solid; | |
| border-width: 0 0 1px; | |
| box-shadow: none; | |
| margin-bottom: 10px; | |
| } | |
| .contact-form .input-field { | |
| width: 48%; | |
| float: left; | |
| margin-right: 4%; | |
| } | |
| .contact-form .input-field:last-child { | |
| margin-right: 0; | |
| } | |
| .contact-form .form-control.error { | |
| border-bottom-color: #c0392b; | |
| } | |
| label.error { | |
| color: #c0392b; | |
| font-weight: normal; | |
| text-transform: capitalize; | |
| } | |
| .contact-form #form-submit { | |
| background: url("../img/envelop.png") no-repeat scroll 0 15px transparent; | |
| border: 0 none; | |
| color: #000; | |
| font-size: 16px; | |
| line-height: 24px; | |
| padding: 10px; | |
| text-align: right; | |
| width: 150px; | |
| } | |
| .footer-social { | |
| margin-top: 17px; | |
| } | |
| .footer-social li a { | |
| color: #cdd2d6; | |
| display: block; | |
| margin-bottom: 10px; | |
| } | |
| #map_canvas { | |
| height: 215px; | |
| width: 100%; | |
| } | |
| /*========================================= | |
| Footer | |
| ==========================================*/ | |
| .footer { | |
| background-color: #061b2a; | |
| /*border-top: 5px solid #062033;*/ | |
| color: #fff; | |
| } | |
| .footer a:hover { | |
| color: #062033; | |
| } | |
| .footer h6 { | |
| font-size: 14px; | |
| font-weight: 700; | |
| line-height: 24px; | |
| margin-bottom: 30px; | |
| } | |
| .footer-single { | |
| line-height: 24px; | |
| } | |
| .footer-single ul { | |
| } | |
| .footer-single li { | |
| line-height: 32px; | |
| } | |
| .footer-single p i { | |
| margin: 0 10px; | |
| } | |
| .copyright { | |
| color: #fff; | |
| margin-top: 20px; | |
| } | |
| #back-top { | |
| bottom: 20px; | |
| position: fixed; | |
| right: 25px; | |
| z-index: 9; | |
| } | |
| .clearfix{*zoom:1;}.clearfix:before,.clearfix:after{display:table;content:"";line-height:0;} | |
| .clearfix:after{clear:both;} | |
| .hide-text{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0;} | |
| .input-block-level{display:block;width:100%;min-height:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} | |
| .btn-file{overflow:hidden;position:relative;vertical-align:middle;}.btn-file>input{position:absolute;top:0;right:0;margin:0;opacity:0;filter:alpha(opacity=0);transform:translate(-300px, 0) scale(4);font-size:23px;direction:ltr;cursor:pointer;} | |
| .fileupload{margin-bottom:9px;}.fileupload .uneditable-input{display:inline-block;margin-bottom:0px;vertical-align:middle;cursor:text;} | |
| .fileupload .thumbnail{overflow:hidden;display:inline-block;margin-bottom:5px;vertical-align:middle;text-align:center;}.fileupload .thumbnail>img{display:inline-block;vertical-align:middle;max-height:100%;} | |
| .fileupload .btn{vertical-align:middle;} | |
| .fileupload-exists .fileupload-new,.fileupload-new .fileupload-exists{display:none;} | |
| .fileupload-inline .fileupload-controls{display:inline;} | |
| .fileupload-new .input-append .btn-file{-webkit-border-radius:0 3px 3px 0;-moz-border-radius:0 3px 3px 0;border-radius:0 3px 3px 0;} | |
| .thumbnail-borderless .thumbnail{border:none;padding:0;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;} | |
| .fileupload-new.thumbnail-borderless .thumbnail{border:1px solid #ddd;} | |
| .control-group.warning .fileupload .uneditable-input{color:#a47e3c;border-color:#a47e3c;} | |
| .control-group.warning .fileupload .fileupload-preview{color:#a47e3c;} | |
| .control-group.warning .fileupload .thumbnail{border-color:#a47e3c;} | |
| .control-group.error .fileupload .uneditable-input{color:#b94a48;border-color:#b94a48;} | |
| .control-group.error .fileupload .fileupload-preview{color:#b94a48;} | |
| .control-group.error .fileupload .thumbnail{border-color:#b94a48;} | |
| .control-group.success .fileupload .uneditable-input{color:#468847;border-color:#468847;} | |
| .control-group.success .fileupload .fileupload-preview{color:#468847;} | |
| .control-group.success .fileupload .thumbnail{border-color:#468847;} |