Linux dpw.dpwebtech.com 3.10.0-1160.88.1.el7.x86_64 #1 SMP Tue Mar 7 15:41:52 UTC 2023 x86_64
Apache
: 192.232.243.69 | : 18.188.188.152
54 Domain
7.3.33
dpclient
www.github.com/MadExploits
Terminal
AUTO ROOT
Adminer
Backdoor Destroyer
Linux Exploit
Lock Shell
Lock File
Create User
CREATE RDP
PHP Mailer
BACKCONNECT
UNLOCK SHELL
HASH IDENTIFIER
CPANEL RESET
CREATE WP USER
README
+ Create Folder
+ Create File
/
home /
dpclient /
public_html /
victoria roses /
css /
[ HOME SHELL ]
Name
Size
Permission
Action
mega-menu
[ DIR ]
drwxr-xr-x
bootstrap.min.css
138.85
KB
-rw-r--r--
flaticon.css
3.07
KB
-rw-r--r--
font-awesome.min.css
28.41
KB
-rw-r--r--
general.css
62.96
KB
-rw-r--r--
style.css
12.37
KB
-rw-r--r--
Delete
Unzip
Zip
${this.title}
Close
Code Editor : general.css
/* General */ @import url('https://fonts.googleapis.com/css?family=Montserrat:300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i'); @import url('https://fonts.googleapis.com/css?family=Engagement'); @import url('https://fonts.googleapis.com/css?family=Great+Vibes'); @import url('https://fonts.googleapis.com/css2?family=Dosis:wght@400;500;600;700&display=swap'); body { font-family: 'Dosis', sans-serif; font-weight: normal; font-style: normal; font-size: 17px; line-height: 28px; color:#000; letter-spacing: 0.1px; } a, .btn, .owl-item, .post, .story-item { -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } a:focus { text-decoration: none !important; } a:focus, a:hover { color: #ffbc05; text-decoration: none !important; } a, button, input { outline: medium none !important; color: #ffbc05; } h1, h2, h3, h4, h5, h6{font-family: 'Montserrat', sans-serif; font-weight:normal; margin-top: 0px; margin-bottom: 0px; text-transform: capitalize;} h1.title2,h2.title2,h3.title2,h4.title2,h5.title2,h6.title2{ font-weight: 600; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: inherit; } h1 { font-size: 72px; font-style: normal; line-height: 95px; font-family: 'Engagement', cursive; text-transform: capitalize; color: #ffffff;} h2 { font-size: 50px; font-style: normal; line-height: 50px; font-family: 'Engagement', cursive; color: #000; text-transform: capitalize;} h3 { font-size: 30px; font-style: normal; line-height: 40px; } h4 { font-size: 20px; font-style: normal; text-transform: uppercase; margin-bottom: 10px; font-weight: 500; line-height: 26px; color: #000;} h5 { font-size: 16px; font-style: normal; line-height: 20px; font-weight: 500;} h6 { font-size: 16px; font-style: normal; line-height: 24px; } h1.title2{font-size:50px; line-height:56px;} h2.title2{font-size:40px; line-height:50px;} h3.title2{font-size:38px; line-height:48px;} h4.title2{font-size:34px; line-height:40px;} h5.title2{font-size:30px; line-height:36px;} h6.title2{font-size:26px; line-height:32px;} .title2 > label{color:#ffbc05; font-weight:600;} hr { margin: 0; padding: 0px; border-bottom:1px solid #e0e0e0; border-top: 0px; } label {font-weight: 400; color: #aaaaaa; } .label { color: #fff !important; font-size: 9px !important; } *::-moz-selection { background: #ffbc05; color: #fff; text-shadow: none; } ::-moz-selection { background: #ffbc05; color: #fff; text-shadow: none; } ::selection { background: #ffbc05; color: #fff; text-shadow: none; } .text-white h1, .text-white h2, .text-white h3, .text-white h4, .text-white h5, .text-white h6{color:#ffffff;} .text-white h1.text-yellow,.text-white h2.text-yellow, .text-white h3.text-yellow, .text-white h4.text-yellow, .text-white h5.text-yellow, .text-white h6.text-yellow{color:#ffbc05;} /* Typography */ mark { background: #ffbc05; color: #ffffff; } ol,ul { padding: 0px; margin: 0px; list-style-type: none; } ol li { list-style: decimal inside; line-height: 30px; } ol.alpha li { list-style: decimal-leading-zero inside;} ol.roman li { list-style: lower-roman; } ul.disc li { list-style: disc inside; padding: 0px; margin: 0px; line-height: 30px; } /*ul li { list-style: square inside; padding: 0px; margin: 0px; line-height: 30px; }*/ .lead{font-weight: normal; font-size: 14px; line-height: 30px; margin-bottom: 0; font-family: 'Montserrat', sans-serif;} .big-title { font-size: 350px; font-weight: normal; line-height: 350px; background: -webkit-linear-gradient(top, #ff3b30, #ffbc05); background: linear-gradient(top, #ff3b30, #ff3b30); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-family: 'Great Vibes', cursive; } .textrotate{font-size: 100px; line-height: 100px;} .position-relative{position: relative;} .w-100 { width: 100%; } .overflow-h{overflow: hidden;} .img-center{display: inline-block; max-width: 100%;} blockquote{display:block; background:#f9f9f9; position:relative; font-size:15px; font-weight:400; font-style:italic; padding-left:65px; border-left:5px solid #ffbc05; padding-top:20px; padding-bottom:15px;} blockquote::before{content:"\201C"; font-family:'FontAwesome'; font-size:60px; font-style:inherit; font-weight:bold; color:#ffffff; position:absolute; left:0; top:0; background:#ffbc05; width:auto; padding-left:5px; padding-right:15px; height:40px; line-height:60px;} blockquote cite{font-size:16px; margin-top:15px; display: block; font-weight:600; color:#ffbc05;} blockquote .quote-author, blockquote .quote-author a{font-size:16px; font-weight:500; color:#252525;} /* Page section margin padding */ .page-section-ptb{padding:50px 0;} .page-section-pt{padding: 80px 0 0;} .page-section-pb{padding: 0 0 80px;} .page-section-ptb2{padding:20px 0;} .page-section-pt2{padding:20px 0 0;} .page-section-pb2{padding:0 0 20px;} .page-section-ptb3{padding:30px 0;} .page-section-pt3{padding:30px 0 0;} .page-section-pb3{padding:0 0 30px;} .page-section-ptb4{padding:40px 0;} .page-section-pt4{padding:40px 0 0;} .page-section-pb4{padding:0 0 40px;} .page-section-ptb5{padding:50px 0;} .page-section-pt5{padding:50px 0 0;} .page-section-pb5{padding:0 0 50px;} .page-section-ptb6{padding:60px 0;} .page-section-pt6{padding:60px 0 0;} .page-section-pb6{padding:0 0 60px;} .page-section-ptb7{padding:70px 0;} .page-section-pt7{padding:70px 0 0;} .page-section-pb7{padding:0 0 70px;} .page-section-ptb9{padding:90px 0;} .page-section-pt9{padding:90px 0 0;} .page-section-pb9{padding:0 0 90px;} .page-section-ptb100{padding:100px 0;} .page-section-pt9{padding:100px 0 0;} .page-section-pb9{padding:0 0 100px;} .page-section-ptb125{padding:125px 0;} .page-section-pt9{padding:125px 0 0;} .page-section-pb9{padding:0 0 125px;} .page-section-ptb150{padding:150px 0;} .page-section-pt9{padding:150px 0 0;} .page-section-pb9{padding:0 0 150px;} .page-section-ptb250{padding:250px 0;} .page-section-pt9{padding:250px 0 0;} .page-section-pb9{padding:0 0 250px;} .pd-bt-0{padding-bottom:0px !important;} .mt-6 { margin-top: 60px !important; } .mt-7 { margin-top: 70px !important; } .mt-8 { margin-top: 80px !important; } .mt-9 { margin-top: 90px !important; } .mt-10 { margin-top: 100px !important; } .mb-6 { margin-bottom: 60px !important; } .mb-7 { margin-bottom: 70px !important; } .mb-8 { margin-bottom: 80px !important; } .mb-9 { margin-bottom: 90px !important; } .mb-10 { margin-bottom: 100px !important; } .ptb-10{padding:10px 0 !important;} .ptb-20{padding:20px 0 !important;} .ptb-40{padding:40px 0 !important;} .ptb-50{padding:50px 0 !important;} .ptb-60{padding:60px 0 !important;} .ptb-80{padding:80px 0 !important;} .ptb-100{padding:100px 0 !important;} .pt-6 { padding-top: 60px !important; } .pt-7 { padding-top: 70px !important; } .pt-8 { padding-top: 80px !important; } .pt-9 { padding-top: 90px !important; } .pb-6 { padding-bottom: 60px !important; } .pb-7 { padding-bottom: 70px !important; } .pb-8 { padding-bottom: 80px !important; } .pb-9 { padding-bottom: 90px !important; } .pl-6 { padding-left: 60px !important; } .pl-7 { padding-left: 70px !important; } .pl-8 { padding-left: 80px !important; } .pl-9 { padding-left: 90px !important; } .pr-6 { padding-right: 60px !important; } .pr-7 { padding-right: 70px !important; } .pr-8 { padding-right: 80px !important; } .pr-9 { padding-right: 90px !important; } /* text color */ .text-yellow{color:#ffbc05;} .text-white{color:#ffffff;} .text-black{color:#3d3d3d;} .text-gray, .text-grey{color:#aaaaaa;} .text-yellow{color:#ffbc05;} /* Bg color */ .white-bg{background:#ffffff;} .dark-bg{background:#000000;} .gray-bg, .grey-bg{background:#f0f0f0;} .blue-bg{background:#ffbc05;} .yellow-bg{background:#ffbc05;} .dark-bg a{color: #ffffff !important;} /* Eq-height */ .no-gutter > [class*='col-'] { padding-right:0; padding-left:0; } .row-eq-height { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;} /* Section title */ .section-title{margin-bottom:30px;} .section-title span{font-weight:600; font-size:16px; margin-top:30px; display:block; line-height:28px;} .section-title p{padding:0 100px; margin-top:25px; display:block; margin-bottom:50px;} .text-left .section-title p, .section-title.text-left p, .section-title p.text-left{padding:0; margin-bottom:20px;} /* BG - Images */ .bg.fixed { background-color: rgba(0, 0, 0, 0); background-origin: initial; background-position: center center; background-repeat: no-repeat; background-size: cover !important; position: relative; z-index: 0; background-attachment: fixed; } .bg { background-color: rgba(0, 0, 0, 0); background-origin: initial; background-position: center center; background-repeat: no-repeat; background-size: cover !important; position: relative; z-index: 0; } .parallax{background-size:cover; position:relative; z-index:0; background-repeat:inherit;} .gradient-overlay{position:relative;} .gradient-overlay:before{content:""; width:100%; height:100%; position:absolute; left:0; top:0; z-index:-1; background:url(../images/bg/gradient-overlay.html) repeat-y left 0;} /* BG - Pattern */ .pattern-overlay{position:relative; z-index:0;} .fixed.pattern-overlay:before{background-attachment:fixed;} .pattern-overlay:before{background-image:url(../images/pattern/01.png); background-repeat:repeat; content:""; height:100%; left:0; position:absolute; top:0; width:100%; z-index:-1;} .pattern-2:before{background-image:url(../images/pattern/01.png);} .pattern-3:before{background-image:url(../images/pattern/02.png);} .pattern-4:before{background-image:url(../images/pattern/03.png);} .pattern-5:before{background-image:url(../images/pattern/04.png);} /** BG - Overlay */ .bg-overlay-black-10:before { background: rgba(0, 0, 0, 0.1); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; } .bg-overlay-black-20:before { background: rgba(0, 0, 0, 0.2); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; } .bg-overlay-black-30:before { background: rgba(0, 0, 0, 0.3); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; } .bg-overlay-black-40:before { background: rgba(0, 0, 0, 0.4); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; } .bg-overlay-black-50:before { background: rgba(0, 0, 0, 0.5); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; } .bg-overlay-black-60:before { background: rgba(0, 0, 0, 0.6); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; } .bg-overlay-black-70:before { background: rgba(0, 0, 0, 0.7); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; } .bg-overlay-black-80:before { background: rgba(0, 0, 0, 0.8); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; } .bg-overlay-black-90:before { background: rgba(0, 0, 0, 0.9); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; } .bg-overlay-white-10:before { background: rgba(255, 255, 255, 0.1); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; } .bg-overlay-white-20:before { background: rgba(255, 255, 255, 0.2); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; } .bg-overlay-white-30:before { background: rgba(255, 255, 255, 0.3); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; } .bg-overlay-white-40:before { background: rgba(255, 255, 255, 0.4); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; } .bg-overlay-white-50:before { background: rgba(255, 255, 255, 0.5); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; } .bg-overlay-white-60:before { background: rgba(255, 255, 255, 0.6); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; } .bg-overlay-white-70:before { background: rgba(255, 255, 255, 0.7); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; } .bg-overlay-white-80:before { background: rgba(255, 255, 255, 0.8); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; } .bg-overlay-white-90:before { background: rgba(255, 255, 255, 0.9); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; } .bg-overlay-white-95:before { background: rgba(255, 255, 255, 0.95); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; } .bg-overlay-blue-10:before { background: rgba(0, 46, 91, 0.1); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; } .bg-overlay-blue-20:before { background: rgba(0, 46, 91, 0.2); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; } .bg-overlay-blue-30:before { background: rgba(0, 46, 91, 0.3); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; } .bg-overlay-blue-40:before { background: rgba(0, 46, 91, 0.4); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; } .bg-overlay-blue-50:before { background: rgba(0, 46, 91, 0.5); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; } .bg-overlay-blue-60:before { background: rgba(0, 46, 91, 0.6); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; } .bg-overlay-blue-70:before { background: rgba(0, 46, 91, 0.7); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; } .bg-overlay-blue-80:before { background: rgba(0, 46, 91, 0.8); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; } .bg-overlay-blue-90:before { background: rgba(0, 46, 91, 0.9); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; } .bg-overlay-blue-95:before { background: rgba(0, 46, 91, 0.95); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; } .bg-overlay-red:before { background: linear-gradient(270deg, #fe704366, #00000069); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index:-1; } [class*='bg-overlay-']:before{z-index:0;} .bg-effect{position:relative; z-index:0; margin-top:-20px; padding:0 17px;} .bg-effect > img{display:inline;} .bg-effect:before{content:""; background-color:#f9f9f9; background-image:url(../images/pattern/pattern3.html); width:100%; height:70%; left:0; position:absolute; top:15%; z-index:-1;} .section-title .pos, .title .pos{margin-top:10px; color:#ffbc05;} .custom-info{position:relative; border-left:5px solid #ffbc05;} .custom-info i{position:absolute; left:15px; font-size:50px; color:#f4f1e6; z-index:0;} .custom-info p{position:relative; z-index:9; padding-left:50px; font-size:15px; font-style:italic; line-height:26px;} / /* Shortcode - CSS */ /* Title Effect */ .section-title h1, .section-title h2, .section-title h3, .section-title h4, .section-title h5, .section-title h6{position:relative; padding-bottom:15px} .section-title h1.title:before, .section-title h2.title:before, .section-title h3.title:before, .section-title h4.title:before, .section-title h5.title:before, .section-title h6.title:before{content:""; position:absolute; left:0; bottom:0; width:50px; height:2px; background:#ffbc05;} .section-title .title:before{transition:all 0.2s ease-in-out; -webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out;} section:hover .section-title .title:before{width:80px;} section:hover .text-center .section-title .title:before, section:hover .text-center.section-title .title:before, section.text-center:hover .section-title .title:before{margin-left:-40px;} .yellow-bg .section-title h1:before, .yellow-bg .section-title h2:before, .yellow-bg .section-title h3:before, .yellow-bg .section-title h4:before, .yellow-bg .section-title h5:before, .yellow-bg .section-title h6:before{background:#ffffff;} .text-center .section-title h2:before, .text-center.section-title h2:before, .text-center .section-title h3:before, .text-center.section-title h3:before, .text-center .section-title h4:before, .text-center.section-title h4:before, .text-center .section-title h5:before, .text-center.section-title h5:before, .text-center .section-title h6:before, .text-center.section-title h6:before{left:50%; margin-left:-25px;} .text-right .section-title h2:before, .text-right.section-title h2:before, .text-right .section-title h3:before, .text-right.section-title h3:before, .text-right .section-title h4:before, .text-right.section-title h4:before, .text-right .section-title h5:before, .text-right.section-title h5:before, .text-right .section-title h6:before, .text-right.section-title h6:before{left:auto; right:0;} /* Accordion */ .accordion .acd-heading{position:relative; padding:15px 40px 15px 70px; font-size: 15px;line-height:normal; cursor: pointer; display: block; border:1px solid #dddddd; text-align: left; color: #888888; text-decoration:none;} .accordion .acd-heading:before{font-family:'FontAwesome'; cursor:pointer; content: "\f08a"; position:absolute; left: 10px; border-right: 1px solid #dddddd; height: 100%; padding: 15px 15px 0 10px; top: 0; font-size:16px; line-height:24px; -webkit-transition: all 0.25s ease-in-out 0s; -moz-transition: all 0.25s ease-in-out 0s; transition: all 0.25s ease-in-out 0s;} .accordion .acd-active .acd-heading:before{content:"\f004"; color: #ffbc05; color:#ffffff; border-color: #ffffff;} .accordion .acd-heading > i { margin-right:16px;} .accordion .acd-active .acd-heading{background:#ffbc05; border-color:#ffbc05; color:#ffffff;} .accordion .acd-des{padding: 15px 15px 15px 70px; border:1px solid #dddddd; background: #ffffff;} .accordion .acd-group{margin-bottom:10px;} .accordion .acd-group:last-child{margin-bottom:0;} /* Accordion - boxed */ .accordion.boxed .acd-group{ box-shadow: 0 0 6px 2px rgba(0,0,0,0.07);} .accordion.boxed .acd-heading{background: #ffffff; color: #000000 !important;} .accordion.boxed .acd-heading::before{background: none;} .accordion.boxed .acd-des{background: #ffbc05; color: #ffffff;} .accordion.boxed .acd-active .acd-heading{color: #ffffff !important; background: #ffbc05;} .dark-bg .accordion.boxed .acd-des{border: none; border-top: 1px solid #ffffff;} .accordion.boxed .acd-heading::before{left: 0; padding-left: 15px; background: none;} /* Accordion - icon */ .accordion.icon .acd-heading::before{background: #ffbc05; color: #ffffff; left: 0; padding: 15px 15px 0;} .accordion.icon .acd-des{margin-left: 47px; position: relative; overflow: hidden;} .accordion.icon .acd-des::before {bottom: 40px; color: #ffbc05; content: "\f12c"; font-family: "Flaticon"; font-size: 150px; opacity: 0.4; position: absolute; right: -30px; transform: rotate(-45deg);} /* Action Box */ .action-box{padding:25px 0;} .action-box h2, .action-box h3, .action-box h4{font-weight:600;} .action-box .visit{border:2px solid #333333; padding:10px 50px; display:inline-block; float:right;} .text-white .action-box .visit, .action-box.text-white .visit{border-color:#fff;} .action-box .visit h2{line-height:46px;} .action-box .visit h4{line-height:36px;} .action-box-img:after {content: ""; background: url(../images/action-box-img.png) no-repeat 0 0; bottom: 0; position: absolute; right: 0; width: 393px; height: 270px; background-size: contain;} /* Action Box - Icon */ .action-box.action-icon{padding:50px 0;} .action-box.action-icon .left{position:relative; padding-left:100px;} .action-box.action-icon i{color:#ffbc05; font-size:70px; line-height:70px; position:absolute; left:0; top:5px;} .action-box.action-icon i:before{font-size:70px;} /* Action Box - Small */ .action-box.small{padding:15px 0;} .action-box.small h4{font-weight:500; margin-top:22px;} /* Alerts and Callouts */ .alert{-webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px;} .alert.outline{background:none;} .alert.outline.alert-success{border-color:#2ecc71; color:#2ecc71;} .alert.outline.alert-info{border-color:#79d4f3; color:#79d4f3;} .alert.outline.alert-warning{border-color:#f1c40f; color:#f1c40f;} .alert.outline.alert-danger{border-color:#f7a093; color:#f7a093;} .alert.outline .close{opacity:0.7; text-shadow:none;} .alert.outline.alert-success .close{color:#649d01;} .alert.outline.alert-info .close{color:#79d4f3;} .alert.outline.alert-warning .close{color:#f1c40f;} .alert.outline.alert-danger .close{color:#f7a093;} .alerts-and-callouts{font-size:14px;} .alerts-and-callouts .bs-callout{padding: 20px; margin: 20px 0; border: 1px solid #eee; border-left-width: 5px; border-radius: 3px; } .alerts-and-callouts .bs-callout h4{margin-top: 0; margin-bottom: 5px; } .alerts-and-callouts .bs-callout p:last-child { margin-bottom: 0; } .alerts-and-callouts .bs-callout code { border-radius: 3px; } .alerts-and-callouts .bs-callout+.bs-callout { margin-top: -5px; } .alerts-and-callouts .bs-callout-default { border-left-color: #777; } .alerts-and-callouts .bs-callout-default h4 { color: #777; } .alerts-and-callouts .bs-callout-primary { border-left-color: #428bca; } .alerts-and-callouts .bs-callout-primary h4 { color: #428bca; } .alerts-and-callouts .bs-callout-success { border-left-color: #649d01; } .alerts-and-callouts .bs-callout-success h4 { color: #5cb85c; } .alerts-and-callouts .bs-callout-danger { border-left-color: #f7a093; } .alerts-and-callouts .bs-callout-danger h4 { color: #f7a093; } .alerts-and-callouts .bs-callout-warning { border-left-color: #f1c40f; } .alerts-and-callouts .bs-callout-warning h4 { color: #f1c40f; } .alerts-and-callouts .bs-callout-info { border-left-color: #5bc0de; } .alerts-and-callouts .bs-callout-info h4 { color: #5bc0de; } /* Button */ .button{cursor:pointer;display:inline-block;font-family:'Montserrat',sans-serif;color:#656565;font-weight:500;letter-spacing:1px;line-height:100%;margin:10px 0;outline:0 none;padding:15px 50px;position:relative;text-transform:capitalize;white-space:nowrap;border:2px solid #ddd;} .button:hover{color:#656565;text-decoration:none;} .button:hover:not,a.button:hover{opacity:0.8;} button:focus{outline:0; box-shadow: none !important;} /* Button Rounded */ .button.full-rounded{-webkit-border-radius:50px;-moz-border-radius:50px;border-radius:50px;overflow:hidden;position:relative;z-index:9;vertical-align:bottom;} .button.rounded{-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;} /* Button Icons */ .button i{font-size:15px;margin-right:10px;} .button.right-icn i{margin-left:10px;margin-right:0;} /* Button Animation CSS */ .button,.button.animated.right-icn span,.button.animated.right-icn i{-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;transition:all .2s ease-out;} /* Animated Right Icons */ .button.animated.right-icn i{position:absolute;display:block;top:50%;right:0;-webkit-transform:translate(40px,-50%);-ms-transform:translate(40px,-50%);transform:translate(40px,-50%);ms-transform:translate(40px,-50%);opacity:0} .button.animated.right-icn span{width:100%;height:100%;display:block;-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);ms-transform:translate(0,0);-webkit-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;ms-backface-visibility:hidden;} .button:hover.animated.right-icn span{-webkit-transform:translate(-20px,0);-ms-transform:translate(-20px,0);transform:translate(-20px,0);ms-transform:translate(-20px,0);} /* Button Hover */ .button:hover.animated.right-icn i{opacity:1;} /* Buttons Extra */ .button.small{padding:10px 25px;} .button.big{padding:22px 40px;font-size:15px;line-height:20px;} .button.btn-dark{border:inherit;color:#ffffff!important; background:#000000;} .button.btn-dark:hover{background-color:#ff3b30;color:#fff;} .button.btn-theme{color: #ffffff !important; -webkit-box-shadow:0 0 8px 5px rgba(0,0,0,0.1);-moz-box-shadow:0 0 8px 5px rgba(0,0,0,0.1);box-shadow:0 0 8px 5px rgba(0,0,0,0.1);background:#ffbc05;background:-webkit-linear-gradient(90deg,#ffbc05,#ff3b30);background:-o-linear-gradient(90deg,#ffbc05,#ff3b30);background:-moz-linear-gradient(90deg,#ffbc05,#ff3b30);background:linear-gradient(90deg,#ffbc05,#ff3b30);border:none;} .button.btn-colored{background: #ffbc05; color: #ffffff; border:2px solid transparent;} .button.btn-colored:hover{background:none;border:2px solid #ffbc05;color:#ffbc05;} .button.btn-outline:hover{color:#ffffff!important; background: #ffbc05; border-color: #ffbc05;} .btn-2 .button.btn-theme:hover{color:#3d3d3d !important;} .button.white-bg:hover{color:#ffffff!important; background: #ffbc05;} /*---------------------- Fancy ----------------------*/ .counter.fancy{color: #ffffff} .counter.fancy::before {color: #ffbc05; content: "\f004"; font-family: FontAwesome; font-size: 165px; left: 50%; position: absolute; top: 50%; transform: translateY(-50%) translateX(-50%); -moz-transform:translateY(-50%) translateX(-50%); -ms-transform:translateY(-50%) translateX(-50%); -webkit-transform:translateY(-50%) translateX(-50%);} .counter.fancy i{display: none;} .counter.fancy span {font-size: 24px; line-height: 28px;} .counter.fancy label{font-size: 12px; color: #ffffff; margin: 0;} /* Rounded */ .counter.rounded i{-webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; line-height:60px;} .counter.rounded i:before{font-size:34px;} .text-white .counter.rounded i{border-color:#ffbc05;} .counter.fill i{background:#ffbc05; color:#ffffff;} /* Left-Position */ .counter.left_pos{position:relative; padding-left:65px;} .counter.left_pos:after{height:40px; left:0;} .counter.left_pos:before{height:65px; left:5px;} .counter.left_pos label{width:100%; margin-bottom:0; margin-top:0;} .counter.left_pos label:before{content:normal;} .counter.left_pos i{color:#ffbc05; font-size:50px; line-height:55px; position:absolute; left:0px;} .counter.left_pos i:before{font-size:54px;} .counter.left_pos span{margin:0; line-height:40px;} .text-white .counter.left_pos:after, .text-white .counter.left_pos:before{background:#ffbc05;} .yellow-bg .counter.left_pos i{color:#3d3d3d;} .dark-bg .counter.left_pos{padding-left: 0; text-align: center;} .dark-bg .counter.left_pos:after, .dark-bg .counter.left_pos:before, .dark-bg .counter.left_pos i{display: none;} /* Columns */ .columns-section .col-bg{padding:12px; border-radius:3px; background:#f2f2f2;} .col-bg h5{font-size:15px; font-weight:400;} .c{color:#999;} .nt{color:#2f6f9f;} .na{color:#4f9fcf;} .s{color:#d44950;} /* Listing */ ul li{margin:5px 0; padding-left:5px;} ul li a, ul.list li a{color:#757575;} ul li:after{content:""; font-family: 'FontAwesome'; position:absolute; color:#ffbc05; left:0; top:0;} ul.list li a:hover{color:#ffbc05;} ul.list li .fa{margin-right:15px;} /* Ul List Mark */ ul.list-mark li{ padding-left:25px; position:relative;} ul.list-mark li:after{content:"\f00c";} /* Ul List Arrow */ ul.list-arrow li{ padding-left:25px; position:relative;} ul.list-arrow li:after{content:"\f105"; font-size:18px;} /* Ul List Hand */ ul.list-hand li{ padding-left:25px; position:relative;} ul.list-hand li:after{content:"\f0a4";} /* Ul List Edit */ ul.list-edit li{ padding-left:25px; position:relative;} ul.list-edit li:after{content:"\f040";} /* Skills */ .skill{width:100%; height:12px; margin:40px 0 20px 0; background-color:#eceff8;border-radius: 5px;} .skill:not(:first-child){margin-top:64px;} .skill.skill-medium{height:8px;} .skill.skill-small{height:3px;} .skill.skill-dark .skill-bar{background:#3d3d3d;} .skill.skill-box .skill-bar .progress-number, .skill.skill-box .skill-bar .progress-type{background: #ffbc05; color: #fff;padding: 5px; margin-top:-26px;} .skill-box .progress-type{ border-bottom-right-radius: 5px; border-top-right-radius: 4px;} .skill-box .progress-number{ border-bottom-left-radius: 5px; border-top-left-radius: 4px;} .skill-box .skill-bar{border-radius: 5px; display: block;} .skill-bar{border-radius: 5px;height:100%; padding:0px; background:#ffbc05; box-shadow:none; transition: width .9s ease; -webkit-transition: width .9s ease; -o-transition: width .9s ease; -ms-transition: width .9s ease; -moz-transition: width .9s ease; } .progress-title{color:#3d3d3d; font-size:15px; font-weight:400; position:absolute; text-align:left; margin-left:0; margin-top:-28px;} .progress-title > i{margin-right:8px;} .skill-bar .progress-number, .skill-bar .progress-type{color:#3d3d3d; float:right; margin-top:-18px; position:relative; top:-10px; font-size:15px; font-weight:600;} /* Dark Background */ .text-white .skill{background:rgba(255,255,255,0.25);} .text-white .progress-title; .text-white .skill-bar .progress-number, .text-white .skill-bar .progress-type{color:#ffffff;} @media screen and (min-width:768px) { /* Skill Vertical */ .vertical-block{position:relative; width:100%; height:407px;} .skill.skill-vertical{-ms-transform:rotate(-90deg); -webkit-transform:rotate(-90deg); transform:rotate(-90deg); height:40px; width:366px; float:none; position:absolute; left:0; top:155px; margin-top:50px;} .skill.skill-col1{left:-130px;} .skill.skill-col2{left:0px;} .skill.skill-col3{left:130px;} .skill.skill-vertical .skill-bar .progress-type{display:none;} .skill.skill-vertical .skill-bar .progress-number{position:absolute; left:inherit; font-size:20px; right:-35px; top:28px; -ms-transform:rotate(90deg); -webkit-transform:rotate(90deg); transform:rotate(90deg); padding-right:15px;} .skill.skill-vertical .skill-bar .progress-number:before{content:"%"; position:absolute; right:0; top:0; color:#000;} .skill.skill-vertical .progress-title{margin-left:8px; margin-top:-35px; font-weight:500;} .skill.skill-vertical .progress-title:before{content:""; position:absolute; left:0; bottom:-5px; width:100px; height:2px; background:#3d3d3d;} } /* Social */ .social-icons ul{padding:0;} .text-center.social-icons ul{display:inline-block;} .social-icons li{float:left; list-style:none; padding:0; margin:0 8px 8px 0;} .social-icons li a { float: left; height: 32px; width: 32px; line-height: 33px; font-size: 16px; text-align: center; margin:0; border-radius: 4px; border: 0; background: transparent; color: #333; overflow: hidden; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .text-white .social-icons li a{color:#ffffff;} /*Colored*/ .social-icons.color a, .social-icons.color-hover a:hover{color:#fff; border:0;} .social-icons.color .social-rss a, .social-icons.color-hover .social-rss a:hover {background-color: #faa33d;} .social-icons.color .social-facebook a, .social-icons.color-hover .social-facebook a:hover{background-color:#5d82d1;} .social-icons.color .social-twitter a, .social-icons.color-hover .social-twitter a:hover{background-color:#40bff5;} .social-icons.color .social-vimeo a, .social-icons.color-hover .social-vimeo a:hover{background-color:#35c6ea;} .social-icons.color .social-myspace a, .social-icons.color-hover .social-myspace a:hover{background-color:#008dde;} .social-icons.color .social-youtube a, .social-icons.color-hover .social-youtube a:hover{background-color:#ef4e41;} .social-icons.color .social-instagram a, .social-icons.color-hover .social-instagram a:hover{background-color:#548bb6;} .social-icons.color .social-gplus a, .social-icons.color-hover .social-gplus a:hover{background-color:#db5442;} .social-icons.color .social-stumbleupon a, .social-icons.color-hover .social-stumbleupon a:hover{background-color:#ff5c30;} .social-icons.color .social-lastfm a, .social-icons.color-hover .social-lastfm a:hover{background-color:#f34320;} .social-icons.color .social-pinterest a, .social-icons.color-hover .social-pinterest a:hover{background-color:#e13138;} .social-icons.color .social-google a, .social-icons.color-hover .social-google a:hover{background-color:#eb5e4c;} .social-icons.color .social-evernote a, .social-icons.color-hover .social-evernote a:hover{background-color:#9acf4f;} .social-icons.color .social-dribbble a, .social-icons.color-hover .social-dribbble a:hover{background-color:#f7659c;} .social-icons.color .social-skype a, .social-icons.color-hover .social-skype a:hover{background-color:#13c1f3;} .social-icons.color .social-forrst a, .social-icons.color-hover .social-forrst a:hover{background-color:#45ad76;} .social-icons.color .social-linkedin a, .social-icons.color-hover .social-linkedin a:hover{background-color:#238cc8;} .social-icons.color .social-wordpress a, .social-icons.color-hover .social-wordpress a:hover{background-color:#2592c3;} .social-icons.color .social-grooveshark a, .social-icons.color-hover .social-grooveshark a:hover{background-color:#ffb21d;} .social-icons.color .social-delicious a, .social-icons.color-hover .social-delicious a:hover{background-color:#377bda;} .social-icons.color .social-behance a, .social-icons.color-hover .social-behance a:hover{background-color:#1879fd;} .social-icons.color .social-dropbox a, .social-icons.color-hover .social-dropbox a:hover{background-color:#17a3eb;} .social-icons.color .social-soundcloud a, .social-icons.color-hover .social-soundcloud a:hover{background-color:#ff7e30;} .social-icons.color .social-deviantart a, .social-icons.color-hover .social-deviantart a:hover{background-color:#6a8a7b;} .social-icons.color .social-yahoo a, .social-icons.color-hover .social-yahoo a:hover{background-color:#ab47ac;} .social-icons.color .social-flickr a, .social-icons.color-hover .social-flickr a:hover{background-color:#ff48a3;} .social-icons.color .social-digg a, .social-icons.color-hover .social-digg a:hover{background-color:#75788d;} .social-icons.color .social-blogger a, .social-icons.color-hover .social-blogger a:hover{background-color:#ff9233;} .social-icons.color .social-tumblr a, .social-icons.color-hover .social-tumblr a:hover{background-color:#426d9b;} .social-icons.color .social-quora a, .social-icons.color-hover .social-quora a:hover{background-color:#ea3d23;} .social-icons.color .social-github a, .social-icons.color-hover .social-github a:hover{background-color:#3f91cb;} .social-icons.color .social-amazon a, .social-icons.color-hover .social-amazon a:hover{background-color:#ff8e2e;} .social-icons.color .social-xing a, .social-icons.color-hover .social-xing a:hover{background-color:#1a8e8c;} .social-icons.color .social-wikipedia a, .social-icons.color-hover .social-wikipedia a:hover{background-color:#b3b5b8;} .social-icons.color .social-android a, .social-icons.color-hover .social-android a:hover{background-color:#A4C639;} .social-icons.color .social-apple a, .social-icons.color-hover .social-apple a:hover{background-color:#999999;} /* Border */ .social-icons.border li a{border:1px solid #eee; background:transparent;} /* Dark */ .social-icons.social-icons-dark li a{background:#888; color:#fff;} /* Light */ .social-icons.light li a{background:#fff; color:#333; border:1px solid #eee;} /* Rounded */ .social-icons.rounded li a{-webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;} /* Medium Size */ .social-icons.medium li a{height:42px; width:42px; line-height:42px; font-size:18px;} /* Large Size */ .social-icons.social-icons-large li a{height:48px; width:48px; line-height:48px; font-size:18px; margin:0 10px 10px 0;} .social-icons:not(.color):not(.color-hover) li a:hover{background-color: #eee;} .social-icons li:hover i{-webkit-animation: toTopFromBottom 0.3s forwards; -moz-animation: toTopFromBottom 0.3s forwards; animation: toTopFromBottom 0.3s forwards;} @-webkit-keyframes toTopFromBottom { 49% {-webkit-transform: translateY(-100%);} 50% {opacity: 0; -webkit-transform: translateY(100%);} 51% {opacity: 1;} } @-moz-keyframes toTopFromBottom { 49% {-moz-transform: translateY(-100%);} 50% {opacity: 0; -moz-transform: translateY(100%);} 51% {opacity: 1;} } @keyframes toTopFromBottom { 49% {transform: translateY(-100%);} 50% {opacity: 0; transform: translateY(100%);} 51% {opacity: 1;} } /* Form */ form .form-group{width:100%; float:none; display:inline-block; position:relative;} form .half-group{width:49%; margin-right:2%; float:left;} form .form-group .input-group{width:100%; position:relative; z-index:9;} form .form-group:nth-child(2), form .form-group:nth-child(4), form .form-group:nth-child(6), form .form-group:nth-child(8){margin-right:0;} /* 3 Input Group */ form.input3-col .half-group{width:32%; margin-right:2%;} form.input3-col .form-group:nth-child(3), form.input3-col .form-group:nth-child(6), form.input3-col .form-group:nth-child(9), form.input3-col .form-group:nth-child(12){margin-right:0;} form .form-group label{color:#858585;} form .form-group .form-control{color: #fff; background:#f8f8f8; height:auto; padding:16px 15px; box-shadow:none; border-radius:0; border:1px solid transparent;} form .form-group .form-control:focus{border-color:#ffbc05;} form .form-group button, form .form-group input[type="submit"]{background:none;} form .form-group textarea { resize: vertical; } .main-form .form-group .form-control { background: none; height: 42px; font-size: 15px; line-height: 20px; padding: 9px 12px 9px 10px; padding-right: 12px; padding-left: 10px; border-bottom: 2px solid #ddd; padding-left: 0; padding-right: 0; color: #000; } .main-form .form-group .form-control:focus {border: none; border-bottom: 2px solid #ffbc05;} /* Border Form */ .defoult-form.border .form-group .form-control{background:none; border:1px solid #dddddd;} /* Bottom-Border Form */ .defoult-form.line .form-group .form-control{background:none; border:none; border-bottom:1px solid #dddddd; padding-left:0;} .text-white .defoult-form.line .form-group .form-control{background:none; color:#ffffff; border:none; border-bottom:1px solid #ffffff;} .defoult-form.line .form-group .form-control:focus{border-color:#ffbc05;} /* Dark-BG Form */ .text-white .defoult-form .form-group .form-control{background:rgba(255,255,255,0.15); color:#ffffff;} .text-white .defoult-form .form-group label{color:#ffbc05;} /* Dark-BG Border Form */ .text-white .defoult-form.border .form-group .form-control{background:none; color:#ffffff; border: 1px solid #ffffff;} .text-white .defoult-form.border .form-group label{color:#ffffff;} .defoult-form{min-height:215px;} #ajaxloader{width:70px; background:#ffbc05; padding:10px; margin:0 auto; margin-top:20%; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;} #ajaxloader img{max-width:100%;} /* Text White */ .text-white .testimonial, .testimonial.text-white, .text-white .testimonial .author-info{color:#fff;} /* Clean */ .testimonial.clean{background:none; box-shadow:none; padding:0 50px; margin-top:0;} .testimonial.clean .testimonial-avatar{position:relative; top:0; margin-bottom:20px;} .testimonial.clean .testimonial-avatar img{border-color: #ffffff !important;} /* Left Position */ .testimonial.left_pos{padding:0 40px 0 150px; text-align:left;} .testimonial.left_pos .testimonial-avatar{left:0; margin-top:-70px; top:50%; margin-left: 0; border-radius: 50%; padding: 9px 0 18px 15px; background: #ffbc05;} .testimonial.left_pos .testimonial-avatar img{border:none;} .testimonial.left_pos .testimonial-info, .testimonial.bottom_pos .testimonial-info{background: #ffbc05; padding: 30px; color: #ffffff; position: relative; border-radius: 5px;} .testimonial.left_pos .testimonial-info:after, .testimonial.left_pos .testimonial-info:before {right: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none;} .testimonial.left_pos .testimonial-info:after {border-right-color: #ffbc05; border-width: 17px; margin-top: -17px;} .testimonial.left_pos .testimonial-info:before {border-width: 20px; margin-top: -20px;} /* Bottom Position */ .testimonial.bottom_pos {padding:0px 0 120px; text-align: left; margin-top:0; margin-bottom:50px;} .testimonial.bottom_pos .testimonial-avatar {bottom: -30px; top: inherit; left: 50%; transform: translateX(-50%) ; -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); margin: 0;} .testimonial.bottom_pos .testimonial-info{text-align: center;} .testimonial.bottom_pos .author-info{text-align: center; color: #ffffff} .testimonial.bottom_pos .author-info span{color: #ffffff} .testimonial.bottom_pos .testimonial-info:after, .testimonial.bottom_pos .testimonial-info:before {top: 100%; left: 50%; border: solid transparent; content: ""; height: 0; width: 0; position: absolute; pointer-events: none;} .testimonial.bottom_pos .testimonial-info:after {border-top-color: #ffbc05; border-width: 17px; margin-left: -17px;} .testimonial.bottom_pos .testimonial-info:before {border-width: 20px; margin-left: -20px;} .dark-bg .testimonial.bottom_pos .testimonial-info{background: rgba(1,1,1,0.6);} .dark-bg .testimonial.bottom_pos .testimonial-info:before, .dark-bg .testimonial.bottom_pos .testimonial-info:after{border-top-color: rgba(1,1,1,0.5);} .dark-bg .testimonial.bottom_pos .author-info, .dark-bg .testimonial.bottom_pos .author-info span{color: #ffbc05;} .dark-bg .owl-carousel .owl-nav{top: 73%;} .dark-bg .owl-carousel .owl-nav .owl-prev {left: 35%;} .dark-bg .owl-carousel .owl-nav .owl-next {right: 35%;} .dark-bg .owl-carousel .owl-nav i{height: 40px; width: 40px; line-height: 40px;} /* Divider */ .divider, .divider-2, .divider-3{position: relative; display: inline-block; padding-bottom: 20px;} .divider, .divider-2{padding-bottom: 35px;} .divider:before, .divider-2:before, .divider-3:before{content: ""; position: absolute; bottom:0; display: inline-block; left: 50%; margin-left: -118px;} .divider:before{background: url(../images/divider-customizer/divider-skin-default.png) no-repeat 0 0; width: 236px; height: 18px;} .divider-2:before{background: url(../images/divider-customizer-2/divider-skin-default.png) no-repeat 0 0; width: 236px; height: 25px;} .divider-3:before{background: url(../images/divider-customizer-3/divider-skin-default.png) no-repeat 0 0; margin-left: -48px; width: 97px; height: 3px;} .text-left .divider:before, .text-left .divider-2:before, .text-left .divider-3:before{left: 0; margin-left: 0;} .text-right .divider:before, .text-right .divider-2:before, .text-right .divider-3:before{left: inherit; margin-left: 0; right: 0;} /* Timeline -*/ .timeline > li, .timeline > li > .timeline-panel{position: relative;} .timeline > li {margin-bottom: 50px; position: relative; width: 100%; display: inline-block;} .timeline > li:last-child{margin-bottom: 0;} .timeline > li > .timeline-panel {width: 36%; float: left; position: relative;} .timeline > li.timeline-inverted .timeline-badge{-webkit-box-shadow:0 0 2px 3px rgba(0, 0, 0, 0.1);-moz-box-shadow:0 0 2px 3px rgba(0, 0, 0, 0.1); box-shadow:0 0 2px 3px rgba(0, 0, 0, 0.1);} .timeline > li > .timeline-badge {color: #fff; position: absolute; top: 16px; left: 50%; -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); border-radius: 50%; border:2px solid #ffffff;} .timeline > li.timeline-inverted > .timeline-panel {float: right;} .timeline > li:before{content: ""; position: absolute; left: 50%; bottom: -180px; background: url(../images/timeline/timeline-bdr2.png) no-repeat 0 0; width: 1px; height: 100%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); -moz-transform: translateX(-50%);} .timeline > li:last-child:before{display: none;} .timeline > li.timeline-inverted .timeline-badge{-webkit-box-shadow:0 0 4px 4px rgba(255, 80, 41, 1);-moz-box-shadow:0 0 4px 4px rgba(255, 80, 41, 1); box-shadow:0 0 4px 4px rgba(255, 80, 41, 1);} .timeline > li .timeline-badge{-webkit-box-shadow:0 0 4px 4px rgba(255, 188, 55, 1);-moz-box-shadow:0 0 4px 4px rgba(255, 188, 55, 1); box-shadow:0 0 4px 4px rgba(255, 188, 55, 1);} .timeline-body{position: relative; margin-top: 10px; text-align: center;} .timeline-body:before{content: ""; position: absolute; right: -60px; top: 15px; background: url(../images/timeline/timeline-bdr.png) no-repeat 0 0; width: 52px; height: 100%;} .timeline-inverted .timeline-body:before{left: -60px;} .timeline-section:before{position: absolute; bottom: -100px; left: 20px; z-index: 9; width: 373px; height: 1000px; content: ""; background: url(../images/timeline-img.png) no-repeat 0 0; background-size: contain;} .timeline-inner{ background-position: right -270px bottom -100px !important; height: 578px; background-repeat: no-repeat !important;} /* Our Stories */ .post .story-text{padding: 5px 0;} .story-details{background: #ffffff; padding:30px 15px; border-bottom: 2px solid #c2cfd7;} .story-details h5{text-transform: uppercase; margin-bottom: 0;} .story-slider .story-item:hover, .profile-slider .owl-item:hover {-webkit-box-shadow:0 0 8px 5px rgba(0, 0, 0, 0.2);-moz-box-shadow:0 0 8px 5px rgba(0, 0, 0, 0.2); box-shadow:0 0 8px 5px rgba(0, 0, 0, 0.2); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); transform:scale(1.1);} .owl-carousel .owl-stage-outer{padding: 50px 0;} .story-image{position: relative;} .story-link {background: rgba(0, 0, 0, 0.5); opacity: 0; display: inline-block; height: 100%; left: 50%; position: absolute; transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; text-align: center; top: 50%; width: 100%; -webkit-transform: translateY(-50%) translateX(-50%); -moz-transform: translateY(-50%) translateX(-50%); -ms-transform: translateY(-50%) translateX(-50%); -o-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%);} .story-link > a {-webkit-transition: inherit; -moz-transition: inherit; -ms-transition: inherit; -o-transition: inherit; transition: inherit; position: absolute; top: 50%; transform: translateY(-50%) translateX(-50%); background: #ffbc05; height: 50px; width: 50px; border-radius: 50%; line-height: 50px; color: #ffffff; font-size: 20px; -webkit-box-shadow:0 0 8px 6px rgba(255,255,255, 0.3);-moz-box-shadow:0 0 8px 6px rgba(255,255,255, 0.3); box-shadow:0 0 8px 6px rgba(255,255,255, 0.3);} .story-link > a i{line-height: 50px; font-weight: bold;} .story-link > a:hover{background: #ffffff !important; color: #ffbc05;} .story-slider .story-item:hover .story-link{opacity: 1;} /* Step */ .stepwizard { display: table; width: 100%; position: relative; } .stepwizard-row { display: table-row; } .stepwizard-step { display: table-cell; text-align: center; position: relative; width: 33.33%; z-index: 9; } .stepwizard-step p{text-transform: capitalize; margin-top: 10px;} .stepwizard-step button[disabled] { opacity: 1 !important; filter: alpha(opacity=100) !important; } .stepwizard-step a span {left: 50%; opacity: 0; position: absolute; top: 50%; transform: translateX(-50%) translateY(-50%); -moz-transform:translateX(-50%) translateY(-50%); -ms-transform:translateX(-50%) translateY(-50%); -webkit-transform:translateX(-50%) translateY(-50%);} .stepwizard-step .btn-circle.completed{font-size: 0;} .stepwizard-step .btn-circle.completed span{opacity: 1; font-size: 14px;} .stepwizard-step::before { background: #e97e16; bottom: 0; content: " "; height: 4px; position: absolute; right: -110px; top: 14px; width: 100%; z-index: -9; } .stepwizard-step:nth-child(3):before { display: none; } .btn-circle { width: 30px; height: 30px; position: relative; text-align: center; padding: 6px 0; font-size: 12px; line-height: 1.428571429; -webkit-box-shadow: 0 0 8px 6px rgba(255,255,255,0.3); -moz-box-shadow: 0 0 8px 6px rgba(255,255,255,0.3); box-shadow: 0 0 8px 6px rgba(255,255,255,0.3); border-radius: 15px; z-index: 999; background: #ffbb04; color: #ffffff !important; border: none !important; margin: 0; -webkit-box-shadow: 0 0 8px 6px rgba(255,255,255, 0.3); -moz-box-shadow: 0 0 8px 6px rgba(255,255,255, 0.3); box-shadow: 0 0 8px 6px rgba(255,255,255, 0.3); } .btn-circle.completed{background: #ffbc05; -webkit-box-shadow: 0 0 8px 6px rgba(255,255,255,0.3); -moz-box-shadow: 0 0 8px 6px rgba(255,255,255,0.3); box-shadow: 0 0 8px 6px rgba(255,255,255,0.3); border-radius: 15px; z-index: 999; background: #ffbb04; color: #ffffff !important; border: none !important; margin: 0; -webkit-box-shadow: 0 0 8px 6px rgba(255,255,255, 0.3); -moz-box-shadow: 0 0 8px 6px rgba(255,255,255, 0.3); box-shadow: 0 0 8px 6px rgba(255,255,255, 0.3);} .btn.disabled, .btn[disabled], fieldset[disabled] .btn { box-shadow: none; cursor: not-allowed; opacity: 1; } .profile-info{position: relative; display: inline-block; padding-left: 40px;} .profile-info i { font-size: 30px; position: absolute; left: 0; top: 50%; transform: translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%);-webkit-transform:translateY(-50%); } .step-social {background: #ffbc05; background: -webkit-linear-gradient(90deg, #ffbc05, #ff3b30); background: -o-linear-gradient(90deg, #ffbc05, #ff3b30); background: -moz-linear-gradient(90deg, #ffbc05, #ff3b30); background: linear-gradient(90deg, #ffbc05, #ff3b30); border-radius: 30px; display: inline-block; padding: 10px 30px; } .step-social li { border-right: 1px solid #feb878; margin: 0; padding: 0 15px; display: inline-block;} .step-social li:last-child { border-right: none; } .step-social li a { color: #ffffff; font-size: 15px; } .step-social li i { font-size: 20px; margin-right: 10px; } .step-social li a:hover{color: #3d3d3d;} .slider .tooltip.top{opacity: 1;} .radio { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; position: relative; } .radio input[type="radio"], .checkbox input[type="checkbox"] { opacity: 0; position: static; } .radio input[type="radio"] + label::after { background-color: #fdbb04; border-radius: 50px; box-shadow: 0 0 0 2px #fff inset; content: ""; height: 16px; left: 2px; position: absolute; top: 1.5px; transform: scale(0, 0); transition: transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75) 0s; width: 16px; } .radio input[type="radio"] + label::before { border: 2px solid #ffffff; border-radius: 50px; content: ""; height: 20px; left: 0; position: absolute; top: 0; transition: box-shadow 0.4s ease 0s; width: 20px; z-index: 5; } .radio input[type="radio"]:checked + label::before { border: 2px solid #ffffff; box-shadow: 0 0 0 2px #000 inset; } .radio.theme-color input[type="radio"]:checked + label::before { border-color: #2e71f0; } .radio.theme-color input[type="radio"] + label::after { background-color: #2e71f0; } .radio input[type="radio"] + label { left: 0; padding-left: 2em; position: absolute; top: 0; } .radio input[type="radio"]:checked + label::after { transform: scale(1, 1); } .checkbox { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; margin-bottom: 0; position: relative; } .checkbox input[type="checkbox"] + label::before { background-color: #fff; border: 2px solid #cecece; border-radius: 4px; content: ""; height: 25px; left: 0; position: absolute; top: 0; transition: box-shadow 0.4s ease-in-out 0s; width: 25px; } .checkbox input[type="checkbox"]:checked + label::after { background: #fdbb04; transform: scale(1, 1); } .checkbox input[type="checkbox"] + label::after { border-radius: 4px; color: #fff; content: "\f00c"; font-family: 'FontAwesome'; font-size: 16px; height: 25px; left: 0; line-height: 25px; position: absolute; text-align: center; top: 0; transform: scale(0, 0); transition: transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75) 0s; width: 25px; } .checkbox input[type="checkbox"] + label { left: 0; padding-left: 30px; position: absolute; top: 0; } form .form-group > label { color: #ffffff; font-weight: 600; font-size: 16px; line-height: 40px; } form .form-group .checkbox label, form .form-group .radio label { padding-left: 40px; color: #ffffff; } .step-form .form-group textarea.form-control { background: rgba(0, 0, 0, 0.2); } .slider-handle { background: url(../images/step/slider-handle.png) no-repeat 0 0; } #slider12a .slider-track-high, #slider12c .slider-track-high, #slider12b .slider-track-low, #slider12c .slider-track-low{ background: #33040f; } #slider12c .slider-selection { background: #febc03; } .slider-track { background-image: none; } .slider.slider-horizontal { float: left; width: 50%; } .step-1-img { background: rgba(145, 118, 125, 0.2); font-size: 30px; font-weight: bold; color: #febc03; line-height: 30px; padding: 30px; height: 100%; } .step-1-large { padding-top: 80px; } #ex1Slider1 .slider-selection, #ex1Slider2 .slider-track-low, #ex1Slider2 .slider-track-high { background: #000; } #ex1Slider1 .slider-track-low, #ex1Slider1 .slider-track-high, #ex1Slider2 .slider-selection{ background: #febc03; } #ex1Slider1 .slider-track, #ex1Slider1 .slider-track-low, #ex1Slider1 .slider-track-high { border-top-right-radius: 0; border-bottom-right-radius: 0; } #ex1Slider2 .slider-track, #ex1Slider2 .slider-track-low, #ex1Slider2 .slider-track-high, #ex1Slider2 .slider-selection { border-top-left-radius: 0; border-bottom-left-radius: 0; } .tooltip-inner { background: #febc03; } .tooltip.top .tooltip-arrow { border-top-color: #febc03; } /**/ /* Responsive CSS */ /**/ @media screen and (max-width:1200px){.text-md-left{text-align:left;} .text-md-center{text-align:center;} .text-md-right{text-align:right;}} @media screen and (max-width:992px){.text-sm-left{text-align:left;} .text-sm-center{text-align:center;} .text-sm-right{text-align:right;}} @media screen and (max-width:767px){.text-xs-left{text-align:left;} .text-xs-center{text-align:center;} .text-xs-right{text-align:right;}} @media screen and (max-width:479px){.text-xx-left{text-align:left;} .text-xx-center{text-align:center;} .text-xx-right{text-align:right;} .col-xx-12{width:100%; float:none;}} @media screen and (-webkit-min-device-pixel-ratio:0) { /* Safari and Chrome, if Chrome rule needed */ .timeline > li:before{bottom: -165px;} .timeline > li:last-child:after{bottom: -50px; margin-left: -5px;} .banner-form form .form-group select.form-control{padding: 0 10px;} /* Safari 5+ ONLY */ ::i-block-chrome, .timeline > li:last-child:after{bottom: -30px;} } @media screen and (max-width:1770px) { .timeline-section:before{height: 750px; bottom: -70px;} } @media screen and (max-width:1570px) { .timeline-section::before {bottom: -30px; height: 510px;} .error-page::before {height: 700px; right: -50px;} .error-page{overflow: hidden;} .our-app-2 .timeline-inner {background-position: left -410px bottom -100px !important;} } @media screen and (max-width:1360px) { .timeline-section::before {display: none;} .owl-carousel .owl-nav .owl-prev {left: -50px;} .owl-carousel .owl-nav .owl-next {right: -50px;} } @media screen and (max-width:1360px) { /* Mega Menu */ .mega-menu .drop-down-multilevel a { font-size: 0.8em;} .mega-menu .drop-down-multilevel { max-width: 150px;} .mega-menu .menu-logo img {padding-top: 3px !important;} } @media (min-width: 1200px){ .container { max-width: 1170px;} } @media screen and (max-width:1200px) { .page-section-ptb{padding:40px 0;} .page-section-pt{padding: 60px 0 0;} .page-section-pb{padding: 0 0 60px;} .social-icons li a{margin:0 5px 5px 0;} /* Timeline */ .timeline > li > .timeline-panel { width: 35%;} .timeline > li::before {left: 50%;} .timeline > li:last-child::after {bottom: -39px; margin-left: -1px;} /* Action Box */ .action-box-img::after {bottom: -40px; right: -60px; height: 230px;} .action-box-img {overflow: hidden;} .button {padding: 18px 45px; } .error-page::before {height: 500px; right: -150px;} .big-title {font-size: 250px; line-height: 220px;} .form-1 .form-group label{font-size: 14px; padding-left: 0;} .profile-table img {left: 20px;} .our-app-2 .timeline-inner {background-position: left -530px bottom -140px !important; padding-bottom: 60px;} .story-details{ padding:20px 15px; } .story-details h5{ font-size: 15px; } .post.top-pos .post-title {max-width: 130px; top: 35px;} } @media screen and (max-width:992px) { h2{font-size: 40px; line-height: 50px;} h4{font-size: 18px;} h5{font-size: 14px;} .page-section-ptb{padding:50px 0;} .page-section-pt{padding: 50px 0 0;} .page-section-pb{padding: 0 0 50px;} .gradient-overlay::before{background-position:40% 0;} /* Acction Box */ .action-box .button{padding:18px 25px; font-size:13px;} .action-box-img::after{display: none;} /* Timeline */ .timeline-body::before{display: none;} .timeline > li {margin-bottom: 0;} .timeline > li:last-child::after {bottom: 0; margin-left: -8px;} .timeline-inner{background: none !important; height: inherit; padding-bottom: 40px;} .timeline-inner .mb-2 {margin: 0 0 50px !important;} .timeline-inner h2{color: #ffffff;} /* Mega Menu */ .mega-menu .menu-logo img {max-width: 70% !important;} .error-page::before{display: none;} .form-1 .banner-form .form-group{font-size: 16px !important;} .form-1 .banner-form .form-group label{text-align: left; margin: 0;} .form-1 .banner-form .form-group > [class*="col-"]{padding-left: 0;} .form-1 .banner-form .form-group > [class*="col-"]{display: block;} .form-1 .banner-form .button { padding: 11px 25px; font-size: 12px; margin-top: 20px;} .form-1 .banner-form .button i:before{font-size: 15px;} .form-1 .banner-form .button.animated.right-icn:hover span {transform: translate(-10px, 0px);} .form-1 .button.animated.right-icn i {transform: translate(25px, -50%);} .profile-cntn {top: 70px;} .profile-table img {left: 0; height: 40px; top: -3px;} #main-slider .slider-content h1 {width: 70%;} #main-slider .slider-content{ transform: translateY(0%); -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); } #main-slider .carousel-control.left, #main-slider .carousel-control.right{display: inline-block;} .stepwizard-step::before { right: -80px; } .banner-3 .banner-form {margin-top: 30px;} .banner-form select.form-control{padding: 8px 10px;} .our-app-2 .timeline-inner{background-image: none; padding-bottom: 50px;} } @media screen and (max-width:992px) and (min-width:768px) { @media screen and (max-width:767px) { h1 {font-size: 40px; line-height: 50px;} h2 {font-size: 28px; line-height: 36px;} h3 {font-size: 25px; line-height: 32px;} h4 {font-size: 16px; line-height: 28px;} h5 {font-size: 15px; line-height: 22px;} h6 {font-size: 14px; line-height: 20px;} h1.title2 {font-size: 44px; line-height: 50px;} h2.title2 {font-size: 36px; line-height: 42px;} h3.title2 {font-size: 32px; line-height: 40px;} h4.title2 {font-size: 30px; line-height: 36px;} h5.title2 {font-size: 26px; line-height: 32px;} h6.title2 {font-size: 22px; line-height: 30px;} .lead{font-size: 14px; line-height: 24px;} .inner-intro { height: 250px !important;} .intro-title h1 { font-size: 29px !important;} .section-title .sub-title { font-size: 65px !important;} /* Page section margin padding */ .page-section-ptb{padding:40px 0;} .page-section-pt{padding: 40px 0 0;} .page-section-pb{padding: 0 0 40px;} .sm-pb-6 { padding-bottom: 60px !important; } .sm-pb-0 { padding-bottom: 0px !important; } .sm-mt-0{margin-top: 0 !important;} .sm-mb-0{margin-bottom: 0 !important;} .sm-mb-2{margin-bottom: 20px !important;} .sm-mt-2{margin-top: 20px !important;} .sm-mb-3{margin-bottom: 30px !important;} .sm-mt-3{margin-top: 30px !important;} .mb-5{margin-bottom: 50px !important;} /* Acction Box -*/ .action-box h4 {line-height:32px; margin-top:5px;} /* Timeline */ .timeline > li::before, .timeline > li:last-child::after {display: none;} .timeline > li {margin-bottom: 30px;} .timeline > li > .timeline-panel { width: 65%;} .timeline > li > .timeline-badge {height: 100px; left: inherit; right: -20px; top: 20%; width: 100px;} .timeline .timeline-inverted .timeline-badge {left: 15%; right: inherit; top: 40px;} .timeline .timeline-inverted .timeline-panel {padding: 0; width: 65%;} /* Mega Menu */ .mega-menu .menu-logo img {max-width:100% !important;} /* Banner */ .textrotate {font-size: 50px; line-height: 70px;} .bg-1 .align-items-center{top: 65%;} h1 br, p br{display: none;} .banner-form {margin-top: 30px;} .banner-form .form-inner {padding: 10px;} .button {font-size: 14px; padding: 13px 40px;} .skill.skill-medium{margin-top: 50px;} .address-block {margin-bottom: 30px;} .accordion{margin-bottom: 30px;} .light-form{padding: 20px !important;} .o-hidden{overflow: hidden;} .story-item h5{font-size: 14px;} .big-title {font-size: 200px; line-height: 160px;} .form-1{margin-top: 0; top: 0; margin-bottom:0; } .form-1 .banner-form .form-group{margin-bottom: 5px;} .form-1 .banner-form .button {margin-top: 20px} .inner-intro.details-page .container{display: block;} .details-page .profile-cntn li h2{margin-bottom: 0 !important;} .profile-cntn {top: 120px;} .profile-cntn img{height: 150px; width: 150px;} .our-app-2 .timeline-inner{ padding-bottom: 40px; } .stepwizard-step::before { right: -60px; } .divider-3{ padding-bottom: 10px; } .post.top-pos .post-title {max-width: 100%; right: 10px; top: 40px;} .step-social li{ padding:0 5px; } } @media screen and (max-width:630px) { .tab.tab-icon .nav-tabs li a span, .tab.tab-bg .nav-tabs li a span {font-size: 12px; line-height: 20px;} .form-1 .banner-form .form-group{padding: 10px 15px; margin-bottom: 0;} .banner-form .form-inner .form-group {margin-bottom: 0px;} } @media screen and (max-width:479px) { h1 {font-size: 32px; line-height: 40px;} h3{font-size:18px;} h4{font-size:16px;} /* Fancy */ .team-block .member-info.member1{top:-25px; left:3%;} .team-block .member-info.member2{top:-32px; left:20%;} .team-block .member-info.member3{top:-25px; left:37%;} .team-block .member-info.member4{top:-20px; left:50%;} .team-block .member-info.member5{top:-28px; left:63%;} .team-block .member-info.member6{top:-15px; left:81%;} .team-block .member-info .info{width:0; transition:none;} .team-block .member-info:hover .info{width:250px;} .team-block .member-info.member2 .info{left:-45px;} .team-block .member-info.member2 .info::after{left:26%;} .team-block .member-info.member5 .info{left:-155px;} .team-block .member-info.member5 .info::after{left:70%;} .team.boxed .team-description {padding: 28% 10%;} .team.boxed .team-description p {margin-bottom: 20px;} /* Timeline */ .timeline > li > .timeline-badge, .timeline .timeline-inverted .timeline-badge {position: inherit; right: inherit; top: inherit; transform: inherit; left: inherit; margin: 0 auto;} .timeline > li > .timeline-panel, .timeline .timeline-inverted .timeline-panel {width: 100%; text-align: left; margin-top: 30px;} .timeline-heading{text-align: left;} /* Banner */ .inner-intro { height: 280px !important;} .intro-title h1 {font-size: 20px !important;} .intro-title .section-title .sub-title {font-size: 40px !important;} .banner-form form .form-group > label {font-size: 13px; line-height: 20px;} .dropdown {line-height: 20px;} @media screen and (max-width:375px) { .post.top-pos .post-title {max-width: 170px;} .banner-form .bootstrap-select > .dropdown-toggle{ padding: 6px 10px; } .banner-form .form-inner .form-group label{ font-size: 12px; line-height: 12px; margin-bottom: 5px; } .countdown > li span{ font-size: 18px; } }
Close
