body{background-color:#121212;font-family:'Ubuntu', 'Arial', sans-serif;line-height:1.5;color:#ddd;-webkit-font-smoothing: antialiased;} ol, ul{margin:0;padding:0;list-style:none;} figure{margin:0;} a{color:#fff;-webkit-transition:all .3s ease-in 0s;-moz-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:#fc453d;} h1, h2, h3, h4, h5, h6{font-family:oswald;font-weight:400;} .kill-margin-bottom{margin-bottom:0 !important;} .btn{background-color:transparent;color:#fff;padding:10px 30px;border-radius:8;margin-top:15px;-webkit-transition:all .5s ease-in 0s;-moz-transition:all .5s ease-in 0s;-o-transition:all .5s ease-in 0s;transition:all .5s ease-in 0s;} .btn:focus{border-radius:8;color:#ddd;} .btn-green{border-radius:8;background-color:#fc453d;} .btn-green:focus, .btn-green:hover{border-radius:8;background-color:#0e74ff;color:#fff;} .btn-transparent{border:1px solid #4e595f;border-radius:8;-webkit-font-smoothing: antialiased;} .btn-transparent:focus{background-color:transparent;border-color:#fc453d;border-radius:8;-webkit-font-smoothing: antialiased;} .btn-transparent:hover{background-color:#fc453d;border-radius:8;border:1px solid transparent;color:#fff;-webkit-font-smoothing: antialiased;} .form-control{background-color:#2f383d;border-radius:8;padding:5px 10px;border:0 none;color:#ddd;} .form-control:focus{box-shadow:0 0 0;} .form-control::-webkit-input-placeholder{color:#ddd;} .form-control:-moz-placeholder{color:#ddd;} .form-control::-moz-placeholder{color:#ddd;} .form-control:-ms-input-placeholder{color:#ddd;} #loading-mask{background:#333439;height:100%;left:0;opacity:1;filter:alpha(opacity=100);position:fixed;text-align:center;top:0;width:100%;z-index:999999999;} .loading-img{height:100%;left:0;position:fixed;top:50%;width:100%;} .border1{border-top:1px solid #3e4347;height:1px;margin:15px auto 0;position:relative;width:35%;} .border1:before{background-color:#3e4347;border:1px ridge #3e4347;content:"";height:10px;left:50%;margin-left:-20px;position:absolute;top:-5px;width:40px;} .border{border-top:1px solid #fff;height:1px;margin:15px auto 0;position:relative;width:35%;} .border:before{background-color:#fff;border:1px ridge #fff;content:"";height:10px;left:50%;margin-left:-20px;position:absolute;top:-5px;width:40px;} .title{padding-bottom:60px;} .title h2{text-transform:uppercase;font-weight:700;font-size:38px;color:#fff;} .color{color:#fc453d;} .sub-title{padding:0 0 50px;} .sub-title > h3{border-left:3px solid #ddd;border-right:3px solid #ddd;display:inline-block;padding:5px 25px;text-transform:uppercase;} .btn.active:focus, .btn:active:focus, .btn:focus{outline:0;} .bg-one{background-color:#181818;} .bg-two{background-color:#fff;} /*.bg-three{background:#121212;background:-webkit-linear-gradient(right bottom,#121212 10%,#0F466E 90%);background:-moz-linear-gradient(right bottom,#121212 30%,#0F466E 90%);background:-o-linear-gradient(right bottom,#121212 30%,#0F466E 90%);background:-ms-linear-gradient(right bottom,#121212 30%,#0F466E 90%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5093C4',endColorstr='#121212',GradientType=1);height:100%;}*/ .bg-three { background: #13344e; } .bg-four{ background: red; /* For browsers that do not support gradients */ background: -webkit-linear-gradient(left top, #121212,#121212, #323338, #10334D); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(bottom right, #121212,#121212, #323338, #10334D); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(bottom right, #121212,#121212, #323338, #10334D); /* For Firefox 3.6 to 15 */ background: linear-gradient(to bottom right, #121212,#121212, #323338, #10334D); /* Standard syntax */ } .parallax-section{background-attachment:fixed !important;background-position:center center;background-repeat:no-repeat;background-size:cover;} #home{position:relative;} #slitSlider .carousel-caption{padding:0;display:table;height:100%;width:100%;min-height:50%;left:0;top:0;z-index:11;} #slitSlider .carousel-caption a{font-size:18px;} #slitSlider .carousel-caption > div{vertical-align:middle;display:table-cell;} #slitSlider .carousel-caption h2{color:#FFF;font-family:Oswald, sans-serif;font-size:70px;font-weight:700;margin-bottom:40px;text-transform:uppercase;} #slitSlider .carousel-caption h3{color:#FFF;font-family:Oswald, sans-serif;font-size:40px;font-weight:700;margin-bottom:150px;} .navbar-inverse{font-style:bold;background-color:#1e1e1e;width:100%;z-index:99;-webkit-box-shadow:0 8px 6px -6px #999;-moz-box-shadow:0 8px 6px -6px #999;box-shadow:0 8px 6px -6px #999;} @media only screen and (min-width: 320px) { .navbar{margin-bottom:0;} .navbar-brand{height:auto;padding:10px 0;} .navbar-brand h1{margin:0;} .navbar-inverse .navbar-nav > li > a{color:#fff;font-style:bold;font-size:13px;line-height:26px;padding:20px 16px; width:100%; text-align:center;-webkit-transition:background .5s ease-in-out 0s;-moz-transition:background .5s ease-in-out 0s;-o-transition:background .5s ease-in-out 0s;transition:background .5s ease-in-out 0s;} .navbar-inverse .navbar-nav > li.current > a{color:#b0b0b0;background-color:#1e1e1e;} .navbar-inverse .navbar-nav > li > a:hover{color:#b0b0b0;} } @media only screen and (min-width: 1025px){ .navbar{margin-bottom:0;} .navbar-brand{height:auto;padding:10px 0;} .navbar-brand h1{margin:0;} .navbar-inverse .navbar-nav > li > a{color:#fff;font-style:bold;font-size:14px;line-height:26px;padding:24px 15px; width:106px; text-align:center;-webkit-transition:background .5s ease-in-out 0s;-moz-transition:background .5s ease-in-out 0s;-o-transition:background .5s ease-in-out 0s;transition:background .5s ease-in-out 0s;} .navbar-inverse .navbar-nav > li.current > a{color:#b0b0b0;background-color:#1e1e1e;} .navbar-inverse .navbar-nav > li > a:hover{color:#b0b0b0;} } #about{padding:130px 0;} .icon-box1{position:relative;width:160px;height:92.38px;background-color:transparent;margin:46.19px auto 60px;padding:20px 0;border-left:solid 3px #3e4347;border-right:solid 3px #3e4347;-webkit-transform:translateZ(0px);-moz-transform:translateZ(0px);-ms-transform:translateZ(0px);-o-transform:translateZ(0px);transform:translateZ(0px);-webkit-transition-duration:0.3s;-moz-transition-duration:0.3s;-o-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:transform;-moz-transition-property:transform;-o-transition-property:transform;transition-property:transform;} .icon-box1:hover{-webkit-transform:translateY(-10px);-moz-transform:translateY(-10px);-ms-transform:translateY(-10px);-o-transform:translateY(-10px);transform:translateY(-10px);} .icon-box1:before, .icon-box1:after{content:"";position:absolute;z-index:1;width:113.14px;height:113.14px;background-color:inherit;left:20.4315px;-webkit-transform:scaleY(0.5774) rotate(-45deg);-moz-transform:scaleY(0.5774) rotate(-45deg);-ms-transform:scaleY(0.5774) rotate(-45deg);-o-transform:scaleY(0.5774) rotate(-45deg);transform:scaleY(0.5774) rotate(-45deg);} .icon-box1:before{top:-56.5685px;border-top:solid 4.2426px #3e4347;border-right:solid 4.2426px #3e4347;} .icon-box1:after{bottom:-56.5685px;border-bottom:solid 4.2426px #3e4347;border-left:solid 4.2426px #3e4347;} .icon-box{position:relative;width:160px;height:92.38px;background-color:transparent;margin:46.19px auto 60px;padding:20px 0;border-left:solid 3px #ddd;border-right:solid 3px #ddd;-webkit-transform:translateZ(0px);-moz-transform:translateZ(0px);-ms-transform:translateZ(0px);-o-transform:translateZ(0px);transform:translateZ(0px);-webkit-transition-duration:0.3s;-moz-transition-duration:0.3s;-o-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:transform;-moz-transition-property:transform;-o-transition-property:transform;transition-property:transform;} .icon-box:hover{-webkit-transform:translateY(-10px);-moz-transform:translateY(-10px);-ms-transform:translateY(-10px);-o-transform:translateY(-10px);transform:translateY(-10px);} .icon-box:before, .icon-box:after{content:"";position:absolute;z-index:1;width:113.14px;height:113.14px;background-color:inherit;left:20.4315px;-webkit-transform:scaleY(0.5774) rotate(-45deg);-moz-transform:scaleY(0.5774) rotate(-45deg);-ms-transform:scaleY(0.5774) rotate(-45deg);-o-transform:scaleY(0.5774) rotate(-45deg);transform:scaleY(0.5774) rotate(-45deg);} .icon-box:before{top:-56.5685px;border-top:solid 4.2426px #ddd;border-right:solid 4.2426px #ddd;} .icon-box:after{bottom:-56.5685px;border-bottom:solid 4.2426px #ddd;border-left:solid 4.2426px #ddd;} #main-features{padding:70px 0;} .feature-media{margin-bottom:30px;} .feature-desc a{margin-right:20px;} #counter{background-image:url(../img/parallax/jakarta.jpg);padding:70px 0;} .counters-item{border:1px solid #4e595f;padding-bottom:30px;border-radius:8px;} .counters-item > div{margin:10px 0;} .counters-item span{display:inline;font-family:Oswald, sans-serif;font-size:35px;line-height:50px;} .counters-item i{margin-bottom:15px;} .counters-item h3{font-family:Ubuntu,sans-serif;font-size:20px;margin:0;} #services{padding:70px 0 100px;} #services .title{padding-bottom:125px;} .service-block{padding:50px 20px;border-left:1px solid #4e595f;border-top:1px solid #4e595f;margin-bottom:40px;-webkit-box-shadow:2px 2px 5px rgba(44, 44, 44, .3), 13px 13px 0 rgba(256, 256, 256, .7);-moz-box-shadow:2px 2px 5px rgba(44, 44, 44, .3), 13px 13px 0 rgba(256, 256, 256, .7);box-shadow:2px 2px 5px rgba(44, 44, 44, .3), 13px 13px 0 rgba(256, 256, 256, .7);} .service-icon{margin-bottom:40px;} .service-block h3{text-transform:uppercase;} #showcase{padding:130px 0;} .portfolio-filter{margin-bottom:15px;} .portfolio-filter ul li{display:inline;} .portfolio-filter ul li a{color:#ddd;display:inline-block;font-size:14px;margin:0 10px;padding:5px 15px;position:relative;} .portfolio-filter ul li a::before{position:absolute;top:0;left:0;width:100%;height:2px;background:#fc453d;content:'';-webkit-transition:top 0.3s;-moz-transition:top 0.3s;-o-transition:top 0.3s;transition:top 0.3s;} .portfolio-filter ul li a::after{position:absolute;top:0;left:0;width:2px;height:2px;background:#fc453d;content:'';-webkit-transition:height 0.3s;-moz-transition:height 0.3s;-o-transition:height 0.3s;transition:height 0.3s;} .portfolio-filter ul li a:hover::before{top:100%;opacity:1;} .portfolio-filter ul li a:hover::after{height:100%;} .og-grid .mix > a{display:block;overflow:hidden;position:relative;} .og-grid .mix a img{-webkit-transition:all 0.6s ease 0s;-moz-transition:all 0.6s ease 0s;-o-transition:all 0.6s ease 0s;transition:all 0.6s ease 0s;} .og-grid .mix a:hover counters-item{-webkit-transform:scale(1.4) rotate(15deg);-moz-transform:scale(1.4) rotate(15deg);-ms-transform:scale(1.4) rotate(15deg);-o-transform:scale(1.4) rotate(15deg);transform:scale(1.4) rotate(15deg);} .hover-mask{top:0;left:0;width:100%;height:100%;position:absolute;background-color:rgba(43, 44, 48, 0.8);opacity:0;filter:alpha(opacity=0);-webkit-transition:all 600ms ease-out 0s;-moz-transition:all 600ms ease-out 0s;-o-transition:all 600ms ease-out 0s;transition:all 600ms 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);} .hover-mask h3{color:#ddd;font-size:20px;position:relative;text-transform:uppercase;top:110px;} .hover-mask span{border:2px solid #ddd;border-radius:50px;color:#ddd;display:inline-block;height:50px;left:42%;padding:11px 0;position:absolute;text-align:center;top:22%;width:50px;} .og-grid .mix a:hover .hover-mask{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);} #team-skills{padding:130px 0;} .skill-chart > h3{border-bottom:1px solid;margin:25px 0 15px;padding-bottom:10px;} .chart{display:block;position:relative;} .percent{display:inline-block;font-size:1.6em;height:150px;line-height:150px;text-align:center;width:150px;z-index:2;} .chart canvas{left:50%;margin-left:-75px;position:absolute;top:0;} .percent:after{content:'%';margin-left:.1em;font-size:.8em;} #our-team{padding:130px 0;} .about-team{color:#fff;padding-bottom:40px;} .about-team .title h1{color:#fff;} .team-mate{background-color:#FC453D;border:1px solid #4e595f;} .member-photo{overflow:hidden;position:relative;} .member-photo img{-webkit-transition:all 0.6s ease 0s;-moz-transition:all 0.6s ease 0s;-o-transition:all 0.6s ease 0s;transition:all 0.6s ease 0s;} .member-photo:hover img{-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2);} .member-title{border-bottom:1px solid #4e595f;padding:10px 15px;} .member-photo .mask{background-color:rgba(43, 44, 48, 0.8);position:absolute;text-align:center;height:100%;width:100%;left:0;top:0;opacity:0;filter:alpha(opacity=0);-webkit-transition:all 600ms ease-out 0s;-moz-transition:all 600ms ease-out 0s;-o-transition:all 600ms ease-out 0s;transition:all 600ms 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);} .member-photo:hover .mask{cursor:pointer;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);} .team-mate h3{font-family:Ubuntu,sans-serif;font-size:20px;margin:0 0 5px;} .member-info{padding:15px;} .mask ul{text-align:center;position:relative;top:125px;} .mask ul li{display:inline-block;margin-right:15px;} .mask ul li a{border:1px solid #ddd;border-radius:4px;color:#fff;display:block;font-size:20px;height:35px;line-height:35px;text-align:center;width:35px;} .mask ul li a:hover{background-color:#fc453d;border:1px solid transparent;} #twitter-feed{background-image:url("../img/parallax/twitter.jpg");padding-bottom:100px;padding-top:80px;} .twitter-bird span{border:2px solid #fc453d;border-radius:50px;color:#fc453d;display:inline-block;margin-bottom:50px;height:90px;width:90px;} .twitter-bird span i{line-height:90px;} .tweet{margin-bottom:10px;} .tweet a{color:#fc453d;} #career{background-image:url(../img/1.jpg);padding:130px 0;} .pricing{background-color:#2b2c30;} .price-title{background-color:#2b2c30;padding:30px 0 20px;} .price-title > h3{color:#fc453d;font-family:Oswald;font-weight:700;margin:0 0 10px;text-transform:uppercase;} .price-title > p{font-size:18px;font-weight:400;} .price-title .value{color:#fc453d;font-size:30px;} .pricing li{border-top:0px solid #3F4045;font-weight:400;padding:10px 0;} .pricing li:last-child{border-bottom:0px solid #3F4045;} .pricing li:nth-child(2n){background-color:#2F3035;} .pricing a.btn{text-transform:uppercase;margin:20px 0;} #testimonial{background-image:url(../img/parallax/bicycle.jpg);padding:70px 0;} #testimonials .owl-wrapper-outer{top:-25px;} .client-info{margin:0 auto;width:80%;} .client-thumb img{border-radius:50%;margin:0 auto;max-width:115px;width:100%;} .client-meta{margin:0 0 10px;} .client-meta h3{font-family:Ubuntu,sans-serif;font-size:20px;margin:15px 0 5px .0;} .client-meta span{font-size:12px;} .client-comment .social-profile{text-align:center;} .client-comment .social-profile li{display:inline-block;margin:0 6px 0 0;} .social-profile ul li{float:left;margin:0 6px 0 0;} .social-profile a{color:#4e595f;display:block;} .social-profile li a i{line-height:33px;} .social-profile li a:hover{color:#fc453d;} .owl-pagination, .owl-buttons{text-align:center;} .owl-controls .owl-page{display:inline-block;} .owl-controls .owl-page span{background-color:transparent;border:2px solid #fff;border-radius:50px;display:block;height:13px;margin:0 4px;width:13px;opacity:1;filter:alpha(opacity=100);} .owl-controls .owl-page.active span, .owl-controls .owl-page:hover span{background-color:#fc453d;border:2px solid transparent;} .our-clients{margin:30px 0 0;} #our-clietns .item img{max-width:150px;width:100%;} #our-clietns .owl-next, #our-clietns .owl-prev{border:1px solid #ddd;border-radius:50px;display:inline-block;margin:45px 0 0;padding:3px 15px;position:relative;text-align:center;} #our-clietns .owl-next i, #our-clietns .owl-prev i{line-height:34px;} #our-clietns .owl-prev{margin-right:15px;} #our-clients .item{margin:10px;} #blog{padding-bottom:110px;padding-top:130px;} .note{background-color:#323338;border:1px solid #4e595f;border-radius:8px;} .note .media-wrapper{border-bottom:1px solid #4e595f;} .note .excerpt{padding:0 10px 20px;} .note .excerpt h3{font-size:20px;line-height:1.5;text-transform:capitalize;} .all-post{margin-top:50px;} #contact-us{padding:150px 0 0; -webkit-font-smoothing: antialiased; } .contact-form{margin-bottom:40px;-webkit-font-smoothing: antialiased;} .contact-form .form-control{background-color:transparent;border:1px solid #4e595f;height:38px;-webkit-font-smoothing: antialiased;} .contact-form input:hover, .contact-form textarea:hover, #contact-submit:hover{border-color:#fc453d;-webkit-font-smoothing: antialiased;} #contact-submit{border:1px solid #4e595f;padding:12px 0;width:100%;margin:0;} .contact-form textarea.form-control{padding:10px;height:120px;} .contact-info p{margin-bottom:25px;} .con-info{margin-bottom:20px;} .con-info i, .con-info span{float:left;} .con-info span{margin:-5px 0 0 15px;} .error{display:none;padding:10px;color:#D8000C;border-radius:4px;font-size:13px;background-color:#FFBABA;} .success{background-color:#fc453d;border-radius:4px;color:#fff;display:none;font-size:13px;padding:10px;} #map-canvas{height:370px;width:100%;} .social-icon{padding:60px 0 35px;} .social-icon > ul{text-align:center;} .social-icon > ul > li{display:inline-block;margin-right:20px;} .social-icon > ul > li > a{background-color:#FC453D;display:block;height:70px;width:70px; border-radius:5px; -webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-ms-transform:rotateY(180deg);-o-transform:rotateY(180deg);transform:rotateY(180deg);-webkit-transition:all 400ms ease-out 0s;-moz-transition:all 400ms ease-out 0s;-o-transition:all 400ms ease-out 0s;transition:all 400ms ease-out 0s;} .social-icon > ul > li > a > i{color:#fff;display:inline-block;font-size:32px;line-height:70px;margin:0;filter:alpha(opacity=0);-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-ms-transform:rotateY(180deg);-o-transform:rotateY(180deg);transform:rotateY(180deg);-webkit-transition:all 400ms ease-out 0s;-moz-transition:all 400ms ease-out 0s;-o-transition:all 400ms ease-out 0s;transition:all 400ms ease-out 0s;} .social-icon > ul > li:hover a{background-color:#fc453d;-webkit-transform:rotateY(0deg);-moz-transform:rotateY(0deg);-ms-transform:rotateY(0deg);-o-transform:rotateY(0deg);transform:rotateY(0deg);} .social-icon > ul > li:hover a i{color:#fff;opacity:1;filter:alpha(opacity=100);-webkit-transform:rotateY(0deg);-moz-transform:rotateY(0deg);-ms-transform:rotateY(0deg);-o-transform:rotateY(0deg);transform:rotateY(0deg);} .copyright{padding:20px 0;color:#fff;} .copyright > img{margin-bottom:15px;} #scrollUp{border:1px solid #4e595f;bottom:60px;border-radius:5px;color:#fff;display:none;padding:10px 15px;position:fixed;right:20px;z-index:600;-webkit-box-shadow:0 8px 6px -6px #999;-moz-box-shadow:0 8px 6px -6px #999;box-shadow:0 8px 6px -6px #999;} #scroll{border:1px solid #4e595f;bottom:15px;border-radius:5px;color:#fff;display:none;padding:10px 15px;position:fixed;right:60px;z-index:600;-webkit-box-shadow:0 8px 6px -6px #999;-moz-box-shadow:0 8px 6px -6px #999;box-shadow:0 8px 6px -6px #999;} #scrollUp:hover{background-color:#fc453d;border:1px solid #fc453d;} #blog-banner{padding-bottom:100px;padding-top:50px;} .blog-icon{border:1px solid #fc453d;border-radius:50%;color:#fc453d;display:inline-block;padding:16px 20px;} .blog-title h1{text-transform:uppercase;} #blog-page{margin:0 0 40px;} .post-item .entry{border:1px solid #4e595f;margin-bottom:30px;} .entry .post-excerpt{padding:0 20px;} #gallery-post .owl-prev, #post-thumb .owl-prev, #gallery-post .owl-next, #post-thumb .owl-next{padding:5px 17px;position:absolute;top:45%;-webkit-transition:all .5s ease-in 0s;-moz-transition:all .5s ease-in 0s;-o-transition:all .5s ease-in 0s;transition:all .5s ease-in 0s;} #gallery-post .owl-prev, #post-thumb .owl-prev{left:-45px;} #gallery-post .owl-next, #post-thumb .owl-next{right:-45px;} #gallery-post:hover .owl-prev, #post-thumb:hover .owl-prev{left:0;} #gallery-post:hover .owl-next, #post-thumb:hover .owl-next{right:0;} #gallery-post, #post-thumb{overflow-x:hidden;} #post-thumb .owl-buttons{color:#fff;} .post-meta{background-color:#3d444a;border-top:1px solid #4e595f;font-size:13px;margin:20px 0 0;padding:0 20px 10px;border-radius:8px;} .post-meta > span{border-right:1px solid #4e595f;display:inline-block;font-size:12px;margin:10px 10px 0 0;padding-right:10px;} .post-meta > span:last-child{border-right:0;} .post-meta > span > i{margin-right:5px;} .post-meta a:hover{color:#fc453d;} .post-excerpt .more{margin-top:20px;} .post-excerpt .more a{display:inline-block;font-size:13px;padding:10px 25px;} .post-excerpt .more a:hover{background-color:#fc453d;color:#fff;} aside.widget{margin-bottom:25px;} .widget-title > h3{color:#fff;margin-bottom:15px;margin-top:0;position:relative;} @media only screen and (min-width: 1025px){#search-bar{position:relative; width:800px;}} #search-form{position:relative;} #search-submit{background:none;border:0;color:#C8C8CA;display:block;font-size:16px;height:32px;outline:0;position:absolute;right:0;text-align:center;top:0;width:32px;} #search-submit-nav{background:none;border:0;color:#C8C8CA;display:block;font-size:16px;height:32px;outline:0;position:absolute;left:0;text-align:center;top:0;width:32px;} #close-submit-nav{background:none;border:0;color:#C8C8CA;display:block;font-size:16px;height:32px;outline:0;position:absolute;right:0;text-align:center;top:0;width:32px;} .widget-content .tab-content{background-color:#2f383d;padding:20px;} .tab-post-nav{background-color:#4A535A;} .tab-post-nav li{float:left;} .tab-post-nav li.active a{border-top:3px solid #fc453d;background-color:#2F383D;color:#fc453d;} .tab-pane.active .clearfix:first-child{margin-bottom:25px;} .tab-excerpt > span{display:block;font-size:12px;margin-bottom:10px;} .tab-excerpt h4 a{color:#fff;} .tab-excerpt h4 a:hover{color:#fc453d;} .tab-post-nav li a{border-top:3px solid transparent;color:#fff;display:block;padding:13px 18px;text-align:center;} .categories li{margin-bottom:10px;-webkit-transition:all .5s ease-in 0s;-moz-transition:all .5s ease-in 0s;-o-transition:all .5s ease-in 0s;transition:all .5s ease-in 0s;} .categories > li:hover a{padding-left:10px;color:#fc453d;} .categories > li:last-child{border-bottom:0;} .categories li a{padding-left:5px;} .widget-content .tag{background-color:#2F383D;color:#fff;display:inline-block;margin-bottom:10px;margin-right:5px;padding:5px 13px;border-radius:3px;} .widget-content .tag:hover{background-color:#fc453d;color:#fff;} .post-pagination{display:inline-block;margin-bottom:20px;} .post-pagination ul li{margin-right:5px;float:left;} .post-pagination ul li:last-child{margin-right:0;} .post-pagination ul li.disabled a{cursor:not-allowed;} .post-pagination ul li.disabled a:hover{background-color:#2E373C;color:#9aa8b3;} .post-pagination ul li a{background-color:#30393e;color:#9aa8b3;display:block;padding:8px 18px;} .post-pagination ul li a:hover, .post-pagination ul li.active a{background-color:#fc453d;color:#fff;} .single-blog{background-color:#fff;margin-bottom:50px;padding:20px;} blockquote{border-left:5px solid #fc453d;font-style:italic;line-height:22px;margin:20px 0;} .next-prev{border-bottom:1px solid #4e595f;border-top:1px solid #4e595f;margin:20px 0;padding:15px 0 10px;} .next-prev a:hover{color:#fc453d;} .prev-post i{float:left;margin-right:10px;margin-top:-4px;} .next-post i{float:right;margin-left:10px;margin-top:-3px;} .post-author{margin-right:20px;} .post-author > img{border:1px solid #4e595f;max-width:120px;padding:5px;width:100%;} .comment-reply-form > h3, .author-about > h4, .comments > h4{border-bottom:1px solid #4e595f;margin-bottom:15px;margin-top:0;padding-bottom:10px;position:relative;} .author-bio h5{display:inline-block;} .post-item .comments-section{margin-top:35px;} .comment-list ul{margin-top:20px;} .comment-list li{margin-bottom:20px;} .comment-wrap{border:1px solid #4e595f;border-radius:1px;margin-left:20px;padding:10px;position:relative;} .comment-wrap .author-avatar{margin-left:-25px;margin-right:20px;} .author-comment{margin-bottom:15px;overflow:hidden;} .author-comment cite a:hover, .replay:hover{color:#fc453d;text-decoration:underline;} .author-comment cite{margin-bottom:2px;padding-top:4px;} .comment-content{margin-left:45px;} .comment-list ul li{padding-left:25px;} .comment-reply-form{margin-top:80px;} #comment-form{margin-top:35px;} #comment-form .form-control:hover{border-color:#fc453d;} .form-group:last-child, .form-group:last-child input{margin:0; -webkit-font-smoothing: antialiased;} #signup-form{margin-top:15px;} #signup-form .form-control:hover{border-color:#fc453d;} .form-group:last-child, .form-group:last-child input{margin:0;} .form-group:last-child select{margin:0;} #login-form{margin-top:25px;} #login-form .form-control:hover{border-color:#fc453d;} .form-group:last-child, .form-group:last-child input{margin:0;} .pesan{display:none;position:fixed;border:1px solid blue;width:200px;top:10px;left:200px;padding:5px 10px;background-color:lightskyblue;text-align:center;} @media (max-width:1000px){#header .imgoffice{display: none;}} @media (min-width:1920px){#header{background-image:url('../img/slides/9.jpg');padding-top:400px;background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;text-align:center;color:white;} #header .intro-text{padding-top:100px;padding-bottom:50px;} #header .intro-text .intro-lead-in{font-family:"Droid Serif", "Helvetica Neue", Helvetica, Arial, sans-serif;font-style:italic;font-size:10px;line-height:10px;margin-bottom:25px;} #header .intro-text .intro-heading{font-family:"Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;text-transform:uppercase;font-weight:700;font-size:20px;line-height:20px;margin-bottom:25px;}} @media (max-width:1900px){#header{background-image:url('../img/slides/9.jpg');padding-top:10%;background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;text-align:center;color:white;} #header .intro-text{padding-top:100px;padding-bottom:50px;} #header .intro-text .intro-lead-in{font-family:"Droid Serif", "Helvetica Neue", Helvetica, Arial, sans-serif;font-style:italic;font-size:10px;line-height:10px;margin-bottom:25px;} #header .intro-text .intro-heading{font-family:"Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;text-transform:uppercase;font-weight:700;font-size:20px;line-height:20px;margin-bottom:25px;}} @media (min-width:768px){#header .imgoffice{float: left; margin-left:15px;cursor: pointer; cursor: -moz-zoom-in;}#header .intro-text{padding-top:300px;padding-bottom:200px;} #header .intro-text .intro-lead-in{font-family:"Droid Serif", "Helvetica Neue", Helvetica, Arial, sans-serif;font-style:italic;font-size:40px;line-height:40px;margin-bottom:25px;} #header .intro-text .intro-heading{font-family:"Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;text-transform:uppercase;font-weight:700;font-size:75px;line-height:75px;margin-bottom:50px;} } .row > .column{padding:0 8px;} .row:after{content:"";display:table;clear:both;} .column{float:left;width:25%;} .modal1{display:none;position:fixed;z-index:1;padding-top:100px;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#121212;} .modal-content1{position:relative;background-color:#fefefe;margin:auto;padding:0;width:90%;max-width:800px;} .close1{color:black;position:absolute;top:10px;right:25px;font-size:35px;font-weight:bold;} .close1:hover, .close1:focus{color:#999;text-decoration:none;cursor:pointer;} .mySlides{display:none;} .prev1, .next1{cursor:pointer;position:absolute;top:50%;width:auto;padding:16px;margin-top:-50px;color:white;font-weight:bold;font-size:20px;transition:0.6s ease;border-radius:0 3px 3px 0;user-select:none;-webkit-user-select:none;} .next1{right:0;border-radius:3px 0 0 3px;} .prev1:hover, .next1:hover{background-color:rgba(0, 0, 0, 0.8);} .numbertext{color:#f2f2f2;font-size:12px;padding:8px 12px;position:absolute;top:0;} .caption-container{text-align:center;background-color:black;padding:2px 16px;color:white;} img.demo{opacity:0.6;} .active, .demo:hover{opacity:1;} img.hover-shadow{transition:0.3s} .hover-shadow:hover{box-shadow:0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19)} .btn-circle-danger{text-align:center;height:30px;width:30px;background-color:red;border-radius:50%;} .btn-circle-success{margin-left:0px;text-align:center;height:30px;width:30px;background-color:#009933;border-radius:50%;} img.tengah { display: block; margin-left: auto; margin-right: auto; } #owl-demo .item img{ display: block; width: 100%; height: auto; border-radius: 5px; } .modal2 { display: none; position: fixed; z-index: 1; padding-top: 100px; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: black; } /* Modal Content */ .modal-content2 { position: relative; background-color: #fefefe; margin: auto; padding: 0; width: 90%; max-width: 1024px; } @media only screen and (min-width:1280px){ .lang{ z-index:100; background: none repeat scroll 0 0; border: medium none; color: #FFFFFF; height: 50px; right: 3%; position: fixed; top: 29px; width: 70px; } } @media only screen and (max-width:1200px){ .lang{ z-index:100; background: none repeat scroll 0 0; border: medium none; color: #FFFFFF; height: 50px; right: 3%; position: fixed; top: 80px; width: 70px; } } #blink_me { animation: blinker 1s linear infinite; color: #FC453D; } @keyframes blinker { 50% { opacity: 0; } } .dropdown-submenu { position: relative; } .dropdown-submenu>a:after { display: block; content: " "; float: right; width: 0; height: 0; border-color: transparent; border-style: solid; border-width: 5px 0 5px 5px; border-left-color: #ccc; margin-top: 5px; margin-right: -10px; } .dropdown-submenu:hover>.dropdown-menu { display: block; } .dropdown-submenu .dropdown-menu { left: 100%; top: 0; } .dropdown-submenu .pull-left { float: none; } .cust-thumb img{border-radius:50%;margin:0 auto;max-width:115px;width:100%;} .ch-item { width: 100%; height: 100%; border-radius: 50%; position: relative; box-shadow: 0 1px 2px rgba(0,0,0,0.1); cursor: default; } .ch-info-wrap, .ch-info{ position: absolute; width: 180px; height: 180px; border-radius: 50%; } .ch-info-wrap { top: 20px; left: 20px; background: #f9f9f9 url(../images/bg.jpg); box-shadow: 0 0 0 20px rgba(255,255,255,0.2), inset 0 0 3px rgba(115,114, 23, 0.8); } .ch-info > div { display: block; position: absolute; width: 100%; height: 100%; border-radius: 50%; background-position: center center; -webkit-backface-visibility: hidden; /*Just for webkit to have a smooth font*/ } .ch-info .ch-info-front { -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; } .ch-info .ch-info-back { opacity: 0; background: #FC453D; pointer-events: none; -webkit-transform: scale(1.5); -moz-transform: scale(1.5); -o-transform: scale(1.5); -ms-transform: scale(1.5); transform: scale(1.5); -webkit-transition: all 0.4s ease-in-out 0.2s; -moz-transition: all 0.4s ease-in-out 0.2s; -o-transition: all 0.4s ease-in-out 0.2s; -ms-transition: all 0.4s ease-in-out 0.2s; transition: all 0.4s ease-in-out 0.2s; } .ch-info h4 { color: #fff; text-transform: uppercase; letter-spacing: 2px; font-size: 18px; margin: 0 15px; padding: 60px 0 0 0; height: 80px; font-family: 'Open Sans', Arial, sans-serif; text-shadow: 0 0 1px #fff, 0 1px 2px rgba(0,0,0,0.3); } .ch-info p { color: #fff; padding: 10px 5px 0; font-style: italic; margin: 0 30px; font-size: 12px; border-top: 1px solid rgba(255,255,255,0.5); } .ch-info p a { display: block; color: #ffffff; font-style: normal; font-weight: 700; text-transform: uppercase; font-size: 9px; letter-spacing: 1px; padding-top: 4px; font-family: 'Open Sans', Arial, sans-serif; } .ch-info p a:hover { color: #fff; } .ch-item:hover .ch-info-front { -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0); transform: scale(0); opacity: 0; } .ch-item:hover .ch-info-back { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; pointer-events: auto; } .ch-grid { margin: 0px 0 0 0; padding: 0; list-style: none; display: block; text-align: center; width: 100%; } .ch-grid:after, .ch-item:before { content: ''; display: table; } .ch-grid:after { clear: both; } .ch-grid li { width: 220px; height: 220px; display: inline-block; margin: 20px; } .blink{ color:#fff; -webkit-animation:colorchange 5s infinite alternate; } @-webkit-keyframes colorchange { 0% {color: #ffffff;} 10% {color: #8e44ad;} 20% {color: #1abc9c;} 30% {color: #d35400;} 40% {color: #fa050c;} 50% {color: #ffffff;} 60% {color: #ed6912;} 70% {color: #d60c11;} 80% {color: #f1c40f;} 90% {color: #2980b9;} 100%{color: #20dbdf;} } #btn-wa{ z-index:99999; border: none; color: #FFFFFF; height: 40px; right: 15px; position: fixed; bottom: 10px; width: 160px; background-color: #25d366; border-radius: 30px; font-weight: bold; line-height: -10px; font-family: arial; }