whoami7 - Manager
:
/
home
/
analuakl
/
www
/
assets
/
css
/
Upload File:
files >> /home/analuakl/www/assets/css/theme.css
.bl1px{ border-left:1px #ccc dashed} #pricevalueslide{ min-height:200px; padding:25px 0; overflow:hidden; background: #ddd;} .priceinner{ text-align:center} .priceinner b{font-family: 'Roboto Condensed'; font-style: normal; font-size:30px; text-transform:uppercase; font-weight:600; display:block;} .priceinner .price{ text-align:center; display:inline-block;font-size:29px; width:209px; height:209px; font-family: 'Roboto Condensed'; margin:40px 0 20px 0; position:relative; z-index:9999 !important; ; padding:3px;border-radius:50%; -o-border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%;} .priceinner .price div{ width:200px; height:200px; border-radius:50%; -o-border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; overflow:hidden; padding: 8px;} /*.priceinner .price div:after{ position:absolute; content:""; background-color:rgba(255, 255, 255, .2); left:0; right:0; margin:0 auto; bottom:-100%; height:100%; width:100%;}*/ .priceinner .price:hover div:after{ bottom:0;} .priceinner .price div p{ top:50%;transform:translateY(-50%); position:relative; color:#fff} .priceinner .price div strong{ display:block; } .priceinner .price span{ display:block; font-size:15px;} .bgexta3{ background-color:#8abc1d} .bd1{border:2px #8abc1d solid;} .bd2{border:2px #de393b solid;} .bgextain{ background-color:#de393b} .expert ul li div, .sev_circle .image_cirdle img, .priceinner .price div:after{-webkit-transition:all .5s ease-out;-moz-transition:all .5s ease-out;-o-transition:all .5s ease-out;transition:all .5s ease-out; -ms-transition:all .5s ease-out; } #brandsection{ padding:50px 0 30px 0;} .bortop{ border-top:10px #243f6c solid;} .brandscopntent{font-family: 'Roboto Condensed'; font-style: normal; font-size:18px; font-weight:400; line-height:27px; text-align:center ; } .brandscopntent b{ font-size:35px; display:block; line-height:35px; margin-bottom:17px; text-transform:uppercase; position:relative; padding:0 0 17px 0} .brandscopntent b:after{ position:absolute; content:""; left:0; right:0; margin: 0 auto; bottom:0; width:100px; height:3px; background-color:#03A9F4;} .sectiob{font-family: 'Roboto Condensed'; font-style: normal; color:#fff; font-weight:400; } .sectiob b{ font-size:24px; display:block; text-align:center; margin-bottom:17px; text-transform:uppercase; position:relative; padding:0 0 17px 0;line-height:28px;} .sectiob b:after{ position:absolute; content:""; left:0; bottom:0; right:0; margin:0 auto; width:100px; height:3px; background-color:#fff;} .sectiob span{ font-weight:700 !important; display:block; margin:10px 0; font-style:italic} .sectiob p{ line-height:22px;font-size:17px;} #allservicessectyion{ overflow:hidden; background-color:#f9f5f6;} #ourexpertiseedsection{ background-color:#ffece8; padding:40px 0; background:url(../images/help-bg.jpg);} .expert ul{} .expert ul li{ float:left; width:20%; list-style:none; text-align:center; color:#000;font-family: 'Roboto Condensed'; font-size:18px; font-weight:300; text-transform:uppercase; margin-bottom:15px;} .expert ul li div{ background-color:#03a9f4; padding:10px; width:60px; height:60px; border-radius:50%; margin:0 auto 25px auto ; overflow:hidden; border:2px #fff solid; transform:translateY(0); -moz-transform:translateY(0); -webkit-transform:translateY(0);} .expert ul li div img{ width:100%; height:100%} .expert ul li:hover div{transform:translateY(-10px); -moz-transform:translateY(-10px); -webkit-transform:translateY(-10px);} .orangebg{ background-color:#fe2b00 !important ;} #mapscontactdetails{ position:relative;} #mapscontactdetails iframe{ position:absolute; left:0; top:0; bottom:; width:100%; height:100%;} .mapsdetailsinner{ position:relative; width:40%; padding:30px; margin:20px auto; background-color:rgba(255, 255, 255, .9); position:relative; z-index:999 ;font-family: 'Roboto Condensed'; font-style: normal;} .cdhead{ display:block; margin-bottom:17px; font-size:18px; margin-left:10px;} .mapsdetailsinner ul li{ list-style:none; position:relative; padding:0 0 20px 0; border-bottom:1px #ccc dashed; margin-bottom:10px; font-size:15px; line-height:24px;} .mapsdetailsinner ul { padding: 0;} .mapsdetailsinner .icon { margin-right: 5px;} .greybgg{ background-color:#f8f5f5 !important} #sectionpart-1{ background:#3769dc url(../images/bg-our-services.jpg); margin:15px 0} #sectionpart-2{ background:#f48a00 url(../images/img-our-packages-1.jpg);margin:15px 0} #sectionpart-3{ background:#83b844 url(../images/img-our-packages.jpg);margin:15px 0} .sectionpartinner{ padding:30px;min-height:200px;} .commanhead{font-size:29px; display:block; margin-bottom:20px; text-transform:uppercase; position:relative; padding:0 0 14px 0; text-align:center;font-family: 'Roboto Condensed'; line-height:30px;} .commanhead:after{ position:absolute; content:""; left:0; bottom:0; right:0; margin:0 auto; width:100px; height:3px; background-color:#f00;} .commantext{font-size:18px; display:block; line-height:28px; margin-bottom:20px; font-family: 'Roboto Condensed'; text-align:center} .pagescontent{ border:1px #ccc dashed ; border-radius:4px; padding:15px; margin:15px 0; } .pagescontent b{ display:block; font-family: 'Roboto Condensed'; font-size:21px; text-transform:uppercase; margin:5px 0 10px 0; } .pagescontent p{ font-family:Lato; font-size:15px; line-height:24px; text-align:justify;} #first-wraper {border-color: #000000; position:relative; background: #222438 url("../images/building01.png") no-repeat center center fixed; } #first-wraper .firstinner{ position:relative; z-index:9999} .number{font-family: 'Oswald', sans-serif; font-size:15px; font-weight:400; margin-top: 3px;} .number span{ margin-left:20px;} .number span i{ color:#f00} .first-left{ margin-top:20px;} .first-left h2 { font-family: 'Oswald', sans-serif; font-weight: 700; color:#fff; line-height:37px; font-size:30px; margin-bottom:20px; display:block} .first-left .wording{color: #FFFFFF;line-height: 28px;text-align: left;font-family: 'Open Sans'; font-style: normal; font-weight: 400; padding:0 5% 0 0} .first-left .wording ul{ margin:25px 0; padding:0} .first-left .wording ul li{ list-style:none; background:url(../images/check-square-o_4eb625_20.png) no-repeat 0 5px; line-height:30px; padding:0 0 15px 30px; font-size:17px;} .buttons a{ color:#fff; border-radius:28px; font-size:21px;font-family: 'Oswald', sans-serif; font-weight:400; display:inline-block; padding:6px 35px 8px 35px;; margin-right:10px; } .buttons a.orange{ background-color:#f33434} .buttons a.green{background-color:#4eb625} #formsection{position:absolute; bottom:0px; right:200px; top:185px; z-index:1; } .first-right{ background-color:rgba(38, 71, 108, 0.7); padding: 5px 15px 15px 15px; color:#fff; border-radius:15px ; float:right; width:386px;} .first-right .rightmainhead h2{ font-size:27px;font-family: 'Oswald', sans-serif; font-weight:400; text-align:center} .first-right .rightmainhead h2 b{ color:#F9BA48} .first-right .rightmainhead span{ display: block; text-align:center; font-size:14px;font-family: 'Oswald', sans-serif; font-weight:300;} .first-right .rightmainhead span b { display: block; text-align:center; font-size:13px; font-weight:normal; font-family: 'lato', sans-serif; line-height:20px;} .formsection { margin-top:10px;} .formsection .inputfield { position:relative} .formsection .inputfield label.error{ position:absolute; right:10px; top:10px; z-index:999; color:#f00} .formsection .inputfield input[type="text"], .formsection .inputfield select, .formsection .inputfield textarea{ width:100%; padding:7px 10px ; border-radius:4px; border:1px #acacac solid; margin-bottom:5px; color:#000} .formsection .inputfield select{ color:#666} .texts{font-family: 'Open Sans'; font-style: normal; font-weight: 400; font-size:16px; line-height:24px;} @media screen and (max-width: 767px) { .mobilehide{ display:none !important} .top_right{width:100%; padding:0px;} .ads_box{width:33.33%; text-align:center; padding:0px;} .ads_box img{max-width:90%;} .ads_box_text{display:table; margin:0 auto; padding:10px 0px; float:none; width:192px; clear:both;} .phone{text-align:left;} .first_heading{font-size:22px;} .banner{padding-top:30px;} .form_bottom{margin-bottom:30px;} .tag{padding:0px 10px;} .client_heading{margin-top:30px;} .display_noe{display:none;} .display_noe1{display:block;} .mapsdetailsinner{ width:90%; padding:20px; margin:0px auto; } #mapscontactdetails iframe{ position: relative; left:0; top:0; bottom:; width:100%; height:100%;} .expert ul li{ width:50%; } .buttons a{ margin-bottom:10px;} .number { text-align: center !important; margin-top:10px !important;} .number img{ display:block} .pricetipspace{ margin-top:90px !important;} } @media only all and (max-width: 450px){ .number span{ margin-left:5px; font-size:14px; display: block;} .expert ul li { width:100% ; display:block;} #ourexpertiseedsection{ background-color:#ffece8; padding:110px 0; background:url(../../images/newimg/help-bg.jpg) no-repeat; width:100%; height:100%;} } @media (min-width: 320px) and (max-width: 768px) { #formsection{position:absolute; bottom:0px; left:0px; top:200px; z-index:1; } } @media (min-width: 768px) and (max-width: 1024px) { #formsection{position:absolute; bottom:0px; left:0px; top:200px; z-index:1; } } @media (min-width: 320px) and (max-width: 480px) { .contact_us{width:270px; background-size:100%; height:46px;} .botom_strip{min-height:44px;} .plus{margin-top:5px;} #formsection{position:absolute; bottom:0px; left:0px; top:200px; z-index:1; } } @media (min-width: 481px) and (max-width: 767px) { } @media (min-width: 768px) and (max-width: 991px) { .top_right{width:80%;} .ads_box{width:25%; padding-left:5px; padding-right:5px;} .ads_box img{max-width:100%;} .ads_box_text{width:25%; padding-left:5px; text-align:center;} .phone{background:none; padding-left:0px; font-size:18px;} .tag{padding:0px 10px;} .form_bottom{margin-bottom:20px;} .box_after::after{width:70px; right:-70px;} .box_before::before{width:70px; left:-70px;} .circle_after::after{right:-65px;} .cirlce_desc{padding:0px;} } @media (min-width: 992px) and (max-width: 1024px) { .circle_after::after{right:-85px;} .cirlce_desc{padding:0px 20px;} } @media (min-width: 1200px) { .formsection { margin-top:8px;} .formsection .inputfield input[type="text"], .formsection .inputfield select, .formsection .inputfield textarea{padding:10px ; margin-bottom:5px;} } @media (max-width: 1199px) and (min-width: 980px) { #formsection{ top:195px} } @media (min-width: 768px) and (max-width: 991px) {#formsection{position: relative;top:0px} .first-right{ margin:10px 0; float: none; width:100%;} .colom-6{ width:33.33%; } } /*smart Less than 4+ */ @media (max-width: 767px) { .colom-1{ width:33.33%; } .colom-2, .colom-3{ width:100%; display:block } #formsection{position: relative;top:0px} .first-right{ margin:10px 0; float: none; width:100%;} .listyer li{ display:block; width:100% !important; border:0 !important} .colom-6{ width:50%; } } @media only all and (max-width: 481px){ .colom-1{ width:50%; } .colom-6{ width:100%; } } .listyer{ margin:20px 0 30px 0;;} .listyer li{ display:inline-block; width:24.7%; list-style:none; padding:14px 18px;} .listyer li+li{ border-left:1px #dbdbdb solid} /*----- bounce-3 btn -----*/ .bounce-3:after { content:''; width: 100%; height: 450%; background: #FCFCFC; top: 50%; left:50%; position:absolute; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; transform: translateX(-50%) translateY(-50%) rotate(-132deg); opacity:1; z-index:-1; font-weight: bold; } .bounce-3 { background:#f9ba48; border:none; padding:10px 116px; position:relative; cursor:pointer; color:#000; overflow:hidden; z-index:9; } .bounce-3:hover:after{ height: 0; } .bounce-3:hover{ color: #fff; } .bounce-4 { padding:10px 71px !important; } /*----- bounce-3 btn end -----*/ .subfooter { color: #fff; background: #333; padding: 20px 10px; text-align: center; } .subfooter a { color: #FFC107; } .subfooter a:hover { color: #fff; } .text-red { color: #f44336; } .header .social li a { display: block; padding: 10px 2px; color: #fff; } .header .social { margin: 10px 0 0 0; } .header .social li { padding: 0; } .header .social li:nth-child(1) { margin-right: 5px; } /* .fb { background: #3B5998;} .twt { background: #00B6F1;} .g-pls { background: #C20806;} .lnkd { background: #04669A;} */ .thanks-box h2 { font-size: 30px; } .thanks-box { padding: 30px 0; width: 50%; margin: 0 auto; border: 2px dashed #FF5722; margin-top: 30px; } .error { color: red; font-size: 12px; display: none; } #mapscontactdetails iframe { position: absolute; left: 0; top: 0; bottom: ; width: 100%; height: 100%; pointer-events: visible!important; } .button3 { width: 110px; background-color: #26476c; border-radius: 1px; padding: 10px 20px; color: #fff; font-size: 19px; } .formsection p { font-size: 10px; text-align: center; } .sev_circle .btn { background: #f44336; color: #fff; transition: all 0.4s ease; } .sev_circle .btn:hover { background: #4c4443; color: #fff; } .mymodal .modal-header .close { color: #ff4b23; opacity: 4; text-shadow: none; } .mymodal .modal-header .close:hover { color: #1f1f1f; } .mymodal .modal-header { color: #000; background: #fff; border-bottom: 0; } .mymodal .modal-body { background: #5c9abb; color: #fff; } .why-choose-sec .box { border: 1px solid #ff928a; padding: 24px; margin-bottom: 20px; font-size: 17px; } .cont { display: none; } .nclick .cont { display: none; } .formsection [class="form-group"]{padding-top:0px !important;} .rightmainhead h2{color: #fff;} #feedback{ position: fixed; top:195px; left:-296px; z-index:9999999999; } #feedback a{ background:url("../images/feedback-buttons.png") no-repeat center left transparent; display: block; width:35px; height:245px; float: left; text-indent:-9999em; position: absolute; top:0px; right:-35px; } #feedback a:hover{ background-position: center right; } #feedback form .btn{ float: right; background:url("send.png") no-repeat 0px 0px transparent; text-indent:-9999em; width:80px; height:28px; border:none; } .first-right1{ background-color: #26476C; padding: 5px 15px 15px 15px; color: #fff; width: 296px; } .first-right1 .rightmainhead h2{ font-size: 23px; } .first-right1 .rightmainhead h2 b { color: #DA4B54; } .first-right1 .rightmainhead span b { display: block; text-align: center; font-size: 13px; font-weight: normal; font-family: 'lato', sans-serif; line-height: 20px; } #feedback a { background: url(../images/feedback-buttons.png) no-repeat center left transparent; display: block; width: 35px; height: 245px; float: left; text-indent: -9999em; position: absolute; top: 0px; right: -35px; }
Copyright ©2021 || Defacer Indonesia